@cerberus-design/react 0.18.4 → 0.19.1

package/build/modern/chunk-CMQZN2GZ.js

@@ -0,0 +1,43 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-ZGPHSKEB.js";
+
+// src/components/checkbox/primitives.tsx
+import {
+  Checkbox
+} from "@ark-ui/react";
+import { checkbox } from "styled-system/recipes";
+var { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(checkbox);
+var CheckboxRoot = withSlotRecipe(
+  Checkbox.Root,
+  "root"
+);
+var CheckboxLabel = withSlotRecipe(
+  Checkbox.Label,
+  "label"
+);
+var CheckboxControl = withSlotRecipe(
+  Checkbox.Control,
+  "control"
+);
+var CheckboxIndicator = withSlotRecipe(
+  Checkbox.Indicator,
+  "indicator"
+);
+var CheckboxHiddenInput = withNoRecipe(
+  Checkbox.HiddenInput
+);
+var CheckboxGroup = withSlotRecipe(
+  Checkbox.Group,
+  "group"
+);
+
+export {
+  CheckboxRoot,
+  CheckboxLabel,
+  CheckboxControl,
+  CheckboxIndicator,
+  CheckboxHiddenInput,
+  CheckboxGroup
+};
+//# sourceMappingURL=chunk-CMQZN2GZ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/checkbox/primitives.tsx"],"sourcesContent":["import {\n  Checkbox,\n  type CheckboxControlProps as ArkCheckboxControlProps,\n  type CheckboxGroupProps as ArkCheckboxGroupProps,\n  type CheckboxIndicatorProps as ArkCheckboxIndicatorProps,\n  type CheckboxLabelProps as ArkCheckboxLabelProps,\n  type CheckboxRootProps as ArkCheckboxRootProps,\n  type CheckboxHiddenInputProps as ArkCheckboxHiddenInputProps,\n} from '@ark-ui/react'\nimport { checkbox, type CheckboxVariantProps } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the Checkbox primitives.\n * @module 'react/checkbox'\n */\n\nconst { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(checkbox)\n\n/**\n * Checkbox Root component used to provide the context to all other checkbox\n * primitives.\n * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)\n * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)\n */\n\n// @ts-expect-error there is a type mismatch here, but it works in practice\nexport const CheckboxRoot = withSlotRecipe<CheckboxRootProps>(\n  Checkbox.Root,\n  'root',\n)\nexport type CheckboxRootProps = CerberusPrimitiveProps<ArkCheckboxRootProps>\n\n/**\n * Checkbox Label component used to display the label of the checkbox.\n * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)\n * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)\n */\nexport const CheckboxLabel = withSlotRecipe<CheckboxLabelProps>(\n  Checkbox.Label,\n  'label',\n)\nexport type CheckboxLabelProps = CerberusPrimitiveProps<\n  ArkCheckboxLabelProps & CheckboxVariantProps\n>\n\n/**\n * Checkbox Control component used to display the control of the checkbox.\n * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)\n * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)\n */\nexport const CheckboxControl = withSlotRecipe<CheckboxControlProps>(\n  Checkbox.Control,\n  'control',\n)\nexport type CheckboxControlProps = CerberusPrimitiveProps<\n  ArkCheckboxControlProps & CheckboxVariantProps\n>\n\n/**\n * Checkbox Indicator component used to display the indicator of the checkbox.\n * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)\n * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)\n */\nexport const CheckboxIndicator = withSlotRecipe<CheckboxIndicatorProps>(\n  Checkbox.Indicator,\n  'indicator',\n)\nexport type CheckboxIndicatorProps =\n  CerberusPrimitiveProps<ArkCheckboxIndicatorProps>\n\n// export function CheckboxIndicator(props: CheckboxIndicatorProps) {\n//   const styles = checkbox()\n//   return (\n//     <Checkbox.Indicator\n//       {...props}\n//       className={cx(styles.indicator, props.className)}\n//     />\n//   )\n// }\n\n/**\n * Checkbox HiddenInput component used to provide the native checkbox input.\n * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)\n * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)\n */\nexport const CheckboxHiddenInput = withNoRecipe<CheckboxHiddenInputProps>(\n  Checkbox.HiddenInput,\n)\nexport type CheckboxHiddenInputProps =\n  CerberusPrimitiveProps<ArkCheckboxHiddenInputProps>\n\n/**\n * Checkbox Group is used to group checkboxes together in a consistently styled\n * way.\n * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)\n * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)\n */\nexport const CheckboxGroup = withSlotRecipe<CheckboxGroupProps>(\n  Checkbox.Group,\n  'group',\n)\nexport type CheckboxGroupProps = CerberusPrimitiveProps<ArkCheckboxGroupProps>\n"],"mappings":";;;;;AAAA;AAAA,EACE;AAAA,OAOK;AACP,SAAS,gBAA2C;AAWpD,IAAM,EAAE,gBAAgB,aAAa,IAAI,wBAAwB,QAAQ;AAUlE,IAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT;AACF;AAQO,IAAM,gBAAgB;AAAA,EAC3B,SAAS;AAAA,EACT;AACF;AAUO,IAAM,kBAAkB;AAAA,EAC7B,SAAS;AAAA,EACT;AACF;AAUO,IAAM,oBAAoB;AAAA,EAC/B,SAAS;AAAA,EACT;AACF;AAmBO,IAAM,sBAAsB;AAAA,EACjC,SAAS;AACX;AAUO,IAAM,gBAAgB;AAAA,EAC3B,SAAS;AAAA,EACT;AACF;","names":[]}

package/build/modern/chunk-COIQJKC3.js

@@ -0,0 +1,41 @@
+import {
+  SelectClearTrigger,
+  SelectContent,
+  SelectControl,
+  SelectHiddenSelect,
+  SelectIndicator,
+  SelectItem,
+  SelectItemGroup,
+  SelectItemGroupLabel,
+  SelectItemIndicator,
+  SelectItemText,
+  SelectLabel,
+  SelectPositioner,
+  SelectRoot,
+  SelectTrigger,
+  SelectValueText
+} from "./chunk-MG2YW4IP.js";
+
+// src/components/select/parts.ts
+var SelectParts = {
+  Root: SelectRoot,
+  Label: SelectLabel,
+  Control: SelectControl,
+  Trigger: SelectTrigger,
+  ClearTrigger: SelectClearTrigger,
+  ValueText: SelectValueText,
+  Indicator: SelectIndicator,
+  Positioner: SelectPositioner,
+  Content: SelectContent,
+  ItemGroup: SelectItemGroup,
+  ItemGroupLabel: SelectItemGroupLabel,
+  Item: SelectItem,
+  ItemText: SelectItemText,
+  ItemIndicator: SelectItemIndicator,
+  HiddenSelect: SelectHiddenSelect
+};
+
+export {
+  SelectParts
+};
+//# sourceMappingURL=chunk-COIQJKC3.js.map

package/build/modern/chunk-D2TQPEZQ.js

@@ -0,0 +1,13 @@
+// src/components/for/for.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+function For(props) {
+  if (!props.each || !props.each.length) {
+    return props.fallback || null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: props.each?.map(props.children) });
+}
+
+export {
+  For
+};
+//# sourceMappingURL=chunk-D2TQPEZQ.js.map

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

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

