{"version":3,"sources":["../src/components/Container/Container.tsx"],"names":["forwardRef","jsx","cn"],"mappings":";;;;;;AAKA,IAAM,KAAA,GAAQ;AAAA,EACZ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,IAAA,EAAM;AACR,CAAA;AASO,IAAM,SAAA,GAAYA,gBAAA;AAAA,EACvB,CAAC,EAAE,QAAA,EAAU,IAAA,GAAO,IAAA,EAAM,EAAA,EAAI,GAAA,GAAM,KAAA,EAAO,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAIxE,IAAA,MAAM,SAAA,GAAY,GAAA;AAElB,IAAA,uBACEC,cAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,4BAAA,EAA2B,EAAA;AAAA,QAC3B,WAAA,EAAW,IAAA;AAAA,QACX,WAAWC,oBAAA,CAAG,6BAAA,EAA+B,KAAA,CAAM,IAAI,GAAG,SAAS,CAAA;AAAA,QAElE;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-FQSSVOVQ.cjs","sourcesContent":["import { forwardRef } from \"react\";\nimport type * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { ContainerProps } from \"./Container.types\";\n\nconst SIZES = {\n  sm: \"max-w-3xl\",\n  md: \"max-w-5xl\",\n  lg: \"max-w-7xl\",\n  full: \"max-w-none\",\n} as const;\n\n/**\n * The page's horizontal measure — centred, capped, with gutters.\n *\n * Every Swiss-family gallery style hand-rolled this. What they repeated was not\n * `mx-auto` but the DECISION about how wide the page reads, and twenty copies of\n * a decision drift. This owns the decision and leaves the styling replaceable.\n */\nexport const Container = forwardRef<HTMLElement, ContainerProps>(\n  ({ children, size = \"md\", as: Tag = \"div\", className, ...props }, ref) => {\n    // `as` makes the element dynamic, so the ref type cannot be known\n    // statically. Narrowed at the boundary rather than dragging a full\n    // polymorphic-component generic into a layout primitive.\n    const Component = Tag as \"div\";\n\n    return (\n      <Component\n        ref={ref as React.Ref<HTMLDivElement>}\n        {...props}\n        data-react-fancy-container=\"\"\n        data-size={size}\n        className={cn(\"mx-auto w-full px-4 sm:px-6\", SIZES[size], className)}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n\nContainer.displayName = \"Container\";\n"]}