@cerberus-design/react 0.18.3 → 0.19.0

package/build/modern/chunk-MW2BVQ5A.js

@@ -0,0 +1,64 @@
+import {
+  IconButton
+} from "./chunk-G4CDF7LY.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/tag/tag.tsx
+import { ark } from "@ark-ui/react/factory";
+import { css, cx } from "styled-system/css";
+import { tag } from "styled-system/recipes";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Tag(props) {
+  const { shape: initShape, gradient, onClick, usage, ...nativeProps } = props;
+  const palette = props?.palette ?? "page";
+  const isClosable = Boolean(onClick);
+  const shape = isClosable ? "pill" : initShape;
+  const closableStyles = isClosable ? closableCss : "";
+  const { icons } = useCerberusContext();
+  const { close: Close } = icons;
+  return /* @__PURE__ */ jsxs(
+    ark.span,
+    {
+      ...nativeProps,
+      className: cx(
+        nativeProps.className,
+        tag({
+          gradient,
+          palette,
+          shape,
+          usage
+        }),
+        closableStyles
+      ),
+      children: [
+        props.children,
+        /* @__PURE__ */ jsx(Show, { when: isClosable, children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            ariaLabel: "Close",
+            onClick,
+            palette: "action",
+            usage: "filled",
+            size: "sm",
+            children: /* @__PURE__ */ jsx(Close, {})
+          }
+        ) })
+      ]
+    }
+  );
+}
+var closableCss = css({
+  bgColor: "action.bg.active",
+  color: "action.text.initial",
+  paddingInlineEnd: "0"
+});
+
+export {
+  Tag
+};
+//# sourceMappingURL=chunk-MW2BVQ5A.js.map

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

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

package/build/modern/chunk-NAPG6OWJ.js

