@cerberus-design/react 0.16.0 → 0.17.0

package/build/modern/chunk-NR5XDIJ7.js

@@ -0,0 +1,148 @@
+// src/components/combobox/primitives.tsx
+import {
+  Combobox
+} from "@ark-ui/react/combobox";
+import { ark } from "@ark-ui/react/factory";
+import {
+  combobox
+} from "@cerberus/styled-system/recipes";
+import { cx } from "@cerberus/styled-system/css";
+import { jsx } from "react/jsx-runtime";
+function ComboboxRoot(props) {
+  const { size, ...rootProps } = props;
+  const styles = combobox({ size });
+  return /* @__PURE__ */ jsx(
+    Combobox.Root,
+    {
+      ...rootProps,
+      className: cx(styles.root, rootProps.className)
+    }
+  );
+}
+function ComboboxLabel(props) {
+  const styles = combobox();
+  return /* @__PURE__ */ jsx(Combobox.Label, { ...props, className: cx(styles.label, props.className) });
+}
+function ComboboxControl(props) {
+  const styles = combobox();
+  return /* @__PURE__ */ jsx(
+    Combobox.Control,
+    {
+      ...props,
+      className: cx(styles.control, props.className)
+    }
+  );
+}
+function ComboboxInput(props) {
+  const styles = combobox();
+  return /* @__PURE__ */ jsx(Combobox.Input, { ...props, className: cx(styles.input, props.className) });
+}
+function ComboboxTrigger(props) {
+  const styles = combobox();
+  return /* @__PURE__ */ jsx(
+    Combobox.Trigger,
+    {
+      ...props,
+      className: cx(styles.trigger, props.className)
+    }
+  );
+}
+function ComboboxClearTrigger(props) {
+  const styles = combobox();
+  return /* @__PURE__ */ jsx(
+    Combobox.ClearTrigger,
+    {
+      ...props,
+      className: cx(styles.clearTrigger, props.className)
+    }
+  );
+}
+function ComboboxPositioner(props) {
+  const styles = combobox();
+  return /* @__PURE__ */ jsx(
+    Combobox.Positioner,
+    {
+      ...props,
+      className: cx(styles.positioner, props.className)
+    }
+  );
+}
+function ComboboxContent(props) {
+  const { size, ...contentProps } = props;
+  const styles = combobox({ size });
+  return /* @__PURE__ */ jsx(
+    Combobox.Content,
+    {
+      ...contentProps,
+      className: cx(styles.content, contentProps.className)
+    }
+  );
+}
+function ComboboxItemGroup(props) {
+  const styles = combobox();
+  return /* @__PURE__ */ jsx(
+    Combobox.ItemGroup,
+    {
+      ...props,
+      className: cx(styles.itemGroup, props.className)
+    }
+  );
+}
+function ComboboxItemGroupLabel(props) {
+  const styles = combobox();
+  return /* @__PURE__ */ jsx(
+    Combobox.ItemGroupLabel,
+    {
+      ...props,
+      className: cx(styles.itemGroupLabel, props.className)
+    }
+  );
+}
+function ComboboxItem(props) {
+  const styles = combobox();
+  return /* @__PURE__ */ jsx(Combobox.Item, { ...props, className: cx(styles.item, props.className) });
+}
+function ComboboxItemText(props) {
+  const styles = combobox();
+  return /* @__PURE__ */ jsx(
+    Combobox.ItemText,
+    {
+      ...props,
+      className: cx(styles.itemText, props.className)
+    }
+  );
+}
+function ComboboxItemIndicator(props) {
+  const styles = combobox();
+  return /* @__PURE__ */ jsx(
+    Combobox.ItemIndicator,
+    {
+      ...props,
+      className: cx(styles.itemIndicator, props.className)
+    }
+  );
+}
+function ComboboxStartIcon(props) {
+  const styles = combobox();
+  return /* @__PURE__ */ jsx(ark.span, { ...props, className: styles.startIcon });
+}
+var ComboItemText = ComboboxItemText;
+
+export {
+  ComboboxRoot,
+  ComboboxLabel,
+  ComboboxControl,
+  ComboboxInput,
+  ComboboxTrigger,
+  ComboboxClearTrigger,
+  ComboboxPositioner,
+  ComboboxContent,
+  ComboboxItemGroup,
+  ComboboxItemGroupLabel,
+  ComboboxItem,
+  ComboboxItemText,
+  ComboboxItemIndicator,
+  ComboboxStartIcon,
+  ComboItemText
+};
+//# sourceMappingURL=chunk-NR5XDIJ7.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/combobox/primitives.tsx"],"sourcesContent":["import {\n  Combobox,\n  type ComboboxClearTriggerProps,\n  type ComboboxContentProps,\n  type ComboboxControlProps,\n  type ComboboxInputProps,\n  type ComboboxItemGroupLabelProps,\n  type ComboboxItemGroupProps,\n  type ComboboxItemIndicatorProps,\n  type ComboboxItemProps,\n  type ComboboxItemTextProps,\n  type ComboboxLabelProps,\n  type ComboboxPositionerProps,\n  type ComboboxRootProps,\n  type ComboboxTriggerProps,\n} from '@ark-ui/react/combobox'\nimport { ark } from '@ark-ui/react/factory'\nimport type { SelectCollectionItem } from '../select/select'\nimport {\n  combobox,\n  type ComboboxVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { cx } from '@cerberus/styled-system/css'\nimport type { PropsWithChildren } from 'react'\n\n/**\n * This module contains the primitives of the Combobox.\n * @module 'combobox/primitives'\n */\n\n/**\n * The ComboboxRoot component is the context provider for the Combobox\n * component.\n */\nexport function ComboboxRoot(\n  props: ComboboxRootProps<SelectCollectionItem> & ComboboxVariantProps,\n) {\n  const { size, ...rootProps } = props\n  const styles = combobox({ size })\n  return (\n    <Combobox.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The label that appears above the combobox input.\n */\nexport function ComboboxLabel(props: ComboboxLabelProps) {\n  const styles = combobox()\n  return (\n    <Combobox.Label {...props} className={cx(styles.label, props.className)} />\n  )\n}\n\n/**\n * The control that wraps the combobox input.\n */\nexport function ComboboxControl(props: ComboboxControlProps) {\n  const styles = combobox()\n  return (\n    <Combobox.Control\n      {...props}\n      className={cx(styles.control, props.className)}\n    />\n  )\n}\n\n/**\n * The input of the combobox.\n */\nexport function ComboboxInput(props: ComboboxInputProps) {\n  const styles = combobox()\n  return (\n    <Combobox.Input {...props} className={cx(styles.input, props.className)} />\n  )\n}\n\n/**\n * The trigger that opens the dropdown.\n */\nexport function ComboboxTrigger(props: ComboboxTriggerProps) {\n  const styles = combobox()\n  return (\n    <Combobox.Trigger\n      {...props}\n      className={cx(styles.trigger, props.className)}\n    />\n  )\n}\n\n/**\n * The trigger to clear the combobox input.\n */\nexport function ComboboxClearTrigger(props: ComboboxClearTriggerProps) {\n  const styles = combobox()\n  return (\n    <Combobox.ClearTrigger\n      {...props}\n      className={cx(styles.clearTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The positioner that wraps the content.\n */\nexport function ComboboxPositioner(props: ComboboxPositionerProps) {\n  const styles = combobox()\n  return (\n    <Combobox.Positioner\n      {...props}\n      className={cx(styles.positioner, props.className)}\n    />\n  )\n}\n\n/**\n * The content of the combobox component.\n */\nexport function ComboboxContent(\n  props: ComboboxContentProps & ComboboxVariantProps,\n) {\n  const { size, ...contentProps } = props\n  const styles = combobox({ size })\n  return (\n    <Combobox.Content\n      {...contentProps}\n      className={cx(styles.content, contentProps.className)}\n    />\n  )\n}\n\n/**\n * A group of items in the combobox component.\n */\nexport function ComboboxItemGroup(props: ComboboxItemGroupProps) {\n  const styles = combobox()\n  return (\n    <Combobox.ItemGroup\n      {...props}\n      className={cx(styles.itemGroup, props.className)}\n    />\n  )\n}\n\n/**\n * The label for a group of items in the combobox component.\n */\nexport function ComboboxItemGroupLabel(props: ComboboxItemGroupLabelProps) {\n  const styles = combobox()\n  return (\n    <Combobox.ItemGroupLabel\n      {...props}\n      className={cx(styles.itemGroupLabel, props.className)}\n    />\n  )\n}\n\n/**\n * An individual item in the combobox component.\n */\nexport function ComboboxItem(props: ComboboxItemProps) {\n  const styles = combobox()\n  return (\n    <Combobox.Item {...props} className={cx(styles.item, props.className)} />\n  )\n}\n\n/**\n * The text that labels a single item of the combobox.\n */\nexport function ComboboxItemText(props: ComboboxItemTextProps) {\n  const styles = combobox()\n  return (\n    <Combobox.ItemText\n      {...props}\n      className={cx(styles.itemText, props.className)}\n    />\n  )\n}\n\n/**\n * The indicator that appears when the item has been selected.\n */\nexport function ComboboxItemIndicator(props: ComboboxItemIndicatorProps) {\n  const styles = combobox()\n  return (\n    <Combobox.ItemIndicator\n      {...props}\n      className={cx(styles.itemIndicator, props.className)}\n    />\n  )\n}\n\n/**\n * The icon that appears at the start of the combobox input.\n */\nexport function ComboboxStartIcon(props: PropsWithChildren) {\n  const styles = combobox()\n  return <ark.span {...props} className={styles.startIcon} />\n}\n\n// We are only doing this to make the API consistent\nexport const ComboItemText = ComboboxItemText\n\nexport type ComboboxInputValueChangeDetails = Combobox.InputValueChangeDetails\n"],"mappings":"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","names":[]}

