@cerberus-design/react 0.18.3 → 0.19.0

package/build/modern/chunk-UCVB2VOI.js

@@ -1,81 +0,0 @@
-import {
-  useNavMenuContext
-} from "./chunk-FXWN3SPS.js";
-import {
-  createNavTriggerProps
-} from "./chunk-FUTYPCHZ.js";
-import {
-  Show
-} from "./chunk-VEAC4I3F.js";
-
-// src/components/deprecated/NavMenuTrigger.tsx
-import {
-  useCallback
-} from "react";
-import { cx } from "styled-system/css";
-import { button } from "styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function NavMenuTrigger(props) {
-  const {
-    as,
-    palette,
-    usage,
-    shape,
-    controls,
-    expanded: propsExpanded,
-    onClick,
-    ...nativeProps
-  } = props;
-  const { triggerRef, onToggle, expanded } = useNavMenuContext();
-  const ariaProps = createNavTriggerProps({
-    controls,
-    expanded: propsExpanded ?? expanded
-  });
-  const hasAs = Boolean(as);
-  const AsSub = as;
-  const handleClick = useCallback(
-    (e) => {
-      if (onClick) return onClick(e);
-      onToggle();
-    },
-    [onClick, onToggle]
-  );
-  return /* @__PURE__ */ jsx(
-    Show,
-    {
-      when: hasAs,
-      fallback: /* @__PURE__ */ jsx(
-        "button",
-        {
-          ...nativeProps,
-          ...ariaProps,
-          className: cx(
-            nativeProps.className,
-            button({
-              palette,
-              usage,
-              shape
-            })
-          ),
-          onClick: handleClick,
-          ref: triggerRef,
-          children: props.children
-        }
-      ),
-      children: hasAs && /* @__PURE__ */ jsx(
-        AsSub,
-        {
-          ...nativeProps,
-          ...ariaProps,
-          onClick: handleClick,
-          ref: triggerRef
-        }
-      )
-    }
-  );
-}
-
-export {
-  NavMenuTrigger
-};
-//# sourceMappingURL=chunk-UCVB2VOI.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/deprecated/NavMenuTrigger.tsx"],"sourcesContent":["'use client'\n\nimport {\n  useCallback,\n  type ButtonHTMLAttributes,\n  type ElementType,\n  type MouseEvent,\n} from 'react'\nimport { cx } from 'styled-system/css'\nimport { button } from 'styled-system/recipes'\nimport {\n  createNavTriggerProps,\n  type NavTriggerAriaValues,\n} from '../../aria-helpers/nav-menu.aria'\nimport { useNavMenuContext } from '../../context/navMenu'\nimport type { ButtonProps } from '../button/button'\nimport { Show } from '../Show'\n\n/**\n * This module contains the NavMenuTrigger component.\n * @module\n */\n\nexport interface NavMenuTriggerProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    ButtonProps,\n    NavTriggerAriaValues {\n  /**\n   * The element type to render as. Recommended to use for an IconButton trigger vs a standard Button.\n   * @default 'button'\n   * @example\n   * ```tsx\n   * <NavMenuTrigger as={IconButton} href=\"/home\" />\n   * ```\n   */\n  as?: ElementType\n}\n\n/**\n * @deprecated use the {@link Menu} family instead\n */\nexport function NavMenuTrigger(props: NavMenuTriggerProps) {\n  const {\n    as,\n    palette,\n    usage,\n    shape,\n    controls,\n    expanded: propsExpanded,\n    onClick,\n    ...nativeProps\n  } = props\n  const { triggerRef, onToggle, expanded } = useNavMenuContext()\n  const ariaProps = createNavTriggerProps({\n    controls,\n    expanded: propsExpanded ?? expanded,\n  })\n  const hasAs = Boolean(as)\n  const AsSub: ElementType = as!\n\n  const handleClick = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      if (onClick) return onClick(e)\n      onToggle()\n    },\n    [onClick, onToggle],\n  )\n\n  return (\n    <Show\n      when={hasAs}\n      fallback={\n        <button\n          {...nativeProps}\n          {...ariaProps}\n          className={cx(\n            nativeProps.className,\n            button({\n              palette,\n              usage,\n              shape,\n            }),\n          )}\n          onClick={handleClick}\n          ref={triggerRef}\n        >\n          {props.children}\n        </button>\n      }\n    >\n      {hasAs && (\n        <AsSub\n          {...nativeProps}\n          {...ariaProps}\n          onClick={handleClick}\n          ref={triggerRef}\n        />\n      )}\n    </Show>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAEA;AAAA,EACE;AAAA,OAIK;AACP,SAAS,UAAU;AACnB,SAAS,cAAc;AA+Df;AA/BD,SAAS,eAAe,OAA4B;AACzD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,YAAY,UAAU,SAAS,IAAI,kBAAkB;AAC7D,QAAM,YAAY,sBAAsB;AAAA,IACtC;AAAA,IACA,UAAU,iBAAiB;AAAA,EAC7B,CAAC;AACD,QAAM,QAAQ,QAAQ,EAAE;AACxB,QAAM,QAAqB;AAE3B,QAAM,cAAc;AAAA,IAClB,CAAC,MAAqC;AACpC,UAAI,QAAS,QAAO,QAAQ,CAAC;AAC7B,eAAS;AAAA,IACX;AAAA,IACA,CAAC,SAAS,QAAQ;AAAA,EACpB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,UACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,WAAW;AAAA,YACT,YAAY;AAAA,YACZ,OAAO;AAAA,cACL;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,UACH;AAAA,UACA,SAAS;AAAA,UACT,KAAK;AAAA,UAEJ,gBAAM;AAAA;AAAA,MACT;AAAA,MAGD,mBACC;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,KAAK;AAAA;AAAA,MACP;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/build/modern/chunk-UGFSACHC.js

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

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

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