@@ -0,0 +1,41 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-WC5DERNW.js";
+
+// src/components/accordion/primitives.tsx
+import {
+  Accordion
+} from "@ark-ui/react/accordion";
+import { accordion } from "styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+var { withSlotRecipe } = createCerberusPrimitive(accordion);
+function AccordionRootEl(props) {
+  const { size, ...rootProps } = props;
+  return /* @__PURE__ */ jsx(Accordion.Root, { ...rootProps, "data-size": size });
+}
+var AccordionRoot = withSlotRecipe(AccordionRootEl, "root");
+var AccordionItem = withSlotRecipe(
+  Accordion.Item,
+  "item"
+);
+var AccordionItemTrigger = withSlotRecipe(
+  Accordion.ItemTrigger,
+  "itemTrigger"
+);
+var AccordionItemIndicator = withSlotRecipe(
+  Accordion.ItemIndicator,
+  "itemIndicator"
+);
+var AccordionItemContent = withSlotRecipe(
+  Accordion.ItemContent,
+  "itemContent"
+);
+
+export {
+  AccordionRoot,
+  AccordionItem,
+  AccordionItemTrigger,
+  AccordionItemIndicator,
+  AccordionItemContent
+};
+//# sourceMappingURL=chunk-NAPG6OWJ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/accordion/primitives.tsx"],"sourcesContent":["import {\n  Accordion,\n  type AccordionItemContentProps as ArkAccordionItemContentProps,\n  type AccordionItemIndicatorProps as ArkAccordionItemIndicatorProps,\n  type AccordionItemProps as ArkAccordionItemProps,\n  type AccordionItemTriggerProps as ArkAccordionItemTriggerProps,\n  type AccordionRootProps as ArkAccordionRootProps,\n} from '@ark-ui/react/accordion'\nimport { accordion, type AccordionVariantProps } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the primitives of the Accordion component.\n * @module 'accordion/primitives'\n */\n\nconst { withSlotRecipe } = createCerberusPrimitive(accordion)\n\nfunction AccordionRootEl(props: AccordionRootProps) {\n  const { size, ...rootProps } = props\n  return <Accordion.Root {...rootProps} data-size={size} />\n}\n\n/**\n * The primitive root component of the Accordion component.\n *\n * This component returns the Ark `Accordion.Root` component which has a\n * base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionRoot = withSlotRecipe(AccordionRootEl, 'root')\nexport type AccordionRootProps = CerberusPrimitiveProps<\n  ArkAccordionRootProps & AccordionVariantProps\n>\n\n/**\n * The primitive item component of the Accordion component.\n *\n * This component returns the Ark `Accordion.Item` component which has a\n * base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionItem = withSlotRecipe<AccordionItemProps>(\n  Accordion.Item,\n  'item',\n)\nexport type AccordionItemProps = CerberusPrimitiveProps<\n  ArkAccordionItemProps & AccordionVariantProps\n>\n\n/**\n * The primitive trigger component of the Accordion component.\n *\n * This component returns the Ark `Accordion.ItemTrigger` component which has\n * a base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionItemTrigger = withSlotRecipe<AccordionItemTriggerProps>(\n  Accordion.ItemTrigger,\n  'itemTrigger',\n)\nexport type AccordionItemTriggerProps =\n  CerberusPrimitiveProps<ArkAccordionItemTriggerProps>\n\n/**\n * The primitive item indicator component of the Accordion component.\n *\n * This component returns the Ark `Accordion.ItemIndicator` component which has\n * a base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionItemIndicator =\n  withSlotRecipe<AccordionItemIndicatorProps>(\n    Accordion.ItemIndicator,\n    'itemIndicator',\n  )\nexport type AccordionItemIndicatorProps =\n  CerberusPrimitiveProps<ArkAccordionItemIndicatorProps>\n\n/**\n * The primitive content component of the Accordion component.\n *\n * This component returns the Ark `Accordion.Content` component which has a\n * base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionItemContent = withSlotRecipe<AccordionItemContentProps>(\n  Accordion.ItemContent,\n  'itemContent',\n)\nexport type AccordionItemContentProps =\n  CerberusPrimitiveProps<ArkAccordionItemContentProps>\n"],"mappings":";;;;;AAAA;AAAA,EACE;AAAA,OAMK;AACP,SAAS,iBAA6C;AAe7C;AAJT,IAAM,EAAE,eAAe,IAAI,wBAAwB,SAAS;AAE5D,SAAS,gBAAgB,OAA2B;AAClD,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,SAAO,oBAAC,UAAU,MAAV,EAAgB,GAAG,WAAW,aAAW,MAAM;AACzD;AAQO,IAAM,gBAAgB,eAAe,iBAAiB,MAAM;AAW5D,IAAM,gBAAgB;AAAA,EAC3B,UAAU;AAAA,EACV;AACF;AAWO,IAAM,uBAAuB;AAAA,EAClC,UAAU;AAAA,EACV;AACF;AAUO,IAAM,yBACX;AAAA,EACE,UAAU;AAAA,EACV;AACF;AAUK,IAAM,uBAAuB;AAAA,EAClC,UAAU;AAAA,EACV;AACF;","names":[]}

package/build/modern/chunk-NE6TEVH2.js

