@particle-academy/react-fancy 5.14.0 → 5.15.0

package/dist/chunk-AY3JABE3.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var GAP = { sm: "gap-3", md: "gap-6", lg: "gap-10" };
+var Grid = react.forwardRef(
+  ({ children, cols = 3, gap = "md", responsive = true, className, style, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        ...props,
+        "data-react-fancy-grid": "",
+        "data-responsive": responsive ? "true" : "false",
+        className: chunk3Z6ALUWP_cjs.cn("grid", GAP[gap], className),
+        style: {
+          ...style,
+          ["--fancy-grid-cols"]: String(cols),
+          gridTemplateColumns: responsive ? "repeat(auto-fit, minmax(min(100%, 16rem), 1fr))" : `repeat(${cols}, minmax(0, 1fr))`
+        },
+        children
+      }
+    );
+  }
+);
+Grid.displayName = "Grid";
+
+exports.Grid = Grid;
+//# sourceMappingURL=chunk-AY3JABE3.cjs.map
+//# sourceMappingURL=chunk-AY3JABE3.cjs.map

package/dist/chunk-AY3JABE3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Grid/Grid.tsx"],"names":["forwardRef","jsx","cn"],"mappings":";;;;;;AAIA,IAAM,MAAM,EAAE,EAAA,EAAI,SAAS,EAAA,EAAI,OAAA,EAAS,IAAI,QAAA,EAAS;AAW9C,IAAM,IAAA,GAAOA,gBAAA;AAAA,EAClB,CAAC,EAAE,QAAA,EAAU,IAAA,GAAO,GAAG,GAAA,GAAM,IAAA,EAAM,UAAA,GAAa,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC1F,IAAA,uBACEC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,uBAAA,EAAsB,EAAA;AAAA,QACtB,iBAAA,EAAiB,aAAa,MAAA,GAAS,OAAA;AAAA,QACvC,WAAWC,oBAAA,CAAG,MAAA,EAAQ,GAAA,CAAI,GAAG,GAAG,SAAS,CAAA;AAAA,QACzC,KAAA,EAAO;AAAA,UACL,GAAG,KAAA;AAAA,UACH,CAAC,mBAA6B,GAAG,MAAA,CAAO,IAAI,CAAA;AAAA,UAC5C,mBAAA,EAAqB,UAAA,GACjB,iDAAA,GACA,CAAA,OAAA,EAAU,IAAI,CAAA,iBAAA;AAAA,SACpB;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-AY3JABE3.cjs","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { GridProps } from \"./Grid.types\";\n\nconst GAP = { sm: \"gap-3\", md: \"gap-6\", lg: \"gap-10\" } as const;\n\n/**\n * The modular grid.\n *\n * Column count goes through a custom property rather than a `grid-cols-N` class\n * because N is a prop: Tailwind cannot generate a class it never sees in source,\n * and every hand-rolled copy in the gallery worked around that differently. The\n * property also gives a design a single place to override the breakpoint\n * behaviour in CSS without fighting a utility.\n */\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(\n  ({ children, cols = 3, gap = \"md\", responsive = true, className, style, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        {...props}\n        data-react-fancy-grid=\"\"\n        data-responsive={responsive ? \"true\" : \"false\"}\n        className={cn(\"grid\", GAP[gap], className)}\n        style={{\n          ...style,\n          [\"--fancy-grid-cols\" as string]: String(cols),\n          gridTemplateColumns: responsive\n            ? \"repeat(auto-fit, minmax(min(100%, 16rem), 1fr))\"\n            : `repeat(${cols}, minmax(0, 1fr))`,\n        }}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nGrid.displayName = \"Grid\";\n"]}

package/dist/chunk-DBJWHDWP.js

@@ -0,0 +1,31 @@
+import { cn } from './chunk-DSUHZO6T.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var SIZES = {
+  sm: "max-w-3xl",
+  md: "max-w-5xl",
+  lg: "max-w-7xl",
+  full: "max-w-none"
+};
+var Container = forwardRef(
+  ({ children, size = "md", as: Tag = "div", className, ...props }, ref) => {
+    const Component = Tag;
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        ...props,
+        "data-react-fancy-container": "",
+        "data-size": size,
+        className: cn("mx-auto w-full px-4 sm:px-6", SIZES[size], className),
+        children
+      }
+    );
+  }
+);
+Container.displayName = "Container";
+
+export { Container };
+//# sourceMappingURL=chunk-DBJWHDWP.js.map
+//# sourceMappingURL=chunk-DBJWHDWP.js.map

package/dist/chunk-DBJWHDWP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Container/Container.tsx"],"names":[],"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,GAAY,UAAA;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,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,4BAAA,EAA2B,EAAA;AAAA,QAC3B,WAAA,EAAW,IAAA;AAAA,QACX,WAAW,EAAA,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-DBJWHDWP.js","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"]}

package/dist/chunk-MKFWFZVX.js

@@ -0,0 +1,30 @@
+import { cn } from './chunk-DSUHZO6T.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var GAP = { sm: "gap-3", md: "gap-6", lg: "gap-10" };
+var Grid = forwardRef(
+  ({ children, cols = 3, gap = "md", responsive = true, className, style, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        ...props,
+        "data-react-fancy-grid": "",
+        "data-responsive": responsive ? "true" : "false",
+        className: cn("grid", GAP[gap], className),
+        style: {
+          ...style,
+          ["--fancy-grid-cols"]: String(cols),
+          gridTemplateColumns: responsive ? "repeat(auto-fit, minmax(min(100%, 16rem), 1fr))" : `repeat(${cols}, minmax(0, 1fr))`
+        },
+        children
+      }
+    );
+  }
+);
+Grid.displayName = "Grid";
+
+export { Grid };
+//# sourceMappingURL=chunk-MKFWFZVX.js.map
+//# sourceMappingURL=chunk-MKFWFZVX.js.map

package/dist/chunk-MKFWFZVX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;AAIA,IAAM,MAAM,EAAE,EAAA,EAAI,SAAS,EAAA,EAAI,OAAA,EAAS,IAAI,QAAA,EAAS;AAW9C,IAAM,IAAA,GAAO,UAAA;AAAA,EAClB,CAAC,EAAE,QAAA,EAAU,IAAA,GAAO,GAAG,GAAA,GAAM,IAAA,EAAM,UAAA,GAAa,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC1F,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,uBAAA,EAAsB,EAAA;AAAA,QACtB,iBAAA,EAAiB,aAAa,MAAA,GAAS,OAAA;AAAA,QACvC,WAAW,EAAA,CAAG,MAAA,EAAQ,GAAA,CAAI,GAAG,GAAG,SAAS,CAAA;AAAA,QACzC,KAAA,EAAO;AAAA,UACL,GAAG,KAAA;AAAA,UACH,CAAC,mBAA6B,GAAG,MAAA,CAAO,IAAI,CAAA;AAAA,UAC5C,mBAAA,EAAqB,UAAA,GACjB,iDAAA,GACA,CAAA,OAAA,EAAU,IAAI,CAAA,iBAAA;AAAA,SACpB;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-MKFWFZVX.js","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { GridProps } from \"./Grid.types\";\n\nconst GAP = { sm: \"gap-3\", md: \"gap-6\", lg: \"gap-10\" } as const;\n\n/**\n * The modular grid.\n *\n * Column count goes through a custom property rather than a `grid-cols-N` class\n * because N is a prop: Tailwind cannot generate a class it never sees in source,\n * and every hand-rolled copy in the gallery worked around that differently. The\n * property also gives a design a single place to override the breakpoint\n * behaviour in CSS without fighting a utility.\n */\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(\n  ({ children, cols = 3, gap = \"md\", responsive = true, className, style, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        {...props}\n        data-react-fancy-grid=\"\"\n        data-responsive={responsive ? \"true\" : \"false\"}\n        className={cn(\"grid\", GAP[gap], className)}\n        style={{\n          ...style,\n          [\"--fancy-grid-cols\" as string]: String(cols),\n          gridTemplateColumns: responsive\n            ? \"repeat(auto-fit, minmax(min(100%, 16rem), 1fr))\"\n            : `repeat(${cols}, minmax(0, 1fr))`,\n        }}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nGrid.displayName = \"Grid\";\n"]}

