@cerberus-design/react 0.16.0 → 0.17.0-next-e7f9956

package/build/modern/aria-helpers/nav-menu.aria.d.ts

@@ -0,0 +1,2 @@
+export { createNavTriggerProps_alias_1 as createNavTriggerProps } from '../_tsup-dts-rollup.js';
+export { NavTriggerAriaValues_alias_1 as NavTriggerAriaValues } from '../_tsup-dts-rollup.js';

package/build/modern/aria-helpers/trap-focus.aria.d.ts

@@ -0,0 +1 @@
+export { trapFocus_alias_1 as trapFocus } from '../_tsup-dts-rollup.js';

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

@@ -0,0 +1,41 @@
+// src/components/avatar/primitives.tsx
+import {
+  Avatar
+} from "@ark-ui/react/avatar";
+import {
+  avatar
+} from "@cerberus/styled-system/recipes";
+import { cx } from "@cerberus/styled-system/css";
+import { jsx } from "react/jsx-runtime";
+function AvatarRoot(props) {
+  const { gradient, shape, size, ...rootProps } = props;
+  const styles = avatar({ gradient, shape, size });
+  return /* @__PURE__ */ jsx(
+    Avatar.Root,
+    {
+      ...rootProps,
+      className: cx(styles.root, rootProps.className)
+    }
+  );
+}
+function AvatarImage(props) {
+  const styles = avatar();
+  return /* @__PURE__ */ jsx(Avatar.Image, { ...props, className: cx(styles.image, props.className) });
+}
+function AvatarFallback(props) {
+  const styles = avatar();
+  return /* @__PURE__ */ jsx(
+    Avatar.Fallback,
+    {
+      ...props,
+      className: cx(styles.fallback, props.className)
+    }
+  );
+}
+
+export {
+  AvatarRoot,
+  AvatarImage,
+  AvatarFallback
+};
+//# sourceMappingURL=chunk-2FRF57EU.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/avatar/primitives.tsx"],"sourcesContent":["import {\n  Avatar,\n  type AvatarFallbackProps,\n  type AvatarImageProps,\n  type AvatarRootProps,\n} from '@ark-ui/react/avatar'\nimport {\n  avatar,\n  type AvatarVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { cx } from '@cerberus/styled-system/css'\n\n/**\n * This module provides the primitive components for the Avatar component.\n * @module 'avatar/primitives'\n */\n\n/**\n * The root component of the Avatar.\n */\nexport function AvatarRoot(props: AvatarRootProps & AvatarVariantProps) {\n  const { gradient, shape, size, ...rootProps } = props\n  const styles = avatar({ gradient, shape, size })\n  return (\n    <Avatar.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The image component of the Avatar.\n */\nexport function AvatarImage(props: AvatarImageProps) {\n  const styles = avatar()\n  return (\n    <Avatar.Image {...props} className={cx(styles.image, props.className)} />\n  )\n}\n\n/**\n * The fallback component of the Avatar.\n */\nexport function AvatarFallback(props: AvatarFallbackProps) {\n  const styles = avatar()\n  return (\n    <Avatar.Fallback\n      {...props}\n      className={cx(styles.fallback, props.className)}\n    />\n  )\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAIK;AACP;AAAA,EACE;AAAA,OAEK;AACP,SAAS,UAAU;AAcf;AAJG,SAAS,WAAW,OAA6C;AACtE,QAAM,EAAE,UAAU,OAAO,MAAM,GAAG,UAAU,IAAI;AAChD,QAAM,SAAS,OAAO,EAAE,UAAU,OAAO,KAAK,CAAC;AAC/C,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,YAAY,OAAyB;AACnD,QAAM,SAAS,OAAO;AACtB,SACE,oBAAC,OAAO,OAAP,EAAc,GAAG,OAAO,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,SAAS,eAAe,OAA4B;AACzD,QAAM,SAAS,OAAO;AACtB,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,UAAU,MAAM,SAAS;AAAA;AAAA,EAChD;AAEJ;","names":[]}

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

