@cerberus-design/react 0.17.2 → 0.18.1

package/build/modern/{chunk-KZDEDAIK.js → chunk-MTD4JSHT.js}

@@ -4,7 +4,7 @@ import {
   NotificationDescription,
   NotificationHeading,
   NotificationRoot
-} from "./chunk-7JHQVQPS.js";
+} from "./chunk-SZOV7M64.js";
 
 // src/components/notifications/parts.ts
 var NotificationParts = {
@@ -18,4 +18,4 @@ var NotificationParts = {
 export {
   NotificationParts
 };
-//# sourceMappingURL=chunk-KZDEDAIK.js.map
+//# sourceMappingURL=chunk-MTD4JSHT.js.map

package/build/modern/{chunk-FUL2VRDU.js → chunk-MZXSSTS7.js}

@@ -6,7 +6,7 @@ import {
   RadioGroupItemText,
   RadioGroupLabel,
   RadioGroupRoot
-} from "./chunk-5RTNSVYU.js";
+} from "./chunk-HJ7MAPDD.js";
 
 // src/components/radio/parts.ts
 var RadioParts = {
@@ -22,4 +22,4 @@ var RadioParts = {
 export {
   RadioParts
 };
-//# sourceMappingURL=chunk-FUL2VRDU.js.map
+//# sourceMappingURL=chunk-MZXSSTS7.js.map

package/build/modern/{chunk-ILSKGNUA.js → chunk-N6XHXPBI.js}

@@ -1,15 +1,15 @@
-import {
-  DatePickerMonthView
-} from "./chunk-QDXU6G3X.js";
 import {
   DatePickerYearView
-} from "./chunk-R4KLHRCL.js";
+} from "./chunk-25P3FUUT.js";
 import {
   DatePickerContent
-} from "./chunk-BJJ4XAVO.js";
+} from "./chunk-RYRB5GPN.js";
 import {
   DatePickerDayView
-} from "./chunk-JQJTQVPI.js";
+} from "./chunk-KEGLWDD6.js";
+import {
+  DatePickerMonthView
+} from "./chunk-D6PFYSIP.js";
 
 // src/components/date-picker/calendar.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -24,4 +24,4 @@ function DatePickerCalendar(props) {
 export {
   DatePickerCalendar
 };
-//# sourceMappingURL=chunk-ILSKGNUA.js.map
+//# sourceMappingURL=chunk-N6XHXPBI.js.map

package/build/modern/{chunk-LLZE2RBB.js → chunk-NJ37QRAI.js}

@@ -1,6 +1,6 @@
 import {
   Avatar
-} from "./chunk-N4RPMT6J.js";
+} from "./chunk-CF4TCMJI.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
@@ -30,4 +30,4 @@ function MatchAvatar(props) {
 export {
   MatchAvatar
 };
-//# sourceMappingURL=chunk-LLZE2RBB.js.map
+//# sourceMappingURL=chunk-NJ37QRAI.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/admonition/match-avatar.tsx"],"sourcesContent":["'use client'\n\nimport type { AdmonitionVariantProps } from 'styled-system/recipes'\nimport { useRef, type ReactNode } from 'react'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Avatar } from '../avatar/avatar'\n\n/**\n * This module provides a component for creating the admonition indicator.\n * @module 'admonition/match-avatar'\n */\n\ninterface AvatarRefProps {\n  page: ReactNode\n  info: ReactNode\n  success: ReactNode\n  warning: ReactNode\n  danger: ReactNode\n}\n\ntype MatchAvatarProps = AdmonitionVariantProps\n\nexport function MatchAvatar(props: MatchAvatarProps) {\n  const { palette = 'page' } = props\n\n  const { icons } = useCerberusContext()\n  const {\n    infoNotification: InfoIcon,\n    successNotification: SuccessIcon,\n    warningNotification: WarningIcon,\n    dangerNotification: DangerIcon,\n  } = icons\n\n  // cache the el since the result is static and the component is client side\n  const elRef = useRef<AvatarRefProps>({\n    page: <Avatar gradient=\"charon-light\" fallback={<InfoIcon />} size=\"sm\" />,\n    info: (\n      <Avatar gradient=\"amphiaraus-dark\" fallback={<InfoIcon />} size=\"sm\" />\n    ),\n    success: (\n      <Avatar gradient=\"thanatos-dark\" fallback={<SuccessIcon />} size=\"sm\" />\n    ),\n    warning: (\n      <Avatar gradient=\"asphodel-light\" fallback={<WarningIcon />} size=\"sm\" />\n    ),\n    danger: (\n      <Avatar gradient=\"hades-light\" fallback={<DangerIcon />} size=\"sm\" />\n    ),\n  })\n\n  return <>{elRef.current[palette]}</>\n}\n"],"mappings":";;;;;;;;AAGA,SAAS,cAA8B;AAgCa,SAe3C,UAf2C;AAb7C,SAAS,YAAY,OAAyB;AACnD,QAAM,EAAE,UAAU,OAAO,IAAI;AAE7B,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM;AAAA,IACJ,kBAAkB;AAAA,IAClB,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,EACtB,IAAI;AAGJ,QAAM,QAAQ,OAAuB;AAAA,IACnC,MAAM,oBAAC,UAAO,UAAS,gBAAe,UAAU,oBAAC,YAAS,GAAI,MAAK,MAAK;AAAA,IACxE,MACE,oBAAC,UAAO,UAAS,mBAAkB,UAAU,oBAAC,YAAS,GAAI,MAAK,MAAK;AAAA,IAEvE,SACE,oBAAC,UAAO,UAAS,iBAAgB,UAAU,oBAAC,eAAY,GAAI,MAAK,MAAK;AAAA,IAExE,SACE,oBAAC,UAAO,UAAS,kBAAiB,UAAU,oBAAC,eAAY,GAAI,MAAK,MAAK;AAAA,IAEzE,QACE,oBAAC,UAAO,UAAS,eAAc,UAAU,oBAAC,cAAW,GAAI,MAAK,MAAK;AAAA,EAEvE,CAAC;AAED,SAAO,gCAAG,gBAAM,QAAQ,OAAO,GAAE;AACnC;","names":[]}

package/build/modern/{chunk-LVHQGXJK.js → chunk-NP73HOHI.js}

@@ -1,9 +1,9 @@
 import {
   DatePickerTrigger
-} from "./chunk-URO5I5AQ.js";
+} from "./chunk-ZL7AX5EM.js";
 import {
   DatePickerParts
-} from "./chunk-WVFEJCUN.js";
+} from "./chunk-J76SGDYP.js";
 
 // src/components/date-picker/input.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -24,4 +24,4 @@ function DatePickerInput(props) {
 export {
   DatePickerInput
 };