package/build/modern/chunk-UH6XSYYD.js

@@ -1,28 +0,0 @@
-// src/components/IconButton.tsx
-import { ark } from "@ark-ui/react/factory";
-import { cx } from "styled-system/css";
-import { iconButton } from "styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function IconButton(props) {
-  const { ariaLabel, palette, usage, size, ...nativeProps } = props;
-  return /* @__PURE__ */ jsx(
-    ark.button,
-    {
-      ...nativeProps,
-      "aria-label": ariaLabel ?? "Icon Button",
-      className: cx(
-        nativeProps.className,
-        iconButton({
-          palette,
-          usage,
-          size
-        })
-      )
-    }
-  );
-}
-
-export {
-  IconButton
-};
-//# sourceMappingURL=chunk-UH6XSYYD.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/IconButton.tsx"],"sourcesContent":["import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from 'styled-system/css'\nimport { iconButton, type IconButtonVariantProps } from 'styled-system/recipes'\n\n/**\n * This module contains the Icon Button component.\n * @module\n */\n\nexport interface IconButtonRawProps extends HTMLArkProps<'button'> {\n  /**\n   * The aria-label attribute for the icon button.\n   */\n  ariaLabel: string\n}\nexport type IconButtonProps = IconButtonRawProps & IconButtonVariantProps\n\n/**\n * A component that allows the user to perform actions using an icon\n * @see https://cerberus.digitalu.design/react/icon-button\n */\nexport function IconButton(props: IconButtonProps) {\n  const { ariaLabel, palette, usage, size, ...nativeProps } = props\n  return (\n    <ark.button\n      {...nativeProps}\n      aria-label={ariaLabel ?? 'Icon Button'}\n      className={cx(\n        nativeProps.className,\n        iconButton({\n          palette,\n          usage,\n          size,\n        }),\n      )}\n    />\n  )\n}\n"],"mappings":";AAAA,SAAS,WAA8B;AACvC,SAAS,UAAU;AACnB,SAAS,kBAA+C;AAsBpD;AAHG,SAAS,WAAW,OAAwB;AACjD,QAAM,EAAE,WAAW,SAAS,OAAO,MAAM,GAAG,YAAY,IAAI;AAC5D,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,cAAY,aAAa;AAAA,MACzB,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/chunk-UJTE43LT.js

@@ -1,27 +0,0 @@
-import {
-  FieldsetParts
-} from "./chunk-NQ22M7U7.js";
-import {
-  splitProps
-} from "./chunk-BL7G3577.js";
-
-// src/components/fieldset/fieldset.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Fieldset(props) {
-  const [fieldsetProps, { usage }, rootProps] = splitProps(
-    props,
-    ["legend", "helperText", "errorText", "children"],
-    ["usage"]
-  );
-  return /* @__PURE__ */ jsxs(FieldsetParts.Root, { ...rootProps, children: [
-    /* @__PURE__ */ jsx(FieldsetParts.Legend, { usage, children: fieldsetProps.legend }),
-    /* @__PURE__ */ jsx(FieldsetParts.HelperText, { usage, children: fieldsetProps.helperText }),
-    fieldsetProps.children,
-    /* @__PURE__ */ jsx(FieldsetParts.ErrorText, { children: fieldsetProps.errorText })
-  ] });
-}
-
-export {
-  Fieldset
-};
-//# sourceMappingURL=chunk-UJTE43LT.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/fieldset/fieldset.tsx"],"sourcesContent":["import type { FieldsetRootProps } from '@ark-ui/react'\nimport { splitProps } from '../../utils'\nimport { FieldsetParts } from './parts'\nimport type { FieldsetVariantProps } from 'styled-system/recipes'\n\n/**\n * This module contains the Fieldset component.\n * @module Fieldset\n */\n\nexport interface FieldsetProps extends FieldsetRootProps, FieldsetVariantProps {\n  /**\n   * The legend/title/label of the fieldset group.\n   */\n  legend?: string\n  /**\n   * The description text for the fieldset group.\n   */\n  helperText?: string\n  /**\n   * The error text for the fieldset group shown when the field is invalid.\n   */\n  errorText?: string\n}\n\n/**\n * A component used for grouping related fields in a form that is an\n * abstraction of the Fieldset primitives.\n * @description [Fieldset Docs](https://cerberus.digitalu.design/react/fieldset)\n * @description [Primitive Docs](https://ark-ui.com/react/docs/components/fieldset)\n */\nexport function Fieldset(props: FieldsetProps) {\n  const [fieldsetProps, { usage }, rootProps] = splitProps(\n    props,\n    ['legend', 'helperText', 'errorText', 'children'],\n    ['usage'],\n  )\n\n  return (\n    <FieldsetParts.Root {...rootProps}>\n      <FieldsetParts.Legend usage={usage}>\n        {fieldsetProps.legend}\n      </FieldsetParts.Legend>\n      <FieldsetParts.HelperText usage={usage}>\n        {fieldsetProps.helperText}\n      </FieldsetParts.HelperText>\n\n      {fieldsetProps.children}\n\n      <FieldsetParts.ErrorText>\n        {fieldsetProps.errorText}\n      </FieldsetParts.ErrorText>\n    </FieldsetParts.Root>\n  )\n}\n"],"mappings":";;;;;;;;AAuCI,SACE,KADF;AARG,SAAS,SAAS,OAAsB;AAC7C,QAAM,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,IAAI;AAAA,IAC5C;AAAA,IACA,CAAC,UAAU,cAAc,aAAa,UAAU;AAAA,IAChD,CAAC,OAAO;AAAA,EACV;AAEA,SACE,qBAAC,cAAc,MAAd,EAAoB,GAAG,WACtB;AAAA,wBAAC,cAAc,QAAd,EAAqB,OACnB,wBAAc,QACjB;AAAA,IACA,oBAAC,cAAc,YAAd,EAAyB,OACvB,wBAAc,YACjB;AAAA,IAEC,cAAc;AAAA,IAEf,oBAAC,cAAc,WAAd,EACE,wBAAc,WACjB;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-V6EAWUCQ.js

