@cerberus-design/react 0.18.4 → 0.19.0

package/build/modern/chunk-TGCKJHEE.js

@@ -0,0 +1,52 @@
+import {
+  ComboboxParts
+} from "./chunk-NZZS2A53.js";
+import {
+  ComboboxStartIcon
+} from "./chunk-KOVD3FG7.js";
+import {
+  Portal
+} from "./chunk-PLPYBCZQ.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+import {
+  splitProps
+} from "./chunk-BL7G3577.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/combobox/combobox.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Combobox(props) {
+  const [{ startIcon, label, ...elProps }, rootProps] = splitProps(props, [
+    "label",
+    "children",
+    "startIcon",
+    "container"
+  ]);
+  const { icons } = useCerberusContext();
+  const { selectArrow: SelectArrow, close: CloseIcon } = icons;
+  const hasStartIcon = Boolean(startIcon);
+  return /* @__PURE__ */ jsxs(ComboboxParts.Root, { ...rootProps, children: [
+    /* @__PURE__ */ jsx(Show, { when: 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, { container: elProps.container, children: /* @__PURE__ */ jsx(ComboboxParts.Positioner, { children: /* @__PURE__ */ jsx(ComboboxParts.Content, { size: rootProps.size, children: elProps.children }) }) })
+  ] });
+}
+
+export {
+  Combobox
+};
+//# sourceMappingURL=chunk-TGCKJHEE.js.map

