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

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-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-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-E7FVTKUT.js

@@ -0,0 +1,20 @@
+import {
+  DatePickerViewControlGroup
+} from "./chunk-BD4UH5GS.js";
+import {
+  DatePickerParts
+} from "./chunk-WVFEJCUN.js";
+
+// src/components/date-picker/month-view.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DatePickerMonthView(props) {
+  return /* @__PURE__ */ jsx(DatePickerParts.View, { ...props, view: "month", children: /* @__PURE__ */ jsx(DatePickerParts.Context, { children: (datePicker) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DatePickerViewControlGroup, {}),
+    /* @__PURE__ */ jsx(DatePickerParts.Table, { children: /* @__PURE__ */ jsx(DatePickerParts.TableBody, { children: datePicker.getMonthsGrid({ columns: 4, format: "short" }).map((months, id) => /* @__PURE__ */ jsx(DatePickerParts.TableRow, { children: months.map((month, id2) => /* @__PURE__ */ jsx(DatePickerParts.TableCell, { value: month.value, children: /* @__PURE__ */ jsx(DatePickerParts.TableCellTrigger, { children: month.label }) }, id2)) }, id)) }) })
+  ] }) }) });
+}
+
+export {
+  DatePickerMonthView
+};
+//# sourceMappingURL=chunk-E7FVTKUT.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/month-view.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  DatePickerViewProps,\n  UseDatePickerContext,\n} from '@ark-ui/react/date-picker'\nimport { DatePickerParts } from './parts'\nimport { DatePickerViewControlGroup } from './view-control-group'\n\n/**\n * This private module contains an abstraction of the DatePickerMonthView\n * component.\n * @module 'date-picker/month-view'\n */\n\n/**\n * An abstraction of the DatePickerMonthView that renders the month view of the\n * DatePicker.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerMonthView(props: Omit<DatePickerViewProps, 'view'>) {\n  return (\n    <DatePickerParts.View {...props} view=\"month\">\n      <DatePickerParts.Context>\n        {(datePicker: UseDatePickerContext) => (\n          <>\n            <DatePickerViewControlGroup />\n\n            <DatePickerParts.Table>\n              <DatePickerParts.TableBody>\n                {datePicker\n                  .getMonthsGrid({ columns: 4, format: 'short' })\n                  .map((months, id) => (\n                    <DatePickerParts.TableRow key={id}>\n                      {months.map((month, id) => (\n                        <DatePickerParts.TableCell key={id} value={month.value}>\n                          <DatePickerParts.TableCellTrigger>\n                            {month.label}\n                          </DatePickerParts.TableCellTrigger>\n                        </DatePickerParts.TableCell>\n                      ))}\n                    </DatePickerParts.TableRow>\n                  ))}\n              </DatePickerParts.TableBody>\n            </DatePickerParts.Table>\n          </>\n        )}\n      </DatePickerParts.Context>\n    </DatePickerParts.View>\n  )\n}\n"],"mappings":";;;;;;;;AAyBU,mBACE,KADF;AALH,SAAS,oBAAoB,OAA0C;AAC5E,SACE,oBAAC,gBAAgB,MAAhB,EAAsB,GAAG,OAAO,MAAK,SACpC,8BAAC,gBAAgB,SAAhB,EACE,WAAC,eACA,iCACE;AAAA,wBAAC,8BAA2B;AAAA,IAE5B,oBAAC,gBAAgB,OAAhB,EACC,8BAAC,gBAAgB,WAAhB,EACE,qBACE,cAAc,EAAE,SAAS,GAAG,QAAQ,QAAQ,CAAC,EAC7C,IAAI,CAAC,QAAQ,OACZ,oBAAC,gBAAgB,UAAhB,EACE,iBAAO,IAAI,CAAC,OAAOA,QAClB,oBAAC,gBAAgB,WAAhB,EAAmC,OAAO,MAAM,OAC/C,8BAAC,gBAAgB,kBAAhB,EACE,gBAAM,OACT,KAH8BA,GAIhC,CACD,KAP4B,EAQ/B,CACD,GACL,GACF;AAAA,KACF,GAEJ,GACF;AAEJ;","names":["id"]}

package/build/modern/chunk-EH36PXVP.js