@@ -0,0 +1,44 @@
+import {
+  ComboboxParts
+} from "./chunk-HIC7Z23X.js";
+import {
+  ComboboxStartIcon
+} from "./chunk-NR5XDIJ7.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+import {
+  Portal
+} from "./chunk-IQJDVFPP.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
+
+// src/components/combobox/combobox.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Combobox(props) {
+  const { label, children, startIcon, ...rootProps } = props;
+  const { icons } = useCerberusContext();
+  const { selectArrow: SelectArrow, close: CloseIcon } = icons;
+  const hasStartIcon = Boolean(startIcon);
+  return /* @__PURE__ */ jsxs(ComboboxParts.Root, { ...rootProps, children: [
+    /* @__PURE__ */ jsx(Show, { when: Boolean(label), children: /* @__PURE__ */ jsx(ComboboxParts.Label, { children: label }) }),
+    /* @__PURE__ */ jsxs(ComboboxParts.Control, { children: [
+      /* @__PURE__ */ jsx(Show, { when: hasStartIcon, children: /* @__PURE__ */ jsx(ComboboxStartIcon, { children: startIcon }) }),
+      /* @__PURE__ */ jsx(
+        ComboboxParts.Input,
+        {
+          ...hasStartIcon && { "data-has": "start-indicator" }
+        }
+      ),
+      /* @__PURE__ */ jsx(ComboboxParts.ClearTrigger, { children: /* @__PURE__ */ jsx(CloseIcon, {}) }),
+      /* @__PURE__ */ jsx(ComboboxParts.Trigger, { children: /* @__PURE__ */ jsx(SelectArrow, {}) })
+    ] }),
+    /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(ComboboxParts.Positioner, { children: /* @__PURE__ */ jsx(ComboboxParts.Content, { size: rootProps.size, children }) }) })
+  ] });
+}
+
+export {
+  Combobox
+};
+//# sourceMappingURL=chunk-2LP4KQYQ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/combobox/combobox.tsx"],"sourcesContent":["'use client'\n\nimport type { ComboboxRootProps } from '@ark-ui/react/combobox'\nimport type { ComboboxVariantProps } from '@cerberus/styled-system/recipes'\nimport { useCerberusContext } from '../../context/cerberus'\nimport type { SelectCollectionItem } from '../select/select'\nimport { type FieldInputProps } from '../field/index'\nimport { Portal } from '../Portal'\nimport { Show } from '../Show'\nimport { ComboboxParts } from './parts'\nimport { ComboboxStartIcon } from './primitives'\n\nexport interface ComboboxProps\n  extends ComboboxRootProps<SelectCollectionItem>,\n    ComboboxVariantProps {\n  /**\n   * The label that appears above the combobox input.\n   */\n  label?: string\n  /**\n   * The icon that appears at the start of the combobox input.\n   */\n  startIcon?: FieldInputProps['startIcon']\n}\n\nexport function Combobox(props: ComboboxProps) {\n  const { label, children, startIcon, ...rootProps } = props\n\n  const { icons } = useCerberusContext()\n  const { selectArrow: SelectArrow, close: CloseIcon } = icons\n\n  const hasStartIcon = Boolean(startIcon)\n\n  return (\n    <ComboboxParts.Root {...rootProps}>\n      <Show when={Boolean(label)}>\n        <ComboboxParts.Label>{label}</ComboboxParts.Label>\n      </Show>\n\n      <ComboboxParts.Control>\n        <Show when={hasStartIcon}>\n          <ComboboxStartIcon>{startIcon}</ComboboxStartIcon>\n        </Show>\n\n        <ComboboxParts.Input\n          {...(hasStartIcon && { 'data-has': 'start-indicator' })}\n        />\n\n        <ComboboxParts.ClearTrigger>\n          <CloseIcon />\n        </ComboboxParts.ClearTrigger>\n        <ComboboxParts.Trigger>\n          <SelectArrow />\n        </ComboboxParts.Trigger>\n      </ComboboxParts.Control>\n\n      <Portal>\n        <ComboboxParts.Positioner>\n          <ComboboxParts.Content size={rootProps.size}>\n            {children}\n          </ComboboxParts.Content>\n        </ComboboxParts.Positioner>\n      </Portal>\n    </ComboboxParts.Root>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAoCQ,cAGF,YAHE;AAXD,SAAS,SAAS,OAAsB;AAC7C,QAAM,EAAE,OAAO,UAAU,WAAW,GAAG,UAAU,IAAI;AAErD,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,aAAa,aAAa,OAAO,UAAU,IAAI;AAEvD,QAAM,eAAe,QAAQ,SAAS;AAEtC,SACE,qBAAC,cAAc,MAAd,EAAoB,GAAG,WACtB;AAAA,wBAAC,QAAK,MAAM,QAAQ,KAAK,GACvB,8BAAC,cAAc,OAAd,EAAqB,iBAAM,GAC9B;AAAA,IAEA,qBAAC,cAAc,SAAd,EACC;AAAA,0BAAC,QAAK,MAAM,cACV,8BAAC,qBAAmB,qBAAU,GAChC;AAAA,MAEA;AAAA,QAAC,cAAc;AAAA,QAAd;AAAA,UACE,GAAI,gBAAgB,EAAE,YAAY,kBAAkB;AAAA;AAAA,MACvD;AAAA,MAEA,oBAAC,cAAc,cAAd,EACC,8BAAC,aAAU,GACb;AAAA,MACA,oBAAC,cAAc,SAAd,EACC,8BAAC,eAAY,GACf;AAAA,OACF;AAAA,IAEA,oBAAC,UACC,8BAAC,cAAc,YAAd,EACC,8BAAC,cAAc,SAAd,EAAsB,MAAM,UAAU,MACpC,UACH,GACF,GACF;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,49 @@
+// src/components/tabs/primitives.tsx
+import {
+  Tabs
+} from "@ark-ui/react/tabs";
+import { cx } from "@cerberus/styled-system/css";
+import { tabs } from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function TabsRoot(props) {
+  const { palette, ...rootProps } = props;
+  const styles = tabs({ palette });
+  return /* @__PURE__ */ jsx(
+    Tabs.Root,
+    {
+      ...rootProps,
+      className: cx(styles.root, rootProps.className)
+    }
+  );
+}
+function TabsList(props) {
+  const styles = tabs();
+  return /* @__PURE__ */ jsx(Tabs.List, { ...props, className: cx(styles.list, props.className) });
+}
+function TabsTrigger(props) {
+  const styles = tabs();
+  return /* @__PURE__ */ jsx(Tabs.Trigger, { ...props, className: cx(styles.trigger, props.className) });
+}
+function TabsContent(props) {
+  const styles = tabs();
+  return /* @__PURE__ */ jsx(Tabs.Content, { ...props, className: cx(styles.content, props.className) });
+}
+function TabsIndicator(props) {
+  const styles = tabs();
+  return /* @__PURE__ */ jsx(
+    Tabs.Indicator,
+    {
+      ...props,
+      className: cx(styles.indicator, props.className)
+    }
+  );
+}
+
+export {
+  TabsRoot,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
+  TabsIndicator
+};
+//# sourceMappingURL=chunk-4GFEWP76.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tabs/primitives.tsx"],"sourcesContent":["import {\n  Tabs,\n  type TabContentProps,\n  type TabIndicatorProps,\n  type TabListProps,\n  type TabsRootProps,\n  type TabTriggerProps,\n} from '@ark-ui/react/tabs'\nimport { cx } from '@cerberus/styled-system/css'\nimport { tabs, type TabsVariantProps } from '@cerberus/styled-system/recipes'\n\n/**\n * This module provides the primitives for the Tabs component.\n * @module 'tabs/primitives'\n */\n\n/**\n * The container and context provider of the tabs.\n */\nexport function TabsRoot(props: TabsRootProps & TabsVariantProps) {\n  const { palette, ...rootProps } = props\n  const styles = tabs({ palette })\n  return (\n    <Tabs.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The tab list container for the Tabs group.\n */\nexport function TabsList(props: TabListProps) {\n  const styles = tabs()\n  return <Tabs.List {...props} className={cx(styles.list, props.className)} />\n}\n\n/**\n * The tab element.\n */\nexport function TabsTrigger(props: TabTriggerProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Trigger {...props} className={cx(styles.trigger, props.className)} />\n  )\n}\n\n/**\n * The tab content element.\n */\nexport function TabsContent(props: TabContentProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Content {...props} className={cx(styles.content, props.className)} />\n  )\n}\n\n/**\n * The tab indicator element.\n */\nexport function TabsIndicator(props: TabIndicatorProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAMK;AACP,SAAS,UAAU;AACnB,SAAS,YAAmC;AAcxC;AAJG,SAAS,SAAS,OAAyC;AAChE,QAAM,EAAE,SAAS,GAAG,UAAU,IAAI;AAClC,QAAM,SAAS,KAAK,EAAE,QAAQ,CAAC;AAC/B,SACE;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,SAAS,OAAqB;AAC5C,QAAM,SAAS,KAAK;AACpB,SAAO,oBAAC,KAAK,MAAL,EAAW,GAAG,OAAO,WAAW,GAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAC5E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,SAAS,KAAK;AACpB,SACE,oBAAC,KAAK,SAAL,EAAc,GAAG,OAAO,WAAW,GAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,SAAS,KAAK;AACpB,SACE,oBAAC,KAAK,SAAL,EAAc,GAAG,OAAO,WAAW,GAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,cAAc,OAA0B;AACtD,QAAM,SAAS,KAAK;AACpB,SACE;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/accordion/item-group.tsx"],"sourcesContent":["import type { AccordionItemProps } from '@ark-ui/react/accordion'\nimport { type AccordionVariantProps } from '@cerberus/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\n// We are only exposing this to keep the API consistent\nexport const Accordion = AccordionParts.Root\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":";;;;;;;;;;;;;;AAgDM,SAEI,KAFJ;AAnCC,IAAM,YAAY,eAAe;AAyBjC,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-4HVKAHBX.js

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

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

