@cerberus-design/react 0.10.4 → 0.11.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/FileStatus.tsx"],"sourcesContent":["'use client'\n\nimport {\n  useCallback,\n  useMemo,\n  type HTMLAttributes,\n  type MouseEvent,\n} from 'react'\nimport {\n  fileStatus,\n  type FileStatusVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { css, cx } from '@cerberus/styled-system/css'\nimport { hstack, vstack } from '@cerberus/styled-system/patterns'\nimport { $cerberusIcons } from '../config/defineIcons'\nimport { Field } from '../context/field'\nimport { FieldMessage } from './FieldMessage'\nimport { ProgressBar, type ProgressBarProps } from './ProgressBar'\nimport { IconButton } from './IconButton'\nimport { Avatar } from './Avatar'\n\n/**\n * This module contains the FileStatus component.\n * @module\n */\n\n/**\n * The available values of the fileStatus helper Object.\n * @example\n * ```tsx\n * import { fileStatus } from '@cerberus/react'\n * processStatus.TODO // 'todo'\n * ```\n */\nexport type FileStatusKey = (typeof processStatus)[keyof typeof processStatus]\n\n/**\n * The actions that can be performed on a file.\n */\nexport type FileStatusActions = 'cancel' | 'retry' | 'delete'\nexport interface FileBaseStatusProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * A unique identifier for the file status. Required for accessibility.\n   */\n  id: string\n  /**\n   * The name of the file.\n   */\n  file: string\n  /**\n   * The percentage of the file that has been processed.\n   */\n  now: ProgressBarProps['now']\n  /**\n   * The status of the file.\n   */\n  status: processStatus\n  /**\n   * The action to perform on the file when a user clicks the\n   * button located at the end of the status card.\n   * @param status - The status of the file.\n   * @param e - The event object.\n   * @example\n   * ```tsx\n   * <FileStatus file=\"file.txt\" now={0} status={processStatus.TODO} action={(status, e) => console.log(status, e)} />\n   * ```\n   * @default () => {}\n   */\n  onClick: (status: FileStatusActions, e: MouseEvent<HTMLButtonElement>) => void\n}\nexport type FileStatusProps = FileBaseStatusProps & FileStatusVariantProps\n\n/**\n * A helper object to represent the status of a file.\n * @example\n * ```tsx\n * import { fileStatus } from '@cerberus/react'\n * processStatus.TODO // 'todo'\n * ```\n */\nexport const enum processStatus {\n  TODO = 'todo',\n  PROCESSING = 'processing',\n  DONE = 'done',\n  ERROR = 'error',\n}\n\n/**\n * A component that displays the status of a file during file processing.\n * @see https://cerberus.digitalu.design/react/file-uploader\n * @example\n * ```tsx\n * <FileStatus file=\"file.txt\" now={0} status={processStatus.TODO} action={(status, e) => console.log(status, e)} />\n * ```\n */\nexport function FileStatus(props: FileStatusProps) {\n  const { file, now, status, onClick, ...nativeProps } = props\n  const actionLabel = useMemo(() => getStatusActionLabel(status), [status])\n  const palette = useMemo(() => getPalette(status), [status])\n  const modalIconPalette = useMemo(() => getModalIconPalette(status), [status])\n  const styles = useMemo(() => {\n    switch (status) {\n      case processStatus.TODO:\n        return fileStatus({ status: 'todo' })\n      case processStatus.PROCESSING:\n        return fileStatus({ status: 'processing' })\n      case processStatus.DONE:\n        return fileStatus({ status: 'done' })\n      case processStatus.ERROR:\n        return fileStatus({ status: 'error' })\n      default:\n        return fileStatus()\n    }\n  }, [status])\n\n  const handleClick = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      const actionStatus = getStatusActionLabel(\n        status,\n      ).toLocaleLowerCase() as FileStatusActions\n      onClick(actionStatus, e)\n    },\n    [onClick],\n  )\n\n  return (\n    <div\n      {...nativeProps}\n      className={cx(nativeProps.className, styles.root, hstack())}\n    >\n      <Avatar\n        ariaLabel=\"\"\n        gradient={modalIconPalette}\n        icon={<MatchFileStatusIcon size={24} status={status} />}\n        src=\"\"\n      />\n\n      <div\n        className={vstack({\n          alignItems: 'flex-start',\n          gap: '0.12rem',\n          w: 'full',\n        })}\n      >\n        <small\n          className={css({\n            color: 'page.text.initial',\n            textStyle: 'label-sm',\n          })}\n        >\n          {file}\n        </small>\n        <ProgressBar\n          id={props.id}\n          label=\"File upload status\"\n          now={now}\n          size=\"sm\"\n        />\n        <Field invalid={modalIconPalette === 'hades-dark'}>\n          <FieldMessage\n            className={css({\n              color: 'page.text.100',\n            })}\n            id={`help:${file}`}\n          >\n            <MatchFileStatusText status={status} now={now} />\n          </FieldMessage>\n        </Field>\n      </div>\n\n      <IconButton\n        ariaLabel={actionLabel}\n        onClick={handleClick}\n        palette={palette}\n        size=\"sm\"\n      >\n        <MatchStatusAction status={status} />\n      </IconButton>\n    </div>\n  )\n}\n\ninterface FileStatusElProps {\n  status: FileStatusProps['status']\n  size?: 16 | 20 | 24 | 32\n  now?: number\n}\n\nfunction MatchFileStatusIcon(props: FileStatusElProps) {\n  const {\n    waitingFileUploader: TodoIcon,\n    fileUploader: FileUploaderIcon,\n    invalidAlt: InvalidIcon,\n    successNotification: DoneIcon,\n  } = $cerberusIcons\n\n  switch (props.status) {\n    case processStatus.TODO:\n      return <TodoIcon size={props.size} />\n    case processStatus.PROCESSING:\n      return <FileUploaderIcon size={props.size} />\n    case processStatus.DONE:\n      return <DoneIcon size={props.size} />\n    case processStatus.ERROR:\n      return <InvalidIcon size={props.size} />\n    default:\n      throw new Error('Unknown status')\n  }\n}\n\nfunction MatchFileStatusText(props: FileStatusElProps) {\n  switch (props.status) {\n    case processStatus.TODO:\n      return 'Waiting to upload'\n    case processStatus.PROCESSING:\n      return `${props.now}% Complete`\n    case processStatus.DONE:\n      return 'File uploaded successfully'\n    case processStatus.ERROR:\n      return 'There was an error uploading the file'\n    default:\n      throw new Error('Invalid status')\n  }\n}\n\nfunction MatchStatusAction(props: FileStatusElProps) {\n  const { close: CloseIcon, redo: RedoIcon, delete: TrashIcon } = $cerberusIcons\n  switch (props.status) {\n    case processStatus.TODO:\n    case processStatus.PROCESSING:\n      return <CloseIcon />\n    case processStatus.ERROR:\n      return <RedoIcon />\n    case processStatus.DONE:\n      return <TrashIcon />\n    default:\n      throw new Error('Invalid status')\n  }\n}\n\nfunction getStatusActionLabel(status: FileStatusKey) {\n  switch (status) {\n    case processStatus.TODO:\n    case processStatus.PROCESSING:\n      return 'Cancel'\n    case processStatus.ERROR:\n      return 'Retry'\n    case processStatus.DONE:\n      return 'Delete'\n    default:\n      return ''\n  }\n}\n\nfunction getPalette(status: FileStatusKey) {\n  switch (status) {\n    case processStatus.TODO:\n    case processStatus.PROCESSING:\n      return 'danger'\n    case processStatus.ERROR:\n      return 'action'\n    case processStatus.DONE:\n      return 'danger'\n    default:\n      return 'action'\n  }\n}\n\nfunction getModalIconPalette(status: FileStatusKey) {\n  switch (status) {\n    case processStatus.TODO:\n    case processStatus.PROCESSING:\n      return 'charon-light'\n    case processStatus.ERROR:\n      return 'hades-dark'\n    case processStatus.DONE:\n      return 'thanatos-light'\n    default:\n      return 'charon-light'\n  }\n}\n"],"mappings":"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","names":["processStatus"]}

