@cerberus-design/react 0.16.0 → 0.17.0-next-e7f9956

package/build/modern/chunk-A464YKEL.js

@@ -0,0 +1,143 @@
+// src/components/table/primitives.tsx
+import { ark } from "@ark-ui/react/factory";
+import { cx } from "@cerberus/styled-system/css";
+import { table } from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function TableRoot(props) {
+  const { decoration, size, ...rootProps } = props;
+  const styles = table({
+    decoration,
+    size
+  });
+  return /* @__PURE__ */ jsx(
+    ark.div,
+    {
+      ...rootProps,
+      className: cx(styles.root, rootProps.className),
+      "data-scope": "table",
+      "data-part": "root"
+    }
+  );
+}
+function TableEl(props) {
+  const styles = table();
+  return /* @__PURE__ */ jsx(
+    ark.table,
+    {
+      ...props,
+      className: cx(styles.table, props.className),
+      "data-scope": "table",
+      "data-part": "table"
+    }
+  );
+}
+function Caption(props) {
+  const styles = table();
+  return /* @__PURE__ */ jsx(
+    ark.caption,
+    {
+      ...props,
+      className: cx(styles.caption, props.className),
+      "data-scope": "table",
+      "data-part": "caption"
+    }
+  );
+}
+function Thead(props) {
+  const styles = table();
+  return /* @__PURE__ */ jsx(
+    ark.thead,
+    {
+      ...props,
+      className: cx(styles.thead, props.className),
+      "data-scope": "table",
+      "data-part": "header"
+    }
+  );
+}
+function Th(props) {
+  const styles = table();
+  return /* @__PURE__ */ jsx(
+    ark.th,
+    {
+      ...props,
+      className: cx(styles.th, props.className),
+      "data-scope": "table",
+      "data-part": "header-col"
+    }
+  );
+}
+function Tbody(props) {
+  const styles = table();
+  return /* @__PURE__ */ jsx(
+    ark.tbody,
+    {
+      ...props,
+      className: cx(styles.tbody, props.className),
+      "data-scope": "table",
+      "data-part": "body"
+    }
+  );
+}
+function Tr(props) {
+  const styles = table();
+  return /* @__PURE__ */ jsx(
+    ark.tr,
+    {
+      ...props,
+      className: cx(styles.tr, props.className),
+      "data-scope": "table",
+      "data-part": "row"
+    }
+  );
+}
+function Td(props) {
+  const styles = table();
+  return /* @__PURE__ */ jsx(
+    ark.td,
+    {
+      ...props,
+      className: cx(styles.td, props.className),
+      "data-scope": "table",
+      "data-part": "cell"
+    }
+  );
+}
+function Tfoot(props) {
+  const styles = table();
+  return /* @__PURE__ */ jsx(
+    ark.tfoot,
+    {
+      ...props,
+      className: cx(styles.tfoot, props.className),
+      "data-scope": "table",
+      "data-part": "footer"
+    }
+  );
+}
+function TableTrigger(props) {
+  const styles = table();
+  return /* @__PURE__ */ jsx(
+    ark.button,
+    {
+      ...props,
+      className: cx(styles.trigger, props.className),
+      "data-scope": "table",
+      "data-part": "trigger"
+    }
+  );
+}
+
+export {
+  TableRoot,
+  TableEl,
+  Caption,
+  Thead,
+  Th,
+  Tbody,
+  Tr,
+  Td,
+  Tfoot,
+  TableTrigger
+};
+//# sourceMappingURL=chunk-A464YKEL.js.map

