@ceed/cds 1.3.0-next.3 → 1.3.0

package/dist/components/Tabs/Tabs.d.ts

@@ -1,14 +1,16 @@
 import React from "react";
-declare const Tabs: import("framer-motion").CustomDomComponent<Omit<import("@mui/base").TabsOwnProps, "slots" | "slotProps"> & {
+declare const Tabs: import("@emotion/styled").StyledComponent<Omit<import("@mui/base").TabsOwnProps, "slots" | "slotProps"> & {
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabsPropsColorOverrides> | undefined;
     size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").TabsPropsSizeOverrides> | undefined;
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabsPropsVariantOverrides> | undefined;
 } & import("@mui/joy").TabsSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "direction" | "defaultValue" | "className" | "onChange" | "variant" | "sx" | "size" | "orientation" | "value" | "selectionFollowsFocus" | keyof import("@mui/joy").TabsSlotsAndSlotProps>>;
+}, "children" | "color" | "direction" | "defaultValue" | "className" | "onChange" | "variant" | "sx" | "size" | "orientation" | "value" | "selectionFollowsFocus" | keyof import("@mui/joy").TabsSlotsAndSlotProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
 export { Tabs };
-declare const Tab: import("framer-motion").CustomDomComponent<{
+declare const Tab: React.ForwardRefExoticComponent<Omit<{
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & {
     action?: React.Ref<{
         focusVisible(): void;
     }> | undefined;
@@ -24,30 +26,12 @@ declare const Tab: import("framer-motion").CustomDomComponent<{
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabPropsVariantOverrides> | undefined;
 } & import("@mui/joy").TabSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "color" | "onChange" | "variant" | "sx" | "disabled" | "orientation" | "action" | "value" | "disableIndicator" | "indicatorPlacement" | "indicatorInset" | keyof import("@mui/joy").TabSlotsAndSlotProps>>;
+}, "color" | "onChange" | "variant" | "sx" | "disabled" | "orientation" | "action" | "value" | "component" | "disableIndicator" | "indicatorPlacement" | "indicatorInset" | keyof import("@mui/joy").TabSlotsAndSlotProps> & {
+    startDecorator?: React.ReactNode;
+    endDecorator?: React.ReactNode;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { Tab };
-declare const TabList: import("framer-motion").CustomDomComponent<{
-    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabListPropsColorOverrides> | undefined;
-    children?: React.ReactNode;
-    disableUnderline?: boolean | undefined;
-    tabFlex?: string | number | undefined;
-    underlinePlacement?: "bottom" | "left" | "right" | "top" | undefined;
-    size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").TabListPropsSizeOverrides> | undefined;
-    sticky?: "bottom" | "top" | undefined;
-    sx?: import("@mui/joy/styles/types").SxProps | undefined;
-    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabListPropsVariantOverrides> | undefined;
-} & import("@mui/joy").TabListSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "variant" | "sx" | "size" | "sticky" | "disableUnderline" | "tabFlex" | "underlinePlacement" | keyof import("@mui/joy").TabListSlotsAndSlotProps>>;
+declare const TabList: import("@mui/types").OverridableComponent<import("@mui/joy").TabListTypeMap<{}, "div">>;
 export { TabList };
-declare const TabPanel: import("framer-motion").CustomDomComponent<Omit<import("@mui/base").TabPanelOwnProps, "slots" | "slotProps" | "value"> & {
-    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabPanelPropsColorOverrides> | undefined;
-    value?: string | number | undefined;
-    size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").TabPanelPropsSizeOverrides> | undefined;
-    sx?: import("@mui/joy/styles/types").SxProps | undefined;
-    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabPanelPropsVariantOverrides> | undefined;
-    keepMounted?: boolean | undefined;
-} & import("@mui/joy").TabPanelSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "className" | "variant" | "sx" | "size" | "value" | "keepMounted" | keyof import("@mui/joy").TabPanelSlotsAndSlotProps>>;
+declare const TabPanel: import("@mui/types").OverridableComponent<import("@mui/joy").TabPanelTypeMap<{}, "div">>;
 export { TabPanel };

package/dist/index.cjs

@@ -5300,23 +5300,30 @@ var Switch = (props) => {
 Switch.displayName = "Switch";
 
 // src/components/Tabs/Tabs.tsx
+var import_react41 = __toESM(require("react"));
 var import_joy53 = require("@mui/joy");
-var import_framer_motion29 = require("framer-motion");
-var MotionTabs = (0, import_framer_motion29.motion)(import_joy53.Tabs);
-var Tabs = MotionTabs;
+var StyledTabs = (0, import_joy53.styled)(import_joy53.Tabs)(({ theme }) => ({
+  backgroundColor: theme.palette.background.body
+}));
+var Tabs = StyledTabs;
 Tabs.displayName = "Tabs";
-var MotionTab = (0, import_framer_motion29.motion)(import_joy53.Tab);
-var Tab = MotionTab;
+var StyledTab = (0, import_joy53.styled)(import_joy53.Tab)(({ theme }) => ({
+  [`&:not(.${import_joy53.tabClasses.selected})`]: {
+    color: theme.palette.neutral[700]
+  },
+  [`&.${import_joy53.tabClasses.variantPlain}`]: {
+    backgroundColor: theme.palette.background.body
+  }
+}));
+var Tab = (0, import_react41.forwardRef)(function Tab2({ startDecorator, endDecorator, children, ...props }, ref) {
+  return /* @__PURE__ */ import_react41.default.createElement(StyledTab, { ...props, ref }, startDecorator, children, endDecorator);
+});
 Tab.displayName = "Tab";
-var MotionTabList = (0, import_framer_motion29.motion)(import_joy53.TabList);
-var TabList = MotionTabList;
-TabList.displayName = "TabList";
-var MotionTabPanel = (0, import_framer_motion29.motion)(import_joy53.TabPanel);
-var TabPanel = MotionTabPanel;
-TabPanel.displayName = "TabPanel";
+var TabList = import_joy53.TabList;
+var TabPanel = import_joy53.TabPanel;
 
 // src/components/ThemeProvider/ThemeProvider.tsx
-var import_react41 = __toESM(require("react"));
+var import_react42 = __toESM(require("react"));
 var import_joy54 = require("@mui/joy");
 var colorScheme = {
   palette: {
@@ -5566,12 +5573,12 @@ var defaultTheme = (0, import_joy54.extendTheme)({
 });
 function ThemeProvider(props) {
   const theme = props.theme || defaultTheme;
-  return /* @__PURE__ */ import_react41.default.createElement(import_react41.default.Fragment, null, /* @__PURE__ */ import_react41.default.createElement(import_joy54.CssVarsProvider, { theme }, /* @__PURE__ */ import_react41.default.createElement(import_joy54.CssBaseline, null), props.children));
+  return /* @__PURE__ */ import_react42.default.createElement(import_react42.default.Fragment, null, /* @__PURE__ */ import_react42.default.createElement(import_joy54.CssVarsProvider, { theme }, /* @__PURE__ */ import_react42.default.createElement(import_joy54.CssBaseline, null), props.children));
 }
 ThemeProvider.displayName = "ThemeProvider";
 
 // src/components/Uploader/Uploader.tsx
-var import_react42 = __toESM(require("react"));
+var import_react43 = __toESM(require("react"));
 var import_joy55 = require("@mui/joy");
 var import_CloudUploadRounded = __toESM(require("@mui/icons-material/CloudUploadRounded"));
 var import_UploadFileRounded = __toESM(require("@mui/icons-material/UploadFileRounded"));
@@ -5689,7 +5696,7 @@ var getFileSize = (n) => {
 };
 var Preview = (props) => {
   const { files, uploaded, onDelete } = props;
-  return /* @__PURE__ */ import_react42.default.createElement(PreviewRoot, { gap: 1 }, [...uploaded, ...files].map((file) => /* @__PURE__ */ import_react42.default.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" }, /* @__PURE__ */ import_react42.default.createElement(Stack_default, { direction: "row", alignItems: "center", gap: 2 }, /* @__PURE__ */ import_react42.default.createElement(UploadFileIcon, null), /* @__PURE__ */ import_react42.default.createElement(Stack_default, { flex: "1" }, /* @__PURE__ */ import_react42.default.createElement(Typography_default, { level: "body-sm", textColor: "common.black" }, file.name), !!file.size && /* @__PURE__ */ import_react42.default.createElement(
+  return /* @__PURE__ */ import_react43.default.createElement(PreviewRoot, { gap: 1 }, [...uploaded, ...files].map((file) => /* @__PURE__ */ import_react43.default.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" }, /* @__PURE__ */ import_react43.default.createElement(Stack_default, { direction: "row", alignItems: "center", gap: 2 }, /* @__PURE__ */ import_react43.default.createElement(UploadFileIcon, null), /* @__PURE__ */ import_react43.default.createElement(Stack_default, { flex: "1" }, /* @__PURE__ */ import_react43.default.createElement(Typography_default, { level: "body-sm", textColor: "common.black" }, file.name), !!file.size && /* @__PURE__ */ import_react43.default.createElement(
     Typography_default,
     {
       level: "body-xs",
@@ -5698,7 +5705,7 @@ var Preview = (props) => {
       textColor: "text.tertiary"
     },
     getFileSize(file.size)
-  )), /* @__PURE__ */ import_react42.default.createElement(IconButton_default, { onClick: () => onDelete?.(file) }, /* @__PURE__ */ import_react42.default.createElement(ClearIcon2, null))))));
+  )), /* @__PURE__ */ import_react43.default.createElement(IconButton_default, { onClick: () => onDelete?.(file) }, /* @__PURE__ */ import_react43.default.createElement(ClearIcon2, null))))));
 };
 var UploaderRoot = (0, import_joy55.styled)(Stack_default, {
   name: "Uploader",
@@ -5735,7 +5742,7 @@ var UploaderIcon = (0, import_joy55.styled)(import_CloudUploadRounded.default, {
     height: "32px"
   })
 );
-var Uploader = import_react42.default.memo(
+var Uploader = import_react43.default.memo(
   (props) => {
     const {
       accept,
@@ -5750,19 +5757,19 @@ var Uploader = import_react42.default.memo(
       disabled,
       onDelete
     } = props;
-    const dropZoneRef = (0, import_react42.useRef)(null);
-    const inputRef = (0, import_react42.useRef)(null);
-    const [errorText, setErrorText] = (0, import_react42.useState)();
-    const [files, setFiles] = (0, import_react42.useState)([]);
-    const [uploaded, setUploaded] = (0, import_react42.useState)(
+    const dropZoneRef = (0, import_react43.useRef)(null);
+    const inputRef = (0, import_react43.useRef)(null);
+    const [errorText, setErrorText] = (0, import_react43.useState)();
+    const [files, setFiles] = (0, import_react43.useState)([]);
+    const [uploaded, setUploaded] = (0, import_react43.useState)(
       props.uploaded || []
     );
-    const [previewState, setPreviewState] = (0, import_react42.useState)("idle");
-    const accepts = (0, import_react42.useMemo)(
+    const [previewState, setPreviewState] = (0, import_react43.useState)("idle");
+    const accepts = (0, import_react43.useMemo)(
       () => accept.split(",").map((accept2) => accept2.trim()),
       [accept]
     );
-    const parsedAccepts = (0, import_react42.useMemo)(
+    const parsedAccepts = (0, import_react43.useMemo)(
       () => accepts.flatMap((type) => {
         if (["image/*", "video/*", "audio/*"].includes(type)) {
           return ALL_EXTENSIONS_BY_TYPE[type];
@@ -5771,7 +5778,7 @@ var Uploader = import_react42.default.memo(
       }),
       [accepts]
     );
-    const helperText = (0, import_react42.useMemo)(() => {
+    const helperText = (0, import_react43.useMemo)(() => {
       const [allAcceptedTypes, acceptedTypes] = [
         accepts.filter(
           (accept2) => ["image/*", "video/*", "audio/*"].includes(accept2)
@@ -5804,15 +5811,15 @@ var Uploader = import_react42.default.memo(
       }
       return helperTexts.join(", ");
     }, [accepts, maxFileTotalSize, maxCount]);
-    const error = (0, import_react42.useMemo)(
+    const error = (0, import_react43.useMemo)(
       () => !!errorText || props.error,
       [props.error, errorText]
     );
-    const showDropZone = (0, import_react42.useMemo)(
+    const showDropZone = (0, import_react43.useMemo)(
       () => !maxCount || maxCount && [...uploaded, ...files].length !== maxCount,
       [files, maxCount, uploaded]
     );
-    const addFiles = (0, import_react42.useCallback)(
+    const addFiles = (0, import_react43.useCallback)(
       (uploads) => {
         try {
           const types = parsedAccepts.map((type) => type.replace(".", "")) || [];
@@ -5869,7 +5876,7 @@ var Uploader = import_react42.default.memo(
         onChange
       ]
     );
-    (0, import_react42.useEffect)(() => {
+    (0, import_react43.useEffect)(() => {
       if (!dropZoneRef.current || disabled) {
         return;
       }
@@ -5917,7 +5924,7 @@ var Uploader = import_react42.default.memo(
       );
       return () => cleanup?.();
     }, [disabled, addFiles]);
-    (0, import_react42.useEffect)(() => {
+    (0, import_react43.useEffect)(() => {
       if (inputRef.current && minCount) {
         if (files.length < minCount) {
           inputRef.current.setCustomValidity(
@@ -5928,14 +5935,14 @@ var Uploader = import_react42.default.memo(
         }
       }
     }, [inputRef, files, minCount]);
-    const handleFileChanged = (0, import_react42.useCallback)(
+    const handleFileChanged = (0, import_react43.useCallback)(
       (event) => {
         const files2 = Array.from(event.target.files || []);
         addFiles(files2);
       },
       [addFiles]
     );
-    const handleDeleteFile = (0, import_react42.useCallback)(
+    const handleDeleteFile = (0, import_react43.useCallback)(
       (deletedFile) => {
         if (deletedFile instanceof File) {
           setFiles((current) => {
@@ -5957,10 +5964,10 @@ var Uploader = import_react42.default.memo(
       },
       [name, onChange, onDelete]
     );
-    const handleUploaderButtonClick = (0, import_react42.useCallback)(() => {
+    const handleUploaderButtonClick = (0, import_react43.useCallback)(() => {
       inputRef.current?.click();
     }, []);
-    const uploader = /* @__PURE__ */ import_react42.default.createElement(
+    const uploader = /* @__PURE__ */ import_react43.default.createElement(
       FileDropZone,
       {
         state: previewState,
@@ -5968,8 +5975,8 @@ var Uploader = import_react42.default.memo(
         ref: dropZoneRef,
         onClick: handleUploaderButtonClick
       },
-      /* @__PURE__ */ import_react42.default.createElement(Stack_default, { alignItems: "center", gap: 1 }, /* @__PURE__ */ import_react42.default.createElement(UploaderIcon, { state: previewState, error: !!(error || errorText) })),
-      /* @__PURE__ */ import_react42.default.createElement(
+      /* @__PURE__ */ import_react43.default.createElement(Stack_default, { alignItems: "center", gap: 1 }, /* @__PURE__ */ import_react43.default.createElement(UploaderIcon, { state: previewState, error: !!(error || errorText) })),
+      /* @__PURE__ */ import_react43.default.createElement(
         VisuallyHiddenInput,
         {
           disabled,
@@ -5994,7 +6001,7 @@ var Uploader = import_react42.default.memo(
         }
       )
     );
-    return /* @__PURE__ */ import_react42.default.createElement(UploaderRoot, null, showDropZone && /* @__PURE__ */ import_react42.default.createElement(
+    return /* @__PURE__ */ import_react43.default.createElement(UploaderRoot, null, showDropZone && /* @__PURE__ */ import_react43.default.createElement(
       FormControl_default,
       {
         size,
@@ -6002,10 +6009,10 @@ var Uploader = import_react42.default.memo(
         disabled,
         required: !!minCount
       },
-      label && /* @__PURE__ */ import_react42.default.createElement(FormLabel_default, null, label),
+      label && /* @__PURE__ */ import_react43.default.createElement(FormLabel_default, null, label),
       uploader,
-      /* @__PURE__ */ import_react42.default.createElement(FormHelperText_default, null, /* @__PURE__ */ import_react42.default.createElement(Stack_default, null, errorText && /* @__PURE__ */ import_react42.default.createElement("div", null, errorText), /* @__PURE__ */ import_react42.default.createElement("div", null, helperText)))
-    ), [...uploaded, ...files].length > 0 && /* @__PURE__ */ import_react42.default.createElement(
+      /* @__PURE__ */ import_react43.default.createElement(FormHelperText_default, null, /* @__PURE__ */ import_react43.default.createElement(Stack_default, null, errorText && /* @__PURE__ */ import_react43.default.createElement("div", null, errorText), /* @__PURE__ */ import_react43.default.createElement("div", null, helperText)))
+    ), [...uploaded, ...files].length > 0 && /* @__PURE__ */ import_react43.default.createElement(
       Preview,
       {
         files,

package/dist/index.js

@@ -151,7 +151,7 @@ import {
   stepperClasses,
   Skeleton as Skeleton2,
   skeletonClasses,
-  styled as styled27
+  styled as styled28
 } from "@mui/joy";
 
 // src/components/Accordions/Accordions.tsx
@@ -5322,23 +5322,37 @@ var Switch = (props) => {
 Switch.displayName = "Switch";
 
 // src/components/Tabs/Tabs.tsx
-import { Tabs as JoyTabs, Tab as JoyTab, TabList as JoyTabList, TabPanel as JoyTabPanel } from "@mui/joy";
-import { motion as motion29 } from "framer-motion";
-var MotionTabs = motion29(JoyTabs);
-var Tabs = MotionTabs;
+import React39, { forwardRef as forwardRef11 } from "react";
+import {
+  Tabs as JoyTabs,
+  Tab as JoyTab,
+  TabList as JoyTabList,
+  TabPanel as JoyTabPanel,
+  styled as styled26,
+  tabClasses
+} from "@mui/joy";
+var StyledTabs = styled26(JoyTabs)(({ theme }) => ({
+  backgroundColor: theme.palette.background.body
+}));
+var Tabs = StyledTabs;
 Tabs.displayName = "Tabs";
-var MotionTab = motion29(JoyTab);
-var Tab = MotionTab;
+var StyledTab = styled26(JoyTab)(({ theme }) => ({
+  [`&:not(.${tabClasses.selected})`]: {
+    color: theme.palette.neutral[700]
+  },
+  [`&.${tabClasses.variantPlain}`]: {
+    backgroundColor: theme.palette.background.body
+  }
+}));
+var Tab = forwardRef11(function Tab2({ startDecorator, endDecorator, children, ...props }, ref) {
+  return /* @__PURE__ */ React39.createElement(StyledTab, { ...props, ref }, startDecorator, children, endDecorator);
+});
 Tab.displayName = "Tab";
-var MotionTabList = motion29(JoyTabList);
-var TabList = MotionTabList;
-TabList.displayName = "TabList";
-var MotionTabPanel = motion29(JoyTabPanel);
-var TabPanel = MotionTabPanel;
-TabPanel.displayName = "TabPanel";
+var TabList = JoyTabList;
+var TabPanel = JoyTabPanel;
 
 // src/components/ThemeProvider/ThemeProvider.tsx
-import React39 from "react";
+import React40 from "react";
 import {
   CssBaseline,
   CssVarsProvider,
@@ -5594,19 +5608,19 @@ var defaultTheme = extendTheme({
 });
 function ThemeProvider(props) {
   const theme = props.theme || defaultTheme;
-  return /* @__PURE__ */ React39.createElement(React39.Fragment, null, /* @__PURE__ */ React39.createElement(CssVarsProvider, { theme }, /* @__PURE__ */ React39.createElement(CssBaseline, null), props.children));
+  return /* @__PURE__ */ React40.createElement(React40.Fragment, null, /* @__PURE__ */ React40.createElement(CssVarsProvider, { theme }, /* @__PURE__ */ React40.createElement(CssBaseline, null), props.children));
 }
 ThemeProvider.displayName = "ThemeProvider";
 
 // src/components/Uploader/Uploader.tsx
-import React40, {
+import React41, {
   useCallback as useCallback14,
   useEffect as useEffect10,
   useMemo as useMemo12,
   useRef as useRef8,
   useState as useState12
 } from "react";
-import { styled as styled26, Input as Input2 } from "@mui/joy";
+import { styled as styled27, Input as Input2 } from "@mui/joy";
 import MuiFileUploadIcon from "@mui/icons-material/CloudUploadRounded";
 import MuiUploadFileIcon from "@mui/icons-material/UploadFileRounded";
 import MuiClearIcon from "@mui/icons-material/ClearRounded";
@@ -5628,7 +5642,7 @@ var esmFiles = {
     "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/prevent-unhandled.js"
   )
 };
-var VisuallyHiddenInput = styled26(Input2)({
+var VisuallyHiddenInput = styled27(Input2)({
   width: "1px",
   height: "1px",
   overflow: "hidden",
@@ -5637,18 +5651,18 @@ var VisuallyHiddenInput = styled26(Input2)({
   clipPath: "inset(50%)",
   position: "absolute"
 });
-var PreviewRoot = styled26(Stack_default, {
+var PreviewRoot = styled27(Stack_default, {
   name: "Uploader",
   slot: "PreviewRoot"
 })({});
-var UploadCard = styled26(Card, {
+var UploadCard = styled27(Card, {
   name: "Uploader",
   slot: "UploadCard"
 })(({ theme }) => ({
   padding: theme.spacing(2.5),
   border: `1px solid ${theme.palette.neutral.outlinedBorder}`
 }));
-var UploadFileIcon = styled26(MuiUploadFileIcon, {
+var UploadFileIcon = styled27(MuiUploadFileIcon, {
   name: "Uploader",
   slot: "UploadFileIcon"
 })(({ theme }) => ({
@@ -5656,7 +5670,7 @@ var UploadFileIcon = styled26(MuiUploadFileIcon, {
   width: "32px",
   height: "32px"
 }));
-var ClearIcon2 = styled26(MuiClearIcon, {
+var ClearIcon2 = styled27(MuiClearIcon, {
   name: "Uploader",
   slot: "ClearIcon"
 })(({ theme }) => ({
@@ -5723,7 +5737,7 @@ var getFileSize = (n) => {
 };
 var Preview = (props) => {
   const { files, uploaded, onDelete } = props;
-  return /* @__PURE__ */ React40.createElement(PreviewRoot, { gap: 1 }, [...uploaded, ...files].map((file) => /* @__PURE__ */ React40.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" }, /* @__PURE__ */ React40.createElement(Stack_default, { direction: "row", alignItems: "center", gap: 2 }, /* @__PURE__ */ React40.createElement(UploadFileIcon, null), /* @__PURE__ */ React40.createElement(Stack_default, { flex: "1" }, /* @__PURE__ */ React40.createElement(Typography_default, { level: "body-sm", textColor: "common.black" }, file.name), !!file.size && /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React41.createElement(PreviewRoot, { gap: 1 }, [...uploaded, ...files].map((file) => /* @__PURE__ */ React41.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" }, /* @__PURE__ */ React41.createElement(Stack_default, { direction: "row", alignItems: "center", gap: 2 }, /* @__PURE__ */ React41.createElement(UploadFileIcon, null), /* @__PURE__ */ React41.createElement(Stack_default, { flex: "1" }, /* @__PURE__ */ React41.createElement(Typography_default, { level: "body-sm", textColor: "common.black" }, file.name), !!file.size && /* @__PURE__ */ React41.createElement(
     Typography_default,
     {
       level: "body-xs",
@@ -5732,15 +5746,15 @@ var Preview = (props) => {
       textColor: "text.tertiary"
     },
     getFileSize(file.size)
-  )), /* @__PURE__ */ React40.createElement(IconButton_default, { onClick: () => onDelete?.(file) }, /* @__PURE__ */ React40.createElement(ClearIcon2, null))))));
+  )), /* @__PURE__ */ React41.createElement(IconButton_default, { onClick: () => onDelete?.(file) }, /* @__PURE__ */ React41.createElement(ClearIcon2, null))))));
 };
-var UploaderRoot = styled26(Stack_default, {
+var UploaderRoot = styled27(Stack_default, {
   name: "Uploader",
   slot: "root"
 })(({ theme }) => ({
   gap: theme.spacing(2)
 }));
-var FileDropZone = styled26(Sheet_default, {
+var FileDropZone = styled27(Sheet_default, {
   name: "Uploader",
   slot: "dropZone",
   shouldForwardProp: (prop) => prop !== "error"
@@ -5758,7 +5772,7 @@ var FileDropZone = styled26(Sheet_default, {
     border: error ? `1px solid ${theme.palette.danger.outlinedBorder}` : state === "idle" ? `1px solid ${theme.palette.neutral.outlinedBorder}` : `1px solid ${theme.palette.primary.outlinedBorder}`
   })
 );
-var UploaderIcon = styled26(MuiFileUploadIcon, {
+var UploaderIcon = styled27(MuiFileUploadIcon, {
   name: "Uploader",
   slot: "iconContainer",
   shouldForwardProp: (prop) => prop !== "error"
@@ -5769,7 +5783,7 @@ var UploaderIcon = styled26(MuiFileUploadIcon, {
     height: "32px"
   })
 );
-var Uploader = React40.memo(
+var Uploader = React41.memo(
   (props) => {
     const {
       accept,
@@ -5994,7 +6008,7 @@ var Uploader = React40.memo(
     const handleUploaderButtonClick = useCallback14(() => {
       inputRef.current?.click();
     }, []);
-    const uploader = /* @__PURE__ */ React40.createElement(
+    const uploader = /* @__PURE__ */ React41.createElement(
       FileDropZone,
       {
         state: previewState,
@@ -6002,8 +6016,8 @@ var Uploader = React40.memo(
         ref: dropZoneRef,
         onClick: handleUploaderButtonClick
       },
-      /* @__PURE__ */ React40.createElement(Stack_default, { alignItems: "center", gap: 1 }, /* @__PURE__ */ React40.createElement(UploaderIcon, { state: previewState, error: !!(error || errorText) })),
-      /* @__PURE__ */ React40.createElement(
+      /* @__PURE__ */ React41.createElement(Stack_default, { alignItems: "center", gap: 1 }, /* @__PURE__ */ React41.createElement(UploaderIcon, { state: previewState, error: !!(error || errorText) })),
+      /* @__PURE__ */ React41.createElement(
         VisuallyHiddenInput,
         {
           disabled,
@@ -6028,7 +6042,7 @@ var Uploader = React40.memo(
         }
       )
     );
-    return /* @__PURE__ */ React40.createElement(UploaderRoot, null, showDropZone && /* @__PURE__ */ React40.createElement(
+    return /* @__PURE__ */ React41.createElement(UploaderRoot, null, showDropZone && /* @__PURE__ */ React41.createElement(
       FormControl_default,
       {
         size,
@@ -6036,10 +6050,10 @@ var Uploader = React40.memo(
         disabled,
         required: !!minCount
       },
-      label && /* @__PURE__ */ React40.createElement(FormLabel_default, null, label),
+      label && /* @__PURE__ */ React41.createElement(FormLabel_default, null, label),
       uploader,
-      /* @__PURE__ */ React40.createElement(FormHelperText_default, null, /* @__PURE__ */ React40.createElement(Stack_default, null, errorText && /* @__PURE__ */ React40.createElement("div", null, errorText), /* @__PURE__ */ React40.createElement("div", null, helperText)))
-    ), [...uploaded, ...files].length > 0 && /* @__PURE__ */ React40.createElement(
+      /* @__PURE__ */ React41.createElement(FormHelperText_default, null, /* @__PURE__ */ React41.createElement(Stack_default, null, errorText && /* @__PURE__ */ React41.createElement("div", null, errorText), /* @__PURE__ */ React41.createElement("div", null, helperText)))
+    ), [...uploaded, ...files].length > 0 && /* @__PURE__ */ React41.createElement(
       Preview,
       {
         files,
@@ -6207,7 +6221,7 @@ export {
   stepButtonClasses,
   stepClasses2 as stepClasses,
   stepperClasses,
-  styled27 as styled,
+  styled28 as styled,
   switchClasses2 as switchClasses,
   tabListClasses,
   tabPanelClasses,