package/build/modern/{chunk-GMG3B34U.js → chunk-YWCTMLLO.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-UZDVOIW5.js";
 import {
   $cerberusIcons
-} from "./chunk-NBG2OSYI.js";
+} from "./chunk-FT7DFRHQ.js";
 
 // src/components/Toggle.tsx
 import { cx } from "@cerberus/styled-system/css";
@@ -55,4 +55,4 @@ function Toggle(props) {
 export {
   Toggle
 };
-//# sourceMappingURL=chunk-GMG3B34U.js.map
+//# sourceMappingURL=chunk-YWCTMLLO.js.map

package/build/modern/chunk-ZW3FFE37.js

@@ -0,0 +1,138 @@
+import {
+  Avatar
+} from "./chunk-ZX6DBC2Z.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
+import {
+  $cerberusIcons
+} from "./chunk-FT7DFRHQ.js";
+
+// src/components/Admonition.tsx
+import {
+  admonition
+} from "@cerberus/styled-system/recipes";
+import { cx } from "@cerberus-design/styled-system/css";
+import { hstack } from "@cerberus/styled-system/patterns";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Admonition(props) {
+  const { children, palette = "page", usage, icon, ...nativeProps } = props;
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      ...nativeProps,
+      className: cx(
+        nativeProps.className,
+        hstack({
+          gap: "md",
+          w: "full"
+        }),
+        admonition({ palette, usage }).root
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Show, { when: Boolean(icon), fallback: /* @__PURE__ */ jsx(MatchAvatar, { palette }), children: icon }),
+        /* @__PURE__ */ jsx("div", { children })
+      ]
+    }
+  );
+}
+function AdmonitionHeading(props) {
+  const { palette, usage, ...nativeProps } = props;
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ...nativeProps,
+      className: cx(
+        nativeProps.className,
+        admonition({ palette, usage }).heading
+      )
+    }
+  );
+}
+function AdmonitionDescription(props) {
+  const { palette, usage, ...nativeProps } = props;
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ...nativeProps,
+      className: cx(
+        nativeProps.className,
+        admonition({ palette, usage }).description
+      )
+    }
+  );
+}
+function MatchAvatar(props) {
+  const {
+    infoNotification: InfoIcon,
+    successNotification: SuccessIcon,
+    warningNotification: WarningIcon,
+    dangerNotification: DangerIcon
+  } = $cerberusIcons;
+  switch (props.palette) {
+    case "page":
+      return /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          gradient: "charon-light",
+          ariaLabel: "",
+          icon: /* @__PURE__ */ jsx(InfoIcon, {}),
+          size: "sm",
+          src: ""
+        }
+      );
+    case "info":
+      return /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          gradient: "amphiaraus-dark",
+          ariaLabel: "",
+          icon: /* @__PURE__ */ jsx(InfoIcon, {}),
+          size: "sm",
+          src: ""
+        }
+      );
+    case "success":
+      return /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          gradient: "thanatos-dark",
+          ariaLabel: "",
+          icon: /* @__PURE__ */ jsx(SuccessIcon, {}),
+          size: "sm",
+          src: ""
+        }
+      );
+    case "warning":
+      return /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          gradient: "asphodel-light",
+          ariaLabel: "",
+          icon: /* @__PURE__ */ jsx(WarningIcon, {}),
+          size: "sm",
+          src: ""
+        }
+      );
+    case "danger":
+      return /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          gradient: "hades-light",
+          ariaLabel: "",
+          icon: /* @__PURE__ */ jsx(DangerIcon, {}),
+          size: "sm",
+          src: ""
+        }
+      );
+    default:
+      throw new Error("Unsupported admonition palette");
+  }
+}
+
+export {
+  Admonition,
+  AdmonitionHeading,
+  AdmonitionDescription
+};
+//# sourceMappingURL=chunk-ZW3FFE37.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Admonition.tsx"],"sourcesContent":["import {\n  admonition,\n  type AdmonitionVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { cx } from '@cerberus-design/styled-system/css'\nimport { hstack } from '@cerberus/styled-system/patterns'\nimport { $cerberusIcons } from '../config/defineIcons'\nimport type { HTMLAttributes, ReactNode } from 'react'\nimport { Avatar } from './Avatar'\nimport { Show } from './Show'\n\n/**\n * This module provides a set of components for creating admonitions.\n * @module Admonition\n */\n\nexport type AdmonitionProps = HTMLAttributes<HTMLDivElement> &\n  AdmonitionVariantProps & {\n    /**\n     * One off replacement for the icon.\n     */\n    icon?: ReactNode\n  }\n\n/**\n * The `Admonition` component is used to create an admonition.\n * @example\n * ```tsx\n * <Admonition palette=\"page\">\n *  <AdmonitionHeading palette=\"page\">Page</AdmonitionHeading>\n *  <AdmonitionDescription palette=\"page\">\n *   This is a page admonition.\n *  </AdmonitionDescription>\n * </Admonition>\n * ```\n * @see https://cerberus.digitalu.design/react/admonition\n */\nexport function Admonition(props: AdmonitionProps) {\n  const { children, palette = 'page', usage, icon, ...nativeProps } = props\n  return (\n    <aside\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        hstack({\n          gap: 'md',\n          w: 'full',\n        }),\n        admonition({ palette, usage }).root,\n      )}\n    >\n      <Show when={Boolean(icon)} fallback={<MatchAvatar palette={palette} />}>\n        {icon}\n      </Show>\n      <div>{children}</div>\n    </aside>\n  )\n}\n\nexport type AdmonitionHeadingProps = HTMLAttributes<HTMLParagraphElement> &\n  AdmonitionVariantProps\n\n/**\n * The `AdmonitionHeading` component is used to create a heading within an\n * admonition.\n * @example\n * ```tsx\n * <Admonition palette=\"page\">\n *  <AdmonitionHeading palette=\"page\">Page</AdmonitionHeading>\n *  <AdmonitionDescription palette=\"page\">\n *   This is a page admonition.\n *  </AdmonitionDescription>\n * </Admonition>\n * ```\n * @see https://cerberus.digitalu.design/react/admonition\n */\nexport function AdmonitionHeading(props: AdmonitionHeadingProps) {\n  const { palette, usage, ...nativeProps } = props\n  return (\n    <p\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        admonition({ palette, usage }).heading,\n      )}\n    />\n  )\n}\n\nexport type AdmonitionDescriptionProps = HTMLAttributes<HTMLParagraphElement> &\n  AdmonitionVariantProps\n\n/**\n * The `AdmonitionDescription` component is used to create a description within\n * an admonition.\n * @example\n * ```tsx\n * <Admonition palette=\"page\">\n *  <AdmonitionHeading palette=\"page\">Page</AdmonitionHeading>\n *  <AdmonitionDescription palette=\"page\">\n *   This is a page admonition.\n *  </AdmonitionDescription>\n * </Admonition>\n * ```\n * @see https://cerberus.digitalu.design/react/admonition\n */\nexport function AdmonitionDescription(props: AdmonitionDescriptionProps) {\n  const { palette, usage, ...nativeProps } = props\n  return (\n    <p\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        admonition({ palette, usage }).description,\n      )}\n    />\n  )\n}\n\n// Private components\n\ntype MatchAvatarProps = AdmonitionVariantProps\n\nfunction MatchAvatar(props: MatchAvatarProps) {\n  const {\n    infoNotification: InfoIcon,\n    successNotification: SuccessIcon,\n    warningNotification: WarningIcon,\n    dangerNotification: DangerIcon,\n  } = $cerberusIcons\n  switch (props.palette) {\n    case 'page':\n      return (\n        <Avatar\n          gradient=\"charon-light\"\n          ariaLabel=\"\"\n          icon={<InfoIcon />}\n          size=\"sm\"\n          src=\"\"\n        />\n      )\n    case 'info':\n      return (\n        <Avatar\n          gradient=\"amphiaraus-dark\"\n          ariaLabel=\"\"\n          icon={<InfoIcon />}\n          size=\"sm\"\n          src=\"\"\n        />\n      )\n    case 'success':\n      return (\n        <Avatar\n          gradient=\"thanatos-dark\"\n          ariaLabel=\"\"\n          icon={<SuccessIcon />}\n          size=\"sm\"\n          src=\"\"\n        />\n      )\n    case 'warning':\n      return (\n        <Avatar\n          gradient=\"asphodel-light\"\n          ariaLabel=\"\"\n          icon={<WarningIcon />}\n          size=\"sm\"\n          src=\"\"\n        />\n      )\n    case 'danger':\n      return (\n        <Avatar\n          gradient=\"hades-light\"\n          ariaLabel=\"\"\n          icon={<DangerIcon />}\n          size=\"sm\"\n          src=\"\"\n        />\n      )\n\n    default:\n      throw new Error('Unsupported admonition palette')\n  }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AAAA,EACE;AAAA,OAEK;AACP,SAAS,UAAU;AACnB,SAAS,cAAc;AAmCnB,SAWuC,KAXvC;AAHG,SAAS,WAAW,OAAwB;AACjD,QAAM,EAAE,UAAU,UAAU,QAAQ,OAAO,MAAM,GAAG,YAAY,IAAI;AACpE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,UACL,KAAK;AAAA,UACL,GAAG;AAAA,QACL,CAAC;AAAA,QACD,WAAW,EAAE,SAAS,MAAM,CAAC,EAAE;AAAA,MACjC;AAAA,MAEA;AAAA,4BAAC,QAAK,MAAM,QAAQ,IAAI,GAAG,UAAU,oBAAC,eAAY,SAAkB,GACjE,gBACH;AAAA,QACA,oBAAC,SAAK,UAAS;AAAA;AAAA;AAAA,EACjB;AAEJ;AAmBO,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,EAAE,SAAS,OAAO,GAAG,YAAY,IAAI;AAC3C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,WAAW,EAAE,SAAS,MAAM,CAAC,EAAE;AAAA,MACjC;AAAA;AAAA,EACF;AAEJ;AAmBO,SAAS,sBAAsB,OAAmC;AACvE,QAAM,EAAE,SAAS,OAAO,GAAG,YAAY,IAAI;AAC3C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,WAAW,EAAE,SAAS,MAAM,CAAC,EAAE;AAAA,MACjC;AAAA;AAAA,EACF;AAEJ;AAMA,SAAS,YAAY,OAAyB;AAC5C,QAAM;AAAA,IACJ,kBAAkB;AAAA,IAClB,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,EACtB,IAAI;AACJ,UAAQ,MAAM,SAAS;AAAA,IACrB,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAS;AAAA,UACT,WAAU;AAAA,UACV,MAAM,oBAAC,YAAS;AAAA,UAChB,MAAK;AAAA,UACL,KAAI;AAAA;AAAA,MACN;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAS;AAAA,UACT,WAAU;AAAA,UACV,MAAM,oBAAC,YAAS;AAAA,UAChB,MAAK;AAAA,UACL,KAAI;AAAA;AAAA,MACN;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAS;AAAA,UACT,WAAU;AAAA,UACV,MAAM,oBAAC,eAAY;AAAA,UACnB,MAAK;AAAA,UACL,KAAI;AAAA;AAAA,MACN;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAS;AAAA,UACT,WAAU;AAAA,UACV,MAAM,oBAAC,eAAY;AAAA,UACnB,MAAK;AAAA,UACL,KAAI;AAAA;AAAA,MACN;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAS;AAAA,UACT,WAAU;AAAA,UACV,MAAM,oBAAC,cAAW;AAAA,UAClB,MAAK;AAAA,UACL,KAAI;AAAA;AAAA,MACN;AAAA,IAGJ;AACE,YAAM,IAAI,MAAM,gCAAgC;AAAA,EACpD;AACF;","names":[]}