package/dist/chunk-PG3ILQIW.js

@@ -0,0 +1,30 @@
+import { cn } from './chunk-DSUHZO6T.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var SPACE = { sm: "py-8", md: "py-16", lg: "py-24" };
+var Section = forwardRef(
+  ({ children, space = "md", divider = false, as: Tag = "section", className, ...props }, ref) => {
+    const Component = Tag;
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        ...props,
+        "data-react-fancy-section": "",
+        "data-space": space,
+        className: cn(
+          SPACE[space],
+          divider && "border-t border-zinc-200 dark:border-zinc-800",
+          className
+        ),
+        children
+      }
+    );
+  }
+);
+Section.displayName = "Section";
+
+export { Section };
+//# sourceMappingURL=chunk-PG3ILQIW.js.map
+//# sourceMappingURL=chunk-PG3ILQIW.js.map

package/dist/chunk-PG3ILQIW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Section/Section.tsx"],"names":[],"mappings":";;;;AAKA,IAAM,QAAQ,EAAE,EAAA,EAAI,QAAQ,EAAA,EAAI,OAAA,EAAS,IAAI,OAAA,EAAQ;AAS9C,IAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CAAC,EAAE,QAAA,EAAU,KAAA,GAAQ,MAAM,OAAA,GAAU,KAAA,EAAO,EAAA,EAAI,GAAA,GAAM,SAAA,EAAW,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC9F,IAAA,MAAM,SAAA,GAAY,GAAA;AAElB,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,0BAAA,EAAyB,EAAA;AAAA,QACzB,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA,EAAW,EAAA;AAAA,UACT,MAAM,KAAK,CAAA;AAAA,UACX,OAAA,IAAW,+CAAA;AAAA,UACX;AAAA,SACF;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-PG3ILQIW.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { SectionProps } from \"./Section.types\";\n\nconst SPACE = { sm: \"py-8\", md: \"py-16\", lg: \"py-24\" } as const;\n\n/**\n * Vertical rhythm between page sections, with the optional opening hairline.\n *\n * Pairs with `Eyebrow`, which is what usually sits at the top of one. The rule\n * is a prop rather than a caller-drawn border because half the gallery styles\n * drew it and half forgot, and an inconsistent rule reads as a bug.\n */\nexport const Section = forwardRef<HTMLElement, SectionProps>(\n  ({ children, space = \"md\", divider = false, as: Tag = \"section\", className, ...props }, ref) => {\n    const Component = Tag as \"section\";\n\n    return (\n      <Component\n        ref={ref as React.Ref<HTMLElement>}\n        {...props}\n        data-react-fancy-section=\"\"\n        data-space={space}\n        className={cn(\n          SPACE[space],\n          divider && \"border-t border-zinc-200 dark:border-zinc-800\",\n          className,\n        )}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n\nSection.displayName = \"Section\";\n"]}

package/dist/chunk-SYXLPCQP.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var SIZES = {
+  sm: "max-w-3xl",
+  md: "max-w-5xl",
+  lg: "max-w-7xl",
+  full: "max-w-none"
+};
+var Container = react.forwardRef(
+  ({ children, size = "md", as: Tag = "div", className, ...props }, ref) => {
+    const Component = Tag;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ref,
+        ...props,
+        "data-react-fancy-container": "",
+        "data-size": size,
+        className: chunk3Z6ALUWP_cjs.cn("mx-auto w-full px-4 sm:px-6", SIZES[size], className),
+        children
+      }
+    );
+  }
+);
+Container.displayName = "Container";
+
+exports.Container = Container;
+//# sourceMappingURL=chunk-SYXLPCQP.cjs.map
+//# sourceMappingURL=chunk-SYXLPCQP.cjs.map

package/dist/chunk-SYXLPCQP.cjs.map

@@ -0,0 +1 @@
+{"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-SYXLPCQP.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"]}

package/dist/chunk-VQ4M25U3.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var SPACE = { sm: "py-8", md: "py-16", lg: "py-24" };
+var Section = react.forwardRef(
+  ({ children, space = "md", divider = false, as: Tag = "section", className, ...props }, ref) => {
+    const Component = Tag;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ref,
+        ...props,
+        "data-react-fancy-section": "",
+        "data-space": space,
+        className: chunk3Z6ALUWP_cjs.cn(
+          SPACE[space],
+          divider && "border-t border-zinc-200 dark:border-zinc-800",
+          className
+        ),
+        children
+      }
+    );
+  }
+);
+Section.displayName = "Section";
+
+exports.Section = Section;
+//# sourceMappingURL=chunk-VQ4M25U3.cjs.map
+//# sourceMappingURL=chunk-VQ4M25U3.cjs.map

package/dist/chunk-VQ4M25U3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Section/Section.tsx"],"names":["forwardRef","jsx","cn"],"mappings":";;;;;;AAKA,IAAM,QAAQ,EAAE,EAAA,EAAI,QAAQ,EAAA,EAAI,OAAA,EAAS,IAAI,OAAA,EAAQ;AAS9C,IAAM,OAAA,GAAUA,gBAAA;AAAA,EACrB,CAAC,EAAE,QAAA,EAAU,KAAA,GAAQ,MAAM,OAAA,GAAU,KAAA,EAAO,EAAA,EAAI,GAAA,GAAM,SAAA,EAAW,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC9F,IAAA,MAAM,SAAA,GAAY,GAAA;AAElB,IAAA,uBACEC,cAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,0BAAA,EAAyB,EAAA;AAAA,QACzB,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA,EAAWC,oBAAA;AAAA,UACT,MAAM,KAAK,CAAA;AAAA,UACX,OAAA,IAAW,+CAAA;AAAA,UACX;AAAA,SACF;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-VQ4M25U3.cjs","sourcesContent":["import { forwardRef } from \"react\";\nimport type * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { SectionProps } from \"./Section.types\";\n\nconst SPACE = { sm: \"py-8\", md: \"py-16\", lg: \"py-24\" } as const;\n\n/**\n * Vertical rhythm between page sections, with the optional opening hairline.\n *\n * Pairs with `Eyebrow`, which is what usually sits at the top of one. The rule\n * is a prop rather than a caller-drawn border because half the gallery styles\n * drew it and half forgot, and an inconsistent rule reads as a bug.\n */\nexport const Section = forwardRef<HTMLElement, SectionProps>(\n  ({ children, space = \"md\", divider = false, as: Tag = \"section\", className, ...props }, ref) => {\n    const Component = Tag as \"section\";\n\n    return (\n      <Component\n        ref={ref as React.Ref<HTMLElement>}\n        {...props}\n        data-react-fancy-section=\"\"\n        data-space={space}\n        className={cn(\n          SPACE[space],\n          divider && \"border-t border-zinc-200 dark:border-zinc-800\",\n          className,\n        )}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n\nSection.displayName = \"Section\";\n"]}

