@cerberus-design/react 0.18.4 → 0.19.0

package/build/modern/chunk-P7FPAUWN.js

@@ -1,40 +0,0 @@
-import {
-  DatePickerTrigger
-} from "./chunk-ZL7AX5EM.js";
-import {
-  DatePickerParts
-} from "./chunk-J76SGDYP.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-P7FPAUWN.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/date-picker/range-input.tsx"],"sourcesContent":["import { type DatePickerInputProps } from '@ark-ui/react/date-picker'\nimport { DatePickerParts } from './parts'\nimport { DatePickerTrigger } from './trigger'\n\n/**\n * This private module contains the RangePickerInput component.\n * @module RangePickerInput\n */\n\nexport type RangePickerInputProps = DatePickerInputProps\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-PHPXOX2Y.js

@@ -1,40 +0,0 @@
-import {
-  AccordionChevronItemIndicator
-} from "./chunk-7I7LA2EE.js";
-import {
-  AccordionParts
-} from "./chunk-QNZIH2KG.js";
-import {
-  splitProps
-} from "./chunk-BL7G3577.js";
-import {
-  Show
-} from "./chunk-VEAC4I3F.js";
-
-// src/components/accordion/item-group.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Accordion(props) {
-  return /* @__PURE__ */ jsx(AccordionParts.Root, { ...props });
-}
-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-PHPXOX2Y.js.map

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