package/build/modern/{chunk-477G5ZEL.js → chunk-ZX6DBC2Z.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-BUVVRQLZ.js";
 import {
   $cerberusIcons
-} from "./chunk-NBG2OSYI.js";
+} from "./chunk-FT7DFRHQ.js";
 
 // src/components/Avatar.tsx
 import { css, cx } from "@cerberus/styled-system/css";
@@ -101,4 +101,4 @@ var iconSizeMap = {
 export {
   Avatar
 };
-//# sourceMappingURL=chunk-477G5ZEL.js.map
+//# sourceMappingURL=chunk-ZX6DBC2Z.js.map

package/build/modern/components/Admonition.js

@@ -0,0 +1,17 @@
+import {
+  Admonition,
+  AdmonitionDescription,
+  AdmonitionHeading
+} from "../chunk-ZW3FFE37.js";
+import "../chunk-ZX6DBC2Z.js";
+import "../chunk-BUVVRQLZ.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
+import "../chunk-CP7OUC2Q.js";
+import "../chunk-HVKM54BA.js";
+export {
+  Admonition,
+  AdmonitionDescription,
+  AdmonitionHeading
+};
+//# sourceMappingURL=Admonition.js.map

package/build/modern/components/Admonition.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/modern/components/AnimatingUploadIcon.js

@@ -0,0 +1,7 @@
+import {
+  AnimatingUploadIcon
+} from "../chunk-HVKM54BA.js";
+export {
+  AnimatingUploadIcon
+};
+//# sourceMappingURL=AnimatingUploadIcon.js.map

package/build/modern/components/AnimatingUploadIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/modern/components/Avatar.js

@@ -1,10 +1,11 @@
 import {
   Avatar
-} from "../chunk-477G5ZEL.js";
+} from "../chunk-ZX6DBC2Z.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-NBG2OSYI.js";
-import "../chunk-BDCFYW34.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
+import "../chunk-HVKM54BA.js";
 export {
   Avatar
 };