@@ -0,0 +1,31 @@
+import {
+  Caption,
+  TableEl,
+  TableRoot,
+  TableTrigger,
+  Tbody,
+  Td,
+  Tfoot,
+  Th,
+  Thead,
+  Tr
+} from "./chunk-A464YKEL.js";
+
+// src/components/table/parts.ts
+var TableParts = {
+  Root: TableRoot,
+  Table: TableEl,
+  Caption,
+  Header: Thead,
+  HeaderCol: Th,
+  Body: Tbody,
+  Row: Tr,
+  Cell: Td,
+  Footer: Tfoot,
+  Trigger: TableTrigger
+};
+
+export {
+  TableParts
+};
+//# sourceMappingURL=chunk-4IXQNNAM.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/table/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  TableRoot,\n  Thead,\n  Th,\n  Tbody,\n  Tr,\n  Td,\n  Tfoot,\n  TableEl,\n  Caption,\n  TableTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Table parts.\n * @module 'table/parts'\n */\n\nexport interface TablePartsValue {\n  /**\n   * The container of the table.\n   */\n  Root: ElementType\n  /**\n   * The table element.\n   */\n  Table: ElementType\n  /**\n   * The table caption element.\n   */\n  Caption: ElementType\n  /**\n   * The table head element.\n   */\n  Header: ElementType\n  /**\n   * The table header cell element.\n   */\n  HeaderCol: ElementType\n  /**\n   * The table body element.\n   */\n  Body: ElementType\n  /**\n   * The table row element.\n   */\n  Row: ElementType\n  /**\n   * The table cell element.\n   */\n  Cell: ElementType\n  /**\n   * The table footer element.\n   */\n  Footer: ElementType\n  /**\n   * The table trigger element.\n   */\n  Trigger: ElementType\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 TableParts: TablePartsValue = {\n  Root: TableRoot,\n  Table: TableEl,\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":";;;;;;;;;;;;;;AAuEO,IAAM,aAA8B;AAAA,EACzC,MAAM;AAAA,EACN,OAAO;AAAA,EACP;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-4LSTU6WU.js

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

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

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

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

