@cerberus-design/react 0.16.0-next-d049636 → 0.17.0-next-e7f9956

package/build/modern/{chunk-XTIIAYPU.js → chunk-QQCB6JXW.js}

@@ -1,12 +1,12 @@
 import {
   RatingParts
 } from "./chunk-OS73F4SR.js";
-import {
-  Show
-} from "./chunk-BUVVRQLZ.js";
 import {
   splitProps
 } from "./chunk-BL7G3577.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
 
 // src/components/rating/rating.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -33,4 +33,4 @@ function Rating(props) {
 export {
   Rating
 };
-//# sourceMappingURL=chunk-XTIIAYPU.js.map
+//# sourceMappingURL=chunk-QQCB6JXW.js.map

package/build/modern/{chunk-6KZVE4HC.js → chunk-RD2YPFRA.js}

@@ -6,6 +6,7 @@ import {
 } from "./chunk-BUVVRQLZ.js";
 
 // src/components/button/button.tsx
+import { ark } from "@ark-ui/react/factory";
 import {
   createContext,
   useContext,
@@ -24,7 +25,7 @@ function Button(props) {
   const { palette, usage, shape, size, pending = false, ...nativeProps } = props;
   const value = useMemo(() => ({ pending }), [pending]);
   return /* @__PURE__ */ jsx(ButtonContext.Provider, { value, children: /* @__PURE__ */ jsx(
-    "button",
+    ark.button,
     {
       ...nativeProps,
       disabled: pending || nativeProps.disabled,
@@ -49,4 +50,4 @@ export {
   Button,
   ButtonIcon
 };
-//# sourceMappingURL=chunk-6KZVE4HC.js.map
+//# sourceMappingURL=chunk-RD2YPFRA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/button/button.tsx"],"sourcesContent":["'use client'\n\nimport { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useMemo,\n} from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  button,\n  type ButtonVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { Box } from '@cerberus/styled-system/jsx'\nimport { Show } from '../Show'\nimport { Spinner } from '../Spinner'\n\n/**\n * This module contains the Button component.\n * @module\n */\n\ninterface ButtonContextValue {\n  pending: boolean\n}\n\nconst ButtonContext = createContext<ButtonContextValue>({\n  pending: false,\n})\n\nexport type ButtonProps = HTMLArkProps<'button'> &\n  ButtonVariantProps & {\n    pending?: boolean\n  }\n\n/**\n * A component that allows the user to perform actions\n * @see https://cerberus.digitalu.design/react/button\n */\nexport function Button(props: ButtonProps) {\n  const { palette, usage, shape, size, pending = false, ...nativeProps } = props\n  const value = useMemo(() => ({ pending }), [pending])\n\n  return (\n    <ButtonContext.Provider value={value}>\n      <ark.button\n        {...nativeProps}\n        disabled={pending || nativeProps.disabled}\n        className={cx(\n          nativeProps.className,\n          button({\n            palette,\n            usage,\n            shape,\n            size,\n          }),\n        )}\n      />\n    </ButtonContext.Provider>\n  )\n}\n\n/**\n * An icon to display in a button that utilizes the pending state to display\n * a loading spinner.\n */\nexport function ButtonIcon(props: PropsWithChildren<object>) {\n  const { pending } = useContext(ButtonContext)\n  return (\n    <Show when={pending} fallback={<>{props.children}</>}>\n      <Box w=\"4\">\n        <Spinner />\n      </Box>\n    </Show>\n  )\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,WAA8B;AACvC;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,WAAW;AAgCd,SAwB6B,UAxB7B;AAnBN,IAAM,gBAAgB,cAAkC;AAAA,EACtD,SAAS;AACX,CAAC;AAWM,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,SAAS,OAAO,OAAO,MAAM,UAAU,OAAO,GAAG,YAAY,IAAI;AACzE,QAAM,QAAQ,QAAQ,OAAO,EAAE,QAAQ,IAAI,CAAC,OAAO,CAAC;AAEpD,SACE,oBAAC,cAAc,UAAd,EAAuB,OACtB;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,WAAW,YAAY;AAAA,MACjC,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF,GACF;AAEJ;AAMO,SAAS,WAAW,OAAkC;AAC3D,QAAM,EAAE,QAAQ,IAAI,WAAW,aAAa;AAC5C,SACE,oBAAC,QAAK,MAAM,SAAS,UAAU,gCAAG,gBAAM,UAAS,GAC/C,8BAAC,OAAI,GAAE,KACL,8BAAC,WAAQ,GACX,GACF;AAEJ;","names":[]}

package/build/modern/{chunk-APD6IX5R.js → chunk-SRNDDY5D.js}

@@ -1,4 +1,5 @@
 // src/components/IconButton.tsx
+import { ark } from "@ark-ui/react/factory";
 import { cx } from "@cerberus/styled-system/css";
 import {
   iconButton
@@ -7,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 function IconButton(props) {
   const { ariaLabel, palette, usage, size, ...nativeProps } = props;
   return /* @__PURE__ */ jsx(
-    "button",
+    ark.button,
     {
       ...nativeProps,
       "aria-label": ariaLabel ?? "Icon Button",
@@ -26,4 +27,4 @@ function IconButton(props) {
 export {
   IconButton
 };
-//# sourceMappingURL=chunk-APD6IX5R.js.map
+//# sourceMappingURL=chunk-SRNDDY5D.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/IconButton.tsx"],"sourcesContent":["import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  iconButton,\n  type IconButtonVariantProps,\n} from '@cerberus/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): JSX.Element {\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;AAAA,EACE;AAAA,OAEK;AAsBH;AAHG,SAAS,WAAW,OAAqC;AAC9D,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-SYPAA5YF.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/avatar/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport { AvatarFallback, AvatarImage, AvatarRoot } from './primitives'\n\n/**\n * This module contains the parts of the Avatar component.\n * @module 'avatar/parts'\n */\n\ninterface AvatarPartsValue {\n  /**\n   * The context provider of the Avatar.\n   */\n  Root: ElementType\n  /**\n   * The image of the Avatar.\n   */\n  Image: ElementType\n  /**\n   * The fallback content to display when the image fails to load.\n   */\n  Fallback: ElementType\n}\n\n/**\n * An Object containing the parts of the Accordion component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the AvatarParts object and\n * the entire family of components vs. only what you use.\n */\nexport const AvatarParts: AvatarPartsValue = {\n  Root: AvatarRoot,\n  Image: AvatarImage,\n  Fallback: AvatarFallback,\n}\n"],"mappings":";;;;;;;AAgCO,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AACZ;","names":[]}

package/build/modern/chunk-TEMFCS72.js

@@ -0,0 +1,19 @@
+import {
+  NotificationParts
+} from "./chunk-KZDEDAIK.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/notifications/close-trigger.tsx
+import { jsx } from "react/jsx-runtime";
+function ToastCloseTrigger(props) {
+  const { icons } = useCerberusContext();
+  const { close: CloseIcon } = icons;
+  return /* @__PURE__ */ jsx(NotificationParts.CloseTrigger, { ...props, children: /* @__PURE__ */ jsx(CloseIcon, {}) });
+}
+
+export {
+  ToastCloseTrigger
+};
+//# sourceMappingURL=chunk-TEMFCS72.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/notifications/close-trigger.tsx"],"sourcesContent":["'use client'\n\nimport type { ToastCloseTriggerProps } from '@ark-ui/react/toast'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { NotificationParts } from './parts'\n\n/**\n * This private module contains a abstraction of the close trigger primitive.\n * @module 'notification/close-trigger'\n */\n\nexport function ToastCloseTrigger(props: ToastCloseTriggerProps) {\n  const { icons } = useCerberusContext()\n  const { close: CloseIcon } = icons\n\n  return (\n    <NotificationParts.CloseTrigger {...props}>\n      <CloseIcon />\n    </NotificationParts.CloseTrigger>\n  )\n}\n"],"mappings":";;;;;;;;AAiBM;AANC,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,OAAO,UAAU,IAAI;AAE7B,SACE,oBAAC,kBAAkB,cAAlB,EAAgC,GAAG,OAClC,8BAAC,aAAU,GACb;AAEJ;","names":[]}

package/build/modern/{chunk-MVO2GNUA.js → chunk-TNSIYRF7.js}

@@ -1,6 +1,6 @@
 import {
   Button
-} from "./chunk-6KZVE4HC.js";
+} from "./chunk-RD2YPFRA.js";
 
 // src/components/cta-dialog/trigger-item.tsx
 import { css, cx } from "@cerberus/styled-system/css";
@@ -44,4 +44,4 @@ function TriggerItem(props) {
 export {
   TriggerItem
 };
-//# sourceMappingURL=chunk-MVO2GNUA.js.map
+//# sourceMappingURL=chunk-TNSIYRF7.js.map

package/build/modern/chunk-U3ISYEUF.js

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

package/build/modern/{chunk-SLHYBPJ5.js → chunk-V6LNXFJV.js}

@@ -1,4 +1,4 @@
-// src/components/NotificationHeading.tsx
+// src/components/deprecated/NotificationHeading.tsx
 import { cx } from "@cerberus/styled-system/css";
 import {
   notification
@@ -13,4 +13,4 @@ function NotificationHeading(props) {
 export {
   NotificationHeading
 };
-//# sourceMappingURL=chunk-SLHYBPJ5.js.map
+//# sourceMappingURL=chunk-V6LNXFJV.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/NotificationHeading.tsx"],"sourcesContent":["import { cx } from '@cerberus/styled-system/css'\nimport {\n  notification,\n  type NotificationVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport type { HTMLAttributes } from 'react'\n\n/**\n * This module exports the NotificationHeading component.\n * @module\n */\n\nexport type BaseNotificationHeadingProps = HTMLAttributes<HTMLParagraphElement>\nexport type NotificationHeadingProps = BaseNotificationHeadingProps &\n  NotificationVariantProps\n\n/**\n * @deprecated use `NotificationParts` instead\n */\nexport function NotificationHeading(props: NotificationHeadingProps) {\n  const { palette, ...nativeProps } = props\n  const styles = notification({ palette })\n  return (\n    <p className={cx(nativeProps.className, styles.heading)} {...nativeProps} />\n  )\n}\n"],"mappings":";AAAA,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AAmBH;AAJG,SAAS,oBAAoB,OAAiC;AACnE,QAAM,EAAE,SAAS,GAAG,YAAY,IAAI;AACpC,QAAM,SAAS,aAAa,EAAE,QAAQ,CAAC;AACvC,SACE,oBAAC,OAAE,WAAW,GAAG,YAAY,WAAW,OAAO,OAAO,GAAI,GAAG,aAAa;AAE9E;","names":[]}

package/build/modern/{chunk-EKZENP7X.js → chunk-VOYXV3US.js}

@@ -1,21 +1,21 @@
-import {
-  ProgressBar
-} from "./chunk-WZJ5UQNM.js";
-import {
-  IconButton
-} from "./chunk-APD6IX5R.js";
 import {
   Field
-} from "./chunk-NTU5OYUF.js";
+} from "./chunk-FBS7AX76.js";
 import {
   FieldHelperText
 } from "./chunk-VSTOSLFS.js";
 import {
   Avatar
-} from "./chunk-SXLPDPOZ.js";
+} from "./chunk-N4RPMT6J.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
+import {
+  IconButton
+} from "./chunk-SRNDDY5D.js";
+import {
+  ProgressBar
+} from "./chunk-KJMCUYWV.js";
 
 // src/components/FileStatus.tsx
 import {
@@ -72,10 +72,8 @@ function FileStatus(props) {
         /* @__PURE__ */ jsx(
           Avatar,
           {
-            ariaLabel: "",
             gradient: modalIconPalette,
-            icon: /* @__PURE__ */ jsx(MatchFileStatusIcon, { size: 24, status }),
-            src: ""
+            fallback: /* @__PURE__ */ jsx(MatchFileStatusIcon, { size: 24, status })
           }
         ),
         /* @__PURE__ */ jsxs(
@@ -227,4 +225,4 @@ export {
   processStatus,
   FileStatus
 };
-//# sourceMappingURL=chunk-EKZENP7X.js.map
+//# sourceMappingURL=chunk-VOYXV3US.js.map

package/build/modern/chunk-VOYXV3US.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 { useCerberusContext } from '../context/cerberus'\nimport { ProgressBar, type ProgressBarProps } from './ProgressBar'\nimport { IconButton } from './IconButton'\nimport { Avatar } from './avatar/avatar'\nimport { Field, FieldHelperText } from './field/index'\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        gradient={modalIconPalette}\n        fallback={<MatchFileStatusIcon size={24} status={status} />}\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 label=\"\" invalid={modalIconPalette === 'hades-dark'}>\n          <FieldHelperText\n            className={css({\n              color: 'page.text.100',\n            })}\n            id={`help:${file}`}\n          >\n            <MatchFileStatusText status={status} now={now} />\n          </FieldHelperText>\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 { icons } = useCerberusContext()\n  const {\n    waitingFileUploader: TodoIcon,\n    fileUploader: FileUploaderIcon,\n    invalidAlt: InvalidIcon,\n    successNotification: DoneIcon,\n  } = icons\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 { icons } = useCerberusContext()\n  const { close: CloseIcon, redo: RedoIcon, delete: TrashIcon } = icons\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-IW3LIRDG.js → chunk-VV2G62UD.js}

@@ -60,8 +60,8 @@ function AnimatingUploadIcon(props) {
               {
                 "aria-hidden": "true",
                 xmlns: "http://www.w3.org/2000/svg",
-                width: "0.8em",
-                height: "0.8em",
+                width: "1.1em",
+                height: "1.1em",
                 x: "27%",
                 y: "27%",
                 viewBox: "0 0 24 24",
@@ -97,4 +97,4 @@ function AnimatingUploadIcon(props) {
 export {
   AnimatingUploadIcon
 };
-//# sourceMappingURL=chunk-IW3LIRDG.js.map
+//# sourceMappingURL=chunk-VV2G62UD.js.map

package/build/modern/{chunk-IW3LIRDG.js.map → chunk-VV2G62UD.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/AnimatingUploadIcon.tsx"],"sourcesContent":["/**\n * This module contains an animating icon to use for the FileStatus component.\n * @module\n */\n\nexport interface AnimatingUploadIconProps {\n  size?: 16 | 20 | 24 | 32\n}\n\nexport function AnimatingUploadIcon(props: AnimatingUploadIconProps) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={props.size ?? '1em'}\n      height={props.size ?? '1em'}\n      viewBox=\"0 0 24 24\"\n    >\n      <g\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"round\"\n        strokeWidth={1.5}\n      >\n        <path\n          data-name=\"animating-trail\"\n          strokeDasharray=\"2 4\"\n          strokeDashoffset={6}\n          d=\"M12 21c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9\"\n        >\n          <animate\n            attributeName=\"stroke-dashoffset\"\n            dur=\"0.45s\"\n            repeatCount=\"indefinite\"\n            values=\"6;0\"\n          ></animate>\n        </path>\n\n        <path\n          data-name=\"half-circle\"\n          strokeDasharray={32}\n          strokeDashoffset={32}\n          d=\"M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9\"\n        >\n          <animate\n            fill=\"freeze\"\n            attributeName=\"stroke-dashoffset\"\n            begin=\"0.075s\"\n            dur=\"0.3s\"\n            values=\"32;0\"\n          ></animate>\n        </path>\n\n        <svg\n          aria-hidden=\"true\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"0.8em\"\n          height=\"0.8em\"\n          x=\"27%\"\n          y=\"27%\"\n          viewBox=\"0 0 24 24\"\n        >\n          <polygon\n            fill=\"currentColor\"\n            stroke=\"currentColor\"\n            strokeWidth={0.8}\n            opacity=\"1\"\n            points=\"3.7,6.7 7.5,2.9 7.5,15 8.5,15 8.5,2.9 12.3,6.7 13,6 8,1 3,6 \"\n          >\n            <animate\n              fill=\"freeze\"\n              attributeName=\"opacity\"\n              values=\"1;0;1\"\n              dur=\"2s\"\n              repeatCount=\"indefinite\"\n            ></animate>\n          </polygon>\n        </svg>\n      </g>\n    </svg>\n  )\n}\n"],"mappings":";AAkBM,SAaI,KAbJ;AATC,SAAS,oBAAoB,OAAiC;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,OAAO,MAAM,QAAQ;AAAA,MACrB,QAAQ,MAAM,QAAQ;AAAA,MACtB,SAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UAEb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,aAAU;AAAA,gBACV,iBAAgB;AAAA,gBAChB,kBAAkB;AAAA,gBAClB,GAAE;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,eAAc;AAAA,oBACd,KAAI;AAAA,oBACJ,aAAY;AAAA,oBACZ,QAAO;AAAA;AAAA,gBACR;AAAA;AAAA,YACH;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,aAAU;AAAA,gBACV,iBAAiB;AAAA,gBACjB,kBAAkB;AAAA,gBAClB,GAAE;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,eAAc;AAAA,oBACd,OAAM;AAAA,oBACN,KAAI;AAAA,oBACJ,QAAO;AAAA;AAAA,gBACR;AAAA;AAAA,YACH;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,QAAO;AAAA,gBACP,GAAE;AAAA,gBACF,GAAE;AAAA,gBACF,SAAQ;AAAA,gBAER;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,QAAO;AAAA,oBACP,aAAa;AAAA,oBACb,SAAQ;AAAA,oBACR,QAAO;AAAA,oBAEP;AAAA,sBAAC;AAAA;AAAA,wBACC,MAAK;AAAA,wBACL,eAAc;AAAA,wBACd,QAAO;AAAA,wBACP,KAAI;AAAA,wBACJ,aAAY;AAAA;AAAA,oBACb;AAAA;AAAA,gBACH;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/AnimatingUploadIcon.tsx"],"sourcesContent":["/**\n * This module contains an animating icon to use for the FileStatus component.\n * @module\n */\n\nexport interface AnimatingUploadIconProps {\n  size?: 16 | 20 | 24 | 32\n}\n\nexport function AnimatingUploadIcon(props: AnimatingUploadIconProps) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={props.size ?? '1em'}\n      height={props.size ?? '1em'}\n      viewBox=\"0 0 24 24\"\n    >\n      <g\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"round\"\n        strokeWidth={1.5}\n      >\n        <path\n          data-name=\"animating-trail\"\n          strokeDasharray=\"2 4\"\n          strokeDashoffset={6}\n          d=\"M12 21c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9\"\n        >\n          <animate\n            attributeName=\"stroke-dashoffset\"\n            dur=\"0.45s\"\n            repeatCount=\"indefinite\"\n            values=\"6;0\"\n          ></animate>\n        </path>\n\n        <path\n          data-name=\"half-circle\"\n          strokeDasharray={32}\n          strokeDashoffset={32}\n          d=\"M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9\"\n        >\n          <animate\n            fill=\"freeze\"\n            attributeName=\"stroke-dashoffset\"\n            begin=\"0.075s\"\n            dur=\"0.3s\"\n            values=\"32;0\"\n          ></animate>\n        </path>\n\n        <svg\n          aria-hidden=\"true\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"1.1em\"\n          height=\"1.1em\"\n          x=\"27%\"\n          y=\"27%\"\n          viewBox=\"0 0 24 24\"\n        >\n          <polygon\n            fill=\"currentColor\"\n            stroke=\"currentColor\"\n            strokeWidth={0.8}\n            opacity=\"1\"\n            points=\"3.7,6.7 7.5,2.9 7.5,15 8.5,15 8.5,2.9 12.3,6.7 13,6 8,1 3,6 \"\n          >\n            <animate\n              fill=\"freeze\"\n              attributeName=\"opacity\"\n              values=\"1;0;1\"\n              dur=\"2s\"\n              repeatCount=\"indefinite\"\n            ></animate>\n          </polygon>\n        </svg>\n      </g>\n    </svg>\n  )\n}\n"],"mappings":";AAkBM,SAaI,KAbJ;AATC,SAAS,oBAAoB,OAAiC;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,OAAO,MAAM,QAAQ;AAAA,MACrB,QAAQ,MAAM,QAAQ;AAAA,MACtB,SAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UAEb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,aAAU;AAAA,gBACV,iBAAgB;AAAA,gBAChB,kBAAkB;AAAA,gBAClB,GAAE;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,eAAc;AAAA,oBACd,KAAI;AAAA,oBACJ,aAAY;AAAA,oBACZ,QAAO;AAAA;AAAA,gBACR;AAAA;AAAA,YACH;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,aAAU;AAAA,gBACV,iBAAiB;AAAA,gBACjB,kBAAkB;AAAA,gBAClB,GAAE;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,eAAc;AAAA,oBACd,OAAM;AAAA,oBACN,KAAI;AAAA,oBACJ,QAAO;AAAA;AAAA,gBACR;AAAA;AAAA,YACH;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,QAAO;AAAA,gBACP,GAAE;AAAA,gBACF,GAAE;AAAA,gBACF,SAAQ;AAAA,gBAER;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,QAAO;AAAA,oBACP,aAAa;AAAA,oBACb,SAAQ;AAAA,oBACR,QAAO;AAAA,oBAEP;AAAA,sBAAC;AAAA;AAAA,wBACC,MAAK;AAAA,wBACL,eAAc;AAAA,wBACd,QAAO;AAAA,wBACP,KAAI;AAAA,wBACJ,aAAY;AAAA;AAAA,oBACb;AAAA;AAAA,gBACH;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/{chunk-7SU6FCTJ.js → chunk-WMRSNYYG.js}

@@ -1,6 +1,6 @@
 import {
   Avatar
-} from "./chunk-SXLPDPOZ.js";
+} from "./chunk-N4RPMT6J.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
@@ -28,16 +28,7 @@ function FileUploader(props) {
         styles.container
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: styles.icon, children: /* @__PURE__ */ jsx(
-          Avatar,
-          {
-            gradient: "charon-light",
-            ariaLabel: "",
-            icon: /* @__PURE__ */ jsx(Icon, {}),
-            size: "md",
-            src: ""
-          }
-        ) }),
+        /* @__PURE__ */ jsx("div", { className: styles.icon, children: /* @__PURE__ */ jsx(Avatar, { gradient: "charon-light", fallback: /* @__PURE__ */ jsx(Icon, {}) }) }),
         /* @__PURE__ */ jsxs(
           "label",
           {
@@ -73,4 +64,4 @@ function FileUploader(props) {
 export {
   FileUploader
 };
-//# sourceMappingURL=chunk-7SU6FCTJ.js.map
+//# sourceMappingURL=chunk-WMRSNYYG.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/FileUploader.tsx"],"sourcesContent":["'use client'\n\nimport { cx } from '@cerberus/styled-system/css'\nimport { vstack } from '@cerberus/styled-system/patterns'\nimport { type InputHTMLAttributes } from 'react'\nimport { Show } from './Show'\nimport { fileUploader } from '@cerberus/styled-system/recipes'\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={Boolean(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;AAGvB,SAAS,oBAAoB;AAwCqB,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,QAAQ,MAAM,OAAO,GAC/B,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-WVFEJCUN.js

@@ -0,0 +1,59 @@
+import {
+  DatePickerClearTrigger,
+  DatePickerContent,
+  DatePickerContext,
+  DatePickerControl,
+  DatePickerInputEl,
+  DatePickerLabel,
+  DatePickerMonthSelect,
+  DatePickerNextTrigger,
+  DatePickerPositioner,
+  DatePickerPrevTrigger,
+  DatePickerRangeText,
+  DatePickerRoot,
+  DatePickerTable,
+  DatePickerTableBody,
+  DatePickerTableCell,
+  DatePickerTableCellTrigger,
+  DatePickerTableHead,
+  DatePickerTableHeader,
+  DatePickerTableRow,
+  DatePickerTrigger,
+  DatePickerView,
+  DatePickerViewControl,
+  DatePickerViewTrigger,
+  DatePickerYearSelect
+} from "./chunk-D7MAAGNA.js";
+
+// src/components/date-picker/parts.ts
+var DatePickerParts = {
+  Root: DatePickerRoot,
+  Label: DatePickerLabel,
+  Control: DatePickerControl,
+  Input: DatePickerInputEl,
+  Trigger: DatePickerTrigger,
+  ClearTrigger: DatePickerClearTrigger,
+  Positioner: DatePickerPositioner,
+  Content: DatePickerContent,
+  YearSelect: DatePickerYearSelect,
+  MonthSelect: DatePickerMonthSelect,
+  View: DatePickerView,
+  Context: DatePickerContext,
+  ViewControl: DatePickerViewControl,
+  PrevTrigger: DatePickerPrevTrigger,
+  NextTrigger: DatePickerNextTrigger,
+  ViewTrigger: DatePickerViewTrigger,
+  RangeText: DatePickerRangeText,
+  Table: DatePickerTable,
+  TableHead: DatePickerTableHead,
+  TableRow: DatePickerTableRow,
+  TableHeader: DatePickerTableHeader,
+  TableBody: DatePickerTableBody,
+  TableCell: DatePickerTableCell,
+  TableCellTrigger: DatePickerTableCellTrigger
+};
+
+export {
+  DatePickerParts
+};
+//# sourceMappingURL=chunk-WVFEJCUN.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  DatePickerClearTrigger,\n  DatePickerContent,\n  DatePickerContext,\n  DatePickerControl,\n  DatePickerInputEl,\n  DatePickerLabel,\n  DatePickerMonthSelect,\n  DatePickerNextTrigger,\n  DatePickerPositioner,\n  DatePickerPrevTrigger,\n  DatePickerRangeText,\n  DatePickerRoot,\n  DatePickerTable,\n  DatePickerTableBody,\n  DatePickerTableCell,\n  DatePickerTableCellTrigger,\n  DatePickerTableHead,\n  DatePickerTableHeader,\n  DatePickerTableRow,\n  DatePickerTrigger,\n  DatePickerView,\n  DatePickerViewControl,\n  DatePickerViewTrigger,\n  DatePickerYearSelect,\n} from './primitives'\n\n/**\n * This module contains the parts of the DatePicker component.\n * @module 'date-picker/parts'\n */\n\ninterface DatePickerPartsValue {\n  /**\n   * The container of the date-picker.\n   */\n  Root: ElementType\n  /**\n   * The label of the date-picker.\n   */\n  Label: ElementType\n  /**\n   * The control of the date-picker.\n   */\n  Control: ElementType\n  /**\n   * The input of the date-picker.\n   */\n  Input: ElementType\n  /**\n   * The trigger that opens the date-picker.\n   */\n  Trigger: ElementType\n  /**\n   * The trigger that clears the value of the date-picker.\n   */\n  ClearTrigger: ElementType\n  /**\n   * The positioner of the content for the date-picker.\n   */\n  Positioner: ElementType\n  /**\n   * The content of the date-picker.\n   */\n  Content: ElementType\n  /**\n   * The year select input of the date-picker.\n   */\n  YearSelect: ElementType\n  /**\n   * The month select input of the date-picker.\n   */\n  MonthSelect: ElementType\n  /**\n   * The day view of the date-picker.\n   */\n  View: ElementType\n  /**\n   * The day context of the date-picker.\n   */\n  Context: ElementType\n  /**\n   * The container for the content triggers.\n   */\n  ViewControl: ElementType\n  /**\n   * The trigger that moves to the previous month.\n   */\n  PrevTrigger: ElementType\n  /**\n   * The trigger that moves to the next month.\n   */\n  NextTrigger: ElementType\n  /**\n   * The trigger that moves to the next view.\n   */\n  ViewTrigger: ElementType\n  /**\n   * The range text of the date-picker.\n   */\n  RangeText: ElementType\n  /**\n   * The table of the date-picker.\n   */\n  Table: ElementType\n  /**\n   * The table head of the date-picker.\n   */\n  TableHead: ElementType\n  /**\n   * The table row of the date-picker.\n   */\n  TableRow: ElementType\n  /**\n   * The header text for the table.\n   */\n  TableHeader: ElementType\n  /**\n   * The body of the table.\n   */\n  TableBody: ElementType\n  /**\n   * The table cell of the table.\n   */\n  TableCell: ElementType\n  /**\n   * The trigger for the table cell.\n   */\n  TableCellTrigger: ElementType\n}\n\n/**\n * An Object containing the parts of the DatePicker component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the DatePickerParts object and\n * the entire family of components vs. only what you use.\n */\nexport const DatePickerParts: DatePickerPartsValue = {\n  Root: DatePickerRoot,\n  Label: DatePickerLabel,\n  Control: DatePickerControl,\n  Input: DatePickerInputEl,\n  Trigger: DatePickerTrigger,\n  ClearTrigger: DatePickerClearTrigger,\n  Positioner: DatePickerPositioner,\n  Content: DatePickerContent,\n  YearSelect: DatePickerYearSelect,\n  MonthSelect: DatePickerMonthSelect,\n  View: DatePickerView,\n  Context: DatePickerContext,\n  ViewControl: DatePickerViewControl,\n  PrevTrigger: DatePickerPrevTrigger,\n  NextTrigger: DatePickerNextTrigger,\n  ViewTrigger: DatePickerViewTrigger,\n  RangeText: DatePickerRangeText,\n  Table: DatePickerTable,\n  TableHead: DatePickerTableHead,\n  TableRow: DatePickerTableRow,\n  TableHeader: DatePickerTableHeader,\n  TableBody: DatePickerTableBody,\n  TableCell: DatePickerTableCell,\n  TableCellTrigger: DatePickerTableCellTrigger,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6IO,IAAM,kBAAwC;AAAA,EACnD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,EACV,aAAa;AAAA,EACb,WAAW;AAAA,EACX,WAAW;AAAA,EACX,kBAAkB;AACpB;","names":[]}

package/build/modern/chunk-YUNLWTUB.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tabs/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  TabsContent,\n  TabsIndicator,\n  TabsList,\n  TabsRoot,\n  TabsTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Tabs parts.\n * @module 'tabs/parts'\n */\n\nexport interface TabsPartsValue {\n  /**\n   * The container of the tabs.\n   */\n  Root: ElementType\n  /**\n   * The tab list element.\n   */\n  List: ElementType\n  /**\n   * The tab element.\n   */\n  Trigger: ElementType\n  /**\n   * The tab content element.\n   */\n  Content: ElementType\n  /**\n   * The tab indicator element.\n   */\n  Indicator: ElementType\n}\n\n/**\n * An Object containing the parts of the Switch component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TabsParts object and\n * the entire family of components vs. only what you use.\n */\nexport const TabsParts: TabsPartsValue = {\n  Root: TabsRoot,\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n  Indicator: TabsIndicator,\n}\n"],"mappings":";;;;;;;;;AA8CO,IAAM,YAA4B;AAAA,EACvC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AACb;","names":[]}

package/build/modern/{chunk-YLKFZGBY.js → chunk-Z5K4J4MS.js}

@@ -1,12 +1,12 @@
 import {
   SelectParts
 } from "./chunk-XTNGF4D6.js";
-import {
-  Portal
-} from "./chunk-IQJDVFPP.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
+import {
+  Portal
+} from "./chunk-IQJDVFPP.js";
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
@@ -44,4 +44,4 @@ export {
   Select,
   Option
 };
-//# sourceMappingURL=chunk-YLKFZGBY.js.map
+//# sourceMappingURL=chunk-Z5K4J4MS.js.map

package/build/modern/components/AnimatingUploadIcon.d.ts

@@ -0,0 +1,2 @@
+export { AnimatingUploadIcon } from '../_tsup-dts-rollup.js';
+export { AnimatingUploadIconProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/AnimatingUploadIcon.js

@@ -1,6 +1,6 @@
 import {
   AnimatingUploadIcon
-} from "../chunk-IW3LIRDG.js";
+} from "../chunk-VV2G62UD.js";
 export {
   AnimatingUploadIcon
 };

package/build/modern/components/CircularProgress.d.ts

@@ -0,0 +1,2 @@
+export { CircularProgress_alias_1 as CircularProgress } from '../_tsup-dts-rollup.js';
+export { CircularProgressProps_alias_1 as CircularProgressProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/Droppable.d.ts

@@ -0,0 +1,2 @@
+export { Droppable_alias_1 as Droppable } from '../_tsup-dts-rollup.js';
+export { DroppableProps_alias_1 as DroppableProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/FeatureFlag.d.ts

@@ -0,0 +1,2 @@
+export { FeatureFlag_alias_1 as FeatureFlag } from '../_tsup-dts-rollup.js';
+export { FeatureFlagProps_alias_1 as FeatureFlagProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/FileStatus.d.ts

@@ -0,0 +1,6 @@
+export { FileStatus_alias_1 as FileStatus } from '../_tsup-dts-rollup.js';
+export { FileStatusKey_alias_1 as FileStatusKey } from '../_tsup-dts-rollup.js';
+export { FileStatusActions_alias_1 as FileStatusActions } from '../_tsup-dts-rollup.js';
+export { FileBaseStatusProps_alias_1 as FileBaseStatusProps } from '../_tsup-dts-rollup.js';
+export { FileStatusProps_alias_1 as FileStatusProps } from '../_tsup-dts-rollup.js';
+export { processStatus_alias_1 as processStatus } from '../_tsup-dts-rollup.js';

package/build/modern/components/FileStatus.js

@@ -2,20 +2,22 @@
 import {
   FileStatus,
   processStatus
-} from "../chunk-EKZENP7X.js";
-import "../chunk-WZJ5UQNM.js";
-import "../chunk-APD6IX5R.js";
+} from "../chunk-VOYXV3US.js";
 import "../chunk-TYPULJMJ.js";
-import "../chunk-NTU5OYUF.js";
+import "../chunk-FBS7AX76.js";
 import "../chunk-6I2FW4WI.js";
 import "../chunk-VSTOSLFS.js";
 import "../chunk-Z52R6ABJ.js";
 import "../chunk-CNA2VKAH.js";
-import "../chunk-SXLPDPOZ.js";
-import "../chunk-GITT5645.js";
-import "../chunk-BUVVRQLZ.js";
+import "../chunk-N4RPMT6J.js";
+import "../chunk-SYPAA5YF.js";
+import "../chunk-2FRF57EU.js";
 import "../chunk-BL7G3577.js";
 import "../chunk-FQLMPEYX.js";
+import "../chunk-GITT5645.js";
+import "../chunk-SRNDDY5D.js";
+import "../chunk-KJMCUYWV.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   FileStatus,
   processStatus

package/build/modern/components/FileUploader.d.ts

@@ -0,0 +1,2 @@
+export { FileUploader_alias_1 as FileUploader } from '../_tsup-dts-rollup.js';
+export { FileUploaderProps_alias_1 as FileUploaderProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/FileUploader.js

@@ -1,8 +1,12 @@
 "use client";
 import {
   FileUploader
-} from "../chunk-7SU6FCTJ.js";
-import "../chunk-SXLPDPOZ.js";
+} from "../chunk-WMRSNYYG.js";
+import "../chunk-N4RPMT6J.js";
+import "../chunk-SYPAA5YF.js";
+import "../chunk-2FRF57EU.js";
+import "../chunk-BL7G3577.js";
+import "../chunk-FQLMPEYX.js";
 import "../chunk-GITT5645.js";
 import "../chunk-BUVVRQLZ.js";
 export {

package/build/modern/components/IconButton.d.ts

@@ -0,0 +1,3 @@
+export { IconButton_alias_1 as IconButton } from '../_tsup-dts-rollup.js';
+export { IconButtonRawProps_alias_1 as IconButtonRawProps } from '../_tsup-dts-rollup.js';
+export { IconButtonProps_alias_1 as IconButtonProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/IconButton.js

@@ -1,6 +1,6 @@
 import {
   IconButton
-} from "../chunk-APD6IX5R.js";
+} from "../chunk-SRNDDY5D.js";
 export {
   IconButton
 };

package/build/modern/components/Menu.d.ts

@@ -0,0 +1,7 @@
+export { MenuTrigger_alias_1 as MenuTrigger } from '../_tsup-dts-rollup.js';
+export { MenuContent_alias_1 as MenuContent } from '../_tsup-dts-rollup.js';
+export { MenuItem_alias_1 as MenuItem } from '../_tsup-dts-rollup.js';
+export { MenuGroupLabel_alias_1 as MenuGroupLabel } from '../_tsup-dts-rollup.js';
+export { MenuSeparator_alias_1 as MenuSeparator } from '../_tsup-dts-rollup.js';
+export { Menu_alias_1 as Menu } from '../_tsup-dts-rollup.js';
+export { MenuItemGroup_alias_1 as MenuItemGroup } from '../_tsup-dts-rollup.js';

package/build/modern/components/Portal.d.ts

@@ -0,0 +1,2 @@
+export { PortalProps_alias_1 as PortalProps } from '../_tsup-dts-rollup.js';
+export { Portal_alias_1 as Portal } from '../_tsup-dts-rollup.js';

package/build/modern/components/ProgressBar.d.ts

@@ -0,0 +1,5 @@
+export { ProgressBar_alias_1 as ProgressBar } from '../_tsup-dts-rollup.js';
+export { ProgressBarBaseProps_alias_1 as ProgressBarBaseProps } from '../_tsup-dts-rollup.js';
+export { NonIndeterminateProgressBarProps_alias_1 as NonIndeterminateProgressBarProps } from '../_tsup-dts-rollup.js';
+export { IndeterminateProgressBarProps_alias_1 as IndeterminateProgressBarProps } from '../_tsup-dts-rollup.js';
+export { ProgressBarProps_alias_1 as ProgressBarProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/ProgressBar.js

@@ -1,6 +1,6 @@
 import {
   ProgressBar
-} from "../chunk-WZJ5UQNM.js";
+} from "../chunk-KJMCUYWV.js";
 export {
   ProgressBar
 };

package/build/modern/components/Show.d.ts

@@ -0,0 +1,2 @@
+export { Show_alias_1 as Show } from '../_tsup-dts-rollup.js';
+export { ShowProps_alias_1 as ShowProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/Spinner.d.ts

@@ -0,0 +1,2 @@
+export { Spinner_alias_1 as Spinner } from '../_tsup-dts-rollup.js';
+export { SpinnerProps_alias_1 as SpinnerProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/Tag.d.ts

@@ -0,0 +1,4 @@
+export { Tag_alias_1 as Tag } from '../_tsup-dts-rollup.js';
+export { StaticTagProps_alias_1 as StaticTagProps } from '../_tsup-dts-rollup.js';
+export { ClickableTagProps_alias_1 as ClickableTagProps } from '../_tsup-dts-rollup.js';
+export { TagProps_alias_1 as TagProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/Tag.js

@@ -1,8 +1,9 @@
 "use client";
 import {
   Tag
-} from "../chunk-MISIUX63.js";
+} from "../chunk-QD4TL3L6.js";
 import "../chunk-GITT5645.js";
+import "../chunk-SRNDDY5D.js";
 import "../chunk-BUVVRQLZ.js";
 export {
   Tag

package/build/modern/components/Text.d.ts

@@ -0,0 +1,4 @@
+export { Text_alias_1 as Text } from '../_tsup-dts-rollup.js';
+export { Headings_alias_1 as Headings } from '../_tsup-dts-rollup.js';
+export { TextElements_alias_1 as TextElements } from '../_tsup-dts-rollup.js';
+export { TextProps_alias_1 as TextProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/Tooltip.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip_alias_1 as Tooltip } from '../_tsup-dts-rollup.js';
+export { TooltipProps_alias_1 as TooltipProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/accordion/index.d.ts

@@ -0,0 +1,9 @@
+export { AccordionParts_alias_1 as AccordionParts } from '../../_tsup-dts-rollup.js';
+export { AccordionRoot_alias_1 as AccordionRoot } from '../../_tsup-dts-rollup.js';
+export { AccordionItem_alias_1 as AccordionItem } from '../../_tsup-dts-rollup.js';
+export { AccordionItemTrigger_alias_1 as AccordionItemTrigger } from '../../_tsup-dts-rollup.js';
+export { AccordionItemIndicator_alias_1 as AccordionItemIndicator } from '../../_tsup-dts-rollup.js';
+export { AccordionItemContent_alias_1 as AccordionItemContent } from '../../_tsup-dts-rollup.js';
+export { AccordionItemGroup_alias_1 as AccordionItemGroup } from '../../_tsup-dts-rollup.js';
+export { Accordion_alias_1 as Accordion } from '../../_tsup-dts-rollup.js';
+export { AccordionItemGroupProps_alias_1 as AccordionItemGroupProps } from '../../_tsup-dts-rollup.js';