package/build/modern/chunk-D47GTCQZ.js

@@ -0,0 +1,19 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-ZGPHSKEB.js";
+
+// src/components/toggle/primitives.tsx
+import {
+  Toggle
+} from "@ark-ui/react/toggle";
+var { withNoRecipe } = createCerberusPrimitive();
+var ToggleRoot = withNoRecipe(Toggle.Root);
+var ToggleIndicator = withNoRecipe(
+  Toggle.Indicator
+);
+
+export {
+  ToggleRoot,
+  ToggleIndicator
+};
+//# sourceMappingURL=chunk-D47GTCQZ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/toggle/primitives.tsx"],"sourcesContent":["import {\n  Toggle,\n  type ToggleIndicatorProps as ArkToggleIndicatorProps,\n  type ToggleRootProps as ArkToggleRootProps,\n} from '@ark-ui/react/toggle'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module provides the Toggle primitives.\n * @module 'react/toggle'\n */\n\nconst { withNoRecipe } = createCerberusPrimitive()\n\n// Root\n\nexport type ToggleRootProps = CerberusPrimitiveProps<ArkToggleRootProps>\nexport const ToggleRoot = withNoRecipe<ToggleRootProps>(Toggle.Root)\n\n// Indicator\n\nexport type ToggleIndicatorProps =\n  CerberusPrimitiveProps<ArkToggleIndicatorProps>\nexport const ToggleIndicator = withNoRecipe<ToggleIndicatorProps>(\n  Toggle.Indicator,\n)\n"],"mappings":";;;;;AAAA;AAAA,EACE;AAAA,OAGK;AAWP,IAAM,EAAE,aAAa,IAAI,wBAAwB;AAK1C,IAAM,aAAa,aAA8B,OAAO,IAAI;AAM5D,IAAM,kBAAkB;AAAA,EAC7B,OAAO;AACT;","names":[]}

package/build/modern/chunk-DC3NTCCW.js

@@ -0,0 +1,14 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-ZGPHSKEB.js";
+
+// src/components/button/primitives.tsx
+import { ark } from "@ark-ui/react/factory";
+import { button } from "styled-system/recipes";
+var { withRecipe } = createCerberusPrimitive(button);
+var ButtonRoot = withRecipe(ark.button);
+
+export {
+  ButtonRoot
+};
+//# sourceMappingURL=chunk-DC3NTCCW.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/button/primitives.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react/factory'\nimport { button } from 'styled-system/recipes'\nimport { createCerberusPrimitive } from '../../system/index'\n\n/**\n * This module contains the Button component primitives.\n * @module @cerberus-design/react/components/button/primitives\n */\n\nconst { withRecipe } = createCerberusPrimitive(button)\n\n/**\n * The root element of the Button component.\n */\nexport const ButtonRoot = withRecipe(ark.button)\n"],"mappings":";;;;;AAAA,SAAS,WAAW;AACpB,SAAS,cAAc;AAQvB,IAAM,EAAE,WAAW,IAAI,wBAAwB,MAAM;AAK9C,IAAM,aAAa,WAAW,IAAI,MAAM;","names":[]}

package/build/modern/chunk-E4DXMJ3C.js

@@ -0,0 +1,39 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-ZGPHSKEB.js";
+
+// src/components/notifications/primitives.tsx
+import {
+  Toast,
+  Toaster
+} from "@ark-ui/react/toast";
+import { toast } from "styled-system/recipes";
+var { withSlotRecipe } = createCerberusPrimitive(toast);
+var NotificationProvider = Toaster;
+var NotificationRoot = withSlotRecipe(
+  Toast.Root,
+  "root"
+);
+var NotificationHeading = withSlotRecipe(
+  Toast.Title,
+  "title"
+);
+var NotificationDescription = withSlotRecipe(Toast.Description, "description");
+var NotificationCloseTrigger = withSlotRecipe(
+  Toast.CloseTrigger,
+  "closeTrigger"
+);
+var NotificationActionTrigger = withSlotRecipe(
+  Toast.ActionTrigger,
+  "actionTrigger"
+);
+
+export {
+  NotificationProvider,
+  NotificationRoot,
+  NotificationHeading,
+  NotificationDescription,
+  NotificationCloseTrigger,
+  NotificationActionTrigger
+};
+//# sourceMappingURL=chunk-E4DXMJ3C.js.map