@@ -1,27 +0,0 @@
-import {
-  DialogBackdrop,
-  DialogCloseTrigger,
-  DialogContent,
-  DialogDescription,
-  DialogHeading,
-  DialogPositioner,
-  DialogRoot,
-  DialogTrigger
-} from "./chunk-SSR3CWJZ.js";
-
-// src/components/dialog/parts.ts
-var DialogParts = {
-  Root: DialogRoot,
-  Trigger: DialogTrigger,
-  Backdrop: DialogBackdrop,
-  Positioner: DialogPositioner,
-  Content: DialogContent,
-  Heading: DialogHeading,
-  Description: DialogDescription,
-  CloseTrigger: DialogCloseTrigger
-};
-
-export {
-  DialogParts
-};
-//# sourceMappingURL=chunk-V6EAWUCQ.js.map

package/build/modern/chunk-V6ZOASMM.js

@@ -1,37 +0,0 @@
-import {
-  ComboboxClearTrigger,
-  ComboboxContent,
-  ComboboxControl,
-  ComboboxInput,
-  ComboboxItem,
-  ComboboxItemGroup,
-  ComboboxItemGroupLabel,
-  ComboboxItemIndicator,
-  ComboboxItemText,
-  ComboboxLabel,
-  ComboboxPositioner,
-  ComboboxRoot,
-  ComboboxTrigger
-} from "./chunk-D4BVNWAY.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-V6ZOASMM.js.map

package/build/modern/chunk-VEAC4I3F.js

@@ -1,17 +0,0 @@
-// src/components/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-VEAC4I3F.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/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-W337WQTU.js

@@ -1,21 +0,0 @@
-import {
-  TabsContent,
-  TabsIndicator,
-  TabsList,
-  TabsRoot,
-  TabsTrigger
-} from "./chunk-L5FYGWAZ.js";
-
-// src/components/tabs/parts.ts
-var TabsParts = {
-  Root: TabsRoot,
-  List: TabsList,
-  Trigger: TabsTrigger,
-  Content: TabsContent,
-  Indicator: TabsIndicator
-};
-
-export {
-  TabsParts
-};
-//# sourceMappingURL=chunk-W337WQTU.js.map

package/build/modern/chunk-WEL43I6Y.js