package/dist/container.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkSYXLPCQP_cjs = require('./chunk-SYXLPCQP.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Container", {
+  enumerable: true,
+  get: function () { return chunkSYXLPCQP_cjs.Container; }
+});
+//# sourceMappingURL=container.cjs.map
+//# sourceMappingURL=container.cjs.map

package/dist/container.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"container.cjs"}

package/dist/container.d.cts

@@ -0,0 +1,21 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode, ElementType } from 'react';
+
+interface ContainerProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode;
+    /** Reading measure. `md` (default) suits body text; `full` removes the cap. */
+    size?: "sm" | "md" | "lg" | "full";
+    /** The element to render. A container is often a `<main>` or `<header>`. */
+    as?: ElementType;
+}
+
+/**
+ * The page's horizontal measure — centred, capped, with gutters.
+ *
+ * Every Swiss-family gallery style hand-rolled this. What they repeated was not
+ * `mx-auto` but the DECISION about how wide the page reads, and twenty copies of
+ * a decision drift. This owns the decision and leaves the styling replaceable.
+ */
+declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLElement>>;
+
+export { Container, type ContainerProps };

package/dist/container.d.ts

@@ -0,0 +1,21 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode, ElementType } from 'react';
+
+interface ContainerProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode;
+    /** Reading measure. `md` (default) suits body text; `full` removes the cap. */
+    size?: "sm" | "md" | "lg" | "full";
+    /** The element to render. A container is often a `<main>` or `<header>`. */
+    as?: ElementType;
+}
+
+/**
+ * The page's horizontal measure — centred, capped, with gutters.
+ *
+ * Every Swiss-family gallery style hand-rolled this. What they repeated was not
+ * `mx-auto` but the DECISION about how wide the page reads, and twenty copies of
+ * a decision drift. This owns the decision and leaves the styling replaceable.
+ */
+declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLElement>>;
+
+export { Container, type ContainerProps };

package/dist/container.js

@@ -0,0 +1,4 @@
+export { Container } from './chunk-DBJWHDWP.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=container.js.map
+//# sourceMappingURL=container.js.map

package/dist/container.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"container.js"}

package/dist/editor.cjs

@@ -5,8 +5,8 @@ require('./chunk-G34OBTU3.cjs');
 require('./chunk-T6YELZPJ.cjs');
 require('./chunk-RNHIDZLE.cjs');
 require('./chunk-TXTRTTG7.cjs');
-require('./chunk-DJ3YM72H.cjs');
 require('./chunk-3WGRVDQR.cjs');
+require('./chunk-DJ3YM72H.cjs');
 require('./chunk-BFKCVSNK.cjs');
 require('./chunk-J2DI6RMR.cjs');
 require('./chunk-L3V3BYVS.cjs');

package/dist/editor.js

@@ -3,8 +3,8 @@ import './chunk-RNPFSVFN.js';
 import './chunk-CPY7NHXM.js';
 import './chunk-FVV76TRF.js';
 import './chunk-5U2DZ7AV.js';
-import './chunk-ZLCVKYHY.js';
 import './chunk-CHADHN6M.js';
+import './chunk-ZLCVKYHY.js';
 import './chunk-XJXQG34J.js';
 import './chunk-MQ6VGG62.js';
 import './chunk-NRXK42LO.js';

package/dist/grid.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkAY3JABE3_cjs = require('./chunk-AY3JABE3.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function () { return chunkAY3JABE3_cjs.Grid; }
+});
+//# sourceMappingURL=grid.cjs.map
+//# sourceMappingURL=grid.cjs.map

package/dist/grid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"grid.cjs"}

package/dist/grid.d.cts

@@ -0,0 +1,30 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    /** Column count at the widest breakpoint. Default `3`. */
+    cols?: number;
+    /** Gutter. Default `md`. */
+    gap?: "sm" | "md" | "lg";
+    /**
+     * Collapse toward one column on small screens. Default `true`.
+     *
+     * Off for grids that are genuinely fixed — a 2-up of icons, say — where
+     * collapsing looks broken rather than responsive.
+     */
+    responsive?: boolean;
+}
+
+/**
+ * The modular grid.
+ *
+ * Column count goes through a custom property rather than a `grid-cols-N` class
+ * because N is a prop: Tailwind cannot generate a class it never sees in source,
+ * and every hand-rolled copy in the gallery worked around that differently. The
+ * property also gives a design a single place to override the breakpoint
+ * behaviour in CSS without fighting a utility.
+ */
+declare const Grid: react.ForwardRefExoticComponent<GridProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Grid, type GridProps };

package/dist/grid.d.ts

@@ -0,0 +1,30 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    /** Column count at the widest breakpoint. Default `3`. */
+    cols?: number;
+    /** Gutter. Default `md`. */
+    gap?: "sm" | "md" | "lg";
+    /**
+     * Collapse toward one column on small screens. Default `true`.
+     *
+     * Off for grids that are genuinely fixed — a 2-up of icons, say — where
+     * collapsing looks broken rather than responsive.
+     */
+    responsive?: boolean;
+}
+
+/**
+ * The modular grid.
+ *
+ * Column count goes through a custom property rather than a `grid-cols-N` class
+ * because N is a prop: Tailwind cannot generate a class it never sees in source,
+ * and every hand-rolled copy in the gallery worked around that differently. The
+ * property also gives a design a single place to override the breakpoint
+ * behaviour in CSS without fighting a utility.
+ */
+declare const Grid: react.ForwardRefExoticComponent<GridProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Grid, type GridProps };

package/dist/grid.js

@@ -0,0 +1,4 @@
+export { Grid } from './chunk-MKFWFZVX.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=grid.js.map
+//# sourceMappingURL=grid.js.map

package/dist/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"grid.js"}

package/dist/index.cjs

@@ -1,41 +1,46 @@
 'use strict';
 
+var chunkPOZZY3D5_cjs = require('./chunk-POZZY3D5.cjs');
+var chunkPRJSEZ5F_cjs = require('./chunk-PRJSEZ5F.cjs');
+var chunkZFVSEO5Z_cjs = require('./chunk-ZFVSEO5Z.cjs');
 var chunkYXC7QHNT_cjs = require('./chunk-YXC7QHNT.cjs');
 require('./chunk-O5IO7TCO.cjs');
+var chunkUH2YXQ2B_cjs = require('./chunk-UH2YXQ2B.cjs');
+require('./chunk-5FV6GMFP.cjs');
+var chunk6MDZQIMZ_cjs = require('./chunk-6MDZQIMZ.cjs');
+var chunk3SQ34IQC_cjs = require('./chunk-3SQ34IQC.cjs');
+var chunk2G3L4BLU_cjs = require('./chunk-2G3L4BLU.cjs');
 var chunk7C7VF4WY_cjs = require('./chunk-7C7VF4WY.cjs');
 var chunkIGU5YXRV_cjs = require('./chunk-IGU5YXRV.cjs');
 var chunkWXADO5TS_cjs = require('./chunk-WXADO5TS.cjs');
 var chunkPZIAL4OP_cjs = require('./chunk-PZIAL4OP.cjs');
 var chunkA22T6DKO_cjs = require('./chunk-A22T6DKO.cjs');
-var chunkUH2YXQ2B_cjs = require('./chunk-UH2YXQ2B.cjs');
-require('./chunk-5FV6GMFP.cjs');
-var chunk6MDZQIMZ_cjs = require('./chunk-6MDZQIMZ.cjs');
 var chunkKICZTIZL_cjs = require('./chunk-KICZTIZL.cjs');