@@ -0,0 +1,67 @@
+import {
+  Avatar
+} from "./chunk-WJHG3ZFR.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/file-upload/file-uploader.tsx
+import { cx } from "styled-system/css";
+import { vstack } from "styled-system/patterns";
+import { fileUploader } from "styled-system/recipes";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FileUploader(props) {
+  const { icons } = useCerberusContext();
+  const styles = fileUploader();
+  const { waitingFileUploader: Icon } = icons;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...props.disabled ? { "aria-disabled": true } : {},
+      className: cx(
+        vstack({
+          justify: "center"
+        }),
+        styles.container
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: styles.icon, children: /* @__PURE__ */ jsx(Avatar, { gradient: "charon-light", fallback: /* @__PURE__ */ jsx(Icon, {}) }) }),
+        /* @__PURE__ */ jsxs(
+          "label",
+          {
+            className: cx(
+              vstack({
+                justify: "center"
+              }),
+              styles.label
+            ),
+            htmlFor: props.name,
+            children: [
+              /* @__PURE__ */ jsx(Show, { when: props.heading, children: /* @__PURE__ */ jsx("p", { className: styles.heading, children: props.heading }) }),
+              "Import ",
+              props.accept?.replace(",", ", "),
+              " files",
+              /* @__PURE__ */ jsx("p", { className: styles.description, children: "Click to select files" }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ...props,
+                  className: cx(props.className, styles.input),
+                  type: "file"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  FileUploader
+};
+//# sourceMappingURL=chunk-NE6TEVH2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/file-upload/file-uploader.tsx"],"sourcesContent":["'use client'\n\nimport { cx } from 'styled-system/css'\nimport { vstack } from 'styled-system/patterns'\nimport { fileUploader } from 'styled-system/recipes'\nimport { type InputHTMLAttributes } from 'react'\nimport { Show } from '../show/index'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Avatar } from '../avatar/avatar'\n\nexport interface FileUploaderProps\n  extends InputHTMLAttributes<HTMLInputElement> {\n  /**\n   * The optional heading to display in the FileUploader component.\n   */\n  heading?: string\n  /**\n   * The name of the file input element.\n   */\n  name: string\n  /**\n   * Disable the FileUploader component. Good for single-use file uploads.\n   */\n  disabled?: boolean\n}\n\n/**\n * A component that allows the user to upload files.\n * @see https://cerberus.digitalu.design/react/file-uploader\n */\nexport function FileUploader(props: FileUploaderProps) {\n  const { icons } = useCerberusContext()\n  const styles = fileUploader()\n  const { waitingFileUploader: Icon } = icons\n\n  return (\n    <div\n      {...(props.disabled ? { 'aria-disabled': true } : {})}\n      className={cx(\n        vstack({\n          justify: 'center',\n        }),\n        styles.container,\n      )}\n    >\n      <div className={styles.icon}>\n        <Avatar gradient=\"charon-light\" fallback={<Icon />} />\n      </div>\n\n      <label\n        className={cx(\n          vstack({\n            justify: 'center',\n          }),\n          styles.label,\n        )}\n        htmlFor={props.name}\n      >\n        <Show when={props.heading}>\n          <p className={styles.heading}>{props.heading}</p>\n        </Show>\n        Import {props.accept?.replace(',', ', ')} files\n        <p className={styles.description}>Click to select files</p>\n        <input\n          {...props}\n          className={cx(props.className, styles.input)}\n          type=\"file\"\n        />\n      </label>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAEA,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,oBAAoB;AA0CqB,cAG5C,YAH4C;AAhB3C,SAAS,aAAa,OAA0B;AACrD,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,SAAS,aAAa;AAC5B,QAAM,EAAE,qBAAqB,KAAK,IAAI;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,MAAM,WAAW,EAAE,iBAAiB,KAAK,IAAI,CAAC;AAAA,MACnD,WAAW;AAAA,QACT,OAAO;AAAA,UACL,SAAS;AAAA,QACX,CAAC;AAAA,QACD,OAAO;AAAA,MACT;AAAA,MAEA;AAAA,4BAAC,SAAI,WAAW,OAAO,MACrB,8BAAC,UAAO,UAAS,gBAAe,UAAU,oBAAC,QAAK,GAAI,GACtD;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT,OAAO;AAAA,gBACL,SAAS;AAAA,cACX,CAAC;AAAA,cACD,OAAO;AAAA,YACT;AAAA,YACA,SAAS,MAAM;AAAA,YAEf;AAAA,kCAAC,QAAK,MAAM,MAAM,SAChB,8BAAC,OAAE,WAAW,OAAO,SAAU,gBAAM,SAAQ,GAC/C;AAAA,cAAO;AAAA,cACC,MAAM,QAAQ,QAAQ,KAAK,IAAI;AAAA,cAAE;AAAA,cACzC,oBAAC,OAAE,WAAW,OAAO,aAAa,mCAAqB;AAAA,cACvD;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG;AAAA,kBACJ,WAAW,GAAG,MAAM,WAAW,OAAO,KAAK;AAAA,kBAC3C,MAAK;AAAA;AAAA,cACP;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/chunk-NUXMADXV.js

@@ -0,0 +1,17 @@
+// src/components/show/show.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+function Show(props) {
+  const { when, children, fallback } = props;
+  if (when) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  if (fallback) {
+    return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+  }
+  return null;
+}
+
+export {
+  Show
+};
+//# sourceMappingURL=chunk-NUXMADXV.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/show/show.tsx"],"sourcesContent":["import { type PropsWithChildren, type ReactNode } from 'react'\n\n/**\n * This module contains the Show component.\n * @module\n */\n\nexport interface ShowProps<T> {\n  /**\n   * The condition to render memoized children or the fallback content.\n   */\n  when: T | boolean | null | undefined\n  /**\n   * The children to render when the condition is false.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * Conditionally render a memoized version of the children or optional fallback\n * content.\n * @see https://cerberus.digitalu.design/react/show\n * @example\n * ```tsx\n * <Show when={isLoggedIn} fallback={<Navigate to=\"/login\" />}>\n *   <Dashboard />\n * </Show>\n */\nexport function Show<T>(props: PropsWithChildren<ShowProps<T>>) {\n  const { when, children, fallback } = props\n\n  if (when) {\n    return <>{children}</>\n  }\n\n  if (fallback) {\n    return <>{fallback}</>\n  }\n\n  return null\n}\n"],"mappings":";AAgCW;AAJJ,SAAS,KAAQ,OAAwC;AAC9D,QAAM,EAAE,MAAM,UAAU,SAAS,IAAI;AAErC,MAAI,MAAM;AACR,WAAO,gCAAG,UAAS;AAAA,EACrB;AAEA,MAAI,UAAU;AACZ,WAAO,gCAAG,oBAAS;AAAA,EACrB;AAEA,SAAO;AACT;","names":[]}

package/build/modern/chunk-NZBKI6AF.js

@@ -0,0 +1,42 @@
+import {
+  DialogCloseTrigger
+} from "./chunk-L3V6I7YH.js";
+import {
+  IconButton
+} from "./chunk-G4CDF7LY.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/dialog/close-icon-trigger.tsx
+import { dialog } from "styled-system/recipes";
+import { cx } from "styled-system/css";
+import { jsx } from "react/jsx-runtime";
+function DialogCloseIconTrigger(props) {
+  const styles = dialog();
+  const { icons } = useCerberusContext();
+  const { close: CloseIcon } = icons;
+  return /* @__PURE__ */ jsx(
+    DialogCloseTrigger,
+    {
+      ...props,
+      className: cx(styles.closeTrigger, props.className),
+      asChild: true,
+      children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          ariaLabel: "Close dialog",
+          palette: "action",
+          size: "lg",
+          usage: "ghost",
+          children: /* @__PURE__ */ jsx(CloseIcon, {})
+        }
+      )
+    }
+  );
+}
+
+export {
+  DialogCloseIconTrigger
+};
+//# sourceMappingURL=chunk-NZBKI6AF.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/dialog/close-icon-trigger.tsx"],"sourcesContent":["'use client'\n\nimport { useCerberusContext } from '../../context/cerberus'\nimport { IconButton } from '../icon-button/index'\nimport { DialogCloseTrigger, type DialogCloseTriggerProps } from './primitives'\nimport { dialog } from 'styled-system/recipes'\nimport { cx } from 'styled-system/css'\n\n/**\n * This module contains the close trigger for the dialog.\n * @module react/dialog\n */\n\nexport function DialogCloseIconTrigger(props: DialogCloseTriggerProps) {\n  const styles = dialog()\n\n  const { icons } = useCerberusContext()\n  const { close: CloseIcon } = icons\n\n  return (\n    <DialogCloseTrigger\n      {...props}\n      className={cx(styles.closeTrigger, props.className)}\n      asChild\n    >\n      <IconButton\n        ariaLabel=\"Close dialog\"\n        palette=\"action\"\n        size=\"lg\"\n        usage=\"ghost\"\n      >\n        <CloseIcon />\n      </IconButton>\n    </DialogCloseTrigger>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAKA,SAAS,cAAc;AACvB,SAAS,UAAU;AAyBX;AAlBD,SAAS,uBAAuB,OAAgC;AACrE,QAAM,SAAS,OAAO;AAEtB,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,OAAO,UAAU,IAAI;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,cAAc,MAAM,SAAS;AAAA,MAClD,SAAO;AAAA,MAEP;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UAEN,8BAAC,aAAU;AAAA;AAAA,MACb;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/chunk-NZP3XQNQ.js

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