@@ -1,100 +0,0 @@
-import {
-  FieldStartIndicator
-} from "./chunk-EMDNETC7.js";
-import {
-  FieldStatusIndicator
-} from "./chunk-VIKVLJGG.js";
-
-// src/components/field/primitives.tsx
-import {
-  Field
-} from "@ark-ui/react/field";
-import { cx } from "styled-system/css";
-import { field } from "styled-system/recipes";
-import { jsx, jsxs } from "react/jsx-runtime";
-function FieldRoot(props) {
-  const { size, ...fieldProps } = props;
-  const styles = field({ size });
-  return /* @__PURE__ */ jsx(
-    Field.Root,
-    {
-      ...fieldProps,
-      className: cx(styles.root, fieldProps.className)
-    }
-  );
-}
-function FieldLabel(props) {
-  const { children, ...nativeProps } = props;
-  const styles = field();
-  return /* @__PURE__ */ jsxs(Field.Label, { ...nativeProps, className: cx(styles.label, props.className), children: [
-    children,
-    /* @__PURE__ */ jsx(Field.RequiredIndicator, { children: "(required)" })
-  ] });
-}
-function FieldRequiredIndicator() {
-  return /* @__PURE__ */ jsx(Field.RequiredIndicator, { children: "(required)" });
-}
-function FieldInput(props) {
-  const { size, startIcon, endIcon, ...fieldProps } = props;
-  const styles = field({ size });
-  const hasStartIcon = Boolean(startIcon);
-  return /* @__PURE__ */ jsxs("div", { className: styles.inputRoot, children: [
-    /* @__PURE__ */ jsx(FieldStartIndicator, { children: startIcon }),
-    /* @__PURE__ */ jsx(
-      Field.Input,
-      {
-        ...fieldProps,
-        ...hasStartIcon && { "data-has": "start-indicator" },
-        className: cx(styles.input, fieldProps.className)
-      }
-    ),
-    /* @__PURE__ */ jsx(FieldStatusIndicator, { fallback: endIcon })
-  ] });
-}
-function FieldHelperText(props) {
-  const styles = field();
-  if (!props.children) return null;
-  return /* @__PURE__ */ jsx(
-    Field.HelperText,
-    {
-      ...props,
-      className: cx(styles.helperText, props.className)
-    }
-  );
-}
-function FieldErrorText(props) {
-  const styles = field();
-  if (!props.children) return null;
-  return /* @__PURE__ */ jsx(
-    Field.ErrorText,
-    {
-      ...props,
-      className: cx(styles.errorText, props.className)
-    }
-  );
-}
-function FieldTextarea(props) {
-  const styles = field();
-  return /* @__PURE__ */ jsx(
-    Field.Textarea,
-    {
-      ...props,
-      className: cx(styles.textarea, props.className)
-    }
-  );
-}
-var Input = FieldInput;
-var Textarea = FieldTextarea;
-
-export {
-  FieldRoot,
-  FieldLabel,
-  FieldRequiredIndicator,
-  FieldInput,
-  FieldHelperText,
-  FieldErrorText,
-  FieldTextarea,
-  Input,
-  Textarea
-};
-//# sourceMappingURL=chunk-WEL43I6Y.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/field/primitives.tsx"],"sourcesContent":["import {\n  Field,\n  type FieldHelperTextProps,\n  type FieldInputProps as ArkFieldInputProps,\n  type FieldLabelProps,\n  type FieldRootProps as ArkFieldRootProps,\n  type FieldTextareaProps,\n} from '@ark-ui/react/field'\nimport type { ReactNode } from 'react'\nimport { cx } from 'styled-system/css'\nimport { field, type FieldVariantProps } from 'styled-system/recipes'\nimport { FieldStatusIndicator } from './status-indicator'\nimport { FieldStartIndicator } from './start-indicator'\n\n/**\n * This module contains all the primitives of the Field component.\n * @module 'field'\n */\n\nexport type FieldRootProps = ArkFieldRootProps & FieldVariantProps\n\n/**\n * The context & container for the Field components.\n * @description [Field Docs](https://cerberus.digitalu.design/react/field)\n * @example\n * ```tsx\n * <FieldRoot required ids={{ input: 'exampleId' }}>\n *  <FieldLabel>Label</FieldLabel>\n *  <FieldInput />\n * </FieldRoot>\n * ```\n */\nexport function FieldRoot(props: FieldRootProps) {\n  const { size, ...fieldProps } = props\n  const styles = field({ size })\n  return (\n    <Field.Root\n      {...fieldProps}\n      className={cx(styles.root, fieldProps.className)}\n    />\n  )\n}\n\n/**\n * The label for the Field component.\n * @description [Field Docs](https://cerberus.digitalu.design/react/field)\n * @example\n * ```tsx\n * <FieldRoot>\n *   <FieldLabel>Label</FieldLabel>\n * </FieldRoot>\n * ```\n */\nexport function FieldLabel(props: FieldLabelProps) {\n  const { children, ...nativeProps } = props\n  const styles = field()\n  return (\n    <Field.Label {...nativeProps} className={cx(styles.label, props.className)}>\n      {children}\n      <Field.RequiredIndicator>(required)</Field.RequiredIndicator>\n    </Field.Label>\n  )\n}\n\n/**\n * The required indicator for the Field component.\n */\nexport function FieldRequiredIndicator() {\n  return <Field.RequiredIndicator>(required)</Field.RequiredIndicator>\n}\n\nexport interface FieldInputProps\n  extends Omit<ArkFieldInputProps, 'size'>,\n    FieldVariantProps {\n  /**\n   * An optional icon to display at the start of the input.\n   */\n  startIcon?: ReactNode\n  /**\n   * An optional icon to display at the end of the input.\n   */\n  endIcon?: ReactNode\n}\n\n/**\n * The input for the Field component.\n * @description [Field Docs](https://cerberus.digitalu.design/react/field)\n * @example\n * ```tsx\n * <FieldRoot>\n *   <FieldInput />\n * </FieldRoot>\n * ```\n */\nexport function FieldInput(props: FieldInputProps) {\n  const { size, startIcon, endIcon, ...fieldProps } = props\n  const styles = field({ size })\n  const hasStartIcon = Boolean(startIcon)\n\n  return (\n    <div className={styles.inputRoot}>\n      <FieldStartIndicator>{startIcon}</FieldStartIndicator>\n      <Field.Input\n        {...fieldProps}\n        {...(hasStartIcon && { 'data-has': 'start-indicator' })}\n        className={cx(styles.input, fieldProps.className)}\n      />\n      <FieldStatusIndicator fallback={endIcon} />\n    </div>\n  )\n}\n\n/**\n * The helper text for the Field component that is shown when the field is\n * valid.\n * @description [Field Docs](https://cerberus.digitalu.design/react/field)\n * @example\n * ```tsx\n * <FieldRoot>\n *   <FieldInput />\n *   <FieldHelperText>Helper text</FieldHelperText>\n * </FieldRoot>\n * ```\n */\nexport function FieldHelperText(props: FieldHelperTextProps) {\n  const styles = field()\n\n  if (!props.children) return null\n\n  return (\n    <Field.HelperText\n      {...props}\n      className={cx(styles.helperText, props.className)}\n    />\n  )\n}\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 FieldErrorText(props: FieldHelperTextProps) {\n  const styles = field()\n\n  if (!props.children) return null\n\n  return (\n    <Field.ErrorText\n      {...props}\n      className={cx(styles.errorText, props.className)}\n    />\n  )\n}\n\n/**\n * The textarea for the Field component.\n * @description [Field Docs](https://cerberus.digitalu.design/react/field)\n * @example\n * ```tsx\n * <FieldRoot>\n *   <FieldTextarea />\n * </FieldRoot>\n * ```\n */\nexport function FieldTextarea(props: FieldTextareaProps) {\n  const styles = field()\n  return (\n    <Field.Textarea\n      {...props}\n      className={cx(styles.textarea, props.className)}\n    />\n  )\n}\n\n/**\n * A named export for the FieldInput component.\n * @description [Field Docs](https://cerberus.digitalu.design/react/field)\n * @example\n * ```tsx\n * import { Input } from '@cerberus/react'\n *\n * <Field\n *   ids={{\n *    control: 'email',\n *   }}\n *   label=\"Enter your email\"\n *   helperText=\"We'll never share your email with anyone else.\"\n *   errorText=\"Email is required.\"\n *   required\n * >\n *   <Input type=\"email\" />\n * </Field>\n * ```\n */\nexport const Input = FieldInput\nexport const Textarea = FieldTextarea\n"],"mappings":";;;;;;;;AAAA;AAAA,EACE;AAAA,OAMK;AAEP,SAAS,UAAU;AACnB,SAAS,aAAqC;AA0B1C,cAqBA,YArBA;AAJG,SAAS,UAAU,OAAuB;AAC/C,QAAM,EAAE,MAAM,GAAG,WAAW,IAAI;AAChC,QAAM,SAAS,MAAM,EAAE,KAAK,CAAC;AAC7B,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,MAAM,WAAW,SAAS;AAAA;AAAA,EACjD;AAEJ;AAYO,SAAS,WAAW,OAAwB;AACjD,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,QAAM,SAAS,MAAM;AACrB,SACE,qBAAC,MAAM,OAAN,EAAa,GAAG,aAAa,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS,GACtE;AAAA;AAAA,IACD,oBAAC,MAAM,mBAAN,EAAwB,wBAAU;AAAA,KACrC;AAEJ;AAKO,SAAS,yBAAyB;AACvC,SAAO,oBAAC,MAAM,mBAAN,EAAwB,wBAAU;AAC5C;AAyBO,SAAS,WAAW,OAAwB;AACjD,QAAM,EAAE,MAAM,WAAW,SAAS,GAAG,WAAW,IAAI;AACpD,QAAM,SAAS,MAAM,EAAE,KAAK,CAAC;AAC7B,QAAM,eAAe,QAAQ,SAAS;AAEtC,SACE,qBAAC,SAAI,WAAW,OAAO,WACrB;AAAA,wBAAC,uBAAqB,qBAAU;AAAA,IAChC;AAAA,MAAC,MAAM;AAAA,MAAN;AAAA,QACE,GAAG;AAAA,QACH,GAAI,gBAAgB,EAAE,YAAY,kBAAkB;AAAA,QACrD,WAAW,GAAG,OAAO,OAAO,WAAW,SAAS;AAAA;AAAA,IAClD;AAAA,IACA,oBAAC,wBAAqB,UAAU,SAAS;AAAA,KAC3C;AAEJ;AAcO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,SAAS,MAAM;AAErB,MAAI,CAAC,MAAM,SAAU,QAAO;AAE5B,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,YAAY,MAAM,SAAS;AAAA;AAAA,EAClD;AAEJ;AAcO,SAAS,eAAe,OAA6B;AAC1D,QAAM,SAAS,MAAM;AAErB,MAAI,CAAC,MAAM,SAAU,QAAO;AAE5B,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;AAYO,SAAS,cAAc,OAA2B;AACvD,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,UAAU,MAAM,SAAS;AAAA;AAAA,EAChD;AAEJ;AAsBO,IAAM,QAAQ;AACd,IAAM,WAAW;","names":[]}

