@ceed/cds 1.2.3-next.2 → 1.2.3-next.3

package/dist/index.cjs

@@ -84,26 +84,26 @@ __export(index_exports, {
   AccordionDetails: () => AccordionDetails,
   AccordionSummary: () => AccordionSummary,
   Accordions: () => Accordions,
-  AspectRatio: () => import_joy55.AspectRatio,
+  AspectRatio: () => import_joy56.AspectRatio,
   Autocomplete: () => Autocomplete,
-  AutocompleteListbox: () => import_joy55.AutocompleteListbox,
-  AutocompleteOption: () => import_joy55.AutocompleteOption,
+  AutocompleteListbox: () => import_joy56.AutocompleteListbox,
+  AutocompleteOption: () => import_joy56.AutocompleteOption,
   Avatar: () => Avatar,
   AvatarGroup: () => import_joy9.AvatarGroup,
-  Badge: () => import_joy55.Badge,
+  Badge: () => import_joy56.Badge,
   Box: () => Box,
   Breadcrumbs: () => Breadcrumbs,
   Button: () => Button,
-  ButtonGroup: () => import_joy55.ButtonGroup,
+  ButtonGroup: () => import_joy56.ButtonGroup,
   Calendar: () => Calendar,
-  Card: () => import_joy55.Card,
-  CardActions: () => import_joy55.CardActions,
-  CardContent: () => import_joy55.CardContent,
-  CardCover: () => import_joy55.CardCover,
-  CardOverflow: () => import_joy55.CardOverflow,
+  Card: () => import_joy56.Card,
+  CardActions: () => import_joy56.CardActions,
+  CardContent: () => import_joy56.CardContent,
+  CardCover: () => import_joy56.CardCover,
+  CardOverflow: () => import_joy56.CardOverflow,
   Checkbox: () => Checkbox,
-  Chip: () => import_joy55.Chip,
-  CircularProgress: () => import_joy55.CircularProgress,
+  Chip: () => import_joy56.Chip,
+  CircularProgress: () => import_joy56.CircularProgress,
   Container: () => Container,
   CurrencyInput: () => CurrencyInput,
   DataTable: () => DataTable,
@@ -124,15 +124,15 @@ __export(index_exports, {
   InfoSign: () => InfoSign,
   Input: () => Input,
   InsetDrawer: () => InsetDrawer,
-  LinearProgress: () => import_joy55.LinearProgress,
-  Link: () => import_joy55.Link,
-  List: () => import_joy55.List,
-  ListDivider: () => import_joy55.ListDivider,
-  ListItem: () => import_joy55.ListItem,
-  ListItemButton: () => import_joy55.ListItemButton,
-  ListItemContent: () => import_joy55.ListItemContent,
-  ListItemDecorator: () => import_joy55.ListItemDecorator,
-  ListSubheader: () => import_joy55.ListSubheader,
+  LinearProgress: () => import_joy56.LinearProgress,
+  Link: () => import_joy56.Link,
+  List: () => import_joy56.List,
+  ListDivider: () => import_joy56.ListDivider,
+  ListItem: () => import_joy56.ListItem,
+  ListItemButton: () => import_joy56.ListItemButton,
+  ListItemContent: () => import_joy56.ListItemContent,
+  ListItemDecorator: () => import_joy56.ListItemDecorator,
+  ListSubheader: () => import_joy56.ListSubheader,
   Markdown: () => Markdown,
   Menu: () => Menu,
   MenuButton: () => MenuButton,
@@ -155,11 +155,11 @@ __export(index_exports, {
   RadioList: () => RadioList,
   Select: () => Select,
   Sheet: () => Sheet,
-  Skeleton: () => import_joy55.Skeleton,
-  Slider: () => import_joy55.Slider,
+  Skeleton: () => import_joy56.Skeleton,
+  Slider: () => import_joy56.Slider,
   Stack: () => import_joy7.Stack,
   Step: () => Step,
-  StepButton: () => import_joy55.StepButton,
+  StepButton: () => import_joy56.StepButton,
   StepIndicator: () => StepIndicator,
   Stepper: () => Stepper,
   Switch: () => Switch,
@@ -175,82 +175,82 @@ __export(index_exports, {
   Tooltip: () => Tooltip,
   Typography: () => Typography,
   Uploader: () => Uploader,
-  accordionClasses: () => import_joy55.accordionClasses,
-  accordionDetailsClasses: () => import_joy55.accordionDetailsClasses,
-  accordionSummaryClasses: () => import_joy55.accordionSummaryClasses,
-  accordionsClasses: () => import_joy55.accordionGroupClasses,
-  aspectRatioClasses: () => import_joy55.aspectRatioClasses,
-  autocompleteClasses: () => import_joy55.autocompleteClasses,
-  autocompleteListboxClasses: () => import_joy55.autocompleteListboxClasses,
-  autocompleteOptionClasses: () => import_joy55.autocompleteOptionClasses,
-  avatarClasses: () => import_joy55.avatarClasses,
-  avatarGroupClasses: () => import_joy55.avatarGroupClasses,
-  badgeClasses: () => import_joy55.badgeClasses,
-  boxClasses: () => import_joy55.boxClasses,
-  breadcrumbsClasses: () => import_joy55.breadcrumbsClasses,
-  buttonClasses: () => import_joy55.buttonClasses,
-  cardActionsClasses: () => import_joy55.cardActionsClasses,
-  cardClasses: () => import_joy55.cardClasses,
-  cardContentClasses: () => import_joy55.cardContentClasses,
-  cardCoverClasses: () => import_joy55.cardCoverClasses,
-  cardOverflowClasses: () => import_joy55.cardOverflowClasses,
-  checkboxClasses: () => import_joy55.checkboxClasses,
-  chipClasses: () => import_joy55.chipClasses,
-  circularProgressClasses: () => import_joy55.circularProgressClasses,
-  dialogActionsClasses: () => import_joy55.dialogActionsClasses,
-  dialogContentClasses: () => import_joy55.dialogContentClasses,
-  dialogTitleClasses: () => import_joy55.dialogTitleClasses,
-  dividerClasses: () => import_joy55.dividerClasses,
-  drawerClasses: () => import_joy55.drawerClasses,
-  extendTheme: () => import_joy53.extendTheme,
-  formControlClasses: () => import_joy55.formControlClasses,
-  formHelperTextClasses: () => import_joy55.formHelperTextClasses,
-  formLabelClasses: () => import_joy55.formLabelClasses,
-  gridClasses: () => import_joy55.gridClasses,
-  iconButtonClasses: () => import_joy55.iconButtonClasses,
-  inputClasses: () => import_joy55.inputClasses,
-  linearProgressClasses: () => import_joy55.linearProgressClasses,
-  linkClasses: () => import_joy55.linkClasses,
-  listClasses: () => import_joy55.listClasses,
-  listDividerClasses: () => import_joy55.listDividerClasses,
-  listItemButtonClasses: () => import_joy55.listItemButtonClasses,
-  listItemClasses: () => import_joy55.listItemClasses,
-  listItemContentClasses: () => import_joy55.listItemContentClasses,
-  listItemDecoratorClasses: () => import_joy55.listItemDecoratorClasses,
-  listSubheaderClasses: () => import_joy55.listSubheaderClasses,
-  menuButtonClasses: () => import_joy55.menuButtonClasses,
-  menuClasses: () => import_joy55.menuClasses,
-  menuItemClasses: () => import_joy55.menuItemClasses,
-  modalClasses: () => import_joy55.modalClasses,
-  modalCloseClasses: () => import_joy55.modalCloseClasses,
-  modalDialogClasses: () => import_joy55.modalDialogClasses,
-  modalOverflowClasses: () => import_joy55.modalOverflowClasses,
-  optionClasses: () => import_joy55.optionClasses,
-  radioClasses: () => import_joy55.radioClasses,
-  radioGroupClasses: () => import_joy55.radioGroupClasses,
-  selectClasses: () => import_joy55.selectClasses,
-  sheetClasses: () => import_joy55.sheetClasses,
-  skeletonClasses: () => import_joy55.skeletonClasses,
-  sliderClasses: () => import_joy55.sliderClasses,
-  stackClasses: () => import_joy55.stackClasses,
-  stepButtonClasses: () => import_joy55.stepButtonClasses,
-  stepClasses: () => import_joy55.stepClasses,
-  stepperClasses: () => import_joy55.stepperClasses,
-  switchClasses: () => import_joy55.switchClasses,
-  tabListClasses: () => import_joy55.tabListClasses,
-  tabPanelClasses: () => import_joy55.tabPanelClasses,
-  tableClasses: () => import_joy55.tableClasses,
-  tabsClasses: () => import_joy55.tabsClasses,
-  textareaClasses: () => import_joy55.textareaClasses,
+  accordionClasses: () => import_joy56.accordionClasses,
+  accordionDetailsClasses: () => import_joy56.accordionDetailsClasses,
+  accordionSummaryClasses: () => import_joy56.accordionSummaryClasses,
+  accordionsClasses: () => import_joy56.accordionGroupClasses,
+  aspectRatioClasses: () => import_joy56.aspectRatioClasses,
+  autocompleteClasses: () => import_joy56.autocompleteClasses,
+  autocompleteListboxClasses: () => import_joy56.autocompleteListboxClasses,
+  autocompleteOptionClasses: () => import_joy56.autocompleteOptionClasses,
+  avatarClasses: () => import_joy56.avatarClasses,
+  avatarGroupClasses: () => import_joy56.avatarGroupClasses,
+  badgeClasses: () => import_joy56.badgeClasses,
+  boxClasses: () => import_joy56.boxClasses,
+  breadcrumbsClasses: () => import_joy56.breadcrumbsClasses,
+  buttonClasses: () => import_joy56.buttonClasses,
+  cardActionsClasses: () => import_joy56.cardActionsClasses,
+  cardClasses: () => import_joy56.cardClasses,
+  cardContentClasses: () => import_joy56.cardContentClasses,
+  cardCoverClasses: () => import_joy56.cardCoverClasses,
+  cardOverflowClasses: () => import_joy56.cardOverflowClasses,
+  checkboxClasses: () => import_joy56.checkboxClasses,
+  chipClasses: () => import_joy56.chipClasses,
+  circularProgressClasses: () => import_joy56.circularProgressClasses,
+  dialogActionsClasses: () => import_joy56.dialogActionsClasses,
+  dialogContentClasses: () => import_joy56.dialogContentClasses,
+  dialogTitleClasses: () => import_joy56.dialogTitleClasses,
+  dividerClasses: () => import_joy56.dividerClasses,
+  drawerClasses: () => import_joy56.drawerClasses,
+  extendTheme: () => import_joy54.extendTheme,
+  formControlClasses: () => import_joy56.formControlClasses,
+  formHelperTextClasses: () => import_joy56.formHelperTextClasses,
+  formLabelClasses: () => import_joy56.formLabelClasses,
+  gridClasses: () => import_joy56.gridClasses,
+  iconButtonClasses: () => import_joy56.iconButtonClasses,
+  inputClasses: () => import_joy56.inputClasses,
+  linearProgressClasses: () => import_joy56.linearProgressClasses,
+  linkClasses: () => import_joy56.linkClasses,
+  listClasses: () => import_joy56.listClasses,
+  listDividerClasses: () => import_joy56.listDividerClasses,
+  listItemButtonClasses: () => import_joy56.listItemButtonClasses,
+  listItemClasses: () => import_joy56.listItemClasses,
+  listItemContentClasses: () => import_joy56.listItemContentClasses,
+  listItemDecoratorClasses: () => import_joy56.listItemDecoratorClasses,
+  listSubheaderClasses: () => import_joy56.listSubheaderClasses,
+  menuButtonClasses: () => import_joy56.menuButtonClasses,
+  menuClasses: () => import_joy56.menuClasses,
+  menuItemClasses: () => import_joy56.menuItemClasses,
+  modalClasses: () => import_joy56.modalClasses,
+  modalCloseClasses: () => import_joy56.modalCloseClasses,
+  modalDialogClasses: () => import_joy56.modalDialogClasses,
+  modalOverflowClasses: () => import_joy56.modalOverflowClasses,
+  optionClasses: () => import_joy56.optionClasses,
+  radioClasses: () => import_joy56.radioClasses,
+  radioGroupClasses: () => import_joy56.radioGroupClasses,
+  selectClasses: () => import_joy56.selectClasses,
+  sheetClasses: () => import_joy56.sheetClasses,
+  skeletonClasses: () => import_joy56.skeletonClasses,
+  sliderClasses: () => import_joy56.sliderClasses,
+  stackClasses: () => import_joy56.stackClasses,
+  stepButtonClasses: () => import_joy56.stepButtonClasses,
+  stepClasses: () => import_joy56.stepClasses,
+  stepperClasses: () => import_joy56.stepperClasses,
+  switchClasses: () => import_joy56.switchClasses,
+  tabListClasses: () => import_joy56.tabListClasses,
+  tabPanelClasses: () => import_joy56.tabPanelClasses,
+  tableClasses: () => import_joy56.tableClasses,
+  tabsClasses: () => import_joy56.tabsClasses,
+  textareaClasses: () => import_joy56.textareaClasses,
   theme: () => defaultTheme,
-  tooltipClasses: () => import_joy55.tooltipClasses,
-  typographyClasses: () => import_joy55.typographyClasses,
-  useColorScheme: () => import_joy55.useColorScheme,
-  useTheme: () => import_joy55.useTheme,
-  useThemeProps: () => import_joy55.useThemeProps
+  tooltipClasses: () => import_joy56.tooltipClasses,
+  typographyClasses: () => import_joy56.typographyClasses,
+  useColorScheme: () => import_joy56.useColorScheme,
+  useTheme: () => import_joy56.useTheme,
+  useThemeProps: () => import_joy56.useThemeProps
 });
 module.exports = __toCommonJS(index_exports);
-var import_joy55 = require("@mui/joy");
+var import_joy56 = require("@mui/joy");
 
 // src/components/Accordions/Accordions.tsx
 var import_react = __toESM(require("react"));
@@ -4287,6 +4287,7 @@ var import_joy41 = require("@mui/joy");
 // src/components/Markdown/Markdown.tsx
 var import_react31 = __toESM(require("react"));
 var import_joy42 = require("@mui/joy");
+var import_joy43 = require("@mui/joy");
 var LazyReactMarkdown = (0, import_react31.lazy)(() => import("react-markdown"));
 var Markdown = (props) => {
   const [rehypeAccent2, setRehypeAccent] = (0, import_react31.useState)(null);
@@ -4321,42 +4322,48 @@ var Markdown = (props) => {
       level: defaultLevel,
       ...innerProps
     },
-    /* @__PURE__ */ import_react31.default.createElement(import_react31.Suspense, { fallback: fallback || null }, /* @__PURE__ */ import_react31.default.createElement(
-      LazyReactMarkdown,
+    /* @__PURE__ */ import_react31.default.createElement(
+      import_react31.Suspense,
       {
-        ...markdownOptions,
-        children: content,
-        rehypePlugins: [[rehypeAccent2, { accentColor }]],
-        components: {
-          h1: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { color, textColor, level: "h1" }, children),
-          h2: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { color, textColor, level: "h2" }, children),
-          h3: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { color, textColor, level: "h3" }, children),
-          h4: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { color, textColor, level: "h4" }, children),
-          p: ({ children, node }) => /* @__PURE__ */ import_react31.default.createElement(
-            Typography,
-            {
-              color,
-              textColor,
-              level: defaultLevel,
-              ...node?.properties
-            },
-            children
-          ),
-          a: ({ children, href }) => /* @__PURE__ */ import_react31.default.createElement(import_joy42.Link, { href, target: defaultLinkAction }, children),
-          hr: () => /* @__PURE__ */ import_react31.default.createElement(Divider, null),
-          b: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { fontWeight: boldFontWeight }, children),
-          strong: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { fontWeight: boldFontWeight }, children),
-          ...markdownOptions?.components
+        fallback: fallback || /* @__PURE__ */ import_react31.default.createElement(Typography, null, /* @__PURE__ */ import_react31.default.createElement(import_joy42.Skeleton, null, content || ""))
+      },
+      /* @__PURE__ */ import_react31.default.createElement(
+        LazyReactMarkdown,
+        {
+          ...markdownOptions,
+          children: content,
+          rehypePlugins: [[rehypeAccent2, { accentColor }]],
+          components: {
+            h1: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { color, textColor, level: "h1" }, children),
+            h2: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { color, textColor, level: "h2" }, children),
+            h3: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { color, textColor, level: "h3" }, children),
+            h4: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { color, textColor, level: "h4" }, children),
+            p: ({ children, node }) => /* @__PURE__ */ import_react31.default.createElement(
+              Typography,
+              {
+                color,
+                textColor,
+                level: defaultLevel,
+                ...node?.properties
+              },
+              children
+            ),
+            a: ({ children, href }) => /* @__PURE__ */ import_react31.default.createElement(import_joy43.Link, { href, target: defaultLinkAction }, children),
+            hr: () => /* @__PURE__ */ import_react31.default.createElement(Divider, null),
+            b: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { fontWeight: boldFontWeight }, children),
+            strong: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { fontWeight: boldFontWeight }, children),
+            ...markdownOptions?.components
+          }
         }