package/build/modern/components/Checkbox.js

@@ -1,12 +1,13 @@
 "use client";
 import {
   Checkbox
-} from "../chunk-AUAPBPGW.js";
+} from "../chunk-MDIUFBDX.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-NBG2OSYI.js";
-import "../chunk-BDCFYW34.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
+import "../chunk-HVKM54BA.js";
 export {
   Checkbox
 };

package/build/modern/components/CircularProgress.js

@@ -1,7 +1,8 @@
 "use client";
 import {
   CircularProgress
-} from "../chunk-YLPSE5Z2.js";
+} from "../chunk-6QHOKCV3.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   CircularProgress
 };

package/build/modern/components/Fieldset.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  Fieldset
+} from "../chunk-3ZDFQO25.js";
+import "../chunk-UZDVOIW5.js";
+export {
+  Fieldset
+};
+//# sourceMappingURL=Fieldset.js.map

package/build/modern/components/Fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/modern/components/FieldsetLabel.js

@@ -0,0 +1,7 @@
+import {
+  FieldsetLabel
+} from "../chunk-PZAZKQMO.js";
+export {
+  FieldsetLabel
+};
+//# sourceMappingURL=FieldsetLabel.js.map

package/build/modern/components/FieldsetLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/modern/components/FileStatus.js