@@ -0,0 +1,24 @@
+import {
+  TabsParts
+} from "./chunk-YUNLWTUB.js";
+
+// src/components/tabs/tabs.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function TabsList(props) {
+  const { children, ...listProps } = props;
+  return /* @__PURE__ */ jsxs(TabsParts.List, { ...listProps, children: [
+    children,
+    /* @__PURE__ */ jsx(TabsParts.Indicator, {})
+  ] });
+}
+var Tabs = {
+  Root: TabsParts.Root,
+  List: TabsList,
+  Tab: TabsParts.Trigger,
+  Panel: TabsParts.Content
+};
+
+export {
+  Tabs
+};
+//# sourceMappingURL=chunk-EH36PXVP.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tabs/tabs.tsx"],"sourcesContent":["import type { TabListProps } from '@ark-ui/react/tabs'\nimport { TabsParts, type TabsPartsValue } from './parts'\nimport type { ElementType } from 'react'\n\n/**\n * This module contains an abstraction of the Tabs family.\n * @module 'tabs'\n */\n\ninterface TabsValueProps\n  extends Omit<TabsPartsValue, 'Trigger' | 'Content' | 'Indicator'> {\n  /**\n   * A named component for the TabsTrigger.\n   */\n  Tab: ElementType\n  /**\n   * A named component for the TabsContent.\n   */\n  Panel: ElementType\n}\n\n/**\n * An abstraction of the TabsList component that includes the TabIndicator.\n */\nfunction TabsList(props: TabListProps) {\n  const { children, ...listProps } = props\n  return (\n    <TabsParts.List {...listProps}>\n      {children}\n      <TabsParts.Indicator />\n    </TabsParts.List>\n  )\n}\n\n/**\n * An Object containing the abstracted parts of the Tabs component.\n *\n * @remarks\n *\n * When using object component syntax, you import the TabsParts object and\n * the entire family of components vs. only what you use.\n */\nexport const Tabs: TabsValueProps = {\n  Root: TabsParts.Root,\n  List: TabsList,\n  Tab: TabsParts.Trigger,\n  Panel: TabsParts.Content,\n}\n"],"mappings":";;;;;AA2BI,SAEE,KAFF;AAHJ,SAAS,SAAS,OAAqB;AACrC,QAAM,EAAE,UAAU,GAAG,UAAU,IAAI;AACnC,SACE,qBAAC,UAAU,MAAV,EAAgB,GAAG,WACjB;AAAA;AAAA,IACD,oBAAC,UAAU,WAAV,EAAoB;AAAA,KACvB;AAEJ;AAUO,IAAM,OAAuB;AAAA,EAClC,MAAM,UAAU;AAAA,EAChB,MAAM;AAAA,EACN,KAAK,UAAU;AAAA,EACf,OAAO,UAAU;AACnB;","names":[]}

package/build/modern/{chunk-RDRD6ACD.js → chunk-EUYI7C2E.js}

@@ -5,7 +5,7 @@ import {
   trapFocus
 } from "./chunk-JIZQFTW6.js";
 