package/build/modern/chunk-OS73F4SR.js

@@ -0,0 +1,25 @@
+import {
+  RatingContext,
+  RatingControl,
+  RatingHiddenInput,
+  RatingItem,
+  RatingItemContext,
+  RatingLabel,
+  RatingRoot
+} from "./chunk-W47QEZD5.js";
+
+// src/components/rating/parts.tsx
+var RatingParts = {
+  Root: RatingRoot,
+  Label: RatingLabel,
+  Control: RatingControl,
+  Context: RatingContext,
+  Item: RatingItem,
+  ItemContext: RatingItemContext,
+  HiddenInput: RatingHiddenInput
+};
+
+export {
+  RatingParts
+};
+//# sourceMappingURL=chunk-OS73F4SR.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/rating/parts.tsx"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  RatingContext,\n  RatingControl,\n  RatingHiddenInput,\n  RatingItem,\n  RatingItemContext,\n  RatingLabel,\n  RatingRoot,\n} from './primitives'\n\n/**\n * This module contains the parts of the Rating component.\n * @module 'rating/parts'\n */\n\ninterface RatingPartsValue {\n  /**\n   * The container of the rating.\n   */\n  Root: ElementType\n  /**\n   * The label of the rating.\n   */\n  Label: ElementType\n  /**\n   * The visual representation of the rating.\n   */\n  Control: ElementType\n  /**\n   * The context of the rating.\n   */\n  Context: ElementType\n  /**\n   * The item to display for the rating.\n   */\n  Item: ElementType\n  /**\n   * The context provider for the rating items.\n   */\n  ItemContext: ElementType\n  /**\n   * The native input of the rating.\n   */\n  HiddenInput: ElementType\n}\n\n/**\n * An Object containing the parts of the Rating component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the RatingParts object and\n * the entire family of components vs. only what you use.\n */\nexport const RatingParts: RatingPartsValue = {\n  Root: RatingRoot,\n  Label: RatingLabel,\n  Control: RatingControl,\n  Context: RatingContext,\n  Item: RatingItem,\n  ItemContext: RatingItemContext,\n  HiddenInput: RatingHiddenInput,\n}\n"],"mappings":";;;;;;;;;;;AAwDO,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,aAAa;AAAA,EACb,aAAa;AACf;","names":[]}

