@ceed/ads 1.5.9 → 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, cardClasses, cardActionsClasses, cardContentClasses, cardCoverClasses, cardOverflowClasses, chipClasses, CircularProgress, circularProgressClasses, Drawer, 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 { Accordion, Accordions, Alert, Autocomplete, AccordionDetails, AccordionSummary, Avatar, AvatarGroup, Box, Breadcrumbs, Button, Calendar, Card, CardActions, CardContent, CardCover, CardOverflow, Checkbox, Chip, Container, CssBaseline, CurrencyInput, DataTable, DatePicker, DateRangePicker, DialogActions, DialogContent, DialogTitle, DialogFrame, Divider, Dropdown, extendTheme, InsetDrawer, Uploader, FormControl, FormHelperText, FormLabel, Grid, IconButton, InfoSign, Input, Markdown, Menu, MenuButton, MenuItem, Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, MonthPicker, MonthRangePicker, PercentageInput, ProfileMenu, Pagination, NavigationGroup, NavigationItem, Navigator, Radio, RadioGroup, RadioList, Select, Option, Sheet, Stack, Step, StepIndicator, Stepper, Switch, theme, Table, TableHead, TableBody, Tabs, Tab, TabList, TabPanel, Textarea, ThemeProvider, Tooltip, Typography, } from "./components";
+export { Accordion, Accordions, Alert, Autocomplete, AccordionDetails, AccordionSummary, Avatar, AvatarGroup, Box, Breadcrumbs, Button, Calendar, Card, CardActions, CardContent, CardCover, CardOverflow, Checkbox, Chip, Container, CssBaseline, CurrencyInput, DataTable, DatePicker, DateRangePicker, DialogActions, DialogContent, DialogTitle, DialogFrame, Divider, Dropdown, extendTheme, InsetDrawer, Uploader, FormControl, FormHelperText, FormLabel, Grid, IconButton, IconMenuButton, InfoSign, Input, Markdown, Menu, MenuButton, MenuItem, Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, MonthPicker, MonthRangePicker, PercentageInput, ProfileMenu, Pagination, NavigationGroup, NavigationItem, Navigator, Radio, RadioGroup, RadioList, Select, Option, Sheet, Stack, Step, StepIndicator, Stepper, Switch, theme, Table, TableHead, TableBody, Tabs, Tab, TabList, TabPanel, Textarea, ThemeProvider, Tooltip, Typography, } from "./components";

package/dist/index.js

@@ -4847,8 +4847,69 @@ Uploader.displayName = "Uploader";
 // 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 useEffect8, useState as useState9 } from "react";
+import React30, { lazy, Suspense, useEffect as useEffect8, useState as useState9 } from "react";
 import { Skeleton } from "@mui/joy";
 import { Link as Link2 } from "@mui/joy";
 import remarkGfm from "remark-gfm";
