@cerberus-design/react 0.17.2 → 0.18.1

package/build/modern/{chunk-M7T3MBFB.js → chunk-RT7OJ4X5.js}

@@ -1,7 +1,7 @@
 import {
   CheckmarkIcon,
   IndeterminateIcon
-} from "./chunk-E3PAEB7Y.js";
+} from "./chunk-OCZCCOWW.js";
 import {
   AnimatingUploadIcon
 } from "./chunk-VV2G62UD.js";
@@ -22,4 +22,4 @@ function defineIcons(icons) {
 export {
   defineIcons
 };
-//# sourceMappingURL=chunk-M7T3MBFB.js.map
+//# sourceMappingURL=chunk-RT7OJ4X5.js.map

package/build/modern/{chunk-D7MAAGNA.js → chunk-RW3YEBDW.js}

@@ -2,8 +2,8 @@
 import {
   DatePicker
 } from "@ark-ui/react/date-picker";
-import { cx } from "@cerberus/styled-system/css";
-import { datePicker } from "@cerberus/styled-system/recipes";
+import { cx } from "styled-system/css";
+import { datePicker } from "styled-system/recipes";
 import { jsx } from "react/jsx-runtime";
 function DatePickerLabel(props) {
   const styles = datePicker();
@@ -115,19 +115,45 @@ function DatePickerTableCellTrigger(props) {
     }
   );
 }
-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;
+function DatePickerRoot(props) {
+  return /* @__PURE__ */ jsx(DatePicker.Root, { ...props });
+}
+function DatePickerClearTrigger(props) {
+  return /* @__PURE__ */ jsx(DatePicker.ClearTrigger, { ...props });
+}
+function DatePickerPositioner(props) {
+  return /* @__PURE__ */ jsx(DatePicker.Positioner, { ...props });
+}
+function DatePickerYearSelect(props) {
+  return /* @__PURE__ */ jsx(DatePicker.YearSelect, { ...props });
+}
+function DatePickerMonthSelect(props) {
+  return /* @__PURE__ */ jsx(DatePicker.MonthSelect, { ...props });
+}
+function DatePickerView(props) {
+  return /* @__PURE__ */ jsx(DatePicker.View, { ...props });
+}
+function DatePickerContext(props) {
+  return /* @__PURE__ */ jsx(DatePicker.Context, { ...props });
+}
+function DatePickerPrevTrigger(props) {
+  return /* @__PURE__ */ jsx(DatePicker.PrevTrigger, { ...props });
+}
+function DatePickerNextTrigger(props) {
+  return /* @__PURE__ */ jsx(DatePicker.NextTrigger, { ...props });
+}
+function DatePickerViewTrigger(props) {
+  return /* @__PURE__ */ jsx(DatePicker.ViewTrigger, { ...props });
+}
+function DatePickerTableHead(props) {
+  return /* @__PURE__ */ jsx(DatePicker.TableHead, { ...props });
+}
+function DatePickerTableRow(props) {
+  return /* @__PURE__ */ jsx(DatePicker.TableRow, { ...props });
+}
+function DatePickerTableBody(props) {
+  return /* @__PURE__ */ jsx(DatePicker.TableBody, { ...props });
+}
 
 export {
   DatePickerLabel,
@@ -155,4 +181,4 @@ export {
   DatePickerTableRow,
   DatePickerTableBody
 };
-//# sourceMappingURL=chunk-D7MAAGNA.js.map
+//# sourceMappingURL=chunk-RW3YEBDW.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/primitives.tsx"],"sourcesContent":["import {\n  DatePicker,\n  type DatePickerContentProps,\n  type DatePickerContextProps,\n  type DatePickerControlProps,\n  type DatePickerInputProps,\n  type DatePickerLabelProps,\n  type DatePickerMonthSelectProps,\n  type DatePickerNextTriggerProps,\n  type DatePickerPositionerProps,\n  type DatePickerPrevTriggerProps,\n  type DatePickerRangeTextProps,\n  type DatePickerRootProps,\n  type DatePickerTableBodyProps,\n  type DatePickerTableCellProps,\n  type DatePickerTableCellTriggerProps,\n  type DatePickerTableHeaderProps,\n  type DatePickerTableHeadProps,\n  type DatePickerTableProps,\n  type DatePickerTableRowProps,\n  type DatePickerTriggerProps,\n  type DatePickerViewControlProps,\n  type DatePickerViewProps,\n  type DatePickerViewTriggerProps,\n  type DatePickerYearSelectProps,\n} from '@ark-ui/react/date-picker'\nimport { cx } from 'styled-system/css'\nimport { datePicker } from '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 function DatePickerRoot(props: DatePickerRootProps) {\n  return <DatePicker.Root {...props} />\n}\n\n/**\n * The label component of the DatePicker. This primitive has no Cerberus styles.\n */\nexport function DatePickerClearTrigger(props: DatePickerTriggerProps) {\n  return <DatePicker.ClearTrigger {...props} />\n}\n\n/**\n * The control component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerPositioner(props: DatePickerPositionerProps) {\n  return <DatePicker.Positioner {...props} />\n}\n\n/**\n * The year select input component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport function DatePickerYearSelect(props: DatePickerYearSelectProps) {\n  return <DatePicker.YearSelect {...props} />\n}\n\n/**\n * The month select input component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport function DatePickerMonthSelect(props: DatePickerMonthSelectProps) {\n  return <DatePicker.MonthSelect {...props} />\n}\n\n/**\n * The day view component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerView(props: DatePickerViewProps) {\n  return <DatePicker.View {...props} />\n}\n\n/**\n * The day context component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport function DatePickerContext(props: DatePickerContextProps) {\n  return <DatePicker.Context {...props} />\n}\n\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerPrevTrigger(props: DatePickerPrevTriggerProps) {\n  return <DatePicker.PrevTrigger {...props} />\n}\n\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerNextTrigger(props: DatePickerNextTriggerProps) {\n  return <DatePicker.NextTrigger {...props} />\n}\n\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerViewTrigger(props: DatePickerViewTriggerProps) {\n  return <DatePicker.ViewTrigger {...props} />\n}\n\n/**\n * The table head component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerTableHead(props: DatePickerTableHeadProps) {\n  return <DatePicker.TableHead {...props} />\n}\n/**\n * The table row component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerTableRow(props: DatePickerTableRowProps) {\n  return <DatePicker.TableRow {...props} />\n}\n/**\n * The table body component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerTableBody(props: DatePickerTableBodyProps) {\n  return <DatePicker.TableBody {...props} />\n}\n"],"mappings":"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","names":[]}

package/build/modern/{chunk-BJJ4XAVO.js → chunk-RYRB5GPN.js}

@@ -1,9 +1,9 @@
 import {
   DatePickerParts
-} from "./chunk-WVFEJCUN.js";
+} from "./chunk-J76SGDYP.js";
 import {
   Portal
-} from "./chunk-IQJDVFPP.js";
+} from "./chunk-53YVHIGJ.js";
 
 // src/components/date-picker/content.tsx
 import { jsx } from "react/jsx-runtime";