package/build/modern/chunk-E4DXMJ3C.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 ToastDescriptionProps,\n  type ToasterProps,\n  type ToastRootProps,\n  type ToastTitleProps,\n} from '@ark-ui/react/toast'\nimport { toast } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the primitives of the Notification component.\n * @module 'notification/primitives'\n */\n\nconst { withSlotRecipe } = createCerberusPrimitive(toast)\n\n// Toaster\n\nexport type NotificationProviderProps = ToasterProps\nexport const NotificationProvider = Toaster\n\n// Root\n\nexport type NotificationRootProps = CerberusPrimitiveProps<ToastRootProps>\nexport const NotificationRoot = withSlotRecipe<NotificationRootProps>(\n  Toast.Root,\n  'root',\n)\n\n// Heading\n\nexport type NotificationHeadingProps = CerberusPrimitiveProps<ToastTitleProps>\nexport const NotificationHeading = withSlotRecipe<NotificationHeadingProps>(\n  Toast.Title,\n  'title',\n)\n\n// Description\n\nexport type NotificationDescriptionProps =\n  CerberusPrimitiveProps<ToastDescriptionProps>\nexport const NotificationDescription =\n  withSlotRecipe<NotificationDescriptionProps>(Toast.Description, 'description')\n\n// Close Trigger\n\nexport type NotificationCloseTriggerProps =\n  CerberusPrimitiveProps<ToastCloseTriggerProps>\nexport const NotificationCloseTrigger =\n  withSlotRecipe<NotificationCloseTriggerProps>(\n    Toast.CloseTrigger,\n    'closeTrigger',\n  )\n\n// Action Trigger\n\nexport type NotificationActionTriggerProps =\n  CerberusPrimitiveProps<ToastActionTriggerProps>\nexport const NotificationActionTrigger =\n  withSlotRecipe<NotificationActionTriggerProps>(\n    Toast.ActionTrigger,\n    'actionTrigger',\n  )\n"],"mappings":";;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAOK;AACP,SAAS,aAAa;AAWtB,IAAM,EAAE,eAAe,IAAI,wBAAwB,KAAK;AAKjD,IAAM,uBAAuB;AAK7B,IAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN;AACF;AAKO,IAAM,sBAAsB;AAAA,EACjC,MAAM;AAAA,EACN;AACF;AAMO,IAAM,0BACX,eAA6C,MAAM,aAAa,aAAa;AAMxE,IAAM,2BACX;AAAA,EACE,MAAM;AAAA,EACN;AACF;AAMK,IAAM,4BACX;AAAA,EACE,MAAM;AAAA,EACN;AACF;","names":[]}

package/build/modern/chunk-EZTDGHEX.js

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

package/build/modern/chunk-FMNYWD5T.js

@@ -0,0 +1,27 @@
+import {
+  DialogBackdrop,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogDescription,
+  DialogHeading,
+  DialogPositioner,
+  DialogRoot,
+  DialogTrigger
+} from "./chunk-HPWLIE64.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-FMNYWD5T.js.map

package/build/modern/chunk-GHM4I5BN.js