package/build/modern/chunk-PLHYOCY3.js

@@ -0,0 +1,23 @@
+// src/components/cta-dialog/utils.ts
+function createCTAModalActions(providedActions) {
+  if (providedActions.length !== 2) {
+    throw new Error("CTAModal must include 2 actions");
+  }
+  if (providedActions.every(
+    (action) => action?.handleClick
+  )) {
+    return {
+      type: "btnAction",
+      _actions: providedActions
+    };
+  }
+  return {
+    type: "reactNode",
+    _actions: providedActions
+  };
+}
+
+export {
+  createCTAModalActions
+};
+//# sourceMappingURL=chunk-PLHYOCY3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/cta-dialog/utils.ts"],"sourcesContent":["import type { MouseEventHandler, ReactNode } from 'react'\n\n/**\n * This module provide utility functions for the cta modal.\n * @module 'react/cta-modal/utils'\n */\n\nexport type CTAButtonAction = {\n  /**\n   * The text of the button.\n   */\n  text: string\n  /**\n   * The onClick handler for the button.\n   */\n  handleClick: MouseEventHandler<HTMLButtonElement>\n}\n\nexport type CTAModalAction = (CTAButtonAction | ReactNode)[]\n\nexport interface CTAModalActionReturn {\n  /**\n   * The type of the action content.\n   */\n  type: 'reactNode' | 'btnAction'\n  /**\n   * The actions for the cta modal. Max of 2 actions.\n   */\n  _actions: CTAModalAction\n}\n\n/**\n * Creates the action data to pass to the cta modal `show` method.\n */\nexport function createCTAModalActions(\n  providedActions: CTAModalAction,\n): CTAModalActionReturn {\n  if (providedActions.length !== 2) {\n    throw new Error('CTAModal must include 2 actions')\n  }\n\n  if (\n    providedActions.every(\n      (action) => (action as unknown as CTAButtonAction)?.handleClick,\n    )\n  ) {\n    return {\n      type: 'btnAction',\n      _actions: providedActions as CTAButtonAction[],\n    }\n  }\n\n  return {\n    type: 'reactNode',\n    _actions: providedActions as ReactNode[],\n  }\n}\n"],"mappings":";AAkCO,SAAS,sBACd,iBACsB;AACtB,MAAI,gBAAgB,WAAW,GAAG;AAChC,UAAM,IAAI,MAAM,iCAAiC;AAAA,EACnD;AAEA,MACE,gBAAgB;AAAA,IACd,CAAC,WAAY,QAAuC;AAAA,EACtD,GACA;AACA,WAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,EACF;AAEA,SAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;","names":[]}