package/build/modern/chunk-A464YKEL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/table/primitives.tsx"],"sourcesContent":["import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from '@cerberus/styled-system/css'\nimport { table, type TableVariantProps } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Table component.\n * @module 'table/primitives'\n */\n\n/**\n * The root element is the container of the Table.\n */\nexport function TableRoot(props: HTMLArkProps<'div'> & TableVariantProps) {\n  const { decoration, size, ...rootProps } = props\n  const styles = table({\n    decoration,\n    size,\n  })\n\n  return (\n    <ark.div\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n      data-scope=\"table\"\n      data-part=\"root\"\n    />\n  )\n}\n\n/**\n * The table element is the table itself.\n */\nexport function TableEl(props: HTMLArkProps<'table'>) {\n  const styles = table()\n  return (\n    <ark.table\n      {...props}\n      className={cx(styles.table, props.className)}\n      data-scope=\"table\"\n      data-part=\"table\"\n    />\n  )\n}\n\n/**\n * The table caption element is the caption of the table.\n */\nexport function Caption(props: HTMLArkProps<'caption'>) {\n  const styles = table()\n  return (\n    <ark.caption\n      {...props}\n      className={cx(styles.caption, props.className)}\n      data-scope=\"table\"\n      data-part=\"caption\"\n    />\n  )\n}\n\n/**\n * The table head element is the head of the table.\n */\nexport function Thead(props: HTMLArkProps<'thead'>) {\n  const styles = table()\n  return (\n    <ark.thead\n      {...props}\n      className={cx(styles.thead, props.className)}\n      data-scope=\"table\"\n      data-part=\"header\"\n    />\n  )\n}\n\n/**\n * The table header cell element is the header cell of the table.\n */\nexport function Th(props: HTMLArkProps<'th'>) {\n  const styles = table()\n  return (\n    <ark.th\n      {...props}\n      className={cx(styles.th, props.className)}\n      data-scope=\"table\"\n      data-part=\"header-col\"\n    />\n  )\n}\n\n/**\n * The table body element is the body of the table.\n */\nexport function Tbody(props: HTMLArkProps<'tbody'>) {\n  const styles = table()\n  return (\n    <ark.tbody\n      {...props}\n      className={cx(styles.tbody, props.className)}\n      data-scope=\"table\"\n      data-part=\"body\"\n    />\n  )\n}\n\n/**\n * The table row element is the row of the table.\n */\nexport function Tr(props: HTMLArkProps<'tr'>) {\n  const styles = table()\n  return (\n    <ark.tr\n      {...props}\n      className={cx(styles.tr, props.className)}\n      data-scope=\"table\"\n      data-part=\"row\"\n    />\n  )\n}\n\n/**\n * The table cell element is the cell of the table.\n */\nexport function Td(props: HTMLArkProps<'td'>) {\n  const styles = table()\n  return (\n    <ark.td\n      {...props}\n      className={cx(styles.td, props.className)}\n      data-scope=\"table\"\n      data-part=\"cell\"\n    />\n  )\n}\n\n/**\n * The table footer element is the footer of the table.\n */\nexport function Tfoot(props: HTMLArkProps<'tfoot'>) {\n  const styles = table()\n  return (\n    <ark.tfoot\n      {...props}\n      className={cx(styles.tfoot, props.className)}\n      data-scope=\"table\"\n      data-part=\"footer\"\n    />\n  )\n}\n\n/**\n * The table trigger element is the trigger of an actionable th cell.\n */\nexport function TableTrigger(props: HTMLArkProps<'button'>) {\n  const styles = table()\n  return (\n    <ark.button\n      {...props}\n      className={cx(styles.trigger, props.className)}\n      data-scope=\"table\"\n      data-part=\"trigger\"\n    />\n  )\n}\n"],"mappings":";AAAA,SAAS,WAA8B;AACvC,SAAS,UAAU;AACnB,SAAS,aAAqC;AAkB1C;AARG,SAAS,UAAU,OAAgD;AACxE,QAAM,EAAE,YAAY,MAAM,GAAG,UAAU,IAAI;AAC3C,QAAM,SAAS,MAAM;AAAA,IACnB;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,MAAM,UAAU,SAAS;AAAA,MAC9C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,QAAQ,OAA8B;AACpD,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS;AAAA,MAC3C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,QAAQ,OAAgC;AACtD,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,SAAS,MAAM,SAAS;AAAA,MAC7C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,MAAM,OAA8B;AAClD,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS;AAAA,MAC3C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,GAAG,OAA2B;AAC5C,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,IAAI,MAAM,SAAS;AAAA,MACxC,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,MAAM,OAA8B;AAClD,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS;AAAA,MAC3C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,GAAG,OAA2B;AAC5C,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,IAAI,MAAM,SAAS;AAAA,MACxC,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,GAAG,OAA2B;AAC5C,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,IAAI,MAAM,SAAS;AAAA,MACxC,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,MAAM,OAA8B;AAClD,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS;AAAA,MAC3C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,aAAa,OAA+B;AAC1D,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,SAAS,MAAM,SAAS;AAAA,MAC7C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;","names":[]}

package/build/modern/chunk-BD4UH5GS.js

@@ -0,0 +1,42 @@
+import {
+  DatePickerParts
+} from "./chunk-WVFEJCUN.js";
+import {
+  Button
+} from "./chunk-RD2YPFRA.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+import {
+  IconButton
+} from "./chunk-SRNDDY5D.js";
+
+// src/components/date-picker/view-control-group.tsx
+import { css } from "@cerberus/styled-system/css";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DatePickerViewControlGroup(props) {
+  const { icons } = useCerberusContext();
+  const { calendarPrev: PrevIcon, calendarNext: NextIcon } = icons;
+  return /* @__PURE__ */ jsxs(DatePickerParts.ViewControl, { ...props, children: [
+    /* @__PURE__ */ jsx(DatePickerParts.PrevTrigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { ariaLabel: "Previous", size: "sm", children: /* @__PURE__ */ jsx(PrevIcon, {}) }) }),
+    /* @__PURE__ */ jsx(DatePickerParts.ViewTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        className: css({
+          h: "2rem",
+          paddingInline: "md"
+        }),
+        shape: "rounded",
+        size: "sm",
+        usage: "ghost",
+        children: /* @__PURE__ */ jsx(DatePickerParts.RangeText, {})
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DatePickerParts.NextTrigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { ariaLabel: "Next", size: "sm", children: /* @__PURE__ */ jsx(NextIcon, {}) }) })
+  ] });
+}
+
+export {
+  DatePickerViewControlGroup
+};
+//# sourceMappingURL=chunk-BD4UH5GS.js.map