@@ -2,16 +2,17 @@
 import {
   FileStatus,
   processStatus
-} from "../chunk-UXHAFEBA.js";
+} from "../chunk-YMJMB6OP.js";
 import "../chunk-KCANMM64.js";
 import "../chunk-JWIJHSI6.js";
 import "../chunk-APD6IX5R.js";
-import "../chunk-477G5ZEL.js";
+import "../chunk-ZX6DBC2Z.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-NBG2OSYI.js";
-import "../chunk-BDCFYW34.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
+import "../chunk-HVKM54BA.js";
 export {
   FileStatus,
   processStatus

package/build/modern/components/FileUploader.js

@@ -1,12 +1,13 @@
 "use client";
 import {
   FileUploader
-} from "../chunk-JCGWTIR4.js";
-import "../chunk-477G5ZEL.js";
+} from "../chunk-HCB5NQ5J.js";
+import "../chunk-ZX6DBC2Z.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-NBG2OSYI.js";
-import "../chunk-BDCFYW34.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
+import "../chunk-HVKM54BA.js";
 export {
   FileUploader
 };

package/build/modern/components/Input.js

@@ -1,12 +1,13 @@
 "use client";
 import {
   Input
-} from "../chunk-WZOYPFUU.js";
+} from "../chunk-UJKS4DDN.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-NBG2OSYI.js";
-import "../chunk-BDCFYW34.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
+import "../chunk-HVKM54BA.js";
 export {
   Input
 };