-var chunk3SQ34IQC_cjs = require('./chunk-3SQ34IQC.cjs');
-var chunk2G3L4BLU_cjs = require('./chunk-2G3L4BLU.cjs');
+var chunkANEX75DF_cjs = require('./chunk-ANEX75DF.cjs');
+var chunkGIDW3SUE_cjs = require('./chunk-GIDW3SUE.cjs');
+var chunk5LHG7HEY_cjs = require('./chunk-5LHG7HEY.cjs');
 var chunkTVRCOKJQ_cjs = require('./chunk-TVRCOKJQ.cjs');
 var chunkIF3T3ZCB_cjs = require('./chunk-IF3T3ZCB.cjs');
 var chunkAOOBRPTE_cjs = require('./chunk-AOOBRPTE.cjs');
 var chunkVE3EM4K2_cjs = require('./chunk-VE3EM4K2.cjs');
 var chunkLNWO23PU_cjs = require('./chunk-LNWO23PU.cjs');
-var chunkPOZZY3D5_cjs = require('./chunk-POZZY3D5.cjs');
-var chunkPRJSEZ5F_cjs = require('./chunk-PRJSEZ5F.cjs');
-var chunkZFVSEO5Z_cjs = require('./chunk-ZFVSEO5Z.cjs');
+var chunkPH3WGR5P_cjs = require('./chunk-PH3WGR5P.cjs');
+var chunk2CYRAKWI_cjs = require('./chunk-2CYRAKWI.cjs');
 var chunkFA3D4GFC_cjs = require('./chunk-FA3D4GFC.cjs');
 var chunkVBZZ4CMM_cjs = require('./chunk-VBZZ4CMM.cjs');
 var chunkIXHZVFHX_cjs = require('./chunk-IXHZVFHX.cjs');
 var chunk2CNSZCVE_cjs = require('./chunk-2CNSZCVE.cjs');
+var chunkVQ4M25U3_cjs = require('./chunk-VQ4M25U3.cjs');
 var chunkRR7BWUVP_cjs = require('./chunk-RR7BWUVP.cjs');
 var chunkXBBEQLMY_cjs = require('./chunk-XBBEQLMY.cjs');
-var chunkANEX75DF_cjs = require('./chunk-ANEX75DF.cjs');
-var chunkGIDW3SUE_cjs = require('./chunk-GIDW3SUE.cjs');
-var chunk5LHG7HEY_cjs = require('./chunk-5LHG7HEY.cjs');
+var chunkI6L7OP7G_cjs = require('./chunk-I6L7OP7G.cjs');
+var chunkB3HVWXIQ_cjs = require('./chunk-B3HVWXIQ.cjs');
 var chunkE7PHL3TD_cjs = require('./chunk-E7PHL3TD.cjs');
 var chunkARSQY4P7_cjs = require('./chunk-ARSQY4P7.cjs');
 var chunk47TFRODY_cjs = require('./chunk-47TFRODY.cjs');
 var chunkPBXYU4EV_cjs = require('./chunk-PBXYU4EV.cjs');
-var chunkPH3WGR5P_cjs = require('./chunk-PH3WGR5P.cjs');
-var chunk2CYRAKWI_cjs = require('./chunk-2CYRAKWI.cjs');
+var chunkBPBI3WWQ_cjs = require('./chunk-BPBI3WWQ.cjs');
+var chunkMGZE2QEM_cjs = require('./chunk-MGZE2QEM.cjs');
 var chunkW2Q4OWHX_cjs = require('./chunk-W2Q4OWHX.cjs');
 var chunk5I4PR2KV_cjs = require('./chunk-5I4PR2KV.cjs');
 require('./chunk-7NLKXBZ2.cjs');
@@ -49,15 +54,14 @@ var chunkJHEM6IGT_cjs = require('./chunk-JHEM6IGT.cjs');
 var chunkEERAEPQO_cjs = require('./chunk-EERAEPQO.cjs');
 var chunkKUKYJZIU_cjs = require('./chunk-KUKYJZIU.cjs');
 var chunkTZKZ2LUF_cjs = require('./chunk-TZKZ2LUF.cjs');
-var chunkI6L7OP7G_cjs = require('./chunk-I6L7OP7G.cjs');
-var chunkB3HVWXIQ_cjs = require('./chunk-B3HVWXIQ.cjs');
+var chunk5UOQVGZC_cjs = require('./chunk-5UOQVGZC.cjs');
 var chunk4DQ6HX27_cjs = require('./chunk-4DQ6HX27.cjs');
+var chunkAY3JABE3_cjs = require('./chunk-AY3JABE3.cjs');
 var chunkRA3P63XW_cjs = require('./chunk-RA3P63XW.cjs');
 var chunkAC7M7JDO_cjs = require('./chunk-AC7M7JDO.cjs');
 var chunk6L6LI2RL_cjs = require('./chunk-6L6LI2RL.cjs');
 var chunkVNDOT3NK_cjs = require('./chunk-VNDOT3NK.cjs');
-var chunkBPBI3WWQ_cjs = require('./chunk-BPBI3WWQ.cjs');
-var chunkMGZE2QEM_cjs = require('./chunk-MGZE2QEM.cjs');
+var chunk5HOQ2PHR_cjs = require('./chunk-5HOQ2PHR.cjs');
 var chunkF6NEPU67_cjs = require('./chunk-F6NEPU67.cjs');
 var chunkORFHF6PT_cjs = require('./chunk-ORFHF6PT.cjs');
 var chunkWT72KW5M_cjs = require('./chunk-WT72KW5M.cjs');
@@ -67,7 +71,6 @@ var chunkMDUSUJWY_cjs = require('./chunk-MDUSUJWY.cjs');
 var chunk6FBFE66M_cjs = require('./chunk-6FBFE66M.cjs');
 var chunkIJ4I55QQ_cjs = require('./chunk-IJ4I55QQ.cjs');
 var chunkHBFVOHQC_cjs = require('./chunk-HBFVOHQC.cjs');
-var chunk5UOQVGZC_cjs = require('./chunk-5UOQVGZC.cjs');
 var chunkAVR5P4GA_cjs = require('./chunk-AVR5P4GA.cjs');
 var chunkT6IXZZBQ_cjs = require('./chunk-T6IXZZBQ.cjs');
 require('./chunk-AIA5UNQ5.cjs');
@@ -75,11 +78,11 @@ var chunkRNHIDZLE_cjs = require('./chunk-RNHIDZLE.cjs');
 var chunkDOSSIU6S_cjs = require('./chunk-DOSSIU6S.cjs');
 var chunkLZL2KD4P_cjs = require('./chunk-LZL2KD4P.cjs');
 var chunkTXTRTTG7_cjs = require('./chunk-TXTRTTG7.cjs');
+var chunk3WGRVDQR_cjs = require('./chunk-3WGRVDQR.cjs');
 var chunkSCPHSBBU_cjs = require('./chunk-SCPHSBBU.cjs');
+var chunkSYXLPCQP_cjs = require('./chunk-SYXLPCQP.cjs');
 require('./chunk-S3TRSECD.cjs');
 var chunkDJ3YM72H_cjs = require('./chunk-DJ3YM72H.cjs');
-var chunk5HOQ2PHR_cjs = require('./chunk-5HOQ2PHR.cjs');
-var chunk3WGRVDQR_cjs = require('./chunk-3WGRVDQR.cjs');
 var chunk2S7WRR5P_cjs = require('./chunk-2S7WRR5P.cjs');
 var chunkDWRMC2FN_cjs = require('./chunk-DWRMC2FN.cjs');
 var chunk6GC5DMOK_cjs = require('./chunk-6GC5DMOK.cjs');