@@ -0,0 +1,40 @@
+import {
+  AccordionChevronItemIndicator
+} from "./chunk-UHXKG2ZP.js";
+import {
+  AccordionParts
+} from "./chunk-3Z4TSR6V.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+import {
+  splitProps
+} from "./chunk-BL7G3577.js";
+
+// src/components/accordion/item-group.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Accordion(props) {
+  return /* @__PURE__ */ jsx(AccordionParts.Root, { ...props });
+}
+function AccordionItemGroup(props) {
+  const [groupProps, itemProps] = splitProps(props, [
+    "heading",
+    "children",
+    "indicatorPosition"
+  ]);
+  const indicatorPosition = groupProps.indicatorPosition ?? "end";
+  return /* @__PURE__ */ jsxs(AccordionParts.Item, { ...itemProps, children: [
+    /* @__PURE__ */ jsxs(AccordionParts.ItemTrigger, { "data-indicator-position": indicatorPosition, children: [
+      /* @__PURE__ */ jsx(Show, { when: indicatorPosition === "start", children: /* @__PURE__ */ jsx(AccordionChevronItemIndicator, {}) }),
+      groupProps.heading,
+      /* @__PURE__ */ jsx(Show, { when: indicatorPosition === "end", children: /* @__PURE__ */ jsx(AccordionChevronItemIndicator, {}) })
+    ] }),
+    /* @__PURE__ */ jsx(AccordionParts.ItemContent, { children: groupProps.children })
+  ] });
+}
+
+export {
+  Accordion,
+  AccordionItemGroup
+};
+//# sourceMappingURL=chunk-GHM4I5BN.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/accordion/item-group.tsx"],"sourcesContent":["import type {\n  AccordionItemProps,\n  AccordionRootProps,\n} from '@ark-ui/react/accordion'\nimport { type AccordionVariantProps } from 'styled-system/recipes'\nimport { splitProps } from '../../utils/index'\nimport { Show } from '../show/index'\nimport { AccordionParts } from './parts'\nimport { AccordionChevronItemIndicator } from './item-indicator'\n\n/**\n * This module contains an abstraction of the AccordionItem components.\n * @module\n */\n\nexport function Accordion(props: AccordionRootProps & AccordionVariantProps) {\n  return <AccordionParts.Root {...props} />\n}\n\nexport interface AccordionItemGroupProps\n  extends AccordionItemProps,\n    AccordionVariantProps {\n  /**\n   * The heading of the accordion item to open and close the content.\n   */\n  heading: string\n  /**\n   * The position of the arrow indicator.\n   */\n  indicatorPosition?: 'start' | 'end'\n}\n\n/**\n * The AccordionItemGroup component is an abstraction of the Accordion primitive\n * components which renders an accordion item with a heading and an indicator.\n *\n * It is a wrapper around the `AccordionParts.Item`, `AccordionParts.\n * ItemTrigger`, `AccordionParts.ItemIndicator`, and `AccordionParts.ItemContent` components.\n *\n * @description [Cerberus docs](https://cerberus.digitalu.design/react/accordion)\n * @description [Ark docs](https://ark-ui.com/react/docs/components/accordion)\n */\nexport function AccordionItemGroup(props: AccordionItemGroupProps) {\n  const [groupProps, itemProps] = splitProps(props, [\n    'heading',\n    'children',\n    'indicatorPosition',\n  ])\n  const indicatorPosition = groupProps.indicatorPosition ?? 'end'\n\n  return (\n    <AccordionParts.Item {...itemProps}>\n      <AccordionParts.ItemTrigger data-indicator-position={indicatorPosition}>\n        <Show when={indicatorPosition === 'start'}>\n          <AccordionChevronItemIndicator />\n        </Show>\n\n        {groupProps.heading}\n\n        <Show when={indicatorPosition === 'end'}>\n          <AccordionChevronItemIndicator />\n        </Show>\n      </AccordionParts.ItemTrigger>\n\n      <AccordionParts.ItemContent>\n        {groupProps.children}\n      </AccordionParts.ItemContent>\n    </AccordionParts.Item>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBS,cAoCH,YApCG;AADF,SAAS,UAAU,OAAmD;AAC3E,SAAO,oBAAC,eAAe,MAAf,EAAqB,GAAG,OAAO;AACzC;AAyBO,SAAS,mBAAmB,OAAgC;AACjE,QAAM,CAAC,YAAY,SAAS,IAAI,WAAW,OAAO;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,oBAAoB,WAAW,qBAAqB;AAE1D,SACE,qBAAC,eAAe,MAAf,EAAqB,GAAG,WACvB;AAAA,yBAAC,eAAe,aAAf,EAA2B,2BAAyB,mBACnD;AAAA,0BAAC,QAAK,MAAM,sBAAsB,SAChC,8BAAC,iCAA8B,GACjC;AAAA,MAEC,WAAW;AAAA,MAEZ,oBAAC,QAAK,MAAM,sBAAsB,OAChC,8BAAC,iCAA8B,GACjC;AAAA,OACF;AAAA,IAEA,oBAAC,eAAe,aAAf,EACE,qBAAW,UACd;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-GIIPOOSM.js

@@ -0,0 +1,22 @@
+import {
+  CheckboxParts
+} from "./chunk-J3XTP6VP.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/checkbox/checkbox-icon.tsx
+import { jsx } from "react/jsx-runtime";
+function CheckboxIcon(props) {
+  const { icons } = useCerberusContext();
+  const { checkbox: CheckIcon, indeterminate: IndeterminateIcon } = icons;
+  return /* @__PURE__ */ jsx(CheckboxParts.Indicator, { indeterminate: props.indeterminate, children: /* @__PURE__ */ jsx(Show, { when: props.indeterminate, fallback: /* @__PURE__ */ jsx(CheckIcon, {}), children: /* @__PURE__ */ jsx(IndeterminateIcon, {}) }) });
+}
+
+export {
+  CheckboxIcon
+};
+//# sourceMappingURL=chunk-GIIPOOSM.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/checkbox/checkbox-icon.tsx"],"sourcesContent":["'use client'\n\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Show } from '../show/index'\nimport { CheckboxParts } from './parts'\n\n/**\n * This module contains the Checkbox Icon component.\n * @module\n */\n\ninterface CheckboxIconProps {\n  indeterminate?: boolean\n}\n\n/**\n * Checkbox component\n * @definition [ARIA Target Size](https://www.w3.org/WAI/WCAG21/Understanding/target-size.html#:~:text=Understanding%20SC%202.5.,%3ATarget%20Size%20(Level%20AAA)&text=The%20size%20of%20the%20target,Equivalent)\n * @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)\n * @see https://cerberus.digitalu.design/react/checkbox\n * @example\n * ```tsx\n * <Field>\n *   <Checkbox id=\"legal\" checked={checked.legal} onChange={handleChange} />\n * </Field>\n * ```\n */\nexport function CheckboxIcon(props: CheckboxIconProps) {\n  const { icons } = useCerberusContext()\n  const { checkbox: CheckIcon, indeterminate: IndeterminateIcon } = icons\n\n  return (\n    <CheckboxParts.Indicator indeterminate={props.indeterminate}>\n      <Show when={props.indeterminate} fallback={<CheckIcon />}>\n        <IndeterminateIcon />\n      </Show>\n    </CheckboxParts.Indicator>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAiCiD;AAN1C,SAAS,aAAa,OAA0B;AACrD,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,UAAU,WAAW,eAAe,kBAAkB,IAAI;AAElE,SACE,oBAAC,cAAc,WAAd,EAAwB,eAAe,MAAM,eAC5C,8BAAC,QAAK,MAAM,MAAM,eAAe,UAAU,oBAAC,aAAU,GACpD,8BAAC,qBAAkB,GACrB,GACF;AAEJ;","names":[]}