package/build/modern/components/Label.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Label
-} from "../chunk-I35HMGJQ.js";
+} from "../chunk-NMF2HYWO.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-BUVVRQLZ.js";
 export {

package/build/modern/components/Legend.js

@@ -0,0 +1,10 @@
+"use client";
+import {
+  Legend
+} from "../chunk-6TTN2JMY.js";
+import "../chunk-UZDVOIW5.js";
+import "../chunk-BUVVRQLZ.js";
+export {
+  Legend
+};
+//# sourceMappingURL=Legend.js.map

package/build/modern/components/Legend.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/modern/components/ModalHeader.js

@@ -1,6 +1,6 @@
 import {
   ModalHeader
-} from "../chunk-WLEX22KS.js";
+} from "../chunk-ULYQLKWA.js";
 export {
   ModalHeader
 };

package/build/modern/components/Notification.js

@@ -1,11 +1,12 @@
 "use client";
 import {
   Notification
-} from "../chunk-CMUFJU4S.js";
+} from "../chunk-KLUBAM4U.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-NBG2OSYI.js";
-import "../chunk-BDCFYW34.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
+import "../chunk-HVKM54BA.js";
 export {
   Notification
 };

package/build/modern/components/Radio.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Radio
-} from "../chunk-LJYCFFX7.js";
+} from "../chunk-FTPZHG6J.js";
 import "../chunk-UZDVOIW5.js";
 export {
   Radio

package/build/modern/components/Select.js

@@ -2,12 +2,13 @@
 import {
   Option,
   Select
-} from "../chunk-O6JYYVO7.js";
+} from "../chunk-PA5EB7EO.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-NBG2OSYI.js";
-import "../chunk-BDCFYW34.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
+import "../chunk-HVKM54BA.js";
 export {
   Option,
   Select

package/build/modern/components/Tag.js

@@ -1,10 +1,11 @@
 import {
   Tag
-} from "../chunk-S7XGIQY6.js";
+} from "../chunk-243VUIA6.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-NBG2OSYI.js";
-import "../chunk-BDCFYW34.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
+import "../chunk-HVKM54BA.js";
 export {
   Tag
 };