package/build/modern/{chunk-MISIUX63.js → chunk-QD4TL3L6.js}

@@ -1,16 +1,17 @@
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
+import {
+  IconButton
+} from "./chunk-SRNDDY5D.js";
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
 
 // src/components/Tag.tsx
+import { ark } from "@ark-ui/react/factory";
 import { css, cx } from "@cerberus/styled-system/css";
-import {
-  iconButton,
-  tag
-} from "@cerberus/styled-system/recipes";
+import { tag } from "@cerberus/styled-system/recipes";
 import { jsx, jsxs } from "react/jsx-runtime";
 function Tag(props) {
   const { shape: initShape, gradient, onClick, usage, ...nativeProps } = props;
@@ -21,7 +22,7 @@ function Tag(props) {
   const { icons } = useCerberusContext();
   const { close: Close } = icons;
   return /* @__PURE__ */ jsxs(
-    "span",
+    ark.span,
     {
       ...nativeProps,
       className: cx(
@@ -37,15 +38,13 @@ function Tag(props) {
       children: [
         props.children,
         /* @__PURE__ */ jsx(Show, { when: isClosable, children: /* @__PURE__ */ jsx(
-          "button",
+          IconButton,
           {
-            "aria-label": "Close",
-            className: iconButton({
-              palette: "action",
-              usage: "filled",
-              size: "sm"
-            }),
+            ariaLabel: "Close",
             onClick,
+            palette: "action",
+            usage: "filled",
+            size: "sm",
             children: /* @__PURE__ */ jsx(Close, {})
           }
         ) })
@@ -62,4 +61,4 @@ var closableCss = css({
 export {
   Tag
 };
-//# sourceMappingURL=chunk-MISIUX63.js.map
+//# sourceMappingURL=chunk-QD4TL3L6.js.map

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

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

package/build/modern/chunk-QG4NDPST.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/year-view.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  DatePickerViewProps,\n  UseDatePickerContext,\n} from '@ark-ui/react/date-picker'\nimport { DatePickerParts } from './parts'\nimport { DatePickerViewControlGroup } from './view-control-group'\n\n/**\n * This private module contains an abstraction of the DatePickerYearView\n * component.\n * @module 'date-picker/year-view'\n */\n\n/**\n * An abstraction of the DatePickerYearView that renders the year view of the\n * DatePicker.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerYearView(props: Omit<DatePickerViewProps, 'view'>) {\n  return (\n    <DatePickerParts.View {...props} view=\"year\">\n      <DatePickerParts.Context>\n        {(datePicker: UseDatePickerContext) => (\n          <>\n            <DatePickerViewControlGroup />\n\n            <DatePickerParts.Table>\n              <DatePickerParts.TableBody>\n                {datePicker.getYearsGrid({ columns: 4 }).map((years, id) => (\n                  <DatePickerParts.TableRow key={id}>\n                    {years.map((year, id) => (\n                      <DatePickerParts.TableCell key={id} value={year.value}>\n                        <DatePickerParts.TableCellTrigger>\n                          {year.label}\n                        </DatePickerParts.TableCellTrigger>\n                      </DatePickerParts.TableCell>\n                    ))}\n                  </DatePickerParts.TableRow>\n                ))}\n              </DatePickerParts.TableBody>\n            </DatePickerParts.Table>\n          </>\n        )}\n      </DatePickerParts.Context>\n    </DatePickerParts.View>\n  )\n}\n"],"mappings":";;;;;;;;AAyBU,mBACE,KADF;AALH,SAAS,mBAAmB,OAA0C;AAC3E,SACE,oBAAC,gBAAgB,MAAhB,EAAsB,GAAG,OAAO,MAAK,QACpC,8BAAC,gBAAgB,SAAhB,EACE,WAAC,eACA,iCACE;AAAA,wBAAC,8BAA2B;AAAA,IAE5B,oBAAC,gBAAgB,OAAhB,EACC,8BAAC,gBAAgB,WAAhB,EACE,qBAAW,aAAa,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,CAAC,OAAO,OACnD,oBAAC,gBAAgB,UAAhB,EACE,gBAAM,IAAI,CAAC,MAAMA,QAChB,oBAAC,gBAAgB,WAAhB,EAAmC,OAAO,KAAK,OAC9C,8BAAC,gBAAgB,kBAAhB,EACE,eAAK,OACR,KAH8BA,GAIhC,CACD,KAP4B,EAQ/B,CACD,GACH,GACF;AAAA,KACF,GAEJ,GACF;AAEJ;","names":["id"]}

package/build/modern/{chunk-UXY3KCC3.js → chunk-QJ3CJ4CR.js}

@@ -1,4 +1,4 @@
-// src/components/NotificationDescription.tsx
+// src/components/deprecated/NotificationDescription.tsx
 import { cx } from "@cerberus/styled-system/css";
 import {
   notification
@@ -19,4 +19,4 @@ function NotificationDescription(props) {
 export {
   NotificationDescription
 };
-//# sourceMappingURL=chunk-UXY3KCC3.js.map
+//# sourceMappingURL=chunk-QJ3CJ4CR.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/NotificationDescription.tsx"],"sourcesContent":["import { cx } from '@cerberus/styled-system/css'\nimport {\n  notification,\n  type NotificationVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport type { HTMLAttributes } from 'react'\n\n/**\n * This module exports the NotificationDescription component.\n * @module\n */\n\nexport type BaseNotificationDescriptionProps =\n  HTMLAttributes<HTMLParagraphElement>\nexport type NotificationDescriptionProps = BaseNotificationDescriptionProps &\n  NotificationVariantProps\n\n/**\n * @deprecated use `NotificationParts` instead\n */\nexport function NotificationDescription(props: NotificationDescriptionProps) {\n  const { palette, ...nativeProps } = props\n  const styles = notification({ palette })\n  return (\n    <p\n      className={cx(nativeProps.className, styles.description)}\n      {...nativeProps}\n    />\n  )\n}\n"],"mappings":";AAAA,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AAoBH;AAJG,SAAS,wBAAwB,OAAqC;AAC3E,QAAM,EAAE,SAAS,GAAG,YAAY,IAAI;AACpC,QAAM,SAAS,aAAa,EAAE,QAAQ,CAAC;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,YAAY,WAAW,OAAO,WAAW;AAAA,MACtD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/build/modern/chunk-QQCB6JXW.js

@@ -0,0 +1,36 @@
+import {
+  RatingParts
+} from "./chunk-OS73F4SR.js";
+import {
+  splitProps
+} from "./chunk-BL7G3577.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
+
+// src/components/rating/rating.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Rating(props) {
+  const [{ label }, styleProps, rootProps] = splitProps(
+    props,
+    ["label"],
+    ["orientation", "palette", "size"]
+  );
+  return /* @__PURE__ */ jsxs(RatingParts.Root, { ...styleProps, ...rootProps, children: [
+    /* @__PURE__ */ jsx(Show, { when: Boolean(label), children: /* @__PURE__ */ jsx(RatingParts.Label, { children: label }) }),
+    /* @__PURE__ */ jsx(RatingParts.Control, { children: /* @__PURE__ */ jsx(RatingParts.Context, { children: (context) => context.items.map((item) => /* @__PURE__ */ jsx(
+      RatingParts.Item,
+      {
+        index: item,
+        palette: styleProps.palette,
+        children: /* @__PURE__ */ jsx(RatingParts.ItemContext, { children: rootProps.children })
+      },
+      item
+    )) }) })
+  ] });
+}
+
+export {
+  Rating
+};
+//# sourceMappingURL=chunk-QQCB6JXW.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/rating/rating.tsx"],"sourcesContent":["import type {\n  RatingGroupRootProps,\n  UseRatingGroupContext,\n  UseRatingGroupItemContext,\n} from '@ark-ui/react/rating-group'\nimport type { RatingGroupVariantProps } from '@cerberus/styled-system/recipes'\nimport type { ReactNode } from 'react'\nimport { splitProps } from '../../utils/index'\nimport { Show } from '../Show'\nimport { RatingParts } from './parts'\n\n/**\n * This module contains the abstracted Rating component.\n * @module 'react/rating'\n */\n\nexport interface RatingProps\n  extends Omit<RatingGroupRootProps, 'children'>,\n    RatingGroupVariantProps {\n  /**\n   * The label of the rating component.\n   */\n  label?: string\n  /**\n   * The children of the rating component.\n   */\n  children: (context: UseRatingGroupItemContext) => ReactNode\n}\n\n/**\n * The Rating component is an abstraction of the primitives which provides a\n * visual rating system for a user to select a value.\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/rating)\n * @description [Ark Docs](https://ark-ui.com/react/docs/components/rating-group#api-reference)\n * @example\n * ```tsx\n * <Rating count={5} defaultValue={3} allowHalf>\n *  {({ half, highlighted }) => {\n *   if (half) return <StarHalfIcon fill=\"current\" />\n *   if (highlighted) return <StarIcon fill=\"current\" />\n *   return <StarIcon />\n *  }}\n * </Rating>\n * ```\n */\nexport function Rating(props: RatingProps) {\n  const [{ label }, styleProps, rootProps] = splitProps(\n    props,\n    ['label'],\n    ['orientation', 'palette', 'size'],\n  )\n\n  return (\n    <RatingParts.Root {...styleProps} {...rootProps}>\n      <Show when={Boolean(label)}>\n        <RatingParts.Label>{label}</RatingParts.Label>\n      </Show>\n\n      <RatingParts.Control>\n        <RatingParts.Context>\n          {(context: UseRatingGroupContext) =>\n            context.items.map((item) => (\n              <RatingParts.Item\n                key={item}\n                index={item}\n                palette={styleProps.palette}\n              >\n                <RatingParts.ItemContext>\n                  {rootProps.children}\n                </RatingParts.ItemContext>\n              </RatingParts.Item>\n            ))\n          }\n        </RatingParts.Context>\n      </RatingParts.Control>\n    </RatingParts.Root>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAqDI,SAEI,KAFJ;AARG,SAAS,OAAO,OAAoB;AACzC,QAAM,CAAC,EAAE,MAAM,GAAG,YAAY,SAAS,IAAI;AAAA,IACzC;AAAA,IACA,CAAC,OAAO;AAAA,IACR,CAAC,eAAe,WAAW,MAAM;AAAA,EACnC;AAEA,SACE,qBAAC,YAAY,MAAZ,EAAkB,GAAG,YAAa,GAAG,WACpC;AAAA,wBAAC,QAAK,MAAM,QAAQ,KAAK,GACvB,8BAAC,YAAY,OAAZ,EAAmB,iBAAM,GAC5B;AAAA,IAEA,oBAAC,YAAY,SAAZ,EACC,8BAAC,YAAY,SAAZ,EACE,WAAC,YACA,QAAQ,MAAM,IAAI,CAAC,SACjB;AAAA,MAAC,YAAY;AAAA,MAAZ;AAAA,QAEC,OAAO;AAAA,QACP,SAAS,WAAW;AAAA,QAEpB,8BAAC,YAAY,aAAZ,EACE,oBAAU,UACb;AAAA;AAAA,MANK;AAAA,IAOP,CACD,GAEL,GACF;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-R2V75WU6.js

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

package/build/modern/{chunk-6KZVE4HC.js → chunk-RD2YPFRA.js}

@@ -6,6 +6,7 @@ import {
 } from "./chunk-BUVVRQLZ.js";
 
 // src/components/button/button.tsx
+import { ark } from "@ark-ui/react/factory";
 import {
   createContext,
   useContext,
@@ -24,7 +25,7 @@ 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",
+    ark.button,
     {
       ...nativeProps,
       disabled: pending || nativeProps.disabled,
@@ -49,4 +50,4 @@ export {
   Button,
   ButtonIcon
 };
-//# sourceMappingURL=chunk-6KZVE4HC.js.map
+//# sourceMappingURL=chunk-RD2YPFRA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/button/button.tsx"],"sourcesContent":["'use client'\n\nimport { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport {\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 = HTMLArkProps<'button'> &\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) {\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      <ark.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,SAAS,WAA8B;AACvC;AAAA,EAEE;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,OAAoB;AACzC,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,IAAI;AAAA,IAAJ;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-RKGFPKKK.js

@@ -0,0 +1,59 @@
+// src/components/admonition/primitives.tsx
+import { ark } from "@ark-ui/react/factory";
+import { cx } from "@cerberus/styled-system/css";
+import {
+  admonition
+} from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function AdmonitionRoot(props) {
+  const { palette, usage, ...nativeProps } = props;
+  const styles = admonition({ palette, usage });
+  return /* @__PURE__ */ jsx(
+    ark.aside,
+    {
+      ...nativeProps,
+      className: cx(styles.root, nativeProps.className),
+      "data-scope": "admonition",
+      "data-part": "root"
+    }
+  );
+}
+function AdmonitionIndicator(props) {
+  return /* @__PURE__ */ jsx(ark.span, { ...props, "data-scope": "admonition", "data-part": "indicator" });
+}
+function AdmonitionContent(props) {
+  return /* @__PURE__ */ jsx(ark.div, { ...props, "data-scope": "admonition", "data-part": "content" });
+}
+function AdmonitionHeading(props) {
+  const styles = admonition();
+  return /* @__PURE__ */ jsx(
+    ark.p,
+    {
+      ...props,
+      className: cx(styles.heading, props.className),
+      "data-scope": "admonition",
+      "data-part": "heading"
+    }
+  );
+}
+function AdmonitionDescription(props) {
+  const styles = admonition();
+  return /* @__PURE__ */ jsx(
+    ark.p,
+    {
+      ...props,
+      className: cx(styles.description, props.className),
+      "data-scope": "admonition",
+      "data-part": "description"
+    }
+  );
+}
+
+export {
+  AdmonitionRoot,
+  AdmonitionIndicator,
+  AdmonitionContent,
+  AdmonitionHeading,
+  AdmonitionDescription
+};
+//# sourceMappingURL=chunk-RKGFPKKK.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/admonition/primitives.tsx"],"sourcesContent":["import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  admonition,\n  type AdmonitionVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Admonition components.\n * @module 'admonition/primitives'\n */\n\n/**\n * The `AdmonitionRoot` component is the container for the Admonition.\n */\nexport function AdmonitionRoot(\n  props: HTMLArkProps<'aside'> & AdmonitionVariantProps,\n) {\n  const { palette, usage, ...nativeProps } = props\n  const styles = admonition({ palette, usage })\n  return (\n    <ark.aside\n      {...nativeProps}\n      className={cx(styles.root, nativeProps.className)}\n      data-scope=\"admonition\"\n      data-part=\"root\"\n    />\n  )\n}\n\n/**\n * The `AdmonitionIndicator` component is the indicator for the Admonition.\n */\nexport function AdmonitionIndicator(props: HTMLArkProps<'span'>) {\n  return <ark.span {...props} data-scope=\"admonition\" data-part=\"indicator\" />\n}\n\n/**\n * The `AdmonitionContent` component is the content for the Admonition.\n */\nexport function AdmonitionContent(props: HTMLArkProps<'div'>) {\n  return <ark.div {...props} data-scope=\"admonition\" data-part=\"content\" />\n}\n\n/**\n * The `AdmonitionHeading` component is the heading title for the Admonition.\n */\nexport function AdmonitionHeading(props: HTMLArkProps<'p'>) {\n  const styles = admonition()\n  return (\n    <ark.p\n      {...props}\n      className={cx(styles.heading, props.className)}\n      data-scope=\"admonition\"\n      data-part=\"heading\"\n    />\n  )\n}\n\n/**\n * The `AdmonitionDescription` component is the description for the Admonition.\n */\nexport function AdmonitionDescription(props: HTMLArkProps<'p'>) {\n  const styles = admonition()\n  return (\n    <ark.p\n      {...props}\n      className={cx(styles.description, props.className)}\n      data-scope=\"admonition\"\n      data-part=\"description\"\n    />\n  )\n}\n"],"mappings":";AAAA,SAAS,WAA8B;AACvC,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AAgBH;AANG,SAAS,eACd,OACA;AACA,QAAM,EAAE,SAAS,OAAO,GAAG,YAAY,IAAI;AAC3C,QAAM,SAAS,WAAW,EAAE,SAAS,MAAM,CAAC;AAC5C,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,MAAM,YAAY,SAAS;AAAA,MAChD,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,oBAAoB,OAA6B;AAC/D,SAAO,oBAAC,IAAI,MAAJ,EAAU,GAAG,OAAO,cAAW,cAAa,aAAU,aAAY;AAC5E;AAKO,SAAS,kBAAkB,OAA4B;AAC5D,SAAO,oBAAC,IAAI,KAAJ,EAAS,GAAG,OAAO,cAAW,cAAa,aAAU,WAAU;AACzE;AAKO,SAAS,kBAAkB,OAA0B;AAC1D,QAAM,SAAS,WAAW;AAC1B,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,SAAS,MAAM,SAAS;AAAA,MAC7C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,sBAAsB,OAA0B;AAC9D,QAAM,SAAS,WAAW;AAC1B,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,aAAa,MAAM,SAAS;AAAA,MACjD,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;","names":[]}

package/build/modern/chunk-RQCJKDXU.js

@@ -0,0 +1,21 @@
+import {
+  AdmonitionContent,
+  AdmonitionDescription,
+  AdmonitionHeading,
+  AdmonitionIndicator,
+  AdmonitionRoot
+} from "./chunk-RKGFPKKK.js";
+
+// src/components/admonition/parts.ts
+var AdmonitionParts = {
+  Root: AdmonitionRoot,
+  Indicator: AdmonitionIndicator,
+  Content: AdmonitionContent,
+  Heading: AdmonitionHeading,
+  Description: AdmonitionDescription
+};
+
+export {
+  AdmonitionParts
+};
+//# sourceMappingURL=chunk-RQCJKDXU.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/admonition/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  AdmonitionContent,\n  AdmonitionDescription,\n  AdmonitionHeading,\n  AdmonitionIndicator,\n  AdmonitionRoot,\n} from './primitives'\n\n/**\n * This module contains the parts of the Admonition component.\n * @module 'admonition/parts'\n */\n\ninterface AdmonitionPartsValue {\n  /**\n   * The context provider of the Admonition.\n   */\n  Root: ElementType\n  /**\n   * The indicator of the Admonition.\n   */\n  Indicator: ElementType\n  /**\n   * The content of the Admonition.\n   */\n  Content: ElementType\n  /**\n   * The heading of the Admonition.\n   */\n  Heading: ElementType\n  /**\n   * The description of the Admonition.\n   */\n  Description: ElementType\n}\n\n/**\n * An Object containing the parts of the Accordion component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the AdmonitionParts object and\n * the entire family of components vs. only what you use.\n */\nexport const AdmonitionParts: AdmonitionPartsValue = {\n  Root: AdmonitionRoot,\n  Indicator: AdmonitionIndicator,\n  Content: AdmonitionContent,\n  Heading: AdmonitionHeading,\n  Description: AdmonitionDescription,\n}\n"],"mappings":";;;;;;;;;AA8CO,IAAM,kBAAwC;AAAA,EACnD,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,aAAa;AACf;","names":[]}

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

@@ -1,4 +1,5 @@
 // src/components/IconButton.tsx
+import { ark } from "@ark-ui/react/factory";
 import { cx } from "@cerberus/styled-system/css";
 import {
   iconButton
@@ -7,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 function IconButton(props) {
   const { ariaLabel, palette, usage, size, ...nativeProps } = props;
   return /* @__PURE__ */ jsx(
-    "button",
+    ark.button,
     {
       ...nativeProps,
       "aria-label": ariaLabel ?? "Icon Button",
@@ -26,4 +27,4 @@ function IconButton(props) {
 export {
   IconButton
 };
-//# sourceMappingURL=chunk-APD6IX5R.js.map
+//# sourceMappingURL=chunk-SRNDDY5D.js.map

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

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

package/build/modern/chunk-SYPAA5YF.js

@@ -0,0 +1,17 @@
+import {
+  AvatarFallback,
+  AvatarImage,
+  AvatarRoot
+} from "./chunk-2FRF57EU.js";
+
+// src/components/avatar/parts.ts
+var AvatarParts = {
+  Root: AvatarRoot,
+  Image: AvatarImage,
+  Fallback: AvatarFallback
+};
+
+export {
+  AvatarParts
+};
+//# sourceMappingURL=chunk-SYPAA5YF.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/avatar/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport { AvatarFallback, AvatarImage, AvatarRoot } from './primitives'\n\n/**\n * This module contains the parts of the Avatar component.\n * @module 'avatar/parts'\n */\n\ninterface AvatarPartsValue {\n  /**\n   * The context provider of the Avatar.\n   */\n  Root: ElementType\n  /**\n   * The image of the Avatar.\n   */\n  Image: ElementType\n  /**\n   * The fallback content to display when the image fails to load.\n   */\n  Fallback: ElementType\n}\n\n/**\n * An Object containing the parts of the Accordion component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the AvatarParts object and\n * the entire family of components vs. only what you use.\n */\nexport const AvatarParts: AvatarPartsValue = {\n  Root: AvatarRoot,\n  Image: AvatarImage,\n  Fallback: AvatarFallback,\n}\n"],"mappings":";;;;;;;AAgCO,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AACZ;","names":[]}

package/build/modern/chunk-TEMFCS72.js

@@ -0,0 +1,19 @@
+import {
+  NotificationParts
+} from "./chunk-KZDEDAIK.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/notifications/close-trigger.tsx
+import { jsx } from "react/jsx-runtime";
+function ToastCloseTrigger(props) {
+  const { icons } = useCerberusContext();
+  const { close: CloseIcon } = icons;
+  return /* @__PURE__ */ jsx(NotificationParts.CloseTrigger, { ...props, children: /* @__PURE__ */ jsx(CloseIcon, {}) });
+}
+
+export {
+  ToastCloseTrigger
+};
+//# sourceMappingURL=chunk-TEMFCS72.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/notifications/close-trigger.tsx"],"sourcesContent":["'use client'\n\nimport type { ToastCloseTriggerProps } from '@ark-ui/react/toast'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { NotificationParts } from './parts'\n\n/**\n * This private module contains a abstraction of the close trigger primitive.\n * @module 'notification/close-trigger'\n */\n\nexport function ToastCloseTrigger(props: ToastCloseTriggerProps) {\n  const { icons } = useCerberusContext()\n  const { close: CloseIcon } = icons\n\n  return (\n    <NotificationParts.CloseTrigger {...props}>\n      <CloseIcon />\n    </NotificationParts.CloseTrigger>\n  )\n}\n"],"mappings":";;;;;;;;AAiBM;AANC,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,OAAO,UAAU,IAAI;AAE7B,SACE,oBAAC,kBAAkB,cAAlB,EAAgC,GAAG,OAClC,8BAAC,aAAU,GACb;AAEJ;","names":[]}

package/build/modern/chunk-TNSIYRF7.js

@@ -0,0 +1,47 @@
+import {
+  Button
+} from "./chunk-RD2YPFRA.js";
+
+// src/components/cta-dialog/trigger-item.tsx
+import { css, cx } from "@cerberus/styled-system/css";
+import { ark } from "@ark-ui/react/factory";
+import { button } from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function TriggerItem(props) {
+  const { asChild, children, ...buttonProps } = props;
+  if (asChild) {
+    return /* @__PURE__ */ jsx(
+      ark.div,
+      {
+        className: cx(
+          button({
+            shape: "rounded",
+            usage: "ghost"
+          }),
+          css({
+            w: "1/2"
+          })
+        ),
+        asChild: true,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ...buttonProps,
+      className: css({
+        w: "1/2"
+      }),
+      shape: "rounded",
+      usage: "outlined",
+      children
+    }
+  );
+}
+
+export {
+  TriggerItem
+};
+//# sourceMappingURL=chunk-TNSIYRF7.js.map