-//# sourceMappingURL=chunk-LVHQGXJK.js.map
+//# sourceMappingURL=chunk-NP73HOHI.js.map

package/build/modern/{chunk-7TQRTBUP.js → chunk-NQ22M7U7.js}

@@ -3,7 +3,7 @@ import {
   FieldsetHelperText,
   FieldsetLegend,
   FieldsetRoot
-} from "./chunk-Z3FDG263.js";
+} from "./chunk-KV4NRGKW.js";
 
 // src/components/fieldset/parts.ts
 var FieldsetParts = {
@@ -16,4 +16,4 @@ var FieldsetParts = {
 export {
   FieldsetParts
 };
-//# sourceMappingURL=chunk-7TQRTBUP.js.map
+//# sourceMappingURL=chunk-NQ22M7U7.js.map

package/build/modern/{chunk-V243YFI3.js → chunk-NYEUNVKR.js}

@@ -1,12 +1,12 @@
 import {
   CheckboxParts
-} from "./chunk-KWZ3CEG6.js";
-import {
-  Show
-} from "./chunk-BUVVRQLZ.js";
+} from "./chunk-52ZQ26IV.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
+import {
+  Show
+} from "./chunk-VEAC4I3F.js";
 
 // src/components/checkbox/checkbox-icon.tsx
 import { jsx } from "react/jsx-runtime";
@@ -19,4 +19,4 @@ function CheckboxIcon(props) {
 export {
   CheckboxIcon
 };
-//# sourceMappingURL=chunk-V243YFI3.js.map
+//# sourceMappingURL=chunk-NYEUNVKR.js.map

package/build/modern/{chunk-MR4DX76C.js → chunk-NYVKL2IS.js}

@@ -1,6 +1,6 @@
 import {
   createSelectCollection
-} from "./chunk-QCBLRACK.js";
+} from "./chunk-5MUUKSLF.js";
 
 // src/components/combobox/use-stateful-collection.ts
 import { useCallback, useMemo, useState } from "react";
@@ -35,4 +35,4 @@ function useStatefulCollection(initialItems = []) {
 export {
   useStatefulCollection
 };
-//# sourceMappingURL=chunk-MR4DX76C.js.map
+//# sourceMappingURL=chunk-NYVKL2IS.js.map

package/build/modern/{chunk-E3PAEB7Y.js → chunk-OCZCCOWW.js}

@@ -1,6 +1,6 @@
 // src/config/icons/checkbox.icons.tsx
 import { jsx } from "react/jsx-runtime";
-function CheckmarkIcon(props) {
+function CheckmarkIcon() {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -9,7 +9,6 @@ function CheckmarkIcon(props) {
       fill: "none",
       role: "img",
       viewBox: "0 0 24 24",
-      ...props,
       children: /* @__PURE__ */ jsx(
         "path",
         {
@@ -20,7 +19,7 @@ function CheckmarkIcon(props) {
     }
   );
 }
-function IndeterminateIcon(props) {
+function IndeterminateIcon() {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -29,7 +28,6 @@ function IndeterminateIcon(props) {
       role: "img",
       fill: "none",
       viewBox: "0 0 24 24",
-      ...props,
       children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M4 11h16v2.667H4z" })
     }
   );
@@ -39,4 +37,4 @@ export {
   CheckmarkIcon,
   IndeterminateIcon
 };
-//# sourceMappingURL=chunk-E3PAEB7Y.js.map
+//# sourceMappingURL=chunk-OCZCCOWW.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/config/icons/checkbox.icons.tsx"],"sourcesContent":["/**\n * This module contains substitute icons for the Checkbox component.\n * @module\n */\n\n/**\n * Checkmark icon for Checkbox component\n */\nexport function CheckmarkIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M9.714 18 4 12.335l1.818-1.764 3.896 3.824L18.181 6 20 7.803 9.714 18Z\"\n      />\n    </svg>\n  )\n}\n\n/**\n * Indeterminate icon for Checkbox component\n */\nexport function IndeterminateIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role=\"img\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n    >\n      <path fill=\"currentColor\" d=\"M4 11h16v2.667H4z\" />\n    </svg>\n  )\n}\n"],"mappings":";AAiBM;AATC,SAAS,gBAAgB;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ;AAKO,SAAS,oBAAoB;AAClC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MAER,8BAAC,UAAK,MAAK,gBAAe,GAAE,qBAAoB;AAAA;AAAA,EAClD;AAEJ;","names":[]}

package/build/modern/{chunk-5DY66QZD.js → chunk-ONHP3RYL.js}

@@ -9,17 +9,17 @@ import {
   Th,
   Thead,
   Tr
-} from "./chunk-A464YKEL.js";
+} from "./chunk-MDXJ6MGF.js";
 import {
   Show
-} from "./chunk-BUVVRQLZ.js";
+} from "./chunk-VEAC4I3F.js";
 
 // src/components/table/table.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 function TableRootEl(props) {
   const { sticky, caption, ...rootProps } = props;
   return /* @__PURE__ */ jsx(TableRoot, { ...rootProps, "data-sticky": sticky ?? false, children: /* @__PURE__ */ jsxs(TableEl, { children: [
-    /* @__PURE__ */ jsx(Show, { when: Boolean(caption), children: /* @__PURE__ */ jsx(Caption, { children: caption }) }),
+    /* @__PURE__ */ jsx(Show, { when: caption, children: /* @__PURE__ */ jsx(Caption, { children: caption }) }),
     rootProps.children
   ] }) });
 }
@@ -38,4 +38,4 @@ var Table = {
 export {
   Table
 };
-//# sourceMappingURL=chunk-5DY66QZD.js.map
+//# sourceMappingURL=chunk-ONHP3RYL.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/table/table.tsx"],"sourcesContent":["import type { HTMLArkProps } from '@ark-ui/react/factory'\nimport type { TablePartsValue } from './parts'\nimport {\n  Caption,\n  TableEl,\n  TableRoot,\n  TableTrigger,\n  Tbody,\n  Td,\n  Tfoot,\n  Th,\n  Thead,\n  Tr,\n} from './primitives'\nimport type { TableVariantProps } from 'styled-system/recipes'\nimport { Show } from '../Show'\n\ninterface TableRootElProps extends HTMLArkProps<'div'>, TableVariantProps {\n  /**\n   * An easy to understand description of the table. Required for accessibility.\n   */\n  caption: string\n  /**\n   * If true, the table header will be sticky.\n   *\n   * @default false\n   */\n  sticky?: boolean\n}\n\n/**\n * An abstraction over the TableRoot component that adds a sticky attribute.\n *\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/table)\n *\n * @remarks\n *\n * This component is used to create a table with an optional sticky header.\n * It is a wrapper around the TableRoot component and the TableEl primitive.\n */\nfunction TableRootEl(props: TableRootElProps) {\n  const { sticky, caption, ...rootProps } = props\n  return (\n    <TableRoot {...rootProps} data-sticky={sticky ?? false}>\n      <TableEl>\n        <Show when={caption}>\n          <Caption>{caption}</Caption>\n        </Show>\n\n        {rootProps.children}\n      </TableEl>\n    </TableRoot>\n  )\n}\n\n/**\n * An Object containing the parts of the Table component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TableParts object and\n * the entire family of components vs. only what you use.\n */\nexport const Table: Omit<TablePartsValue, 'Table'> = {\n  Root: TableRootEl,\n  Caption: Caption,\n  Header: Thead,\n  HeaderCol: Th,\n  Body: Tbody,\n  Row: Tr,\n  Cell: Td,\n  Footer: Tfoot,\n  Trigger: TableTrigger,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA4CM,SAEI,KAFJ;AAJN,SAAS,YAAY,OAAyB;AAC5C,QAAM,EAAE,QAAQ,SAAS,GAAG,UAAU,IAAI;AAC1C,SACE,oBAAC,aAAW,GAAG,WAAW,eAAa,UAAU,OAC/C,+BAAC,WACC;AAAA,wBAAC,QAAK,MAAM,SACV,8BAAC,WAAS,mBAAQ,GACpB;AAAA,IAEC,UAAU;AAAA,KACb,GACF;AAEJ;AAWO,IAAM,QAAwC;AAAA,EACnD,MAAM;AAAA,EACN;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AACX;","names":[]}

package/build/modern/{chunk-RKGFPKKK.js → chunk-OY33UHBG.js}

@@ -1,9 +1,7 @@
 // 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 { cx } from "styled-system/css";
+import { admonition } from "styled-system/recipes";
 import { jsx } from "react/jsx-runtime";
 function AdmonitionRoot(props) {
   const { palette, usage, ...nativeProps } = props;
@@ -56,4 +54,4 @@ export {
   AdmonitionHeading,
   AdmonitionDescription
 };
-//# sourceMappingURL=chunk-RKGFPKKK.js.map
+//# sourceMappingURL=chunk-OY33UHBG.js.map

package/build/modern/chunk-OY33UHBG.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 'styled-system/css'\nimport { admonition, type AdmonitionVariantProps } from '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,SAAS,kBAA+C;AAgBpD;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-LMBMMBKU.js → chunk-OY7BOKWW.js}

@@ -1,15 +1,15 @@
 import {
   CheckboxIcon
-} from "./chunk-V243YFI3.js";
+} from "./chunk-NYEUNVKR.js";
 import {
   CheckboxParts
-} from "./chunk-KWZ3CEG6.js";
+} from "./chunk-52ZQ26IV.js";
 import {
   Text
-} from "./chunk-RU5LOXWI.js";
+} from "./chunk-L64HQGLQ.js";
 import {
   Show
-} from "./chunk-BUVVRQLZ.js";
+} from "./chunk-VEAC4I3F.js";
 
 // src/components/checkbox/checkbox.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -28,4 +28,4 @@ function Checkbox(props) {
 export {
   Checkbox
 };
-//# sourceMappingURL=chunk-LMBMMBKU.js.map
+//# sourceMappingURL=chunk-OY7BOKWW.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import type { CheckboxRootProps } from '@ark-ui/react'\nimport { type CheckboxVariantProps } from 'styled-system/recipes'\nimport { Show } from '../Show'\nimport { Text } from '../Text'\nimport { CheckboxParts } from './parts'\nimport { CheckboxIcon } from './checkbox-icon'\n\n/**\n * This module contains the Checkbox component.\n * @module\n */\n\nexport type CheckboxProps = CheckboxVariantProps & CheckboxRootProps\n\n/**\n * Checkbox component is an abstraction of the primitives that displays a\n * controlled checkbox with a label.\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)\n * @description [Ark Docs](https://ark-ui.com/docs/components/checkbox)\n */\nexport function Checkbox(props: CheckboxProps) {\n  const { size, children, ...rootProps } = props\n\n  return (\n    <CheckboxParts.Root {...rootProps}>\n      <CheckboxParts.Control size={size}>\n        <CheckboxIcon indeterminate={rootProps.checked === 'indeterminate'} />\n      </CheckboxParts.Control>\n\n      <CheckboxParts.Label size={size}>\n        {children}\n        <Show when={props.required}>\n          <Text as=\"span\" data-part=\"required-indicator\">\n            (required)\n          </Text>\n        </Show>\n      </CheckboxParts.Label>\n\n      <CheckboxParts.HiddenInput />\n    </CheckboxParts.Root>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AA0BQ,cAGF,YAHE;AAND,SAAS,SAAS,OAAsB;AAC7C,QAAM,EAAE,MAAM,UAAU,GAAG,UAAU,IAAI;AAEzC,SACE,qBAAC,cAAc,MAAd,EAAoB,GAAG,WACtB;AAAA,wBAAC,cAAc,SAAd,EAAsB,MACrB,8BAAC,gBAAa,eAAe,UAAU,YAAY,iBAAiB,GACtE;AAAA,IAEA,qBAAC,cAAc,OAAd,EAAoB,MAClB;AAAA;AAAA,MACD,oBAAC,QAAK,MAAM,MAAM,UAChB,8BAAC,QAAK,IAAG,QAAO,aAAU,sBAAqB,wBAE/C,GACF;AAAA,OACF;AAAA,IAEA,oBAAC,cAAc,aAAd,EAA0B;AAAA,KAC7B;AAEJ;","names":[]}

package/build/modern/{chunk-MZMZAX4E.js → chunk-P7DWMM56.js}

@@ -1,31 +1,31 @@
-import {
-  Text
-} from "./chunk-RU5LOXWI.js";
 import {
   Dialog
-} from "./chunk-MH6CIBDU.js";
+} from "./chunk-Z2KBUTCO.js";
 import {
   DialogDescription,
   DialogHeading,
   DialogProvider
-} from "./chunk-D7UIWAFO.js";
+} from "./chunk-SSR3CWJZ.js";
 import {
-  Avatar
-} from "./chunk-N4RPMT6J.js";
+  Button
+} from "./chunk-GB7W3YNU.js";
+import {
+  Text
+} from "./chunk-L64HQGLQ.js";
 import {
   FieldLabel,
   FieldRoot,
   Input
-} from "./chunk-VNPLKMEM.js";
+} from "./chunk-WEL43I6Y.js";
 import {
-  Button
-} from "./chunk-RD2YPFRA.js";
-import {
-  Show
-} from "./chunk-BUVVRQLZ.js";
+  Avatar
+} from "./chunk-CF4TCMJI.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
+import {
+  Show
+} from "./chunk-VEAC4I3F.js";
 
 // src/context/prompt-modal.tsx
 import {
@@ -36,10 +36,10 @@ import {
   useRef,
   useState
 } from "react";
-import { DialogCloseTrigger } from "@ark-ui/react";
-import { HStack, VStack } from "@cerberus/styled-system/jsx";
-import { css } from "@cerberus/styled-system/css";
-import { hstack } from "@cerberus/styled-system/patterns";
+import { DialogCloseTrigger } from "@ark-ui/react/dialog";
+import { HStack, VStack } from "styled-system/jsx";
+import { css } from "styled-system/css";
+import { hstack } from "styled-system/patterns";
 import { jsx, jsxs } from "react/jsx-runtime";
 var PromptModalContext = createContext(null);
 function PromptModal(props) {
@@ -207,4 +207,4 @@ export {
   PromptModal,
   usePromptModal
 };
-//# sourceMappingURL=chunk-MZMZAX4E.js.map
+//# sourceMappingURL=chunk-P7DWMM56.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/context/prompt-modal.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type MouseEvent,\n  type PropsWithChildren,\n} from 'react'\nimport { DialogCloseTrigger } from '@ark-ui/react/dialog'\nimport { HStack, VStack } from 'styled-system/jsx'\nimport { css } from 'styled-system/css'\nimport { hstack } from 'styled-system/patterns'\nimport { FieldLabel, FieldRoot, Input } from '../components/field/index'\nimport { Button } from '../components/button/button'\nimport { Show } from '../components/Show'\nimport { Avatar } from '../components/avatar/avatar'\nimport { Text } from '../components/Text'\nimport {\n  Dialog,\n  DialogDescription,\n  DialogHeading,\n  DialogProvider,\n} from '../components/dialog'\nimport { useCerberusContext } from './cerberus'\n\n/**\n * This module provides a context and hook for the prompt modal.\n * @module PromptModal\n */\n\nexport interface ShowPromptModalOptions {\n  /**\n   * The kind of prompt modal to show.\n   * @default 'non-destructive'\n   */\n  kind?: 'destructive' | 'non-destructive'\n  /**\n   * The heading of the prompt modal.\n   */\n  heading: string\n  /**\n   * The description of the prompt modal.\n   */\n  description?: string\n  /**\n   * The key to confirm the action.\n   */\n  key: string\n  /**\n   * The text for the action button.\n   */\n  actionText: string\n  /**\n   * The text for the cancel button.\n   */\n  cancelText: string\n}\nexport type PromptShowResult =\n  | ((value: string | PromiseLike<string>) => void)\n  | null\n\nexport interface PromptModalValue {\n  /**\n   * The method to trigger the prompt modal.\n   * @returns the value of the key if the action is confirmed.\n   * @example\n   * ```tsx\n   * const accepted = await prompt.show({\n   *  kind: 'destructive',\n   *  heading: 'Delete channel?',\n   *  description:\n   *   'This will permanently delete a channel on your account. There is no going back.',\n   *  key: CHANNEL_NAME,\n   *  actionText: 'Yes, delete channel',\n   *  cancelText: 'No, cancel',\n   * })\n   */\n  show: (options: ShowPromptModalOptions) => Promise<string>\n}\n\nconst PromptModalContext = createContext<PromptModalValue | null>(null)\n\nexport type PromptModalProviderProps = PropsWithChildren<unknown>\n\n/**\n * Provides a prompt modal to the app.\n * @see https://cerberus.digitalu.design/react/prompt-modal\n * @example\n * ```tsx\n * // Wrap the Provider around the root of the feature.\n * <PromptModal>\n *   <SomeFeatureSection />\n * </PromptModal>\n *\n * // Use the hook to show the prompt modal.\n * const prompt = usePromptModal()\n *\n * const handleClick = useCallback(async () => {\n *  const accepted = await prompt.show({\n *   kind: 'destructive',\n *   heading: 'Delete channel?',\n *  description:\n *   'This will permanently delete a channel on your account. There is no going back.',\n * key: CHANNEL_NAME,\n * actionText: 'Yes, delete channel',\n * cancelText: 'No, cancel',\n * })\n * // do something with accepted\n * }, [prompt])\n * ```\n */\nexport function PromptModal(\n  props: PropsWithChildren<PromptModalProviderProps>,\n) {\n  const resolveRef = useRef<PromptShowResult>(null)\n  const [open, setOpen] = useState<boolean>(false)\n  const [content, setContent] = useState<ShowPromptModalOptions | null>(null)\n  const [inputValue, setInputValue] = useState<string>('')\n\n  const { icons } = useCerberusContext()\n  const { promptModal: PromptIcon } = icons\n\n  const isValid = useMemo(\n    () => inputValue === content?.key,\n    [inputValue, content],\n  )\n\n  const palette = useMemo(\n    () => (content?.kind === 'destructive' ? 'danger' : 'action'),\n    [content],\n  )\n\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      setInputValue(e.currentTarget.value)\n    },\n    [content],\n  )\n\n  const handleChoice = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      const target = e.currentTarget as HTMLButtonElement\n      if (target.value === 'true') {\n        resolveRef.current?.(inputValue)\n      }\n      setOpen(false)\n    },\n    [inputValue, setOpen],\n  )\n\n  const handleShow = useCallback(\n    (options: ShowPromptModalOptions) => {\n      return new Promise<string>((resolve) => {\n        setContent({ ...options, kind: options.kind || 'non-destructive' })\n        setOpen(true)\n        resolveRef.current = resolve\n      })\n    },\n    [setOpen],\n  )\n\n  const value = useMemo(\n    () => ({\n      show: handleShow,\n    }),\n    [handleShow],\n  )\n\n  return (\n    <PromptModalContext.Provider value={value}>\n      {props.children}\n\n      <DialogProvider open={open} onOpenChange={(e) => setOpen(e.open)}>\n        <Dialog size=\"sm\">\n          <VStack gap=\"xl\" w=\"full\">\n            <VStack alignItems=\"flex-start\" gap=\"md\" w=\"full\">\n              <HStack\n                alignSelf=\"center\"\n                justify=\"center\"\n                paddingBlockEnd=\"md\"\n                w=\"full\"\n              >\n                <Show\n                  when={palette === 'danger'}\n                  fallback={\n                    <Avatar\n                      gradient=\"charon-light\"\n                      fallback={<PromptIcon size={24} />}\n                    />\n                  }\n                >\n                  <Avatar\n                    gradient=\"hades-dark\"\n                    fallback={<PromptIcon size={24} />}\n                  />\n                </Show>\n              </HStack>\n              <DialogHeading>{content?.heading}</DialogHeading>\n              <DialogDescription>{content?.description}</DialogDescription>\n            </VStack>\n\n            <VStack\n              alignItems=\"flex-start\"\n              marginBlockStart=\"md\"\n              marginBlockEnd=\"lg\"\n              w=\"full\"\n            >\n              <FieldRoot\n                ids={{\n                  control: 'confirm',\n                }}\n                invalid={!isValid}\n              >\n                <FieldLabel\n                  className={hstack({\n                    gap: 'xs',\n                    justify: 'flex-start !important',\n                    marginBlockEnd: 'xs',\n                    textStyle: 'label-md',\n                  })}\n                >\n                  Type\n                  <Text as=\"strong\" textTransform=\"uppercase\">\n                    {content?.key}\n                  </Text>\n                  to confirm\n                </FieldLabel>\n                <Input name=\"confirm\" onChange={handleChange} type=\"text\" />\n              </FieldRoot>\n            </VStack>\n\n            <HStack gap=\"md\" justify=\"stretch\" w=\"full\">\n              <Button\n                autoFocus\n                className={css({\n                  w: '1/2',\n                })}\n                disabled={!isValid}\n                name=\"confirm\"\n                onClick={handleChoice}\n                palette={palette}\n                value=\"true\"\n              >\n                {content?.actionText}\n              </Button>\n\n              <DialogCloseTrigger asChild>\n                <Button\n                  className={css({\n                    w: '1/2',\n                  })}\n                  name=\"cancel\"\n                  onClick={handleChoice}\n                  usage=\"outlined\"\n                  value=\"false\"\n                >\n                  {content?.cancelText}\n                </Button>\n              </DialogCloseTrigger>\n            </HStack>\n          </VStack>\n        </Dialog>\n      </DialogProvider>\n    </PromptModalContext.Provider>\n  )\n}\n\n/**\n * Used to retrieve the context of the PromptModal provider.\n */\nexport function usePromptModal(): PromptModalValue {\n  const context = useContext(PromptModalContext)\n  if (context === null) {\n    throw new Error('usePromptModal must be used within a PromptModal Provider')\n  }\n  return context\n}\n"],"mappings":"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","names":[]}

package/build/modern/{chunk-4HUK7YNZ.js → chunk-PHPXOX2Y.js}

@@ -1,19 +1,21 @@
 import {
   AccordionChevronItemIndicator
-} from "./chunk-JWF7FK7T.js";
+} from "./chunk-7I7LA2EE.js";
 import {
   AccordionParts
-} from "./chunk-XBDEIBW2.js";
+} from "./chunk-QNZIH2KG.js";
 import {
   splitProps
 } from "./chunk-BL7G3577.js";
 import {
   Show
-} from "./chunk-BUVVRQLZ.js";
+} from "./chunk-VEAC4I3F.js";
 
 // src/components/accordion/item-group.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-var Accordion = AccordionParts.Root;
