@cerberus-design/react 0.16.0 → 0.17.0

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

@@ -0,0 +1,27 @@
+import {
+  DialogBackdrop,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogDescription,
+  DialogHeading,
+  DialogPositioner,
+  DialogRoot,
+  DialogTrigger
+} from "./chunk-D7UIWAFO.js";
+
+// src/components/dialog/parts.ts
+var DialogParts = {
+  Root: DialogRoot,
+  Trigger: DialogTrigger,
+  Backdrop: DialogBackdrop,
+  Positioner: DialogPositioner,
+  Content: DialogContent,
+  Heading: DialogHeading,
+  Description: DialogDescription,
+  CloseTrigger: DialogCloseTrigger
+};
+
+export {
+  DialogParts
+};
+//# sourceMappingURL=chunk-FCSO6N2Y.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/dialog/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  DialogBackdrop,\n  DialogCloseTrigger,\n  DialogContent,\n  DialogDescription,\n  DialogHeading,\n  DialogPositioner,\n  DialogRoot,\n  DialogTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Dialog component.\n * @module 'dialog/parts'\n */\n\ninterface DialogPartsValue {\n  /**\n   * The context provider of the dialog.\n   */\n  Root: ElementType\n  /**\n   * The trigger that opens the dialog.\n   */\n  Trigger: ElementType\n  /**\n   * The overlay of the dialog.\n   */\n  Backdrop: ElementType\n  /**\n   * The container that positions the dialog.\n   */\n  Positioner: ElementType\n  /**\n   * The visible content of the dialog.\n   */\n  Content: ElementType\n  /**\n   * The heading of the dialog.\n   */\n  Heading: ElementType\n  /**\n   * The description of the dialog.\n   */\n  Description: ElementType\n  /**\n   * The trigger that closes the dialog.\n   */\n  CloseTrigger: ElementType\n}\n\n/**\n * An Object containing the parts of the dialog component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the DialogParts object and\n * the entire family of components vs. only what you use.\n */\nexport const DialogParts: DialogPartsValue = {\n  Root: DialogRoot,\n  Trigger: DialogTrigger,\n  Backdrop: DialogBackdrop,\n  Positioner: DialogPositioner,\n  Content: DialogContent,\n  Heading: DialogHeading,\n  Description: DialogDescription,\n  CloseTrigger: DialogCloseTrigger,\n}\n"],"mappings":";;;;;;;;;;;;AA6DO,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAChB;","names":[]}

package/build/modern/chunk-FZ53535Q.js

@@ -0,0 +1,18 @@
+import {
+  ComboboxParts
+} from "./chunk-HIC7Z23X.js";
+
+// src/components/combobox/item-group.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ComboItemGroup(props) {
+  const { label, children, ...groupProps } = props;
+  return /* @__PURE__ */ jsxs(ComboboxParts.ItemGroup, { ...groupProps, children: [
+    /* @__PURE__ */ jsx(ComboboxParts.ItemGroupLabel, { children: label }),
+    children
+  ] });
+}
+
+export {
+  ComboItemGroup
+};
+//# sourceMappingURL=chunk-FZ53535Q.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/combobox/item-group.tsx"],"sourcesContent":["import type { ComboboxItemGroupProps } from '@ark-ui/react/combobox'\nimport { ComboboxParts } from './parts'\n\nexport interface ComboItemGroupProps extends ComboboxItemGroupProps {\n  /**\n   * The label that appears for the combobox item group.\n   */\n  label?: string\n}\n\nexport function ComboItemGroup(props: ComboItemGroupProps) {\n  const { label, children, ...groupProps } = props\n  return (\n    <ComboboxParts.ItemGroup {...groupProps}>\n      <ComboboxParts.ItemGroupLabel>{label}</ComboboxParts.ItemGroupLabel>\n      {children}\n    </ComboboxParts.ItemGroup>\n  )\n}\n"],"mappings":";;;;;AAaI,SACE,KADF;AAHG,SAAS,eAAe,OAA4B;AACzD,QAAM,EAAE,OAAO,UAAU,GAAG,WAAW,IAAI;AAC3C,SACE,qBAAC,cAAc,WAAd,EAAyB,GAAG,YAC3B;AAAA,wBAAC,cAAc,gBAAd,EAA8B,iBAAM;AAAA,IACpC;AAAA,KACH;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-6BN3XKQF.js → chunk-GVU6L6CZ.js}