@@ -4877,7 +4938,7 @@ var Markdown = (props) => {
   if (!rehypeAccent2) {
     return null;
   }
-  return /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React30.createElement(
     Typography,
     {
       component: "div",
@@ -4886,12 +4947,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,
@@ -4899,11 +4960,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,
@@ -4913,10 +4974,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
           }
         }
@@ -4927,9 +4988,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";
@@ -4948,7 +5009,7 @@ function MenuButton(props) {
     placement = "bottom"
   } = props;
   if (!items.length) {
-    return /* @__PURE__ */ React30.createElement(
+    return /* @__PURE__ */ React31.createElement(
       JoyButton2,
       {
         component: props.buttonComponent ?? "button",
@@ -4959,13 +5020,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,
@@ -4975,10 +5036,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,
@@ -4991,7 +5052,7 @@ function MenuButton(props) {
 MenuButton.displayName = "MenuButton";
 
 // src/components/MonthPicker/MonthPicker.tsx
-import React31, {
+import React32, {
   forwardRef as forwardRef9,
   useCallback as useCallback12,
   useEffect as useEffect9,
@@ -5146,7 +5207,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,
@@ -5176,7 +5237,7 @@ var MonthPicker = forwardRef9(
           // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
           fontFamily: "monospace"
         },
-        endDecorator: /* @__PURE__ */ React31.createElement(
+        endDecorator: /* @__PURE__ */ React32.createElement(
           IconButton_default,
           {
             ref: buttonRef,
@@ -5188,12 +5249,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",
@@ -5212,7 +5273,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",
@@ -5233,14 +5294,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,
@@ -5264,7 +5325,7 @@ var MonthPicker = forwardRef9(
 );
 
 // src/components/MonthRangePicker/MonthRangePicker.tsx
-import React32, {
+import React33, {
   forwardRef as forwardRef10,
   useCallback as useCallback13,
   useEffect as useEffect10,
@@ -5330,10 +5391,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,
@@ -5427,7 +5488,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,
@@ -5449,7 +5510,7 @@ var MonthRangePicker = forwardRef10(
           // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
           fontFamily: "monospace"
         },
-        endDecorator: /* @__PURE__ */ React32.createElement(
+        endDecorator: /* @__PURE__ */ React33.createElement(
           IconButton_default,
           {
             variant: "plain",
@@ -5459,12 +5520,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",
@@ -5483,7 +5544,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",
@@ -5496,14 +5557,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,
@@ -5523,7 +5584,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,
@@ -5554,11 +5615,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,
@@ -5593,7 +5654,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,
@@ -5602,21 +5663,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,
@@ -5629,7 +5690,7 @@ function Navigator(props) {
         item.title
       );
     } else if (item.type === "group") {
-      return /* @__PURE__ */ React35.createElement(
+      return /* @__PURE__ */ React36.createElement(
         NavigationGroup,
         {
           key: index,
@@ -5647,17 +5708,17 @@ function Navigator(props) {
 Navigator.displayName = "Navigator";
 
 // src/components/PercentageInput/PercentageInput.tsx
-import React36, { useCallback as useCallback14, useMemo as useMemo12, useState as useState12 } from "react";
+import React37, { useCallback as useCallback14, useMemo as useMemo12, useState as useState12 } 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,
@@ -5683,7 +5744,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,
@@ -5736,7 +5797,7 @@ var PercentageInput = React36.forwardRef(function PercentageInput2(inProps, ref)
     },
     [setValue, useMinorUnit, maxDecimalScale, min, max]
   );
-  return /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React37.createElement(
     PercentageInputRoot,
     {
       ...innerProps,
@@ -5766,7 +5827,7 @@ var PercentageInput = React36.forwardRef(function PercentageInput2(inProps, ref)
 PercentageInput.displayName = "PercentageInput";
 
 // src/components/ProfileMenu/ProfileMenu.tsx
-import React37, { useCallback as useCallback15, useMemo as useMemo13 } from "react";
+import React38, { useCallback as useCallback15, useMemo as useMemo13 } from "react";
 import {
   Dropdown as Dropdown2,
   ListDivider,
@@ -5790,7 +5851,7 @@ function ProfileCard(props) {
     () => size === "sm" ? "body-sm" : "body-md",
     [size]
   );
-  return /* @__PURE__ */ React37.createElement(StyledProfileCard, { px: 4, py: 2 }, /* @__PURE__ */ React37.createElement(Stack, { direction: "row", gap: 2 }, /* @__PURE__ */ React37.createElement(
+  return /* @__PURE__ */ React38.createElement(StyledProfileCard, { px: 4, py: 2 }, /* @__PURE__ */ React38.createElement(Stack, { direction: "row", gap: 2 }, /* @__PURE__ */ React38.createElement(
     Typography,
     {
       level: nameLevel,
@@ -5798,7 +5859,7 @@ function ProfileCard(props) {
       textColor: "text.primary"
     },
     children
-  ), chip && /* @__PURE__ */ React37.createElement(Chip, { size, color: "neutral", variant: "outlined" }, chip)), caption && /* @__PURE__ */ React37.createElement(Typography, { level: captionLevel, textColor: "text.tertiary" }, caption));
+  ), chip && /* @__PURE__ */ React38.createElement(Chip, { size, color: "neutral", variant: "outlined" }, chip)), caption && /* @__PURE__ */ React38.createElement(Typography, { level: captionLevel, textColor: "text.tertiary" }, caption));
 }
 ProfileCard.displayName = "ProfileCard";
 var StyledProfileMenuButton = styled25(MenuButton2, {
@@ -5810,16 +5871,16 @@ var StyledProfileMenuButton = styled25(MenuButton2, {
 }));
 function ProfileMenuButton(props) {
   const { size = "md", src, alt, children, getInitial, ...innerProps } = props;
-  return /* @__PURE__ */ React37.createElement(
+  return /* @__PURE__ */ React38.createElement(
     StyledProfileMenuButton,
     {
       variant: "plain",
       color: "neutral",
       size,
-      endDecorator: /* @__PURE__ */ React37.createElement(DropdownIcon, null),
+      endDecorator: /* @__PURE__ */ React38.createElement(DropdownIcon, null),
       ...innerProps
     },
-    /* @__PURE__ */ React37.createElement(
+    /* @__PURE__ */ React38.createElement(
       Avatar,
       {
         variant: "soft",
@@ -5860,7 +5921,7 @@ function ProfileMenu(props) {
     defaultOpen ?? false,
     useCallback15((value) => onOpenChange?.(value), [onOpenChange])
   );
-  return /* @__PURE__ */ React37.createElement(ClickAwayListener5, { onClickAway: () => setOpen(false) }, /* @__PURE__ */ React37.createElement("div", null, /* @__PURE__ */ React37.createElement(Dropdown2, { open }, /* @__PURE__ */ React37.createElement(
+  return /* @__PURE__ */ React38.createElement(ClickAwayListener5, { onClickAway: () => setOpen(false) }, /* @__PURE__ */ React38.createElement("div", null, /* @__PURE__ */ React38.createElement(Dropdown2, { open }, /* @__PURE__ */ React38.createElement(
     ProfileMenuButton,
     {
       size,
@@ -5870,7 +5931,7 @@ function ProfileMenu(props) {
       getInitial
     },
     profile.name
-  ), /* @__PURE__ */ React37.createElement(
+  ), /* @__PURE__ */ React38.createElement(
     ProfileMenuRoot,
     {
       size,
@@ -5878,7 +5939,7 @@ function ProfileMenu(props) {
       ...innerProps,
       onClose: () => setOpen(false)
     },
-    /* @__PURE__ */ React37.createElement(
+    /* @__PURE__ */ React38.createElement(
       ProfileCard,
       {
         size,
@@ -5887,8 +5948,8 @@ function ProfileMenu(props) {
       },
       profile.name
     ),
-    !!menuItems.length && /* @__PURE__ */ React37.createElement(ListDivider, null),
-    menuItems.map(({ label, ...menuProps }) => /* @__PURE__ */ React37.createElement(
+    !!menuItems.length && /* @__PURE__ */ React38.createElement(ListDivider, null),
+    menuItems.map(({ label, ...menuProps }) => /* @__PURE__ */ React38.createElement(
       MenuItem,
       {
         ...menuProps,
@@ -5914,15 +5975,15 @@ var RadioGroup = MotionRadioGroup;
 RadioGroup.displayName = "RadioGroup";
 
 // src/components/RadioList/RadioList.tsx
-import React38 from "react";
+import React39 from "react";
 function RadioList(props) {
   const { items, ...innerProps } = props;
-  return /* @__PURE__ */ React38.createElement(RadioGroup, { ...innerProps }, items.map((item) => /* @__PURE__ */ React38.createElement(Radio, { key: `${item.value}`, value: item.value, label: item.label })));
+  return /* @__PURE__ */ React39.createElement(RadioGroup, { ...innerProps }, items.map((item) => /* @__PURE__ */ React39.createElement(Radio, { key: `${item.value}`, value: item.value, label: item.label })));
 }
 RadioList.displayName = "RadioList";
 
 // src/components/Stepper/Stepper.tsx
-import React39 from "react";
+import React40 from "react";
 import {
   Stepper as JoyStepper,
   Step as JoyStep,
@@ -5955,7 +6016,7 @@ function Stepper(props) {
     inactiveLineColor = "neutral.300",
     activeStep
   } = props;
-  return /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React40.createElement(
     MotionStepper,
     {
       sx: (theme) => ({
@@ -5989,15 +6050,15 @@ function Stepper(props) {
       const completed = activeStep > i + 1;
       const disabled = activeStep < i + 1;
       const hasContent = step.label || step.extraContent;
-      return /* @__PURE__ */ React39.createElement(
+      return /* @__PURE__ */ React40.createElement(
         Step,
         {
-          indicator: /* @__PURE__ */ React39.createElement(StepIndicator, { variant: "solid", color: "primary" }, completed ? /* @__PURE__ */ React39.createElement(CheckIcon, null) : step.indicatorContent),
+          indicator: /* @__PURE__ */ React40.createElement(StepIndicator, { variant: "solid", color: "primary" }, completed ? /* @__PURE__ */ React40.createElement(CheckIcon, null) : step.indicatorContent),
           active,
           completed,
           disabled
         },
-        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))
+        hasContent && /* @__PURE__ */ React40.createElement(Stack_default, null, step.label && /* @__PURE__ */ React40.createElement(Typography_default, { level: "title-sm" }, step.label), step.extraContent && /* @__PURE__ */ React40.createElement(Typography_default, { level: "body-xs" }, step.extraContent))
       );
     })
   );
@@ -6005,7 +6066,7 @@ function Stepper(props) {
 Stepper.displayName = "Stepper";
 
 // src/components/Switch/Switch.tsx
-import React40 from "react";
+import React41 from "react";
 import {
   Switch as JoySwitch,
   styled as styled27,
@@ -6031,14 +6092,14 @@ var StyledThumb = styled27(motion28.div)({
     right: "var(--Switch-thumbOffset)"
   }
 });
-var Thumb = (props) => /* @__PURE__ */ React40.createElement(StyledThumb, { ...props, layout: true, transition: spring });
+var Thumb = (props) => /* @__PURE__ */ React41.createElement(StyledThumb, { ...props, layout: true, transition: spring });
 var spring = {
   type: "spring",
   stiffness: 700,
   damping: 30
 };
 var Switch = (props) => {
-  return /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React41.createElement(
     MotionSwitch,
     {
       ...props,
@@ -6052,7 +6113,7 @@ var Switch = (props) => {
 Switch.displayName = "Switch";
 
 // src/components/Tabs/Tabs.tsx
-import React41, { forwardRef as forwardRef11 } from "react";
+import React42, { forwardRef as forwardRef11 } from "react";
 import {
   Tabs as JoyTabs,
   Tab as JoyTab,
@@ -6076,14 +6137,14 @@ var StyledTab = styled28(JoyTab)(({ theme }) => ({
   }
 }));
 var Tab = forwardRef11(function Tab2({ startDecorator, endDecorator, children, ...props }, ref) {
-  return /* @__PURE__ */ React41.createElement(StyledTab, { ...props, ref }, startDecorator, children, endDecorator);
+  return /* @__PURE__ */ React42.createElement(StyledTab, { ...props, ref }, startDecorator, children, endDecorator);
 });
 Tab.displayName = "Tab";
 var TabList = JoyTabList;
 var TabPanel = JoyTabPanel;
 
 // src/components/ThemeProvider/ThemeProvider.tsx
-import React42 from "react";
+import React43 from "react";
 import {
   CssBaseline,
   CssVarsProvider,
@@ -6353,7 +6414,7 @@ var defaultTheme = extendTheme({
 });
 function ThemeProvider(props) {
   const theme = props.theme || defaultTheme;
-  return /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(CssVarsProvider, { theme }, /* @__PURE__ */ React42.createElement(CssBaseline, null), props.children));
+  return /* @__PURE__ */ React43.createElement(React43.Fragment, null, /* @__PURE__ */ React43.createElement(CssVarsProvider, { theme }, /* @__PURE__ */ React43.createElement(CssBaseline, null), props.children));
 }
 ThemeProvider.displayName = "ThemeProvider";
 export {
@@ -6400,6 +6461,7 @@ export {
   FormLabel,
   Grid,
   IconButton,
+  IconMenuButton,
   InfoSign,
   Input,
   InsetDrawer,