@@ -107,6 +110,22 @@ var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
 
 
 
+Object.defineProperty(exports, "TimePicker", {
+  enumerable: true,
+  get: function () { return chunkPOZZY3D5_cjs.TimePicker; }
+});
+Object.defineProperty(exports, "Timeline", {
+  enumerable: true,
+  get: function () { return chunkPRJSEZ5F_cjs.Timeline; }
+});
+Object.defineProperty(exports, "Toast", {
+  enumerable: true,
+  get: function () { return chunkZFVSEO5Z_cjs.Toast; }
+});
+Object.defineProperty(exports, "useToast", {
+  enumerable: true,
+  get: function () { return chunkZFVSEO5Z_cjs.useToast; }
+});
 Object.defineProperty(exports, "TreeNav", {
   enumerable: true,
   get: function () { return chunkYXC7QHNT_cjs.TreeNav; }
@@ -115,6 +134,26 @@ Object.defineProperty(exports, "useTreeNav", {
   enumerable: true,
   get: function () { return chunkYXC7QHNT_cjs.useTreeNav; }
 });
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function () { return chunkUH2YXQ2B_cjs.Switch; }
+});
+Object.defineProperty(exports, "Form", {
+  enumerable: true,
+  get: function () { return chunk6MDZQIMZ_cjs.Form; }
+});
+Object.defineProperty(exports, "FormProvider", {
+  enumerable: true,
+  get: function () { return chunk6MDZQIMZ_cjs.FormProvider; }
+});
+Object.defineProperty(exports, "CheckboxGroup", {
+  enumerable: true,
+  get: function () { return chunk3SQ34IQC_cjs.CheckboxGroup; }
+});
+Object.defineProperty(exports, "DatePicker", {
+  enumerable: true,
+  get: function () { return chunk2G3L4BLU_cjs.DatePicker; }
+});
 Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function () { return chunk7C7VF4WY_cjs.Input; }
@@ -135,29 +174,25 @@ Object.defineProperty(exports, "Slider", {
   enumerable: true,
   get: function () { return chunkA22T6DKO_cjs.Slider; }
 });
-Object.defineProperty(exports, "Switch", {
-  enumerable: true,
-  get: function () { return chunkUH2YXQ2B_cjs.Switch; }
-});
-Object.defineProperty(exports, "Form", {
+Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () { return chunk6MDZQIMZ_cjs.Form; }
+  get: function () { return chunkKICZTIZL_cjs.Checkbox; }
 });
-Object.defineProperty(exports, "FormProvider", {
+Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
-  get: function () { return chunk6MDZQIMZ_cjs.FormProvider; }
+  get: function () { return chunkANEX75DF_cjs.Skeleton; }
 });