package/build/modern/components/Th.js

@@ -1,6 +1,6 @@
 import {
   Th
-} from "../chunk-7K6PZBHN.js";
+} from "../chunk-CO4BKT7K.js";
 import "../chunk-BUVVRQLZ.js";
 export {
   Th

package/build/modern/components/Toggle.js

@@ -1,11 +1,12 @@
 "use client";
 import {
   Toggle
-} from "../chunk-GMG3B34U.js";
+} from "../chunk-YWCTMLLO.js";
 import "../chunk-UZDVOIW5.js";
-import "../chunk-NBG2OSYI.js";
-import "../chunk-BDCFYW34.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
+import "../chunk-HVKM54BA.js";
 export {
   Toggle
 };

package/build/modern/config/cerbIcons.js

@@ -1,7 +1,8 @@
 import {
   defaultIcons
-} from "../chunk-BDCFYW34.js";
+} from "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
+import "../chunk-HVKM54BA.js";
 export {
   defaultIcons
 };

package/build/modern/config/defineIcons.js

@@ -1,9 +1,10 @@
 import {
   $cerberusIcons,
   defineIcons
-} from "../chunk-NBG2OSYI.js";
-import "../chunk-BDCFYW34.js";
+} from "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
+import "../chunk-HVKM54BA.js";
 export {
   $cerberusIcons,
   defineIcons

package/build/modern/context/confirm-modal.js

@@ -2,20 +2,21 @@
 import {
   ConfirmModal,
   useConfirmModal
-} from "../chunk-6YUB3ITX.js";
+} from "../chunk-X4Y4WTRU.js";
 import "../chunk-GLY7GU5S.js";
