@cerberus-design/react 0.8.1-next-9e4427f → 0.8.1-next-1c8242e

package/build/modern/_tsup-dts-rollup.d.ts

@@ -173,26 +173,18 @@ declare function Avatar(props: AvatarProps): JSX_2.Element;
 export { Avatar }
 export { Avatar as Avatar_alias_1 }
 
-declare type AvatarAsProps = {
+declare type AvatarAsProps = SharedAvatarProps & {
     as: ReactNode;
     ariaLabel?: never;
     src?: never;
-    width?: never;
-    height?: never;
 };
 export { AvatarAsProps }
 export { AvatarAsProps as AvatarAsProps_alias_1 }
 
-/**
- * This module contains the Avatar component.
- * @module
- */
-declare type AvatarImageProps = HtmlHTMLAttributes<HTMLImageElement> & {
+declare type AvatarImageProps = HtmlHTMLAttributes<HTMLImageElement> & SharedAvatarProps & {
     ariaLabel: string;
     as?: never;
     src: string;
-    width?: number;
-    height?: number;
 };
 export { AvatarImageProps }
 export { AvatarImageProps as AvatarImageProps_alias_1 }
@@ -363,6 +355,7 @@ export { DefaultThemes }
 export { DefaultThemes as DefaultThemes_alias_1 }
 
 export declare interface DefinedIcons {
+    avatar?: IconType;
     checkbox?: IconType;
     close?: IconType;
     confirmModal?: IconType;
@@ -1253,6 +1246,18 @@ export { SensorResponse }
 
 export { Sensors }
 
+/**
+ * This module contains the Avatar component.
+ * @module
+ */
+declare type SharedAvatarProps = {
+    icon?: ReactNode;
+    width?: number;
+    height?: number;
+};
+export { SharedAvatarProps }
+export { SharedAvatarProps as SharedAvatarProps_alias_1 }
+
 /**
  * Conditionally render its children or an optional fallback component
  * based on the SolidJS component.

package/build/modern/{chunk-ID3XWGLY.js → chunk-4YJOK7JJ.js}

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

package/build/modern/{chunk-GUECLKHY.js → chunk-BDCFYW34.js}

@@ -15,10 +15,12 @@ import {
   InformationFilled,
   Restart,
   TrashCan,
+  UserFilled,
   Warning,
   WarningFilled
 } from "@cerberus/icons";
 var defaultIcons = {
+  avatar: UserFilled,
   checkbox: CheckmarkIcon,
   close: CloseFilled,
   confirmModal: Information,
@@ -40,4 +42,4 @@ var defaultIcons = {
 export {
   defaultIcons
 };
-//# sourceMappingURL=chunk-GUECLKHY.js.map
+//# sourceMappingURL=chunk-BDCFYW34.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/config/cerbIcons.ts"],"sourcesContent":["import {\n  Checkmark,\n  CheckmarkFilled,\n  ChevronDown,\n  CloseFilled,\n  CloudUpload,\n  ErrorFilled,\n  Information,\n  InformationFilled,\n  Restart,\n  TrashCan,\n  UserFilled,\n  Warning,\n  WarningFilled,\n  type CarbonIconType,\n} from '@cerberus/icons'\nimport type { ElementType } from 'react'\nimport { CheckmarkIcon, IndeterminateIcon } from './icons/checkbox.icons'\n\nexport type IconType = CarbonIconType | ElementType\n\nexport interface DefinedIcons {\n  avatar?: IconType\n  checkbox?: IconType\n  close?: IconType\n  confirmModal?: IconType\n  delete?: IconType\n  promptModal?: IconType\n  fileUploader?: IconType\n  indeterminate?: IconType\n  infoNotification?: IconType\n  successNotification?: IconType\n  warningNotification?: IconType\n  dangerNotification?: IconType\n  invalid: IconType\n  invalidAlt?: IconType\n  redo?: IconType\n  selectArrow?: IconType\n  toggleChecked?: IconType\n}\n\nexport const defaultIcons: DefinedIcons = {\n  avatar: UserFilled,\n  checkbox: CheckmarkIcon,\n  close: CloseFilled,\n  confirmModal: Information,\n  delete: TrashCan,\n  promptModal: Information,\n  fileUploader: CloudUpload,\n  indeterminate: IndeterminateIcon,\n  infoNotification: InformationFilled,\n  successNotification: CheckmarkFilled,\n  warningNotification: WarningFilled,\n  dangerNotification: ErrorFilled,\n  invalid: WarningFilled,\n  invalidAlt: Warning,\n  redo: Restart,\n  selectArrow: ChevronDown,\n  toggleChecked: Checkmark,\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,EACA;AAAA,EACA;AAAA,OAEK;AA0BA,IAAM,eAA6B;AAAA,EACxC,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,cAAc;AAAA,EACd,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,aAAa;AAAA,EACb,eAAe;AACjB;","names":[]}

package/build/modern/{chunk-HMYC7CR3.js → chunk-CZMC77YO.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-VCR5C6Q3.js";
 import {
   Input
-} from "./chunk-53QBTZZF.js";
+} from "./chunk-FMFKM2AB.js";
 import {
   Label
 } from "./chunk-2FK7NR7Y.js";
@@ -36,7 +36,7 @@ import {
 } from "./chunk-JIZQFTW6.js";
 import {
   $cerberusIcons
-} from "./chunk-5WVXIAG2.js";
+} from "./chunk-NBG2OSYI.js";
 import {
   useModal
 } from "./chunk-C5HLLGME.js";
@@ -204,4 +204,4 @@ export {
   PromptModal,
   usePromptModal
 };
-//# sourceMappingURL=chunk-HMYC7CR3.js.map
+//# sourceMappingURL=chunk-CZMC77YO.js.map

package/build/modern/{chunk-53QBTZZF.js → chunk-FMFKM2AB.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZAU4JVLL.js";
 import {
   $cerberusIcons
-} from "./chunk-5WVXIAG2.js";
+} from "./chunk-NBG2OSYI.js";
 
 // src/components/Input.tsx
 import { input } from "@cerberus/styled-system/recipes";
@@ -39,4 +39,4 @@ function Input(props) {
 export {
   Input
 };
-//# sourceMappingURL=chunk-53QBTZZF.js.map
+//# sourceMappingURL=chunk-FMFKM2AB.js.map

package/build/modern/{chunk-3JF6LWXF.js → chunk-GB3SECCO.js}

@@ -27,7 +27,7 @@ import {
 } from "./chunk-JIZQFTW6.js";
 import {
   $cerberusIcons
-} from "./chunk-5WVXIAG2.js";
+} from "./chunk-NBG2OSYI.js";
 import {
   useModal
 } from "./chunk-C5HLLGME.js";
@@ -151,4 +151,4 @@ export {
   ConfirmModal,
   useConfirmModal
 };
-//# sourceMappingURL=chunk-3JF6LWXF.js.map
+//# sourceMappingURL=chunk-GB3SECCO.js.map

package/build/modern/{chunk-OGAH7HBD.js → chunk-KKJKOKP7.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4CAT3FHV.js";
 import {
   Notification
-} from "./chunk-EJIMJWPB.js";
+} from "./chunk-QZ6NS6VN.js";
 import {
   NotificationDescription
 } from "./chunk-HW76XVA3.js";
@@ -119,4 +119,4 @@ export {
   NotificationCenter,
   useNotificationCenter
 };
-//# sourceMappingURL=chunk-OGAH7HBD.js.map
+//# sourceMappingURL=chunk-KKJKOKP7.js.map

package/build/modern/{chunk-7NX4RGDB.js → chunk-MLCVO7JP.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-ZAU4JVLL.js";
 import {
   $cerberusIcons
-} from "./chunk-5WVXIAG2.js";
+} from "./chunk-NBG2OSYI.js";
 
 // src/components/FileStatus.tsx
 import {
@@ -215,4 +215,4 @@ export {
   processStatus,
   FileStatus
 };
-//# sourceMappingURL=chunk-7NX4RGDB.js.map
+//# sourceMappingURL=chunk-MLCVO7JP.js.map

package/build/modern/{chunk-5WVXIAG2.js → chunk-NBG2OSYI.js}

@@ -1,6 +1,6 @@
 import {
   defaultIcons
-} from "./chunk-GUECLKHY.js";
+} from "./chunk-BDCFYW34.js";
 
 // src/config/defineIcons.ts
 function _validateIconsProperties(icons) {
@@ -24,4 +24,4 @@ export {
   defineIcons,
   $cerberusIcons
 };
-//# sourceMappingURL=chunk-5WVXIAG2.js.map
+//# sourceMappingURL=chunk-NBG2OSYI.js.map

package/build/modern/{chunk-EJIMJWPB.js → chunk-QZ6NS6VN.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-JIZQFTW6.js";
 import {
   $cerberusIcons
-} from "./chunk-5WVXIAG2.js";
+} from "./chunk-NBG2OSYI.js";
 
 // src/components/Notification.tsx
 import { cx } from "@cerberus/styled-system/css";
@@ -73,4 +73,4 @@ function Notification(props) {
 export {
   Notification
 };
-//# sourceMappingURL=chunk-EJIMJWPB.js.map
+//# sourceMappingURL=chunk-QZ6NS6VN.js.map

package/build/modern/{chunk-TF3HRELU.js → chunk-TUIVLIJI.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4O4QFF4S.js";
 import {
   $cerberusIcons
-} from "./chunk-5WVXIAG2.js";
+} from "./chunk-NBG2OSYI.js";
 
 // src/components/FileUploader.tsx
 import { cx } from "@cerberus/styled-system/css";
@@ -59,4 +59,4 @@ function FileUploader(props) {
 export {
   FileUploader
 };
-//# sourceMappingURL=chunk-TF3HRELU.js.map
+//# sourceMappingURL=chunk-TUIVLIJI.js.map

package/build/modern/{chunk-ZYXEVTIX.js → chunk-UN3OAW56.js}

@@ -1,6 +1,9 @@
 import {
   Show
 } from "./chunk-4O4QFF4S.js";
+import {
+  $cerberusIcons
+} from "./chunk-NBG2OSYI.js";
 
 // src/components/Avatar.tsx
 import { css, cx } from "@cerberus/styled-system/css";
@@ -8,10 +11,20 @@ import { circle } from "@cerberus/styled-system/patterns";
 import {
   avatar
 } from "@cerberus/styled-system/recipes";
-import { UserFilled } from "@cerberus/icons";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 function Avatar(props) {
-  const { ariaLabel, as, gradient, size, src, width, height, ...nativeProps } = props;
+  const {
+    ariaLabel,
+    as,
+    gradient,
+    size,
+    src,
+    width,
+    height,
+    icon,
+    ...nativeProps
+  } = props;
+  const { avatar: AvatarIcon } = $cerberusIcons;
   const initials = (ariaLabel || "").split(" ").map((word) => word[0]).join("").slice(0, 2);
   return /* @__PURE__ */ jsx(
     "div",
@@ -31,12 +44,19 @@ function Avatar(props) {
             {
               when: Boolean(initials),
               fallback: /* @__PURE__ */ jsx(
-                UserFilled,
+                Show,
                 {
-                  size: iconSizeMap[size]
+                  when: Boolean(icon),
+                  fallback: /* @__PURE__ */ jsx(
+                    AvatarIcon,
+                    {
+                      size: iconSizeMap[size]
+                    }
+                  ),
+                  children: icon
                 }
               ),
-              children: /* @__PURE__ */ jsx(Fragment, { children: initials })
+              children: initials
             }
           ),
           children: /* @__PURE__ */ jsx(
@@ -81,4 +101,4 @@ var iconSizeMap = {
 export {
   Avatar
 };
-//# sourceMappingURL=chunk-ZYXEVTIX.js.map
+//# sourceMappingURL=chunk-UN3OAW56.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Avatar.tsx"],"sourcesContent":["import { css, cx } from '@cerberus/styled-system/css'\nimport { circle } from '@cerberus/styled-system/patterns'\nimport {\n  avatar,\n  type AvatarVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { $cerberusIcons } from '../config/defineIcons'\nimport type { HtmlHTMLAttributes, ReactNode } from 'react'\nimport { Show } from './Show'\n\n/**\n * This module contains the Avatar component.\n * @module\n */\n\nexport type SharedAvatarProps = {\n  icon?: ReactNode\n  width?: number\n  height?: number\n}\nexport type AvatarImageProps = HtmlHTMLAttributes<HTMLImageElement> &\n  SharedAvatarProps & {\n    ariaLabel: string\n    as?: never\n    src: string\n  }\nexport type AvatarAsProps = SharedAvatarProps & {\n  as: ReactNode\n  ariaLabel?: never\n  src?: never\n}\n\nexport type AvatarProps = (HtmlHTMLAttributes<HTMLDivElement> &\n  AvatarVariantProps) &\n  (AvatarImageProps | AvatarAsProps)\n\n/**\n * The Avatar component is used to represent a user or entity. It will show an image if src provided, otherwise it will show the ariaLabel of the ariaLabel. If the ariaLabel is empty, it will show a `defineIcons().avatar` icon.\n * @definition [Avatar docs](https://cerberus.digitalu.design/react/avatar)\n * @example\n * ```tsx\n * <Avatar\n *   ariaLabel=\"Protector Cerberus\"\n *   src=\"https://cerberus.digitalu.design/logo.svg\"\n * />\n * ```\n */\nexport function Avatar(props: AvatarProps) {\n  const {\n    ariaLabel,\n    as,\n    gradient,\n    size,\n    src,\n    width,\n    height,\n    icon,\n    ...nativeProps\n  } = props\n  const { avatar: AvatarIcon } = $cerberusIcons\n  const initials = (ariaLabel || '')\n    .split(' ')\n    .map((word) => word[0])\n    .join('')\n    .slice(0, 2)\n\n  return (\n    <div\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        avatar({ gradient, size }),\n        circle(),\n      )}\n    >\n      <Show\n        when={Boolean(src) || Boolean(as)}\n        fallback={\n          <Show\n            when={Boolean(initials)}\n            fallback={\n              <Show\n                when={Boolean(icon)}\n                fallback={\n                  <AvatarIcon\n                    size={iconSizeMap[size as keyof typeof iconSizeMap]}\n                  />\n                }\n              >\n                {icon}\n              </Show>\n            }\n          >\n            {initials}\n          </Show>\n        }\n      >\n        <Show\n          when={Boolean(as)}\n          fallback={\n            <img\n              alt={props.ariaLabel}\n              className={css({\n                h: 'full',\n                objectFit: 'cover',\n                w: 'full',\n              })}\n              decoding=\"async\"\n              loading=\"lazy\"\n              src={src}\n              height={height}\n              width={width}\n            />\n          }\n        >\n          {as}\n        </Show>\n      </Show>\n    </div>\n  )\n}\n\nconst iconSizeMap = {\n  xs: 16,\n  sm: 16,\n  md: 20,\n  lg: 34,\n  xl: 32,\n  '2xl': 32,\n  '3xl': 32,\n  '4xl': 32,\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,KAAK,UAAU;AACxB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,OAEK;AA+EW;AArCX,SAAS,OAAO,OAAoB;AACzC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,QAAQ,WAAW,IAAI;AAC/B,QAAM,YAAY,aAAa,IAC5B,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,EACrB,KAAK,EAAE,EACP,MAAM,GAAG,CAAC;AAEb,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,OAAO,EAAE,UAAU,KAAK,CAAC;AAAA,QACzB,OAAO;AAAA,MACT;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,QAAQ,GAAG,KAAK,QAAQ,EAAE;AAAA,UAChC,UACE;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,QAAQ,QAAQ;AAAA,cACtB,UACE;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,QAAQ,IAAI;AAAA,kBAClB,UACE;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAM,YAAY,IAAgC;AAAA;AAAA,kBACpD;AAAA,kBAGD;AAAA;AAAA,cACH;AAAA,cAGD;AAAA;AAAA,UACH;AAAA,UAGF;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,QAAQ,EAAE;AAAA,cAChB,UACE;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAK,MAAM;AAAA,kBACX,WAAW,IAAI;AAAA,oBACb,GAAG;AAAA,oBACH,WAAW;AAAA,oBACX,GAAG;AAAA,kBACL,CAAC;AAAA,kBACD,UAAS;AAAA,kBACT,SAAQ;AAAA,kBACR;AAAA,kBACA;AAAA,kBACA;AAAA;AAAA,cACF;AAAA,cAGD;AAAA;AAAA,UACH;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAM,cAAc;AAAA,EAClB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;","names":[]}

package/build/modern/{chunk-RHG26FYL.js → chunk-VRPAW76S.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZAU4JVLL.js";
 import {
   $cerberusIcons
-} from "./chunk-5WVXIAG2.js";
+} from "./chunk-NBG2OSYI.js";
 
 // src/components/Select.tsx
 import { cx } from "@cerberus/styled-system/css";
@@ -65,4 +65,4 @@ export {
   Select,
   Option
 };
-//# sourceMappingURL=chunk-RHG26FYL.js.map
+//# sourceMappingURL=chunk-VRPAW76S.js.map

package/build/modern/{chunk-4FD33RTW.js → chunk-ZCIJRM2X.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZAU4JVLL.js";
 import {
   $cerberusIcons
-} from "./chunk-5WVXIAG2.js";
+} from "./chunk-NBG2OSYI.js";
 
 // src/components/Checkbox.tsx
 import {
@@ -53,4 +53,4 @@ function Checkbox(props) {
 export {
   Checkbox
 };
-//# sourceMappingURL=chunk-4FD33RTW.js.map
+//# sourceMappingURL=chunk-ZCIJRM2X.js.map

package/build/modern/components/Avatar.js

@@ -1,7 +1,10 @@
 import {
   Avatar
-} from "../chunk-ZYXEVTIX.js";
+} from "../chunk-UN3OAW56.js";
 import "../chunk-4O4QFF4S.js";
+import "../chunk-NBG2OSYI.js";
+import "../chunk-BDCFYW34.js";
+import "../chunk-CP7OUC2Q.js";
 export {
   Avatar
 };

package/build/modern/components/Checkbox.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Checkbox
-} from "../chunk-4FD33RTW.js";
+} from "../chunk-ZCIJRM2X.js";
 import "../chunk-4O4QFF4S.js";
 import "../chunk-ZAU4JVLL.js";
-import "../chunk-5WVXIAG2.js";
-import "../chunk-GUECLKHY.js";
+import "../chunk-NBG2OSYI.js";
+import "../chunk-BDCFYW34.js";
 import "../chunk-CP7OUC2Q.js";
 export {
   Checkbox

package/build/modern/components/FileStatus.js

@@ -2,13 +2,13 @@
 import {
   FileStatus,
   processStatus
-} from "../chunk-7NX4RGDB.js";
+} from "../chunk-MLCVO7JP.js";
 import "../chunk-TYTEREKZ.js";
 import "../chunk-SLHX5K6I.js";
 import "../chunk-VGHVH2T3.js";
 import "../chunk-ZAU4JVLL.js";
-import "../chunk-5WVXIAG2.js";
-import "../chunk-GUECLKHY.js";
+import "../chunk-NBG2OSYI.js";
+import "../chunk-BDCFYW34.js";
 import "../chunk-CP7OUC2Q.js";
 export {
   FileStatus,

package/build/modern/components/FileUploader.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   FileUploader
-} from "../chunk-TF3HRELU.js";
+} from "../chunk-TUIVLIJI.js";
 import "../chunk-4O4QFF4S.js";
-import "../chunk-5WVXIAG2.js";
-import "../chunk-GUECLKHY.js";
+import "../chunk-NBG2OSYI.js";
+import "../chunk-BDCFYW34.js";
 import "../chunk-CP7OUC2Q.js";
 export {
   FileUploader

package/build/modern/components/Input.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Input
-} from "../chunk-53QBTZZF.js";
+} from "../chunk-FMFKM2AB.js";
 import "../chunk-4O4QFF4S.js";
 import "../chunk-ZAU4JVLL.js";
-import "../chunk-5WVXIAG2.js";
-import "../chunk-GUECLKHY.js";
+import "../chunk-NBG2OSYI.js";
+import "../chunk-BDCFYW34.js";
 import "../chunk-CP7OUC2Q.js";
 export {
   Input

package/build/modern/components/Notification.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Notification
-} from "../chunk-EJIMJWPB.js";
+} from "../chunk-QZ6NS6VN.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-5WVXIAG2.js";
-import "../chunk-GUECLKHY.js";
+import "../chunk-NBG2OSYI.js";
+import "../chunk-BDCFYW34.js";
 import "../chunk-CP7OUC2Q.js";
 export {
   Notification

package/build/modern/components/Select.js

@@ -2,11 +2,11 @@
 import {
   Option,
   Select
-} from "../chunk-RHG26FYL.js";
+} from "../chunk-VRPAW76S.js";
 import "../chunk-4O4QFF4S.js";
 import "../chunk-ZAU4JVLL.js";
-import "../chunk-5WVXIAG2.js";
-import "../chunk-GUECLKHY.js";
+import "../chunk-NBG2OSYI.js";
+import "../chunk-BDCFYW34.js";
 import "../chunk-CP7OUC2Q.js";
 export {
   Option,

package/build/modern/components/Toggle.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Toggle
-} from "../chunk-ID3XWGLY.js";
+} from "../chunk-4YJOK7JJ.js";
 import "../chunk-ZAU4JVLL.js";
-import "../chunk-5WVXIAG2.js";
-import "../chunk-GUECLKHY.js";
+import "../chunk-NBG2OSYI.js";
+import "../chunk-BDCFYW34.js";
 import "../chunk-CP7OUC2Q.js";
 export {
   Toggle

package/build/modern/config/cerbIcons.js

@@ -1,6 +1,6 @@
 import {
   defaultIcons
-} from "../chunk-GUECLKHY.js";
+} from "../chunk-BDCFYW34.js";
 import "../chunk-CP7OUC2Q.js";
 export {
   defaultIcons

package/build/modern/config/defineIcons.js

@@ -1,8 +1,8 @@
 import {
   $cerberusIcons,
   defineIcons
-} from "../chunk-5WVXIAG2.js";
-import "../chunk-GUECLKHY.js";
+} from "../chunk-NBG2OSYI.js";
+import "../chunk-BDCFYW34.js";
 import "../chunk-CP7OUC2Q.js";
 export {
   $cerberusIcons,

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

@@ -2,7 +2,7 @@
 import {
   ConfirmModal,
   useConfirmModal
-} from "../chunk-3JF6LWXF.js";
+} from "../chunk-GB3SECCO.js";
 import "../chunk-4CAT3FHV.js";
 import "../chunk-JB7IQ2BM.js";
 import "../chunk-VCR5C6Q3.js";
@@ -12,8 +12,8 @@ import "../chunk-QU7UV5DB.js";
 import "../chunk-6F34A7NZ.js";
 import "../chunk-4O4QFF4S.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-5WVXIAG2.js";
-import "../chunk-GUECLKHY.js";
+import "../chunk-NBG2OSYI.js";
+import "../chunk-BDCFYW34.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-C5HLLGME.js";
 export {

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

@@ -2,16 +2,16 @@
 import {
   NotificationCenter,
   useNotificationCenter
-} from "../chunk-OGAH7HBD.js";
+} from "../chunk-KKJKOKP7.js";
 import "../chunk-4CAT3FHV.js";
-import "../chunk-EJIMJWPB.js";
+import "../chunk-QZ6NS6VN.js";
 import "../chunk-HW76XVA3.js";
 import "../chunk-3C2DJSEE.js";
 import "../chunk-6F34A7NZ.js";
 import "../chunk-4O4QFF4S.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-5WVXIAG2.js";
-import "../chunk-GUECLKHY.js";
+import "../chunk-NBG2OSYI.js";
+import "../chunk-BDCFYW34.js";
 import "../chunk-CP7OUC2Q.js";
 export {
   NotificationCenter,

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

@@ -2,11 +2,11 @@
 import {
   PromptModal,
   usePromptModal
-} from "../chunk-HMYC7CR3.js";
+} from "../chunk-CZMC77YO.js";
 import "../chunk-4CAT3FHV.js";
 import "../chunk-JB7IQ2BM.js";
 import "../chunk-VCR5C6Q3.js";
-import "../chunk-53QBTZZF.js";
+import "../chunk-FMFKM2AB.js";
 import "../chunk-2FK7NR7Y.js";
 import "../chunk-2UFNQM55.js";
 import "../chunk-4M4LCQ43.js";
@@ -15,8 +15,8 @@ import "../chunk-6F34A7NZ.js";
 import "../chunk-4O4QFF4S.js";
 import "../chunk-ZAU4JVLL.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-5WVXIAG2.js";
-import "../chunk-GUECLKHY.js";
+import "../chunk-NBG2OSYI.js";
+import "../chunk-BDCFYW34.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-C5HLLGME.js";
 export {

package/build/modern/index.js

@@ -1,15 +1,15 @@
 import {
   ConfirmModal,
   useConfirmModal
-} from "./chunk-3JF6LWXF.js";
+} from "./chunk-GB3SECCO.js";
 import {
   NotificationCenter,
   useNotificationCenter
-} from "./chunk-OGAH7HBD.js";
+} from "./chunk-KKJKOKP7.js";
 import {
   PromptModal,
   usePromptModal
-} from "./chunk-HMYC7CR3.js";
+} from "./chunk-CZMC77YO.js";
 import {
   Table,
   Tr
@@ -34,7 +34,7 @@ import {
 } from "./chunk-N3FUF4TB.js";
 import {
   Toggle
-} from "./chunk-ID3XWGLY.js";
+} from "./chunk-4YJOK7JJ.js";
 import {
   Portal
 } from "./chunk-4CAT3FHV.js";