@@ -15,4 +15,4 @@ function DatePickerContent(props) {
 export {
   DatePickerContent
 };
-//# sourceMappingURL=chunk-BJJ4XAVO.js.map
+//# sourceMappingURL=chunk-RYRB5GPN.js.map

package/build/modern/{chunk-D7UIWAFO.js → chunk-SSR3CWJZ.js}

@@ -2,10 +2,8 @@
 import {
   Dialog
 } from "@ark-ui/react/dialog";
-import { cx } from "@cerberus/styled-system/css";
-import {
-  dialog
-} from "@cerberus/styled-system/recipes";
+import { cx } from "styled-system/css";
+import { dialog } from "styled-system/recipes";
 import { jsx } from "react/jsx-runtime";
 function DialogRoot(props) {
   return /* @__PURE__ */ jsx(Dialog.Root, { ...props });
@@ -81,4 +79,4 @@ export {
   DialogCloseTrigger,
   DialogProvider
 };
-//# sourceMappingURL=chunk-D7UIWAFO.js.map
+//# sourceMappingURL=chunk-SSR3CWJZ.js.map

package/build/modern/chunk-SSR3CWJZ.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 'styled-system/css'\nimport { dialog, type DialogVariantProps } from '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,SAAS,cAAuC;AAWvC;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-7JHQVQPS.js → chunk-SZOV7M64.js}

@@ -3,10 +3,12 @@ import {
   Toast,
   Toaster
 } from "@ark-ui/react/toast";
-import { cx } from "@cerberus/styled-system/css";
-import { toast } from "@cerberus/styled-system/recipes";
+import { cx } from "styled-system/css";
+import { toast } from "styled-system/recipes";
 import { jsx } from "react/jsx-runtime";
-var NotificationProvider = Toaster;
+function NotificationProvider(props) {
+  return /* @__PURE__ */ jsx(Toaster, { ...props });
+}
 function NotificationRoot(props) {
   const styles = toast();
   return /* @__PURE__ */ jsx(Toast.Root, { ...props, className: cx(styles.root, props.className) });
@@ -54,4 +56,4 @@ export {
   NotificationCloseTrigger,
   NotificationActionTrigger
 };
-//# sourceMappingURL=chunk-7JHQVQPS.js.map
+//# sourceMappingURL=chunk-SZOV7M64.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/notifications/primitives.tsx"],"sourcesContent":["import {\n  Toast,\n  Toaster,\n  type ToastActionTriggerProps,\n  type ToastCloseTriggerProps,\n  type ToasterProps,\n  type ToastRootProps,\n  type ToastTitleProps,\n} from '@ark-ui/react/toast'\nimport { cx } from 'styled-system/css'\nimport { toast } from 'styled-system/recipes'\n\n/**\n * This module contains the primitives of the Notification component.\n * @module 'notification/primitives'\n */\n\nexport function NotificationProvider(props: ToasterProps) {\n  return <Toaster {...props} />\n}\n\n/**\n * The context provider for the Notification component.\n */\nexport function NotificationRoot(props: ToastRootProps) {\n  const styles = toast()\n  return <Toast.Root {...props} className={cx(styles.root, props.className)} />\n}\n\n/**\n * The title heading of the Notification component.\n */\nexport function NotificationHeading(props: ToastTitleProps) {\n  const styles = toast()\n  return (\n    <Toast.Title {...props} className={cx(styles.title, props.className)} />\n  )\n}\n\n/**\n * The description of the Notification component.\n */\nexport function NotificationDescription(props: ToastTitleProps) {\n  const styles = toast()\n  return (\n    <Toast.Description\n      {...props}\n      className={cx(styles.description, props.className)}\n    />\n  )\n}\n\n/**\n * The close button of the Notification component.\n */\nexport function NotificationCloseTrigger(props: ToastCloseTriggerProps) {\n  const styles = toast()\n  return (\n    <Toast.CloseTrigger\n      {...props}\n      className={cx(styles.closeTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The action trigger of the Notification component.\n */\nexport function NotificationActionTrigger(props: ToastActionTriggerProps) {\n  const styles = toast()\n  return (\n    <Toast.ActionTrigger\n      {...props}\n      className={cx(styles.actionTrigger, props.className)}\n    />\n  )\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAMK;AACP,SAAS,UAAU;AACnB,SAAS,aAAa;AAQb;AADF,SAAS,qBAAqB,OAAqB;AACxD,SAAO,oBAAC,WAAS,GAAG,OAAO;AAC7B;AAKO,SAAS,iBAAiB,OAAuB;AACtD,QAAM,SAAS,MAAM;AACrB,SAAO,oBAAC,MAAM,MAAN,EAAY,GAAG,OAAO,WAAW,GAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAC7E;AAKO,SAAS,oBAAoB,OAAwB;AAC1D,QAAM,SAAS,MAAM;AACrB,SACE,oBAAC,MAAM,OAAN,EAAa,GAAG,OAAO,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE1E;AAKO,SAAS,wBAAwB,OAAwB;AAC9D,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;AAKO,SAAS,yBAAyB,OAA+B;AACtE,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,cAAc,MAAM,SAAS;AAAA;AAAA,EACpD;AAEJ;AAKO,SAAS,0BAA0B,OAAgC;AACxE,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,eAAe,MAAM,SAAS;AAAA;AAAA,EACrD;AAEJ;","names":[]}

package/build/modern/{chunk-L7N24B6B.js → chunk-T2NB3RBO.js}

@@ -1,8 +1,8 @@
 // src/components/deprecated/FieldMessage.tsx
-import { cx } from "@cerberus/styled-system/css";
+import { cx } from "styled-system/css";
 import {
   fieldMessage
-} from "@cerberus/styled-system/recipes";
+} from "styled-system/recipes";
 import { useFieldContext } from "@ark-ui/react/field";
 import { jsx } from "react/jsx-runtime";
 function FieldMessage(props) {
@@ -20,4 +20,4 @@ function FieldMessage(props) {
 export {
   FieldMessage
 };
-//# sourceMappingURL=chunk-L7N24B6B.js.map
+//# sourceMappingURL=chunk-T2NB3RBO.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/FieldMessage.tsx"],"sourcesContent":["'use client'\n\nimport type { HTMLAttributes } from 'react'\nimport { cx } from 'styled-system/css'\nimport {\n  fieldMessage,\n  type FieldMessageVariantProps,\n} from 'styled-system/recipes'\nimport { useFieldContext } from '@ark-ui/react/field'\n\n/**\n * This module contains the FieldMessage component.\n * @module\n */\nexport interface FieldMessageBaseProps\n  extends HTMLAttributes<HTMLParagraphElement> {\n  /**\n   * The id of the FieldMessage element describing the field. Required for accessibility. It is considered best practice to use the `help` or `error` prefix to help screen readers identify the type of message.\n   *\n   * @example For help messages: `help:field_id`\n   * @example For error messages: `error:field_id`\n   */\n  id: string\n}\nexport type FieldMessageProps = FieldMessageBaseProps & FieldMessageVariantProps\n\n/**\n * @deprecated use FieldHelperText, FieldErrorText, or FieldParts instead\n */\nexport function FieldMessage(props: FieldMessageProps) {\n  const { invalid } = useFieldContext()\n  return (\n    <small\n      {...props}\n      {...(invalid && { 'aria-invalid': true })}\n      className={cx(props.className, fieldMessage())}\n    />\n  )\n}\n"],"mappings":";AAGA,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,uBAAuB;AAwB5B;AAHG,SAAS,aAAa,OAA0B;AACrD,QAAM,EAAE,QAAQ,IAAI,gBAAgB;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,MACvC,WAAW,GAAG,MAAM,WAAW,aAAa,CAAC;AAAA;AAAA,EAC/C;AAEJ;","names":[]}

package/build/modern/{chunk-63F5MURH.js → chunk-TS7PAQPV.js}

@@ -1,12 +1,12 @@
-import {
-  Spinner
-} from "./chunk-7SYJFI5E.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
+import {
+  Spinner
+} from "./chunk-AUI74W7J.js";
 
 // src/components/notifications/match-icon.tsx
-import { toast } from "@cerberus/styled-system/recipes";
+import { toast } from "styled-system/recipes";
 import { ark } from "@ark-ui/react/factory";
 import { jsx } from "react/jsx-runtime";
 function MatchNotificationIcon(props) {
@@ -24,4 +24,4 @@ function ToastLoadingIcon() {
 export {
   MatchNotificationIcon
 };
-//# sourceMappingURL=chunk-63F5MURH.js.map
+//# sourceMappingURL=chunk-TS7PAQPV.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/notifications/match-icon.tsx"],"sourcesContent":["'use client'\n\nimport { toast } from '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-IPC7LQ4Q.js → chunk-TV346AYO.js}

@@ -1,17 +1,17 @@
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
 import {
   IconButton
-} from "./chunk-SRNDDY5D.js";
+} from "./chunk-UH6XSYYD.js";
 import {
   Show
-} from "./chunk-BUVVRQLZ.js";
-import {
-  useCerberusContext
-} from "./chunk-GITT5645.js";
+} from "./chunk-VEAC4I3F.js";
 
 // src/components/Tag.tsx
 import { ark } from "@ark-ui/react/factory";
-import { css, cx } from "@cerberus/styled-system/css";
-import { tag } from "@cerberus/styled-system/recipes";
+import { css, cx } from "styled-system/css";
+import { tag } from "styled-system/recipes";
 import { jsx, jsxs } from "react/jsx-runtime";
 function Tag(props) {
   const { shape: initShape, gradient, onClick, usage, ...nativeProps } = props;
@@ -61,4 +61,4 @@ var closableCss = css({
 export {
   Tag
 };
-//# sourceMappingURL=chunk-IPC7LQ4Q.js.map
+//# sourceMappingURL=chunk-TV346AYO.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Tag.tsx"],"sourcesContent":["'use client'\n\nimport { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport type { MouseEventHandler, PropsWithChildren } from 'react'\nimport { css, cx } from 'styled-system/css'\nimport { tag, type TagVariantProps } from 'styled-system/recipes'\nimport { useCerberusContext } from '../context/cerberus'\nimport { Show } from './Show'\nimport { IconButton } from './IconButton'\n\n/**\n * This module contains the tag component.\n * @module\n */\n\nexport type StaticTagProps = HTMLArkProps<'span'> &\n  TagVariantProps & {\n    /**\n     * The action to be performed when the tag is clicked. Not available when\n     * the palette or gradient props are provided.\n     */\n    onClick?: never\n  }\n\nexport type ClickableTagProps = HTMLArkProps<'span'> & {\n  /**\n   * The gradient to apply to the tag. Not available when the onClick prop is\n   * provided.\n   */\n  gradient?: never\n  /**\n   * The palette to use for the tag. Not available when the onClick prop is\n   * provided.\n   */\n  palette?: never\n  /**\n   * The action to be performed when the tag is clicked.\n   */\n  onClick: MouseEventHandler<HTMLSpanElement>\n  /**\n   * The shape of the tag. Not available when the onClick prop is provided.\n   * @type 'pill' | 'rounded'\n   * @default 'pill'\n   */\n  shape?: never\n  /**\n   * The usage of the tag. Not available when the onClick prop is provided.\n   * @type 'filled' | 'outlined'\n   * @default 'filled'\n   */\n  usage?: never\n}\n\nexport type TagProps = StaticTagProps | ClickableTagProps\n\n/**\n * The Tag component is used to display a meta descriptions.\n * @see https://cerberus.digitalu.design/react/tag\n * @example\n * ```tsx\n * <Tag>Tag</Tag>\n * ```\n */\nexport function Tag(props: PropsWithChildren<TagProps>) {\n  const { shape: initShape, gradient, onClick, usage, ...nativeProps } = props\n  const palette = props?.palette ?? 'page'\n  const isClosable = Boolean(onClick)\n  const shape = isClosable ? 'pill' : initShape\n  const closableStyles = isClosable ? closableCss : ''\n  const { icons } = useCerberusContext()\n  const { close: Close } = icons\n\n  return (\n    <ark.span\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        tag({\n          gradient,\n          palette,\n          shape,\n          usage,\n        }),\n        closableStyles,\n      )}\n    >\n      {props.children}\n\n      <Show when={isClosable}>\n        <IconButton\n          ariaLabel=\"Close\"\n          onClick={onClick}\n          palette=\"action\"\n          usage=\"filled\"\n          size=\"sm\"\n        >\n          <Close />\n        </IconButton>\n      </Show>\n    </ark.span>\n  )\n}\n\nconst closableCss = css({\n  bgColor: 'action.bg.active',\n  color: 'action.text.initial',\n  paddingInlineEnd: '0',\n})\n"],"mappings":";;;;;;;;;;;AAEA,SAAS,WAA8B;AAEvC,SAAS,KAAK,UAAU;AACxB,SAAS,WAAiC;AAoEtC,SAuBM,KAvBN;AAVG,SAAS,IAAI,OAAoC;AACtD,QAAM,EAAE,OAAO,WAAW,UAAU,SAAS,OAAO,GAAG,YAAY,IAAI;AACvE,QAAM,UAAU,OAAO,WAAW;AAClC,QAAM,aAAa,QAAQ,OAAO;AAClC,QAAM,QAAQ,aAAa,SAAS;AACpC,QAAM,iBAAiB,aAAa,cAAc;AAClD,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,OAAO,MAAM,IAAI;AAEzB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,IAAI;AAAA,UACF;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MAEC;AAAA,cAAM;AAAA,QAEP,oBAAC,QAAK,MAAM,YACV;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,MAAK;AAAA,YAEL,8BAAC,SAAM;AAAA;AAAA,QACT,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAM,cAAc,IAAI;AAAA,EACtB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,kBAAkB;AACpB,CAAC;","names":[]}

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

@@ -1,19 +1,19 @@
 import {
   useNavMenuContext
-} from "./chunk-6WS765J3.js";
-import {
-  Show
-} from "./chunk-BUVVRQLZ.js";
+} from "./chunk-FXWN3SPS.js";
 import {
   createNavTriggerProps
-} from "./chunk-JF76VIL3.js";
+} from "./chunk-FUTYPCHZ.js";
+import {
+  Show
+} from "./chunk-VEAC4I3F.js";
 
 // src/components/deprecated/NavMenuTrigger.tsx
 import {
   useCallback
 } from "react";
-import { cx } from "@cerberus/styled-system/css";
-import { button } from "@cerberus/styled-system/recipes";
+import { cx } from "styled-system/css";
+import { button } from "styled-system/recipes";
 import { jsx } from "react/jsx-runtime";
 function NavMenuTrigger(props) {
   const {
@@ -78,4 +78,4 @@ function NavMenuTrigger(props) {
 export {
   NavMenuTrigger
 };
-//# sourceMappingURL=chunk-245SMQ45.js.map
+//# sourceMappingURL=chunk-UCVB2VOI.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/NavMenuTrigger.tsx"],"sourcesContent":["'use client'\n\nimport {\n  useCallback,\n  type ButtonHTMLAttributes,\n  type ElementType,\n  type MouseEvent,\n} from 'react'\nimport { cx } from 'styled-system/css'\nimport { button } from 'styled-system/recipes'\nimport {\n  createNavTriggerProps,\n  type NavTriggerAriaValues,\n} from '../../aria-helpers/nav-menu.aria'\nimport { useNavMenuContext } from '../../context/navMenu'\nimport type { ButtonProps } from '../button/button'\nimport { Show } from '../Show'\n\n/**\n * This module contains the NavMenuTrigger component.\n * @module\n */\n\nexport interface NavMenuTriggerProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    ButtonProps,\n    NavTriggerAriaValues {\n  /**\n   * The element type to render as. Recommended to use for an IconButton trigger vs a standard Button.\n   * @default 'button'\n   * @example\n   * ```tsx\n   * <NavMenuTrigger as={IconButton} href=\"/home\" />\n   * ```\n   */\n  as?: ElementType\n}\n\n/**\n * @deprecated use the {@link Menu} family instead\n */\nexport function NavMenuTrigger(props: NavMenuTriggerProps) {\n  const {\n    as,\n    palette,\n    usage,\n    shape,\n    controls,\n    expanded: propsExpanded,\n    onClick,\n    ...nativeProps\n  } = props\n  const { triggerRef, onToggle, expanded } = useNavMenuContext()\n  const ariaProps = createNavTriggerProps({\n    controls,\n    expanded: propsExpanded ?? expanded,\n  })\n  const hasAs = Boolean(as)\n  const AsSub: ElementType = as!\n\n  const handleClick = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      if (onClick) return onClick(e)\n      onToggle()\n    },\n    [onClick, onToggle],\n  )\n\n  return (\n    <Show\n      when={hasAs}\n      fallback={\n        <button\n          {...nativeProps}\n          {...ariaProps}\n          className={cx(\n            nativeProps.className,\n            button({\n              palette,\n              usage,\n              shape,\n            }),\n          )}\n          onClick={handleClick}\n          ref={triggerRef}\n        >\n          {props.children}\n        </button>\n      }\n    >\n      {hasAs && (\n        <AsSub\n          {...nativeProps}\n          {...ariaProps}\n          onClick={handleClick}\n          ref={triggerRef}\n        />\n      )}\n    </Show>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAEA;AAAA,EACE;AAAA,OAIK;AACP,SAAS,UAAU;AACnB,SAAS,cAAc;AA+Df;AA/BD,SAAS,eAAe,OAA4B;AACzD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,YAAY,UAAU,SAAS,IAAI,kBAAkB;AAC7D,QAAM,YAAY,sBAAsB;AAAA,IACtC;AAAA,IACA,UAAU,iBAAiB;AAAA,EAC7B,CAAC;AACD,QAAM,QAAQ,QAAQ,EAAE;AACxB,QAAM,QAAqB;AAE3B,QAAM,cAAc;AAAA,IAClB,CAAC,MAAqC;AACpC,UAAI,QAAS,QAAO,QAAQ,CAAC;AAC7B,eAAS;AAAA,IACX;AAAA,IACA,CAAC,SAAS,QAAQ;AAAA,EACpB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,UACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,WAAW;AAAA,YACT,YAAY;AAAA,YACZ,OAAO;AAAA,cACL;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,UACH;AAAA,UACA,SAAS;AAAA,UACT,KAAK;AAAA,UAEJ,gBAAM;AAAA;AAAA,MACT;AAAA,MAGD,mBACC;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,KAAK;AAAA;AAAA,MACP;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/build/modern/{chunk-2FRF57EU.js → chunk-UGFSACHC.js}

@@ -2,10 +2,8 @@
 import {
   Avatar
 } from "@ark-ui/react/avatar";
-import {
-  avatar
-} from "@cerberus/styled-system/recipes";
-import { cx } from "@cerberus/styled-system/css";
+import { avatar } from "styled-system/recipes";
+import { cx } from "styled-system/css";
 import { jsx } from "react/jsx-runtime";
 function AvatarRoot(props) {
   const { gradient, shape, size, ...rootProps } = props;
@@ -38,4 +36,4 @@ export {
   AvatarImage,
   AvatarFallback
 };
-//# sourceMappingURL=chunk-2FRF57EU.js.map
+//# sourceMappingURL=chunk-UGFSACHC.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/avatar/primitives.tsx"],"sourcesContent":["import {\n  Avatar,\n  type AvatarFallbackProps,\n  type AvatarImageProps,\n  type AvatarRootProps,\n} from '@ark-ui/react/avatar'\nimport { avatar, type AvatarVariantProps } from 'styled-system/recipes'\nimport { cx } from 'styled-system/css'\n\n/**\n * This module provides the primitive components for the Avatar component.\n * @module 'avatar/primitives'\n */\n\n/**\n * The root component of the Avatar.\n */\nexport function AvatarRoot(props: AvatarRootProps & AvatarVariantProps) {\n  const { gradient, shape, size, ...rootProps } = props\n  const styles = avatar({ gradient, shape, size })\n  return (\n    <Avatar.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The image component of the Avatar.\n */\nexport function AvatarImage(props: AvatarImageProps) {\n  const styles = avatar()\n  return (\n    <Avatar.Image {...props} className={cx(styles.image, props.className)} />\n  )\n}\n\n/**\n * The fallback component of the Avatar.\n */\nexport function AvatarFallback(props: AvatarFallbackProps) {\n  const styles = avatar()\n  return (\n    <Avatar.Fallback\n      {...props}\n      className={cx(styles.fallback, props.className)}\n    />\n  )\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAIK;AACP,SAAS,cAAuC;AAChD,SAAS,UAAU;AAcf;AAJG,SAAS,WAAW,OAA6C;AACtE,QAAM,EAAE,UAAU,OAAO,MAAM,GAAG,UAAU,IAAI;AAChD,QAAM,SAAS,OAAO,EAAE,UAAU,OAAO,KAAK,CAAC;AAC/C,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,YAAY,OAAyB;AACnD,QAAM,SAAS,OAAO;AACtB,SACE,oBAAC,OAAO,OAAP,EAAc,GAAG,OAAO,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;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;","names":[]}

package/build/modern/{chunk-SRNDDY5D.js → chunk-UH6XSYYD.js}

@@ -1,9 +1,7 @@
 // src/components/IconButton.tsx
 import { ark } from "@ark-ui/react/factory";
-import { cx } from "@cerberus/styled-system/css";
-import {
-  iconButton
-} from "@cerberus/styled-system/recipes";
+import { cx } from "styled-system/css";
+import { iconButton } from "styled-system/recipes";
 import { jsx } from "react/jsx-runtime";
 function IconButton(props) {
   const { ariaLabel, palette, usage, size, ...nativeProps } = props;
@@ -27,4 +25,4 @@ function IconButton(props) {
 export {
   IconButton
 };
-//# sourceMappingURL=chunk-SRNDDY5D.js.map
+//# sourceMappingURL=chunk-UH6XSYYD.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/IconButton.tsx"],"sourcesContent":["import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from 'styled-system/css'\nimport { iconButton, type IconButtonVariantProps } from 'styled-system/recipes'\n\n/**\n * This module contains the Icon Button component.\n * @module\n */\n\nexport interface IconButtonRawProps extends HTMLArkProps<'button'> {\n  /**\n   * The aria-label attribute for the icon button.\n   */\n  ariaLabel: string\n}\nexport type IconButtonProps = IconButtonRawProps & IconButtonVariantProps\n\n/**\n * A component that allows the user to perform actions using an icon\n * @see https://cerberus.digitalu.design/react/icon-button\n */\nexport function IconButton(props: IconButtonProps) {\n  const { ariaLabel, palette, usage, size, ...nativeProps } = props\n  return (\n    <ark.button\n      {...nativeProps}\n      aria-label={ariaLabel ?? 'Icon Button'}\n      className={cx(\n        nativeProps.className,\n        iconButton({\n          palette,\n          usage,\n          size,\n        }),\n      )}\n    />\n  )\n}\n"],"mappings":";AAAA,SAAS,WAA8B;AACvC,SAAS,UAAU;AACnB,SAAS,kBAA+C;AAsBpD;AAHG,SAAS,WAAW,OAAwB;AACjD,QAAM,EAAE,WAAW,SAAS,OAAO,MAAM,GAAG,YAAY,IAAI;AAC5D,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,cAAY,aAAa;AAAA,MACzB,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/{chunk-AO3GB72J.js → chunk-UJTE43LT.js}

@@ -1,6 +1,6 @@
 import {
   FieldsetParts
-} from "./chunk-7TQRTBUP.js";
+} from "./chunk-NQ22M7U7.js";
 import {
   splitProps
 } from "./chunk-BL7G3577.js";
@@ -24,4 +24,4 @@ function Fieldset(props) {
 export {
   Fieldset
 };
-//# sourceMappingURL=chunk-AO3GB72J.js.map
+//# sourceMappingURL=chunk-UJTE43LT.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/fieldset/fieldset.tsx"],"sourcesContent":["import type { FieldsetRootProps } from '@ark-ui/react'\nimport { splitProps } from '../../utils'\nimport { FieldsetParts } from './parts'\nimport type { FieldsetVariantProps } from 'styled-system/recipes'\n\n/**\n * This module contains the Fieldset component.\n * @module Fieldset\n */\n\nexport interface FieldsetProps extends FieldsetRootProps, FieldsetVariantProps {\n  /**\n   * The legend/title/label of the fieldset group.\n   */\n  legend?: string\n  /**\n   * The description text for the fieldset group.\n   */\n  helperText?: string\n  /**\n   * The error text for the fieldset group shown when the field is invalid.\n   */\n  errorText?: string\n}\n\n/**\n * A component used for grouping related fields in a form that is an\n * abstraction of the Fieldset primitives.\n * @description [Fieldset Docs](https://cerberus.digitalu.design/react/fieldset)\n * @description [Primitive Docs](https://ark-ui.com/react/docs/components/fieldset)\n */\nexport function Fieldset(props: FieldsetProps) {\n  const [fieldsetProps, { usage }, rootProps] = splitProps(\n    props,\n    ['legend', 'helperText', 'errorText', 'children'],\n    ['usage'],\n  )\n\n  return (\n    <FieldsetParts.Root {...rootProps}>\n      <FieldsetParts.Legend usage={usage}>\n        {fieldsetProps.legend}\n      </FieldsetParts.Legend>\n      <FieldsetParts.HelperText usage={usage}>\n        {fieldsetProps.helperText}\n      </FieldsetParts.HelperText>\n\n      {fieldsetProps.children}\n\n      <FieldsetParts.ErrorText>\n        {fieldsetProps.errorText}\n      </FieldsetParts.ErrorText>\n    </FieldsetParts.Root>\n  )\n}\n"],"mappings":";;;;;;;;AAuCI,SACE,KADF;AARG,SAAS,SAAS,OAAsB;AAC7C,QAAM,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,IAAI;AAAA,IAC5C;AAAA,IACA,CAAC,UAAU,cAAc,aAAa,UAAU;AAAA,IAChD,CAAC,OAAO;AAAA,EACV;AAEA,SACE,qBAAC,cAAc,MAAd,EAAoB,GAAG,WACtB;AAAA,wBAAC,cAAc,QAAd,EAAqB,OACnB,wBAAc,QACjB;AAAA,IACA,oBAAC,cAAc,YAAd,EAAyB,OACvB,wBAAc,YACjB;AAAA,IAEC,cAAc;AAAA,IAEf,oBAAC,cAAc,WAAd,EACE,wBAAc,WACjB;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/{chunk-3XE3QXUI.js → chunk-URJ6JHLG.js}

@@ -1,32 +1,32 @@
-import {
-  TriggerItem
-} from "./chunk-TNSIYRF7.js";
 import {
   CTAModalContext
 } from "./chunk-4LSTU6WU.js";
 import {
-  For
-} from "./chunk-DXOKSZVQ.js";
+  TriggerItem
+} from "./chunk-QD3WAARV.js";
 import {
   DialogCloseIconTrigger
-} from "./chunk-XVOEBY5S.js";
+} from "./chunk-F3XFJHGR.js";
 import {
   Dialog
-} from "./chunk-MH6CIBDU.js";
+} from "./chunk-Z2KBUTCO.js";
 import {
   DialogDescription,
   DialogHeading,
   DialogProvider
-} from "./chunk-D7UIWAFO.js";
+} from "./chunk-SSR3CWJZ.js";
 import {
-  Avatar
-} from "./chunk-N4RPMT6J.js";
+  For
+} from "./chunk-I5RGBB57.js";
 import {
-  Show
-} from "./chunk-BUVVRQLZ.js";
+  Avatar
+} from "./chunk-CF4TCMJI.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
+import {
+  Show
+} from "./chunk-VEAC4I3F.js";
 
 // src/components/cta-dialog/provider.tsx
 import {
@@ -35,7 +35,7 @@ import {
   useMemo,
   useState
 } from "react";
-import { HStack, VStack } from "@cerberus/styled-system/jsx";
+import { HStack, VStack } from "styled-system/jsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 function CTAModal(props) {
   const [open, setOpen] = useState(false);
@@ -79,7 +79,7 @@ function CTAModal(props) {
               fallback: /* @__PURE__ */ jsx(
                 Show,
                 {
-                  when: Boolean(confirmIcon),
+                  when: confirmIcon,
                   fallback: /* @__PURE__ */ jsx(FallbackIcon, { size: 24 }),
                   children: confirmIcon
                 }
@@ -114,4 +114,4 @@ export {
   CTAModal,
   useCTAModal
 };
-//# sourceMappingURL=chunk-3XE3QXUI.js.map
+//# sourceMappingURL=chunk-URJ6JHLG.js.map

package/build/modern/chunk-URJ6JHLG.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 '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={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;AAAA,kBACN,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-FCSO6N2Y.js → chunk-V6EAWUCQ.js}

@@ -7,7 +7,7 @@ import {
   DialogPositioner,
   DialogRoot,
   DialogTrigger
-} from "./chunk-D7UIWAFO.js";
+} from "./chunk-SSR3CWJZ.js";
 
 // src/components/dialog/parts.ts
 var DialogParts = {
@@ -24,4 +24,4 @@ var DialogParts = {
 export {
   DialogParts
 };
-//# sourceMappingURL=chunk-FCSO6N2Y.js.map
+//# sourceMappingURL=chunk-V6EAWUCQ.js.map

package/build/modern/{chunk-HIC7Z23X.js → chunk-V6ZOASMM.js}

@@ -12,7 +12,7 @@ import {
   ComboboxPositioner,
   ComboboxRoot,
   ComboboxTrigger
-} from "./chunk-NR5XDIJ7.js";
+} from "./chunk-D4BVNWAY.js";
 
 // src/components/combobox/parts.ts
 var ComboboxParts = {
@@ -34,4 +34,4 @@ var ComboboxParts = {
 export {
   ComboboxParts
 };
-//# sourceMappingURL=chunk-HIC7Z23X.js.map
+//# sourceMappingURL=chunk-V6ZOASMM.js.map

package/build/modern/chunk-VEAC4I3F.js

@@ -0,0 +1,17 @@
+// src/components/Show.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+function Show(props) {
+  const { when, children, fallback } = props;
+  if (when) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  if (fallback) {
+    return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+  }
+  return null;
+}
+
+export {
+  Show
+};
+//# sourceMappingURL=chunk-VEAC4I3F.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Show.tsx"],"sourcesContent":["import { type PropsWithChildren, type ReactNode } from 'react'\n\n/**\n * This module contains the Show component.\n * @module\n */\n\nexport interface ShowProps<T> {\n  /**\n   * The condition to render memoized children or the fallback content.\n   */\n  when: T | boolean | null | undefined\n  /**\n   * The children to render when the condition is false.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * Conditionally render a memoized version of the children or optional fallback\n * content.\n * @see https://cerberus.digitalu.design/react/show\n * @example\n * ```tsx\n * <Show when={isLoggedIn} fallback={<Navigate to=\"/login\" />}>\n *   <Dashboard />\n * </Show>\n */\nexport function Show<T>(props: PropsWithChildren<ShowProps<T>>) {\n  const { when, children, fallback } = props\n\n  if (when) {\n    return <>{children}</>\n  }\n\n  if (fallback) {\n    return <>{fallback}</>\n  }\n\n  return null\n}\n"],"mappings":";AAgCW;AAJJ,SAAS,KAAQ,OAAwC;AAC9D,QAAM,EAAE,MAAM,UAAU,SAAS,IAAI;AAErC,MAAI,MAAM;AACR,WAAO,gCAAG,UAAS;AAAA,EACrB;AAEA,MAAI,UAAU;AACZ,WAAO,gCAAG,oBAAS;AAAA,EACrB;AAEA,SAAO;AACT;","names":[]}

package/build/modern/{chunk-CNA2VKAH.js → chunk-VIKVLJGG.js}

@@ -4,8 +4,8 @@ import {
 
 // src/components/field/status-indicator.tsx
 import { useFieldContext } from "@ark-ui/react";
-import { cx } from "@cerberus/styled-system/css";
-import { field } from "@cerberus/styled-system/recipes";
+import { cx } from "styled-system/css";
+import { field } from "styled-system/recipes";
 import { jsx } from "react/jsx-runtime";
 function FieldStatusIndicator(props) {
   const { fallback, ...nativeProps } = props;
@@ -40,4 +40,4 @@ function FieldStatusIndicator(props) {
 export {
   FieldStatusIndicator
 };
-//# sourceMappingURL=chunk-CNA2VKAH.js.map
+//# sourceMappingURL=chunk-VIKVLJGG.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/field/status-indicator.tsx"],"sourcesContent":["'use client'\n\nimport { useFieldContext } from '@ark-ui/react'\nimport { cx } from 'styled-system/css'\nimport { field } from 'styled-system/recipes'\nimport { useCerberusContext } from '../../context/cerberus'\nimport type { HTMLAttributes, ReactNode } from 'react'\n\nexport interface FieldStatusIndicatorProps\n  extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * The fallback content to display when the field is valid.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * The invalid status indicator for the Field component.\n * @description [Field Docs](https://cerberus.digitalu.design/react/field)\n * @example\n * ```tsx\n * <FieldRoot>\n *   <FieldStatusIndicator />\n * </FieldRoot>\n * ```\n */\nexport function FieldStatusIndicator(props: FieldStatusIndicatorProps) {\n  const { fallback, ...nativeProps } = props\n  const styles = field()\n  const fieldContext = useFieldContext()\n\n  const { icons } = useCerberusContext()\n  const { invalid: InvalidIcon } = icons\n\n  if (fieldContext.invalid) {\n    return (\n      <span\n        {...nativeProps}\n        aria-hidden=\"true\"\n        data-invalid\n        className={cx(nativeProps.className, styles.statusIndicator)}\n      >\n        <InvalidIcon />\n      </span>\n    )\n  }\n\n  return (\n    <span\n      {...nativeProps}\n      aria-hidden=\"true\"\n      data-part=\"end-indicator\"\n      className={cx(nativeProps.className, styles.endIndicator)}\n    >\n      {fallback}\n    </span>\n  )\n}\n"],"mappings":";;;;;AAEA,SAAS,uBAAuB;AAChC,SAAS,UAAU;AACnB,SAAS,aAAa;AAsCd;AAhBD,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,QAAM,SAAS,MAAM;AACrB,QAAM,eAAe,gBAAgB;AAErC,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,SAAS,YAAY,IAAI;AAEjC,MAAI,aAAa,SAAS;AACxB,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,eAAY;AAAA,QACZ,gBAAY;AAAA,QACZ,WAAW,GAAG,YAAY,WAAW,OAAO,eAAe;AAAA,QAE3D,8BAAC,eAAY;AAAA;AAAA,IACf;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAY;AAAA,MACZ,aAAU;AAAA,MACV,WAAW,GAAG,YAAY,WAAW,OAAO,YAAY;AAAA,MAEvD;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/build/modern/{chunk-YUNLWTUB.js → chunk-W337WQTU.js}

@@ -4,7 +4,7 @@ import {
   TabsList,
   TabsRoot,
   TabsTrigger
-} from "./chunk-4GFEWP76.js";
+} from "./chunk-L5FYGWAZ.js";
 
 // src/components/tabs/parts.ts
 var TabsParts = {
@@ -18,4 +18,4 @@ var TabsParts = {
 export {
   TabsParts
 };
-//# sourceMappingURL=chunk-YUNLWTUB.js.map
+//# sourceMappingURL=chunk-W337WQTU.js.map

package/build/modern/{chunk-VNPLKMEM.js → chunk-WEL43I6Y.js}

@@ -1,16 +1,16 @@
-import {
-  FieldStatusIndicator
-} from "./chunk-CNA2VKAH.js";
 import {
   FieldStartIndicator
-} from "./chunk-Z52R6ABJ.js";
+} from "./chunk-EMDNETC7.js";
+import {
+  FieldStatusIndicator
+} from "./chunk-VIKVLJGG.js";
 
 // src/components/field/primitives.tsx
 import {
   Field
 } from "@ark-ui/react/field";
-import { cx } from "@cerberus/styled-system/css";
-import { field } from "@cerberus/styled-system/recipes";
+import { cx } from "styled-system/css";
+import { field } from "styled-system/recipes";
 import { jsx, jsxs } from "react/jsx-runtime";
 function FieldRoot(props) {
   const { size, ...fieldProps } = props;
@@ -97,4 +97,4 @@ export {
   Input,
   Textarea
 };
-//# sourceMappingURL=chunk-VNPLKMEM.js.map
+//# sourceMappingURL=chunk-WEL43I6Y.js.map