@ceed/ads 1.6.0 → 1.7.1-next.1

package/dist/index.js

@@ -2960,13 +2960,17 @@ var VirtualizedTableBody = styled12("tbody", {
   },
   // NOTE: 테이블 안에 버튼을 넣을 때 버튼의 높이가 테이블의 높이를 넘어가지 않도록 설정
   [`& .${buttonClasses.root}`]: {
-    "--Button-minHeight": "20px",
+    "--Button-minHeight": "26px",
     "--Button-paddingBlock": "0.25rem",
-    lineHeight: 1
+    lineHeight: 1,
+    marginTop: "-2px",
+    marginBottom: "-2px"
   },
   [`& .${iconButtonClasses.root}`]: {
-    "--IconButton-size": "21px",
-    verticalAlign: "middle"
+    "--IconButton-size": "26px",
+    verticalAlign: "middle",
+    marginTop: "-2px",
+    marginBottom: "-2px"
   }
 });
 var StyledTableRow = styled12("tr", {
@@ -3030,13 +3034,14 @@ var HeadCell = (props) => {
     stickyHeader,
     resizable,
     field,
+    type,
     tableId,
     headerName,
     required,
     editMode,
     sort,
     onSortChange,
-    sortable = true,
+    sortable: _sortable = true,
     sortOrder,
     description,
     isPinned,
@@ -3046,6 +3051,7 @@ var HeadCell = (props) => {
   } = props;
   const theme = useTheme();
   const ref = headerRef;
+  const sortable = type === "actions" ? false : _sortable;
   const headId = useMemo8(
     () => `${tableId}_header_${headerName ?? field}`.trim(),
     [tableId, headerName, field]
@@ -3184,10 +3190,10 @@ var BodyCell = (props) => {
   );
   const componentProps = useMemo8(
     () => ({
-      ...typeof props.componentProps === "function" ? props.componentProps(params) : props.componentProps || {},
+      ..."componentProps" in props && (typeof props.componentProps === "function" ? props.componentProps(params) : props.componentProps || {}),
       size: "sm"
     }),
-    [props.componentProps, params]
+    ["componentProps" in props ? props.componentProps : null, params]
   );
   const editModeComponentProps = useMemo8(
     () => ({
@@ -3336,10 +3342,27 @@ var BodyCell = (props) => {
     }[type || "text"];
     return typedComponent || innerText;
   }, [value, renderCell, params, type, componentProps]);
-  const CellComponent = useMemo8(
-    () => editMode && EditModeComponent ? EditModeComponent : ReadModeComponent,
-    [editMode, EditModeComponent, ReadModeComponent]
-  );
+  const CellComponent = useMemo8(() => {
+    if (type === "actions") {
+      return /* @__PURE__ */ React23.createElement(
+        Stack_default,
+        {
+          direction: "row",
+          gap: 1,
+          justifyContent: "center",
+          alignItems: "center"
+        },
+        props.getActions?.(params)
+      );
+    }
+    return editMode && EditModeComponent ? EditModeComponent : ReadModeComponent;
+  }, [
+    type,
+    props.getActions,
+    editMode,
+    EditModeComponent,
+    ReadModeComponent
+  ]);
   const showTooltip = useMemo8(
     () => noWrap && type === "longText",
     [noWrap, type]
@@ -4847,8 +4870,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 +4961,7 @@ var Markdown = (props) => {
   if (!rehypeAccent2) {
     return null;
   }
-  return /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React30.createElement(
     Typography,
     {
       component: "div",
@@ -4886,12 +4970,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 +4983,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 +4997,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 +5011,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 +5032,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 +5043,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 +5059,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 +5075,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 +5230,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 +5260,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 +5272,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 +5296,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 +5317,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 +5348,7 @@ var MonthPicker = forwardRef9(
 );
 
 // src/components/MonthRangePicker/MonthRangePicker.tsx
-import React32, {
+import React33, {
   forwardRef as forwardRef10,
   useCallback as useCallback13,
   useEffect as useEffect10,
@@ -5330,10 +5414,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 +5511,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 +5533,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 +5543,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 +5567,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 +5580,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 +5607,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 +5638,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 +5677,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 +5686,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 +5713,7 @@ function Navigator(props) {
         item.title
       );
     } else if (item.type === "group") {
-      return /* @__PURE__ */ React35.createElement(
+      return /* @__PURE__ */ React36.createElement(
         NavigationGroup,
         {
           key: index,
@@ -5647,17 +5731,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 +5767,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 +5820,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 +5850,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 +5874,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 +5882,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 +5894,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 +5944,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 +5954,7 @@ function ProfileMenu(props) {
       getInitial
     },
     profile.name
-  ), /* @__PURE__ */ React37.createElement(
+  ), /* @__PURE__ */ React38.createElement(
     ProfileMenuRoot,
     {
       size,
@@ -5878,7 +5962,7 @@ function ProfileMenu(props) {
       ...innerProps,
       onClose: () => setOpen(false)
     },
-    /* @__PURE__ */ React37.createElement(
+    /* @__PURE__ */ React38.createElement(
       ProfileCard,
       {
         size,
@@ -5887,8 +5971,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 +5998,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 +6039,7 @@ function Stepper(props) {
     inactiveLineColor = "neutral.300",
     activeStep
   } = props;
-  return /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React40.createElement(
     MotionStepper,
     {
       sx: (theme) => ({
@@ -5989,15 +6073,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 +6089,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 +6115,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 +6136,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 +6160,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 +6437,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 +6484,7 @@ export {
   FormLabel,
   Grid,
   IconButton,
+  IconMenuButton,
   InfoSign,
   Input,
   InsetDrawer,