-import "../chunk-WLEX22KS.js";
-import "../chunk-2UXE5PDG.js";
 import "../chunk-BE4EOU2P.js";
 import "../chunk-Q7BRMIBR.js";
-import "../chunk-477G5ZEL.js";
+import "../chunk-ULYQLKWA.js";
+import "../chunk-2UXE5PDG.js";
+import "../chunk-ZX6DBC2Z.js";
 import "../chunk-EXGKZGML.js";
 import "../chunk-BUVVRQLZ.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-NBG2OSYI.js";
-import "../chunk-BDCFYW34.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
-import "../chunk-OW62FLJ6.js";
+import "../chunk-HVKM54BA.js";
+import "../chunk-7T3JIGM7.js";
 export {
   ConfirmModal,
   useConfirmModal

package/build/modern/context/notification-center.js

@@ -2,17 +2,18 @@
 import {
   NotificationCenter,
   useNotificationCenter
-} from "../chunk-EZNGCXVJ.js";
-import "../chunk-GLY7GU5S.js";
-import "../chunk-CMUFJU4S.js";
+} from "../chunk-RDQHHCFR.js";
+import "../chunk-KLUBAM4U.js";
 import "../chunk-XEW6TJJ4.js";
 import "../chunk-SXIXDXG3.js";
+import "../chunk-GLY7GU5S.js";
 import "../chunk-EXGKZGML.js";
 import "../chunk-BUVVRQLZ.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-NBG2OSYI.js";
-import "../chunk-BDCFYW34.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
+import "../chunk-HVKM54BA.js";
 export {
   NotificationCenter,
   useNotificationCenter

package/build/modern/context/prompt-modal.js

@@ -2,23 +2,24 @@
 import {
   PromptModal,
   usePromptModal
-} from "../chunk-LKFXUM3Z.js";
+} from "../chunk-3NE6C66J.js";
 import "../chunk-GLY7GU5S.js";
-import "../chunk-WLEX22KS.js";
-import "../chunk-2UXE5PDG.js";
-import "../chunk-WZOYPFUU.js";
-import "../chunk-I35HMGJQ.js";
+import "../chunk-UJKS4DDN.js";
+import "../chunk-NMF2HYWO.js";
 import "../chunk-BE4EOU2P.js";
 import "../chunk-Q7BRMIBR.js";
-import "../chunk-477G5ZEL.js";
+import "../chunk-ULYQLKWA.js";
+import "../chunk-2UXE5PDG.js";
+import "../chunk-ZX6DBC2Z.js";
 import "../chunk-EXGKZGML.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-BUVVRQLZ.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-NBG2OSYI.js";
-import "../chunk-BDCFYW34.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
-import "../chunk-OW62FLJ6.js";
+import "../chunk-HVKM54BA.js";
+import "../chunk-7T3JIGM7.js";
 export {
   PromptModal,
   usePromptModal

package/build/modern/hooks/useModal.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   useModal
-} from "../chunk-OW62FLJ6.js";
+} from "../chunk-7T3JIGM7.js";
 export {
   useModal
 };