package/build/modern/chunk-GZ6T3352.js

@@ -0,0 +1,109 @@
+// src/system/primitive-factory.tsx
+import { css, cx } from "styled-system/css";
+import { jsx } from "react/jsx-runtime";
+var CerberusPrimitive = class {
+  recipe;
+  constructor(recipe) {
+    this.recipe = recipe ?? null;
+  }
+  hasStyles(styles) {
+    if (styles) {
+      return {
+        className: styles
+      };
+    }
+    return {};
+  }
+  validateComponent(Component) {
+    if (typeof Component !== "function" && typeof Component !== "object") {
+      throw new Error("Expected a React component as the first argument.");
+    }
+  }
+  /**
+   * Creates a Cerberus component with bare features and no recipe.
+   * @param Component - The React component to enhance with Cerberus features.
+   * @returns A new React component that applies Cerberus features to the
+   * original component.
+   * @example
+   * ```typescript
+   * const { withNoRecipe } = createCerberusPrimitive(button)
+   * const Button = withNoRecipe(RawButton)
+   * ```
+   */
+  withNoRecipe = (Component, options) => {
+    const { defaultProps } = options || {};
+    this.validateComponent(Component);
+    const CerbComponent = (props) => {
+      const { css: customCss, className, ...nativeProps } = props;
+      const styles = this.hasStyles(cx(className, css(customCss)));
+      return /* @__PURE__ */ jsx(Component, { ...defaultProps, ...styles, ...nativeProps });
+    };
+    CerbComponent.displayName = Component.displayName || Component.name;
+    return CerbComponent;
+  };
+  /**
+   * Creates a Cerberus component with the given recipe.
+   * @param Component - The React component to enhance with the recipe.
+   * @param options - Options for the recipe.
+   * @returns A new React component that applies the recipe to the original
+   * component.
+   */
+  withRecipe = (Component, options) => {
+    const { defaultProps } = options || {};
+    const recipe = this.recipe;
+    this.validateComponent(Component);
+    const CerbComponent = (internalProps) => {
+      const { css: customCss, className, ...nativeProps } = internalProps;
+      const [variantOptions] = recipe.splitVariantProps(nativeProps);
+      const recipeStyles = recipe(variantOptions);
+      return /* @__PURE__ */ jsx(
+        Component,
+        {
+          ...defaultProps,
+          ...nativeProps,
+          className: cx(className, recipeStyles, css(customCss))
+        }
+      );
+    };
+    CerbComponent.displayName = Component.displayName || Component.name;
+    return CerbComponent;
+  };
+  /**
+   * Creates a Cerberus component with a slot recipe applied.
+   * @param Component - The React component to enhance with Cerberus features.
+   * @param recipe - The slot recipe to apply to the component.
+   * @returns A new React component that applies Cerberus features and the
+   * specified slot recipe to the original component.
+   * @example
+   * ```typescript
+   * const { withSlotRecipe } = createCerberusPrimitive(field)
+   * const Field = withSlotRecipe(RawField, field)
+   * ```
+   */
+  withSlotRecipe = (Component, slot, options) => {
+    const { defaultProps } = options || {};
+    const recipe = this.recipe;
+    this.validateComponent(Component);
+    const CerbComponent = (internalProps) => {
+      const { css: customCss, className, ...nativeProps } = internalProps;
+      const [variantOptions] = recipe.splitVariantProps(nativeProps);
+      const styles = recipe(variantOptions);
+      const slotStyles = styles[slot];
+      return /* @__PURE__ */ jsx(
+        Component,
+        {
+          ...defaultProps,
+          ...nativeProps,
+          className: cx(className, slotStyles, css(customCss))
+        }
+      );
+    };
+    CerbComponent.displayName = Component.displayName || Component.name;
+    return CerbComponent;
+  };
+};
+
+export {
+  CerberusPrimitive
+};
+//# sourceMappingURL=chunk-GZ6T3352.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/system/primitive-factory.tsx"],"sourcesContent":["import { css, cx } from 'styled-system/css'\nimport type { RecipeVariantRecord } from 'styled-system/types'\nimport {\n  type ComponentType,\n  type HTMLAttributes,\n  type PropsWithChildren,\n} from 'react'\nimport type { WithCss } from '../types'\nimport type {\n  CerberusPrimitiveEl,\n  CerberusPrimitiveRecipe,\n  CerberusRecipe,\n  CerberusSlotRecipe,\n  WithRecipeOptions,\n} from './types'\n\n/**\n * This module contains a factory for creating Cerberus primitives.\n * @module @cerberus/core/system/factory\n */\n\nexport class CerberusPrimitive {\n  recipe: CerberusPrimitiveRecipe | null\n\n  constructor(recipe?: CerberusPrimitiveRecipe) {\n    this.recipe = recipe ?? null\n  }\n\n  private hasStyles(styles: string | undefined): Record<string, unknown> {\n    if (styles) {\n      return {\n        className: styles,\n      }\n    }\n    return {}\n  }\n\n  private validateComponent<P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n  ) {\n    if (typeof Component !== 'function' && typeof Component !== 'object') {\n      throw new Error('Expected a React component as the first argument.')\n    }\n  }\n\n  /**\n   * Creates a Cerberus component with bare features and no recipe.\n   * @param Component - The React component to enhance with Cerberus features.\n   * @returns A new React component that applies Cerberus features to the\n   * original component.\n   * @example\n   * ```typescript\n   * const { withNoRecipe } = createCerberusPrimitive(button)\n   * const Button = withNoRecipe(RawButton)\n   * ```\n   */\n  withNoRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n    options?: WithRecipeOptions,\n  ): CerberusPrimitiveEl<P> => {\n    const { defaultProps } = options || {}\n\n    this.validateComponent(Component)\n\n    const CerbComponent = (props: PropsWithChildren<P> & WithCss) => {\n      const { css: customCss, className, ...nativeProps } = props\n      const styles = this.hasStyles(cx(className, css(customCss)))\n      return <Component {...defaultProps} {...styles} {...(nativeProps as P)} />\n    }\n\n    CerbComponent.displayName = Component.displayName || Component.name\n    return CerbComponent\n  }\n\n  /**\n   * Creates a Cerberus component with the given recipe.\n   * @param Component - The React component to enhance with the recipe.\n   * @param options - Options for the recipe.\n   * @returns A new React component that applies the recipe to the original\n   * component.\n   */\n  withRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n    options?: WithRecipeOptions,\n  ): CerberusPrimitiveEl<P & WithRecipeOptions['defaultProps']> => {\n    const { defaultProps } = options || {}\n    const recipe = this.recipe as CerberusRecipe\n\n    this.validateComponent(Component)\n\n    const CerbComponent = (internalProps: PropsWithChildren<P> & WithCss) => {\n      const { css: customCss, className, ...nativeProps } = internalProps\n\n      const [variantOptions] = recipe.splitVariantProps(nativeProps)\n      const recipeStyles = recipe(variantOptions)\n\n      return (\n        <Component\n          {...defaultProps}\n          {...(nativeProps as P)}\n          className={cx(className, recipeStyles, css(customCss))}\n        />\n      )\n    }\n\n    CerbComponent.displayName = Component.displayName || Component.name\n    return CerbComponent\n  }\n\n  /**\n   * Creates a Cerberus component with a slot recipe applied.\n   * @param Component - The React component to enhance with Cerberus features.\n   * @param recipe - The slot recipe to apply to the component.\n   * @returns A new React component that applies Cerberus features and the\n   * specified slot recipe to the original component.\n   * @example\n   * ```typescript\n   * const { withSlotRecipe } = createCerberusPrimitive(field)\n   * const Field = withSlotRecipe(RawField, field)\n   * ```\n   */\n  withSlotRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n    slot: keyof RecipeVariantRecord,\n    options?: WithRecipeOptions,\n  ) => {\n    const { defaultProps } = options || {}\n    const recipe = this.recipe as CerberusSlotRecipe<typeof slot>\n\n    this.validateComponent(Component)\n\n    const CerbComponent = (internalProps: PropsWithChildren<P> & WithCss) => {\n      const { css: customCss, className, ...nativeProps } = internalProps\n\n      const [variantOptions] = recipe.splitVariantProps(nativeProps)\n      const styles = recipe(variantOptions)\n      const slotStyles = styles[slot as keyof typeof styles]\n\n      return (\n        <Component\n          {...defaultProps}\n          {...(nativeProps as P)}\n          className={cx(className, slotStyles, css(customCss))}\n        />\n      )\n    }\n\n    CerbComponent.displayName = Component.displayName || Component.name\n    return CerbComponent\n  }\n}\n"],"mappings":";AAAA,SAAS,KAAK,UAAU;AAmEX;AA9CN,IAAM,oBAAN,MAAwB;AAAA,EAC7B;AAAA,EAEA,YAAY,QAAkC;AAC5C,SAAK,SAAS,UAAU;AAAA,EAC1B;AAAA,EAEQ,UAAU,QAAqD;AACrE,QAAI,QAAQ;AACV,aAAO;AAAA,QACL,WAAW;AAAA,MACb;AAAA,IACF;AACA,WAAO,CAAC;AAAA,EACV;AAAA,EAEQ,kBACN,WACA;AACA,QAAI,OAAO,cAAc,cAAc,OAAO,cAAc,UAAU;AACpE,YAAM,IAAI,MAAM,mDAAmD;AAAA,IACrE;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaA,eAAe,CACb,WACA,YAC2B;AAC3B,UAAM,EAAE,aAAa,IAAI,WAAW,CAAC;AAErC,SAAK,kBAAkB,SAAS;AAEhC,UAAM,gBAAgB,CAAC,UAA0C;AAC/D,YAAM,EAAE,KAAK,WAAW,WAAW,GAAG,YAAY,IAAI;AACtD,YAAM,SAAS,KAAK,UAAU,GAAG,WAAW,IAAI,SAAS,CAAC,CAAC;AAC3D,aAAO,oBAAC,aAAW,GAAG,cAAe,GAAG,QAAS,GAAI,aAAmB;AAAA,IAC1E;AAEA,kBAAc,cAAc,UAAU,eAAe,UAAU;AAC/D,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,aAAa,CACX,WACA,YAC+D;AAC/D,UAAM,EAAE,aAAa,IAAI,WAAW,CAAC;AACrC,UAAM,SAAS,KAAK;AAEpB,SAAK,kBAAkB,SAAS;AAEhC,UAAM,gBAAgB,CAAC,kBAAkD;AACvE,YAAM,EAAE,KAAK,WAAW,WAAW,GAAG,YAAY,IAAI;AAEtD,YAAM,CAAC,cAAc,IAAI,OAAO,kBAAkB,WAAW;AAC7D,YAAM,eAAe,OAAO,cAAc;AAE1C,aACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACH,GAAI;AAAA,UACL,WAAW,GAAG,WAAW,cAAc,IAAI,SAAS,CAAC;AAAA;AAAA,MACvD;AAAA,IAEJ;AAEA,kBAAc,cAAc,UAAU,eAAe,UAAU;AAC/D,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcA,iBAAiB,CACf,WACA,MACA,YACG;AACH,UAAM,EAAE,aAAa,IAAI,WAAW,CAAC;AACrC,UAAM,SAAS,KAAK;AAEpB,SAAK,kBAAkB,SAAS;AAEhC,UAAM,gBAAgB,CAAC,kBAAkD;AACvE,YAAM,EAAE,KAAK,WAAW,WAAW,GAAG,YAAY,IAAI;AAEtD,YAAM,CAAC,cAAc,IAAI,OAAO,kBAAkB,WAAW;AAC7D,YAAM,SAAS,OAAO,cAAc;AACpC,YAAM,aAAa,OAAO,IAA2B;AAErD,aACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACH,GAAI;AAAA,UACL,WAAW,GAAG,WAAW,YAAY,IAAI,SAAS,CAAC;AAAA;AAAA,MACrD;AAAA,IAEJ;AAEA,kBAAc,cAAc,UAAU,eAAe,UAAU;AAC/D,WAAO;AAAA,EACT;AACF;","names":[]}