@@ -0,0 +1,41 @@
+import {
+  Caption,
+  TableEl,
+  TableRoot,
+  TableTrigger,
+  Tbody,
+  Td,
+  Tfoot,
+  Th,
+  Thead,
+  Tr
+} from "./chunk-A464YKEL.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.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 }) }),
+    rootProps.children
+  ] }) });
+}
+var Table = {
+  Root: TableRootEl,
+  Caption,
+  Header: Thead,
+  HeaderCol: Th,
+  Body: Tbody,
+  Row: Tr,
+  Cell: Td,
+  Footer: Tfoot,
+  Trigger: TableTrigger
+};
+
+export {
+  Table
+};
+//# sourceMappingURL=chunk-5DY66QZD.js.map

package/build/modern/chunk-5DY66QZD.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 '@cerberus/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={Boolean(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,QAAQ,OAAO,GACzB,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-6HOLE2JH.js

@@ -0,0 +1,22 @@
+import {
+  DatePickerParts
+} from "./chunk-WVFEJCUN.js";
+
+// src/components/date-picker/date-picker.tsx
+import { jsx } from "react/jsx-runtime";
+function DatePicker(props) {
+  return /* @__PURE__ */ jsx(
+    DatePickerParts.Root,
+    {
+      ...props,
+      positioning: {
+        placement: "bottom-start"
+      }
+    }
+  );
+}
+
+export {
+  DatePicker
+};
+//# sourceMappingURL=chunk-6HOLE2JH.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import type { DatePickerRootProps } from '@ark-ui/react/date-picker'\nimport { DatePickerParts } from './parts'\n\n/**\n * This module contains an abstraction of the DatePicker.Root primitive.\n * @module 'date-picker/root'\n */\n\n/**\n * DatePicker component is an abstraction of the DatePickerRoot primitive which\n * is the context provider to the DatePicker.\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/date-picker)\n * @description [Ark Docs](https://ark-ui.com/react/docs/components/date-picker)\n */\nexport function DatePicker(props: DatePickerRootProps) {\n  // There is a bug with the Root component that causes random date selection\n  // onBlur after the first selection if the format prop is used.\n  // ref: https://github.com/chakra-ui/ark/issues/3112#event-16047829195\n\n  // const handleFormat = useCallback((value: DateValue) => {\n  //   return formatISOToMilitary(value.toString())\n  // }, [])\n\n  return (\n    <DatePickerParts.Root\n      {...props}\n      positioning={{\n        placement: 'bottom-start',\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;AAwBI;AAVG,SAAS,WAAW,OAA4B;AASrD,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA,MACb;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