-      }
-    ))
+      )
+    )
   );
 };
 Markdown.displayName = "Markdown";
 
 // src/components/MenuButton/MenuButton.tsx
 var import_react32 = __toESM(require("react"));
-var import_joy43 = require("@mui/joy");
+var import_joy44 = require("@mui/joy");
 var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"));
 function MenuButton(props) {
   const {
@@ -4373,7 +4380,7 @@ function MenuButton(props) {
   } = props;
   if (!items.length) {
     return /* @__PURE__ */ import_react32.default.createElement(
-      import_joy43.Button,
+      import_joy44.Button,
       {
         component: props.buttonComponent ?? "button",
         size,
@@ -4389,7 +4396,7 @@ function MenuButton(props) {
     );
   }
   return /* @__PURE__ */ import_react32.default.createElement(Dropdown_default, null, /* @__PURE__ */ import_react32.default.createElement(
-    import_joy43.MenuButton,
+    import_joy44.MenuButton,
     {
       component: props.buttonComponent ?? "button",
       size,
@@ -4418,15 +4425,15 @@ MenuButton.displayName = "MenuButton";
 var import_react33 = __toESM(require("react"));
 var import_react_imask3 = require("react-imask");
 var import_CalendarToday3 = __toESM(require("@mui/icons-material/CalendarToday"));
-var import_joy44 = require("@mui/joy");
+var import_joy45 = require("@mui/joy");
 var import_base4 = require("@mui/base");
-var StyledPopper3 = (0, import_joy44.styled)(import_base4.Popper, {
+var StyledPopper3 = (0, import_joy45.styled)(import_base4.Popper, {
   name: "MonthPicker",
   slot: "popper"
 })(({ theme }) => ({
   zIndex: theme.zIndex.tooltip
 }));
-var CalendarSheet3 = (0, import_joy44.styled)(Sheet_default, {
+var CalendarSheet3 = (0, import_joy45.styled)(Sheet_default, {
   name: "MonthPicker",
   slot: "sheet",
   overridesResolver: (props, styles) => styles.root
@@ -4435,7 +4442,7 @@ var CalendarSheet3 = (0, import_joy44.styled)(Sheet_default, {
   boxShadow: theme.shadow.md,
   borderRadius: theme.radius.md
 }));
-var MonthPickerRoot = (0, import_joy44.styled)("div", {
+var MonthPickerRoot = (0, import_joy45.styled)("div", {
   name: "MonthPicker",
   slot: "root",
   overridesResolver: (props, styles) => styles.root
@@ -4498,7 +4505,7 @@ var TextMaskAdapter7 = import_react33.default.forwardRef(
 );
 var MonthPicker = (0, import_react33.forwardRef)(
   (inProps, ref) => {
-    const props = (0, import_joy44.useThemeProps)({ props: inProps, name: "MonthPicker" });
+    const props = (0, import_joy45.useThemeProps)({ props: inProps, name: "MonthPicker" });
     const {
       onChange,
       disabled,
@@ -4660,15 +4667,15 @@ var MonthPicker = (0, import_react33.forwardRef)(
 var import_react34 = __toESM(require("react"));
 var import_react_imask4 = require("react-imask");
 var import_CalendarToday4 = __toESM(require("@mui/icons-material/CalendarToday"));
-var import_joy45 = require("@mui/joy");
+var import_joy46 = require("@mui/joy");
 var import_base5 = require("@mui/base");
-var StyledPopper4 = (0, import_joy45.styled)(import_base5.Popper, {
+var StyledPopper4 = (0, import_joy46.styled)(import_base5.Popper, {
   name: "MonthRangePicker",
   slot: "popper"
 })(({ theme }) => ({
   zIndex: theme.zIndex.tooltip
 }));
-var CalendarSheet4 = (0, import_joy45.styled)(Sheet_default, {
+var CalendarSheet4 = (0, import_joy46.styled)(Sheet_default, {
   name: "MonthRangePicker",
   slot: "sheet",
   overridesResolver: (props, styles) => styles.root
@@ -4678,7 +4685,7 @@ var CalendarSheet4 = (0, import_joy45.styled)(Sheet_default, {
   boxShadow: theme.shadow.md,
   borderRadius: theme.radius.md
 }));
-var MonthRangePickerRoot = (0, import_joy45.styled)("div", {
+var MonthRangePickerRoot = (0, import_joy46.styled)("div", {
   name: "MonthRangePicker",
   slot: "root",
   overridesResolver: (props, styles) => styles.root
@@ -4749,7 +4756,7 @@ var TextMaskAdapter9 = import_react34.default.forwardRef(
 );
 var MonthRangePicker = (0, import_react34.forwardRef)(
   (inProps, ref) => {
-    const props = (0, import_joy45.useThemeProps)({ props: inProps, name: "MonthRangePicker" });
+    const props = (0, import_joy46.useThemeProps)({ props: inProps, name: "MonthRangePicker" });
     const {
       onChange,
       disabled,
@@ -4910,21 +4917,21 @@ MonthRangePicker.displayName = "MonthRangePicker";
 
 // src/components/NavigationGroup/NavigationGroup.tsx
 var import_react35 = __toESM(require("react"));
-var import_joy46 = require("@mui/joy");
-var AccordionSummary2 = (0, import_joy46.styled)(import_joy46.AccordionSummary, {
+var import_joy47 = require("@mui/joy");
+var AccordionSummary2 = (0, import_joy47.styled)(import_joy47.AccordionSummary, {
   name: "NavigationGroup",
   slot: "Summary",
   shouldForwardProp: (prop) => prop !== "useIcon" && prop !== "level"
 })(({ theme, useIcon, level }) => ({
-  [`& .${import_joy46.accordionSummaryClasses.button}`]: {
+  [`& .${import_joy47.accordionSummaryClasses.button}`]: {
     padding: theme.spacing(4, 6, 4, (useIcon ? 6 : 8) + (level || 0) * 8),
-    [`&.${import_joy46.accordionSummaryClasses.expanded}`]: {
+    [`&.${import_joy47.accordionSummaryClasses.expanded}`]: {
       color: theme.palette.primary.plainColor,
       "--Icon-color": theme.palette.primary.plainColor
     }
   }
 }));
-var AccordionDetails2 = (0, import_joy46.styled)(import_joy46.AccordionDetails, {
+var AccordionDetails2 = (0, import_joy47.styled)(import_joy47.AccordionDetails, {
   name: "NavigationGroup",
   slot: "Details"
 })(({ theme }) => ({
@@ -4933,13 +4940,13 @@ var AccordionDetails2 = (0, import_joy46.styled)(import_joy46.AccordionDetails,
 }));
 function NavigationGroup(props) {
   const { title, children, startDecorator, level, ...rest } = props;
-  return /* @__PURE__ */ import_react35.default.createElement(import_joy46.Accordion, { ...rest }, /* @__PURE__ */ import_react35.default.createElement(AccordionSummary2, { useIcon: !!startDecorator, level }, /* @__PURE__ */ import_react35.default.createElement(import_joy46.Stack, { direction: "row", gap: 4 }, startDecorator, title)), /* @__PURE__ */ import_react35.default.createElement(AccordionDetails2, null, children));
+  return /* @__PURE__ */ import_react35.default.createElement(import_joy47.Accordion, { ...rest }, /* @__PURE__ */ import_react35.default.createElement(AccordionSummary2, { useIcon: !!startDecorator, level }, /* @__PURE__ */ import_react35.default.createElement(import_joy47.Stack, { direction: "row", gap: 4 }, startDecorator, title)), /* @__PURE__ */ import_react35.default.createElement(AccordionDetails2, null, children));
 }
 
 // src/components/NavigationItem/NavigationItem.tsx
 var import_react36 = __toESM(require("react"));
-var import_joy47 = require("@mui/joy");
-var ListItemButton = (0, import_joy47.styled)(import_joy47.ListItemButton, {
+var import_joy48 = require("@mui/joy");
+var ListItemButton = (0, import_joy48.styled)(import_joy48.ListItemButton, {
   name: "NavigationItem",
   slot: "Button",
   shouldForwardProp: (prop) => prop !== "useIcon" && prop !== "level"
@@ -4953,7 +4960,7 @@ var ListItemButton = (0, import_joy47.styled)(import_joy47.ListItemButton, {
   "&:active": {
     backgroundColor: theme.palette.neutral.plainActiveBg
   },
-  [`&.${import_joy47.listItemButtonClasses.selected}`]: {
+  [`&.${import_joy48.listItemButtonClasses.selected}`]: {
     color: theme.palette.primary.plainColor,
     "--Icon-color": theme.palette.primary.plainColor,
     "&:not(:hover):not(:active)": {
@@ -4966,7 +4973,7 @@ function NavigationItem(props) {
   const handleClick = () => {
     onClick?.(id);
   };
-  return /* @__PURE__ */ import_react36.default.createElement(import_joy47.ListItem, { ...rest }, /* @__PURE__ */ import_react36.default.createElement(
+  return /* @__PURE__ */ import_react36.default.createElement(import_joy48.ListItem, { ...rest }, /* @__PURE__ */ import_react36.default.createElement(
     ListItemButton,
     {
       level,
@@ -4975,7 +4982,7 @@ function NavigationItem(props) {
       "aria-current": selected,
       onClick: handleClick
     },
-    startDecorator && /* @__PURE__ */ import_react36.default.createElement(import_joy47.ListItemDecorator, null, startDecorator),
+    startDecorator && /* @__PURE__ */ import_react36.default.createElement(import_joy48.ListItemDecorator, null, startDecorator),
     children
   ));
 }
@@ -5022,7 +5029,7 @@ Navigator.displayName = "Navigator";
 // src/components/PercentageInput/PercentageInput.tsx
 var import_react38 = __toESM(require("react"));
 var import_react_number_format2 = require("react-number-format");
-var import_joy48 = require("@mui/joy");
+var import_joy49 = require("@mui/joy");
 var padDecimal = (value, decimalScale) => {
   const [integer, decimal = ""] = `${value}`.split(".");
   return Number(`${integer}${decimal.padEnd(decimalScale, "0")}`);
@@ -5051,13 +5058,13 @@ var TextMaskAdapter11 = import_react38.default.forwardRef(
     );
   }
 );
-var PercentageInputRoot = (0, import_joy48.styled)(Input_default, {
+var PercentageInputRoot = (0, import_joy49.styled)(Input_default, {
   name: "PercentageInput",
   slot: "Root",
   overridesResolver: (props, styles) => styles.root
 })({});
 var PercentageInput = import_react38.default.forwardRef(function PercentageInput2(inProps, ref) {
-  const props = (0, import_joy48.useThemeProps)({ props: inProps, name: "PercentageInput" });
+  const props = (0, import_joy49.useThemeProps)({ props: inProps, name: "PercentageInput" });
   const {
     name,
     onChange,
@@ -5139,12 +5146,12 @@ var PercentageInput = import_react38.default.forwardRef(function PercentageInput
 PercentageInput.displayName = "PercentageInput";
 
 // src/components/Radio/Radio.tsx
-var import_joy49 = require("@mui/joy");
+var import_joy50 = require("@mui/joy");
 var import_framer_motion27 = require("framer-motion");
-var MotionRadio = (0, import_framer_motion27.motion)(import_joy49.Radio);
+var MotionRadio = (0, import_framer_motion27.motion)(import_joy50.Radio);
 var Radio = MotionRadio;
 Radio.displayName = "Radio";
-var MotionRadioGroup = (0, import_framer_motion27.motion)(import_joy49.RadioGroup);
+var MotionRadioGroup = (0, import_framer_motion27.motion)(import_joy50.RadioGroup);
 var RadioGroup = MotionRadioGroup;
 RadioGroup.displayName = "RadioGroup";
 
@@ -5158,18 +5165,18 @@ RadioList.displayName = "RadioList";
 
 // src/components/Stepper/Stepper.tsx
 var import_react40 = __toESM(require("react"));
-var import_joy50 = require("@mui/joy");
+var import_joy51 = require("@mui/joy");
 var import_Check = __toESM(require("@mui/icons-material/Check"));
 var import_framer_motion28 = require("framer-motion");
-var Step = (0, import_joy50.styled)(import_joy50.Step)({});
+var Step = (0, import_joy51.styled)(import_joy51.Step)({});
 Step.displayName = "Step";
-var StepIndicator = (0, import_joy50.styled)(import_joy50.StepIndicator)({});
+var StepIndicator = (0, import_joy51.styled)(import_joy51.StepIndicator)({});
 StepIndicator.displayName = "StepIndicator";
-var StyledStepper = (0, import_joy50.styled)(import_joy50.Stepper)(({ theme }) => ({
+var StyledStepper = (0, import_joy51.styled)(import_joy51.Stepper)(({ theme }) => ({
   "--StepIndicator-size": "24px",
   "--Step-gap": theme.spacing(2),
   "--joy-palette-success-solidBg": "var(--joy-palette-success-400)",
-  [`& .${import_joy50.stepIndicatorClasses.root}`]: {
+  [`& .${import_joy51.stepIndicatorClasses.root}`]: {
     fontSize: "var(--ceed-fontSize-xs)"
   }
 }));
@@ -5189,24 +5196,24 @@ function Stepper(props) {
       sx: (theme) => ({
         "--StepIndicator-size": "24px",
         "--Step-gap": theme.spacing(2),
-        [`& .${import_joy50.stepIndicatorClasses.root}`]: {
+        [`& .${import_joy51.stepIndicatorClasses.root}`]: {
           fontSize: "var(--ceed-fontSize-xs)"
         },
-        [`& .${import_joy50.stepClasses.completed}`]: {
+        [`& .${import_joy51.stepClasses.completed}`]: {
           "&::after": { bgcolor: activeLineColor },
-          [`& .${import_joy50.stepIndicatorClasses.root}`]: {
+          [`& .${import_joy51.stepIndicatorClasses.root}`]: {
             bgcolor: activeColor
           }
         },
-        [`& .${import_joy50.stepClasses.active}`]: {
+        [`& .${import_joy51.stepClasses.active}`]: {
           "&::after": { bgcolor: inactiveLineColor },
-          [`& .${import_joy50.stepIndicatorClasses.root}`]: {
+          [`& .${import_joy51.stepIndicatorClasses.root}`]: {
             bgcolor: activeColor
           }
         },
-        [`& .${import_joy50.stepClasses.disabled}`]: {
+        [`& .${import_joy51.stepClasses.disabled}`]: {
           "&::after": { bgcolor: inactiveLineColor },
-          [`& .${import_joy50.stepIndicatorClasses.root}`]: {
+          [`& .${import_joy51.stepIndicatorClasses.root}`]: {
             bgcolor: inactiveColor
           }
         }
@@ -5234,10 +5241,10 @@ Stepper.displayName = "Stepper";
 
 // src/components/Switch/Switch.tsx
 var import_react41 = __toESM(require("react"));
-var import_joy51 = require("@mui/joy");
+var import_joy52 = require("@mui/joy");
 var import_framer_motion29 = require("framer-motion");
-var MotionSwitch = (0, import_framer_motion29.motion)(import_joy51.Switch);
-var StyledThumb = (0, import_joy51.styled)(import_framer_motion29.motion.div)({
+var MotionSwitch = (0, import_framer_motion29.motion)(import_joy52.Switch);
+var StyledThumb = (0, import_joy52.styled)(import_framer_motion29.motion.div)({
   "--Icon-fontSize": "calc(var(--Switch-thumbSize) * 0.75)",
   display: "inline-flex",
   justifyContent: "center",
@@ -5250,7 +5257,7 @@ var StyledThumb = (0, import_joy51.styled)(import_framer_motion29.motion.div)({
   boxShadow: "var(--Switch-thumbShadow)",
   color: "var(--Switch-thumbColor)",
   backgroundColor: "var(--Switch-thumbBackground)",
-  [`&.${import_joy51.switchClasses.checked}`]: {
+  [`&.${import_joy52.switchClasses.checked}`]: {
     left: "unset",
     right: "var(--Switch-thumbOffset)"
   }
@@ -5276,24 +5283,24 @@ var Switch = (props) => {
 Switch.displayName = "Switch";
 
 // src/components/Tabs/Tabs.tsx
-var import_joy52 = require("@mui/joy");
+var import_joy53 = require("@mui/joy");
 var import_framer_motion30 = require("framer-motion");
-var MotionTabs = (0, import_framer_motion30.motion)(import_joy52.Tabs);
+var MotionTabs = (0, import_framer_motion30.motion)(import_joy53.Tabs);
 var Tabs = MotionTabs;
 Tabs.displayName = "Tabs";
-var MotionTab = (0, import_framer_motion30.motion)(import_joy52.Tab);
+var MotionTab = (0, import_framer_motion30.motion)(import_joy53.Tab);
 var Tab = MotionTab;
 Tab.displayName = "Tab";
-var MotionTabList = (0, import_framer_motion30.motion)(import_joy52.TabList);
+var MotionTabList = (0, import_framer_motion30.motion)(import_joy53.TabList);
 var TabList = MotionTabList;
 TabList.displayName = "TabList";
-var MotionTabPanel = (0, import_framer_motion30.motion)(import_joy52.TabPanel);
+var MotionTabPanel = (0, import_framer_motion30.motion)(import_joy53.TabPanel);
 var TabPanel = MotionTabPanel;
 TabPanel.displayName = "TabPanel";
 
 // src/components/ThemeProvider/ThemeProvider.tsx
 var import_react42 = __toESM(require("react"));
-var import_joy53 = require("@mui/joy");
+var import_joy54 = require("@mui/joy");
 var colorScheme = {
   palette: {
     danger: {
@@ -5346,7 +5353,7 @@ var colorScheme = {
     }
   }
 };
-var defaultTheme = (0, import_joy53.extendTheme)({
+var defaultTheme = (0, import_joy54.extendTheme)({
   cssVarPrefix: "ceed",
   spacing: 4,
   breakpoints: {
@@ -5398,7 +5405,7 @@ var defaultTheme = (0, import_joy53.extendTheme)({
       },
       styleOverrides: {
         root: {
-          [`.${import_joy53.inputClasses.root}`]: {
+          [`.${import_joy54.inputClasses.root}`]: {
             // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
             "font-family": "monospace"
           }
@@ -5411,7 +5418,7 @@ var defaultTheme = (0, import_joy53.extendTheme)({
       },
       styleOverrides: {
         root: {
-          [`.${import_joy53.inputClasses.root}`]: {
+          [`.${import_joy54.inputClasses.root}`]: {
             // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
             "font-family": "monospace"
           }
@@ -5424,7 +5431,7 @@ var defaultTheme = (0, import_joy53.extendTheme)({
       },
       styleOverrides: {
         root: {
-          [`.${import_joy53.inputClasses.root}`]: {
+          [`.${import_joy54.inputClasses.root}`]: {
             // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
             "font-family": "monospace"
           }
@@ -5437,7 +5444,7 @@ var defaultTheme = (0, import_joy53.extendTheme)({
       },
       styleOverrides: {
         root: {
-          [`.${import_joy53.inputClasses.root}`]: {
+          [`.${import_joy54.inputClasses.root}`]: {
             // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
             "font-family": "monospace"
           }
@@ -5450,7 +5457,7 @@ var defaultTheme = (0, import_joy53.extendTheme)({
       },
       styleOverrides: {
         root: {
-          [`.${import_joy53.inputClasses.root}`]: {
+          [`.${import_joy54.inputClasses.root}`]: {
             // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
             "font-family": "monospace"
           }
@@ -5492,7 +5499,7 @@ var defaultTheme = (0, import_joy53.extendTheme)({
             outline: `${theme.palette.primary[500]} solid 2px`,
             outlineOffset: "-2px"
           },
-          [`& .${import_joy53.checkboxClasses.root}`]: {
+          [`& .${import_joy54.checkboxClasses.root}`]: {
             verticalAlign: "middle"
           }
         })
@@ -5542,13 +5549,13 @@ var defaultTheme = (0, import_joy53.extendTheme)({
 });
 function ThemeProvider(props) {
   const theme = props.theme || defaultTheme;
-  return /* @__PURE__ */ import_react42.default.createElement(import_react42.default.Fragment, null, /* @__PURE__ */ import_react42.default.createElement(import_joy53.CssVarsProvider, { theme }, /* @__PURE__ */ import_react42.default.createElement(import_joy53.CssBaseline, null), props.children));
+  return /* @__PURE__ */ import_react42.default.createElement(import_react42.default.Fragment, null, /* @__PURE__ */ import_react42.default.createElement(import_joy54.CssVarsProvider, { theme }, /* @__PURE__ */ import_react42.default.createElement(import_joy54.CssBaseline, null), props.children));
 }
 ThemeProvider.displayName = "ThemeProvider";
 
 // src/components/Uploader/Uploader.tsx
 var import_react43 = __toESM(require("react"));
-var import_joy54 = require("@mui/joy");
+var import_joy55 = require("@mui/joy");
 var import_CloudUploadRounded = __toESM(require("@mui/icons-material/CloudUploadRounded"));
 var import_UploadFileRounded = __toESM(require("@mui/icons-material/UploadFileRounded"));
 var import_ClearRounded = __toESM(require("@mui/icons-material/ClearRounded"));
@@ -5570,7 +5577,7 @@ var esmFiles = {
     "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/prevent-unhandled.js"
   )
 };
-var VisuallyHiddenInput = (0, import_joy54.styled)(import_joy54.Input)({
+var VisuallyHiddenInput = (0, import_joy55.styled)(import_joy55.Input)({
   width: "1px",
   height: "1px",
   overflow: "hidden",
@@ -5579,18 +5586,18 @@ var VisuallyHiddenInput = (0, import_joy54.styled)(import_joy54.Input)({
   clipPath: "inset(50%)",
   position: "absolute"
 });
-var PreviewRoot = (0, import_joy54.styled)(Stack_default, {
+var PreviewRoot = (0, import_joy55.styled)(Stack_default, {
   name: "Uploader",
   slot: "PreviewRoot"
 })({});
-var UploadCard = (0, import_joy54.styled)(Card, {
+var UploadCard = (0, import_joy55.styled)(Card, {
   name: "Uploader",
   slot: "UploadCard"
 })(({ theme }) => ({
   padding: theme.spacing(2.5),
   border: `1px solid ${theme.palette.neutral.outlinedBorder}`
 }));
-var UploadFileIcon = (0, import_joy54.styled)(import_UploadFileRounded.default, {
+var UploadFileIcon = (0, import_joy55.styled)(import_UploadFileRounded.default, {
   name: "Uploader",
   slot: "UploadFileIcon"
 })(({ theme }) => ({
@@ -5598,7 +5605,7 @@ var UploadFileIcon = (0, import_joy54.styled)(import_UploadFileRounded.default,
   width: "32px",
   height: "32px"
 }));
-var ClearIcon2 = (0, import_joy54.styled)(import_ClearRounded.default, {
+var ClearIcon2 = (0, import_joy55.styled)(import_ClearRounded.default, {
   name: "Uploader",
   slot: "ClearIcon"
 })(({ theme }) => ({
@@ -5676,13 +5683,13 @@ var Preview = (props) => {
     getFileSize(file.size)
   )), /* @__PURE__ */ import_react43.default.createElement(IconButton_default, { onClick: () => onDelete?.(file) }, /* @__PURE__ */ import_react43.default.createElement(ClearIcon2, null))))));
 };
-var UploaderRoot = (0, import_joy54.styled)(Stack_default, {
+var UploaderRoot = (0, import_joy55.styled)(Stack_default, {
   name: "Uploader",
   slot: "root"
 })(({ theme }) => ({
   gap: theme.spacing(2)
 }));
-var FileDropZone = (0, import_joy54.styled)(Sheet_default, {
+var FileDropZone = (0, import_joy55.styled)(Sheet_default, {
   name: "Uploader",
   slot: "dropZone",
   shouldForwardProp: (prop) => prop !== "error"
@@ -5700,7 +5707,7 @@ var FileDropZone = (0, import_joy54.styled)(Sheet_default, {
     border: error ? `1px solid ${theme.palette.danger.outlinedBorder}` : state === "idle" ? `1px solid ${theme.palette.neutral.outlinedBorder}` : `1px solid ${theme.palette.primary.outlinedBorder}`
   })
 );
-var UploaderIcon = (0, import_joy54.styled)(import_CloudUploadRounded.default, {
+var UploaderIcon = (0, import_joy55.styled)(import_CloudUploadRounded.default, {
   name: "Uploader",
   slot: "iconContainer",
   shouldForwardProp: (prop) => prop !== "error"