package/build/modern/chunk-NZZS2A53.js

@@ -0,0 +1,37 @@
+import {
+  ComboboxClearTrigger,
+  ComboboxContent,
+  ComboboxControl,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxItemGroup,
+  ComboboxItemGroupLabel,
+  ComboboxItemIndicator,
+  ComboboxItemText,
+  ComboboxLabel,
+  ComboboxPositioner,
+  ComboboxRoot,
+  ComboboxTrigger
+} from "./chunk-KOVD3FG7.js";
+
+// src/components/combobox/parts.ts
+var ComboboxParts = {
+  Root: ComboboxRoot,
+  Label: ComboboxLabel,
+  Control: ComboboxControl,
+  Input: ComboboxInput,
+  Trigger: ComboboxTrigger,
+  ClearTrigger: ComboboxClearTrigger,
+  Positioner: ComboboxPositioner,
+  Content: ComboboxContent,
+  ItemGroup: ComboboxItemGroup,
+  ItemGroupLabel: ComboboxItemGroupLabel,
+  Item: ComboboxItem,
+  ItemText: ComboboxItemText,
+  ItemIndicator: ComboboxItemIndicator
+};
+
+export {
+  ComboboxParts
+};
+//# sourceMappingURL=chunk-NZZS2A53.js.map

