@ceed/cds 1.6.0 → 1.7.0

package/dist/index.d.ts

@@ -1,2 +1,2 @@
 export { useTheme, useColorScheme, useThemeProps, ButtonGroup, alertClasses, 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, Alert, 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";
+export { Autocomplete, Accordion, Alert, 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, IconMenuButton, 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

@@ -4418,8 +4418,69 @@ var InsetDrawer = styled19(JoyDrawer2)(({ theme }) => ({
 // src/components/Grid/Grid.tsx
 import { Grid } from "@mui/joy";
 
+// src/components/IconMenuButton/IconMenuButton.tsx
+import React29 from "react";
+import {
+  MenuButton as JoyMenuButton2,
+  IconButton as JoyIconButton2
+} from "@mui/joy";
+function IconMenuButton(props) {
+  const {
+    size,
+    icon,
+    items = [],
+    disabled,
+    loading,
+    color = "neutral",
+    variant = "plain",
+    placement = "bottom"
+  } = props;
+  if (!items.length) {
+    return /* @__PURE__ */ React29.createElement(
+      JoyIconButton2,
+      {
+        component: props.buttonComponent ?? "button",
+        size,
+        variant,
+        color,
+        disabled,
+        loading,
+        ...props.buttonComponentProps ?? {}
+      },
+      icon
+    );
+  }
+  return /* @__PURE__ */ React29.createElement(Dropdown_default, null, /* @__PURE__ */ React29.createElement(
+    JoyMenuButton2,
+    {
+      slots: { root: JoyIconButton2 },
+      slotProps: {
+        root: {
+          component: props.buttonComponent ?? "button",
+          size,
+          variant,
+          color,
+          disabled,
+          loading,
+          ...props.buttonComponentProps ?? {}
+        }
+      }
+    },
+    icon
+  ), /* @__PURE__ */ React29.createElement(Menu, { placement, size }, items.map((i) => /* @__PURE__ */ React29.createElement(
+    MenuItem,
+    {
+      key: i.text,
+      component: i.component,
+      ...i.componentProps ?? {}
+    },
+    i.text
+  ))));
+}
+IconMenuButton.displayName = "IconMenuButton";
+
 // src/components/Markdown/Markdown.tsx
-import React29, { lazy, Suspense, useEffect as useEffect7, useState as useState8 } from "react";
+import React30, { lazy, Suspense, useEffect as useEffect7, useState as useState8 } from "react";
 import { Skeleton } from "@mui/joy";
 import { Link as Link2 } from "@mui/joy";
 import remarkGfm from "remark-gfm";
@@ -4448,7 +4509,7 @@ var Markdown = (props) => {
   if (!rehypeAccent2) {
     return null;
   }
-  return /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React30.createElement(
     Typography,
     {
       component: "div",
@@ -4457,12 +4518,12 @@ var Markdown = (props) => {
       level: defaultLevel,
       ...innerProps
     },
-    /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React30.createElement(
       Suspense,
       {
-        fallback: fallback || /* @__PURE__ */ React29.createElement(Typography, null, /* @__PURE__ */ React29.createElement(Skeleton, null, content || ""))
+        fallback: fallback || /* @__PURE__ */ React30.createElement(Typography, null, /* @__PURE__ */ React30.createElement(Skeleton, null, content || ""))
       },
-      /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React30.createElement(
         LazyReactMarkdown,
         {
           ...markdownOptions,
@@ -4470,11 +4531,11 @@ var Markdown = (props) => {
           rehypePlugins: [[rehypeAccent2, { accentColor }]],
           remarkPlugins: [remarkGfm],
           components: {
-            h1: ({ children }) => /* @__PURE__ */ React29.createElement(Typography, { color, textColor, level: "h1" }, children),
-            h2: ({ children }) => /* @__PURE__ */ React29.createElement(Typography, { color, textColor, level: "h2" }, children),
-            h3: ({ children }) => /* @__PURE__ */ React29.createElement(Typography, { color, textColor, level: "h3" }, children),
-            h4: ({ children }) => /* @__PURE__ */ React29.createElement(Typography, { color, textColor, level: "h4" }, children),
-            p: ({ children, node }) => /* @__PURE__ */ React29.createElement(
+            h1: ({ children }) => /* @__PURE__ */ React30.createElement(Typography, { color, textColor, level: "h1" }, children),
+            h2: ({ children }) => /* @__PURE__ */ React30.createElement(Typography, { color, textColor, level: "h2" }, children),
+            h3: ({ children }) => /* @__PURE__ */ React30.createElement(Typography, { color, textColor, level: "h3" }, children),
+            h4: ({ children }) => /* @__PURE__ */ React30.createElement(Typography, { color, textColor, level: "h4" }, children),
+            p: ({ children, node }) => /* @__PURE__ */ React30.createElement(
               Typography,
               {
                 color,
@@ -4484,10 +4545,10 @@ var Markdown = (props) => {
               },
               children
             ),
-            a: ({ children, href }) => /* @__PURE__ */ React29.createElement(Link2, { href, target: defaultLinkAction }, children),
-            hr: () => /* @__PURE__ */ React29.createElement(Divider, null),
-            b: ({ children }) => /* @__PURE__ */ React29.createElement(Typography, { fontWeight: boldFontWeight }, children),
-            strong: ({ children }) => /* @__PURE__ */ React29.createElement(Typography, { fontWeight: boldFontWeight }, children),
+            a: ({ children, href }) => /* @__PURE__ */ React30.createElement(Link2, { href, target: defaultLinkAction }, children),
+            hr: () => /* @__PURE__ */ React30.createElement(Divider, null),
+            b: ({ children }) => /* @__PURE__ */ React30.createElement(Typography, { fontWeight: boldFontWeight }, children),
+            strong: ({ children }) => /* @__PURE__ */ React30.createElement(Typography, { fontWeight: boldFontWeight }, children),
             ...markdownOptions?.components
           }
         }
@@ -4498,9 +4559,9 @@ var Markdown = (props) => {
 Markdown.displayName = "Markdown";
 
 // src/components/MenuButton/MenuButton.tsx
-import React30 from "react";
+import React31 from "react";
 import {
-  MenuButton as JoyMenuButton2,
+  MenuButton as JoyMenuButton3,
   Button as JoyButton2
 } from "@mui/joy";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
@@ -4519,7 +4580,7 @@ function MenuButton(props) {
     placement = "bottom"
   } = props;
   if (!items.length) {
-    return /* @__PURE__ */ React30.createElement(
+    return /* @__PURE__ */ React31.createElement(
       JoyButton2,
       {
         component: props.buttonComponent ?? "button",
@@ -4530,13 +4591,13 @@ function MenuButton(props) {
         loading,
         startDecorator,
         ...props.buttonComponentProps ?? {},
-        endDecorator: showIcon ? /* @__PURE__ */ React30.createElement(React30.Fragment, null, endDecorator, /* @__PURE__ */ React30.createElement(ExpandMoreIcon, null)) : /* @__PURE__ */ React30.createElement(React30.Fragment, null, endDecorator)
+        endDecorator: showIcon ? /* @__PURE__ */ React31.createElement(React31.Fragment, null, endDecorator, /* @__PURE__ */ React31.createElement(ExpandMoreIcon, null)) : /* @__PURE__ */ React31.createElement(React31.Fragment, null, endDecorator)
       },
       buttonText
     );
   }
-  return /* @__PURE__ */ React30.createElement(Dropdown_default, null, /* @__PURE__ */ React30.createElement(
-    JoyMenuButton2,
+  return /* @__PURE__ */ React31.createElement(Dropdown_default, null, /* @__PURE__ */ React31.createElement(
+    JoyMenuButton3,
     {
       component: props.buttonComponent ?? "button",
       size,
@@ -4546,10 +4607,10 @@ function MenuButton(props) {
       loading,
       startDecorator,
       ...props.buttonComponentProps ?? {},
-      endDecorator: showIcon ? /* @__PURE__ */ React30.createElement(React30.Fragment, null, endDecorator, /* @__PURE__ */ React30.createElement(ExpandMoreIcon, null)) : /* @__PURE__ */ React30.createElement(React30.Fragment, null, endDecorator)
+      endDecorator: showIcon ? /* @__PURE__ */ React31.createElement(React31.Fragment, null, endDecorator, /* @__PURE__ */ React31.createElement(ExpandMoreIcon, null)) : /* @__PURE__ */ React31.createElement(React31.Fragment, null, endDecorator)
     },
     buttonText
-  ), /* @__PURE__ */ React30.createElement(Menu, { placement, size }, items.map((i) => /* @__PURE__ */ React30.createElement(
+  ), /* @__PURE__ */ React31.createElement(Menu, { placement, size }, items.map((i) => /* @__PURE__ */ React31.createElement(
     MenuItem,
     {
       key: i.text,
@@ -4562,7 +4623,7 @@ function MenuButton(props) {
 MenuButton.displayName = "MenuButton";
 
 // src/components/MonthPicker/MonthPicker.tsx
-import React31, {
+import React32, {
   forwardRef as forwardRef9,
   useCallback as useCallback11,
   useEffect as useEffect8,
@@ -4717,7 +4778,7 @@ var MonthPicker = forwardRef9(
       },
       [buttonRef]
     );
-    return /* @__PURE__ */ React31.createElement(MonthPickerRoot, null, /* @__PURE__ */ React31.createElement(FocusTrap3, { open: true }, /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(
+    return /* @__PURE__ */ React32.createElement(MonthPickerRoot, null, /* @__PURE__ */ React32.createElement(FocusTrap3, { open: true }, /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement(
       Input_default,
       {
         ...innerProps,
@@ -4747,7 +4808,7 @@ var MonthPicker = forwardRef9(
           // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
           fontFamily: "monospace"
         },
-        endDecorator: /* @__PURE__ */ React31.createElement(
+        endDecorator: /* @__PURE__ */ React32.createElement(
           IconButton_default,
           {
             ref: buttonRef,
@@ -4759,12 +4820,12 @@ var MonthPicker = forwardRef9(
             "aria-expanded": open,
             disabled
           },
-          /* @__PURE__ */ React31.createElement(CalendarTodayIcon3, null)
+          /* @__PURE__ */ React32.createElement(CalendarTodayIcon3, null)
         ),
         label,
         helperText
       }
-    ), open && /* @__PURE__ */ React31.createElement(ClickAwayListener3, { onClickAway: () => setAnchorEl(null) }, /* @__PURE__ */ React31.createElement(
+    ), open && /* @__PURE__ */ React32.createElement(ClickAwayListener3, { onClickAway: () => setAnchorEl(null) }, /* @__PURE__ */ React32.createElement(
       StyledPopper3,
       {
         id: "month-picker-popper",
@@ -4783,7 +4844,7 @@ var MonthPicker = forwardRef9(
         "aria-label": "Calendar Tooltip",
         "aria-expanded": open
       },
-      /* @__PURE__ */ React31.createElement(CalendarSheet3, { tabIndex: -1, role: "presentation" }, /* @__PURE__ */ React31.createElement(
+      /* @__PURE__ */ React32.createElement(CalendarSheet3, { tabIndex: -1, role: "presentation" }, /* @__PURE__ */ React32.createElement(
         Calendar_default,
         {
           view: "month",
@@ -4804,14 +4865,14 @@ var MonthPicker = forwardRef9(
           disablePast,
           locale
         }
-      ), /* @__PURE__ */ React31.createElement(
+      ), /* @__PURE__ */ React32.createElement(
         DialogActions_default,
         {
           sx: {
             p: 1
           }
         },
-        /* @__PURE__ */ React31.createElement(
+        /* @__PURE__ */ React32.createElement(
           Button_default,
           {
             size,
@@ -4835,7 +4896,7 @@ var MonthPicker = forwardRef9(
 );
 
 // src/components/MonthRangePicker/MonthRangePicker.tsx
-import React32, {
+import React33, {
   forwardRef as forwardRef10,
   useCallback as useCallback12,
   useEffect as useEffect9,
@@ -4901,10 +4962,10 @@ var parseDates2 = (str) => {
 var formatToPattern3 = (format) => {
   return `${format} - ${format}`.replace(/YYYY/g, "Y").replace(/MM/g, "m").replace(/[^YMm\s]/g, (match) => `${match}\``);
 };
-var TextMaskAdapter7 = React32.forwardRef(
+var TextMaskAdapter7 = React33.forwardRef(
   function TextMaskAdapter8(props, ref) {
     const { onChange, format, ...other } = props;
-    return /* @__PURE__ */ React32.createElement(
+    return /* @__PURE__ */ React33.createElement(
       IMaskInput3,
       {
         ...other,
@@ -4998,7 +5059,7 @@ var MonthRangePicker = forwardRef10(
       },
       [setValue, setAnchorEl, format]
     );
-    return /* @__PURE__ */ React32.createElement(MonthRangePickerRoot, null, /* @__PURE__ */ React32.createElement(FocusTrap4, { open: true }, /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement(
+    return /* @__PURE__ */ React33.createElement(MonthRangePickerRoot, null, /* @__PURE__ */ React33.createElement(FocusTrap4, { open: true }, /* @__PURE__ */ React33.createElement(React33.Fragment, null, /* @__PURE__ */ React33.createElement(
       Input_default,
       {
         ...innerProps,
@@ -5020,7 +5081,7 @@ var MonthRangePicker = forwardRef10(
           // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
           fontFamily: "monospace"
         },
-        endDecorator: /* @__PURE__ */ React32.createElement(
+        endDecorator: /* @__PURE__ */ React33.createElement(
           IconButton_default,
           {
             variant: "plain",
@@ -5030,12 +5091,12 @@ var MonthRangePicker = forwardRef10(
             "aria-haspopup": "dialog",
             "aria-expanded": open
           },
-          /* @__PURE__ */ React32.createElement(CalendarTodayIcon4, null)
+          /* @__PURE__ */ React33.createElement(CalendarTodayIcon4, null)
         ),
         label,
         helperText
       }
-    ), open && /* @__PURE__ */ React32.createElement(ClickAwayListener4, { onClickAway: () => setAnchorEl(null) }, /* @__PURE__ */ React32.createElement(
+    ), open && /* @__PURE__ */ React33.createElement(ClickAwayListener4, { onClickAway: () => setAnchorEl(null) }, /* @__PURE__ */ React33.createElement(
       StyledPopper4,
       {
         id: "month-range-picker-popper",
@@ -5054,7 +5115,7 @@ var MonthRangePicker = forwardRef10(
         "aria-label": "Calendar Tooltip",
         "aria-expanded": open
       },
-      /* @__PURE__ */ React32.createElement(CalendarSheet4, { tabIndex: -1, role: "presentation" }, /* @__PURE__ */ React32.createElement(
+      /* @__PURE__ */ React33.createElement(CalendarSheet4, { tabIndex: -1, role: "presentation" }, /* @__PURE__ */ React33.createElement(
         Calendar_default,
         {
           view: "month",
@@ -5067,14 +5128,14 @@ var MonthRangePicker = forwardRef10(
           disableFuture,
           disablePast
         }
-      ), /* @__PURE__ */ React32.createElement(
+      ), /* @__PURE__ */ React33.createElement(
         DialogActions_default,
         {
           sx: {
             p: 1
           }
         },
-        /* @__PURE__ */ React32.createElement(
+        /* @__PURE__ */ React33.createElement(
           Button_default,
           {
             size,
@@ -5094,7 +5155,7 @@ var MonthRangePicker = forwardRef10(
 MonthRangePicker.displayName = "MonthRangePicker";
 
 // src/components/NavigationGroup/NavigationGroup.tsx
-import React33 from "react";
+import React34 from "react";
 import {
   Accordion as JoyAccordion2,
   AccordionSummary as JoyAccordionSummary2,
@@ -5125,11 +5186,11 @@ var AccordionDetails2 = styled22(JoyAccordionDetails2, {
 }));
 function NavigationGroup(props) {
   const { title, children, startDecorator, level, ...rest } = props;
-  return /* @__PURE__ */ React33.createElement(JoyAccordion2, { ...rest }, /* @__PURE__ */ React33.createElement(AccordionSummary2, { useIcon: !!startDecorator, level }, /* @__PURE__ */ React33.createElement(Stack2, { direction: "row", gap: 4 }, startDecorator, title)), /* @__PURE__ */ React33.createElement(AccordionDetails2, null, children));
+  return /* @__PURE__ */ React34.createElement(JoyAccordion2, { ...rest }, /* @__PURE__ */ React34.createElement(AccordionSummary2, { useIcon: !!startDecorator, level }, /* @__PURE__ */ React34.createElement(Stack2, { direction: "row", gap: 4 }, startDecorator, title)), /* @__PURE__ */ React34.createElement(AccordionDetails2, null, children));
 }
 
 // src/components/NavigationItem/NavigationItem.tsx
-import React34 from "react";
+import React35 from "react";
 import {
   ListItem as JoyListItem,
   ListItemButton as JoyListItemButton,
@@ -5164,7 +5225,7 @@ function NavigationItem(props) {
   const handleClick = () => {
     onClick?.(id);
   };
-  return /* @__PURE__ */ React34.createElement(JoyListItem, { ...rest }, /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React35.createElement(JoyListItem, { ...rest }, /* @__PURE__ */ React35.createElement(
     ListItemButton,
     {
       level,
@@ -5173,21 +5234,21 @@ function NavigationItem(props) {
       "aria-current": selected,
       onClick: handleClick
     },
-    startDecorator && /* @__PURE__ */ React34.createElement(JoyListItemDecorator, null, startDecorator),
+    startDecorator && /* @__PURE__ */ React35.createElement(JoyListItemDecorator, null, startDecorator),
     children
   ));
 }
 
 // src/components/Navigator/Navigator.tsx
-import React35 from "react";
+import React36 from "react";
 function Navigator(props) {
   const { items, level = 0, onSelect } = props;
   const handleItemClick = (id) => {
     onSelect?.(id);
   };
-  return /* @__PURE__ */ React35.createElement("div", null, items.map((item, index) => {
+  return /* @__PURE__ */ React36.createElement("div", null, items.map((item, index) => {
     if (item.type === "item") {
-      return /* @__PURE__ */ React35.createElement(
+      return /* @__PURE__ */ React36.createElement(
         NavigationItem,
         {
           key: item.id,
@@ -5200,7 +5261,7 @@ function Navigator(props) {
         item.title
       );
     } else if (item.type === "group") {
-      return /* @__PURE__ */ React35.createElement(
+      return /* @__PURE__ */ React36.createElement(
         NavigationGroup,
         {
           key: index,
@@ -5218,17 +5279,17 @@ function Navigator(props) {
 Navigator.displayName = "Navigator";
 
 // src/components/PercentageInput/PercentageInput.tsx
-import React36, { useCallback as useCallback13, useMemo as useMemo11, useState as useState11 } from "react";
+import React37, { useCallback as useCallback13, useMemo as useMemo11, useState as useState11 } from "react";
 import { NumericFormat as NumericFormat2 } from "react-number-format";
 import { styled as styled24, useThemeProps as useThemeProps8 } from "@mui/joy";
 var padDecimal = (value, decimalScale) => {
   const [integer, decimal = ""] = `${value}`.split(".");
   return Number(`${integer}${decimal.padEnd(decimalScale, "0")}`);
 };
-var TextMaskAdapter9 = React36.forwardRef(
+var TextMaskAdapter9 = React37.forwardRef(
   function TextMaskAdapter10(props, ref) {
     const { onChange, min, max, ...innerProps } = props;
-    return /* @__PURE__ */ React36.createElement(
+    return /* @__PURE__ */ React37.createElement(
       NumericFormat2,
       {
         ...innerProps,
@@ -5254,7 +5315,7 @@ var PercentageInputRoot = styled24(Input_default, {
   slot: "Root",
   overridesResolver: (props, styles) => styles.root
 })({});
-var PercentageInput = React36.forwardRef(function PercentageInput2(inProps, ref) {
+var PercentageInput = React37.forwardRef(function PercentageInput2(inProps, ref) {
   const props = useThemeProps8({ props: inProps, name: "PercentageInput" });
   const {
     name,
@@ -5307,7 +5368,7 @@ var PercentageInput = React36.forwardRef(function PercentageInput2(inProps, ref)
     },
     [setValue, useMinorUnit, maxDecimalScale, min, max]
   );
-  return /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React37.createElement(
     PercentageInputRoot,
     {
       ...innerProps,
@@ -5347,15 +5408,15 @@ var RadioGroup = MotionRadioGroup;
 RadioGroup.displayName = "RadioGroup";
 
 // src/components/RadioList/RadioList.tsx
-import React37 from "react";
+import React38 from "react";
 function RadioList(props) {
   const { items, ...innerProps } = props;
-  return /* @__PURE__ */ React37.createElement(RadioGroup, { ...innerProps }, items.map((item) => /* @__PURE__ */ React37.createElement(Radio, { key: `${item.value}`, value: item.value, label: item.label })));
+  return /* @__PURE__ */ React38.createElement(RadioGroup, { ...innerProps }, items.map((item) => /* @__PURE__ */ React38.createElement(Radio, { key: `${item.value}`, value: item.value, label: item.label })));
 }
 RadioList.displayName = "RadioList";
 
 // src/components/Stepper/Stepper.tsx
-import React38 from "react";
+import React39 from "react";
 import {
   Stepper as JoyStepper,
   Step as JoyStep,
@@ -5388,7 +5449,7 @@ function Stepper(props) {
     inactiveLineColor = "neutral.300",
     activeStep
   } = props;
-  return /* @__PURE__ */ React38.createElement(
+  return /* @__PURE__ */ React39.createElement(
     MotionStepper,
     {
       sx: (theme) => ({
@@ -5422,15 +5483,15 @@ function Stepper(props) {
       const completed = activeStep > i + 1;
       const disabled = activeStep < i + 1;
       const hasContent = step.label || step.extraContent;
-      return /* @__PURE__ */ React38.createElement(
+      return /* @__PURE__ */ React39.createElement(
         Step,
         {
-          indicator: /* @__PURE__ */ React38.createElement(StepIndicator, { variant: "solid", color: "primary" }, completed ? /* @__PURE__ */ React38.createElement(CheckIcon, null) : step.indicatorContent),
+          indicator: /* @__PURE__ */ React39.createElement(StepIndicator, { variant: "solid", color: "primary" }, completed ? /* @__PURE__ */ React39.createElement(CheckIcon, null) : step.indicatorContent),
           active,
           completed,
           disabled
         },
-        hasContent && /* @__PURE__ */ React38.createElement(Stack_default, null, step.label && /* @__PURE__ */ React38.createElement(Typography_default, { level: "title-sm" }, step.label), step.extraContent && /* @__PURE__ */ React38.createElement(Typography_default, { level: "body-xs" }, step.extraContent))
+        hasContent && /* @__PURE__ */ React39.createElement(Stack_default, null, step.label && /* @__PURE__ */ React39.createElement(Typography_default, { level: "title-sm" }, step.label), step.extraContent && /* @__PURE__ */ React39.createElement(Typography_default, { level: "body-xs" }, step.extraContent))
       );
     })
   );
@@ -5438,7 +5499,7 @@ function Stepper(props) {
 Stepper.displayName = "Stepper";
 
 // src/components/Switch/Switch.tsx
-import React39 from "react";
+import React40 from "react";
 import {
   Switch as JoySwitch,
   styled as styled26,
@@ -5464,14 +5525,14 @@ var StyledThumb = styled26(motion29.div)({
     right: "var(--Switch-thumbOffset)"
   }
 });
-var Thumb = (props) => /* @__PURE__ */ React39.createElement(StyledThumb, { ...props, layout: true, transition: spring });
+var Thumb = (props) => /* @__PURE__ */ React40.createElement(StyledThumb, { ...props, layout: true, transition: spring });
 var spring = {
   type: "spring",
   stiffness: 700,
   damping: 30
 };
 var Switch = (props) => {
-  return /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React40.createElement(
     MotionSwitch,
     {
       ...props,
@@ -5485,7 +5546,7 @@ var Switch = (props) => {
 Switch.displayName = "Switch";
 
 // src/components/Tabs/Tabs.tsx
-import React40, { forwardRef as forwardRef11 } from "react";
+import React41, { forwardRef as forwardRef11 } from "react";
 import {
   Tabs as JoyTabs,
   Tab as JoyTab,
@@ -5509,14 +5570,14 @@ var StyledTab = styled27(JoyTab)(({ theme }) => ({
   }
 }));
 var Tab = forwardRef11(function Tab2({ startDecorator, endDecorator, children, ...props }, ref) {
-  return /* @__PURE__ */ React40.createElement(StyledTab, { ...props, ref }, startDecorator, children, endDecorator);
+  return /* @__PURE__ */ React41.createElement(StyledTab, { ...props, ref }, startDecorator, children, endDecorator);
 });
 Tab.displayName = "Tab";
 var TabList = JoyTabList;
 var TabPanel = JoyTabPanel;
 
 // src/components/ThemeProvider/ThemeProvider.tsx
-import React41 from "react";
+import React42 from "react";
 import {
   CssBaseline,
   CssVarsProvider,
@@ -5772,12 +5833,12 @@ var defaultTheme = extendTheme({
 });
 function ThemeProvider(props) {
   const theme = props.theme || defaultTheme;
-  return /* @__PURE__ */ React41.createElement(React41.Fragment, null, /* @__PURE__ */ React41.createElement(CssVarsProvider, { theme }, /* @__PURE__ */ React41.createElement(CssBaseline, null), props.children));
+  return /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(CssVarsProvider, { theme }, /* @__PURE__ */ React42.createElement(CssBaseline, null), props.children));
 }
 ThemeProvider.displayName = "ThemeProvider";
 
 // src/components/Uploader/Uploader.tsx
-import React42, {
+import React43, {
   useCallback as useCallback14,
   useEffect as useEffect10,
   useMemo as useMemo12,
@@ -5901,7 +5962,7 @@ var getFileSize = (n) => {
 };
 var Preview = (props) => {
   const { files, uploaded, onDelete } = props;
-  return /* @__PURE__ */ React42.createElement(PreviewRoot, { gap: 1 }, [...uploaded, ...files].map((file) => /* @__PURE__ */ React42.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" }, /* @__PURE__ */ React42.createElement(Stack_default, { direction: "row", alignItems: "center", gap: 2 }, /* @__PURE__ */ React42.createElement(UploadFileIcon, null), /* @__PURE__ */ React42.createElement(Stack_default, { flex: "1" }, /* @__PURE__ */ React42.createElement(Typography_default, { level: "body-sm", textColor: "common.black" }, file.name), !!file.size && /* @__PURE__ */ React42.createElement(
+  return /* @__PURE__ */ React43.createElement(PreviewRoot, { gap: 1 }, [...uploaded, ...files].map((file) => /* @__PURE__ */ React43.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" }, /* @__PURE__ */ React43.createElement(Stack_default, { direction: "row", alignItems: "center", gap: 2 }, /* @__PURE__ */ React43.createElement(UploadFileIcon, null), /* @__PURE__ */ React43.createElement(Stack_default, { flex: "1" }, /* @__PURE__ */ React43.createElement(Typography_default, { level: "body-sm", textColor: "common.black" }, file.name), !!file.size && /* @__PURE__ */ React43.createElement(
     Typography_default,
     {
       level: "body-xs",
@@ -5910,7 +5971,7 @@ var Preview = (props) => {
       textColor: "text.tertiary"
     },
     getFileSize(file.size)
-  )), /* @__PURE__ */ React42.createElement(IconButton_default, { onClick: () => onDelete?.(file) }, /* @__PURE__ */ React42.createElement(ClearIcon2, null))))));
+  )), /* @__PURE__ */ React43.createElement(IconButton_default, { onClick: () => onDelete?.(file) }, /* @__PURE__ */ React43.createElement(ClearIcon2, null))))));
 };
 var UploaderRoot = styled28(Stack_default, {
   name: "Uploader",
@@ -5947,7 +6008,7 @@ var UploaderIcon = styled28(MuiFileUploadIcon, {
     height: "32px"
   })
 );
-var Uploader = React42.memo(
+var Uploader = React43.memo(
   (props) => {
     const {
       accept,
@@ -6172,7 +6233,7 @@ var Uploader = React42.memo(
     const handleUploaderButtonClick = useCallback14(() => {
       inputRef.current?.click();
     }, []);
-    const uploader = /* @__PURE__ */ React42.createElement(
+    const uploader = /* @__PURE__ */ React43.createElement(
       FileDropZone,
       {
         state: previewState,
@@ -6180,8 +6241,8 @@ var Uploader = React42.memo(
         ref: dropZoneRef,
         onClick: handleUploaderButtonClick
       },
-      /* @__PURE__ */ React42.createElement(Stack_default, { alignItems: "center", gap: 1 }, /* @__PURE__ */ React42.createElement(UploaderIcon, { state: previewState, error: !!(error || errorText) })),
-      /* @__PURE__ */ React42.createElement(
+      /* @__PURE__ */ React43.createElement(Stack_default, { alignItems: "center", gap: 1 }, /* @__PURE__ */ React43.createElement(UploaderIcon, { state: previewState, error: !!(error || errorText) })),
+      /* @__PURE__ */ React43.createElement(
         VisuallyHiddenInput,
         {
           disabled,
@@ -6206,7 +6267,7 @@ var Uploader = React42.memo(
         }
       )
     );
-    return /* @__PURE__ */ React42.createElement(UploaderRoot, null, showDropZone && /* @__PURE__ */ React42.createElement(
+    return /* @__PURE__ */ React43.createElement(UploaderRoot, null, showDropZone && /* @__PURE__ */ React43.createElement(
       FormControl_default,
       {
         size,
@@ -6214,10 +6275,10 @@ var Uploader = React42.memo(
         disabled,
         required: !!minCount
       },
-      label && /* @__PURE__ */ React42.createElement(FormLabel_default, null, label),
+      label && /* @__PURE__ */ React43.createElement(FormLabel_default, null, label),
       uploader,
-      /* @__PURE__ */ React42.createElement(FormHelperText_default, null, /* @__PURE__ */ React42.createElement(Stack_default, null, errorText && /* @__PURE__ */ React42.createElement("div", null, errorText), /* @__PURE__ */ React42.createElement("div", null, helperText)))
-    ), [...uploaded, ...files].length > 0 && /* @__PURE__ */ React42.createElement(
+      /* @__PURE__ */ React43.createElement(FormHelperText_default, null, /* @__PURE__ */ React43.createElement(Stack_default, null, errorText && /* @__PURE__ */ React43.createElement("div", null, errorText), /* @__PURE__ */ React43.createElement("div", null, helperText)))
+    ), [...uploaded, ...files].length > 0 && /* @__PURE__ */ React43.createElement(
       Preview,
       {
         files,
@@ -6271,6 +6332,7 @@ export {
   FormLabel,
   Grid,
   IconButton,
+  IconMenuButton,
   InfoSign,
   Input,
   InsetDrawer,