package/build/modern/chunk-BD4UH5GS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/view-control-group.tsx"],"sourcesContent":["'use client'\n\nimport type { DatePickerViewControlProps } from '@ark-ui/react/date-picker'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { IconButton } from '../IconButton'\nimport { DatePickerParts } from './parts'\nimport { Button } from '../button/button'\nimport { css } from '@cerberus/styled-system/css'\n\n/**\n * This private module contains an abstraction of the DatePickerViewControl\n * primitive.\n * @module 'date-picker/view-control-group'\n */\n\n/**\n * An abstraction of the DatePicker control that contains the prev, view, and\n * next triggers which control the calendar output.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerViewControlGroup(props: DatePickerViewControlProps) {\n  const { icons } = useCerberusContext()\n  const { calendarPrev: PrevIcon, calendarNext: NextIcon } = icons\n\n  return (\n    <DatePickerParts.ViewControl {...props}>\n      <DatePickerParts.PrevTrigger asChild>\n        <IconButton ariaLabel=\"Previous\" size=\"sm\">\n          <PrevIcon />\n        </IconButton>\n      </DatePickerParts.PrevTrigger>\n\n      <DatePickerParts.ViewTrigger asChild>\n        <Button\n          className={css({\n            h: '2rem',\n            paddingInline: 'md',\n          })}\n          shape=\"rounded\"\n          size=\"sm\"\n          usage=\"ghost\"\n        >\n          <DatePickerParts.RangeText />\n        </Button>\n      </DatePickerParts.ViewTrigger>\n\n      <DatePickerParts.NextTrigger asChild>\n        <IconButton ariaLabel=\"Next\" size=\"sm\">\n          <NextIcon />\n        </IconButton>\n      </DatePickerParts.NextTrigger>\n    </DatePickerParts.ViewControl>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAOA,SAAS,WAAW;AAkBhB,SAGM,KAHN;AALG,SAAS,2BAA2B,OAAmC;AAC5E,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,cAAc,UAAU,cAAc,SAAS,IAAI;AAE3D,SACE,qBAAC,gBAAgB,aAAhB,EAA6B,GAAG,OAC/B;AAAA,wBAAC,gBAAgB,aAAhB,EAA4B,SAAO,MAClC,8BAAC,cAAW,WAAU,YAAW,MAAK,MACpC,8BAAC,YAAS,GACZ,GACF;AAAA,IAEA,oBAAC,gBAAgB,aAAhB,EAA4B,SAAO,MAClC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,IAAI;AAAA,UACb,GAAG;AAAA,UACH,eAAe;AAAA,QACjB,CAAC;AAAA,QACD,OAAM;AAAA,QACN,MAAK;AAAA,QACL,OAAM;AAAA,QAEN,8BAAC,gBAAgB,WAAhB,EAA0B;AAAA;AAAA,IAC7B,GACF;AAAA,IAEA,oBAAC,gBAAgB,aAAhB,EAA4B,SAAO,MAClC,8BAAC,cAAW,WAAU,QAAO,MAAK,MAChC,8BAAC,YAAS,GACZ,GACF;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-BJJ4XAVO.js

@@ -0,0 +1,18 @@
+import {
+  DatePickerParts
+} from "./chunk-WVFEJCUN.js";
+import {
+  Portal
+} from "./chunk-IQJDVFPP.js";
+
+// src/components/date-picker/content.tsx
+import { jsx } from "react/jsx-runtime";
+function DatePickerContent(props) {
+  const { withModal, ...contentProps } = props;
+  return /* @__PURE__ */ jsx(Portal, { disabled: withModal ?? false, children: /* @__PURE__ */ jsx(DatePickerParts.Positioner, { children: /* @__PURE__ */ jsx(DatePickerParts.Content, { ...contentProps }) }) });
+}
+
+export {
+  DatePickerContent
+};
+//# sourceMappingURL=chunk-BJJ4XAVO.js.map

package/build/modern/chunk-BJJ4XAVO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/content.tsx"],"sourcesContent":["import type { DatePickerContentProps } from '@ark-ui/react/date-picker'\nimport { Portal } from '../Portal'\nimport { DatePickerParts } from './parts'\n\n/**\n * This private module contains an abstraction of the DatePickerContent\n * primitive.\n * @module 'date-picker/content'\n */\n\n/**\n * An abstraction of the DatePicker content that wraps the DatePickerParts\n * primitives.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerContent(\n  props: DatePickerContentProps & {\n    withModal?: boolean\n  },\n) {\n  const { withModal, ...contentProps } = props\n  return (\n    <Portal disabled={withModal ?? false}>\n      <DatePickerParts.Positioner>\n        <DatePickerParts.Content {...contentProps} />\n      </DatePickerParts.Positioner>\n    </Portal>\n  )\n}\n"],"mappings":";;;;;;;;AAwBQ;AATD,SAAS,kBACd,OAGA;AACA,QAAM,EAAE,WAAW,GAAG,aAAa,IAAI;AACvC,SACE,oBAAC,UAAO,UAAU,aAAa,OAC7B,8BAAC,gBAAgB,YAAhB,EACC,8BAAC,gBAAgB,SAAhB,EAAyB,GAAG,cAAc,GAC7C,GACF;AAEJ;","names":[]}

package/build/modern/{chunk-245SMQ45.js → chunk-CHSC2LEM.js}

@@ -1,12 +1,12 @@
 import {
   useNavMenuContext
 } from "./chunk-6WS765J3.js";
-import {
-  Show
-} from "./chunk-BUVVRQLZ.js";
 import {
   createNavTriggerProps
 } from "./chunk-JF76VIL3.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
 
 // src/components/deprecated/NavMenuTrigger.tsx
 import {
@@ -78,4 +78,4 @@ function NavMenuTrigger(props) {
 export {
   NavMenuTrigger
 };
-//# sourceMappingURL=chunk-245SMQ45.js.map
+//# sourceMappingURL=chunk-CHSC2LEM.js.map

package/build/modern/chunk-CPNKDKC2.js

@@ -0,0 +1,64 @@
+// src/components/accordion/primitives.tsx
+import {
+  Accordion
+} from "@ark-ui/react/accordion";
+import { cx } from "@cerberus/styled-system/css";
+import {
+  accordion
+} from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function AccordionRoot(props) {
+  const { size, ...rootProps } = props;
+  const styles = accordion({ size });
+  return /* @__PURE__ */ jsx(
+    Accordion.Root,
+    {
+      ...props,
+      className: cx(styles.root, rootProps.className),
+      "data-size": size
+    }
+  );
+}
+function AccordionItem(props) {
+  const styles = accordion();
+  return /* @__PURE__ */ jsx(Accordion.Item, { ...props, className: cx(styles.item, props.className) });
+}
+function AccordionItemTrigger(props) {
+  const styles = accordion();
+  return /* @__PURE__ */ jsx(
+    Accordion.ItemTrigger,
+    {
+      ...props,
+      className: cx(styles.itemTrigger, props.className)
+    }
+  );
+}
+function AccordionItemIndicator(props) {
+  const styles = accordion();
+  return /* @__PURE__ */ jsx(
+    Accordion.ItemIndicator,
+    {
+      ...props,
+      className: cx(styles.itemIndicator, props.className)
+    }
+  );
+}
+function AccordionItemContent(props) {
+  const styles = accordion();
+  return /* @__PURE__ */ jsx(
+    Accordion.ItemContent,
+    {
+      ...props,
+      className: cx(styles.itemContent, props.className)
+    }
+  );
+}
+
+export {
+  AccordionRoot,
+  AccordionItem,
+  AccordionItemTrigger,
+  AccordionItemIndicator,
+  AccordionItemContent
+};
+//# sourceMappingURL=chunk-CPNKDKC2.js.map