package/build/modern/chunk-OCK4XVNE.js

@@ -0,0 +1,24 @@
+import {
+  TabsParts
+} from "./chunk-CKLLERV7.js";
+
+// src/components/tabs/tabs.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function TabsList(props) {
+  const { children, ...listProps } = props;
+  return /* @__PURE__ */ jsxs(TabsParts.List, { ...listProps, children: [
+    children,
+    /* @__PURE__ */ jsx(TabsParts.Indicator, {})
+  ] });
+}
+var Tabs = {
+  Root: TabsParts.Root,
+  List: TabsList,
+  Tab: TabsParts.Trigger,
+  Panel: TabsParts.Content
+};
+
+export {
+  Tabs
+};
+//# sourceMappingURL=chunk-OCK4XVNE.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tabs/tabs.tsx"],"sourcesContent":["import type { ElementType } from 'react'\nimport { TabsParts, type TabsPartsValue } from './parts'\nimport type { TabsListProps } from './primitives'\n\n/**\n * This module contains an abstraction of the Tabs family.\n * @module 'tabs'\n */\n\ninterface TabsValueProps\n  extends Omit<TabsPartsValue, 'Trigger' | 'Content' | 'Indicator'> {\n  /**\n   * A named component for the TabsTrigger.\n   */\n  Tab: ElementType\n  /**\n   * A named component for the TabsContent.\n   */\n  Panel: ElementType\n}\n\n/**\n * An abstraction of the TabsList component that includes the TabIndicator.\n */\nfunction TabsList(props: TabsListProps) {\n  const { children, ...listProps } = props\n  return (\n    <TabsParts.List {...listProps}>\n      {children}\n      <TabsParts.Indicator />\n    </TabsParts.List>\n  )\n}\n\n/**\n * An Object containing the abstracted parts of the Tabs component.\n *\n * @remarks\n *\n * When using object component syntax, you import the TabsParts object and\n * the entire family of components vs. only what you use.\n */\nexport const Tabs: TabsValueProps = {\n  Root: TabsParts.Root,\n  List: TabsList,\n  Tab: TabsParts.Trigger,\n  Panel: TabsParts.Content,\n}\n"],"mappings":";;;;;AA2BI,SAEE,KAFF;AAHJ,SAAS,SAAS,OAAsB;AACtC,QAAM,EAAE,UAAU,GAAG,UAAU,IAAI;AACnC,SACE,qBAAC,UAAU,MAAV,EAAgB,GAAG,WACjB;AAAA;AAAA,IACD,oBAAC,UAAU,WAAV,EAAoB;AAAA,KACvB;AAEJ;AAUO,IAAM,OAAuB;AAAA,EAClC,MAAM,UAAU;AAAA,EAChB,MAAM;AAAA,EACN,KAAK,UAAU;AAAA,EACf,OAAO,UAAU;AACnB;","names":[]}

package/build/modern/chunk-OKU736EK.js

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

package/build/modern/chunk-OQN4HVLQ.js