@@ -0,0 +1,45 @@
+import {
+  DatePickerViewControlGroup
+} from "./chunk-BD4UH5GS.js";
+import {
+  DatePickerParts
+} from "./chunk-WVFEJCUN.js";
+
+// src/components/date-picker/day-view.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DatePickerDayView(props) {
+  function isToday(date) {
+    const today = /* @__PURE__ */ new Date();
+    const formatted = today.toISOString().split("T")[0];
+    const arkDate = `${date.year}-${String(date.month).padStart(2, "0")}-${String(date.day).padStart(2, "0")}`;
+    return formatted === arkDate;
+  }
+  function isPastDay(date) {
+    const today = /* @__PURE__ */ new Date();
+    const arkDate = `${date.year}-${String(date.month).padStart(2, "0")}-${String(date.day).padStart(2, "0")}`;
+    return new Date(arkDate) < today;
+  }
+  function getDayValue(date) {
+    if (isToday(date)) return "today";
+    if (isPastDay(date)) return "past";
+    return "future";
+  }
+  return /* @__PURE__ */ jsx(DatePickerParts.View, { ...props, view: "day", children: /* @__PURE__ */ jsx(DatePickerParts.Context, { children: (datePickerData) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DatePickerViewControlGroup, {}),
+    /* @__PURE__ */ jsxs(DatePickerParts.Table, { children: [
+      /* @__PURE__ */ jsx(DatePickerParts.TableHead, { children: /* @__PURE__ */ jsx(DatePickerParts.TableRow, { children: datePickerData.weekDays.map((weekDay, id) => /* @__PURE__ */ jsx(DatePickerParts.TableHeader, { children: weekDay.narrow }, id)) }) }),
+      /* @__PURE__ */ jsx(DatePickerParts.TableBody, { children: datePickerData.weeks.map((week, id) => /* @__PURE__ */ jsx(DatePickerParts.TableRow, { children: week.map((day, id2) => /* @__PURE__ */ jsx(DatePickerParts.TableCell, { value: day, children: /* @__PURE__ */ jsx(
+        DatePickerParts.TableCellTrigger,
+        {
+          "data-date": getDayValue(day),
+          children: day.day
+        }
+      ) }, id2)) }, id)) })
+    ] })
+  ] }) }) });
+}
+
+export {
+  DatePickerDayView
+};
+//# sourceMappingURL=chunk-6MNFE6U6.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/day-view.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  DatePicker,\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 DayView component.\n * @module 'date-picker/day-view'\n */\n\nexport type DateValue = DatePicker.DateValue\n\n/**\n * An abstraction of the DatePickerDayView that renders the day view of the\n * DatePicker.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerDayView(props: Omit<DatePickerViewProps, 'view'>) {\n  function isToday(date: DateValue): boolean {\n    const today = new Date()\n    const formatted = today.toISOString().split('T')[0]\n    const arkDate = `${date.year}-${String(date.month).padStart(2, '0')}-${String(date.day).padStart(2, '0')}`\n    return formatted === arkDate\n  }\n\n  function isPastDay(date: DateValue): boolean {\n    const today = new Date()\n    const arkDate = `${date.year}-${String(date.month).padStart(2, '0')}-${String(date.day).padStart(2, '0')}`\n    return new Date(arkDate) < today\n  }\n\n  function getDayValue(date: DateValue): 'today' | 'past' | 'future' {\n    if (isToday(date)) return 'today'\n    if (isPastDay(date)) return 'past'\n    return 'future'\n  }\n\n  return (\n    <DatePickerParts.View {...props} view=\"day\">\n      <DatePickerParts.Context>\n        {(datePickerData: UseDatePickerContext) => (\n          <>\n            <DatePickerViewControlGroup />\n\n            <DatePickerParts.Table>\n              <DatePickerParts.TableHead>\n                <DatePickerParts.TableRow>\n                  {datePickerData.weekDays.map((weekDay, id) => (\n                    <DatePickerParts.TableHeader key={id}>\n                      {weekDay.narrow}\n                    </DatePickerParts.TableHeader>\n                  ))}\n                </DatePickerParts.TableRow>\n              </DatePickerParts.TableHead>\n\n              <DatePickerParts.TableBody>\n                {datePickerData.weeks.map((week, id) => (\n                  <DatePickerParts.TableRow key={id}>\n                    {week.map((day, id) => (\n                      <DatePickerParts.TableCell key={id} value={day}>\n                        <DatePickerParts.TableCellTrigger\n                          data-date={getDayValue(day)}\n                        >\n                          {day.day}\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":";;;;;;;;AA8CU,mBACE,KAEA,YAHF;AAxBH,SAAS,kBAAkB,OAA0C;AAC1E,WAAS,QAAQ,MAA0B;AACzC,UAAM,QAAQ,oBAAI,KAAK;AACvB,UAAM,YAAY,MAAM,YAAY,EAAE,MAAM,GAAG,EAAE,CAAC;AAClD,UAAM,UAAU,GAAG,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,IAAI,OAAO,KAAK,GAAG,EAAE,SAAS,GAAG,GAAG,CAAC;AACxG,WAAO,cAAc;AAAA,EACvB;AAEA,WAAS,UAAU,MAA0B;AAC3C,UAAM,QAAQ,oBAAI,KAAK;AACvB,UAAM,UAAU,GAAG,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,IAAI,OAAO,KAAK,GAAG,EAAE,SAAS,GAAG,GAAG,CAAC;AACxG,WAAO,IAAI,KAAK,OAAO,IAAI;AAAA,EAC7B;AAEA,WAAS,YAAY,MAA8C;AACjE,QAAI,QAAQ,IAAI,EAAG,QAAO;AAC1B,QAAI,UAAU,IAAI,EAAG,QAAO;AAC5B,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,gBAAgB,MAAhB,EAAsB,GAAG,OAAO,MAAK,OACpC,8BAAC,gBAAgB,SAAhB,EACE,WAAC,mBACA,iCACE;AAAA,wBAAC,8BAA2B;AAAA,IAE5B,qBAAC,gBAAgB,OAAhB,EACC;AAAA,0BAAC,gBAAgB,WAAhB,EACC,8BAAC,gBAAgB,UAAhB,EACE,yBAAe,SAAS,IAAI,CAAC,SAAS,OACrC,oBAAC,gBAAgB,aAAhB,EACE,kBAAQ,UADuB,EAElC,CACD,GACH,GACF;AAAA,MAEA,oBAAC,gBAAgB,WAAhB,EACE,yBAAe,MAAM,IAAI,CAAC,MAAM,OAC/B,oBAAC,gBAAgB,UAAhB,EACE,eAAK,IAAI,CAAC,KAAKA,QACd,oBAAC,gBAAgB,WAAhB,EAAmC,OAAO,KACzC;AAAA,QAAC,gBAAgB;AAAA,QAAhB;AAAA,UACC,aAAW,YAAY,GAAG;AAAA,UAEzB,cAAI;AAAA;AAAA,MACP,KAL8BA,GAMhC,CACD,KAT4B,EAU/B,CACD,GACH;AAAA,OACF;AAAA,KACF,GAEJ,GACF;AAEJ;","names":["id"]}

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