@@ -44,7 +44,7 @@ import {
 import {
   Option,
   Select
-} from "./chunk-RHG26FYL.js";
+} from "./chunk-VRPAW76S.js";
 import {
   Tab
 } from "./chunk-SONHHNYQ.js";
@@ -76,7 +76,7 @@ import {
 } from "./chunk-KJUCHZHV.js";
 import {
   Notification
-} from "./chunk-EJIMJWPB.js";
+} from "./chunk-QZ6NS6VN.js";
 import {
   NotificationDescription
 } from "./chunk-HW76XVA3.js";
@@ -86,19 +86,19 @@ import {
 import {
   FileStatus,
   processStatus
-} from "./chunk-7NX4RGDB.js";
+} from "./chunk-MLCVO7JP.js";
 import {
   ProgressBar
 } from "./chunk-TYTEREKZ.js";
 import {
   FileUploader
-} from "./chunk-TF3HRELU.js";
+} from "./chunk-TUIVLIJI.js";
 import {
   IconButton
 } from "./chunk-SLHX5K6I.js";
 import {
   Input
-} from "./chunk-53QBTZZF.js";
+} from "./chunk-FMFKM2AB.js";
 import {
   Label
 } from "./chunk-2FK7NR7Y.js";
@@ -123,13 +123,13 @@ import {
 } from "./chunk-QEA6N6TN.js";
 import {
   Avatar
-} from "./chunk-ZYXEVTIX.js";
+} from "./chunk-UN3OAW56.js";
 import {
   Button
 } from "./chunk-6F34A7NZ.js";
 import {
   Checkbox
-} from "./chunk-4FD33RTW.js";
+} from "./chunk-ZCIJRM2X.js";
 import {
   Droppable
 } from "./chunk-7VJOPJVX.js";
@@ -168,8 +168,8 @@ import {
 import {
   $cerberusIcons,
   defineIcons
-} from "./chunk-5WVXIAG2.js";
-import "./chunk-GUECLKHY.js";
+} from "./chunk-NBG2OSYI.js";
+import "./chunk-BDCFYW34.js";
 import "./chunk-CP7OUC2Q.js";
 import {
   useModal

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "0.8.1-next-9e4427f",
+  "version": "0.8.1-next-1c8242e",
   "description": "The Cerberus Design React component library.",
   "browserslist": "> 0.25%, not dead",
   "sideEffects": false,
@@ -26,7 +26,7 @@
     "react-dom": "^18",
     "tsup": "^8.1.0",
     "@cerberus-design/configs": "0.0.0",
-    "@cerberus-design/styled-system": "0.8.1-next-9e4427f"
+    "@cerberus-design/styled-system": "0.8.1-next-1c8242e"
   },
   "publishConfig": {
     "access": "public"