@ceed/cds 1.3.0-next.2 → 1.3.0-next.4

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

@@ -1,14 +1,14 @@
 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<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("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
 export { Tabs };
-declare const Tab: import("framer-motion").CustomDomComponent<{
+declare const Tab: React.ForwardRefExoticComponent<Omit<Omit<{
     action?: React.Ref<{
         focusVisible(): void;
     }> | undefined;
@@ -24,7 +24,10 @@ 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" | "disableIndicator" | "indicatorPlacement" | "indicatorInset" | keyof import("@mui/joy").TabSlotsAndSlotProps> & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme> & {
+    startDecorator?: React.ReactNode;
+    endDecorator?: React.ReactNode;
+}, "ref"> & React.RefAttributes<HTMLElement | SVGElement>>;
 export { Tab };
 declare const TabList: import("framer-motion").CustomDomComponent<{
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabListPropsColorOverrides> | undefined;

package/dist/index.cjs

@@ -236,6 +236,7 @@ __export(index_exports, {
   stepButtonClasses: () => import_joy56.stepButtonClasses,
   stepClasses: () => import_joy56.stepClasses,
   stepperClasses: () => import_joy56.stepperClasses,
+  styled: () => import_joy56.styled,
   switchClasses: () => import_joy56.switchClasses,
   tabListClasses: () => import_joy56.tabListClasses,
   tabPanelClasses: () => import_joy56.tabPanelClasses,
@@ -5299,13 +5300,25 @@ 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 MotionTabs = (0, import_joy53.styled)((0, import_framer_motion29.motion)(import_joy53.Tabs))(({ theme }) => ({
+  backgroundColor: theme.palette.background.body
+}));
 var Tabs = MotionTabs;
 Tabs.displayName = "Tabs";
-var MotionTab = (0, import_framer_motion29.motion)(import_joy53.Tab);
-var Tab = MotionTab;
+var MotionTab = (0, import_joy53.styled)((0, import_framer_motion29.motion)(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(MotionTab, { ...props, ref }, startDecorator, children, endDecorator);
+});
 Tab.displayName = "Tab";
 var MotionTabList = (0, import_framer_motion29.motion)(import_joy53.TabList);
 var TabList = MotionTabList;
@@ -5315,7 +5328,7 @@ var TabPanel = MotionTabPanel;
 TabPanel.displayName = "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: {
@@ -5565,12 +5578,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"));
@@ -5688,7 +5701,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",
@@ -5697,7 +5710,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",
@@ -5734,7 +5747,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,
@@ -5749,19 +5762,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];
@@ -5770,7 +5783,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)
@@ -5803,15 +5816,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(".", "")) || [];
@@ -5868,7 +5881,7 @@ var Uploader = import_react42.default.memo(
         onChange
       ]
     );
-    (0, import_react42.useEffect)(() => {
+    (0, import_react43.useEffect)(() => {
       if (!dropZoneRef.current || disabled) {
         return;
       }
@@ -5916,7 +5929,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(
@@ -5927,14 +5940,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) => {
@@ -5956,10 +5969,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,
@@ -5967,8 +5980,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,
@@ -5993,7 +6006,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,
@@ -6001,10 +6014,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.d.ts

@@ -1,2 +1,2 @@
-export { useTheme, useColorScheme, useThemeProps, ButtonGroup, boxClasses, buttonClasses, checkboxClasses, dividerClasses, iconButtonClasses, inputClasses, menuClasses, menuButtonClasses, menuItemClasses, optionClasses, radioClasses, radioGroupClasses, selectClasses, switchClasses, tableClasses, textareaClasses, typographyClasses, formControlClasses, formLabelClasses, formHelperTextClasses, gridClasses, stackClasses, sheetClasses, modalClasses, modalCloseClasses, modalDialogClasses, modalOverflowClasses, dialogTitleClasses, dialogContentClasses, dialogActionsClasses, tooltipClasses, tabsClasses, tabListClasses, tabPanelClasses, accordionClasses, accordionDetailsClasses, accordionGroupClasses as accordionsClasses, accordionSummaryClasses, AutocompleteListbox, AutocompleteOption, autocompleteClasses, autocompleteListboxClasses, autocompleteOptionClasses, avatarClasses, avatarGroupClasses, AspectRatio, aspectRatioClasses, Badge, badgeClasses, breadcrumbsClasses, Card, cardClasses, CardActions, cardActionsClasses, CardContent, cardContentClasses, CardCover, cardCoverClasses, CardOverflow, cardOverflowClasses, Chip, chipClasses, CircularProgress, circularProgressClasses, drawerClasses, LinearProgress, linearProgressClasses, List, listClasses, ListDivider, listDividerClasses, ListItem, listItemClasses, ListItemButton, listItemButtonClasses, ListItemContent, listItemContentClasses, ListItemDecorator, listItemDecoratorClasses, ListSubheader, listSubheaderClasses, Link, linkClasses, Slider, sliderClasses, stepClasses, StepButton, stepButtonClasses, stepperClasses, Skeleton, skeletonClasses, } from "@mui/joy";
+export { useTheme, useColorScheme, useThemeProps, ButtonGroup, boxClasses, buttonClasses, checkboxClasses, dividerClasses, iconButtonClasses, inputClasses, menuClasses, menuButtonClasses, menuItemClasses, optionClasses, radioClasses, radioGroupClasses, selectClasses, switchClasses, tableClasses, textareaClasses, typographyClasses, formControlClasses, formLabelClasses, formHelperTextClasses, gridClasses, stackClasses, sheetClasses, modalClasses, modalCloseClasses, modalDialogClasses, modalOverflowClasses, dialogTitleClasses, dialogContentClasses, dialogActionsClasses, tooltipClasses, tabsClasses, tabListClasses, tabPanelClasses, accordionClasses, accordionDetailsClasses, accordionGroupClasses as accordionsClasses, accordionSummaryClasses, AutocompleteListbox, AutocompleteOption, autocompleteClasses, autocompleteListboxClasses, autocompleteOptionClasses, avatarClasses, avatarGroupClasses, AspectRatio, aspectRatioClasses, Badge, badgeClasses, breadcrumbsClasses, Card, cardClasses, CardActions, cardActionsClasses, CardContent, cardContentClasses, CardCover, cardCoverClasses, CardOverflow, cardOverflowClasses, Chip, chipClasses, CircularProgress, circularProgressClasses, drawerClasses, LinearProgress, linearProgressClasses, List, listClasses, ListDivider, listDividerClasses, ListItem, listItemClasses, ListItemButton, listItemButtonClasses, ListItemContent, listItemContentClasses, ListItemDecorator, listItemDecoratorClasses, ListSubheader, listSubheaderClasses, Link, linkClasses, Slider, sliderClasses, stepClasses, StepButton, stepButtonClasses, stepperClasses, Skeleton, skeletonClasses, styled, } from "@mui/joy";
 export { Autocomplete, Accordion, Accordions, AccordionDetails, AccordionSummary, Avatar, AvatarGroup, Box, Breadcrumbs, Button, Calendar, Checkbox, Container, CurrencyInput, DataTable, DatePicker, DateRangePicker, DialogActions, DialogContent, DialogTitle, DialogFrame, Divider, Drawer, Dropdown, extendTheme, InsetDrawer, FormControl, FormHelperText, FormLabel, Grid, IconButton, InfoSign, Input, Markdown, Menu, MenuButton, MenuItem, Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, MonthPicker, MonthRangePicker, NavigationGroup, NavigationItem, Navigator, Pagination, PercentageInput, Radio, RadioGroup, RadioList, Select, Step, StepIndicator, Stepper, Option, Sheet, Stack, Switch, theme, Table, TableHead, TableBody, Tabs, Tab, TabList, TabPanel, Textarea, ThemeProvider, Tooltip, Typography, Uploader, } from "./components";

package/dist/index.js

@@ -150,7 +150,8 @@ import {
   stepButtonClasses,
   stepperClasses,
   Skeleton as Skeleton2,
-  skeletonClasses
+  skeletonClasses,
+  styled as styled28
 } from "@mui/joy";
 
 // src/components/Accordions/Accordions.tsx
@@ -5321,13 +5322,32 @@ 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 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";
 import { motion as motion29 } from "framer-motion";
-var MotionTabs = motion29(JoyTabs);
+var MotionTabs = styled26(motion29(JoyTabs))(({ theme }) => ({
+  backgroundColor: theme.palette.background.body
+}));
 var Tabs = MotionTabs;
 Tabs.displayName = "Tabs";
-var MotionTab = motion29(JoyTab);
-var Tab = MotionTab;
+var MotionTab = styled26(motion29(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(MotionTab, { ...props, ref }, startDecorator, children, endDecorator);
+});
 Tab.displayName = "Tab";
 var MotionTabList = motion29(JoyTabList);
 var TabList = MotionTabList;
@@ -5337,7 +5357,7 @@ var TabPanel = MotionTabPanel;
 TabPanel.displayName = "TabPanel";
 
 // src/components/ThemeProvider/ThemeProvider.tsx
-import React39 from "react";
+import React40 from "react";
 import {
   CssBaseline,
   CssVarsProvider,
@@ -5593,19 +5613,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";
@@ -5627,7 +5647,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",
@@ -5636,18 +5656,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 }) => ({
@@ -5655,7 +5675,7 @@ var UploadFileIcon = styled26(MuiUploadFileIcon, {
   width: "32px",
   height: "32px"
 }));
-var ClearIcon2 = styled26(MuiClearIcon, {
+var ClearIcon2 = styled27(MuiClearIcon, {
   name: "Uploader",
   slot: "ClearIcon"
 })(({ theme }) => ({
@@ -5722,7 +5742,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",
@@ -5731,15 +5751,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"
@@ -5757,7 +5777,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"
@@ -5768,7 +5788,7 @@ var UploaderIcon = styled26(MuiFileUploadIcon, {
     height: "32px"
   })
 );
-var Uploader = React40.memo(
+var Uploader = React41.memo(
   (props) => {
     const {
       accept,
@@ -5993,7 +6013,7 @@ var Uploader = React40.memo(
     const handleUploaderButtonClick = useCallback14(() => {
       inputRef.current?.click();
     }, []);
-    const uploader = /* @__PURE__ */ React40.createElement(
+    const uploader = /* @__PURE__ */ React41.createElement(
       FileDropZone,
       {
         state: previewState,
@@ -6001,8 +6021,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,
@@ -6027,7 +6047,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,
@@ -6035,10 +6055,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,
@@ -6206,6 +6226,7 @@ export {
   stepButtonClasses,
   stepClasses2 as stepClasses,
   stepperClasses,
+  styled28 as styled,
   switchClasses2 as switchClasses,
   tabListClasses,
   tabPanelClasses,