@@ -1,26 +1,26 @@
 import {
-  IconButton
-} from "./chunk-APD6IX5R.js";
+  DialogCloseTrigger
+} from "./chunk-D7UIWAFO.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
-
-// src/components/Dialog.client.tsx
 import {
-  Dialog as ArkDialog
-} from "@ark-ui/react";
+  IconButton
+} from "./chunk-SRNDDY5D.js";
+
+// src/components/dialog/close-icon-trigger.tsx
 import { dialog } from "@cerberus/styled-system/recipes";
 import { cx } from "@cerberus/styled-system/css";
 import { jsx } from "react/jsx-runtime";
 function DialogCloseIconTrigger(props) {
+  const styles = dialog();
   const { icons } = useCerberusContext();
   const { close: CloseIcon } = icons;
-  const styles = dialog();
   return /* @__PURE__ */ jsx(
-    ArkDialog.CloseTrigger,
+    DialogCloseTrigger,
     {
       ...props,
-      className: cx(props.className, styles.closeTrigger),
+      className: cx(styles.closeTrigger, props.className),
       asChild: true,
       children: /* @__PURE__ */ jsx(
         IconButton,
@@ -39,4 +39,4 @@ function DialogCloseIconTrigger(props) {
 export {
   DialogCloseIconTrigger
 };
-//# sourceMappingURL=chunk-6BN3XKQF.js.map
+//# sourceMappingURL=chunk-GVU6L6CZ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/dialog/close-icon-trigger.tsx"],"sourcesContent":["'use client'\n\nimport { type DialogCloseTriggerProps } from '@ark-ui/react/dialog'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { IconButton } from '../IconButton'\nimport { DialogCloseTrigger } from './primitives'\nimport { dialog } from '@cerberus/styled-system/recipes'\nimport { cx } from '@cerberus/styled-system/css'\n\n/**\n * This module contains the close trigger for the dialog.\n * @module react/dialog\n */\n\nexport function DialogCloseIconTrigger(props: DialogCloseTriggerProps) {\n  const styles = dialog()\n\n  const { icons } = useCerberusContext()\n  const { close: CloseIcon } = icons\n\n  return (\n    <DialogCloseTrigger\n      {...props}\n      className={cx(styles.closeTrigger, props.className)}\n      asChild\n    >\n      <IconButton\n        ariaLabel=\"Close dialog\"\n        palette=\"action\"\n        size=\"lg\"\n        usage=\"ghost\"\n      >\n        <CloseIcon />\n      </IconButton>\n    </DialogCloseTrigger>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAMA,SAAS,cAAc;AACvB,SAAS,UAAU;AAyBX;AAlBD,SAAS,uBAAuB,OAAgC;AACrE,QAAM,SAAS,OAAO;AAEtB,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,OAAO,UAAU,IAAI;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,cAAc,MAAM,SAAS;AAAA,MAClD,SAAO;AAAA,MAEP;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UAEN,8BAAC,aAAU;AAAA;AAAA,MACb;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

@@ -1,38 +1,42 @@
+import {
+  CTAModalContext
+} from "./chunk-4LSTU6WU.js";
+import {
+  TriggerItem
+} from "./chunk-TNSIYRF7.js";
 import {
   DialogCloseIconTrigger
-} from "./chunk-6BN3XKQF.js";
+} from "./chunk-GVU6L6CZ.js";
+import {
+  Dialog
+} from "./chunk-MH6CIBDU.js";
 import {
-  Dialog,
   DialogDescription,
   DialogHeading,
   DialogProvider
-} from "./chunk-TFL56AYR.js";
+} 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";
-import {
-  Button
-} from "./chunk-6KZVE4HC.js";
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
 
-// src/context/cta-modal.tsx
+// src/components/cta-dialog/provider.tsx
 import {
-  createContext,
   useCallback,
   useContext,
   useMemo,
   useState
 } from "react";
-import { HStack } from "@cerberus/styled-system/jsx";
-import { css } from "@cerberus/styled-system/css";
-import { VStack } from "@cerberus/styled-system/jsx";
+import { HStack, VStack } from "@cerberus/styled-system/jsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-var CTAModalContext = createContext(null);
 function CTAModal(props) {
   const [open, setOpen] = useState(false);
   const [content, setContent] = useState(null);
@@ -41,12 +45,6 @@ function CTAModal(props) {
   const { confirmModal: FallbackIcon } = icons;
   const handleShow = useCallback(
     (options) => {
-      const maxActions = 2;
-      if (options.actions.length > maxActions) {
-        throw new Error(
-          `CTA Modal only supports a maximum of ${maxActions} actions.`
-        );
-      }
       setContent({ ...options });
       setOpen(true);
     },
@@ -54,10 +52,10 @@ function CTAModal(props) {
   );
   const handleActionClick = useCallback(
     (event) => {
-      const index = event.currentTarget.getAttribute("data-index");
-      const action = content?.actions[Number(index)];
-      const { onClick } = action || {};
-      onClick?.(event);
+      const index = Number(event.currentTarget.getAttribute("data-index"));
+      const contentActions = content?.actions;
+      const action = contentActions._actions[index];
+      action?.handleClick?.(event);
       setOpen(false);
     },
     [content, setOpen]
@@ -77,36 +75,29 @@ 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 }),
           /* @__PURE__ */ jsx(DialogDescription, { children: content?.description })
         ] }) }),
