@cerberus-design/react 0.15.0 → 0.16.0-next-feeb186

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

@@ -8,7 +8,7 @@ import {
   createNavTriggerProps
 } from "./chunk-JF76VIL3.js";
 
-// src/components/NavMenuTrigger.tsx
+// src/components/deprecated/NavMenuTrigger.tsx
 import {
   useCallback
 } from "react";
@@ -78,4 +78,4 @@ function NavMenuTrigger(props) {
 export {
   NavMenuTrigger
 };
-//# sourceMappingURL=chunk-PM7CWT3N.js.map
+//# sourceMappingURL=chunk-245SMQ45.js.map

package/build/modern/chunk-245SMQ45.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 '@cerberus/styled-system/css'\nimport { button } from '@cerberus/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): JSX.Element {\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,OAAyC;AACtE,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-2BIHLH4V.js

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

package/build/modern/chunk-2BIHLH4V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/button/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport { Button, ButtonIcon } from './button'\n\n/**\n * This module contains the parts of the Button component.\n * @module 'button/parts'\n */\n\ninterface ButtonPartsValue {\n  /**\n   * The context provider of the button.\n   */\n  Root: ElementType\n  /**\n   * The icon of the button.\n   */\n  Icon: ElementType\n}\n\n/**\n * An Object containing the parts of the Button component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the ButtonParts object and\n * the entire family of components vs. only what you use.\n */\nexport const ButtonParts: ButtonPartsValue = {\n  Root: Button,\n  Icon: ButtonIcon,\n}\n"],"mappings":";;;;;;AA4BO,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM;AACR;","names":[]}

package/build/modern/chunk-2CVGNLIM.js

@@ -0,0 +1,15 @@
+import {
+  ToggleIndicator,
+  ToggleRoot
+} from "./chunk-CIMY2U22.js";
+
+// src/components/toggle/parts.ts
+var ToggleParts = {
+  Root: ToggleRoot,
+  Indicator: ToggleIndicator
+};
+
+export {
+  ToggleParts
+};
+//# sourceMappingURL=chunk-2CVGNLIM.js.map

package/build/modern/chunk-2CVGNLIM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/toggle/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport { ToggleRoot, ToggleIndicator } from './primitives'\n\n/**\n * This module contains the parts of the Toggle parts.\n * @module 'toggle/parts'\n */\n\ninterface TogglePartsValue {\n  /**\n   * The container of the toggle.\n   */\n  Root: ElementType\n  /**\n   * The indicator that appears when a toggle is pressed.\n   */\n  Indicator: 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 RadioParts object and\n * the entire family of components vs. only what you use.\n */\nexport const ToggleParts: TogglePartsValue = {\n  Root: ToggleRoot,\n  Indicator: ToggleIndicator,\n}\n"],"mappings":";;;;;;AA4BO,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,WAAW;AACb;","names":[]}

package/build/modern/{chunk-ISCJ542I.js → chunk-2HOUQ2DX.js}

@@ -1,6 +1,6 @@
 import {
   Avatar
-} from "./chunk-GCQMH4QA.js";
+} from "./chunk-SXLPDPOZ.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
@@ -79,4 +79,4 @@ function MatchAvatar(props) {
 export {
   MatchAvatar
 };
-//# sourceMappingURL=chunk-ISCJ542I.js.map
+//# sourceMappingURL=chunk-2HOUQ2DX.js.map

package/build/modern/chunk-2LF3HPNA.js

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

package/build/modern/chunk-4LSTU6WU.js

@@ -0,0 +1,8 @@
+// src/components/cta-dialog/context.tsx
+import { createContext } from "react";
+var CTAModalContext = createContext(null);
+
+export {
+  CTAModalContext
+};
+//# sourceMappingURL=chunk-4LSTU6WU.js.map

package/build/modern/chunk-4LSTU6WU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/cta-dialog/context.tsx"],"sourcesContent":["'use client'\n\nimport { createContext, type ReactNode } from 'react'\nimport type { CTAModalActionReturn } from './utils'\n\n/**\n * This module provides the context for the cta modal.\n * @module\n */\n\nexport interface ShowCTAModalOptions {\n  /**\n   * The heading of the cta modal.\n   */\n  heading: string\n  /**\n   * The description of the cta modal.\n   */\n  description?: string\n  /**\n   * The icon used for the modal Avatar.\n   */\n  icon?: ReactNode\n  /**\n   * The actions for the cta modal. Requires 2 actions.\n   */\n  actions: CTAModalActionReturn\n}\n\nexport interface CTAModalValue {\n  show: (options: ShowCTAModalOptions) => void\n}\n\nexport const CTAModalContext = createContext<CTAModalValue | null>(null)\n"],"mappings":";AAEA,SAAS,qBAAqC;AA+BvC,IAAM,kBAAkB,cAAoC,IAAI;","names":[]}

package/build/modern/chunk-5RTNSVYU.js

@@ -0,0 +1,88 @@
+// src/components/radio/primitives.tsx
+import {
+  RadioGroup as ArkRadioGroup
+} from "@ark-ui/react/radio-group";
+import { cx } from "@cerberus/styled-system/css";
+import {
+  radioGroup
+} from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function RadioGroupRoot(props) {
+  const { size, orientation, ...rootProps } = props;
+  const styles = radioGroup({ size, orientation });
+  return /* @__PURE__ */ jsx(
+    ArkRadioGroup.Root,
+    {
+      ...rootProps,
+      className: cx(styles.root, rootProps.className)
+    }
+  );
+}
+function RadioGroupLabel(props) {
+  const styles = radioGroup();
+  return /* @__PURE__ */ jsx(
+    ArkRadioGroup.Label,
+    {
+      ...props,
+      className: cx(styles.label, props.className)
+    }
+  );
+}
+function RadioGroupIndicator(props) {
+  const styles = radioGroup();
+  return /* @__PURE__ */ jsx(
+    ArkRadioGroup.Indicator,
+    {
+      ...props,
+      className: cx(styles.indicator, props.className)
+    }
+  );
+}
+function RadioGroupItem(props) {
+  const styles = radioGroup();
+  return /* @__PURE__ */ jsx(
+    ArkRadioGroup.Item,
+    {
+      ...props,
+      className: cx(styles.item, props.className)
+    }
+  );
+}
+function RadioGroupItemText(props) {
+  const { size, orientation, ...itemTextProps } = props;
+  const styles = radioGroup({ size, orientation });
+  return /* @__PURE__ */ jsx(
+    ArkRadioGroup.ItemText,
+    {
+      ...itemTextProps,
+      className: cx(styles.itemText, itemTextProps.className)
+    }
+  );
+}
+function RadioGroupItemControl(props) {
+  const { size, orientation, ...itemControlProps } = props;
+  const styles = radioGroup({ size, orientation });
+  return /* @__PURE__ */ jsx(
+    ArkRadioGroup.ItemControl,
+    {
+      ...itemControlProps,
+      className: cx(styles.itemControl, itemControlProps.className)
+    }
+  );
+}
+function RadioGroupItemHiddenInput(props) {
+  return /* @__PURE__ */ jsx(ArkRadioGroup.ItemHiddenInput, { ...props });
+}
+var RadioGroup = RadioGroupRoot;
+
+export {
+  RadioGroupRoot,
+  RadioGroupLabel,
+  RadioGroupIndicator,
+  RadioGroupItem,
+  RadioGroupItemText,
+  RadioGroupItemControl,
+  RadioGroupItemHiddenInput,
+  RadioGroup
+};
+//# sourceMappingURL=chunk-5RTNSVYU.js.map

package/build/modern/chunk-5RTNSVYU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/radio/primitives.tsx"],"sourcesContent":["import {\n  RadioGroup as ArkRadioGroup,\n  type RadioGroupIndicatorProps,\n  type RadioGroupItemControlProps,\n  type RadioGroupItemHiddenInputProps,\n  type RadioGroupItemProps,\n  type RadioGroupItemTextProps,\n  type RadioGroupLabelProps,\n  type RadioGroupRootProps,\n} from '@ark-ui/react/radio-group'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  radioGroup,\n  type RadioGroupVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Radio primitives\n * @module 'react/radio'\n */\n\n/**\n * The RadioGroupRoot component is used to group radio buttons together.\n */\nexport function RadioGroupRoot(\n  props: RadioGroupRootProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...rootProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupLabel component is used to label a group of radio buttons.\n */\nexport function RadioGroupLabel(props: RadioGroupLabelProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Label\n      {...props}\n      className={cx(styles.label, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupIndicator component is used to indicate the selected radio\n * button in a group.\n */\nexport function RadioGroupIndicator(props: RadioGroupIndicatorProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItem component is used to render a single radio button in a\n * group.\n */\nexport function RadioGroupItem(props: RadioGroupItemProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Item\n      {...props}\n      className={cx(styles.item, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemText component is used to render the text label for a\n * single radio button in a group.\n */\nexport function RadioGroupItemText(\n  props: RadioGroupItemTextProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemTextProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemText\n      {...itemTextProps}\n      className={cx(styles.itemText, itemTextProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemControl component is used to render the control for a\n * single radio button in a group.\n */\nexport function RadioGroupItemControl(\n  props: RadioGroupItemControlProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemControlProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemControl\n      {...itemControlProps}\n      className={cx(styles.itemControl, itemControlProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemHiddenInput component is used to render the hidden input\n * for a single radio button in a group.\n */\nexport function RadioGroupItemHiddenInput(\n  props: RadioGroupItemHiddenInputProps,\n) {\n  return <ArkRadioGroup.ItemHiddenInput {...props} />\n}\n\nexport const RadioGroup = RadioGroupRoot\n"],"mappings":";AAAA;AAAA,EACE,cAAc;AAAA,OAQT;AACP,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AAgBH;AANG,SAAS,eACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,UAAU,IAAI;AAC5C,QAAM,SAAS,WAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,SAAS,WAAW;AAC1B,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS;AAAA;AAAA,EAC7C;AAEJ;AAMO,SAAS,oBAAoB,OAAiC;AACnE,QAAM,SAAS,WAAW;AAC1B,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;AAMO,SAAS,eAAe,OAA4B;AACzD,QAAM,SAAS,WAAW;AAC1B,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,MAAM,MAAM,SAAS;AAAA;AAAA,EAC5C;AAEJ;AAMO,SAAS,mBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,cAAc,IAAI;AAChD,QAAM,SAAS,WAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,UAAU,cAAc,SAAS;AAAA;AAAA,EACxD;AAEJ;AAMO,SAAS,sBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,iBAAiB,IAAI;AACnD,QAAM,SAAS,WAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,aAAa,iBAAiB,SAAS;AAAA;AAAA,EAC9D;AAEJ;AAMO,SAAS,0BACd,OACA;AACA,SAAO,oBAAC,cAAc,iBAAd,EAA+B,GAAG,OAAO;AACnD;AAEO,IAAM,aAAa;","names":[]}

package/build/modern/chunk-6I2FW4WI.js

@@ -0,0 +1,33 @@
+import {
+  FieldErrorText,
+  FieldHelperText,
+  FieldInput,
+  FieldLabel,
+  FieldRequiredIndicator,
+  FieldRoot,
+  FieldTextarea
+} from "./chunk-VSTOSLFS.js";
+import {
+  FieldStartIndicator
+} from "./chunk-Z52R6ABJ.js";
+import {
+  FieldStatusIndicator
+} from "./chunk-CNA2VKAH.js";
+
+// src/components/field/parts.ts
+var FieldParts = {
+  Root: FieldRoot,
+  Label: FieldLabel,
+  Input: FieldInput,
+  Textarea: FieldTextarea,
+  HelperText: FieldHelperText,
+  ErrorText: FieldErrorText,
+  StartIndicator: FieldStartIndicator,
+  StatusIndicator: FieldStatusIndicator,
+  RequiredIndicator: FieldRequiredIndicator
+};
+
+export {
+  FieldParts
+};
+//# sourceMappingURL=chunk-6I2FW4WI.js.map

package/build/modern/chunk-6I2FW4WI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/field/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  FieldErrorText,\n  FieldHelperText,\n  FieldInput,\n  FieldLabel,\n  FieldRequiredIndicator,\n  FieldRoot,\n  FieldTextarea,\n} from './primitives'\nimport { FieldStatusIndicator } from './status-indicator'\nimport { FieldStartIndicator } from './start-indicator'\n\n/**\n * This module contains the parts of the Field component.\n * @module 'field/parts'\n */\n\ninterface FieldPartsValue {\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 input of the field.\n   */\n  Input: ElementType\n  /**\n   * The textarea of the field.\n   */\n  Textarea: ElementType\n  /**\n   * The text that displays when the field is valid.\n   */\n  HelperText: ElementType\n  /**\n   * The text that displays when the field is invalid.\n   */\n  ErrorText: ElementType\n  /**\n   * The indicator that appears at the start of the field.\n   */\n  StartIndicator: ElementType\n  /**\n   * The status indicator of the field.\n   */\n  StatusIndicator: ElementType\n  /**\n   * The indicator that appears at the end of the field.\n   */\n  RequiredIndicator: ElementType\n}\n\n/**\n * An Object containing the parts of the Field component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the FieldParts object and\n * the entire family of components vs. only what you use.\n */\nexport const FieldParts: FieldPartsValue = {\n  Root: FieldRoot,\n  Label: FieldLabel,\n  Input: FieldInput,\n  Textarea: FieldTextarea,\n  HelperText: FieldHelperText,\n  ErrorText: FieldErrorText,\n  StartIndicator: FieldStartIndicator,\n  StatusIndicator: FieldStatusIndicator,\n  RequiredIndicator: FieldRequiredIndicator,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAkEO,IAAM,aAA8B;AAAA,EACzC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,mBAAmB;AACrB;","names":[]}

package/build/modern/chunk-6ICNCCPD.js

@@ -0,0 +1,47 @@
+import {
+  SelectParts
+} from "./chunk-XTNGF4D6.js";
+import {
+  Portal
+} from "./chunk-IQJDVFPP.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
+
+// src/components/select/select.tsx
+import { HStack } from "@cerberus/styled-system/jsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Select(props) {
+  const { collection, placeholder, ...rootProps } = props;
+  const { icons } = useCerberusContext();
+  const { selectArrow: SelectArrow, invalid: InvalidIcon } = icons;
+  return /* @__PURE__ */ jsxs(SelectParts.Root, { collection, ...rootProps, children: [
+    /* @__PURE__ */ jsx(SelectParts.Control, { children: /* @__PURE__ */ jsxs(SelectParts.Trigger, { children: [
+      /* @__PURE__ */ jsx(SelectParts.ValueText, { placeholder }),
+      /* @__PURE__ */ jsxs(HStack, { children: [
+        /* @__PURE__ */ jsx(Show, { when: props.invalid, children: /* @__PURE__ */ jsx(InvalidIcon, { "data-part": "invalid-icon" }) }),
+        /* @__PURE__ */ jsx(SelectParts.Indicator, { children: /* @__PURE__ */ jsx(SelectArrow, {}) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(SelectParts.Positioner, { children: /* @__PURE__ */ jsx(SelectParts.Content, { size: rootProps.size, children: props.children }) }) }),
+    /* @__PURE__ */ jsx(SelectParts.HiddenSelect, {})
+  ] });
+}
+function Option(props) {
+  const { item, ...itemProps } = props;
+  const { icons } = useCerberusContext();
+  const { selectChecked: CheckedIcon } = icons;
+  return /* @__PURE__ */ jsxs(SelectParts.Item, { ...itemProps, item, children: [
+    /* @__PURE__ */ jsx(SelectParts.ItemText, { children: item?.label }),
+    /* @__PURE__ */ jsx(SelectParts.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckedIcon, {}) })
+  ] });
+}
+
+export {
+  Select,
+  Option
+};
+//# sourceMappingURL=chunk-6ICNCCPD.js.map

package/build/modern/chunk-6ICNCCPD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/select/select.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectItemProps, SelectRootProps } from '@ark-ui/react/select'\nimport { type SelectVariantProps } from '@cerberus/styled-system/recipes'\nimport { HStack } from '@cerberus/styled-system/jsx'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Portal } from '../Portal'\nimport { Show } from '../Show'\nimport { SelectParts } from './parts'\n\n/**\n * This module contains the Select components.\n * @module 'react/select'\n */\n\nexport interface SelectCollectionItem {\n  /**\n   * What is displayed in the dropdown list.\n   */\n  label: string\n  /**\n   * The value of the selected item used in the form.\n   */\n  value: string\n  /**\n   * If the item is disabled.\n   */\n  disabled?: boolean\n}\n\nexport interface SelectCollection {\n  /**\n   * The items to be displayed in the dropdown list.\n   */\n  items: SelectCollectionItem[]\n}\n\nexport interface BaseSelectProps {\n  /**\n   * The placeholder text when no option is selected.\n   */\n  placeholder?: string\n}\n\nexport type SelectProps = SelectRootProps<SelectCollectionItem> &\n  BaseSelectProps &\n  SelectVariantProps\n\n/**\n * The Select component is a dropdown list that allows users to select an\n * option from a list.\n * @definition [Select docs](https://cerberus.digitalu.design/react/select)\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/select)\n * @example\n * ```tsx\n * import { Select, Option, createListCollection } from '@cerberus-design/react'\n *\n * export function SelectBasicPreview() {\n *  const collection = createListCollection({\n *   items: [\n *    { label: 'Hades', value: 'hades' },\n *    { label: 'Persephone', value: 'persephone' },\n *    { label: 'Zeus', value: 'zeus', disabled: true },\n *   ]\n *  })\n *\n *  return (\n *   <Select\n *    collection={collection}\n *    label=\"Select Relative\"\n *    placeholder=\"Choose option\"\n *   >\n *   {collection.items.map((item) => (\n *    <Option key={item.value} item={item} />\n *   ))}\n *  </Select>\n *  )\n * }\n */\nexport function Select(props: SelectProps) {\n  const { collection, placeholder, ...rootProps } = props\n  const { icons } = useCerberusContext()\n  const { selectArrow: SelectArrow, invalid: InvalidIcon } = icons\n\n  return (\n    <SelectParts.Root collection={collection} {...rootProps}>\n      <SelectParts.Control>\n        <SelectParts.Trigger>\n          <SelectParts.ValueText placeholder={placeholder} />\n\n          <HStack>\n            <Show when={props.invalid}>\n              <InvalidIcon data-part=\"invalid-icon\" />\n            </Show>\n            <SelectParts.Indicator>\n              <SelectArrow />\n            </SelectParts.Indicator>\n          </HStack>\n        </SelectParts.Trigger>\n      </SelectParts.Control>\n\n      <Portal>\n        <SelectParts.Positioner>\n          <SelectParts.Content size={rootProps.size}>\n            {props.children}\n          </SelectParts.Content>\n        </SelectParts.Positioner>\n      </Portal>\n\n      <SelectParts.HiddenSelect />\n    </SelectParts.Root>\n  )\n}\n\nexport interface OptionProps extends SelectItemProps {\n  /**\n   * The CollectionListItem to be displayed in the dropdown list.\n   */\n  item: SelectCollectionItem\n}\n\nexport function Option(props: OptionProps) {\n  const { item, ...itemProps } = props\n  const { icons } = useCerberusContext()\n  const { selectChecked: CheckedIcon } = icons\n\n  return (\n    <SelectParts.Item {...itemProps} item={item}>\n      <SelectParts.ItemText>{item?.label}</SelectParts.ItemText>\n      <SelectParts.ItemIndicator>\n        <CheckedIcon />\n      </SelectParts.ItemIndicator>\n    </SelectParts.Item>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAIA,SAAS,cAAc;AAoFb,cAEA,YAFA;AATH,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,YAAY,aAAa,GAAG,UAAU,IAAI;AAClD,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,aAAa,aAAa,SAAS,YAAY,IAAI;AAE3D,SACE,qBAAC,YAAY,MAAZ,EAAiB,YAAyB,GAAG,WAC5C;AAAA,wBAAC,YAAY,SAAZ,EACC,+BAAC,YAAY,SAAZ,EACC;AAAA,0BAAC,YAAY,WAAZ,EAAsB,aAA0B;AAAA,MAEjD,qBAAC,UACC;AAAA,4BAAC,QAAK,MAAM,MAAM,SAChB,8BAAC,eAAY,aAAU,gBAAe,GACxC;AAAA,QACA,oBAAC,YAAY,WAAZ,EACC,8BAAC,eAAY,GACf;AAAA,SACF;AAAA,OACF,GACF;AAAA,IAEA,oBAAC,UACC,8BAAC,YAAY,YAAZ,EACC,8BAAC,YAAY,SAAZ,EAAoB,MAAM,UAAU,MAClC,gBAAM,UACT,GACF,GACF;AAAA,IAEA,oBAAC,YAAY,cAAZ,EAAyB;AAAA,KAC5B;AAEJ;AASO,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,eAAe,YAAY,IAAI;AAEvC,SACE,qBAAC,YAAY,MAAZ,EAAkB,GAAG,WAAW,MAC/B;AAAA,wBAAC,YAAY,UAAZ,EAAsB,gBAAM,OAAM;AAAA,IACnC,oBAAC,YAAY,eAAZ,EACC,8BAAC,eAAY,GACf;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-6KZVE4HC.js

@@ -0,0 +1,52 @@
+import {
+  Spinner
+} from "./chunk-7SYJFI5E.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
+
+// src/components/button/button.tsx
+import {
+  createContext,
+  useContext,
+  useMemo
+} from "react";
+import { cx } from "@cerberus/styled-system/css";
+import {
+  button
+} from "@cerberus/styled-system/recipes";
+import { Box } from "@cerberus/styled-system/jsx";
+import { Fragment, jsx } from "react/jsx-runtime";
+var ButtonContext = createContext({
+  pending: false
+});
+function Button(props) {
+  const { palette, usage, shape, size, pending = false, ...nativeProps } = props;
+  const value = useMemo(() => ({ pending }), [pending]);
+  return /* @__PURE__ */ jsx(ButtonContext.Provider, { value, children: /* @__PURE__ */ jsx(
+    "button",
+    {
+      ...nativeProps,
+      disabled: pending || nativeProps.disabled,
+      className: cx(
+        nativeProps.className,
+        button({
+          palette,
+          usage,
+          shape,
+          size
+        })
+      )
+    }
+  ) });
+}
+function ButtonIcon(props) {
+  const { pending } = useContext(ButtonContext);
+  return /* @__PURE__ */ jsx(Show, { when: pending, fallback: /* @__PURE__ */ jsx(Fragment, { children: props.children }), children: /* @__PURE__ */ jsx(Box, { w: "4", children: /* @__PURE__ */ jsx(Spinner, {}) }) });
+}
+
+export {
+  Button,
+  ButtonIcon
+};
+//# sourceMappingURL=chunk-6KZVE4HC.js.map

package/build/modern/chunk-6KZVE4HC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/button/button.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ButtonHTMLAttributes,\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useMemo,\n} from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  button,\n  type ButtonVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { Box } from '@cerberus/styled-system/jsx'\nimport { Show } from '../Show'\nimport { Spinner } from '../Spinner'\n\n/**\n * This module contains the Button component.\n * @module\n */\n\ninterface ButtonContextValue {\n  pending: boolean\n}\n\nconst ButtonContext = createContext<ButtonContextValue>({\n  pending: false,\n})\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &\n  ButtonVariantProps & {\n    pending?: boolean\n  }\n\n/**\n * A component that allows the user to perform actions\n * @see https://cerberus.digitalu.design/react/button\n */\nexport function Button(props: ButtonProps): JSX.Element {\n  const { palette, usage, shape, size, pending = false, ...nativeProps } = props\n  const value = useMemo(() => ({ pending }), [pending])\n\n  return (\n    <ButtonContext.Provider value={value}>\n      <button\n        {...nativeProps}\n        disabled={pending || nativeProps.disabled}\n        className={cx(\n          nativeProps.className,\n          button({\n            palette,\n            usage,\n            shape,\n            size,\n          }),\n        )}\n      />\n    </ButtonContext.Provider>\n  )\n}\n\n/**\n * An icon to display in a button that utilizes the pending state to display\n * a loading spinner.\n */\nexport function ButtonIcon(props: PropsWithChildren<object>) {\n  const { pending } = useContext(ButtonContext)\n  return (\n    <Show when={pending} fallback={<>{props.children}</>}>\n      <Box w=\"4\">\n        <Spinner />\n      </Box>\n    </Show>\n  )\n}\n"],"mappings":";;;;;;;;AAEA;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,WAAW;AAgCd,SAwB6B,UAxB7B;AAnBN,IAAM,gBAAgB,cAAkC;AAAA,EACtD,SAAS;AACX,CAAC;AAWM,SAAS,OAAO,OAAiC;AACtD,QAAM,EAAE,SAAS,OAAO,OAAO,MAAM,UAAU,OAAO,GAAG,YAAY,IAAI;AACzE,QAAM,QAAQ,QAAQ,OAAO,EAAE,QAAQ,IAAI,CAAC,OAAO,CAAC;AAEpD,SACE,oBAAC,cAAc,UAAd,EAAuB,OACtB;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,WAAW,YAAY;AAAA,MACjC,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF,GACF;AAEJ;AAMO,SAAS,WAAW,OAAkC;AAC3D,QAAM,EAAE,QAAQ,IAAI,WAAW,aAAa;AAC5C,SACE,oBAAC,QAAK,MAAM,SAAS,UAAU,gCAAG,gBAAM,UAAS,GAC/C,8BAAC,OAAI,GAAE,KACL,8BAAC,WAAQ,GACX,GACF;AAEJ;","names":[]}

package/build/modern/{chunk-25HMVHLT.js → chunk-7SU6FCTJ.js}

@@ -1,12 +1,12 @@
 import {
   Avatar
-} from "./chunk-GCQMH4QA.js";
-import {
-  Show
-} from "./chunk-BUVVRQLZ.js";
+} from "./chunk-SXLPDPOZ.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
 
 // src/components/FileUploader.tsx
 import { cx } from "@cerberus/styled-system/css";
@@ -73,4 +73,4 @@ function FileUploader(props) {
 export {
   FileUploader
 };
-//# sourceMappingURL=chunk-25HMVHLT.js.map
+//# sourceMappingURL=chunk-7SU6FCTJ.js.map

package/build/modern/chunk-7TQRTBUP.js

@@ -0,0 +1,19 @@
+import {
+  FieldsetErrorText,
+  FieldsetHelperText,
+  FieldsetLegend,
+  FieldsetRoot
+} from "./chunk-Z3FDG263.js";
+
+// src/components/fieldset/parts.ts
+var FieldsetParts = {
+  Root: FieldsetRoot,
+  Legend: FieldsetLegend,
+  HelperText: FieldsetHelperText,
+  ErrorText: FieldsetErrorText
+};
+
+export {
+  FieldsetParts
+};
+//# sourceMappingURL=chunk-7TQRTBUP.js.map

package/build/modern/chunk-7TQRTBUP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/fieldset/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  FieldsetErrorText,\n  FieldsetHelperText,\n  FieldsetLegend,\n  FieldsetRoot,\n} from './primitives'\n\n/**\n * This module contains the parts of the Field component.\n * @module 'field/parts'\n */\n\ninterface FieldsetPartsValue {\n  /**\n   * The container of the field.\n   */\n  Root: ElementType\n  /**\n   * The label of the field.\n   */\n  Legend: ElementType\n  /**\n   * The text that displays when the field is valid.\n   */\n  HelperText: ElementType\n  /**\n   * The text that displays when the field is invalid.\n   */\n  ErrorText: ElementType\n}\n\n/**\n * An Object containing the parts of the Field component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the FieldParts object and\n * the entire family of components vs. only what you use.\n */\nexport const FieldsetParts: FieldsetPartsValue = {\n  Root: FieldsetRoot,\n  Legend: FieldsetLegend,\n  HelperText: FieldsetHelperText,\n  ErrorText: FieldsetErrorText,\n}\n"],"mappings":";;;;;;;;AAyCO,IAAM,gBAAoC;AAAA,EAC/C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AACb;","names":[]}

package/build/modern/{chunk-UZVQ4INR.js → chunk-AIJ75ENY.js}

@@ -5,7 +5,7 @@ import {
   Show
 } from "./chunk-BUVVRQLZ.js";
 
-// src/components/NavMenuList.tsx
+// src/components/deprecated/NavMenuList.tsx
 import { useMemo } from "react";
 import { cx } from "@cerberus/styled-system/css";
 import { vstack } from "@cerberus/styled-system/patterns";
@@ -83,4 +83,4 @@ export {
   getPosition,
   NavMenuList
 };
-//# sourceMappingURL=chunk-UZVQ4INR.js.map
+//# sourceMappingURL=chunk-AIJ75ENY.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/NavMenuList.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo, type HTMLAttributes } from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport { vstack } from '@cerberus/styled-system/patterns'\nimport { useNavMenuContext } from '../../context/navMenu'\nimport type { Positions } from '../../types'\nimport { Show } from '../Show'\n\n/**\n * This module contains the NavMenuList component.\n * @module\n */\n\ninterface GetPositionResult {\n  /**\n   * The left position of the element.\n   */\n  left: string\n  /**\n   * The right position of the element.\n   */\n  right: string\n  /**\n   * The top position of the element.\n   */\n  top: string\n  /**\n   * The bottom position of the element.\n   */\n  bottom: string\n}\n\n/**\n * @deprecated use the {@link Menu} family instead\n */\nexport function getPosition(position: Positions): GetPositionResult {\n  const defaultPositions = {\n    left: 'auto',\n    right: 'auto',\n    top: 'auto',\n    bottom: 'auto',\n  }\n  switch (position) {\n    case 'right':\n      return { ...defaultPositions, top: '0%', left: '105%' }\n    case 'left':\n      return { ...defaultPositions, top: '0%', right: '105%' }\n    case 'bottom':\n      return { ...defaultPositions, top: '110%' }\n    case 'top':\n      return { ...defaultPositions, bottom: '110%' }\n    default:\n      return defaultPositions\n  }\n}\n\nconst navListStyles = vstack({\n  alignItems: 'flex-start',\n  bgColor: 'page.surface.100',\n  boxShadow: 'lg',\n  gap: '2',\n  opacity: '0',\n  p: '4',\n  position: 'absolute',\n  rounded: 'md',\n  zIndex: 'dropdown',\n  _motionSafe: {\n    animationName: 'zoomIn',\n    animationDelay: '100ms',\n    animationDuration: '150ms',\n    animationFillMode: 'both',\n    animationTimingFunction: 'ease-in-out',\n  },\n  _positionBottom: {\n    transformOrigin: 'top left',\n  },\n  _positionTop: {\n    transformOrigin: 'bottom left',\n  },\n  _positionLeft: {\n    transformOrigin: 'top right',\n  },\n  _positionRight: {\n    transformOrigin: 'top left',\n  },\n})\n\nexport interface NavMenuListProps extends HTMLAttributes<HTMLUListElement> {\n  /**\n   * The unique identifier for the NavMenuList. Required for accessibility.\n   */\n  id: string\n  /**\n   * The position of the NavMenuList.\n   * @type 'top' | 'right' | 'bottom' | 'left'\n   * @default 'bottom'\n   */\n  position?: Positions\n}\n\n/**\n * A component that allows the user to display a menu of navigation links.\n * @definition [Disclosure Nav](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/examples/disclosure-navigation/)\n * @see https://cerberus.digitalu.design/react/nav-menu\n *\n * @example\n * ```tsx\n * <NavMenu>\n *  <NavMenuList id=\"nav-menu-list\" position=\"bottom\">\n *   <NavMenuLink href=\"/home\">Home</NavMenuLink>\n *   <NavMenuLink href=\"/about\">About</NavMenuLink>\n *  </NavMenuList>\n * </NavMenu>\n * ```\n **/\nexport function NavMenuList(props: NavMenuListProps): JSX.Element {\n  const { position, ...nativeProps } = props\n  const { menuRef, expanded } = useNavMenuContext()\n  const locationStyles = useMemo(\n    () => getPosition(position ?? 'bottom'),\n    [position],\n  )\n\n  return (\n    <Show when={expanded}>\n      <ul\n        {...nativeProps}\n        data-position={position ?? 'bottom'}\n        className={cx(nativeProps.className, navListStyles)}\n        ref={menuRef}\n        style={locationStyles}\n      />\n    </Show>\n  )\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,eAAoC;AAC7C,SAAS,UAAU;AACnB,SAAS,cAAc;AA0HjB;AA1FC,SAAS,YAAY,UAAwC;AAClE,QAAM,mBAAmB;AAAA,IACvB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AACA,UAAQ,UAAU;AAAA,IAChB,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,MAAM,MAAM,OAAO;AAAA,IACxD,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,MAAM,OAAO,OAAO;AAAA,IACzD,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,OAAO;AAAA,IAC5C,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,QAAQ,OAAO;AAAA,IAC/C;AACE,aAAO;AAAA,EACX;AACF;AAEA,IAAM,gBAAgB,OAAO;AAAA,EAC3B,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,KAAK;AAAA,EACL,SAAS;AAAA,EACT,GAAG;AAAA,EACH,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa;AAAA,IACX,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,IACnB,yBAAyB;AAAA,EAC3B;AAAA,EACA,iBAAiB;AAAA,IACf,iBAAiB;AAAA,EACnB;AAAA,EACA,cAAc;AAAA,IACZ,iBAAiB;AAAA,EACnB;AAAA,EACA,eAAe;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EACA,gBAAgB;AAAA,IACd,iBAAiB;AAAA,EACnB;AACF,CAAC;AA8BM,SAAS,YAAY,OAAsC;AAChE,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,QAAM,EAAE,SAAS,SAAS,IAAI,kBAAkB;AAChD,QAAM,iBAAiB;AAAA,IACrB,MAAM,YAAY,YAAY,QAAQ;AAAA,IACtC,CAAC,QAAQ;AAAA,EACX;AAEA,SACE,oBAAC,QAAK,MAAM,UACV;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,iBAAe,YAAY;AAAA,MAC3B,WAAW,GAAG,YAAY,WAAW,aAAa;AAAA,MAClD,KAAK;AAAA,MACL,OAAO;AAAA;AAAA,EACT,GACF;AAEJ;","names":[]}

package/build/modern/chunk-AO3GB72J.js

@@ -0,0 +1,27 @@
+import {
+  FieldsetParts
+} from "./chunk-7TQRTBUP.js";
+import {
+  splitProps
+} from "./chunk-BL7G3577.js";
+
+// src/components/fieldset/fieldset.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Fieldset(props) {
+  const [fieldsetProps, { usage }, rootProps] = splitProps(
+    props,
+    ["legend", "helperText", "errorText", "children"],
+    ["usage"]
+  );
+  return /* @__PURE__ */ jsxs(FieldsetParts.Root, { ...rootProps, children: [
+    /* @__PURE__ */ jsx(FieldsetParts.Legend, { usage, children: fieldsetProps.legend }),
+    /* @__PURE__ */ jsx(FieldsetParts.HelperText, { usage, children: fieldsetProps.helperText }),
+    fieldsetProps.children,
+    /* @__PURE__ */ jsx(FieldsetParts.ErrorText, { children: fieldsetProps.errorText })
+  ] });
+}
+
+export {
+  Fieldset
+};
+//# sourceMappingURL=chunk-AO3GB72J.js.map

package/build/modern/chunk-AO3GB72J.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 '@cerberus/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-NUMM4TNC.js → chunk-AUALRL3U.js}

@@ -1,4 +1,4 @@
-// src/components/ModalHeader.tsx
+// src/components/deprecated/ModalHeader.tsx
 import { cx } from "@cerberus/styled-system/css";
 import { vstack } from "@cerberus/styled-system/patterns";
 import { jsx } from "react/jsx-runtime";
@@ -22,4 +22,4 @@ function ModalHeader(props) {
 export {
   ModalHeader
 };
-//# sourceMappingURL=chunk-NUMM4TNC.js.map
+//# sourceMappingURL=chunk-AUALRL3U.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/ModalHeader.tsx"],"sourcesContent":["import { cx } from '@cerberus/styled-system/css'\nimport { vstack } from '@cerberus/styled-system/patterns'\nimport type { HTMLAttributes } from 'react'\n\n/**\n * This module contains the ModalHeader component for a customizable modal.\n * @module\n */\n\nexport type ModalHeaderProps = HTMLAttributes<HTMLDivElement>\n\n/**\n * @deprecated there is no replacement for this component\n */\nexport function ModalHeader(props: ModalHeaderProps) {\n  return (\n    <div\n      {...props}\n      className={cx(\n        props.className,\n        vstack({\n          alignItems: 'flex-start',\n          gap: 'md',\n          position: 'relative',\n        }),\n      )}\n    />\n  )\n}\n"],"mappings":";AAAA,SAAS,UAAU;AACnB,SAAS,cAAc;AAenB;AAFG,SAAS,YAAY,OAAyB;AACnD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,KAAK;AAAA,UACL,UAAU;AAAA,QACZ,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/{chunk-IGHMP4WA.js → chunk-AZRFYQO7.js}

@@ -57,4 +57,4 @@ export {
   AccordionItemTrigger,
   AccordionItemContent
 };
-//# sourceMappingURL=chunk-IGHMP4WA.js.map
+//# sourceMappingURL=chunk-AZRFYQO7.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Accordion.tsx"],"sourcesContent":["import { Accordion as ArkAccordion } from '@ark-ui/react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  accordion,\n  type AccordionVariantProps,\n} from '@cerberus/styled-system/recipes'\n\nexport type AccordionProps = ArkAccordion.RootProps & AccordionVariantProps\n\n/**\n * The context provider for the Accordion family.\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *  <AccordionItemGroup heading=\"Item 1 heading\" value=\"one\">\n *     This is the content\n *  </AccordionItemGroup>\n * </Accordion>\n * ```\n */\nexport function Accordion(props: AccordionProps) {\n  const { size, className, ...rootProps } = props\n  const styles = accordion({ size })\n\n  return (\n    <ArkAccordion.Root\n      collapsible\n      className={cx(className, styles.root)}\n      {...rootProps}\n    />\n  )\n}\n\ntype AccordionItemProps = ArkAccordion.ItemProps & AccordionVariantProps\n\n/**\n * The item for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItem(props: AccordionItemProps) {\n  const { size, ...itemProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.Item\n      {...itemProps}\n      className={cx(itemProps.className, styles.item)}\n    />\n  )\n}\n\nexport type AccordionItemTriggerProps = ArkAccordion.ItemTriggerProps &\n  AccordionVariantProps\n\n/**\n * The trigger for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItemTrigger(props: AccordionItemTriggerProps) {\n  const { size, ...triggerProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.ItemTrigger\n      {...triggerProps}\n      className={cx(triggerProps.className, styles.itemTrigger)}\n    />\n  )\n}\n\nexport type AccordionItemContentProps = ArkAccordion.ItemContentProps &\n  AccordionVariantProps\n\n/**\n * The content for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n * */\nexport function AccordionItemContent(props: AccordionItemContentProps) {\n  const { size, ...contentProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.ItemContent\n      {...contentProps}\n      className={cx(contentProps.className, styles.itemContent)}\n    />\n  )\n}\n"],"mappings":";AAAA,SAAS,aAAa,oBAAoB;AAC1C,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AAqBH;AALG,SAAS,UAAU,OAAuB;AAC/C,QAAM,EAAE,MAAM,WAAW,GAAG,UAAU,IAAI;AAC1C,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AAEjC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,aAAW;AAAA,MACX,WAAW,GAAG,WAAW,OAAO,IAAI;AAAA,MACnC,GAAG;AAAA;AAAA,EACN;AAEJ;AAqBO,SAAS,cAAc,OAA2B;AACvD,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,UAAU,WAAW,OAAO,IAAI;AAAA;AAAA,EAChD;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,SAAS,UAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;","names":[]}

package/build/modern/chunk-BL7G3577.js

@@ -0,0 +1,29 @@
+// src/utils/index.ts
+function formatNotifyCount(count) {
+  if (count > 99) return "99+";
+  return count.toString();
+}
+function splitProps(props, ...keyGroups) {
+  const result = keyGroups.map(() => ({}));
+  const rest = {};
+  for (const key in props) {
+    let assigned = false;
+    for (let i = 0; i < keyGroups.length; i++) {
+      if (keyGroups[i].includes(key)) {
+        result[i][key] = props[key];
+        assigned = true;
+        break;
+      }
+    }
+    if (!assigned) {
+      rest[key] = props[key];
+    }
+  }
+  return [...result, rest];
+}
+
+export {
+  formatNotifyCount,
+  splitProps
+};
+//# sourceMappingURL=chunk-BL7G3577.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["/**\n * This module contains utility functions that are used across your app.\n * @module Utils\n */\n\n/**\n * Formats the count of notifications to be displayed in the notification badge.\n * @param count - The number of notifications.\n * @returns The formatted count of notifications.\n * @example\n * ```tsx\n * const count = formatNotifyCount(100)\n * console.log(count) // '99+'\n * ```\n */\nexport function formatNotifyCount(count: number): string {\n  if (count > 99) return '99+'\n  return count.toString()\n}\n\n/**\n * Splits the properties of an object into multiple groups based on lists of keys.\n * @param props - The object to split.\n * @param keyGroups - The lists of keys to include in each group.\n * @returns An array of objects: each containing the properties specified in the corresponding key group, and the last object containing the remaining keys.\n */\nexport function splitProps<T extends object>(\n  props: T,\n  ...keyGroups: (keyof T)[][]\n): { [K in keyof T]?: T[K] }[] {\n  const result = keyGroups.map(() => ({}) as { [K in keyof T]?: T[K] })\n  const rest = {} as { [K in keyof T]?: T[K] }\n\n  for (const key in props) {\n    let assigned = false\n    for (let i = 0; i < keyGroups.length; i++) {\n      if (keyGroups[i].includes(key as keyof T)) {\n        result[i][key as keyof T] = props[key]\n        assigned = true\n        break\n      }\n    }\n    if (!assigned) {\n      rest[key as keyof T] = props[key]\n    }\n  }\n\n  return [...result, rest]\n}\n\nexport * from './localStorage'\n"],"mappings":";AAeO,SAAS,kBAAkB,OAAuB;AACvD,MAAI,QAAQ,GAAI,QAAO;AACvB,SAAO,MAAM,SAAS;AACxB;AAQO,SAAS,WACd,UACG,WAC0B;AAC7B,QAAM,SAAS,UAAU,IAAI,OAAO,CAAC,EAA+B;AACpE,QAAM,OAAO,CAAC;AAEd,aAAW,OAAO,OAAO;AACvB,QAAI,WAAW;AACf,aAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AACzC,UAAI,UAAU,CAAC,EAAE,SAAS,GAAc,GAAG;AACzC,eAAO,CAAC,EAAE,GAAc,IAAI,MAAM,GAAG;AACrC,mBAAW;AACX;AAAA,MACF;AAAA,IACF;AACA,QAAI,CAAC,UAAU;AACb,WAAK,GAAc,IAAI,MAAM,GAAG;AAAA,IAClC;AAAA,EACF;AAEA,SAAO,CAAC,GAAG,QAAQ,IAAI;AACzB;","names":[]}

package/build/modern/chunk-BPRF34DU.js

@@ -0,0 +1,62 @@
+// src/components/checkbox/primitives.tsx
+import {
+  Checkbox
+} from "@ark-ui/react";
+import { cx } from "@cerberus/styled-system/css";
+import {
+  checkbox
+} from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function CheckboxRoot(props) {
+  const styles = checkbox();
+  return /* @__PURE__ */ jsx(Checkbox.Root, { ...props, className: cx(styles.root, props.className) });
+}
+function CheckboxLabel(props) {
+  const { size, ...labelProps } = props;
+  const styles = checkbox({ size });
+  return /* @__PURE__ */ jsx(
+    Checkbox.Label,
+    {
+      ...labelProps,
+      className: cx(styles.label, labelProps.className)
+    }
+  );
+}
+function CheckboxControl(props) {
+  const { size, ...controlProps } = props;
+  const styles = checkbox({ size });
+  return /* @__PURE__ */ jsx(
+    Checkbox.Control,
+    {
+      ...controlProps,
+      className: cx(styles.control, controlProps.className)
+    }
+  );
+}
+function CheckboxIndicator(props) {
+  const styles = checkbox();
+  return /* @__PURE__ */ jsx(
+    Checkbox.Indicator,
+    {
+      ...props,
+      className: cx(styles.indicator, props.className)
+    }
+  );
+}
+function CheckboxHiddenInput(props) {
+  return /* @__PURE__ */ jsx(Checkbox.HiddenInput, { ...props });
+}
+function CheckboxGroup(props) {
+  const styles = checkbox();
+  return /* @__PURE__ */ jsx(Checkbox.Group, { ...props, className: cx(styles.group, props.className) });
+}
+
+export {
+  CheckboxRoot,
+  CheckboxLabel,
+  CheckboxControl,
+  CheckboxIndicator,
+  CheckboxHiddenInput,
+  CheckboxGroup
+};
+//# sourceMappingURL=chunk-BPRF34DU.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/checkbox/primitives.tsx"],"sourcesContent":["import {\n  Checkbox,\n  type CheckboxControlProps,\n  type CheckboxGroupProps,\n  type CheckboxIndicatorProps,\n  type CheckboxLabelProps,\n  type CheckboxRootProps,\n} from '@ark-ui/react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  checkbox,\n  type CheckboxVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Checkbox primitives.\n * @module 'react/checkbox'\n */\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 */\nexport function CheckboxRoot(props: CheckboxRootProps) {\n  const styles = checkbox()\n  return (\n    <Checkbox.Root {...props} className={cx(styles.root, props.className)} />\n  )\n}\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 function CheckboxLabel(\n  props: CheckboxLabelProps & CheckboxVariantProps,\n) {\n  const { size, ...labelProps } = props\n  const styles = checkbox({ size })\n  return (\n    <Checkbox.Label\n      {...labelProps}\n      className={cx(styles.label, labelProps.className)}\n    />\n  )\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 function CheckboxControl(\n  props: CheckboxControlProps & CheckboxVariantProps,\n) {\n  const { size, ...controlProps } = props\n  const styles = checkbox({ size })\n  return (\n    <Checkbox.Control\n      {...controlProps}\n      className={cx(styles.control, controlProps.className)}\n    />\n  )\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 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 function CheckboxHiddenInput(props: CheckboxControlProps) {\n  return <Checkbox.HiddenInput {...props} />\n}\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 function CheckboxGroup(props: CheckboxGroupProps) {\n  const styles = checkbox()\n  return (\n    <Checkbox.Group {...props} className={cx(styles.group, props.className)} />\n  )\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAMK;AACP,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AAgBH;AAHG,SAAS,aAAa,OAA0B;AACrD,QAAM,SAAS,SAAS;AACxB,SACE,oBAAC,SAAS,MAAT,EAAe,GAAG,OAAO,WAAW,GAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAE3E;AAOO,SAAS,cACd,OACA;AACA,QAAM,EAAE,MAAM,GAAG,WAAW,IAAI;AAChC,QAAM,SAAS,SAAS,EAAE,KAAK,CAAC;AAChC,SACE;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,OAAO,WAAW,SAAS;AAAA;AAAA,EAClD;AAEJ;AAOO,SAAS,gBACd,OACA;AACA,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,SAAS,SAAS,EAAE,KAAK,CAAC;AAChC,SACE;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,SAAS,aAAa,SAAS;AAAA;AAAA,EACtD;AAEJ;AAOO,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,SAAS,SAAS;AACxB,SACE;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;AAOO,SAAS,oBAAoB,OAA6B;AAC/D,SAAO,oBAAC,SAAS,aAAT,EAAsB,GAAG,OAAO;AAC1C;AAQO,SAAS,cAAc,OAA2B;AACvD,QAAM,SAAS,SAAS;AACxB,SACE,oBAAC,SAAS,OAAT,EAAgB,GAAG,OAAO,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE7E;","names":[]}