@@ -0,0 +1,38 @@
+import {
+  createSelectCollection
+} from "./chunk-JPWFSCTC.js";
+
+// src/components/combobox/use-stateful-collection.ts
+import { useCallback, useMemo, useState } from "react";
+function useStatefulCollection(initialItems = []) {
+  const [items, setItems] = useState(initialItems);
+  const [filterValue, setFilterValue] = useState([]);
+  const collection = useMemo(() => createSelectCollection(items), [items]);
+  const handleInputChange = useCallback(
+    (details) => {
+      if (details.inputValue === "") {
+        return setItems(initialItems);
+      }
+      setItems(
+        (prev) => prev.filter(
+          (item) => item.value.includes(details.inputValue.toLowerCase())
+        )
+      );
+      setFilterValue(details.inputValue.split(""));
+    },
+    [initialItems]
+  );
+  return useMemo(
+    () => ({
+      collection,
+      filterChars: filterValue,
+      handleInputChange
+    }),
+    [collection, filterValue, handleInputChange]
+  );
+}
+
+export {
+  useStatefulCollection
+};
+//# sourceMappingURL=chunk-OQN4HVLQ.js.map

package/build/modern/chunk-P3EIOH5D.js

@@ -0,0 +1,30 @@
+import {
+  CircularProgressCircle,
+  CircularProgressCircleRange,
+  CircularProgressCircleTrack,
+  CircularProgressInfoGroup,
+  CircularProgressLabel,
+  CircularProgressRoot,
+  CircularProgressValueText
+} from "./chunk-B4X5H2QZ.js";
+
+// src/components/circular-progress/circular-progress.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CircularProgress(props) {
+  const { label, ...rootProps } = props;
+  return /* @__PURE__ */ jsxs(CircularProgressRoot, { ...rootProps, children: [
+    /* @__PURE__ */ jsxs(CircularProgressCircle, { children: [
+      /* @__PURE__ */ jsx(CircularProgressCircleTrack, {}),
+      /* @__PURE__ */ jsx(CircularProgressCircleRange, {})
+    ] }),
+    /* @__PURE__ */ jsxs(CircularProgressInfoGroup, { children: [
+      /* @__PURE__ */ jsx(CircularProgressValueText, {}),
+      /* @__PURE__ */ jsx(CircularProgressLabel, { children: label ?? "Done" })
+    ] })
+  ] });
+}
+
+export {
+  CircularProgress
+};
+//# sourceMappingURL=chunk-P3EIOH5D.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/circular-progress/circular-progress.tsx"],"sourcesContent":["import {\n  CircularProgressCircle,\n  CircularProgressCircleRange,\n  CircularProgressCircleTrack,\n  CircularProgressInfoGroup,\n  CircularProgressLabel,\n  CircularProgressRoot,\n  CircularProgressValueText,\n  type CircularProgressRootProps,\n} from './primitives'\n\nexport interface CircularProgressProps extends CircularProgressRootProps {\n  /**\n   * The background style of the CircularProgress\n   */\n  bgStyle?: 'filled' | 'transparent'\n  /**\n   * The label for the circular progress.\n   */\n  label?: string\n}\n\nexport function CircularProgress(props: CircularProgressProps) {\n  const { label, ...rootProps } = props\n\n  return (\n    <CircularProgressRoot {...rootProps}>\n      <CircularProgressCircle>\n        <CircularProgressCircleTrack />\n        <CircularProgressCircleRange />\n      </CircularProgressCircle>\n\n      <CircularProgressInfoGroup>\n        <CircularProgressValueText />\n        <CircularProgressLabel>{label ?? 'Done'}</CircularProgressLabel>\n      </CircularProgressInfoGroup>\n    </CircularProgressRoot>\n  )\n}\n"],"mappings":";;;;;;;;;;;AA2BM,SACE,KADF;AALC,SAAS,iBAAiB,OAA8B;AAC7D,QAAM,EAAE,OAAO,GAAG,UAAU,IAAI;AAEhC,SACE,qBAAC,wBAAsB,GAAG,WACxB;AAAA,yBAAC,0BACC;AAAA,0BAAC,+BAA4B;AAAA,MAC7B,oBAAC,+BAA4B;AAAA,OAC/B;AAAA,IAEA,qBAAC,6BACC;AAAA,0BAAC,6BAA0B;AAAA,MAC3B,oBAAC,yBAAuB,mBAAS,QAAO;AAAA,OAC1C;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-P4GJKPNL.js