-        /* @__PURE__ */ jsx(HStack, { gap: "md", w: "full", children: /* @__PURE__ */ jsx(Show, { when: Boolean(content?.actions?.length), children: content?.actions?.map((action, index) => /* @__PURE__ */ jsx(
-          Button,
+        /* @__PURE__ */ jsx(HStack, { gap: "md", w: "full", children: /* @__PURE__ */ jsx(For, { each: content?.actions._actions, children: (action, index) => /* @__PURE__ */ jsx(
+          Show,
           {
-            "data-index": index,
-            className: css({
-              w: "1/2"
-            }),
-            onClick: handleActionClick,
-            shape: "rounded",
-            usage: "outlined",
-            children: action.text
+            when: content?.actions?.type === "btnAction",
+            fallback: /* @__PURE__ */ jsx(TriggerItem, { asChild: true, children: action }),
+            children: /* @__PURE__ */ jsx(TriggerItem, { "data-index": index, onClick: handleActionClick, children: action?.text })
           },
           index
-        )) }) })
+        ) }) })
       ] })
     ] }) })
   ] });
@@ -123,4 +114,4 @@ export {
   CTAModal,
   useCTAModal
 };
-//# sourceMappingURL=chunk-ZDANBCM3.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-HIC7Z23X.js

@@ -0,0 +1,37 @@
+import {
+  ComboboxClearTrigger,
+  ComboboxContent,
+  ComboboxControl,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxItemGroup,
+  ComboboxItemGroupLabel,
+  ComboboxItemIndicator,
+  ComboboxItemText,
+  ComboboxLabel,
+  ComboboxPositioner,
+  ComboboxRoot,
+  ComboboxTrigger
+} from "./chunk-NR5XDIJ7.js";
+
+// src/components/combobox/parts.ts
+var ComboboxParts = {
+  Root: ComboboxRoot,
+  Label: ComboboxLabel,
+  Control: ComboboxControl,
+  Input: ComboboxInput,
+  Trigger: ComboboxTrigger,
+  ClearTrigger: ComboboxClearTrigger,
+  Positioner: ComboboxPositioner,
+  Content: ComboboxContent,
+  ItemGroup: ComboboxItemGroup,
+  ItemGroupLabel: ComboboxItemGroupLabel,
+  Item: ComboboxItem,
+  ItemText: ComboboxItemText,
+  ItemIndicator: ComboboxItemIndicator
+};
+
+export {
+  ComboboxParts
+};
+//# sourceMappingURL=chunk-HIC7Z23X.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/combobox/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  ComboboxClearTrigger,\n  ComboboxContent,\n  ComboboxControl,\n  ComboboxInput,\n  ComboboxItem,\n  ComboboxItemGroup,\n  ComboboxItemGroupLabel,\n  ComboboxItemIndicator,\n  ComboboxItemText,\n  ComboboxLabel,\n  ComboboxPositioner,\n  ComboboxRoot,\n  ComboboxTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Combobox parts.\n * @module 'combobox/parts'\n */\n\ninterface ComboboxPartsValue {\n  /**\n   * The context provider for the Select component.\n   */\n  Root: ElementType\n  /**\n   * The label that appears above the select input.\n   */\n  Label: ElementType\n  /**\n   * The control that wraps the select trigger.\n   */\n  Control: ElementType\n  /**\n   * The filterable input of the combobox.\n   */\n  Input: ElementType\n  /**\n   * The trigger that opens the dropdown.\n   */\n  Trigger: ElementType\n  /**\n   * The trigger to clear the select input.\n   */\n  ClearTrigger: ElementType\n  /**\n   * The positioner that wraps the content.\n   */\n  Positioner: ElementType\n  /**\n   * The content of the select component.\n   */\n  Content: ElementType\n  /**\n   * A group of items in the select component.\n   */\n  ItemGroup: ElementType\n  /**\n   * The label for a group of items in the select component.\n   */\n  ItemGroupLabel: ElementType\n  /**\n   * An individual item in the select component.\n   */\n  Item: ElementType\n  /**\n   * The text that labels a single radio of the field.\n   */\n  ItemText: ElementType\n  /**\n   * The indicator that appears when the item has been selected.\n   */\n  ItemIndicator: ElementType\n}\n\n/**\n * An Object containing the parts of the Radio component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the ComboboxParts object and\n * the entire family of components vs. only what you use.\n */\nexport const ComboboxParts: ComboboxPartsValue = {\n  Root: ComboboxRoot,\n  Label: ComboboxLabel,\n  Control: ComboboxControl,\n  Input: ComboboxInput,\n  Trigger: ComboboxTrigger,\n  ClearTrigger: ComboboxClearTrigger,\n  Positioner: ComboboxPositioner,\n  Content: ComboboxContent,\n  ItemGroup: ComboboxItemGroup,\n  ItemGroupLabel: ComboboxItemGroupLabel,\n  Item: ComboboxItem,\n  ItemText: ComboboxItemText,\n  ItemIndicator: ComboboxItemIndicator,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsFO,IAAM,gBAAoC;AAAA,EAC/C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,eAAe;AACjB;","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":[]}