package/build/modern/chunk-CPNKDKC2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/accordion/primitives.tsx"],"sourcesContent":["import {\n  Accordion,\n  type AccordionItemContentProps,\n  type AccordionItemIndicatorProps,\n  type AccordionItemProps,\n  type AccordionItemTriggerProps,\n  type AccordionRootProps,\n} from '@ark-ui/react/accordion'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  accordion,\n  type AccordionVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Accordion component.\n * @module 'accordion/primitives'\n */\n\n/**\n * The primitive root component of the Accordion component.\n *\n * This component returns the Ark `Accordion.Root` component which has a\n * base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport function AccordionRoot(\n  props: AccordionRootProps & AccordionVariantProps,\n) {\n  const { size, ...rootProps } = props\n  const styles = accordion({ size })\n  return (\n    <Accordion.Root\n      {...props}\n      className={cx(styles.root, rootProps.className)}\n      data-size={size}\n    />\n  )\n}\n\n/**\n * The primitive item component of the Accordion component.\n *\n * This component returns the Ark `Accordion.Item` component which has a\n * base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport function AccordionItem(\n  props: AccordionItemProps & AccordionVariantProps,\n) {\n  const styles = accordion()\n  return (\n    <Accordion.Item {...props} className={cx(styles.item, props.className)} />\n  )\n}\n\n/**\n * The primitive trigger component of the Accordion component.\n *\n * This component returns the Ark `Accordion.ItemTrigger` component which has\n * a base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport function AccordionItemTrigger(props: AccordionItemTriggerProps) {\n  const styles = accordion()\n  return (\n    <Accordion.ItemTrigger\n      {...props}\n      className={cx(styles.itemTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The primitive item indicator component of the Accordion component.\n *\n * This component returns the Ark `Accordion.ItemIndicator` component which has\n * a base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport function AccordionItemIndicator(props: AccordionItemIndicatorProps) {\n  const styles = accordion()\n  return (\n    <Accordion.ItemIndicator\n      {...props}\n      className={cx(styles.itemIndicator, props.className)}\n    />\n  )\n}\n\n/**\n * The primitive content component of the Accordion component.\n *\n * This component returns the Ark `Accordion.Content` component which has a\n * base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport function AccordionItemContent(props: AccordionItemContentProps) {\n  const styles = accordion()\n  return (\n    <Accordion.ItemContent\n      {...props}\n      className={cx(styles.itemContent, props.className)}\n    />\n  )\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAMK;AACP,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AAmBH;AANG,SAAS,cACd,OACA;AACA,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,MAAM,UAAU,SAAS;AAAA,MAC9C,aAAW;AAAA;AAAA,EACb;AAEJ;AAQO,SAAS,cACd,OACA;AACA,QAAM,SAAS,UAAU;AACzB,SACE,oBAAC,UAAU,MAAV,EAAgB,GAAG,OAAO,WAAW,GAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAE5E;AAQO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,SAAS,UAAU;AACzB,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;AAQO,SAAS,uBAAuB,OAAoC;AACzE,QAAM,SAAS,UAAU;AACzB,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,eAAe,MAAM,SAAS;AAAA;AAAA,EACrD;AAEJ;AAQO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,SAAS,UAAU;AACzB,SACE;AAAA,IAAC,UAAU;AAAA,IAAV;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;","names":[]}

package/build/modern/chunk-D7MAAGNA.js

@@ -0,0 +1,158 @@
+// src/components/date-picker/primitives.tsx
+import {
+  DatePicker
+} from "@ark-ui/react/date-picker";
+import { cx } from "@cerberus/styled-system/css";
+import { datePicker } from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function DatePickerLabel(props) {
+  const styles = datePicker();
+  return /* @__PURE__ */ jsx(
+    DatePicker.Label,
+    {
+      ...props,
+      className: cx(styles.label, props.className)
+    }
+  );
+}
+function DatePickerControl(props) {
+  const styles = datePicker();
+  return /* @__PURE__ */ jsx(
+    DatePicker.Control,
+    {
+      ...props,
+      className: cx(styles.control, props.className)
+    }
+  );
+}
+function DatePickerInputEl(props) {
+  const styles = datePicker();
+  return /* @__PURE__ */ jsx(
+    DatePicker.Input,
+    {
+      ...props,
+      className: cx(styles.input, props.className)
+    }
+  );
+}
+function DatePickerTrigger(props) {
+  const styles = datePicker();
+  return /* @__PURE__ */ jsx(
+    DatePicker.Trigger,
+    {
+      ...props,
+      className: cx(styles.trigger, props.className)
+    }
+  );
+}
+function DatePickerContent(props) {
+  const styles = datePicker();
+  return /* @__PURE__ */ jsx(
+    DatePicker.Content,
+    {
+      ...props,
+      className: cx(styles.content, props.className)
+    }
+  );
+}
+function DatePickerViewControl(props) {
+  const styles = datePicker();
+  return /* @__PURE__ */ jsx(
+    DatePicker.Control,
+    {
+      ...props,
+      className: cx(styles.viewControl, props.className)
+    }
+  );
+}
+function DatePickerRangeText(props) {
+  const styles = datePicker();
+  return /* @__PURE__ */ jsx(
+    DatePicker.RangeText,
+    {
+      ...props,
+      className: cx(styles.rangeText, props.className)
+    }
+  );
+}
+function DatePickerTable(props) {
+  const styles = datePicker();
+  return /* @__PURE__ */ jsx(
+    DatePicker.Table,
+    {
+      ...props,
+      className: cx(styles.table, props.className)
+    }
+  );
+}
+function DatePickerTableHeader(props) {
+  const styles = datePicker();
+  return /* @__PURE__ */ jsx(
+    DatePicker.TableHeader,
+    {
+      ...props,
+      className: cx(styles.tableHeader, props.className)
+    }
+  );
+}
+function DatePickerTableCell(props) {
+  const styles = datePicker();
+  return /* @__PURE__ */ jsx(
+    DatePicker.TableCell,
+    {
+      ...props,
+      className: cx(styles.tableCell, props.className)
+    }
+  );
+}
+function DatePickerTableCellTrigger(props) {
+  const styles = datePicker();
+  return /* @__PURE__ */ jsx(
+    DatePicker.TableCellTrigger,
+    {
+      ...props,
+      className: cx(styles.tableCellTrigger, props.className)
+    }
+  );
+}
+var DatePickerRoot = DatePicker.Root;
+var DatePickerClearTrigger = DatePicker.ClearTrigger;
+var DatePickerPositioner = DatePicker.Positioner;
+var DatePickerYearSelect = DatePicker.YearSelect;
+var DatePickerMonthSelect = DatePicker.MonthSelect;
+var DatePickerView = DatePicker.View;
+var DatePickerContext = DatePicker.Context;
+var DatePickerPrevTrigger = DatePicker.PrevTrigger;
+var DatePickerNextTrigger = DatePicker.NextTrigger;
+var DatePickerViewTrigger = DatePicker.ViewTrigger;
+var DatePickerTableHead = DatePicker.TableHead;
+var DatePickerTableRow = DatePicker.TableRow;
+var DatePickerTableBody = DatePicker.TableBody;
+
+export {
+  DatePickerLabel,
+  DatePickerControl,
+  DatePickerInputEl,
+  DatePickerTrigger,
+  DatePickerContent,
+  DatePickerViewControl,
+  DatePickerRangeText,
+  DatePickerTable,
+  DatePickerTableHeader,
+  DatePickerTableCell,
+  DatePickerTableCellTrigger,
+  DatePickerRoot,
+  DatePickerClearTrigger,
+  DatePickerPositioner,
+  DatePickerYearSelect,
+  DatePickerMonthSelect,
+  DatePickerView,
+  DatePickerContext,
+  DatePickerPrevTrigger,
+  DatePickerNextTrigger,
+  DatePickerViewTrigger,
+  DatePickerTableHead,
+  DatePickerTableRow,
+  DatePickerTableBody
+};
+//# sourceMappingURL=chunk-D7MAAGNA.js.map