package/build/modern/chunk-XJQXHSH7.js

@@ -1,38 +0,0 @@
-// 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();
-    });
-  }, []);
-  useEffect(() => {
-    if (Object.keys(state).length === colors.length) return;
-    dispatch(formatColors(colors));
-  }, [colors]);
-  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-XJQXHSH7.js.map

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

@@ -1 +0,0 @@
-{"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  }, [])\n\n  useEffect(() => {\n    if (Object.keys(state).length === colors.length) return\n    dispatch(formatColors(colors))\n  }, [colors])\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,CAAC;AAEL,YAAU,MAAM;AACd,QAAI,OAAO,KAAK,KAAK,EAAE,WAAW,OAAO,OAAQ;AACjD,aAAS,aAAa,MAAM,CAAC;AAAA,EAC/B,GAAG,CAAC,MAAM,CAAC;AAGX,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-YOYCS3MD.js

@@ -1,41 +0,0 @@
-import {
-  SelectClearTrigger,
-  SelectContent,
-  SelectControl,
-  SelectHiddenSelect,
-  SelectIndicator,
-  SelectItem,
-  SelectItemGroup,
-  SelectItemGroupLabel,
-  SelectItemIndicator,
-  SelectItemText,
-  SelectLabel,
-  SelectPositioner,
-  SelectRoot,
-  SelectTrigger,
-  SelectValueText
-} from "./chunk-5MUUKSLF.js";
-
-// src/components/select/parts.ts
-var SelectParts = {
-  Root: SelectRoot,
-  Label: SelectLabel,
-  Control: SelectControl,
-  Trigger: SelectTrigger,
-  ClearTrigger: SelectClearTrigger,
-  ValueText: SelectValueText,
-  Indicator: SelectIndicator,
-  Positioner: SelectPositioner,
-  Content: SelectContent,
-  ItemGroup: SelectItemGroup,
-  ItemGroupLabel: SelectItemGroupLabel,
-  Item: SelectItem,
-  ItemText: SelectItemText,
-  ItemIndicator: SelectItemIndicator,
-  HiddenSelect: SelectHiddenSelect
-};
-
-export {
-  SelectParts
-};
-//# sourceMappingURL=chunk-YOYCS3MD.js.map

package/build/modern/chunk-YUVPXW6D.js

@@ -1,58 +0,0 @@
-// src/components/Menu.tsx
-import {
-  Menu as ArkMenu
-} from "@ark-ui/react";
-import { menu } from "styled-system/recipes";
-import { cx } from "styled-system/css";
-import { jsx } from "react/jsx-runtime";
-var menuStyles = menu();
-function Menu(props) {
-  return /* @__PURE__ */ jsx(ArkMenu.Root, { ...props });
-}
-function MenuTrigger(props) {
-  return /* @__PURE__ */ jsx(ArkMenu.Trigger, { ...props, asChild: true });
-}
-function MenuContent(props) {
-  return /* @__PURE__ */ jsx(ArkMenu.Positioner, { children: /* @__PURE__ */ jsx(
-    ArkMenu.Content,
-    {
-      ...props,
-      className: cx(props.className, menuStyles.content)
-    }
-  ) });
-}
-function MenuItem(props) {
-  return /* @__PURE__ */ jsx(ArkMenu.Item, { ...props, className: cx(props.className, menuStyles.item) });
-}
-function MenuItemGroup(props) {
-  return /* @__PURE__ */ jsx(ArkMenu.ItemGroup, { ...props });
-}
-function MenuGroupLabel(props) {
-  return /* @__PURE__ */ jsx(
-    ArkMenu.ItemGroupLabel,
-    {
-      ...props,
-      className: cx(props.className, menuStyles.itemGroupLabel)
-    }
-  );
-}
-function MenuSeparator(props) {
-  return /* @__PURE__ */ jsx(
-    ArkMenu.Separator,
-    {
-      ...props,
-      className: cx(props.className, menuStyles.separator)
-    }
-  );
-}
-
-export {
-  Menu,
-  MenuTrigger,
-  MenuContent,
-  MenuItem,
-  MenuItemGroup,
-  MenuGroupLabel,
-  MenuSeparator
-};
-//# sourceMappingURL=chunk-YUVPXW6D.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Menu.tsx"],"sourcesContent":["import {\n  Menu as ArkMenu,\n  type MenuItemGroupProps,\n  type MenuRootProps,\n} from '@ark-ui/react'\nimport { menu } from 'styled-system/recipes'\nimport { cx } from 'styled-system/css'\n\n/**\n * This module contains the Menu component family.\n * @module Menu\n */\n\nconst menuStyles = menu()\n\n/**\n * The root Menu component which controls the menu.\n * @definition [Cerberus docs](https://cerberus.digitalu.design/react/menu)\n * @example\n * ```tsx\n * <Menu>\n *  <MenuTrigger>Trigger</MenuTrigger>\n * </Menu>\n */\nexport function Menu(props: MenuRootProps) {\n  return <ArkMenu.Root {...props} />\n}\n\n/**\n * The MenuTrigger component opens/closes the Menu.\n * @definition [Cerberus docs](https://cerberus.digitalu.design/react/menu)\n * @example\n * ```tsx\n * <Menu>\n *  <MenuTrigger>\n *   <Button>Trigger</Button>\n *  </MenuTrigger>\n * </Menu>\n */\nexport function MenuTrigger(props: ArkMenu.TriggerProps) {\n  return <ArkMenu.Trigger {...props} asChild />\n}\n\n/**\n * The MenuContent component is the container for the menu items.\n * @definition [Cerberus docs](https://cerberus.digitalu.design/react/menu)\n * @example\n * ```tsx\n * <Menu>\n *  <MenuTrigger>\n *   <Button>Trigger</Button>\n *  </MenuTrigger>\n *  <MenuContent>\n *   <MenuItem value=\"item_1\">Item 1</MenuItem>\n *   <MenuItem value=\"item_2\">Item 2</MenuItem>\n *  </MenuContent>\n * </Menu>\n */\nexport function MenuContent(props: ArkMenu.ContentProps) {\n  return (\n    <ArkMenu.Positioner>\n      <ArkMenu.Content\n        {...props}\n        className={cx(props.className, menuStyles.content)}\n      />\n    </ArkMenu.Positioner>\n  )\n}\n\n/**\n * The MenuItem component is a single item in the menu.\n * @definition [Cerberus docs](https://cerberus.digitalu.design/react/menu)\n * @example\n * ```tsx\n * <Menu>\n *  <MenuTrigger>\n *   <Button>Trigger</Button>\n *  </MenuTrigger>\n *  <MenuContent>\n *   <MenuItem value=\"item_1\">Item 1</MenuItem>\n *   <MenuItem value=\"item_2\">Item 2</MenuItem>\n *  </MenuContent>\n * </Menu>\n */\nexport function MenuItem(props: ArkMenu.ItemProps) {\n  return (\n    <ArkMenu.Item {...props} className={cx(props.className, menuStyles.item)} />\n  )\n}\n\n/**\n * The MenuItemGroup component is a group of menu items.\n * @definition [Cerberus docs](https://cerberus.digitalu.design/react/menu)\n * @example\n * ```tsx\n * <Menu>\n *  <MenuTrigger>\n *   <Button>Trigger</Button>\n *  </MenuTrigger>\n *  <MenuContent>\n *   <MenuItemGroup>\n *    <MenuItem value=\"item_1\">Item 1</MenuItem>\n *    <MenuItem value=\"item_2\">Item 2</MenuItem>\n *   </MenuItemGroup>\n *  </MenuContent>\n * </Menu>\n */\nexport function MenuItemGroup(props: MenuItemGroupProps) {\n  return <ArkMenu.ItemGroup {...props} />\n}\n\n/**\n * The MenuItemGroupLabel component is the label for a group of menu items.\n * @definition [Cerberus docs](https://cerberus.digitalu.design/react/menu)\n * @example\n * ```tsx\n * <Menu>\n *  <MenuTrigger>\n *   <Button>Trigger</Button>\n *  </MenuTrigger>\n *  <MenuContent>\n *   <MenuItemGroup>\n *    <MenuItemGroupLabel>Group Label</MenuItemGroupLabel>\n *    <MenuItem value=\"item_1\">Item 1</MenuItem>\n *    <MenuItem value=\"item_2\">Item 2</MenuItem>\n *   </MenuItemGroup>\n *  </MenuContent>\n * </Menu>\n */\nexport function MenuGroupLabel(props: ArkMenu.ItemGroupLabelProps) {\n  return (\n    <ArkMenu.ItemGroupLabel\n      {...props}\n      className={cx(props.className, menuStyles.itemGroupLabel)}\n    />\n  )\n}\n\n/**\n * The MenuSeparator component is a visual divider between menu items.\n * @definition [Cerberus docs](https://cerberus.digitalu.design/react/menu)\n * @example\n * ```tsx\n * <Menu>\n *  <MenuTrigger>\n *   <Button>Trigger</Button>\n *  </MenuTrigger>\n *  <MenuContent>\n *    <MenuItemGroup>\n *      <MenuGroupLabel>Group Label</MenuGroupLabel>\n *      <MenuSeparator />\n *      <MenuItem value=\"item_1\">Item 1</MenuItem>\n *      <MenuItem value=\"item_2\">Item 2</MenuItem>\n *    </MenuItemGroup>\n *  </MenuContent>\n * </Menu>\n */\nexport function MenuSeparator(props: ArkMenu.SeparatorProps) {\n  return (\n    <ArkMenu.Separator\n      {...props}\n      className={cx(props.className, menuStyles.separator)}\n    />\n  )\n}\n"],"mappings":";AAAA;AAAA,EACE,QAAQ;AAAA,OAGH;AACP,SAAS,YAAY;AACrB,SAAS,UAAU;AAmBV;AAZT,IAAM,aAAa,KAAK;AAWjB,SAAS,KAAK,OAAsB;AACzC,SAAO,oBAAC,QAAQ,MAAR,EAAc,GAAG,OAAO;AAClC;AAaO,SAAS,YAAY,OAA6B;AACvD,SAAO,oBAAC,QAAQ,SAAR,EAAiB,GAAG,OAAO,SAAO,MAAC;AAC7C;AAiBO,SAAS,YAAY,OAA6B;AACvD,SACE,oBAAC,QAAQ,YAAR,EACC;AAAA,IAAC,QAAQ;AAAA,IAAR;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,MAAM,WAAW,WAAW,OAAO;AAAA;AAAA,EACnD,GACF;AAEJ;AAiBO,SAAS,SAAS,OAA0B;AACjD,SACE,oBAAC,QAAQ,MAAR,EAAc,GAAG,OAAO,WAAW,GAAG,MAAM,WAAW,WAAW,IAAI,GAAG;AAE9E;AAmBO,SAAS,cAAc,OAA2B;AACvD,SAAO,oBAAC,QAAQ,WAAR,EAAmB,GAAG,OAAO;AACvC;AAoBO,SAAS,eAAe,OAAoC;AACjE,SACE;AAAA,IAAC,QAAQ;AAAA,IAAR;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,MAAM,WAAW,WAAW,cAAc;AAAA;AAAA,EAC1D;AAEJ;AAqBO,SAAS,cAAc,OAA+B;AAC3D,SACE;AAAA,IAAC,QAAQ;AAAA,IAAR;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,MAAM,WAAW,WAAW,SAAS;AAAA;AAAA,EACrD;AAEJ;","names":[]}

package/build/modern/chunk-Z2KBUTCO.js

@@ -1,22 +0,0 @@
-import {
-  DialogBackdrop,
-  DialogContent,
-  DialogPositioner
-} from "./chunk-SSR3CWJZ.js";
-import {
-  Portal
-} from "./chunk-53YVHIGJ.js";
-
-// src/components/dialog/dialog.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Dialog(props) {
-  return /* @__PURE__ */ jsxs(Portal, { children: [
-    /* @__PURE__ */ jsx(DialogBackdrop, {}),
-    /* @__PURE__ */ jsx(DialogPositioner, { children: /* @__PURE__ */ jsx(DialogContent, { ...props }) })
-  ] });
-}
-
-export {
-  Dialog
-};
-//# sourceMappingURL=chunk-Z2KBUTCO.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/dialog/dialog.tsx"],"sourcesContent":["import type { DialogContentProps } from '@ark-ui/react/dialog'\nimport type { DialogVariantProps } from 'styled-system/recipes'\nimport { Portal } from '../Portal'\nimport { DialogBackdrop, DialogContent, DialogPositioner } from './primitives'\n\n/**\n * This module contains and abstraction of the Dialog primitives.\n * @module 'dialog'\n */\n\nexport interface DialogProps\n  extends Omit<DialogContentProps, 'size'>,\n    DialogVariantProps {}\n\n/**\n * An abstraction of the Dialog primitives that controls the content of the\n * dialog. Must be used within the `DialogProvider` component.\n * @definition [Dialog docs](https://cerberus.digitalu.design/react/dialog)\n * @definition [Ark Dialog docs](https://ark-ui.com/react/docs/components/dialog)\n * @example\n * ```tsx\n * <DialogProvider>\n *   <DialogTrigger asChild>\n *    <Button>Open Dialog</Button>\n *  </DialogTrigger>\n *  <Dialog>\n *    <Text>Dialog Content</Text>\n *  </Dialog>\n * </DialogProvider>\n * ```\n */\nexport function Dialog(props: DialogProps) {\n  return (\n    <Portal>\n      <DialogBackdrop />\n      <DialogPositioner>\n        <DialogContent {...props} />\n      </DialogPositioner>\n    </Portal>\n  )\n}\n"],"mappings":";;;;;;;;;;AAiCI,SACE,KADF;AAFG,SAAS,OAAO,OAAoB;AACzC,SACE,qBAAC,UACC;AAAA,wBAAC,kBAAe;AAAA,IAChB,oBAAC,oBACC,8BAAC,iBAAe,GAAG,OAAO,GAC5B;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-ZL7AX5EM.js

