@cerberus-design/react 0.18.4 → 0.19.1

package/build/modern/chunk-TTWDHJ3J.js

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

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

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

package/build/modern/chunk-U6ECBUYN.js

@@ -0,0 +1,27 @@
+import {
+  FieldsetParts
+} from "./chunk-YI3P5QG4.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-U6ECBUYN.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/fieldset/fieldset.tsx"],"sourcesContent":["import { splitProps } from '../../utils'\nimport { FieldsetParts } from './parts'\nimport type { FieldsetRootProps } from './primitives'\n\n/**\n * This module contains the Fieldset component.\n * @module Fieldset\n */\n\nexport interface FieldsetProps extends FieldsetRootProps {\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":";;;;;;;;AAsCI,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-UCP3GQOJ.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/system/factory.ts"],"sourcesContent":["import { ark } from '@ark-ui/react/factory'\nimport type { ComponentType } from 'react'\nimport { CerberusPrimitive } from './primitive-factory'\n\nfunction cerberusFactory<T extends Record<string, unknown>>(\n  component: keyof typeof ark,\n  defaultProps?: T,\n) {\n  const { withNoRecipe } = new CerberusPrimitive()\n  const arkComponent = ark[component] as ComponentType\n\n  if (arkComponent) {\n    return withNoRecipe(arkComponent, { defaultProps: defaultProps ?? {} })\n  }\n\n  throw new Error(\n    `Component \"${String(component)}\" is not a valid Cerberus component. Please check the component name.`,\n  )\n}\n\nconst cache = new Map()\n\n// Create a proxy that handles both function calls and property access\nexport const cerberusFactoryProxy = new Proxy(cerberusFactory, {\n  apply(target, thisArg, argArray) {\n    // Handle function calls like cerberus('button')\n    // @ts-expect-error: Ignore type error for dynamic property access\n    return target.apply(thisArg, argArray)\n  },\n  get(_target, el: keyof typeof ark) {\n    // Handle property access like cerberus.button\n    if (!cache.has(el)) {\n      cache.set(el, cerberusFactory(el))\n    }\n    return cache.get(el) as ReturnType<typeof cerberusFactory>\n  },\n})\n"],"mappings":";;;;;AAAA,SAAS,WAAW;AAIpB,SAAS,gBACP,WACA,cACA;AACA,QAAM,EAAE,aAAa,IAAI,IAAI,kBAAkB;AAC/C,QAAM,eAAe,IAAI,SAAS;AAElC,MAAI,cAAc;AAChB,WAAO,aAAa,cAAc,EAAE,cAAc,gBAAgB,CAAC,EAAE,CAAC;AAAA,EACxE;AAEA,QAAM,IAAI;AAAA,IACR,cAAc,OAAO,SAAS,CAAC;AAAA,EACjC;AACF;AAEA,IAAM,QAAQ,oBAAI,IAAI;AAGf,IAAM,uBAAuB,IAAI,MAAM,iBAAiB;AAAA,EAC7D,MAAM,QAAQ,SAAS,UAAU;AAG/B,WAAO,OAAO,MAAM,SAAS,QAAQ;AAAA,EACvC;AAAA,EACA,IAAI,SAAS,IAAsB;AAEjC,QAAI,CAAC,MAAM,IAAI,EAAE,GAAG;AAClB,YAAM,IAAI,IAAI,gBAAgB,EAAE,CAAC;AAAA,IACnC;AACA,WAAO,MAAM,IAAI,EAAE;AAAA,EACrB;AACF,CAAC;","names":[]}

package/build/modern/chunk-UHXKG2ZP.js

@@ -0,0 +1,21 @@
+import {
+  AccordionParts
+} from "./chunk-3Z4TSR6V.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/accordion/item-indicator.tsx
+import { jsx } from "react/jsx-runtime";
+function AccordionChevronItemIndicator(props) {
+  const { size, ...indicatorProps } = props;
+  const iconSize = size === "sm" ? 16 : "24";
+  const { icons } = useCerberusContext();
+  const { accordionIndicator: ChevronDown } = icons;
+  return /* @__PURE__ */ jsx(AccordionParts.ItemIndicator, { ...indicatorProps, children: /* @__PURE__ */ jsx(ChevronDown, { size: iconSize }) });
+}
+
+export {
+  AccordionChevronItemIndicator
+};
+//# sourceMappingURL=chunk-UHXKG2ZP.js.map