package/build/modern/chunk-D7MAAGNA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/primitives.tsx"],"sourcesContent":["import {\n  DatePicker,\n  type DatePickerContentProps,\n  type DatePickerControlProps,\n  type DatePickerInputProps,\n  type DatePickerLabelProps,\n  type DatePickerRangeTextProps,\n  type DatePickerTableCellProps,\n  type DatePickerTableCellTriggerProps,\n  type DatePickerTableHeaderProps,\n  type DatePickerTableProps,\n  type DatePickerTriggerProps,\n  type DatePickerViewControlProps,\n} from '@ark-ui/react/date-picker'\nimport { cx } from '@cerberus/styled-system/css'\nimport { datePicker } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the DatePicker primitives.\n * @module 'date-picker/primitives'\n */\n\n/**\n * The label component for the DatePicker.\n */\nexport function DatePickerLabel(props: DatePickerLabelProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Label\n      {...props}\n      className={cx(styles.label, props.className)}\n    />\n  )\n}\n\n/**\n * The control component for the DatePicker which wraps the input and the\n * triggers to open the DatePicker and clear the value.\n */\nexport function DatePickerControl(props: DatePickerControlProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Control\n      {...props}\n      className={cx(styles.control, props.className)}\n    />\n  )\n}\n\n/**\n * The input component for the DatePicker.\n */\nexport function DatePickerInputEl(props: DatePickerInputProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Input\n      {...props}\n      className={cx(styles.input, props.className)}\n    />\n  )\n}\n\n/**\n * The trigger component that opens the DatePicker.\n */\nexport function DatePickerTrigger(props: DatePickerTriggerProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Trigger\n      {...props}\n      className={cx(styles.trigger, props.className)}\n    />\n  )\n}\n\n/**\n * The content component for the DatePicker.\n */\nexport function DatePickerContent(props: DatePickerContentProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Content\n      {...props}\n      className={cx(styles.content, props.className)}\n    />\n  )\n}\n\n/**\n * The view control component for the DatePicker which wraps the triggers to\n * switch between calendar views.\n */\nexport function DatePickerViewControl(props: DatePickerViewControlProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Control\n      {...props}\n      className={cx(styles.viewControl, props.className)}\n    />\n  )\n}\n\n/**\n * The range text component for the DatePicker.\n */\nexport function DatePickerRangeText(props: DatePickerRangeTextProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.RangeText\n      {...props}\n      className={cx(styles.rangeText, props.className)}\n    />\n  )\n}\n\n/**\n * The table component for the DatePicker.\n */\nexport function DatePickerTable(props: DatePickerTableProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Table\n      {...props}\n      className={cx(styles.table, props.className)}\n    />\n  )\n}\n\n/**\n * The header component for the DatePicker table.\n */\nexport function DatePickerTableHeader(props: DatePickerTableHeaderProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.TableHeader\n      {...props}\n      className={cx(styles.tableHeader, props.className)}\n    />\n  )\n}\n\n/**\n * The table cell component for the DatePicker.\n */\nexport function DatePickerTableCell(props: DatePickerTableCellProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.TableCell\n      {...props}\n      className={cx(styles.tableCell, props.className)}\n    />\n  )\n}\n\n/**\n * The table cell trigger component for the DatePicker.\n */\nexport function DatePickerTableCellTrigger(\n  props: DatePickerTableCellTriggerProps,\n) {\n  const styles = datePicker()\n  return (\n    <DatePicker.TableCellTrigger\n      {...props}\n      className={cx(styles.tableCellTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The root component of the DatePicker. This primitive has no Cerberus styles.\n */\nexport const DatePickerRoot = DatePicker.Root\n/**\n * The label component of the DatePicker. This primitive has no Cerberus styles.\n */\nexport const DatePickerClearTrigger = DatePicker.ClearTrigger\n/**\n * The control component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerPositioner = DatePicker.Positioner\n/**\n * The year select input component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport const DatePickerYearSelect = DatePicker.YearSelect\n/**\n * The month select input component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport const DatePickerMonthSelect = DatePicker.MonthSelect\n/**\n * The day view component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerView = DatePicker.View\n/**\n * The day context component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport const DatePickerContext = DatePicker.Context\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerPrevTrigger = DatePicker.PrevTrigger\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerNextTrigger = DatePicker.NextTrigger\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerViewTrigger = DatePicker.ViewTrigger\n/**\n * The table head component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerTableHead = DatePicker.TableHead\n/**\n * The table row component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerTableRow = DatePicker.TableRow\n/**\n * The table body component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport const DatePickerTableBody = DatePicker.TableBody\n"],"mappings":"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","names":[]}

package/build/modern/chunk-D7UIWAFO.js

@@ -0,0 +1,84 @@
+// src/components/dialog/primitives.tsx
+import {
+  Dialog
+} from "@ark-ui/react/dialog";
+import { cx } from "@cerberus/styled-system/css";
+import {
+  dialog
+} from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function DialogRoot(props) {
+  return /* @__PURE__ */ jsx(Dialog.Root, { ...props });
+}
+function DialogTrigger(props) {
+  const styles = dialog();
+  return /* @__PURE__ */ jsx(
+    Dialog.Trigger,
+    {
+      ...props,
+      className: cx(styles.trigger, props.className)
+    }
+  );
+}
+function DialogBackdrop(props) {
+  const styles = dialog();
+  return /* @__PURE__ */ jsx(
+    Dialog.Backdrop,
+    {
+      ...props,
+      className: cx(styles.backdrop, props.className)
+    }
+  );
+}
+function DialogPositioner(props) {
+  const styles = dialog();
+  return /* @__PURE__ */ jsx(
+    Dialog.Positioner,
+    {
+      ...props,
+      className: cx(styles.positioner, props.className)
+    }
+  );
+}
+function DialogContent(props) {
+  const { size, ...contentProps } = props;
+  const styles = dialog({ size });
+  return /* @__PURE__ */ jsx(
+    Dialog.Content,
+    {
+      ...contentProps,
+      className: cx(styles.content, contentProps.className)
+    }
+  );
+}
+function DialogHeading(props) {
+  const styles = dialog();
+  return /* @__PURE__ */ jsx(Dialog.Title, { ...props, className: cx(styles.title, props.className) });
+}
+function DialogDescription(props) {
+  const styles = dialog();
+  return /* @__PURE__ */ jsx(
+    Dialog.Description,
+    {
+      ...props,
+      className: cx(styles.description, props.className)
+    }
+  );
+}
+function DialogCloseTrigger(props) {
+  return /* @__PURE__ */ jsx(Dialog.CloseTrigger, { ...props });
+}
+var DialogProvider = DialogRoot;
+
+export {
+  DialogRoot,
+  DialogTrigger,
+  DialogBackdrop,
+  DialogPositioner,
+  DialogContent,
+  DialogHeading,
+  DialogDescription,
+  DialogCloseTrigger,
+  DialogProvider
+};
+//# sourceMappingURL=chunk-D7UIWAFO.js.map

package/build/modern/chunk-D7UIWAFO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/dialog/primitives.tsx"],"sourcesContent":["import {\n  Dialog,\n  type DialogBackdropProps,\n  type DialogContentProps,\n  type DialogDescriptionProps,\n  type DialogPositionerProps,\n  type DialogRootProps,\n  type DialogTitleProps,\n  type DialogTriggerProps,\n} from '@ark-ui/react/dialog'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  dialog,\n  type DialogVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Dialog component.\n * @module 'dialog/primitives'\n */\n\n/**\n * The provider that controls the dialog components.\n */\nexport function DialogRoot(props: DialogRootProps) {\n  return <Dialog.Root {...props} />\n}\n\n/**\n * The trigger that opens the dialog.\n */\nexport function DialogTrigger(props: DialogTriggerProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Trigger\n      {...props}\n      className={cx(styles.trigger, props.className)}\n    />\n  )\n}\n\n/**\n * The overlay of the dialog.\n */\nexport function DialogBackdrop(props: DialogBackdropProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Backdrop\n      {...props}\n      className={cx(styles.backdrop, props.className)}\n    />\n  )\n}\n\n/**\n * The container that positions the dialog.\n */\nexport function DialogPositioner(props: DialogPositionerProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Positioner\n      {...props}\n      className={cx(styles.positioner, props.className)}\n    />\n  )\n}\n\n/**\n * The visible content of the dialog.\n */\nexport function DialogContent(props: DialogContentProps & DialogVariantProps) {\n  const { size, ...contentProps } = props\n  const styles = dialog({ size })\n  return (\n    <Dialog.Content\n      {...contentProps}\n      className={cx(styles.content, contentProps.className)}\n    />\n  )\n}\n\n/**\n * The heading of the dialog.\n */\nexport function DialogHeading(props: DialogTitleProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Title {...props} className={cx(styles.title, props.className)} />\n  )\n}\n\n/**\n * The description of the dialog.\n */\nexport function DialogDescription(props: DialogDescriptionProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Description\n      {...props}\n      className={cx(styles.description, props.className)}\n    />\n  )\n}\n\n/**\n * The trigger that closes the dialog.\n */\nexport function DialogCloseTrigger(props: DialogTriggerProps) {\n  return <Dialog.CloseTrigger {...props} />\n}\n\n/**\n * The provider that controls the dialog components. This is a named export of\n * the DialogRoot primitive.\n */\nexport const DialogProvider = DialogRoot\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAQK;AACP,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AAWE;AADF,SAAS,WAAW,OAAwB;AACjD,SAAO,oBAAC,OAAO,MAAP,EAAa,GAAG,OAAO;AACjC;AAKO,SAAS,cAAc,OAA2B;AACvD,QAAM,SAAS,OAAO;AACtB,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,SAAS,MAAM,SAAS;AAAA;AAAA,EAC/C;AAEJ;AAKO,SAAS,eAAe,OAA4B;AACzD,QAAM,SAAS,OAAO;AACtB,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,UAAU,MAAM,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,iBAAiB,OAA8B;AAC7D,QAAM,SAAS,OAAO;AACtB,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,YAAY,MAAM,SAAS;AAAA;AAAA,EAClD;AAEJ;AAKO,SAAS,cAAc,OAAgD;AAC5E,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,SAAS,OAAO,EAAE,KAAK,CAAC;AAC9B,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,SAAS,aAAa,SAAS;AAAA;AAAA,EACtD;AAEJ;AAKO,SAAS,cAAc,OAAyB;AACrD,QAAM,SAAS,OAAO;AACtB,SACE,oBAAC,OAAO,OAAP,EAAc,GAAG,OAAO,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,SAAS,OAAO;AACtB,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;AAKO,SAAS,mBAAmB,OAA2B;AAC5D,SAAO,oBAAC,OAAO,cAAP,EAAqB,GAAG,OAAO;AACzC;AAMO,IAAM,iBAAiB;","names":[]}