@@ -0,0 +1,21 @@
+import {
+  NotificationActionTrigger,
+  NotificationCloseTrigger,
+  NotificationDescription,
+  NotificationHeading,
+  NotificationRoot
+} from "./chunk-3WTLKTIL.js";
+
+// src/components/notifications/parts.ts
+var NotificationParts = {
+  Root: NotificationRoot,
+  Heading: NotificationHeading,
+  Description: NotificationDescription,
+  CloseTrigger: NotificationCloseTrigger,
+  ActionTrigger: NotificationActionTrigger
+};
+
+export {
+  NotificationParts
+};
+//# sourceMappingURL=chunk-P4GJKPNL.js.map

package/build/modern/chunk-PAQ6YQ7Y.js

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

package/build/modern/chunk-PLPYBCZQ.js

@@ -0,0 +1,8 @@
+// src/components/portal/portal.tsx
+import { Portal as ArkPortal } from "@ark-ui/react";
+var Portal = ArkPortal;
+
+export {
+  Portal
+};
+//# sourceMappingURL=chunk-PLPYBCZQ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/portal/portal.tsx"],"sourcesContent":["import { Portal as ArkPortal, type PortalProps } from '@ark-ui/react'\n\n/**\n * This module is the Portal component.\n * @module\n */\n\nexport type { PortalProps }\n\n/**\n * The Portal component is used to render children into a DOM node that exists outside the DOM hierarchy of the parent component.\n * @see https://cerberus.digitalu.design/react/portal\n * @definition [React Portal Docs](https://react.dev/reference/react-dom/createPortal)\n * @example\n * ```tsx\n * 'use client'\n *\n * import { Portal } from '@cerberus/react'\n *\n * function SomeFeatureWithinSSRPage() {\n *   return (\n *     <Portal>\n *       <div>Portal Content outside of the React VDom tree</div>\n *     </Portal>\n *   )\n * }\n */\nexport const Portal = ArkPortal\n"],"mappings":";AAAA,SAAS,UAAU,iBAAmC;AA2B/C,IAAM,SAAS;","names":[]}

package/build/modern/chunk-Q2MJ7JRM.js

@@ -0,0 +1,22 @@
+import {
+  RadioGroupItem,
+  RadioGroupItemControl,
+  RadioGroupItemHiddenInput,
+  RadioGroupItemText
+} from "./chunk-SQRFRBDB.js";
+
+// src/components/radio/radio.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Radio(props) {
+  const { size, children, ...groupProps } = props;
+  return /* @__PURE__ */ jsxs(RadioGroupItem, { ...groupProps, children: [
+    /* @__PURE__ */ jsx(RadioGroupItemControl, { size }),
+    /* @__PURE__ */ jsx(RadioGroupItemText, { size, children }),
+    /* @__PURE__ */ jsx(RadioGroupItemHiddenInput, {})
+  ] });
+}
+
+export {
+  Radio
+};
+//# sourceMappingURL=chunk-Q2MJ7JRM.js.map

package/build/modern/chunk-Q4CS3AKY.js

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

package/build/modern/chunk-QHV4IK52.js