+function Accordion(props) {
+  return /* @__PURE__ */ jsx(AccordionParts.Root, { ...props });
+}
 function AccordionItemGroup(props) {
   const [groupProps, itemProps] = splitProps(props, [
     "heading",
@@ -35,4 +37,4 @@ export {
   Accordion,
   AccordionItemGroup
 };
-//# sourceMappingURL=chunk-4HUK7YNZ.js.map
+//# sourceMappingURL=chunk-PHPXOX2Y.js.map

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

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

package/build/modern/{chunk-KJMCUYWV.js → chunk-Q737W5KJ.js}

@@ -1,9 +1,9 @@
 // src/components/ProgressBar.tsx
 import { ark } from "@ark-ui/react/factory";
-import { cx } from "@cerberus/styled-system/css";
+import { cx } from "styled-system/css";
 import {
   progressBar
-} from "@cerberus/styled-system/recipes";
+} from "styled-system/recipes";
 import { jsx } from "react/jsx-runtime";
 function ProgressBar(props) {
   const { indeterminate, size, usage, now, label, ...nativeProps } = props;
@@ -38,4 +38,4 @@ function ProgressBar(props) {
 export {
   ProgressBar
 };
-//# sourceMappingURL=chunk-KJMCUYWV.js.map
+//# sourceMappingURL=chunk-Q737W5KJ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/ProgressBar.tsx"],"sourcesContent":["import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from 'styled-system/css'\nimport {\n  progressBar,\n  type ProgressBarVariantProps,\n} from 'styled-system/recipes'\n\n/**\n * This module contains the ProgressBar component.\n * @module\n */\n\nexport type ProgressBarBaseProps = HTMLArkProps<'div'>\nexport type NonIndeterminateProgressBarProps = {\n  /**\n   * A unique identifier for the progress bar. Required for accessibility.\n   */\n  id: string\n  /**\n   * A description label for the progress bar. Required for accessibility.\n   */\n  label: string\n  /**\n   * The state of the progress bar.\n   */\n  indeterminate?: never\n  /**\n   * The current value of the progress bar.\n   */\n  now: number\n}\nexport type IndeterminateProgressBarProps = {\n  /**\n   * A unique identifier for the progress bar. Required for accessibility.\n   */\n  id: string\n  /**\n   * A description label for the progress bar. Required for accessibility.\n   */\n  label: string\n  /**\n   * The state of the progress bar.\n   */\n  indeterminate?: true\n  /**\n   * The current value of the progress bar.\n   */\n  now?: never\n}\nexport type ProgressBarProps = ProgressBarBaseProps &\n  ProgressBarVariantProps &\n  (NonIndeterminateProgressBarProps | IndeterminateProgressBarProps)\n\n/**\n * The ProgressBar component is used to display the progress of a task.\n * @see https://cerberus.digitalu.design/react/progress-indicators\n * @example\n * ```tsx\n * <ProgressBar value={75} />\n * ```\n */\nexport function ProgressBar(props: ProgressBarProps) {\n  const { indeterminate, size, usage, now, label, ...nativeProps } = props\n  const styles = progressBar({ size, usage })\n  const nowClamped = Math.min(100, Math.max(0, now || 0))\n  const width = {\n    width: indeterminate ? '50%' : `${nowClamped}%`,\n  }\n\n  return (\n    <ark.div\n      {...nativeProps}\n      aria-label={label}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={indeterminate ? 0 : nowClamped}\n      className={cx(nativeProps.className, styles.root)}\n      role=\"progressbar\"\n    >\n      <ark.div\n        {...(indeterminate && { 'data-indeterminate': true })}\n        data-complete={nowClamped === 100}\n        className={styles.bar}\n        style={width}\n      />\n    </ark.div>\n  )\n}\n"],"mappings":";AAAA,SAAS,WAA8B;AACvC,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AA0ED;AAlBC,SAAS,YAAY,OAAyB;AACnD,QAAM,EAAE,eAAe,MAAM,OAAO,KAAK,OAAO,GAAG,YAAY,IAAI;AACnE,QAAM,SAAS,YAAY,EAAE,MAAM,MAAM,CAAC;AAC1C,QAAM,aAAa,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,CAAC;AACtD,QAAM,QAAQ;AAAA,IACZ,OAAO,gBAAgB,QAAQ,GAAG,UAAU;AAAA,EAC9C;AAEA,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,cAAY;AAAA,MACZ,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe,gBAAgB,IAAI;AAAA,MACnC,WAAW,GAAG,YAAY,WAAW,OAAO,IAAI;AAAA,MAChD,MAAK;AAAA,MAEL;AAAA,QAAC,IAAI;AAAA,QAAJ;AAAA,UACE,GAAI,iBAAiB,EAAE,sBAAsB,KAAK;AAAA,UACnD,iBAAe,eAAe;AAAA,UAC9B,WAAW,OAAO;AAAA,UAClB,OAAO;AAAA;AAAA,MACT;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/{chunk-QQCB6JXW.js → chunk-QCZ5VNGU.js}

@@ -1,12 +1,12 @@
 import {
   RatingParts
-} from "./chunk-OS73F4SR.js";
+} from "./chunk-GYUCW2QK.js";
 import {
   splitProps
 } from "./chunk-BL7G3577.js";
 import {
   Show
-} from "./chunk-BUVVRQLZ.js";
+} from "./chunk-VEAC4I3F.js";
 
 // src/components/rating/rating.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -17,7 +17,7 @@ function Rating(props) {
     ["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(Show, { when: 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,
       {
@@ -33,4 +33,4 @@ function Rating(props) {
 export {
   Rating
 };
-//# sourceMappingURL=chunk-QQCB6JXW.js.map
+//# sourceMappingURL=chunk-QCZ5VNGU.js.map

package/build/modern/chunk-QCZ5VNGU.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 '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={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,OACV,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-TNSIYRF7.js → chunk-QD3WAARV.js}

@@ -1,11 +1,11 @@
 import {
   Button
-} from "./chunk-RD2YPFRA.js";
+} from "./chunk-GB7W3YNU.js";
 
 // src/components/cta-dialog/trigger-item.tsx
-import { css, cx } from "@cerberus/styled-system/css";
+import { css, cx } from "styled-system/css";
 import { ark } from "@ark-ui/react/factory";
-import { button } from "@cerberus/styled-system/recipes";
+import { button } from "styled-system/recipes";
 import { jsx } from "react/jsx-runtime";
 function TriggerItem(props) {
   const { asChild, children, ...buttonProps } = props;
@@ -44,4 +44,4 @@ function TriggerItem(props) {
 export {
   TriggerItem
 };
-//# sourceMappingURL=chunk-TNSIYRF7.js.map
+//# sourceMappingURL=chunk-QD3WAARV.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/cta-dialog/trigger-item.tsx"],"sourcesContent":["import { css, cx } from 'styled-system/css'\nimport { Button, type ButtonProps } from '../button/button'\nimport { ark } from '@ark-ui/react/factory'\nimport { button } from 'styled-system/recipes'\n\n/**\n * This module provides the trigger item for the cta modal.\n * @module 'react/cta-modal/trigger-item'\n */\n\nexport interface TriggerItemProps extends ButtonProps {\n  asChild?: boolean\n}\n\n/**\n * Trigger item for the cta modal which renders content based on the actions.\n * type.\n */\nexport function TriggerItem(props: TriggerItemProps) {\n  const { asChild, children, ...buttonProps } = props\n\n  if (asChild) {\n    return (\n      <ark.div\n        className={cx(\n          button({\n            shape: 'rounded',\n            usage: 'ghost',\n          }),\n          css({\n            w: '1/2',\n          }),\n        )}\n        asChild\n      >\n        {children}\n      </ark.div>\n    )\n  }\n\n  return (\n    <Button\n      {...buttonProps}\n      className={css({\n        w: '1/2',\n      })}\n      shape=\"rounded\"\n      usage=\"outlined\"\n    >\n      {children}\n    </Button>\n  )\n}\n"],"mappings":";;;;;AAAA,SAAS,KAAK,UAAU;AAExB,SAAS,WAAW;AACpB,SAAS,cAAc;AAoBjB;AALC,SAAS,YAAY,OAAyB;AACnD,QAAM,EAAE,SAAS,UAAU,GAAG,YAAY,IAAI;AAE9C,MAAI,SAAS;AACX,WACE;AAAA,MAAC,IAAI;AAAA,MAAJ;AAAA,QACC,WAAW;AAAA,UACT,OAAO;AAAA,YACL,OAAO;AAAA,YACP,OAAO;AAAA,UACT,CAAC;AAAA,UACD,IAAI;AAAA,YACF,GAAG;AAAA,UACL,CAAC;AAAA,QACH;AAAA,QACA,SAAO;AAAA,QAEN;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,IAAI;AAAA,QACb,GAAG;AAAA,MACL,CAAC;AAAA,MACD,OAAM;AAAA,MACN,OAAM;AAAA,MAEL;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/build/modern/{chunk-XBDEIBW2.js → chunk-QNZIH2KG.js}

@@ -4,7 +4,7 @@ import {
   AccordionItemIndicator,
   AccordionItemTrigger,
   AccordionRoot
-} from "./chunk-CPNKDKC2.js";
+} from "./chunk-BMPMMTX3.js";
 
 // src/components/accordion/parts.ts
 var AccordionParts = {
@@ -18,4 +18,4 @@ var AccordionParts = {
 export {
   AccordionParts
 };
-//# sourceMappingURL=chunk-XBDEIBW2.js.map
+//# sourceMappingURL=chunk-QNZIH2KG.js.map

package/build/modern/{chunk-7HKULJ4G.js → chunk-RF4VKGOQ.js}

@@ -1,22 +1,25 @@
-import {
-  MatchNotificationIcon
-} from "./chunk-63F5MURH.js";
 import {
   ToastCloseTrigger
-} from "./chunk-TEMFCS72.js";
+} from "./chunk-5HEU3SYR.js";
+import {
+  MatchNotificationIcon
+} from "./chunk-TS7PAQPV.js";
 import {
   NotificationParts
-} from "./chunk-KZDEDAIK.js";
+} from "./chunk-MTD4JSHT.js";
 import {
   Button
-} from "./chunk-RD2YPFRA.js";
+} from "./chunk-GB7W3YNU.js";
 import {
   Show
-} from "./chunk-BUVVRQLZ.js";
+} from "./chunk-VEAC4I3F.js";
 
 // src/components/notifications/center.tsx
-import { createToaster, Toaster } from "@ark-ui/react/toast";
-import { Box } from "@cerberus/styled-system/jsx";
+import {
+  createToaster,
+  Toaster
+} from "@ark-ui/react/toast";
+import { Box } from "styled-system/jsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 var toaster = createToaster({
   gap: 16,
@@ -34,7 +37,7 @@ function NotificationCenter() {
     /* @__PURE__ */ jsxs(Box, { flex: "1", paddingBlock: "sm", children: [
       /* @__PURE__ */ jsx(NotificationParts.Heading, { children: toast.title }),
       /* @__PURE__ */ jsx(NotificationParts.Description, { children: toast.description }),
-      /* @__PURE__ */ jsx(Show, { when: Boolean(toast.action), children: /* @__PURE__ */ jsx(NotificationParts.ActionTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Show, { when: toast.action, children: /* @__PURE__ */ jsx(NotificationParts.ActionTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
         Button,
         {
           palette: toast.type,
@@ -64,4 +67,4 @@ export {
   NotificationCenter,
   useNotificationCenter
 };
-//# sourceMappingURL=chunk-7HKULJ4G.js.map
+//# sourceMappingURL=chunk-RF4VKGOQ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/notifications/center.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createToaster,\n  Toaster,\n  type CreateToasterReturn,\n} from '@ark-ui/react/toast'\nimport { Box } from 'styled-system/jsx'\nimport { Button, type ButtonProps } from '../button/button'\nimport { Show } from '../Show'\nimport { NotificationParts } from './parts'\nimport type { NotifyOptions, UseNotificationCenterReturn } from './types'\nimport { MatchNotificationIcon } from './match-icon'\nimport { ToastCloseTrigger } from './close-trigger'\n\n/**\n * This module contains an abstraction of the Notification parts.\n * @module 'notification/center'\n */\n\nexport const toaster: CreateToasterReturn = createToaster({\n  gap: 16,\n  overlap: true,\n  placement: 'top-end',\n})\n\n/**\n * The NotificationCenter component is an abstraction for the Notification\n * component. It manages displaying all the toasts in the center.\n */\nexport function NotificationCenter() {\n  return (\n    <Toaster toaster={toaster}>\n      {(toast) => (\n        <NotificationParts.Root key={toast.id}>\n          <MatchNotificationIcon\n            type={toast.type as NotifyOptions['palette']}\n          />\n\n          <Box flex=\"1\" paddingBlock=\"sm\">\n            <NotificationParts.Heading>{toast.title}</NotificationParts.Heading>\n            <NotificationParts.Description>\n              {toast.description}\n            </NotificationParts.Description>\n            <Show when={toast.action}>\n              <NotificationParts.ActionTrigger asChild>\n                <Button\n                  palette={toast.type as ButtonProps['palette']}\n                  usage=\"ghost\"\n                  size=\"sm\"\n                >\n                  {toast.action?.label}\n                </Button>\n              </NotificationParts.ActionTrigger>\n            </Show>\n          </Box>\n\n          <ToastCloseTrigger />\n        </NotificationParts.Root>\n      )}\n    </Toaster>\n  )\n}\n\n/**\n * @deprecated use `toaster` instead\n */\nexport function useNotificationCenter(): UseNotificationCenterReturn {\n  function notify(options: NotifyOptions) {\n    toaster.create({\n      title: options.heading,\n      description: options.description,\n      type: options.palette,\n      action: options.action,\n    })\n  }\n  return { ...toaster, notify }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,WAAW;AA4BV,cAIA,YAJA;AAfH,IAAM,UAA+B,cAAc;AAAA,EACxD,KAAK;AAAA,EACL,SAAS;AAAA,EACT,WAAW;AACb,CAAC;AAMM,SAAS,qBAAqB;AACnC,SACE,oBAAC,WAAQ,SACN,WAAC,UACA,qBAAC,kBAAkB,MAAlB,EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,MAAM;AAAA;AAAA,IACd;AAAA,IAEA,qBAAC,OAAI,MAAK,KAAI,cAAa,MACzB;AAAA,0BAAC,kBAAkB,SAAlB,EAA2B,gBAAM,OAAM;AAAA,MACxC,oBAAC,kBAAkB,aAAlB,EACE,gBAAM,aACT;AAAA,MACA,oBAAC,QAAK,MAAM,MAAM,QAChB,8BAAC,kBAAkB,eAAlB,EAAgC,SAAO,MACtC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,MAAM;AAAA,UACf,OAAM;AAAA,UACN,MAAK;AAAA,UAEJ,gBAAM,QAAQ;AAAA;AAAA,MACjB,GACF,GACF;AAAA,OACF;AAAA,IAEA,oBAAC,qBAAkB;AAAA,OAvBQ,MAAM,EAwBnC,GAEJ;AAEJ;AAKO,SAAS,wBAAqD;AACnE,WAAS,OAAO,SAAwB;AACtC,YAAQ,OAAO;AAAA,MACb,OAAO,QAAQ;AAAA,MACf,aAAa,QAAQ;AAAA,MACrB,MAAM,QAAQ;AAAA,MACd,QAAQ,QAAQ;AAAA,IAClB,CAAC;AAAA,EACH;AACA,SAAO,EAAE,GAAG,SAAS,OAAO;AAC9B;","names":[]}

package/build/modern/chunk-RP6DNLP3.js

@@ -0,0 +1,17 @@
+// src/components/toggle/primitives.tsx
+import {
+  Toggle
+} from "@ark-ui/react/toggle";
+import { jsx } from "react/jsx-runtime";
+function ToggleRoot(props) {
+  return /* @__PURE__ */ jsx(Toggle.Root, { ...props });
+}
+function ToggleIndicator(props) {
+  return /* @__PURE__ */ jsx(Toggle.Indicator, { ...props });
+}
+
+export {
+  ToggleRoot,
+  ToggleIndicator
+};
+//# sourceMappingURL=chunk-RP6DNLP3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/toggle/primitives.tsx"],"sourcesContent":["import {\n  Toggle,\n  type ToggleIndicatorProps,\n  type ToggleRootProps,\n} from '@ark-ui/react/toggle'\n\n/**\n * This module provides the Toggle primitives.\n * @module 'react/toggle'\n */\n\n/**\n * The ToggleRoot is used to manage the state of the Toggle component.\n */\nexport function ToggleRoot(props: ToggleRootProps) {\n  return <Toggle.Root {...props} />\n}\n\n/**\n * The ToggleIndicator is used to render the indicator of the Toggle component\n * based on the pressed state.\n */\nexport function ToggleIndicator(props: ToggleIndicatorProps) {\n  return <Toggle.Indicator {...props} />\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAGK;AAWE;AADF,SAAS,WAAW,OAAwB;AACjD,SAAO,oBAAC,OAAO,MAAP,EAAa,GAAG,OAAO;AACjC;AAMO,SAAS,gBAAgB,OAA6B;AAC3D,SAAO,oBAAC,OAAO,WAAP,EAAkB,GAAG,OAAO;AACtC;","names":[]}