{"version":3,"file":"PageContainer-BcHZV5aY.js","sources":["../../../app/components/PageContainer.tsx"],"sourcesContent":["import { type ContainerProps, type MantineSize } from \"@mantine/core\";\nimport { getSize, getSpacing } from \"@mantine/core\";\n\nexport interface PageContainerProps\n  extends ContainerProps,\n    Omit<ComponentPropsWithoutRef<\"div\">, \"style\"> {\n  withGutter?: boolean;\n  gutterSize?: MantineSize | (string & {}) | number;\n}\n\nconst PageContainer: FC<PageContainerProps> = ({\n  withGutter,\n  gutterSize = \"md\",\n  size = \"md\",\n  className,\n  style,\n  children,\n  ...otherProps\n}) => {\n  return (\n    <Container\n      {...{ size }}\n      p=\"md\"\n      w=\"100%\"\n      className={cn(\"PageContainer\", className)}\n      style={[\n        style,\n        withGutter\n          ? () => {\n              const sizeValue = getSize(size, \"container-size\");\n              const gutterSizeValue = getSpacing(gutterSize);\n              const margin = `clamp(0px, calc((100vw - ${sizeValue}) / 2), ${gutterSizeValue})`;\n              return {\n                marginTop: margin,\n                marginBottom: margin,\n              };\n            }\n          : undefined,\n      ]}\n      {...otherProps}\n    >\n      {children}\n    </Container>\n  );\n};\n\nexport default PageContainer;\n"],"names":["PageContainer","withGutter","gutterSize","size","className","style","children","otherProps","Container","p","w","cn","sizeValue","getSize","gutterSizeValue","getSpacing","margin","marginTop","marginBottom","undefined"],"mappings":"sGAUA,MAAMA,EAAwCA,CAAC,CAC7CC,WAAAA,EACAC,WAAAA,EAAa,KACbC,KAAAA,EAAO,KACPC,UAAAA,EACAC,MAAAA,EACAC,SAAAA,EACA,GAAGC,CACL,MAEKC,EAAS,CACFL,KAAAA,EACNM,EAAE,KACFC,EAAE,OACFN,UAAWO,EAAG,gBAAiBP,CAAS,EACxCC,MAAO,CACLA,EACAJ,EACI,IAAM,CACEW,MAAAA,EAAYC,EAAQV,EAAM,gBAAgB,EAC1CW,EAAkBC,EAAWb,CAAU,EACvCc,EAAS,4BAA4BJ,CAAS,WAAWE,CAAe,IACvE,MAAA,CACLG,UAAWD,EACXE,aAAcF,CAChB,GAEFG,MAAS,EACb,GACEZ,EAAUD,SAAAA,CAAAA,CAGL"}