package/build/modern/chunk-DC4F5ZK5.js

@@ -0,0 +1,7 @@
+// src/components/avatar/index.ts
+import { useAvatarContext } from "@ark-ui/react/avatar";
+
+export {
+  useAvatarContext
+};
+//# sourceMappingURL=chunk-DC4F5ZK5.js.map

package/build/modern/chunk-DC4F5ZK5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/avatar/index.ts"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\nexport * from './avatar'\n\nexport { useAvatarContext } from '@ark-ui/react/avatar'\n"],"mappings":";AAIA,SAAS,wBAAwB;","names":[]}

package/build/modern/{chunk-RBNOEAWJ.js → chunk-DEXJQ6UI.js}

@@ -2,11 +2,11 @@ import {
   Show
 } from "./chunk-BUVVRQLZ.js";
 
-// src/components/Legend.tsx
+// src/components/deprecated/Legend.tsx
+import { useFieldContext } from "@ark-ui/react/field";
 import { css, cx } from "@cerberus/styled-system/css";
 import { label } from "@cerberus/styled-system/recipes";
 import { hstack } from "@cerberus/styled-system/patterns";
-import { useFieldContext } from "@ark-ui/react/field";
 import { jsx, jsxs } from "react/jsx-runtime";
 function Legend(props) {
   const { size, ...nativeProps } = props;
@@ -46,4 +46,4 @@ function Legend(props) {
 export {
   Legend
 };
-//# sourceMappingURL=chunk-RBNOEAWJ.js.map
+//# sourceMappingURL=chunk-DEXJQ6UI.js.map

package/build/modern/chunk-DEXJQ6UI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/Legend.tsx"],"sourcesContent":["'use client'\n\nimport { useFieldContext } from '@ark-ui/react/field'\nimport { css, cx } from '@cerberus/styled-system/css'\nimport { label, type LabelVariantProps } from '@cerberus/styled-system/recipes'\nimport { hstack } from '@cerberus/styled-system/patterns'\nimport { type HTMLAttributes } from 'react'\nimport { Show } from '../Show'\n\n/**\n * This module contains the Fieldset component.\n * @module Fieldset\n */\n\nexport type LegendProps = HTMLAttributes<HTMLLegendElement> & LabelVariantProps\n\n/**\n * @deprecated use Fieldset instead\n */\nexport function Legend(props: LegendProps) {\n  const { size, ...nativeProps } = props\n  const { invalid, required } = useFieldContext()\n\n  return (\n    <legend\n      {...nativeProps}\n      {...(invalid && { 'aria-invalid': true })}\n      className={cx(\n        nativeProps.className,\n        hstack({\n          justify: 'space-between',\n          w: 'full',\n        }),\n        label({\n          size,\n        }),\n      )}\n    >\n      {nativeProps.children}\n      <Show when={required}>\n        <span\n          className={css({\n            color: 'page.text.100',\n            fontSize: 'inherit',\n          })}\n        >\n          (required)\n        </span>\n      </Show>\n    </legend>\n  )\n}\n"],"mappings":";;;;;AAEA,SAAS,uBAAuB;AAChC,SAAS,KAAK,UAAU;AACxB,SAAS,aAAqC;AAC9C,SAAS,cAAc;AAmBnB,SAgBI,KAhBJ;AALG,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,MAAM,GAAG,YAAY,IAAI;AACjC,QAAM,EAAE,SAAS,SAAS,IAAI,gBAAgB;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,MACvC,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,UACL,SAAS;AAAA,UACT,GAAG;AAAA,QACL,CAAC;AAAA,QACD,MAAM;AAAA,UACJ;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MAEC;AAAA,oBAAY;AAAA,QACb,oBAAC,QAAK,MAAM,UACV;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,IAAI;AAAA,cACb,OAAO;AAAA,cACP,UAAU;AAAA,YACZ,CAAC;AAAA,YACF;AAAA;AAAA,QAED,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/chunk-DJOYRUNT.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-DJOYRUNT.js.map

package/build/modern/chunk-DXOKSZVQ.js

@@ -0,0 +1,12 @@
+// src/components/for.tsx
+function For(props) {
+  if (!props.each || !props.each.length) {
+    return props.fallback || null;
+  }
+  return props.each?.map(props.children);
+}
+
+export {
+  For
+};
+//# sourceMappingURL=chunk-DXOKSZVQ.js.map

package/build/modern/chunk-DXOKSZVQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/for.tsx"],"sourcesContent":["import type { ReactNode, JSX } from 'react'\n\nexport interface ForProps<T extends readonly unknown[], U extends JSX.Element> {\n  /**\n   * The array to iterate over.\n   */\n  each: T | undefined | null | false\n  /**\n   * The fallback to render when the array is empty.\n   */\n  fallback?: JSX.Element\n  /**\n   * The children to render for each item in the array.\n   */\n  children: (item: T[number], index: number) => U\n}\n\n/**\n * The For component is used to iterate over an array and render a list of\n * components or display a fallback when the array is empty.\n * Inspired by the `<For>` component from SolidJS.\n *\n * @example\n * ```tsx\n * <For each={['a', 'b', 'c']}>\n *   {(item, index) => <div key={index}>{item}</div>}\n * </For>\n * ```\n */\nexport function For<T extends readonly unknown[], U extends JSX.Element>(\n  props: ForProps<T, U>,\n) {\n  if (!props.each || !props.each.length) {\n    return props.fallback || null\n  }\n\n  return props.each?.map(props.children) as ReactNode\n}\n"],"mappings":";AA6BO,SAAS,IACd,OACA;AACA,MAAI,CAAC,MAAM,QAAQ,CAAC,MAAM,KAAK,QAAQ;AACrC,WAAO,MAAM,YAAY;AAAA,EAC3B;AAEA,SAAO,MAAM,MAAM,IAAI,MAAM,QAAQ;AACvC;","names":[]}