package/build/modern/chunk-HJ67FKQ6.js

@@ -0,0 +1,30 @@
+import {
+  CircularProgressCircle,
+  CircularProgressCircleRange,
+  CircularProgressCircleTrack,
+  CircularProgressInfoGroup,
+  CircularProgressLabel,
+  CircularProgressRoot,
+  CircularProgressValueText
+} from "./chunk-QM4DC6QF.js";
+
+// src/components/circular-progress/circular-progress.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CircularProgress(props) {
+  const { label, ...rootProps } = props;
+  return /* @__PURE__ */ jsxs(CircularProgressRoot, { ...rootProps, children: [
+    /* @__PURE__ */ jsxs(CircularProgressCircle, { children: [
+      /* @__PURE__ */ jsx(CircularProgressCircleTrack, {}),
+      /* @__PURE__ */ jsx(CircularProgressCircleRange, {})
+    ] }),
+    /* @__PURE__ */ jsxs(CircularProgressInfoGroup, { children: [
+      /* @__PURE__ */ jsx(CircularProgressValueText, {}),
+      /* @__PURE__ */ jsx(CircularProgressLabel, { children: label ?? "Done" })
+    ] })
+  ] });
+}
+
+export {
+  CircularProgress
+};
+//# sourceMappingURL=chunk-HJ67FKQ6.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/circular-progress/circular-progress.tsx"],"sourcesContent":["import {\n  CircularProgressCircle,\n  CircularProgressCircleRange,\n  CircularProgressCircleTrack,\n  CircularProgressInfoGroup,\n  CircularProgressLabel,\n  CircularProgressRoot,\n  CircularProgressValueText,\n  type CircularProgressRootProps,\n} from './primitives'\n\nexport interface CircularProgressProps extends CircularProgressRootProps {\n  /**\n   * The background style of the CircularProgress\n   */\n  bgStyle?: 'filled' | 'transparent'\n  /**\n   * The label for the circular progress.\n   */\n  label?: string\n}\n\nexport function CircularProgress(props: CircularProgressProps) {\n  const { label, ...rootProps } = props\n\n  return (\n    <CircularProgressRoot {...rootProps}>\n      <CircularProgressCircle>\n        <CircularProgressCircleTrack />\n        <CircularProgressCircleRange />\n      </CircularProgressCircle>\n\n      <CircularProgressInfoGroup>\n        <CircularProgressValueText />\n        <CircularProgressLabel>{label ?? 'Done'}</CircularProgressLabel>\n      </CircularProgressInfoGroup>\n    </CircularProgressRoot>\n  )\n}\n"],"mappings":";;;;;;;;;;;AA2BM,SACE,KADF;AALC,SAAS,iBAAiB,OAA8B;AAC7D,QAAM,EAAE,OAAO,GAAG,UAAU,IAAI;AAEhC,SACE,qBAAC,wBAAsB,GAAG,WACxB;AAAA,yBAAC,0BACC;AAAA,0BAAC,+BAA4B;AAAA,MAC7B,oBAAC,+BAA4B;AAAA,OAC/B;AAAA,IAEA,qBAAC,6BACC;AAAA,0BAAC,6BAA0B;AAAA,MAC3B,oBAAC,yBAAuB,mBAAS,QAAO;AAAA,OAC1C;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-HPWLIE64.js