@@ -1 +0,0 @@
-{"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-PRV3HAK3.js

@@ -1,156 +0,0 @@
-import {
-  For
-} from "./chunk-I5RGBB57.js";
-import {
-  Show
-} from "./chunk-VEAC4I3F.js";
-
-// src/components/CircularProgress.tsx
-import { circularProgress } from "styled-system/recipes";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CircularProgress(props) {
-  const { size = "1.1em" } = props;
-  const sizeProps = props.size ? {
-    height: size,
-    width: size
-  } : {};
-  const strokeW = 14;
-  const radius = `calc(50% * (1 - ${strokeW}/100))`;
-  const status = props.syntax ?? "Done";
-  const now = props.now >= 100 ? 100 : props.now;
-  const bgStyle = props.bgStyle ?? "filled";
-  const styles = circularProgress();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      id: props.id,
-      "aria-label": props.label,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      "aria-valuenow": now,
-      className: styles.root,
-      role: "progressbar",
-      children: /* @__PURE__ */ jsxs(
-        "svg",
-        {
-          "data-complete": now === 100,
-          className: styles.group,
-          fill: "none",
-          strokeLinecap: "round",
-          strokeWidth: strokeW,
-          viewBox: "0 0 100 100",
-          xmlns: "http://www.w3.org/2000/svg",
-          ...sizeProps,
-          children: [
-            /* @__PURE__ */ jsx("title", { children: props.title }),
-            /* @__PURE__ */ jsx("desc", { children: `${now}% ${status}` }),
-            /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "gradient", children: [
-              /* @__PURE__ */ jsx(
-                "stop",
-                {
-                  offset: "0%",
-                  stopColor: "var(--cerberus-colors-data-viz-progress-start)"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "stop",
-                {
-                  offset: "100%",
-                  stopColor: "var(--cerberus-colors-data-viz-progress-end)"
-                }
-              )
-            ] }) }),
-            /* @__PURE__ */ jsx(Show, { when: bgStyle === "filled", children: /* @__PURE__ */ jsx(
-              "circle",
-              {
-                className: styles.base,
-                cx: "50%",
-                cy: "50%",
-                r: `calc(50% * (1 - ${strokeW}/100))`,
-                pathLength: "100"
-              }
-            ) }),
-            /* @__PURE__ */ jsx(
-              "circle",
-              {
-                className: styles.track,
-                cx: "50%",
-                cy: "50%",
-                r: radius,
-                pathLength: "100"
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              Show,
-              {
-                when: now > 0,
-                fallback: /* @__PURE__ */ jsx(
-                  "text",
-                  {
-                    "data-fallback": true,
-                    className: styles.description,
-                    x: "50%",
-                    y: "27%",
-                    dominantBaseline: "middle",
-                    textAnchor: "middle",
-                    textLength: "65%",
-                    children: /* @__PURE__ */ jsx(For, { each: status.split(" "), children: (word, idx) => /* @__PURE__ */ jsx("tspan", { x: "50%", dy: "1.2em", children: word }, `${word}:${idx}`) })
-                  }
-                ),
-                children: [
-                  /* @__PURE__ */ jsx(
-                    "circle",
-                    {
-                      "data-complete": now === 100,
-                      className: styles.path,
-                      cx: "50%",
-                      cy: "50%",
-                      fill: "none",
-                      r: radius,
-                      pathLength: "100",
-                      strokeDasharray: "100",
-                      strokeDashoffset: 100 - now,
-                      transform: "rotate(-90 50 50)"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs("g", { children: [
-                    /* @__PURE__ */ jsxs(
-                      "text",
-                      {
-                        className: styles.title,
-                        x: "50%",
-                        y: "47%",
-                        dominantBaseline: "middle",
-                        textAnchor: "middle",
-                        children: [
-                          now,
-                          "%"
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "text",
-                      {
-                        className: styles.description,
-                        x: "50%",
-                        y: "59%",
-                        dominantBaseline: "middle",
-                        textAnchor: "middle",
-                        children: status
-                      }
-                    )
-                  ] })
-                ]
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}
-
-export {
-  CircularProgress
-};
-//# sourceMappingURL=chunk-PRV3HAK3.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/CircularProgress.tsx"],"sourcesContent":["import { circularProgress } from 'styled-system/recipes'\nimport type { SVGProps } from 'react'\nimport { Show } from './Show'\nimport { For } from './for'\n\n/**\n * This module contains the CircularProgress component.\n * @module\n */\n\nexport interface CircularProgressProps extends SVGProps<SVGSVGElement> {\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 current value of the CircularProgress\n   */\n  now: number\n  /**\n   * The title of the CircularProgress for a11y\n   */\n  title: string\n  /**\n   * What is shown below the now value (default: 'Done')\n   */\n  syntax?: string\n  /**\n   * The background style of the CircularProgress\n   */\n  bgStyle?: 'filled' | 'transparent'\n  /**\n   * The size of the CircularProgress\n   * @default '1.1em'\n   */\n  size?: string\n}\n\n/**\n * The CircularProgress component is used to display a loading indicator.\n * @param props - SVG element attributes\n * @param props.now - The current value of the CircularProgress\n * @param props.title - The title of the CircularProgress for a11y\n * @param props.label - What is shown below the now value (default: 'Done')\n * @see https://cerberus.digitalu.design/react/progress-indicators\n * @example\n * ```tsx\n * <CircularProgress now={24} title=\"Course completion\" label=\"done\" />\n * ```\n */\nexport function CircularProgress(props: CircularProgressProps) {\n  const { size = '1.1em' } = props\n  const sizeProps = props.size\n    ? {\n        height: size,\n        width: size,\n      }\n    : {}\n\n  const strokeW: number = 14\n  const radius = `calc(50% * (1 - ${strokeW}/100))`\n  const status: string = props.syntax ?? 'Done'\n  const now: number = props.now >= 100 ? 100 : props.now\n  const bgStyle: string = props.bgStyle ?? 'filled'\n\n  const styles = circularProgress()\n\n  return (\n    <div\n      id={props.id}\n      aria-label={props.label}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={now}\n      className={styles.root}\n      role=\"progressbar\"\n    >\n      <svg\n        data-complete={now === 100}\n        className={styles.group}\n        fill=\"none\"\n        strokeLinecap=\"round\"\n        strokeWidth={strokeW}\n        viewBox=\"0 0 100 100\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...sizeProps}\n      >\n        <title>{props.title}</title>\n        <desc>{`${now}% ${status}`}</desc>\n\n        <defs>\n          <linearGradient id=\"gradient\">\n            <stop\n              offset=\"0%\"\n              stopColor=\"var(--cerberus-colors-data-viz-progress-start)\"\n            />\n            <stop\n              offset=\"100%\"\n              stopColor=\"var(--cerberus-colors-data-viz-progress-end)\"\n            />\n          </linearGradient>\n        </defs>\n\n        <Show when={bgStyle === 'filled'}>\n          <circle\n            className={styles.base}\n            cx=\"50%\"\n            cy=\"50%\"\n            r={`calc(50% * (1 - ${strokeW}/100))`}\n            pathLength=\"100\"\n          />\n        </Show>\n\n        <circle\n          className={styles.track}\n          cx=\"50%\"\n          cy=\"50%\"\n          r={radius}\n          pathLength=\"100\"\n        />\n\n        <Show\n          when={now > 0}\n          fallback={\n            <text\n              data-fallback\n              className={styles.description}\n              x=\"50%\"\n              y=\"27%\"\n              dominantBaseline=\"middle\"\n              textAnchor=\"middle\"\n              textLength=\"65%\"\n            >\n              <For each={status.split(' ')}>\n                {(word, idx) => (\n                  <tspan key={`${word}:${idx}`} x=\"50%\" dy=\"1.2em\">\n                    {word}\n                  </tspan>\n                )}\n              </For>\n            </text>\n          }\n        >\n          <circle\n            data-complete={now === 100}\n            className={styles.path}\n            cx=\"50%\"\n            cy=\"50%\"\n            fill=\"none\"\n            r={radius}\n            pathLength=\"100\"\n            strokeDasharray=\"100\"\n            strokeDashoffset={100 - now}\n            transform=\"rotate(-90 50 50)\"\n          />\n          <g>\n            <text\n              className={styles.title}\n              x=\"50%\"\n              y=\"47%\"\n              dominantBaseline=\"middle\"\n              textAnchor=\"middle\"\n            >\n              {now}%\n            </text>\n            <text\n              className={styles.description}\n              x=\"50%\"\n              y=\"59%\"\n              dominantBaseline=\"middle\"\n              textAnchor=\"middle\"\n            >\n              {status}\n            </text>\n          </g>\n        </Show>\n      </svg>\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/build/modern/chunk-Q737W5KJ.js

@@ -1,41 +0,0 @@
-// src/components/ProgressBar.tsx
-import { ark } from "@ark-ui/react/factory";
-import { cx } from "styled-system/css";
-import {
-  progressBar
-} from "styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function ProgressBar(props) {
-  const { indeterminate, size, usage, now, label, ...nativeProps } = props;
-  const styles = progressBar({ size, usage });
-  const nowClamped = Math.min(100, Math.max(0, now || 0));
-  const width = {
-    width: indeterminate ? "50%" : `${nowClamped}%`
-  };
-  return /* @__PURE__ */ jsx(
-    ark.div,
-    {
-      ...nativeProps,
-      "aria-label": label,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      "aria-valuenow": indeterminate ? 0 : nowClamped,
-      className: cx(nativeProps.className, styles.root),
-      role: "progressbar",
-      children: /* @__PURE__ */ jsx(
-        ark.div,
-        {
-          ...indeterminate && { "data-indeterminate": true },
-          "data-complete": nowClamped === 100,
-          className: styles.bar,
-          style: width
-        }
-      )
-    }
-  );
-}
-
-export {
-  ProgressBar
-};
-//# sourceMappingURL=chunk-Q737W5KJ.js.map

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

@@ -1 +0,0 @@
-{"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-QBA6KLL7.js

@@ -1,31 +0,0 @@
-import {
-  CheckboxIcon
-} from "./chunk-NYEUNVKR.js";
-import {
-  CheckboxParts
-} from "./chunk-52ZQ26IV.js";
-import {
-  Text
-} from "./chunk-ZPHPCKAG.js";
-import {
-  Show
-} from "./chunk-VEAC4I3F.js";
-
-// src/components/checkbox/checkbox.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Checkbox(props) {
-  const { size, children, ...rootProps } = props;
-  return /* @__PURE__ */ jsxs(CheckboxParts.Root, { ...rootProps, children: [
-    /* @__PURE__ */ jsx(CheckboxParts.Control, { size, children: /* @__PURE__ */ jsx(CheckboxIcon, { indeterminate: rootProps.checked === "indeterminate" }) }),
-    /* @__PURE__ */ jsxs(CheckboxParts.Label, { size, children: [
-      children,
-      /* @__PURE__ */ jsx(Show, { when: props.required, children: /* @__PURE__ */ jsx(Text, { as: "span", "data-part": "required-indicator", children: "(required)" }) })
-    ] }),
-    /* @__PURE__ */ jsx(CheckboxParts.HiddenInput, {})
-  ] });
-}
-
-export {
-  Checkbox
-};
-//# sourceMappingURL=chunk-QBA6KLL7.js.map

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

@@ -1 +0,0 @@
-{"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-QCZ5VNGU.js

@@ -1,36 +0,0 @@
-import {
-  RatingParts
-} from "./chunk-GYUCW2QK.js";
-import {
-  splitProps
-} from "./chunk-BL7G3577.js";
-import {
-  Show
-} from "./chunk-VEAC4I3F.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-QCZ5VNGU.js.map

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

@@ -1 +0,0 @@
-{"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-QD3WAARV.js

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

package/build/modern/chunk-QNZIH2KG.js

@@ -1,21 +0,0 @@
-import {
-  AccordionItem,
-  AccordionItemContent,
-  AccordionItemIndicator,
-  AccordionItemTrigger,
-  AccordionRoot
-} from "./chunk-BMPMMTX3.js";
-
-// src/components/accordion/parts.ts
-var AccordionParts = {
-  Root: AccordionRoot,
-  Item: AccordionItem,
-  ItemTrigger: AccordionItemTrigger,
-  ItemContent: AccordionItemContent,
-  ItemIndicator: AccordionItemIndicator
-};
-
-export {
-  AccordionParts
-};
-//# sourceMappingURL=chunk-QNZIH2KG.js.map

package/build/modern/chunk-RF4VKGOQ.js

@@ -1,70 +0,0 @@
-import {
-  ToastCloseTrigger
-} from "./chunk-5HEU3SYR.js";
-import {
-  MatchNotificationIcon
-} from "./chunk-TS7PAQPV.js";
-import {
-  NotificationParts
-} from "./chunk-MTD4JSHT.js";
-import {
-  Button
-} from "./chunk-GB7W3YNU.js";
-import {
-  Show
-} from "./chunk-VEAC4I3F.js";
-
-// src/components/notifications/center.tsx
-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,
-  overlap: true,
-  placement: "top-end"
-});
-function NotificationCenter() {
-  return /* @__PURE__ */ jsx(Toaster, { toaster, children: (toast) => /* @__PURE__ */ jsxs(NotificationParts.Root, { children: [
-    /* @__PURE__ */ jsx(
-      MatchNotificationIcon,
-      {
-        type: toast.type
-      }
-    ),
-    /* @__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: toast.action, children: /* @__PURE__ */ jsx(NotificationParts.ActionTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          palette: toast.type,
-          usage: "ghost",
-          size: "sm",
-          children: toast.action?.label
-        }
-      ) }) })
-    ] }),
-    /* @__PURE__ */ jsx(ToastCloseTrigger, {})
-  ] }, toast.id) });
-}
-function useNotificationCenter() {
-  function notify(options) {
-    toaster.create({
-      title: options.heading,
-      description: options.description,
-      type: options.palette,
-      action: options.action
-    });
-  }
-  return { ...toaster, notify };
-}
-
-export {
-  toaster,
-  NotificationCenter,
-  useNotificationCenter
-};
-//# sourceMappingURL=chunk-RF4VKGOQ.js.map

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

@@ -1 +0,0 @@
-{"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":[]}