@@ -1,22 +0,0 @@
-import {
-  DatePickerParts
-} from "./chunk-J76SGDYP.js";
-import {
-  useCerberusContext
-} from "./chunk-GITT5645.js";
-import {
-  IconButton
-} from "./chunk-UH6XSYYD.js";
-
-// src/components/date-picker/trigger.tsx
-import { jsx } from "react/jsx-runtime";
-function DatePickerTrigger(props) {
-  const { icons } = useCerberusContext();
-  const { calendar: CalendarIcon } = icons;
-  return /* @__PURE__ */ jsx(DatePickerParts.Trigger, { ...props, asChild: true, children: /* @__PURE__ */ jsx(IconButton, { ariaLabel: "Open calendar", size: "sm", usage: "ghost", children: /* @__PURE__ */ jsx(CalendarIcon, {}) }) });
-}
-
-export {
-  DatePickerTrigger
-};
-//# sourceMappingURL=chunk-ZL7AX5EM.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/date-picker/trigger.tsx"],"sourcesContent":["'use client'\n\nimport type { DatePickerTriggerProps } from '@ark-ui/react/date-picker'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { IconButton } from '../IconButton'\nimport { DatePickerParts } from './parts'\n\n/**\n * This private module contains the DatePicker trigger component.\n * @module DatePickerTrigger\n */\n\n/**\n * An abstraction of the DatePickerTrigger that toggles the calender open.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerTrigger(props: DatePickerTriggerProps) {\n  const { icons } = useCerberusContext()\n  const { calendar: CalendarIcon } = icons\n\n  return (\n    <DatePickerParts.Trigger {...props} asChild>\n      <IconButton ariaLabel=\"Open calendar\" size=\"sm\" usage=\"ghost\">\n        <CalendarIcon />\n      </IconButton>\n    </DatePickerParts.Trigger>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAuBQ;AAPD,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,UAAU,aAAa,IAAI;AAEnC,SACE,oBAAC,gBAAgB,SAAhB,EAAyB,GAAG,OAAO,SAAO,MACzC,8BAAC,cAAW,WAAU,iBAAgB,MAAK,MAAK,OAAM,SACpD,8BAAC,gBAAa,GAChB,GACF;AAEJ;","names":[]}