@@ -0,0 +1,35 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-ZGPHSKEB.js";
+
+// src/components/dialog/primitives.tsx
+import {
+  Dialog
+} from "@ark-ui/react/dialog";
+import { dialog } from "styled-system/recipes";
+var { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(dialog);
+var DialogRoot = withNoRecipe(Dialog.Root);
+var DialogProvider = DialogRoot;
+var DialogTrigger = withSlotRecipe(Dialog.Trigger, "trigger");
+var DialogBackdrop = withSlotRecipe(Dialog.Backdrop, "backdrop");
+var DialogPositioner = withSlotRecipe(Dialog.Positioner, "positioner");
+var DialogContent = withSlotRecipe(Dialog.Content, "content");
+var DialogHeading = withSlotRecipe(Dialog.Title, "title");
+var DialogDescription = withSlotRecipe(
+  Dialog.Description,
+  "description"
+);
+var DialogCloseTrigger = withNoRecipe(Dialog.CloseTrigger);
+
+export {
+  DialogRoot,
+  DialogProvider,
+  DialogTrigger,
+  DialogBackdrop,
+  DialogPositioner,
+  DialogContent,
+  DialogHeading,
+  DialogDescription,
+  DialogCloseTrigger
+};
+//# sourceMappingURL=chunk-HPWLIE64.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/dialog/primitives.tsx"],"sourcesContent":["import {\n  Dialog,\n  type DialogBackdropProps as ArkDialogBackdropProps,\n  type DialogContentProps as ArkDialogContentProps,\n  type DialogDescriptionProps as ArkDialogDescriptionProps,\n  type DialogPositionerProps as ArkDialogPositionerProps,\n  type DialogRootProps as ArkDialogRootProps,\n  type DialogTitleProps as ArkDialogTitleProps,\n  type DialogTriggerProps as ArkDialogTriggerProps,\n} from '@ark-ui/react/dialog'\nimport { dialog, type DialogVariantProps } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the primitives of the Dialog component.\n * @module 'dialog/primitives'\n */\n\nconst { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(dialog)\n\n/**\n * The provider that controls the dialog components.\n */\nexport type DialogRootProps = CerberusPrimitiveProps<ArkDialogRootProps>\nexport const DialogRoot = withNoRecipe(Dialog.Root)\n\n/**\n * An abstraction of the DialogRoot component for naming consistency.\n */\nexport const DialogProvider = DialogRoot\n\n/**\n * The trigger that opens the dialog.\n */\nexport type DialogTriggerProps = CerberusPrimitiveProps<ArkDialogTriggerProps>\nexport const DialogTrigger = withSlotRecipe(Dialog.Trigger, 'trigger')\n\n/**\n * The overlay of the dialog.\n */\nexport type DialogBackdropProps = CerberusPrimitiveProps<ArkDialogBackdropProps>\nexport const DialogBackdrop = withSlotRecipe(Dialog.Backdrop, 'backdrop')\n\n/**\n * The container that positions the dialog.\n */\nexport type DialogPositionerProps =\n  CerberusPrimitiveProps<ArkDialogPositionerProps>\nexport const DialogPositioner = withSlotRecipe(Dialog.Positioner, 'positioner')\n\n/**\n * The visible content of the dialog.\n */\nexport type DialogContentProps = CerberusPrimitiveProps<\n  ArkDialogContentProps & DialogVariantProps\n>\nexport const DialogContent = withSlotRecipe(Dialog.Content, 'content')\n\n/**\n * The heading of the dialog.\n */\nexport type DialogHeadingProps = CerberusPrimitiveProps<ArkDialogTitleProps>\nexport const DialogHeading = withSlotRecipe(Dialog.Title, 'title')\n\n/**\n * The description of the dialog.\n */\nexport type DialogDescriptionProps =\n  CerberusPrimitiveProps<ArkDialogDescriptionProps>\nexport const DialogDescription = withSlotRecipe(\n  Dialog.Description,\n  'description',\n)\n\n/**\n * The trigger that closes the dialog.\n */\nexport type DialogCloseTriggerProps =\n  CerberusPrimitiveProps<ArkDialogTriggerProps>\nexport const DialogCloseTrigger = withNoRecipe(Dialog.CloseTrigger)\n"],"mappings":";;;;;AAAA;AAAA,EACE;AAAA,OAQK;AACP,SAAS,cAAuC;AAWhD,IAAM,EAAE,gBAAgB,aAAa,IAAI,wBAAwB,MAAM;AAMhE,IAAM,aAAa,aAAa,OAAO,IAAI;AAK3C,IAAM,iBAAiB;AAMvB,IAAM,gBAAgB,eAAe,OAAO,SAAS,SAAS;AAM9D,IAAM,iBAAiB,eAAe,OAAO,UAAU,UAAU;AAOjE,IAAM,mBAAmB,eAAe,OAAO,YAAY,YAAY;AAQvE,IAAM,gBAAgB,eAAe,OAAO,SAAS,SAAS;AAM9D,IAAM,gBAAgB,eAAe,OAAO,OAAO,OAAO;AAO1D,IAAM,oBAAoB;AAAA,EAC/B,OAAO;AAAA,EACP;AACF;AAOO,IAAM,qBAAqB,aAAa,OAAO,YAAY;","names":[]}

package/build/modern/chunk-IOK2RQK6.js

@@ -0,0 +1,70 @@
+import {
+  ToastCloseTrigger
+} from "./chunk-OFACU2SY.js";
+import {
+  MatchNotificationIcon
+} from "./chunk-JHCKXQEK.js";
+import {
+  NotificationParts
+} from "./chunk-OVYHM5DH.js";
+import {
+  Button
+} from "./chunk-TF2DXEUF.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+
+// src/components/notifications/center.tsx
+import {
+  createToaster,
+  Toaster
+} from "@ark-ui/react/toast";
+import { Box } from "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: 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-IOK2RQK6.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/notifications/center.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createToaster,\n  Toaster,\n  type CreateToasterReturn,\n} from '@ark-ui/react/toast'\nimport { Box } from 'styled-system/jsx'\nimport { Button, type ButtonProps } from '../button/button'\nimport { Show } from '../show/index'\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: CreateToasterReturn = 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={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;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,WAAW;AA4BV,cAIA,YAJA;AAfH,IAAM,UAA+B,cAAc;AAAA,EACxD,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,MAAM,QAChB,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-IU5YJTKN.js

@@ -0,0 +1,15 @@
+import {
+  Button,
+  ButtonIcon
+} from "./chunk-TF2DXEUF.js";
+
+// src/components/button/parts.ts
+var ButtonParts = {
+  Root: Button,
+  Icon: ButtonIcon
+};
+
+export {
+  ButtonParts
+};
+//# sourceMappingURL=chunk-IU5YJTKN.js.map