@@ -0,0 +1,57 @@
+// src/components/notifications/primitives.tsx
+import {
+  Toast,
+  Toaster
+} from "@ark-ui/react/toast";
+import { cx } from "@cerberus/styled-system/css";
+import { toast } from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+var NotificationProvider = Toaster;
+function NotificationRoot(props) {
+  const styles = toast();
+  return /* @__PURE__ */ jsx(Toast.Root, { ...props, className: cx(styles.root, props.className) });
+}
+function NotificationHeading(props) {
+  const styles = toast();
+  return /* @__PURE__ */ jsx(Toast.Title, { ...props, className: cx(styles.title, props.className) });
+}
+function NotificationDescription(props) {
+  const styles = toast();
+  return /* @__PURE__ */ jsx(
+    Toast.Description,
+    {
+      ...props,
+      className: cx(styles.description, props.className)
+    }
+  );
+}
+function NotificationCloseTrigger(props) {
+  const styles = toast();
+  return /* @__PURE__ */ jsx(
+    Toast.CloseTrigger,
+    {
+      ...props,
+      className: cx(styles.closeTrigger, props.className)
+    }
+  );
+}
+function NotificationActionTrigger(props) {
+  const styles = toast();
+  return /* @__PURE__ */ jsx(
+    Toast.ActionTrigger,
+    {
+      ...props,
+      className: cx(styles.actionTrigger, props.className)
+    }
+  );
+}
+
+export {
+  NotificationProvider,
+  NotificationRoot,
+  NotificationHeading,
+  NotificationDescription,
+  NotificationCloseTrigger,
+  NotificationActionTrigger
+};
+//# sourceMappingURL=chunk-7JHQVQPS.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/notifications/primitives.tsx"],"sourcesContent":["import {\n  Toast,\n  Toaster,\n  type ToastActionTriggerProps,\n  type ToastCloseTriggerProps,\n  type ToastRootProps,\n  type ToastTitleProps,\n} from '@ark-ui/react/toast'\nimport { cx } from '@cerberus/styled-system/css'\nimport { toast } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Notification component.\n * @module 'notification/primitives'\n */\n\nexport const NotificationProvider = Toaster\n\n/**\n * The context provider for the Notification component.\n */\nexport function NotificationRoot(props: ToastRootProps) {\n  const styles = toast()\n  return <Toast.Root {...props} className={cx(styles.root, props.className)} />\n}\n\n/**\n * The title heading of the Notification component.\n */\nexport function NotificationHeading(props: ToastTitleProps) {\n  const styles = toast()\n  return (\n    <Toast.Title {...props} className={cx(styles.title, props.className)} />\n  )\n}\n\n/**\n * The description of the Notification component.\n */\nexport function NotificationDescription(props: ToastTitleProps) {\n  const styles = toast()\n  return (\n    <Toast.Description\n      {...props}\n      className={cx(styles.description, props.className)}\n    />\n  )\n}\n\n/**\n * The close button of the Notification component.\n */\nexport function NotificationCloseTrigger(props: ToastCloseTriggerProps) {\n  const styles = toast()\n  return (\n    <Toast.CloseTrigger\n      {...props}\n      className={cx(styles.closeTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The action trigger of the Notification component.\n */\nexport function NotificationActionTrigger(props: ToastActionTriggerProps) {\n  const styles = toast()\n  return (\n    <Toast.ActionTrigger\n      {...props}\n      className={cx(styles.actionTrigger, props.className)}\n    />\n  )\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAKK;AACP,SAAS,UAAU;AACnB,SAAS,aAAa;AAcb;AAPF,IAAM,uBAAuB;AAK7B,SAAS,iBAAiB,OAAuB;AACtD,QAAM,SAAS,MAAM;AACrB,SAAO,oBAAC,MAAM,MAAN,EAAY,GAAG,OAAO,WAAW,GAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAC7E;AAKO,SAAS,oBAAoB,OAAwB;AAC1D,QAAM,SAAS,MAAM;AACrB,SACE,oBAAC,MAAM,OAAN,EAAa,GAAG,OAAO,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE1E;AAKO,SAAS,wBAAwB,OAAwB;AAC9D,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;AAKO,SAAS,yBAAyB,OAA+B;AACtE,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,cAAc,MAAM,SAAS;AAAA;AAAA,EACpD;AAEJ;AAKO,SAAS,0BAA0B,OAAgC;AACxE,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,eAAe,MAAM,SAAS;AAAA;AAAA,EACrD;AAEJ;","names":[]}

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