@@ -0,0 +1,27 @@
+import {
+  DatePickerYearView
+} from "./chunk-HHY26N7O.js";
+import {
+  DatePickerContent
+} from "./chunk-24FZWSGV.js";
+import {
+  DatePickerDayView
+} from "./chunk-ZLHQYCL3.js";
+import {
+  DatePickerMonthView
+} from "./chunk-CIKCQHPC.js";
+
+// src/components/date-picker/calendar.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function DatePickerCalendar(props) {
+  return /* @__PURE__ */ jsxs(DatePickerContent, { ...props, children: [
+    /* @__PURE__ */ jsx(DatePickerDayView, {}),
+    /* @__PURE__ */ jsx(DatePickerMonthView, { view: "month" }),
+    /* @__PURE__ */ jsx(DatePickerYearView, { view: "year" })
+  ] });
+}
+
+export {
+  DatePickerCalendar
+};
+//# sourceMappingURL=chunk-QHV4IK52.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/calendar.tsx"],"sourcesContent":["import type { RefObject } from 'react'\nimport { DatePickerContent } from './content'\nimport { DatePickerDayView } from './day-view'\nimport { DatePickerMonthView } from './month-view'\nimport { DatePickerYearView } from './year-view'\n\n/**\n * This module contains an abstraction of the DatePicker component.\n * @module 'date-picker/calendar'\n */\n\nexport interface DatePickerCalendarProps {\n  /**\n   * Determines whether to disable the Portal used to render the DatePicker\n   * content in a modal. This is an alternative to using the `container` prop\n   * which provides the context to the Portal instead.\n   * @default false\n   */\n  withModal?: boolean\n  /**\n   * The container element to render the DatePicker content in. This is used\n   * to render the DatePicker content in a specific context, such as a modal.\n   * @default document.body\n   */\n  container?: RefObject<HTMLElement | null>\n}\n\n/**\n * An abstraction of the DatePicker content components that contain the\n * different calendar views and controls.\n * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)\n * @example\n * ```tsx\n * <Field>\n *   <DatePicker name=\"start_date\">\n *     <DatePickerLabel>Start date</DatePickerLabel>\n *     <DatePickerInput />\n *     <DatePickerCalendar />\n *   </DatePicker>\n * </Field>\n * ```\n */\nexport function DatePickerCalendar(props: DatePickerCalendarProps) {\n  return (\n    <DatePickerContent {...props}>\n      <DatePickerDayView />\n      <DatePickerMonthView view=\"month\" />\n      <DatePickerYearView view=\"year\" />\n    </DatePickerContent>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AA4CI,SACE,KADF;AAFG,SAAS,mBAAmB,OAAgC;AACjE,SACE,qBAAC,qBAAmB,GAAG,OACrB;AAAA,wBAAC,qBAAkB;AAAA,IACnB,oBAAC,uBAAoB,MAAK,SAAQ;AAAA,IAClC,oBAAC,sBAAmB,MAAK,QAAO;AAAA,KAClC;AAEJ;","names":[]}

package/build/modern/chunk-QTV75ATT.js

@@ -0,0 +1,12 @@
+// src/components/field/error-text.tsx
+import { Field } from "@ark-ui/react/field";
+import { jsx } from "react/jsx-runtime";
+function CerberusFieldErrorText(props) {
+  if (!props.children) return null;
+  return /* @__PURE__ */ jsx(Field.ErrorText, { ...props });
+}
+
+export {
+  CerberusFieldErrorText
+};
+//# sourceMappingURL=chunk-QTV75ATT.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/field/error-text.tsx"],"sourcesContent":["import { Field } from '@ark-ui/react/field'\nimport type { FieldErrorTextProps } from './primitives'\n\n/**\n * The error text for the Field component that is shown when the field is\n * invalid.\n * @description [Field Docs](https://cerberus.digitalu.design/react/field)\n * @example\n * ```tsx\n * <FieldRoot>\n *   <FieldInput />\n *   <FieldErrorText>Error text</FieldErrorText>\n * </FieldRoot>\n * ```\n */\nexport function CerberusFieldErrorText(props: FieldErrorTextProps) {\n  if (!props.children) return null\n  return <Field.ErrorText {...props} />\n}\n"],"mappings":";AAAA,SAAS,aAAa;AAiBb;AAFF,SAAS,uBAAuB,OAA4B;AACjE,MAAI,CAAC,MAAM,SAAU,QAAO;AAC5B,SAAO,oBAAC,MAAM,WAAN,EAAiB,GAAG,OAAO;AACrC;","names":[]}

package/build/modern/chunk-QULAH262.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/input.tsx"],"sourcesContent":["import { DatePickerTrigger } from './trigger'\nimport { DatePickerParts } from './parts'\nimport type { DatePickerInputElProps } from './primitives'\n\n/**\n * This module contains an abstraction of the DatePickerInputEl primitive.\n * @module 'date-picker/input'\n */\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 DatePickerInput(props: DatePickerInputElProps) {\n  return (\n    <DatePickerParts.Control>\n      <DatePickerTrigger />\n      <DatePickerParts.Input\n        {...props}\n        maxLength={11}\n        placeholder={props.placeholder ?? 'DD MMM YYYY'}\n      />\n    </DatePickerParts.Control>\n  )\n}\n"],"mappings":";;;;;;;;AAgBI,SACE,KADF;AAFG,SAAS,gBAAgB,OAA+B;AAC7D,SACE,qBAAC,gBAAgB,SAAhB,EACC;AAAA,wBAAC,qBAAkB;AAAA,IACnB;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACE,GAAG;AAAA,QACJ,WAAW;AAAA,QACX,aAAa,MAAM,eAAe;AAAA;AAAA,IACpC;AAAA,KACF;AAEJ;","names":[]}