-Object.defineProperty(exports, "Checkbox", {
+Object.defineProperty(exports, "Stat", {
   enumerable: true,
-  get: function () { return chunkKICZTIZL_cjs.Checkbox; }
+  get: function () { return chunkGIDW3SUE_cjs.Stat; }
 });
-Object.defineProperty(exports, "CheckboxGroup", {
+Object.defineProperty(exports, "StatBand", {
   enumerable: true,
-  get: function () { return chunk3SQ34IQC_cjs.CheckboxGroup; }
+  get: function () { return chunkGIDW3SUE_cjs.StatBand; }
 });
-Object.defineProperty(exports, "DatePicker", {
+Object.defineProperty(exports, "StatList", {
   enumerable: true,
-  get: function () { return chunk2G3L4BLU_cjs.DatePicker; }
+  get: function () { return chunk5LHG7HEY_cjs.StatList; }
 });
 Object.defineProperty(exports, "StickyNote", {
   enumerable: true,
@@ -183,21 +218,13 @@ Object.defineProperty(exports, "TimeGrid", {
   enumerable: true,
   get: function () { return chunkLNWO23PU_cjs.TimeGrid; }
 });
-Object.defineProperty(exports, "TimePicker", {
-  enumerable: true,
-  get: function () { return chunkPOZZY3D5_cjs.TimePicker; }
-});
-Object.defineProperty(exports, "Timeline", {
-  enumerable: true,
-  get: function () { return chunkPRJSEZ5F_cjs.Timeline; }
-});
-Object.defineProperty(exports, "Toast", {
+Object.defineProperty(exports, "Profile", {
   enumerable: true,
-  get: function () { return chunkZFVSEO5Z_cjs.Toast; }
+  get: function () { return chunkPH3WGR5P_cjs.Profile; }
 });
-Object.defineProperty(exports, "useToast", {
+Object.defineProperty(exports, "Progress", {
   enumerable: true,
-  get: function () { return chunkZFVSEO5Z_cjs.useToast; }
+  get: function () { return chunk2CYRAKWI_cjs.Progress; }
 });
 Object.defineProperty(exports, "PromptInput", {
   enumerable: true,
@@ -215,6 +242,10 @@ Object.defineProperty(exports, "ReasonTag", {
   enumerable: true,
   get: function () { return chunk2CNSZCVE_cjs.ReasonTag; }
 });
+Object.defineProperty(exports, "Section", {
+  enumerable: true,
+  get: function () { return chunkVQ4M25U3_cjs.Section; }
+});
 Object.defineProperty(exports, "Separator", {
   enumerable: true,
   get: function () { return chunkRR7BWUVP_cjs.Separator; }
@@ -227,21 +258,17 @@ Object.defineProperty(exports, "useSidebar", {
   enumerable: true,
   get: function () { return chunkXBBEQLMY_cjs.useSidebar; }
 });
-Object.defineProperty(exports, "Skeleton", {
-  enumerable: true,
-  get: function () { return chunkANEX75DF_cjs.Skeleton; }
-});
-Object.defineProperty(exports, "Stat", {
+Object.defineProperty(exports, "MoodMeter", {
   enumerable: true,
-  get: function () { return chunkGIDW3SUE_cjs.Stat; }
+  get: function () { return chunkI6L7OP7G_cjs.MoodMeter; }
 });
-Object.defineProperty(exports, "StatBand", {
+Object.defineProperty(exports, "Navbar", {
   enumerable: true,
-  get: function () { return chunkGIDW3SUE_cjs.StatBand; }
+  get: function () { return chunkB3HVWXIQ_cjs.Navbar; }
 });
-Object.defineProperty(exports, "StatList", {
+Object.defineProperty(exports, "useNavbar", {
   enumerable: true,
-  get: function () { return chunk5LHG7HEY_cjs.StatList; }
+  get: function () { return chunkB3HVWXIQ_cjs.useNavbar; }
 });
 Object.defineProperty(exports, "OtpInput", {
   enumerable: true,
@@ -263,13 +290,17 @@ Object.defineProperty(exports, "usePopover", {
   enumerable: true,
   get: function () { return chunkPBXYU4EV_cjs.usePopover; }
 });
-Object.defineProperty(exports, "Profile", {
+Object.defineProperty(exports, "Kanban", {
   enumerable: true,
-  get: function () { return chunkPH3WGR5P_cjs.Profile; }
+  get: function () { return chunkBPBI3WWQ_cjs.Kanban; }
 });
-Object.defineProperty(exports, "Progress", {
+Object.defineProperty(exports, "useKanban", {
   enumerable: true,
-  get: function () { return chunk2CYRAKWI_cjs.Progress; }
+  get: function () { return chunkBPBI3WWQ_cjs.useKanban; }
+});
+Object.defineProperty(exports, "Kbd", {
+  enumerable: true,
+  get: function () { return chunkMGZE2QEM_cjs.Kbd; }
 });
 Object.defineProperty(exports, "MagicWand", {
   enumerable: true,
@@ -331,17 +362,13 @@ Object.defineProperty(exports, "useModal", {
   enumerable: true,
   get: function () { return chunkTZKZ2LUF_cjs.useModal; }
 });
-Object.defineProperty(exports, "MoodMeter", {
-  enumerable: true,
-  get: function () { return chunkI6L7OP7G_cjs.MoodMeter; }
-});
-Object.defineProperty(exports, "Navbar", {
+Object.defineProperty(exports, "FileBrowser", {
   enumerable: true,
-  get: function () { return chunkB3HVWXIQ_cjs.Navbar; }
+  get: function () { return chunk5UOQVGZC_cjs.FileBrowser; }
 });
-Object.defineProperty(exports, "useNavbar", {
+Object.defineProperty(exports, "useFileBrowser", {
   enumerable: true,
-  get: function () { return chunkB3HVWXIQ_cjs.useNavbar; }
+  get: function () { return chunk5UOQVGZC_cjs.useFileBrowser; }
 });
 Object.defineProperty(exports, "FileUpload", {
   enumerable: true,
@@ -351,6 +378,10 @@ Object.defineProperty(exports, "useFileUpload", {
   enumerable: true,
   get: function () { return chunk4DQ6HX27_cjs.useFileUpload; }
 });
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function () { return chunkAY3JABE3_cjs.Grid; }
+});
 Object.defineProperty(exports, "Heading", {
   enumerable: true,
   get: function () { return chunkRA3P63XW_cjs.Heading; }
@@ -383,17 +414,13 @@ Object.defineProperty(exports, "textareaAdapter", {
   enumerable: true,
   get: function () { return chunkVNDOT3NK_cjs.textareaAdapter; }
 });
-Object.defineProperty(exports, "Kanban", {
-  enumerable: true,
-  get: function () { return chunkBPBI3WWQ_cjs.Kanban; }
-});
-Object.defineProperty(exports, "useKanban", {
+Object.defineProperty(exports, "ContextMenu", {
   enumerable: true,
-  get: function () { return chunkBPBI3WWQ_cjs.useKanban; }
+  get: function () { return chunk5HOQ2PHR_cjs.ContextMenu; }
 });
-Object.defineProperty(exports, "Kbd", {
+Object.defineProperty(exports, "useContextMenu", {
   enumerable: true,
-  get: function () { return chunkMGZE2QEM_cjs.Kbd; }
+  get: function () { return chunk5HOQ2PHR_cjs.useContextMenu; }
 });
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
@@ -447,14 +474,6 @@ Object.defineProperty(exports, "FauxClient", {
   enumerable: true,
   get: function () { return chunkHBFVOHQC_cjs.FauxClient; }
 });
-Object.defineProperty(exports, "FileBrowser", {
-  enumerable: true,
-  get: function () { return chunk5UOQVGZC_cjs.FileBrowser; }
-});
-Object.defineProperty(exports, "useFileBrowser", {
-  enumerable: true,
-  get: function () { return chunk5UOQVGZC_cjs.useFileBrowser; }
-});
 Object.defineProperty(exports, "Chart", {
   enumerable: true,
   get: function () { return chunkAVR5P4GA_cjs.Chart; }
@@ -483,10 +502,18 @@ Object.defineProperty(exports, "useFocusTrap", {
   enumerable: true,
   get: function () { return chunkTXTRTTG7_cjs.useFocusTrap; }
 });
+Object.defineProperty(exports, "useAnimation", {
+  enumerable: true,
+  get: function () { return chunk3WGRVDQR_cjs.useAnimation; }
+});
 Object.defineProperty(exports, "Composer", {
   enumerable: true,
   get: function () { return chunkSCPHSBBU_cjs.Composer; }
 });
+Object.defineProperty(exports, "Container", {
+  enumerable: true,
+  get: function () { return chunkSYXLPCQP_cjs.Container; }
+});
 Object.defineProperty(exports, "ContentRenderer", {
   enumerable: true,
   get: function () { return chunkDJ3YM72H_cjs.ContentRenderer; }
@@ -499,18 +526,6 @@ Object.defineProperty(exports, "registerExtensions", {
   enumerable: true,
   get: function () { return chunkDJ3YM72H_cjs.registerExtensions; }
 });
-Object.defineProperty(exports, "ContextMenu", {
-  enumerable: true,
-  get: function () { return chunk5HOQ2PHR_cjs.ContextMenu; }
-});
-Object.defineProperty(exports, "useContextMenu", {
-  enumerable: true,
-  get: function () { return chunk5HOQ2PHR_cjs.useContextMenu; }
-});
-Object.defineProperty(exports, "useAnimation", {
-  enumerable: true,
-  get: function () { return chunk3WGRVDQR_cjs.useAnimation; }
-});
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
   get: function () { return chunk2S7WRR5P_cjs.Badge; }

package/dist/index.d.cts

@@ -29,6 +29,9 @@ export { Skeleton, SkeletonProps } from './skeleton.cjs';
 export { Progress, ProgressProps } from './progress.cjs';
 export { Brand, BrandMark, BrandMarkProps, BrandProps } from './brand.cjs';
 export { Eyebrow, EyebrowProps } from './eyebrow.cjs';
+export { Container, ContainerProps } from './container.cjs';
+export { Section, SectionProps } from './section.cjs';
+export { Grid, GridProps } from './grid.cjs';
 export { StatList, StatListItem, StatListProps } from './stat-list.cjs';
 export { Kbd, KbdProps } from './kbd.cjs';
 export { IndexList, IndexListItem, IndexListProps } from './index-list.cjs';

package/dist/index.d.ts

@@ -29,6 +29,9 @@ export { Skeleton, SkeletonProps } from './skeleton.js';
 export { Progress, ProgressProps } from './progress.js';
 export { Brand, BrandMark, BrandMarkProps, BrandProps } from './brand.js';
 export { Eyebrow, EyebrowProps } from './eyebrow.js';
+export { Container, ContainerProps } from './container.js';
+export { Section, SectionProps } from './section.js';
+export { Grid, GridProps } from './grid.js';
 export { StatList, StatListItem, StatListProps } from './stat-list.js';
 export { Kbd, KbdProps } from './kbd.js';
 export { IndexList, IndexListItem, IndexListProps } from './index-list.js';

package/dist/index.js

@@ -1,39 +1,44 @@
+export { TimePicker } from './chunk-SKI33QNW.js';
+export { Timeline } from './chunk-ZWOEKDNI.js';
+export { Toast, useToast } from './chunk-MZIU27UY.js';
 export { TreeNav, useTreeNav } from './chunk-7XDKIZQE.js';
 import './chunk-VXHFR5MV.js';
+export { Switch } from './chunk-C4Z4S3CX.js';
+import './chunk-ORCXPDDG.js';
+export { Form, FormProvider } from './chunk-PQWQ5K6J.js';
+export { CheckboxGroup } from './chunk-IE4CM2SN.js';
+export { DatePicker } from './chunk-MILTPAF6.js';
 export { Input } from './chunk-C5AZNBVB.js';
 export { MultiSwitch } from './chunk-ZT36VWIA.js';
 export { RadioGroup } from './chunk-JYKZKSZJ.js';
 export { Select } from './chunk-ECZ66DKF.js';
 export { Slider } from './chunk-X36ZGYTF.js';
-export { Switch } from './chunk-C4Z4S3CX.js';
-import './chunk-ORCXPDDG.js';
-export { Form, FormProvider } from './chunk-PQWQ5K6J.js';
 export { Checkbox } from './chunk-CS4GQXYY.js';
-export { CheckboxGroup } from './chunk-IE4CM2SN.js';
-export { DatePicker } from './chunk-MILTPAF6.js';
+export { Skeleton } from './chunk-AGDW5ENV.js';
+export { Stat, StatBand } from './chunk-ESKVRRVA.js';
+export { StatList } from './chunk-3F66SAE7.js';
 export { StickyNote } from './chunk-HAOYXGGJ.js';
 export { Table } from './chunk-GKPCXPCD.js';
 export { Tabs, useTabs } from './chunk-5OC6DUYT.js';
 export { Text } from './chunk-UWVVEB2N.js';
 export { TimeGrid } from './chunk-YHXE274U.js';
-export { TimePicker } from './chunk-SKI33QNW.js';
-export { Timeline } from './chunk-ZWOEKDNI.js';
-export { Toast, useToast } from './chunk-MZIU27UY.js';
+export { Profile } from './chunk-5QL7XT3N.js';
+export { Progress } from './chunk-M24NCWBU.js';
 export { PromptInput } from './chunk-K2DZEYBF.js';
 export { Tooltip } from './chunk-E4LFD44D.js';
 export { PullQuote } from './chunk-YCZN4FWI.js';
 export { ReasonTag } from './chunk-GZIUE4DE.js';
+export { Section } from './chunk-PG3ILQIW.js';
 export { Separator } from './chunk-QFFC2DKK.js';
 export { Sidebar, useSidebar } from './chunk-N7WQ53US.js';
-export { Skeleton } from './chunk-AGDW5ENV.js';
-export { Stat, StatBand } from './chunk-ESKVRRVA.js';
-export { StatList } from './chunk-3F66SAE7.js';
+export { MoodMeter } from './chunk-32AJIHBZ.js';
+export { Navbar, useNavbar } from './chunk-D4WM23Y4.js';
 export { OtpInput } from './chunk-UCYAHLGM.js';
 export { Pagination } from './chunk-YT6N44Z3.js';
 export { Pillbox } from './chunk-6H6OYLMJ.js';
 export { Popover, usePopover } from './chunk-JCOBDDHF.js';
-export { Profile } from './chunk-5QL7XT3N.js';
-export { Progress } from './chunk-M24NCWBU.js';
+export { Kanban, useKanban } from './chunk-YT42J4VQ.js';
+export { Kbd } from './chunk-PYRMH34E.js';
 export { MagicWand } from './chunk-7AFEKDUS.js';
 export { Textarea } from './chunk-4UA45GB4.js';
 import './chunk-D7NAXQ2N.js';
@@ -47,15 +52,14 @@ export { PdfViewer } from './chunk-DZD2RJVD.js';
 export { Menu, useMenu } from './chunk-IGYIMS6J.js';
 export { MobileMenu, useMobileMenu } from './chunk-F6SCZCJE.js';
 export { Modal, useModal } from './chunk-MYF2PDTU.js';
-export { MoodMeter } from './chunk-32AJIHBZ.js';
-export { Navbar, useNavbar } from './chunk-D4WM23Y4.js';
+export { FileBrowser, useFileBrowser } from './chunk-BYIY6BH2.js';
 export { FileUpload, useFileUpload } from './chunk-ZNTEM7F2.js';
+export { Grid } from './chunk-MKFWFZVX.js';
 export { Heading } from './chunk-FCAV5IFW.js';
 export { ImageViewer } from './chunk-A3CNYKT3.js';
 export { IndexList } from './chunk-CFBK5RIZ.js';
 export { InputTag, contentEditableAdapter, controlledAdapter, inputAdapter, textareaAdapter } from './chunk-G2W7B3OG.js';
-export { Kanban, useKanban } from './chunk-YT42J4VQ.js';
-export { Kbd } from './chunk-PYRMH34E.js';
+export { ContextMenu, useContextMenu } from './chunk-NLJGNPNN.js';
 export { Drawer, useDrawer } from './chunk-PRDWJ4AR.js';
 export { Dropdown, useDropdown } from './chunk-JIYP73OJ.js';
 export { Editor, useEditor } from './chunk-RID7CYGD.js';
@@ -65,7 +69,6 @@ export { Emoji } from './chunk-O4MKOSU2.js';
 export { EmojiSelect } from './chunk-GKGL7F36.js';
 export { Eyebrow } from './chunk-LPQVXTKV.js';
 export { FauxClient } from './chunk-DV4IMAQW.js';
-export { FileBrowser, useFileBrowser } from './chunk-BYIY6BH2.js';
 export { Chart } from './chunk-PVWPZYTR.js';
 export { ChatDrawer } from './chunk-BEGDL2CD.js';
 import './chunk-TJ66S5K6.js';
@@ -73,11 +76,11 @@ export { CodeView } from './chunk-FVV76TRF.js';
 export { ColorPicker } from './chunk-O432BDEO.js';
 export { Command, useCommand } from './chunk-DTPGJNOI.js';
 export { useFocusTrap } from './chunk-5U2DZ7AV.js';
+export { useAnimation } from './chunk-CHADHN6M.js';
 export { Composer } from './chunk-R55HE5C5.js';
+export { Container } from './chunk-DBJWHDWP.js';
 import './chunk-AUTW5O4W.js';
 export { ContentRenderer, registerExtension, registerExtensions } from './chunk-ZLCVKYHY.js';
-export { ContextMenu, useContextMenu } from './chunk-NLJGNPNN.js';
-export { useAnimation } from './chunk-CHADHN6M.js';
 export { Badge } from './chunk-NPKE2IX6.js';
 export { Brand, BrandMark } from './chunk-XMBOZ73D.js';
 export { Breadcrumbs } from './chunk-RES2GOQQ.js';

package/dist/inputs.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
 require('./chunk-O5IO7TCO.cjs');
+var chunkUH2YXQ2B_cjs = require('./chunk-UH2YXQ2B.cjs');
+require('./chunk-5FV6GMFP.cjs');
+var chunk6MDZQIMZ_cjs = require('./chunk-6MDZQIMZ.cjs');
+var chunk3SQ34IQC_cjs = require('./chunk-3SQ34IQC.cjs');
+var chunk2G3L4BLU_cjs = require('./chunk-2G3L4BLU.cjs');
 var chunk7C7VF4WY_cjs = require('./chunk-7C7VF4WY.cjs');
 var chunkIGU5YXRV_cjs = require('./chunk-IGU5YXRV.cjs');
 var chunkWXADO5TS_cjs = require('./chunk-WXADO5TS.cjs');
 var chunkPZIAL4OP_cjs = require('./chunk-PZIAL4OP.cjs');
 var chunkA22T6DKO_cjs = require('./chunk-A22T6DKO.cjs');
-var chunkUH2YXQ2B_cjs = require('./chunk-UH2YXQ2B.cjs');
-require('./chunk-5FV6GMFP.cjs');
-var chunk6MDZQIMZ_cjs = require('./chunk-6MDZQIMZ.cjs');
 var chunkKICZTIZL_cjs = require('./chunk-KICZTIZL.cjs');
-var chunk3SQ34IQC_cjs = require('./chunk-3SQ34IQC.cjs');
-var chunk2G3L4BLU_cjs = require('./chunk-2G3L4BLU.cjs');
 var chunk5I4PR2KV_cjs = require('./chunk-5I4PR2KV.cjs');
 require('./chunk-7NLKXBZ2.cjs');
 var chunk6BW5BQMN_cjs = require('./chunk-6BW5BQMN.cjs');
@@ -28,6 +28,26 @@ require('./chunk-3Z6ALUWP.cjs');
 
 
 
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function () { return chunkUH2YXQ2B_cjs.Switch; }
+});
+Object.defineProperty(exports, "Form", {
+  enumerable: true,
+  get: function () { return chunk6MDZQIMZ_cjs.Form; }
+});
+Object.defineProperty(exports, "FormProvider", {
+  enumerable: true,
+  get: function () { return chunk6MDZQIMZ_cjs.FormProvider; }
+});
+Object.defineProperty(exports, "CheckboxGroup", {
+  enumerable: true,
+  get: function () { return chunk3SQ34IQC_cjs.CheckboxGroup; }
+});
+Object.defineProperty(exports, "DatePicker", {
+  enumerable: true,
+  get: function () { return chunk2G3L4BLU_cjs.DatePicker; }
+});
 Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function () { return chunk7C7VF4WY_cjs.Input; }
@@ -48,30 +68,10 @@ Object.defineProperty(exports, "Slider", {
   enumerable: true,
   get: function () { return chunkA22T6DKO_cjs.Slider; }
 });
-Object.defineProperty(exports, "Switch", {
-  enumerable: true,
-  get: function () { return chunkUH2YXQ2B_cjs.Switch; }
-});
-Object.defineProperty(exports, "Form", {
-  enumerable: true,
-  get: function () { return chunk6MDZQIMZ_cjs.Form; }
-});
-Object.defineProperty(exports, "FormProvider", {
-  enumerable: true,
-  get: function () { return chunk6MDZQIMZ_cjs.FormProvider; }
-});
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
   get: function () { return chunkKICZTIZL_cjs.Checkbox; }
 });
-Object.defineProperty(exports, "CheckboxGroup", {
-  enumerable: true,
-  get: function () { return chunk3SQ34IQC_cjs.CheckboxGroup; }
-});
-Object.defineProperty(exports, "DatePicker", {
-  enumerable: true,
-  get: function () { return chunk2G3L4BLU_cjs.DatePicker; }
-});
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
   get: function () { return chunk5I4PR2KV_cjs.Textarea; }

package/dist/inputs.js

@@ -1,15 +1,15 @@
 import './chunk-VXHFR5MV.js';
+export { Switch } from './chunk-C4Z4S3CX.js';
+import './chunk-ORCXPDDG.js';
+export { Form, FormProvider } from './chunk-PQWQ5K6J.js';
+export { CheckboxGroup } from './chunk-IE4CM2SN.js';
+export { DatePicker } from './chunk-MILTPAF6.js';
 export { Input } from './chunk-C5AZNBVB.js';
 export { MultiSwitch } from './chunk-ZT36VWIA.js';
 export { RadioGroup } from './chunk-JYKZKSZJ.js';
 export { Select } from './chunk-ECZ66DKF.js';
 export { Slider } from './chunk-X36ZGYTF.js';
-export { Switch } from './chunk-C4Z4S3CX.js';
-import './chunk-ORCXPDDG.js';
-export { Form, FormProvider } from './chunk-PQWQ5K6J.js';
 export { Checkbox } from './chunk-CS4GQXYY.js';
-export { CheckboxGroup } from './chunk-IE4CM2SN.js';
-export { DatePicker } from './chunk-MILTPAF6.js';
 export { Textarea } from './chunk-4UA45GB4.js';
 import './chunk-D7NAXQ2N.js';
 export { DisplayValue } from './chunk-K7JGOQJG.js';

package/dist/section.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkVQ4M25U3_cjs = require('./chunk-VQ4M25U3.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Section", {
+  enumerable: true,
+  get: function () { return chunkVQ4M25U3_cjs.Section; }
+});
+//# sourceMappingURL=section.cjs.map
+//# sourceMappingURL=section.cjs.map

package/dist/section.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"section.cjs"}

package/dist/section.d.cts

@@ -0,0 +1,23 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode, ElementType } from 'react';
+
+interface SectionProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode;
+    /** Vertical rhythm between sections. Default `md`. */
+    space?: "sm" | "md" | "lg";
+    /** Draw the hairline rule that opens the section. */
+    divider?: boolean;
+    /** The element to render. Defaults to `section`. */
+    as?: ElementType;
+}
+
+/**
+ * Vertical rhythm between page sections, with the optional opening hairline.
+ *
+ * Pairs with `Eyebrow`, which is what usually sits at the top of one. The rule
+ * is a prop rather than a caller-drawn border because half the gallery styles
+ * drew it and half forgot, and an inconsistent rule reads as a bug.
+ */
+declare const Section: react.ForwardRefExoticComponent<SectionProps & react.RefAttributes<HTMLElement>>;
+
+export { Section, type SectionProps };

package/dist/section.d.ts

@@ -0,0 +1,23 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode, ElementType } from 'react';
+
+interface SectionProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode;
+    /** Vertical rhythm between sections. Default `md`. */
+    space?: "sm" | "md" | "lg";
+    /** Draw the hairline rule that opens the section. */
+    divider?: boolean;
+    /** The element to render. Defaults to `section`. */
+    as?: ElementType;
+}
+
+/**
+ * Vertical rhythm between page sections, with the optional opening hairline.
+ *
+ * Pairs with `Eyebrow`, which is what usually sits at the top of one. The rule
+ * is a prop rather than a caller-drawn border because half the gallery styles
+ * drew it and half forgot, and an inconsistent rule reads as a bug.
+ */
+declare const Section: react.ForwardRefExoticComponent<SectionProps & react.RefAttributes<HTMLElement>>;
+
+export { Section, type SectionProps };

package/dist/section.js

@@ -0,0 +1,4 @@
+export { Section } from './chunk-PG3ILQIW.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=section.js.map
+//# sourceMappingURL=section.js.map

package/dist/section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"section.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-academy/react-fancy",
-  "version": "5.14.0",
+  "version": "5.15.0",
   "description": "React UI component library for Human+ UX \u2014 controlled, agent-bridgeable primitives",
   "repository": {
     "type": "git",
@@ -233,6 +233,16 @@
         "default": "./dist/composer.cjs"
       }
     },
+    "./container": {
+      "import": {
+        "types": "./dist/container.d.ts",
+        "default": "./dist/container.js"
+      },
+      "require": {
+        "types": "./dist/container.d.cts",
+        "default": "./dist/container.cjs"
+      }
+    },
     "./content-renderer": {
       "import": {
         "types": "./dist/content-renderer.d.ts",
@@ -363,6 +373,16 @@
         "default": "./dist/file-upload.cjs"
       }
     },
+    "./grid": {
+      "import": {
+        "types": "./dist/grid.d.ts",
+        "default": "./dist/grid.js"
+      },
+      "require": {
+        "types": "./dist/grid.d.cts",
+        "default": "./dist/grid.cjs"
+      }
+    },
     "./heading": {
       "import": {
         "types": "./dist/heading.d.ts",
@@ -683,6 +703,16 @@
         "default": "./dist/reason-tag.cjs"
       }
     },
+    "./section": {
+      "import": {
+        "types": "./dist/section.d.ts",
+        "default": "./dist/section.js"
+      },
+      "require": {
+        "types": "./dist/section.d.cts",
+        "default": "./dist/section.cjs"
+      }
+    },
     "./select": {
       "import": {
         "types": "./dist/select.d.ts",