package/build/modern/chunk-UKAVYSJ5.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/combobox/combobox.tsx"],"sourcesContent":["'use client'\n\nimport type { ComboboxRootProps } from '@ark-ui/react/combobox'\nimport type { ComboboxVariantProps } from 'styled-system/recipes'\nimport type { RefObject } from 'react'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { splitProps } from '../../utils/index'\nimport type { SelectCollectionItem } from '../select/select'\nimport { type FieldInputElProps } from '../field/index'\nimport { Portal } from '../portal/index'\nimport { Show } from '../show/index'\nimport { ComboboxParts } from './parts'\nimport { ComboboxStartIcon } from './primitives'\n\nexport interface ComboboxProps\n  extends ComboboxRootProps<SelectCollectionItem>,\n    ComboboxVariantProps {\n  /**\n   * The label that appears above the combobox input.\n   */\n  label?: string\n  /**\n   * The icon that appears at the start of the combobox input.\n   */\n  startIcon?: FieldInputElProps['startIcon']\n  /**\n   * The container element to render the Select dropdown in. This is used\n   * to render the Select dropdown in a specific context, such as a modal.\n   * @default document.body\n   */\n  container?: RefObject<HTMLElement | null>\n}\n\nexport function Combobox(props: ComboboxProps) {\n  const [{ startIcon, label, ...elProps }, rootProps] = splitProps(props, [\n    'label',\n    'children',\n    'startIcon',\n    'container',\n  ])\n\n  const { icons } = useCerberusContext()\n  const { selectArrow: SelectArrow, close: CloseIcon } = icons\n\n  const hasStartIcon = Boolean(startIcon)\n\n  return (\n    <ComboboxParts.Root {...rootProps}>\n      <Show when={label}>\n        <ComboboxParts.Label>{label}</ComboboxParts.Label>\n      </Show>\n\n      <ComboboxParts.Control>\n        <Show when={hasStartIcon}>\n          <ComboboxStartIcon>{startIcon}</ComboboxStartIcon>\n        </Show>\n\n        <ComboboxParts.Input\n          {...(hasStartIcon && { 'data-has': 'start-indicator' })}\n        />\n\n        <ComboboxParts.ClearTrigger>\n          <CloseIcon />\n        </ComboboxParts.ClearTrigger>\n        <ComboboxParts.Trigger>\n          <SelectArrow />\n        </ComboboxParts.Trigger>\n      </ComboboxParts.Control>\n\n      <Portal container={elProps.container}>\n        <ComboboxParts.Positioner>\n          <ComboboxParts.Content size={rootProps.size}>\n            {elProps.children}\n          </ComboboxParts.Content>\n        </ComboboxParts.Positioner>\n      </Portal>\n    </ComboboxParts.Root>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiDQ,cAGF,YAHE;AAhBD,SAAS,SAAS,OAAsB;AAC7C,QAAM,CAAC,EAAE,WAAW,OAAO,GAAG,QAAQ,GAAG,SAAS,IAAI,WAAW,OAAO;AAAA,IACtE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,aAAa,aAAa,OAAO,UAAU,IAAI;AAEvD,QAAM,eAAe,QAAQ,SAAS;AAEtC,SACE,qBAAC,cAAc,MAAd,EAAoB,GAAG,WACtB;AAAA,wBAAC,QAAK,MAAM,OACV,8BAAC,cAAc,OAAd,EAAqB,iBAAM,GAC9B;AAAA,IAEA,qBAAC,cAAc,SAAd,EACC;AAAA,0BAAC,QAAK,MAAM,cACV,8BAAC,qBAAmB,qBAAU,GAChC;AAAA,MAEA;AAAA,QAAC,cAAc;AAAA,QAAd;AAAA,UACE,GAAI,gBAAgB,EAAE,YAAY,kBAAkB;AAAA;AAAA,MACvD;AAAA,MAEA,oBAAC,cAAc,cAAd,EACC,8BAAC,aAAU,GACb;AAAA,MACA,oBAAC,cAAc,SAAd,EACC,8BAAC,eAAY,GACf;AAAA,OACF;AAAA,IAEA,oBAAC,UAAO,WAAW,QAAQ,WACzB,8BAAC,cAAc,YAAd,EACC,8BAAC,cAAc,SAAd,EAAsB,MAAM,UAAU,MACpC,kBAAQ,UACX,GACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-UXU2CVPI.js

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

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

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

package/build/modern/chunk-VIUQS3VG.js

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

package/build/modern/chunk-VPD3PPBW.js

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

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

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

package/build/modern/chunk-VT6DJ2VM.js

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

package/build/modern/chunk-VXG4AEMZ.js

@@ -0,0 +1,25 @@
+import {
+  RadioGroupIndicator,
+  RadioGroupItem,
+  RadioGroupItemControl,
+  RadioGroupItemHiddenInput,
+  RadioGroupItemText,
+  RadioGroupLabel,
+  RadioGroupRoot
+} from "./chunk-WO6MF3XM.js";
+
+// src/components/radio/parts.ts
+var RadioParts = {
+  Root: RadioGroupRoot,
+  Label: RadioGroupLabel,
+  Indicator: RadioGroupIndicator,
+  Item: RadioGroupItem,
+  ItemText: RadioGroupItemText,
+  ItemControl: RadioGroupItemControl,
+  ItemHiddenInput: RadioGroupItemHiddenInput
+};
+
+export {
+  RadioParts
+};
+//# sourceMappingURL=chunk-VXG4AEMZ.js.map

package/build/modern/chunk-VZXYGBU6.js

@@ -0,0 +1,25 @@
+import {
+  RatingContext,
+  RatingControl,
+  RatingHiddenInput,
+  RatingItem,
+  RatingItemContext,
+  RatingLabel,
+  RatingRoot
+} from "./chunk-KLZPY4YX.js";
+
+// src/components/rating/parts.tsx
+var RatingParts = {
+  Root: RatingRoot,
+  Label: RatingLabel,
+  Control: RatingControl,
+  Context: RatingContext,
+  Item: RatingItem,
+  ItemContext: RatingItemContext,
+  HiddenInput: RatingHiddenInput
+};
+
+export {
+  RatingParts
+};
+//# sourceMappingURL=chunk-VZXYGBU6.js.map

package/build/modern/chunk-WGSUBJNI.js

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

package/build/modern/chunk-WJW4FF4J.js

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

package/build/modern/chunk-WKAI4OK3.js

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

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

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

package/build/modern/chunk-WO6MF3XM.js

@@ -0,0 +1,48 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-ZGPHSKEB.js";
+
+// src/components/radio/primitives.tsx
+import {
+  RadioGroup as ArkRadioGroup
+} from "@ark-ui/react/radio-group";
+import { radioGroup } from "styled-system/recipes";
+var { withSlotRecipe } = createCerberusPrimitive(radioGroup);
+var RadioGroupRoot = withSlotRecipe(
+  ArkRadioGroup.Root,
+  "root"
+);
+var RadioGroupLabel = withSlotRecipe(
+  ArkRadioGroup.Label,
+  "label"
+);
+var RadioGroupIndicator = withSlotRecipe(
+  ArkRadioGroup.Indicator,
+  "indicator"
+);
+var RadioGroupItem = withSlotRecipe(
+  ArkRadioGroup.Item,
+  "item"
+);
+var RadioGroupItemText = withSlotRecipe(
+  ArkRadioGroup.ItemText,
+  "itemText"
+);
+var RadioGroupItemControl = withSlotRecipe(
+  ArkRadioGroup.ItemControl,
+  "itemControl"
+);
+var RadioGroupItemHiddenInput = ArkRadioGroup.ItemHiddenInput;
+var RadioGroup = RadioGroupRoot;
+
+export {
+  RadioGroupRoot,
+  RadioGroupLabel,
+  RadioGroupIndicator,
+  RadioGroupItem,
+  RadioGroupItemText,
+  RadioGroupItemControl,
+  RadioGroupItemHiddenInput,
+  RadioGroup
+};
+//# sourceMappingURL=chunk-WO6MF3XM.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/radio/primitives.tsx"],"sourcesContent":["import {\n  RadioGroup as ArkRadioGroup,\n  type RadioGroupIndicatorProps as ArkRadioGroupIndicatorProps,\n  type RadioGroupItemControlProps as ArkRadioGroupItemControlProps,\n  type RadioGroupItemHiddenInputProps as ArkRadioGroupItemHiddenInputProps,\n  type RadioGroupItemProps as ArkRadioGroupItemProps,\n  type RadioGroupItemTextProps as ArkRadioGroupItemTextProps,\n  type RadioGroupLabelProps as ArkRadioGroupLabelProps,\n  type RadioGroupRootProps as ArkRadioGroupRootProps,\n} from '@ark-ui/react/radio-group'\nimport { radioGroup, type RadioGroupVariantProps } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the Radio primitives\n * @module 'react/radio'\n */\n\nconst { withSlotRecipe } = createCerberusPrimitive(radioGroup)\n\n// Root\n\nexport type RadioGroupRootProps = CerberusPrimitiveProps<\n  ArkRadioGroupRootProps & RadioGroupVariantProps\n>\n// @ts-expect-error this is a workaround for the type WIP\nexport const RadioGroupRoot = withSlotRecipe<RadioGroupRootProps>(\n  ArkRadioGroup.Root,\n  'root',\n)\n\n// Label\n\nexport type RadioGroupLabelProps =\n  CerberusPrimitiveProps<ArkRadioGroupLabelProps>\nexport const RadioGroupLabel = withSlotRecipe<RadioGroupLabelProps>(\n  ArkRadioGroup.Label,\n  'label',\n)\n\n// Indicator\n\nexport type RadioGroupIndicatorProps =\n  CerberusPrimitiveProps<ArkRadioGroupIndicatorProps>\nexport const RadioGroupIndicator = withSlotRecipe<RadioGroupIndicatorProps>(\n  ArkRadioGroup.Indicator,\n  'indicator',\n)\n\n// Item\n\nexport type RadioGroupItemProps = CerberusPrimitiveProps<ArkRadioGroupItemProps>\nexport const RadioGroupItem = withSlotRecipe<RadioGroupItemProps>(\n  ArkRadioGroup.Item,\n  'item',\n)\n\n// Item Text\n\nexport type RadioGroupItemTextProps = CerberusPrimitiveProps<\n  ArkRadioGroupItemTextProps & RadioGroupVariantProps\n>\nexport const RadioGroupItemText = withSlotRecipe<RadioGroupItemTextProps>(\n  ArkRadioGroup.ItemText,\n  'itemText',\n)\n\n// Item Control\n\nexport type RadioGroupItemControlProps = CerberusPrimitiveProps<\n  ArkRadioGroupItemControlProps & RadioGroupVariantProps\n>\nexport const RadioGroupItemControl = withSlotRecipe<RadioGroupItemControlProps>(\n  ArkRadioGroup.ItemControl,\n  'itemControl',\n)\n\n// Item Hidden Input\n\nexport type RadioGroupItemHiddenInputProps = ArkRadioGroupItemHiddenInputProps\nexport const RadioGroupItemHiddenInput = ArkRadioGroup.ItemHiddenInput\n\n/**\n * The context provider for a set of radio buttons.\n * It provides the necessary context for managing the state of the radio group.\n * @see {@link https://cerberus.digitalu.design/react/radio/overview}\n *\n * @example\n * ```tsx\n * import { RadioGroup } from '@cerberus/react/radio';\n *\n * <RadioGroup defaultValue=\"cerberus\">\n *   <Radio value=\"cerberus\">Cerberus</Radio>\n *   <Radio value=\"hades\">Hades</Radio>\n *   <Radio value=\"zeus\">Zeus</Radio>\n * </RadioGroup>\n * ```\n */\nexport const RadioGroup = RadioGroupRoot\n"],"mappings":";;;;;AAAA;AAAA,EACE,cAAc;AAAA,OAQT;AACP,SAAS,kBAA+C;AAWxD,IAAM,EAAE,eAAe,IAAI,wBAAwB,UAAU;AAQtD,IAAM,iBAAiB;AAAA,EAC5B,cAAc;AAAA,EACd;AACF;AAMO,IAAM,kBAAkB;AAAA,EAC7B,cAAc;AAAA,EACd;AACF;AAMO,IAAM,sBAAsB;AAAA,EACjC,cAAc;AAAA,EACd;AACF;AAKO,IAAM,iBAAiB;AAAA,EAC5B,cAAc;AAAA,EACd;AACF;AAOO,IAAM,qBAAqB;AAAA,EAChC,cAAc;AAAA,EACd;AACF;AAOO,IAAM,wBAAwB;AAAA,EACnC,cAAc;AAAA,EACd;AACF;AAKO,IAAM,4BAA4B,cAAc;AAkBhD,IAAM,aAAa;","names":[]}

package/build/modern/chunk-X5LBBTCV.js

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

package/build/modern/chunk-XDMGFB6Q.js

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

package/build/modern/chunk-Y67NIX2N.js

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

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

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

package/build/modern/chunk-YCVNE3CA.js

@@ -0,0 +1,67 @@
+import {
+  Avatar
+} from "./chunk-OMM4CPZU.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-YCVNE3CA.js.map

package/build/modern/chunk-YCVNE3CA.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-YI3P5QG4.js

@@ -0,0 +1,19 @@
+import {
+  FieldsetErrorText,
+  FieldsetHelperText,
+  FieldsetLegend,
+  FieldsetRoot
+} from "./chunk-S7ALRSVU.js";
+
+// src/components/fieldset/parts.ts
+var FieldsetParts = {
+  Root: FieldsetRoot,
+  Legend: FieldsetLegend,
+  HelperText: FieldsetHelperText,
+  ErrorText: FieldsetErrorText
+};
+
+export {
+  FieldsetParts
+};
+//# sourceMappingURL=chunk-YI3P5QG4.js.map