-// src/components/Notification.tsx
+// src/components/deprecated/Notification.tsx
 import { cx } from "@cerberus/styled-system/css";
 import { hstack, vstack } from "@cerberus/styled-system/patterns";
 import {
@@ -75,4 +75,4 @@ function Notification(props) {
 export {
   Notification
 };
-//# sourceMappingURL=chunk-RDRD6ACD.js.map
+//# sourceMappingURL=chunk-EUYI7C2E.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/Notification.tsx"],"sourcesContent":["'use client'\n\nimport { cx } from '@cerberus/styled-system/css'\nimport { hstack, vstack } from '@cerberus/styled-system/patterns'\nimport {\n  notification,\n  type NotificationVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport {\n  useRef,\n  type DialogHTMLAttributes,\n  type PropsWithChildren,\n  type MouseEvent,\n} from 'react'\nimport { trapFocus } from '../../aria-helpers/trap-focus.aria'\nimport { useCerberusContext } from '../../context/cerberus'\n\n/**\n * This module exports the Notification component.\n * @module\n */\n\nfunction MatchNotificationIcon(props: NotificationVariantProps) {\n  const { icons } = useCerberusContext()\n  const palette = (props.palette || 'info') as\n    | 'info'\n    | 'success'\n    | 'warning'\n    | 'danger'\n  const key = `${palette}Notification` as keyof typeof icons\n  const Icon = icons[key]\n  return <Icon />\n}\n\nexport interface NotificationBaseProps\n  extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onClose'> {\n  /**\n   * The unique id of the notification. Required for the onClose callback.\n   */\n  id: string\n  /**\n   * Called when the close button is clicked.\n   */\n  onClose?: (e: MouseEvent<HTMLButtonElement>) => void\n}\nexport type NotificationProps = NotificationBaseProps & NotificationVariantProps\n\n/**\n * @deprecated use `NotificationParts` instead\n */\nexport function Notification(props: PropsWithChildren<NotificationProps>) {\n  const { children, palette, onClose, ...nativeProps } = props\n  const ref = useRef<HTMLDialogElement>(null)\n\n  const onKeyDown = trapFocus(ref)\n  const styles = notification({ palette })\n\n  const { icons } = useCerberusContext()\n  const { close: CloseIcon } = icons\n\n  return (\n    <dialog\n      {...nativeProps}\n      data-placement=\"left\"\n      className={cx(\n        nativeProps.className,\n        hstack({\n          position: 'relative',\n          gap: '4',\n        }),\n        styles.dialog,\n      )}\n      onKeyDown={onKeyDown}\n      ref={ref}\n    >\n      <span className={styles.icon}>\n        <MatchNotificationIcon palette={palette} />\n      </span>\n\n      <div\n        className={vstack({\n          alignItems: 'flex-start',\n          gap: '0',\n          py: '2',\n        })}\n      >\n        {children}\n      </div>\n\n      <button\n        aria-label=\"Close\"\n        className={styles.close}\n        onClick={onClose}\n        value={props.id}\n      >\n        <CloseIcon />\n      </button>\n    </dialog>\n  )\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,UAAU;AACnB,SAAS,QAAQ,cAAc;AAC/B;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAIK;AAkBE,cA8BL,YA9BK;AATT,SAAS,sBAAsB,OAAiC;AAC9D,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,UAAW,MAAM,WAAW;AAKlC,QAAM,MAAM,GAAG,OAAO;AACtB,QAAM,OAAO,MAAM,GAAG;AACtB,SAAO,oBAAC,QAAK;AACf;AAkBO,SAAS,aAAa,OAA6C;AACxE,QAAM,EAAE,UAAU,SAAS,SAAS,GAAG,YAAY,IAAI;AACvD,QAAM,MAAM,OAA0B,IAAI;AAE1C,QAAM,YAAY,UAAU,GAAG;AAC/B,QAAM,SAAS,aAAa,EAAE,QAAQ,CAAC;AAEvC,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,OAAO,UAAU,IAAI;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,kBAAe;AAAA,MACf,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,UACL,UAAU;AAAA,UACV,KAAK;AAAA,QACP,CAAC;AAAA,QACD,OAAO;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC,UAAK,WAAW,OAAO,MACtB,8BAAC,yBAAsB,SAAkB,GAC3C;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,OAAO;AAAA,cAChB,YAAY;AAAA,cACZ,KAAK;AAAA,cACL,IAAI;AAAA,YACN,CAAC;AAAA,YAEA;AAAA;AAAA,QACH;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,WAAW,OAAO;AAAA,YAClB,SAAS;AAAA,YACT,OAAO,MAAM;AAAA,YAEb,8BAAC,aAAU;AAAA;AAAA,QACb;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/{chunk-NTU5OYUF.js → chunk-FBS7AX76.js}

@@ -4,12 +4,12 @@ import {
   FieldLabel,
   FieldRoot
 } from "./chunk-VSTOSLFS.js";
-import {
-  Show
-} from "./chunk-BUVVRQLZ.js";
 import {
   splitProps
 } from "./chunk-BL7G3577.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
 
 // src/components/field/field.tsx
 import { HStack } from "@cerberus/styled-system/jsx";
@@ -34,4 +34,4 @@ function Field(props) {
 export {
   Field
 };
-//# sourceMappingURL=chunk-NTU5OYUF.js.map
+//# sourceMappingURL=chunk-FBS7AX76.js.map

package/build/modern/chunk-FCRD3ZRZ.js

@@ -0,0 +1,46 @@
+import {
+  DatePickerTrigger
+} from "./chunk-K2TZB3I4.js";
+import {
+  DatePickerParts
+} from "./chunk-WVFEJCUN.js";
+
+// src/components/date-picker/range-input.tsx
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function RangePickerInput(props) {
+  const { defaultValue, ...nativeProps } = props;
+  const startDate = useMemo(() => defaultValue?.[0], [defaultValue]);
+  const endDate = useMemo(() => defaultValue?.[1], [defaultValue]);
+  return /* @__PURE__ */ jsxs(DatePickerParts.Control, { "data-range": true, children: [
+    /* @__PURE__ */ jsx(DatePickerTrigger, {}),
+    /* @__PURE__ */ jsx(
+      DatePickerParts.Input,
+      {
+        ...nativeProps,
+        "data-range-input": true,
+        defaultValue: startDate,
+        placeholder: props.placeholder ?? "DD MMM YYYY",
+        maxLength: 11,
+        index: 0
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DatePickerParts.Input,
+      {
+        ...nativeProps,
+        "data-range-input": true,
+        defaultValue: endDate,
+        "data-range-end-input": true,
+        placeholder: props.placeholder ?? "DD MMM YYYY",
+        maxLength: 11,
+        index: 1
+      }
+    )
+  ] });
+}
+
+export {
+  RangePickerInput
+};
+//# sourceMappingURL=chunk-FCRD3ZRZ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/range-input.tsx"],"sourcesContent":["'use client'\n\nimport type { DatePickerInputProps } from '@ark-ui/react/date-picker'\nimport { useMemo, type InputHTMLAttributes } from 'react'\nimport { DatePickerParts } from './parts'\nimport { DatePickerTrigger } from './trigger'\n\nexport interface RangePickerInputProps\n  extends Omit<DatePickerInputProps, 'defaultValue'> {\n  /**\n   * The defaultValue to add for the inputs. The first item is the start date\n   * and the second item is the end date.\n   */\n  defaultValue?: [\n    InputHTMLAttributes<HTMLInputElement>['defaultValue'],\n    InputHTMLAttributes<HTMLInputElement>['defaultValue'],\n  ]\n}\n\n/**\n * An abstraction of the DatePicker input that wraps the input and the\n * triggers to open the DatePicker and clear the value.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function RangePickerInput(props: RangePickerInputProps) {\n  const { defaultValue, ...nativeProps } = props\n\n  const startDate = useMemo(() => defaultValue?.[0], [defaultValue])\n  const endDate = useMemo(() => defaultValue?.[1], [defaultValue])\n\n  return (\n    <DatePickerParts.Control data-range>\n      <DatePickerTrigger />\n      <DatePickerParts.Input\n        {...nativeProps}\n        data-range-input\n        defaultValue={startDate}\n        placeholder={props.placeholder ?? 'DD MMM YYYY'}\n        maxLength={11}\n        index={0}\n      />\n      <DatePickerParts.Input\n        {...nativeProps}\n        data-range-input\n        defaultValue={endDate}\n        data-range-end-input\n        placeholder={props.placeholder ?? 'DD MMM YYYY'}\n        maxLength={11}\n        index={1}\n      />\n    </DatePickerParts.Control>\n  )\n}\n"],"mappings":";;;;;;;;AAGA,SAAS,eAAyC;AA4B9C,SACE,KADF;AAPG,SAAS,iBAAiB,OAA8B;AAC7D,QAAM,EAAE,cAAc,GAAG,YAAY,IAAI;AAEzC,QAAM,YAAY,QAAQ,MAAM,eAAe,CAAC,GAAG,CAAC,YAAY,CAAC;AACjE,QAAM,UAAU,QAAQ,MAAM,eAAe,CAAC,GAAG,CAAC,YAAY,CAAC;AAE/D,SACE,qBAAC,gBAAgB,SAAhB,EAAwB,cAAU,MACjC;AAAA,wBAAC,qBAAkB;AAAA,IACnB;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACE,GAAG;AAAA,QACJ,oBAAgB;AAAA,QAChB,cAAc;AAAA,QACd,aAAa,MAAM,eAAe;AAAA,QAClC,WAAW;AAAA,QACX,OAAO;AAAA;AAAA,IACT;AAAA,IACA;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACE,GAAG;AAAA,QACJ,oBAAgB;AAAA,QAChB,cAAc;AAAA,QACd,wBAAoB;AAAA,QACpB,aAAa,MAAM,eAAe;AAAA,QAClC,WAAW;AAAA,QACX,OAAO;AAAA;AAAA,IACT;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-GBCJKBWH.js

@@ -0,0 +1,27 @@
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+import {
+  Spinner
+} from "./chunk-7SYJFI5E.js";
+
+// src/components/notifications/match-icon.tsx
+import { toast } from "@cerberus/styled-system/recipes";
+import { ark } from "@ark-ui/react/factory";
+import { jsx } from "react/jsx-runtime";
+function MatchNotificationIcon(props) {
+  const { icons } = useCerberusContext();
+  const type = props.type || "info";
+  const styles = toast();
+  const key = `${type}Notification`;
+  const Icon = icons[key] || ToastLoadingIcon;
+  return /* @__PURE__ */ jsx(ark.div, { className: styles.icon, children: /* @__PURE__ */ jsx(Icon, {}) });
+}
+function ToastLoadingIcon() {
+  return /* @__PURE__ */ jsx(Spinner, { size: "1rem" });
+}
+
+export {
+  MatchNotificationIcon
+};
+//# sourceMappingURL=chunk-GBCJKBWH.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/notifications/match-icon.tsx"],"sourcesContent":["'use client'\n\nimport { toast } from '@cerberus/styled-system/recipes'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Spinner } from '../Spinner'\nimport type { NotifyOptions } from './types'\nimport { ark } from '@ark-ui/react/factory'\n\n/**\n * This private module contains a component that returns the correct icon for a\n * notification based on the palette. If there is no result, it is assumed to\n * be a 'loading' type.\n * @module 'notification/match-icon'\n */\n\ninterface MatchNotificationIconProps {\n  type?: NotifyOptions['palette']\n}\n\nexport function MatchNotificationIcon(props: MatchNotificationIconProps) {\n  const { icons } = useCerberusContext()\n  const type = props.type || 'info'\n  const styles = toast()\n\n  const key = `${type}Notification` as keyof typeof icons\n  const Icon = icons[key] || ToastLoadingIcon\n\n  return (\n    <ark.div className={styles.icon}>\n      <Icon />\n    </ark.div>\n  )\n}\n\nfunction ToastLoadingIcon() {\n  return <Spinner size=\"1rem\" />\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,aAAa;AAItB,SAAS,WAAW;AAuBd;AAVC,SAAS,sBAAsB,OAAmC;AACvE,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,OAAO,MAAM,QAAQ;AAC3B,QAAM,SAAS,MAAM;AAErB,QAAM,MAAM,GAAG,IAAI;AACnB,QAAM,OAAO,MAAM,GAAG,KAAK;AAE3B,SACE,oBAAC,IAAI,KAAJ,EAAQ,WAAW,OAAO,MACzB,8BAAC,QAAK,GACR;AAEJ;AAEA,SAAS,mBAAmB;AAC1B,SAAO,oBAAC,WAAQ,MAAK,QAAO;AAC9B;","names":[]}

package/build/modern/chunk-GBHYDL2K.js

@@ -0,0 +1,67 @@
+import {
+  ToastCloseTrigger
+} from "./chunk-TEMFCS72.js";
+import {
+  MatchNotificationIcon
+} from "./chunk-GBCJKBWH.js";
+import {
+  NotificationParts
+} from "./chunk-KZDEDAIK.js";
+import {
+  Button
+} from "./chunk-RD2YPFRA.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
+
+// src/components/notifications/center.tsx
+import { createToaster, Toaster } from "@ark-ui/react/toast";
+import { Box } from "@cerberus/styled-system/jsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+var toaster = createToaster({
+  gap: 16,
+  overlap: true,
+  placement: "top-end"
+});
+function NotificationCenter() {
+  return /* @__PURE__ */ jsx(Toaster, { toaster, children: (toast) => /* @__PURE__ */ jsxs(NotificationParts.Root, { children: [
+    /* @__PURE__ */ jsx(
+      MatchNotificationIcon,
+      {
+        type: toast.type
+      }
+    ),
+    /* @__PURE__ */ jsxs(Box, { flex: "1", paddingBlock: "sm", children: [
+      /* @__PURE__ */ jsx(NotificationParts.Heading, { children: toast.title }),
+      /* @__PURE__ */ jsx(NotificationParts.Description, { children: toast.description }),
+      /* @__PURE__ */ jsx(Show, { when: Boolean(toast.action), children: /* @__PURE__ */ jsx(NotificationParts.ActionTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          palette: toast.type,
+          usage: "ghost",
+          size: "sm",
+          children: toast.action?.label
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsx(ToastCloseTrigger, {})
+  ] }, toast.id) });
+}
+function useNotificationCenter() {
+  function notify(options) {
+    toaster.create({
+      title: options.heading,
+      description: options.description,
+      type: options.palette,
+      action: options.action
+    });
+  }
+  return { ...toaster, notify };
+}
+
+export {
+  toaster,
+  NotificationCenter,
+  useNotificationCenter
+};
+//# sourceMappingURL=chunk-GBHYDL2K.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/notifications/center.tsx"],"sourcesContent":["'use client'\n\nimport { createToaster, Toaster } from '@ark-ui/react/toast'\nimport { Box } from '@cerberus/styled-system/jsx'\nimport { Button, type ButtonProps } from '../button/button'\nimport { Show } from '../Show'\nimport { NotificationParts } from './parts'\nimport type { NotifyOptions, UseNotificationCenterReturn } from './types'\nimport { MatchNotificationIcon } from './match-icon'\nimport { ToastCloseTrigger } from './close-trigger'\n\n/**\n * This module contains an abstraction of the Notification parts.\n * @module 'notification/center'\n */\n\nexport const toaster = createToaster({\n  gap: 16,\n  overlap: true,\n  placement: 'top-end',\n})\n\n/**\n * The NotificationCenter component is an abstraction for the Notification\n * component. It manages displaying all the toasts in the center.\n */\nexport function NotificationCenter() {\n  return (\n    <Toaster toaster={toaster}>\n      {(toast) => (\n        <NotificationParts.Root key={toast.id}>\n          <MatchNotificationIcon\n            type={toast.type as NotifyOptions['palette']}\n          />\n\n          <Box flex=\"1\" paddingBlock=\"sm\">\n            <NotificationParts.Heading>{toast.title}</NotificationParts.Heading>\n            <NotificationParts.Description>\n              {toast.description}\n            </NotificationParts.Description>\n            <Show when={Boolean(toast.action)}>\n              <NotificationParts.ActionTrigger asChild>\n                <Button\n                  palette={toast.type as ButtonProps['palette']}\n                  usage=\"ghost\"\n                  size=\"sm\"\n                >\n                  {toast.action?.label}\n                </Button>\n              </NotificationParts.ActionTrigger>\n            </Show>\n          </Box>\n\n          <ToastCloseTrigger />\n        </NotificationParts.Root>\n      )}\n    </Toaster>\n  )\n}\n\n/**\n * @deprecated use `toaster` instead\n */\nexport function useNotificationCenter(): UseNotificationCenterReturn {\n  function notify(options: NotifyOptions) {\n    toaster.create({\n      title: options.heading,\n      description: options.description,\n      type: options.palette,\n      action: options.action,\n    })\n  }\n  return { ...toaster, notify }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAEA,SAAS,eAAe,eAAe;AACvC,SAAS,WAAW;AA4BV,cAIA,YAJA;AAfH,IAAM,UAAU,cAAc;AAAA,EACnC,KAAK;AAAA,EACL,SAAS;AAAA,EACT,WAAW;AACb,CAAC;AAMM,SAAS,qBAAqB;AACnC,SACE,oBAAC,WAAQ,SACN,WAAC,UACA,qBAAC,kBAAkB,MAAlB,EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,MAAM;AAAA;AAAA,IACd;AAAA,IAEA,qBAAC,OAAI,MAAK,KAAI,cAAa,MACzB;AAAA,0BAAC,kBAAkB,SAAlB,EAA2B,gBAAM,OAAM;AAAA,MACxC,oBAAC,kBAAkB,aAAlB,EACE,gBAAM,aACT;AAAA,MACA,oBAAC,QAAK,MAAM,QAAQ,MAAM,MAAM,GAC9B,8BAAC,kBAAkB,eAAlB,EAAgC,SAAO,MACtC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,MAAM;AAAA,UACf,OAAM;AAAA,UACN,MAAK;AAAA,UAEJ,gBAAM,QAAQ;AAAA;AAAA,MACjB,GACF,GACF;AAAA,OACF;AAAA,IAEA,oBAAC,qBAAkB;AAAA,OAvBQ,MAAM,EAwBnC,GAEJ;AAEJ;AAKO,SAAS,wBAAqD;AACnE,WAAS,OAAO,SAAwB;AACtC,YAAQ,OAAO;AAAA,MACb,OAAO,QAAQ;AAAA,MACf,aAAa,QAAQ;AAAA,MACrB,MAAM,QAAQ;AAAA,MACd,QAAQ,QAAQ;AAAA,IAClB,CAAC;AAAA,EACH;AACA,SAAO,EAAE,GAAG,SAAS,OAAO;AAC9B;","names":[]}

package/build/modern/{chunk-NZKE7C53.js → chunk-GVU6L6CZ.js}

@@ -1,12 +1,12 @@
-import {
-  IconButton
-} from "./chunk-APD6IX5R.js";
 import {
   DialogCloseTrigger
 } from "./chunk-D7UIWAFO.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
+import {
+  IconButton
+} from "./chunk-SRNDDY5D.js";
 
 // src/components/dialog/close-icon-trigger.tsx
 import { dialog } from "@cerberus/styled-system/recipes";
@@ -39,4 +39,4 @@ function DialogCloseIconTrigger(props) {
 export {
   DialogCloseIconTrigger
 };
-//# sourceMappingURL=chunk-NZKE7C53.js.map
+//# sourceMappingURL=chunk-GVU6L6CZ.js.map

package/build/modern/{chunk-A45TFOGO.js → chunk-HB6MBJSG.js}

@@ -3,13 +3,10 @@ import {
 } from "./chunk-4LSTU6WU.js";
 import {
   TriggerItem
-} from "./chunk-MVO2GNUA.js";
-import {
-  For
-} from "./chunk-DXOKSZVQ.js";
+} from "./chunk-TNSIYRF7.js";
 import {
   DialogCloseIconTrigger
-} from "./chunk-NZKE7C53.js";
+} from "./chunk-GVU6L6CZ.js";
 import {
   Dialog
 } from "./chunk-MH6CIBDU.js";
@@ -18,9 +15,12 @@ import {
   DialogHeading,
   DialogProvider
 } from "./chunk-D7UIWAFO.js";
+import {
+  For
+} from "./chunk-DXOKSZVQ.js";
 import {
   Avatar
-} from "./chunk-SXLPDPOZ.js";
+} from "./chunk-N4RPMT6J.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
@@ -75,17 +75,15 @@ function CTAModal(props) {
           /* @__PURE__ */ jsx(
             Avatar,
             {
-              ariaLabel: "",
               gradient: "charon-light",
-              icon: /* @__PURE__ */ jsx(
+              fallback: /* @__PURE__ */ jsx(
                 Show,
                 {
                   when: Boolean(confirmIcon),
                   fallback: /* @__PURE__ */ jsx(FallbackIcon, { size: 24 }),
                   children: confirmIcon
                 }
-              ),
-              src: ""
+              )
             }
           ),
           /* @__PURE__ */ jsx(DialogHeading, { children: content?.heading }),
@@ -116,4 +114,4 @@ export {
   CTAModal,
   useCTAModal
 };
-//# sourceMappingURL=chunk-A45TFOGO.js.map
+//# sourceMappingURL=chunk-HB6MBJSG.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/cta-dialog/provider.tsx"],"sourcesContent":["'use client'\n\nimport {\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type MouseEvent,\n  type PropsWithChildren,\n  type ReactNode,\n} from 'react'\nimport { HStack, VStack } from '@cerberus/styled-system/jsx'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Show } from '../Show'\nimport { For } from '../for'\nimport { Avatar } from '../avatar/avatar'\nimport {\n  Dialog,\n  DialogDescription,\n  DialogHeading,\n  DialogProvider,\n} from '../dialog'\nimport { DialogCloseIconTrigger } from '../dialog/close-icon-trigger'\nimport type { CTAButtonAction, CTAModalActionReturn } from './utils'\nimport {\n  CTAModalContext,\n  type CTAModalValue,\n  type ShowCTAModalOptions,\n} from './context'\nimport { TriggerItem } from './trigger-item'\n\n/**\n * This module provides the provider and hook for the cta modal.\n * @module 'react/cta-modal/provider'\n */\n\n/**\n * Provides a CTA modal to the app.\n * @see https://cerberus.digitalu.design/react/cta-modal\n * @example\n * ```tsx\n * // Wrap the Provider around the root of the feature.\n * <CTAModal>\n *   <SomeFeatureSection />\n * </CTAModal>\n *\n * // Use the hook to show the cta modal.\n * const cta = useCTAModal()\n *\n * const handleClick = useCallback(async () => {\n *  const userConsent = await cta.show({\n *   heading: 'Create or copy a Cohort',\n *  description:\n *   'Create a new cohort or copy and existing one.',\n *  icon: <Copy size={24} />,\n *  actions: [\n *  {\n *   text: 'Create Cohort',\n *   onClick: () => {},\n *  {\n *   text: 'Copy Cohort',\n *   onClick: () => {}\n *  }\n * })\n * setConsent(userConsent)\n * }, [cta])\n * ```\n */\nexport function CTAModal(props: PropsWithChildren<object>) {\n  const [open, setOpen] = useState<boolean>(false)\n  const [content, setContent] = useState<ShowCTAModalOptions | null>(null)\n  const confirmIcon = content?.icon\n\n  const { icons } = useCerberusContext()\n  const { confirmModal: FallbackIcon } = icons\n\n  const handleShow = useCallback(\n    (options: ShowCTAModalOptions) => {\n      setContent({ ...options })\n      setOpen(true)\n    },\n    [setOpen],\n  )\n\n  const handleActionClick = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\n      const index = Number(event.currentTarget.getAttribute('data-index'))\n      const contentActions = content?.actions as CTAModalActionReturn\n      const action = contentActions._actions[index] as CTAButtonAction\n      action?.handleClick?.(event)\n      setOpen(false)\n    },\n    [content, setOpen],\n  )\n\n  const value = useMemo(\n    () => ({\n      show: handleShow,\n    }),\n    [handleShow],\n  )\n\n  return (\n    <CTAModalContext.Provider value={value}>\n      {props.children}\n\n      <DialogProvider open={open} onOpenChange={(e) => setOpen(e.open)}>\n        <Dialog size=\"sm\">\n          <DialogCloseIconTrigger />\n\n          <VStack gap=\"xl\" w=\"full\">\n            <VStack alignItems=\"flex-start\" gap=\"md\" w=\"full\">\n              <VStack gap=\"lg\" w=\"full\">\n                <Avatar\n                  gradient=\"charon-light\"\n                  fallback={\n                    <Show\n                      when={Boolean(confirmIcon)}\n                      fallback={<FallbackIcon size={24} />}\n                    >\n                      {confirmIcon}\n                    </Show>\n                  }\n                />\n                <DialogHeading>{content?.heading}</DialogHeading>\n                <DialogDescription>{content?.description}</DialogDescription>\n              </VStack>\n            </VStack>\n\n            <HStack gap=\"md\" w=\"full\">\n              <For each={content?.actions._actions}>\n                {(action, index) => (\n                  <Show\n                    key={index}\n                    when={content?.actions?.type === 'btnAction'}\n                    fallback={\n                      <TriggerItem asChild>{action as ReactNode}</TriggerItem>\n                    }\n                  >\n                    <TriggerItem data-index={index} onClick={handleActionClick}>\n                      {(action as CTAButtonAction)?.text}\n                    </TriggerItem>\n                  </Show>\n                )}\n              </For>\n            </HStack>\n          </VStack>\n        </Dialog>\n      </DialogProvider>\n    </CTAModalContext.Provider>\n  )\n}\n\nexport function useCTAModal(): CTAModalValue {\n  const context = useContext(CTAModalContext)\n  if (context === null) {\n    throw new Error('useCTAModal must be used within a CTAModal Provider')\n  }\n  return context\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AACP,SAAS,QAAQ,cAAc;AAiGrB,cAII,YAJJ;AAxCH,SAAS,SAAS,OAAkC;AACzD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAkB,KAAK;AAC/C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAqC,IAAI;AACvE,QAAM,cAAc,SAAS;AAE7B,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,cAAc,aAAa,IAAI;AAEvC,QAAM,aAAa;AAAA,IACjB,CAAC,YAAiC;AAChC,iBAAW,EAAE,GAAG,QAAQ,CAAC;AACzB,cAAQ,IAAI;AAAA,IACd;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,QAAM,oBAAoB;AAAA,IACxB,CAAC,UAAyC;AACxC,YAAM,QAAQ,OAAO,MAAM,cAAc,aAAa,YAAY,CAAC;AACnE,YAAM,iBAAiB,SAAS;AAChC,YAAM,SAAS,eAAe,SAAS,KAAK;AAC5C,cAAQ,cAAc,KAAK;AAC3B,cAAQ,KAAK;AAAA,IACf;AAAA,IACA,CAAC,SAAS,OAAO;AAAA,EACnB;AAEA,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,SACE,qBAAC,gBAAgB,UAAhB,EAAyB,OACvB;AAAA,UAAM;AAAA,IAEP,oBAAC,kBAAe,MAAY,cAAc,CAAC,MAAM,QAAQ,EAAE,IAAI,GAC7D,+BAAC,UAAO,MAAK,MACX;AAAA,0BAAC,0BAAuB;AAAA,MAExB,qBAAC,UAAO,KAAI,MAAK,GAAE,QACjB;AAAA,4BAAC,UAAO,YAAW,cAAa,KAAI,MAAK,GAAE,QACzC,+BAAC,UAAO,KAAI,MAAK,GAAE,QACjB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,UAAS;AAAA,cACT,UACE;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,QAAQ,WAAW;AAAA,kBACzB,UAAU,oBAAC,gBAAa,MAAM,IAAI;AAAA,kBAEjC;AAAA;AAAA,cACH;AAAA;AAAA,UAEJ;AAAA,UACA,oBAAC,iBAAe,mBAAS,SAAQ;AAAA,UACjC,oBAAC,qBAAmB,mBAAS,aAAY;AAAA,WAC3C,GACF;AAAA,QAEA,oBAAC,UAAO,KAAI,MAAK,GAAE,QACjB,8BAAC,OAAI,MAAM,SAAS,QAAQ,UACzB,WAAC,QAAQ,UACR;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM,SAAS,SAAS,SAAS;AAAA,YACjC,UACE,oBAAC,eAAY,SAAO,MAAE,kBAAoB;AAAA,YAG5C,8BAAC,eAAY,cAAY,OAAO,SAAS,mBACrC,kBAA4B,MAChC;AAAA;AAAA,UARK;AAAA,QASP,GAEJ,GACF;AAAA,SACF;AAAA,OACF,GACF;AAAA,KACF;AAEJ;AAEO,SAAS,cAA6B;AAC3C,QAAM,UAAU,WAAW,eAAe;AAC1C,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACA,SAAO;AACT;","names":[]}

package/build/modern/{chunk-KQQPZJEI.js → chunk-HUN7VQBT.js}

@@ -18,4 +18,4 @@ var SwitchParts = {
 export {
   SwitchParts
 };
-//# sourceMappingURL=chunk-KQQPZJEI.js.map
+//# sourceMappingURL=chunk-HUN7VQBT.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/switch/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  SwitchControl,\n  SwitchLabel,\n  SwitchRoot,\n  SwitchThumb,\n  SwitchHiddenInput,\n} from './primitives'\n\n/**\n * This module contains the parts of the Switch parts.\n * @module 'switch/parts'\n */\n\ninterface SwitchPartsValue {\n  /**\n   * The container of the field.\n   */\n  Root: ElementType\n  /**\n   * The label of the field.\n   */\n  Label: ElementType\n  /**\n   * The visual input of the switch.\n   */\n  Control: ElementType\n  /**\n   * The thumb item of the switch.\n   */\n  Thumb: ElementType\n  /**\n   * The native input for the switch.\n   */\n  HiddenInput: ElementType\n}\n\n/**\n * An Object containing the parts of the Switch component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the SwitchParts object and\n * the entire family of components vs. only what you use.\n */\nexport const SwitchParts: SwitchPartsValue = {\n  Root: SwitchRoot,\n  Label: SwitchLabel,\n  Control: SwitchControl,\n  Thumb: SwitchThumb,\n  HiddenInput: SwitchHiddenInput,\n}\n"],"mappings":";;;;;;;;;AA8CO,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AACf;","names":[]}