package/build/modern/chunk-TGCKJHEE.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 'styled-system/recipes'\nimport type { RefObject } from 'react'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { splitProps } from '../../utils/index'\nimport type { SelectCollectionItem } from '../select/select'\nimport { type FieldInputElProps } from '../field/index'\nimport { Portal } from '../portal/index'\nimport { Show } from '../show/index'\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?: FieldInputElProps['startIcon']\n  /**\n   * The container element to render the Select dropdown in. This is used\n   * to render the Select dropdown in a specific context, such as a modal.\n   * @default document.body\n   */\n  container?: RefObject<HTMLElement | null>\n}\n\nexport function Combobox(props: ComboboxProps) {\n  const [{ startIcon, label, ...elProps }, rootProps] = splitProps(props, [\n    'label',\n    'children',\n    'startIcon',\n    'container',\n  ])\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={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 container={elProps.container}>\n        <ComboboxParts.Positioner>\n          <ComboboxParts.Content size={rootProps.size}>\n            {elProps.children}\n          </ComboboxParts.Content>\n        </ComboboxParts.Positioner>\n      </Portal>\n    </ComboboxParts.Root>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiDQ,cAGF,YAHE;AAhBD,SAAS,SAAS,OAAsB;AAC7C,QAAM,CAAC,EAAE,WAAW,OAAO,GAAG,QAAQ,GAAG,SAAS,IAAI,WAAW,OAAO;AAAA,IACtE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,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,OACV,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,UAAO,WAAW,QAAQ,WACzB,8BAAC,cAAc,YAAd,EACC,8BAAC,cAAc,SAAd,EAAsB,MAAM,UAAU,MACpC,kBAAQ,UACX,GACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-TLRRDNS3.js

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

package/build/modern/chunk-TOXQSWPN.js

@@ -0,0 +1,49 @@
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+
+// src/components/deprecated/Legend.tsx
+import { useFieldContext } from "@ark-ui/react/field";
+import { css, cx } from "styled-system/css";
+import { label } from "styled-system/recipes";
+import { hstack } from "styled-system/patterns";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Legend(props) {
+  const { size, ...nativeProps } = props;
+  const { invalid, required } = useFieldContext();
+  return /* @__PURE__ */ jsxs(
+    "legend",
+    {
+      ...nativeProps,
+      ...invalid && { "aria-invalid": true },
+      className: cx(
+        nativeProps.className,
+        hstack({
+          justify: "space-between",
+          w: "full"
+        }),
+        label({
+          size
+        })
+      ),
+      children: [
+        nativeProps.children,
+        /* @__PURE__ */ jsx(Show, { when: required, children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: css({
+              color: "page.text.100",
+              fontSize: "inherit"
+            }),
+            children: "(required)"
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+export {
+  Legend
+};
+//# sourceMappingURL=chunk-TOXQSWPN.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/Legend.tsx"],"sourcesContent":["'use client'\n\nimport { useFieldContext } from '@ark-ui/react/field'\nimport { css, cx } from 'styled-system/css'\nimport { label, type LabelVariantProps } from 'styled-system/recipes'\nimport { hstack } from 'styled-system/patterns'\nimport { type HTMLAttributes } from 'react'\nimport { Show } from '../show/index'\n\n/**\n * This module contains the Fieldset component.\n * @module Fieldset\n */\n\nexport type LegendProps = HTMLAttributes<HTMLLegendElement> & LabelVariantProps\n\n/**\n * @deprecated use Fieldset instead\n */\nexport function Legend(props: LegendProps) {\n  const { size, ...nativeProps } = props\n  const { invalid, required } = useFieldContext()\n\n  return (\n    <legend\n      {...nativeProps}\n      {...(invalid && { 'aria-invalid': true })}\n      className={cx(\n        nativeProps.className,\n        hstack({\n          justify: 'space-between',\n          w: 'full',\n        }),\n        label({\n          size,\n        }),\n      )}\n    >\n      {nativeProps.children}\n      <Show when={required}>\n        <span\n          className={css({\n            color: 'page.text.100',\n            fontSize: 'inherit',\n          })}\n        >\n          (required)\n        </span>\n      </Show>\n    </legend>\n  )\n}\n"],"mappings":";;;;;AAEA,SAAS,uBAAuB;AAChC,SAAS,KAAK,UAAU;AACxB,SAAS,aAAqC;AAC9C,SAAS,cAAc;AAmBnB,SAgBI,KAhBJ;AALG,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,MAAM,GAAG,YAAY,IAAI;AACjC,QAAM,EAAE,SAAS,SAAS,IAAI,gBAAgB;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,MACvC,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,UACL,SAAS;AAAA,UACT,GAAG;AAAA,QACL,CAAC;AAAA,QACD,MAAM;AAAA,UACJ;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MAEC;AAAA,oBAAY;AAAA,QACb,oBAAC,QAAK,MAAM,UACV;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,IAAI;AAAA,cACb,OAAO;AAAA,cACP,UAAU;AAAA,YACZ,CAAC;AAAA,YACF;AAAA;AAAA,QAED,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/chunk-TQB6U3JH.js

@@ -0,0 +1,24 @@
+import {
+  TooltipParts
+} from "./chunk-TXV55LWL.js";
+
+// src/components/tooltip/tooltip.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Tooltip(props) {
+  const { content, children, ...rootProps } = props;
+  const position = {
+    placement: props.positioning || "top"
+  };
+  return /* @__PURE__ */ jsxs(TooltipParts.Root, { openDelay: 400, positioning: position, ...rootProps, children: [
+    /* @__PURE__ */ jsx(TooltipParts.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx(TooltipParts.Positioner, { children: /* @__PURE__ */ jsxs(TooltipParts.Content, { children: [
+      /* @__PURE__ */ jsx(TooltipParts.Arrow, { children: /* @__PURE__ */ jsx(TooltipParts.ArrowTip, {}) }),
+      content
+    ] }) })
+  ] });
+}
+
+export {
+  Tooltip
+};
+//# sourceMappingURL=chunk-TQB6U3JH.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { TooltipParts } from './parts'\nimport type { TooltipRootProps } from './primitives'\n\n/**\n * This module contains the Tooltip component.\n * @module Tooltip\n */\n\nexport interface TooltipProps extends TooltipRootProps {\n  /**\n   * The text content to display in the tooltip.\n   */\n  content: ReactNode\n}\n\n/**\n * The Tooltip component is used to provide additional information about an element when it is hovered over.\n * @definition [Tooltip docs](https://cerberus.digitalu.design/react/tooltip)\n * @example\n * ```tsx\n * <Tooltip content=\"This is a tooltip\">\n *   <Information />\n * </Tooltip>\n */\nexport function Tooltip(props: TooltipProps) {\n  const { content, children, ...rootProps } = props\n  const position = {\n    placement: props.positioning || 'top',\n  }\n\n  return (\n    <TooltipParts.Root openDelay={400} positioning={position} {...rootProps}>\n      <TooltipParts.Trigger asChild>{children}</TooltipParts.Trigger>\n\n      <TooltipParts.Positioner>\n        <TooltipParts.Content>\n          <TooltipParts.Arrow>\n            <TooltipParts.ArrowTip />\n          </TooltipParts.Arrow>\n          {content}\n        </TooltipParts.Content>\n      </TooltipParts.Positioner>\n    </TooltipParts.Root>\n  )\n}\n"],"mappings":";;;;;AAiCM,cAGE,YAHF;AARC,SAAS,QAAQ,OAAqB;AAC3C,QAAM,EAAE,SAAS,UAAU,GAAG,UAAU,IAAI;AAC5C,QAAM,WAAW;AAAA,IACf,WAAW,MAAM,eAAe;AAAA,EAClC;AAEA,SACE,qBAAC,aAAa,MAAb,EAAkB,WAAW,KAAK,aAAa,UAAW,GAAG,WAC5D;AAAA,wBAAC,aAAa,SAAb,EAAqB,SAAO,MAAE,UAAS;AAAA,IAExC,oBAAC,aAAa,YAAb,EACC,+BAAC,aAAa,SAAb,EACC;AAAA,0BAAC,aAAa,OAAb,EACC,8BAAC,aAAa,UAAb,EAAsB,GACzB;AAAA,MACC;AAAA,OACH,GACF;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-TTWDHJ3J.js

@@ -0,0 +1,38 @@
+// src/hooks/useRootColors.ts
+import { useCallback, useEffect, useMemo, useReducer } from "react";
+function useRootColors(colors = []) {
+  const [state, dispatch] = useReducer(rootColorsReducer, {});
+  const handleRefetch = useCallback(() => {
+    return new Promise((resolve) => {
+      dispatch(formatColors(colors));
+      resolve();
+    });
+  }, [colors]);
+  useEffect(() => {
+    if (Object.keys(state).length === colors.length) return;
+    dispatch(formatColors(colors));
+  }, [colors, state]);
+  return useMemo(
+    () => ({ colors: state, refetch: handleRefetch }),
+    [state, handleRefetch]
+  );
+}
+function formatColors(colors) {
+  const rootStyles = getComputedStyle(document.body);
+  return colors.reduce(
+    (acc, color) => {
+      const formattedColor = color.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase().replaceAll(".", "-");
+      acc[color] = rootStyles.getPropertyValue(`--cerberus-colors-${formattedColor}`).trim();
+      return acc;
+    },
+    {}
+  );
+}
+function rootColorsReducer(state, action) {
+  return { ...state, ...action };
+}
+
+export {
+  useRootColors
+};
+//# sourceMappingURL=chunk-TTWDHJ3J.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useRootColors.ts"],"sourcesContent":["'use client'\n\nimport { useCallback, useEffect, useMemo, useReducer } from 'react'\n\n/**\n * This module provides a hook to get Cerberus colors from the document root.\n * @module useRootColors\n */\n\nexport interface RootColorsResult {\n  /**\n   * A record of Cerberus colors where the key is the token name provided and the value is the color hex.\n   */\n  colors: Record<string, string>\n  /**\n   * A function to refetch the Cerberus colors from the document root. Useful when you need the latest colors after a theme/mode change.\n   */\n  refetch: () => Promise<void>\n}\n\n/**\n * This hook returns a record of Cerberus colors from the document root.\n * This is useful when you are working with a component that uses the `<canvas>`\n * element.\n * @param colors - An array of Cerberus tokens to get from the document root (i.e. `['dataViz.diverging.50', 'dataViz.diverging.200']`).\n * @returns A record of Cerberus colors where the key is the token name provided and the value is the color hex.\n */\nexport function useRootColors(colors: string[] = []): RootColorsResult {\n  const [state, dispatch] = useReducer(rootColorsReducer, {})\n\n  const handleRefetch = useCallback(() => {\n    return new Promise<void>((resolve) => {\n      dispatch(formatColors(colors))\n      resolve()\n    })\n  }, [colors])\n\n  useEffect(() => {\n    if (Object.keys(state).length === colors.length) return\n    dispatch(formatColors(colors))\n  }, [colors, state])\n\n  // reducer is already memoized\n  return useMemo(\n    () => ({ colors: state, refetch: handleRefetch }),\n    [state, handleRefetch],\n  )\n}\n\nfunction formatColors(colors: string[]): Record<string, string> {\n  const rootStyles = getComputedStyle(document.body)\n  return colors.reduce(\n    (acc, color) => {\n      const formattedColor = color\n        .replace(/([a-z])([A-Z])/g, '$1-$2')\n        .toLowerCase()\n        .replaceAll('.', '-')\n      acc[color] = rootStyles\n        .getPropertyValue(`--cerberus-colors-${formattedColor}`)\n        .trim()\n      return acc\n    },\n    {} as Record<string, string>,\n  )\n}\n\nfunction rootColorsReducer(\n  state: Record<string, string>,\n  action: Record<string, string>,\n): Record<string, string> {\n  return { ...state, ...action }\n}\n"],"mappings":";AAEA,SAAS,aAAa,WAAW,SAAS,kBAAkB;AAyBrD,SAAS,cAAc,SAAmB,CAAC,GAAqB;AACrE,QAAM,CAAC,OAAO,QAAQ,IAAI,WAAW,mBAAmB,CAAC,CAAC;AAE1D,QAAM,gBAAgB,YAAY,MAAM;AACtC,WAAO,IAAI,QAAc,CAAC,YAAY;AACpC,eAAS,aAAa,MAAM,CAAC;AAC7B,cAAQ;AAAA,IACV,CAAC;AAAA,EACH,GAAG,CAAC,MAAM,CAAC;AAEX,YAAU,MAAM;AACd,QAAI,OAAO,KAAK,KAAK,EAAE,WAAW,OAAO,OAAQ;AACjD,aAAS,aAAa,MAAM,CAAC;AAAA,EAC/B,GAAG,CAAC,QAAQ,KAAK,CAAC;AAGlB,SAAO;AAAA,IACL,OAAO,EAAE,QAAQ,OAAO,SAAS,cAAc;AAAA,IAC/C,CAAC,OAAO,aAAa;AAAA,EACvB;AACF;AAEA,SAAS,aAAa,QAA0C;AAC9D,QAAM,aAAa,iBAAiB,SAAS,IAAI;AACjD,SAAO,OAAO;AAAA,IACZ,CAAC,KAAK,UAAU;AACd,YAAM,iBAAiB,MACpB,QAAQ,mBAAmB,OAAO,EAClC,YAAY,EACZ,WAAW,KAAK,GAAG;AACtB,UAAI,KAAK,IAAI,WACV,iBAAiB,qBAAqB,cAAc,EAAE,EACtD,KAAK;AACR,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AACF;AAEA,SAAS,kBACP,OACA,QACwB;AACxB,SAAO,EAAE,GAAG,OAAO,GAAG,OAAO;AAC/B;","names":[]}

package/build/modern/chunk-TVSVKDWV.js

@@ -0,0 +1,14 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-WC5DERNW.js";
+
+// src/components/icon-button/primitives.ts
+import { ark } from "@ark-ui/react/factory";
+import { iconButton } from "styled-system/recipes";
+var { withRecipe } = createCerberusPrimitive(iconButton);
+var IconButtonRoot = withRecipe(ark.button);
+
+export {
+  IconButtonRoot
+};
+//# sourceMappingURL=chunk-TVSVKDWV.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/icon-button/primitives.ts"],"sourcesContent":["import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { iconButton, type IconButtonVariantProps } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the IconButton component primitives.\n * @module @cerberus-design/react/components/icon-button/primitives\n */\n\nconst { withRecipe } = createCerberusPrimitive(iconButton)\n\n/**\n * The root element of the Button component.\n */\nexport type IconButtonRootProps = CerberusPrimitiveProps<\n  HTMLArkProps<'button'> & IconButtonVariantProps\n>\nexport const IconButtonRoot = withRecipe(ark.button)\n"],"mappings":";;;;;AAAA,SAAS,WAA8B;AACvC,SAAS,kBAA+C;AAWxD,IAAM,EAAE,WAAW,IAAI,wBAAwB,UAAU;AAQlD,IAAM,iBAAiB,WAAW,IAAI,MAAM;","names":[]}

package/build/modern/chunk-TXV55LWL.js

@@ -0,0 +1,23 @@
+import {
+  TooltipArrow,
+  TooltipArrowTip,
+  TooltipContent,
+  TooltipPositioner,
+  TooltipRoot,
+  TooltipTrigger
+} from "./chunk-4TQO7LCB.js";
+
+// src/components/tooltip/parts.ts
+var TooltipParts = {
+  Root: TooltipRoot,
+  Trigger: TooltipTrigger,
+  Positioner: TooltipPositioner,
+  Content: TooltipContent,
+  Arrow: TooltipArrow,
+  ArrowTip: TooltipArrowTip
+};
+
+export {
+  TooltipParts
+};
+//# sourceMappingURL=chunk-TXV55LWL.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tooltip/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  TooltipRoot,\n  TooltipTrigger,\n  TooltipPositioner,\n  TooltipContent,\n  TooltipArrow,\n  TooltipArrowTip,\n} from './primitives'\n\n/**\n * This module contains the parts of the Tooltip component.\n * @module 'tooltip/parts'\n */\n\ninterface TooltipPartsValue {\n  /**\n   * The context provider of the tooltip.\n   */\n  Root: ElementType\n  /**\n   * The trigger that of the tooltip.\n   */\n  Trigger: ElementType\n  /**\n   * The positioner of the tooltip.\n   */\n  Positioner: ElementType\n  /**\n   * The content of the tooltip.\n   */\n  Content: ElementType\n  /**\n   * The arrow of the tooltip.\n   */\n  Arrow: ElementType\n  /**\n   * The arrow tip of the tooltip.\n   */\n  ArrowTip: ElementType\n}\n\n/**\n * An Object containing the parts of the Tooltip component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TooltipParts object and\n * the entire family of components vs. only what you use.\n */\nexport const TooltipParts: TooltipPartsValue = {\n  Root: TooltipRoot,\n  Trigger: TooltipTrigger,\n  Positioner: TooltipPositioner,\n  Content: TooltipContent,\n  Arrow: TooltipArrow,\n  ArrowTip: TooltipArrowTip,\n}\n"],"mappings":";;;;;;;;;;AAmDO,IAAM,eAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ;","names":[]}

package/build/modern/chunk-ULKVI2EH.js

@@ -0,0 +1,40 @@
+import {
+  DatePickerTrigger
+} from "./chunk-FRT3VY4M.js";
+import {
+  DatePickerParts
+} from "./chunk-RJGEKVHZ.js";
+
+// src/components/date-picker/range-input.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function RangePickerInput(props) {
+  return /* @__PURE__ */ jsxs(DatePickerParts.Control, { "data-range": true, children: [
+    /* @__PURE__ */ jsx(DatePickerTrigger, {}),
+    /* @__PURE__ */ jsx(
+      DatePickerParts.Input,
+      {
+        ...props,
+        "data-range-input": true,
+        placeholder: props.placeholder ?? "DD MMM YYYY",
+        maxLength: 11,
+        index: 0
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DatePickerParts.Input,
+      {
+        ...props,
+        "data-range-input": true,
+        "data-range-end-input": true,
+        placeholder: props.placeholder ?? "DD MMM YYYY",
+        maxLength: 11,
+        index: 1
+      }
+    )
+  ] });
+}
+
+export {
+  RangePickerInput
+};
+//# sourceMappingURL=chunk-ULKVI2EH.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/range-input.tsx"],"sourcesContent":["import { DatePickerParts } from './parts'\nimport type { DatePickerInputElProps } from './primitives'\nimport { DatePickerTrigger } from './trigger'\n\n/**\n * This private module contains the RangePickerInput component.\n * @module RangePickerInput\n */\n\nexport type RangePickerInputProps = DatePickerInputElProps\n\n/**\n * An abstraction of the DatePicker input that wraps the input and the\n * triggers to open the DatePicker and clear the value.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function RangePickerInput(props: RangePickerInputProps) {\n  return (\n    <DatePickerParts.Control data-range>\n      <DatePickerTrigger />\n      <DatePickerParts.Input\n        {...props}\n        data-range-input\n        placeholder={props.placeholder ?? 'DD MMM YYYY'}\n        maxLength={11}\n        index={0}\n      />\n      <DatePickerParts.Input\n        {...props}\n        data-range-input\n        data-range-end-input\n        placeholder={props.placeholder ?? 'DD MMM YYYY'}\n        maxLength={11}\n        index={1}\n      />\n    </DatePickerParts.Control>\n  )\n}\n"],"mappings":";;;;;;;;AAkBI,SACE,KADF;AAFG,SAAS,iBAAiB,OAA8B;AAC7D,SACE,qBAAC,gBAAgB,SAAhB,EAAwB,cAAU,MACjC;AAAA,wBAAC,qBAAkB;AAAA,IACnB;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACE,GAAG;AAAA,QACJ,oBAAgB;AAAA,QAChB,aAAa,MAAM,eAAe;AAAA,QAClC,WAAW;AAAA,QACX,OAAO;AAAA;AAAA,IACT;AAAA,IACA;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACE,GAAG;AAAA,QACJ,oBAAgB;AAAA,QAChB,wBAAoB;AAAA,QACpB,aAAa,MAAM,eAAe;AAAA,QAClC,WAAW;AAAA,QACX,OAAO;AAAA;AAAA,IACT;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-UWNLOY27.js

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

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

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

package/build/modern/chunk-V3LIZS3V.js

@@ -0,0 +1,62 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-WC5DERNW.js";
+
+// src/components/admonition/primitives.tsx
+import { ark } from "@ark-ui/react/factory";
+import { admonition } from "styled-system/recipes";
+var { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(admonition);
+var AdmonitionRoot = withSlotRecipe(
+  ark.aside,
+  "root",
+  {
+    defaultProps: {
+      "data-scope": "admonition",
+      "data-part": "root"
+    }
+  }
+);
+var AdmonitionIndicator = withNoRecipe(
+  ark.span,
+  {
+    defaultProps: {
+      "data-scope": "admonition",
+      "data-part": "indicator"
+    }
+  }
+);
+var AdmonitionContent = withNoRecipe(ark.div, {
+  defaultProps: {
+    "data-scope": "admonition",
+    "data-part": "content"
+  }
+});
+var AdmonitionHeading = withSlotRecipe(
+  ark.p,
+  "heading",
+  {
+    defaultProps: {
+      "data-scope": "admonition",
+      "data-part": "heading"
+    }
+  }
+);
+var AdmonitionDescription = withSlotRecipe(
+  ark.p,
+  "description",
+  {
+    defaultProps: {
+      "data-scope": "admonition",
+      "data-part": "description"
+    }
+  }
+);
+
+export {
+  AdmonitionRoot,
+  AdmonitionIndicator,
+  AdmonitionContent,
+  AdmonitionHeading,
+  AdmonitionDescription
+};
+//# sourceMappingURL=chunk-V3LIZS3V.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/admonition/primitives.tsx"],"sourcesContent":["import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { admonition, type AdmonitionVariantProps } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the primitives of the Admonition components.\n * @module 'admonition/primitives'\n */\n\nconst { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(admonition)\n\n/**\n * The `AdmonitionRoot` component is the container for the Admonition.\n */\nexport const AdmonitionRoot = withSlotRecipe<AdmonitionRootProps>(\n  ark.aside,\n  'root',\n  {\n    defaultProps: {\n      'data-scope': 'admonition',\n      'data-part': 'root',\n    },\n  },\n)\nexport type AdmonitionRootProps = CerberusPrimitiveProps<\n  HTMLArkProps<'aside'> & AdmonitionVariantProps\n>\n\n/**\n * The `AdmonitionIndicator` component is the indicator for the Admonition.\n */\nexport const AdmonitionIndicator = withNoRecipe<AdmonitionIndicatorProps>(\n  ark.span,\n  {\n    defaultProps: {\n      'data-scope': 'admonition',\n      'data-part': 'indicator',\n    },\n  },\n)\nexport type AdmonitionIndicatorProps = CerberusPrimitiveProps<\n  HTMLArkProps<'span'>\n>\n\n/**\n * The `AdmonitionContent` component is the content for the Admonition.\n */\nexport const AdmonitionContent = withNoRecipe<AdmonitionContentProps>(ark.div, {\n  defaultProps: {\n    'data-scope': 'admonition',\n    'data-part': 'content',\n  },\n})\nexport type AdmonitionContentProps = CerberusPrimitiveProps<HTMLArkProps<'div'>>\n\n/**\n * The `AdmonitionHeading` component is the heading title for the Admonition.\n */\nexport const AdmonitionHeading = withSlotRecipe<AdmonitionHeadingProps>(\n  ark.p,\n  'heading',\n  {\n    defaultProps: {\n      'data-scope': 'admonition',\n      'data-part': 'heading',\n    },\n  },\n)\nexport type AdmonitionHeadingProps = CerberusPrimitiveProps<\n  HTMLArkProps<'p'> & AdmonitionVariantProps\n>\n\n/**\n * The `AdmonitionDescription` component is the description for the Admonition.\n */\nexport const AdmonitionDescription = withSlotRecipe<AdmonitionDescriptionProps>(\n  ark.p,\n  'description',\n  {\n    defaultProps: {\n      'data-scope': 'admonition',\n      'data-part': 'description',\n    },\n  },\n)\nexport type AdmonitionDescriptionProps = CerberusPrimitiveProps<\n  HTMLArkProps<'p'> & AdmonitionVariantProps\n>\n"],"mappings":";;;;;AAAA,SAAS,WAA8B;AACvC,SAAS,kBAA+C;AAWxD,IAAM,EAAE,gBAAgB,aAAa,IAAI,wBAAwB,UAAU;AAKpE,IAAM,iBAAiB;AAAA,EAC5B,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,cAAc;AAAA,MACd,aAAa;AAAA,IACf;AAAA,EACF;AACF;AAQO,IAAM,sBAAsB;AAAA,EACjC,IAAI;AAAA,EACJ;AAAA,IACE,cAAc;AAAA,MACZ,cAAc;AAAA,MACd,aAAa;AAAA,IACf;AAAA,EACF;AACF;AAQO,IAAM,oBAAoB,aAAqC,IAAI,KAAK;AAAA,EAC7E,cAAc;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,CAAC;AAMM,IAAM,oBAAoB;AAAA,EAC/B,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,cAAc;AAAA,MACd,aAAa;AAAA,IACf;AAAA,EACF;AACF;AAQO,IAAM,wBAAwB;AAAA,EACnC,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,cAAc;AAAA,MACd,aAAa;AAAA,IACf;AAAA,EACF;AACF;","names":[]}

package/build/modern/chunk-VB5XZZKE.js

@@ -0,0 +1,23 @@
+import {
+  FieldLabel
+} from "./chunk-MBZHMWPR.js";
+
+// src/components/deprecated/Label.tsx
+import { label } from "styled-system/recipes";
+import { cx } from "styled-system/css";
+import { jsx } from "react/jsx-runtime";
+function Label(props) {
+  const { size, ...nativeProps } = props;
+  return /* @__PURE__ */ jsx(
+    FieldLabel,
+    {
+      ...nativeProps,
+      className: cx(label({ size }), props.className)
+    }
+  );
+}
+
+export {
+  Label
+};
+//# sourceMappingURL=chunk-VB5XZZKE.js.map

package/build/modern/chunk-VKL3CMI3.js

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

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

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

package/build/modern/chunk-VOVGPV7G.js

@@ -0,0 +1,31 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-WC5DERNW.js";
+
+// src/components/progress/primitives.ts
+import { ark } from "@ark-ui/react/factory";
+import {
+  progressBar
+} from "styled-system/recipes";
+var { withSlotRecipe } = createCerberusPrimitive(progressBar);
+var ProgressBarRoot = withSlotRecipe(
+  ark.div,
+  "root",
+  {
+    defaultProps: {
+      "aria-valuemin": "0",
+      "aria-valuemax": "100",
+      role: "progressbar"
+    }
+  }
+);
+var ProgressBarBar = withSlotRecipe(
+  ark.div,
+  "bar"
+);
+
+export {
+  ProgressBarRoot,
+  ProgressBarBar
+};
+//# sourceMappingURL=chunk-VOVGPV7G.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/progress/primitives.ts"],"sourcesContent":["import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport {\n  progressBar,\n  type ProgressBarVariantProps,\n} from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the ProgressBar component primitives.\n * @module @cerberus-design/react/components/progress-bar/primitives\n */\n\nconst { withSlotRecipe } = createCerberusPrimitive(progressBar)\n\n// Root\n\nexport type ProgressBarRootProps = CerberusPrimitiveProps<\n  HTMLArkProps<'div'> & ProgressBarVariantProps\n>\nexport const ProgressBarRoot = withSlotRecipe<ProgressBarRootProps>(\n  ark.div,\n  'root',\n  {\n    defaultProps: {\n      'aria-valuemin': '0',\n      'aria-valuemax': '100',\n      role: 'progressbar',\n    },\n  },\n)\n\n// Bar\n\nexport type ProgressBarBarProps = CerberusPrimitiveProps<\n  HTMLArkProps<'div'> & ProgressBarVariantProps\n>\nexport const ProgressBarBar = withSlotRecipe<ProgressBarBarProps>(\n  ark.div,\n  'bar',\n)\n"],"mappings":";;;;;AAAA,SAAS,WAA8B;AACvC;AAAA,EACE;AAAA,OAEK;AAWP,IAAM,EAAE,eAAe,IAAI,wBAAwB,WAAW;AAOvD,IAAM,kBAAkB;AAAA,EAC7B,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAOO,IAAM,iBAAiB;AAAA,EAC5B,IAAI;AAAA,EACJ;AACF;","names":[]}

package/build/modern/chunk-VPD3PPBW.js

@@ -0,0 +1,41 @@
+// src/components/text/text.tsx
+import {
+  Em,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  P,
+  Small,
+  Span,
+  Strong
+} from "styled-system/jsx";
+import { jsx } from "react/jsx-runtime";
+function Text(props) {
+  const { as = "p", ...pandaJSXProps } = props;
+  const cache = {
+    h1: H1,
+    h2: H2,
+    h3: H3,
+    h4: H4,
+    h5: H5,
+    h6: H6,
+    strong: Strong,
+    em: Em,
+    small: Small,
+    span: Span,
+    p: P
+  };
+  if (as in cache) {
+    const Component = cache[as];
+    return /* @__PURE__ */ jsx(Component, { ...pandaJSXProps });
+  }
+  return /* @__PURE__ */ jsx(P, { ...pandaJSXProps });
+}
+
+export {
+  Text
+};
+//# sourceMappingURL=chunk-VPD3PPBW.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/text/text.tsx"],"sourcesContent":["import {\n  Em,\n  H1,\n  H2,\n  H3,\n  H4,\n  H5,\n  H6,\n  P,\n  Small,\n  Span,\n  Strong,\n  type PProps,\n} from 'styled-system/jsx'\n\n/**\n * This module exports a component for rendering text utilizing the styled-system JSX utility.\n * @module @cerberus/react/Text\n */\n\nexport type Headings = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\nexport type TextElements = 'p' | 'strong' | 'em' | 'small' | 'span'\n\n// For some reason we have to use the HTMLParagraphElement type here\n// or else TS will fail for non-style props like 'id' or 'className'\nexport interface TextProps extends PProps {\n  /**\n   * The element to render as. Defaults to 'p'.\n   */\n  as?: TextElements | Headings\n}\n\n/**\n * A component for rendering text utilizing the styled-system JSX utility.\n * @definition [Text docs](https://cerberus.digitalu.design/react/text)\n * @example\n * ```tsx\n * <Text as=\"h1\" color=\"page.text.100\" textStyle={{\n *   base: 'heading-md',\n *   md: 'heading-lg',\n * }}>\n *  Hello, world!\n * </Text>\n */\nexport function Text(props: TextProps) {\n  const { as = 'p', ...pandaJSXProps } = props\n\n  const cache = {\n    h1: H1,\n    h2: H2,\n    h3: H3,\n    h4: H4,\n    h5: H5,\n    h6: H6,\n    strong: Strong,\n    em: Em,\n    small: Small,\n    span: Span,\n    p: P,\n  }\n\n  if (as in cache) {\n    const Component = cache[as as keyof typeof cache]\n    return <Component {...pandaJSXProps} />\n  }\n\n  return <P {...pandaJSXProps} />\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAkDI;AAnBJ,SAAS,KAAK,OAAkB;AACrC,QAAM,EAAE,KAAK,KAAK,GAAG,cAAc,IAAI;AAEvC,QAAM,QAAQ;AAAA,IACZ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,GAAG;AAAA,EACL;AAEA,MAAI,MAAM,OAAO;AACf,UAAM,YAAY,MAAM,EAAwB;AAChD,WAAO,oBAAC,aAAW,GAAG,eAAe;AAAA,EACvC;AAEA,SAAO,oBAAC,KAAG,GAAG,eAAe;AAC/B;","names":[]}

package/build/modern/chunk-VQ3NO6IC.js

@@ -0,0 +1,36 @@
+import {
+  RatingParts
+} from "./chunk-6LH6MOXD.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+import {
+  splitProps
+} from "./chunk-BL7G3577.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: 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-VQ3NO6IC.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/rating/rating.tsx"],"sourcesContent":["import type {\n  UseRatingGroupContext,\n  UseRatingGroupItemContext,\n} from '@ark-ui/react/rating-group'\nimport type { ReactNode } from 'react'\nimport { splitProps } from '../../utils/index'\nimport { Show } from '../show/index'\nimport { RatingParts } from './parts'\nimport type { RatingRootProps } from './primitives'\n\n/**\n * This module contains the abstracted Rating component.\n * @module 'react/rating'\n */\n\nexport interface RatingProps extends Omit<RatingRootProps, 'children'> {\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":";;;;;;;;;;;AAkDI,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-VT6DJ2VM.js

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

package/build/modern/chunk-WC5DERNW.js

@@ -0,0 +1,43 @@
+import {
+  CerberusPrimitive
+} from "./chunk-GZ6T3352.js";
+
+// src/system/factory.ts
+import { ark } from "@ark-ui/react/factory";
+
+// src/system/index.ts
+function createCerberusPrimitive(recipe) {
+  return new CerberusPrimitive(recipe);
+}
+var cerberus = cerberusFactoryProxy;
+
+// src/system/factory.ts
+function cerberusFactory(component, defaultProps) {
+  const { withNoRecipe } = createCerberusPrimitive();
+  const arkComponent = ark[component];
+  if (arkComponent) {
+    return withNoRecipe(arkComponent, { defaultProps: defaultProps ?? {} });
+  }
+  throw new Error(
+    `Component "${String(component)}" is not a valid Cerberus component. Please check the component name.`
+  );
+}
+var cache = /* @__PURE__ */ new Map();
+var cerberusFactoryProxy = new Proxy(cerberusFactory, {
+  apply(target, thisArg, argArray) {
+    return target.apply(thisArg, argArray);
+  },
+  get(_target, el) {
+    if (!cache.has(el)) {
+      cache.set(el, cerberusFactory(el));
+    }
+    return cache.get(el);
+  }
+});
+
+export {
+  cerberusFactoryProxy,
+  createCerberusPrimitive,
+  cerberus
+};
+//# sourceMappingURL=chunk-WC5DERNW.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/system/factory.ts","../../src/system/index.ts"],"sourcesContent":["import { ark } from '@ark-ui/react/factory'\nimport { createCerberusPrimitive } from './index'\nimport type { ComponentType } from 'react'\n\nfunction cerberusFactory<T extends Record<string, unknown>>(\n  component: keyof typeof ark,\n  defaultProps?: T,\n) {\n  const { withNoRecipe } = createCerberusPrimitive()\n  const arkComponent = ark[component] as ComponentType\n\n  if (arkComponent) {\n    return withNoRecipe(arkComponent, { defaultProps: defaultProps ?? {} })\n  }\n\n  throw new Error(\n    `Component \"${String(component)}\" is not a valid Cerberus component. Please check the component name.`,\n  )\n}\n\nconst cache = new Map()\n\n// Create a proxy that handles both function calls and property access\nexport const cerberusFactoryProxy = new Proxy(cerberusFactory, {\n  apply(target, thisArg, argArray) {\n    // Handle function calls like cerberus('button')\n    // @ts-expect-error: Ignore type error for dynamic property access\n    return target.apply(thisArg, argArray)\n  },\n  get(_target, el: keyof typeof ark) {\n    // Handle property access like cerberus.button\n    if (!cache.has(el)) {\n      cache.set(el, cerberusFactory(el))\n    }\n    return cache.get(el) as ReturnType<typeof cerberusFactory>\n  },\n})\n","import { CerberusPrimitive } from './primitive-factory'\nimport type { CerberusFactory, CerberusPrimitiveRecipe } from './types'\nimport { cerberusFactoryProxy } from './factory'\n\n/**\n * This module contains the user interface for creating Cerberus primitives.\n * @module @cerberus/core/system/create-cerb-primitive\n */\n\n/**\n * A factory function that creates a Cerberus primitive instance with the given\n * recipe.\n * @param recipe\n * @returns An object with three methods: `withNoRecipe`, `withRecipe`, and `withSlotRecipe` that\n * apply the recipes and special Cerberus helpers like `css`.\n *\n * @example\n * ```tsx\n * const { withRecipe } = createCerberusPrimitive(myCustomRecipe);\n * export const Button = withRecipe(MyCustomButton)\n * ```\n */\nexport function createCerberusPrimitive<T extends CerberusPrimitiveRecipe>(\n  recipe?: T,\n) {\n  return new CerberusPrimitive(recipe)\n}\n\n/**\n * A utility function to access Cerberus components by their name.\n * @param component - The name of the Cerberus component to access.\n * @returns The Cerberus component corresponding to the provided name.\n * @throws An error if the component name is not valid.\n *\n * @example\n * ```tsx\n * import { cerberus } from '@cerberus/react'\n * const Button = cerberus('button')\n *\n * <Button css={{ color: 'blue' }} asChild>\n *  <Link href=\"/some-page\">Click me</Link>\n * </Button>\n * ```\n */\nexport const cerberus = cerberusFactoryProxy as CerberusFactory\n\nexport * from './types'\n"],"mappings":";;;;;AAAA,SAAS,WAAW;;;ACsBb,SAAS,wBACd,QACA;AACA,SAAO,IAAI,kBAAkB,MAAM;AACrC;AAkBO,IAAM,WAAW;;;ADxCxB,SAAS,gBACP,WACA,cACA;AACA,QAAM,EAAE,aAAa,IAAI,wBAAwB;AACjD,QAAM,eAAe,IAAI,SAAS;AAElC,MAAI,cAAc;AAChB,WAAO,aAAa,cAAc,EAAE,cAAc,gBAAgB,CAAC,EAAE,CAAC;AAAA,EACxE;AAEA,QAAM,IAAI;AAAA,IACR,cAAc,OAAO,SAAS,CAAC;AAAA,EACjC;AACF;AAEA,IAAM,QAAQ,oBAAI,IAAI;AAGf,IAAM,uBAAuB,IAAI,MAAM,iBAAiB;AAAA,EAC7D,MAAM,QAAQ,SAAS,UAAU;AAG/B,WAAO,OAAO,MAAM,SAAS,QAAQ;AAAA,EACvC;AAAA,EACA,IAAI,SAAS,IAAsB;AAEjC,QAAI,CAAC,MAAM,IAAI,EAAE,GAAG;AAClB,YAAM,IAAI,IAAI,gBAAgB,EAAE,CAAC;AAAA,IACnC;AACA,WAAO,MAAM,IAAI,EAAE;AAAA,EACrB;AACF,CAAC;","names":[]}