package/build/modern/chunk-IKDXADLX.js

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

package/build/modern/chunk-IOLYX3SY.js

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

package/build/modern/{chunk-H54FR7IP.js → chunk-IP3O6AIC.js}

@@ -1,19 +1,21 @@
 import {
-  Dialog,
+  Dialog
+} from "./chunk-MH6CIBDU.js";
+import {
   DialogCloseTrigger,
   DialogDescription,
   DialogHeading,
   DialogProvider
-} from "./chunk-TFL56AYR.js";
+} from "./chunk-D7UIWAFO.js";
+import {
+  Button
+} from "./chunk-RD2YPFRA.js";
 import {
   Avatar
-} from "./chunk-SXLPDPOZ.js";
+} from "./chunk-N4RPMT6J.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
-import {
-  Button
-} from "./chunk-6KZVE4HC.js";
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
@@ -87,19 +89,15 @@ function ConfirmModal(props) {
                 fallback: /* @__PURE__ */ jsx(
                   Avatar,
                   {
-                    ariaLabel: "",
                     gradient: "charon-light",
-                    icon: /* @__PURE__ */ jsx(ConfirmIcon, { size: 24 }),
-                    src: ""
+                    fallback: /* @__PURE__ */ jsx(ConfirmIcon, { size: 24 })
                   }
                 ),
                 children: /* @__PURE__ */ jsx(
                   Avatar,
                   {
-                    ariaLabel: "",
                     gradient: "hades-dark",
-                    icon: /* @__PURE__ */ jsx(ConfirmIcon, { size: 24 }),
-                    src: ""
+                    fallback: /* @__PURE__ */ jsx(ConfirmIcon, { size: 24 })
                   }
                 )
               }
@@ -155,4 +153,4 @@ export {
   ConfirmModal,
   useConfirmModal
 };
-//# sourceMappingURL=chunk-H54FR7IP.js.map
+//# sourceMappingURL=chunk-IP3O6AIC.js.map