@@ -0,0 +1,41 @@
+import {
+  MatchAvatar
+} from "./chunk-LLZE2RBB.js";
+import {
+  AdmonitionParts
+} from "./chunk-RQCJKDXU.js";
+import {
+  splitProps
+} from "./chunk-BL7G3577.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
+
+// src/components/admonition/admonition.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Admonition(props) {
+  const [elProps, styleProps, rootProps] = splitProps(
+    props,
+    ["heading", "icon", "children"],
+    ["palette", "usage"]
+  );
+  return /* @__PURE__ */ jsxs(AdmonitionParts.Root, { ...styleProps, ...rootProps, children: [
+    /* @__PURE__ */ jsx(
+      Show,
+      {
+        when: Boolean(elProps.icon),
+        fallback: /* @__PURE__ */ jsx(MatchAvatar, { palette: styleProps.palette }),
+        children: /* @__PURE__ */ jsx(AdmonitionParts.Indicator, { children: elProps.icon })
+      }
+    ),
+    /* @__PURE__ */ jsxs(AdmonitionParts.Content, { children: [
+      /* @__PURE__ */ jsx(Show, { when: Boolean(elProps.heading), children: /* @__PURE__ */ jsx(AdmonitionParts.Heading, { children: elProps.heading }) }),
+      /* @__PURE__ */ jsx(AdmonitionParts.Description, { children: elProps.children })
+    ] })
+  ] });
+}
+
+export {
+  Admonition
+};
+//# sourceMappingURL=chunk-7OYOT5LK.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/admonition/admonition.tsx"],"sourcesContent":["import type { HTMLArkProps } from '@ark-ui/react/factory'\nimport type { AdmonitionVariantProps } from '@cerberus/styled-system/recipes'\nimport type { ReactNode } from 'react'\nimport { splitProps } from '../../utils/index'\nimport { AdmonitionParts } from './parts'\nimport { Show } from '../Show'\nimport { MatchAvatar } from './match-avatar'\n\n/**\n * This module provides an abstraction for the Admonition component.\n * @module 'admonition/admonition'\n */\n\nexport interface AdmonitionProps\n  extends AdmonitionVariantProps,\n    HTMLArkProps<'aside'> {\n  /**\n   * The heading title for the Admonition.\n   */\n  heading?: string\n  /**\n   * One off replacement for the icon.\n   */\n  icon?: ReactNode\n}\n\n/**\n * The Admonition component is an abstraction of the primitives which\n * displays a Admonition with a label.\n *\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/admonition)\n *\n * @remarks\n *\n * For a customizable Admonition, use the `AdmonitionParts` object to access the\n * individual primitives of the Admonition component.\n */\nexport function Admonition(props: AdmonitionProps) {\n  const [elProps, styleProps, rootProps] = splitProps(\n    props,\n    ['heading', 'icon', 'children'],\n    ['palette', 'usage'],\n  )\n\n  return (\n    <AdmonitionParts.Root {...styleProps} {...rootProps}>\n      <Show\n        when={Boolean(elProps.icon)}\n        fallback={<MatchAvatar palette={styleProps.palette} />}\n      >\n        <AdmonitionParts.Indicator>{elProps.icon}</AdmonitionParts.Indicator>\n      </Show>\n\n      <AdmonitionParts.Content>\n        <Show when={Boolean(elProps.heading)}>\n          <AdmonitionParts.Heading>{elProps.heading}</AdmonitionParts.Heading>\n        </Show>\n\n        <AdmonitionParts.Description>\n          {elProps.children}\n        </AdmonitionParts.Description>\n      </AdmonitionParts.Content>\n    </AdmonitionParts.Root>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAgDkB,cAKZ,YALY;AAXX,SAAS,WAAW,OAAwB;AACjD,QAAM,CAAC,SAAS,YAAY,SAAS,IAAI;AAAA,IACvC;AAAA,IACA,CAAC,WAAW,QAAQ,UAAU;AAAA,IAC9B,CAAC,WAAW,OAAO;AAAA,EACrB;AAEA,SACE,qBAAC,gBAAgB,MAAhB,EAAsB,GAAG,YAAa,GAAG,WACxC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,QAAQ,QAAQ,IAAI;AAAA,QAC1B,UAAU,oBAAC,eAAY,SAAS,WAAW,SAAS;AAAA,QAEpD,8BAAC,gBAAgB,WAAhB,EAA2B,kBAAQ,MAAK;AAAA;AAAA,IAC3C;AAAA,IAEA,qBAAC,gBAAgB,SAAhB,EACC;AAAA,0BAAC,QAAK,MAAM,QAAQ,QAAQ,OAAO,GACjC,8BAAC,gBAAgB,SAAhB,EAAyB,kBAAQ,SAAQ,GAC5C;AAAA,MAEA,oBAAC,gBAAgB,aAAhB,EACE,kBAAQ,UACX;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}