@ceed/cds 1.2.5 → 1.2.6-next.2

package/dist/index.cjs

@@ -4136,8 +4136,6 @@ var StyledDrawer = (0, import_joy34.styled)(MotionDrawer)(({ theme, size = "md"
     lg: "900px"
   }[size],
   [`& .${import_joy34.drawerClasses.content}`]: {
-    bgcolor: "transparent",
-    boxShadow: "none",
     [theme.breakpoints.down("md")]: {
       width: "100%"
     }
@@ -4240,44 +4238,32 @@ var Divider = (props) => {
 Divider.displayName = "Divider";
 
 // src/components/InsetDrawer/InsetDrawer.tsx
-var import_react30 = __toESM(require("react"));
 var import_joy40 = require("@mui/joy");
-var import_framer_motion26 = require("framer-motion");
-var MotionDrawer2 = (0, import_framer_motion26.motion)(import_joy40.Drawer);
-var InsetDrawer = (props) => {
-  const { children, ...innerProps } = props;
-  return /* @__PURE__ */ import_react30.default.createElement(
-    MotionDrawer2,
-    {
-      ...innerProps,
-      slotProps: {
-        ...innerProps.slotProps,
-        content: {
-          ...innerProps.slotProps?.content,
-          sx: {
-            bgcolor: "transparent",
-            p: { md: 3, sm: 0 },
-            boxShadow: "none"
-          }
-        }
-      }
+var InsetDrawer = (0, import_joy40.styled)(import_joy40.Drawer)(({ theme }) => ({
+  [`& .${import_joy40.drawerClasses.content}`]: {
+    backgroundColor: "transparent",
+    boxShadow: "none",
+    [theme.breakpoints.down("md")]: {
+      padding: 0,
+      width: "100%"
     },
-    children
-  );
-};
-InsetDrawer.displayName = "InsetDrawer";
+    [theme.breakpoints.up("md")]: {
+      padding: theme.spacing(3)
+    }
+  }
+}));
 
 // src/components/Grid/Grid.tsx
 var import_joy41 = require("@mui/joy");
 
 // src/components/Markdown/Markdown.tsx
-var import_react31 = __toESM(require("react"));
+var import_react30 = __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 LazyReactMarkdown = (0, import_react30.lazy)(() => import("react-markdown"));
 var Markdown = (props) => {
-  const [rehypeAccent2, setRehypeAccent] = (0, import_react31.useState)(null);
-  (0, import_react31.useEffect)(() => {
+  const [rehypeAccent2, setRehypeAccent] = (0, import_react30.useState)(null);
+  (0, import_react30.useEffect)(() => {
     const loadRehypeAccent = async () => {
       const module2 = await Promise.resolve().then(() => (init_rehype_accent(), rehype_accent_exports));
       setRehypeAccent(() => module2.rehypeAccent);
@@ -4299,7 +4285,7 @@ var Markdown = (props) => {
   if (!rehypeAccent2) {
     return null;
   }
-  return /* @__PURE__ */ import_react31.default.createElement(
+  return /* @__PURE__ */ import_react30.default.createElement(
     Typography,
     {
       component: "div",
@@ -4308,23 +4294,23 @@ var Markdown = (props) => {
       level: defaultLevel,
       ...innerProps
     },
-    /* @__PURE__ */ import_react31.default.createElement(
-      import_react31.Suspense,
+    /* @__PURE__ */ import_react30.default.createElement(
+      import_react30.Suspense,
       {
-        fallback: fallback || /* @__PURE__ */ import_react31.default.createElement(Typography, null, /* @__PURE__ */ import_react31.default.createElement(import_joy42.Skeleton, null, content || ""))
+        fallback: fallback || /* @__PURE__ */ import_react30.default.createElement(Typography, null, /* @__PURE__ */ import_react30.default.createElement(import_joy42.Skeleton, null, content || ""))
       },
-      /* @__PURE__ */ import_react31.default.createElement(
+      /* @__PURE__ */ import_react30.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(
+            h1: ({ children }) => /* @__PURE__ */ import_react30.default.createElement(Typography, { color, textColor, level: "h1" }, children),
+            h2: ({ children }) => /* @__PURE__ */ import_react30.default.createElement(Typography, { color, textColor, level: "h2" }, children),
+            h3: ({ children }) => /* @__PURE__ */ import_react30.default.createElement(Typography, { color, textColor, level: "h3" }, children),
+            h4: ({ children }) => /* @__PURE__ */ import_react30.default.createElement(Typography, { color, textColor, level: "h4" }, children),
+            p: ({ children, node }) => /* @__PURE__ */ import_react30.default.createElement(
               Typography,
               {
                 color,
@@ -4334,10 +4320,10 @@ var Markdown = (props) => {
               },
               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),
+            a: ({ children, href }) => /* @__PURE__ */ import_react30.default.createElement(import_joy43.Link, { href, target: defaultLinkAction }, children),
+            hr: () => /* @__PURE__ */ import_react30.default.createElement(Divider, null),
+            b: ({ children }) => /* @__PURE__ */ import_react30.default.createElement(Typography, { fontWeight: boldFontWeight }, children),
+            strong: ({ children }) => /* @__PURE__ */ import_react30.default.createElement(Typography, { fontWeight: boldFontWeight }, children),
             ...markdownOptions?.components
           }
         }
@@ -4348,7 +4334,7 @@ var Markdown = (props) => {
 Markdown.displayName = "Markdown";
 
 // src/components/MenuButton/MenuButton.tsx
-var import_react32 = __toESM(require("react"));
+var import_react31 = __toESM(require("react"));
 var import_joy44 = require("@mui/joy");
 var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"));
 function MenuButton(props) {
@@ -4365,7 +4351,7 @@ function MenuButton(props) {
     startDecorator
   } = props;
   if (!items.length) {
-    return /* @__PURE__ */ import_react32.default.createElement(
+    return /* @__PURE__ */ import_react31.default.createElement(
       import_joy44.Button,
       {
         component: props.buttonComponent ?? "button",
@@ -4376,12 +4362,12 @@ function MenuButton(props) {
         loading,
         startDecorator,
         ...props.buttonComponentProps ?? {},
-        endDecorator: showIcon ? /* @__PURE__ */ import_react32.default.createElement(import_react32.default.Fragment, null, endDecorator, /* @__PURE__ */ import_react32.default.createElement(import_ExpandMore.default, null)) : /* @__PURE__ */ import_react32.default.createElement(import_react32.default.Fragment, null, endDecorator)
+        endDecorator: showIcon ? /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null, endDecorator, /* @__PURE__ */ import_react31.default.createElement(import_ExpandMore.default, null)) : /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null, endDecorator)
       },
       buttonText
     );
   }
-  return /* @__PURE__ */ import_react32.default.createElement(Dropdown_default, null, /* @__PURE__ */ import_react32.default.createElement(
+  return /* @__PURE__ */ import_react31.default.createElement(Dropdown_default, null, /* @__PURE__ */ import_react31.default.createElement(
     import_joy44.MenuButton,
     {
       component: props.buttonComponent ?? "button",
@@ -4392,10 +4378,10 @@ function MenuButton(props) {
       loading,
       startDecorator,
       ...props.buttonComponentProps ?? {},
-      endDecorator: showIcon ? /* @__PURE__ */ import_react32.default.createElement(import_react32.default.Fragment, null, endDecorator, /* @__PURE__ */ import_react32.default.createElement(import_ExpandMore.default, null)) : /* @__PURE__ */ import_react32.default.createElement(import_react32.default.Fragment, null, endDecorator)
+      endDecorator: showIcon ? /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null, endDecorator, /* @__PURE__ */ import_react31.default.createElement(import_ExpandMore.default, null)) : /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null, endDecorator)
     },
     buttonText
-  ), /* @__PURE__ */ import_react32.default.createElement(Menu, { size }, items.map((i) => /* @__PURE__ */ import_react32.default.createElement(
+  ), /* @__PURE__ */ import_react31.default.createElement(Menu, { size }, items.map((i) => /* @__PURE__ */ import_react31.default.createElement(
     MenuItem,
     {
       key: i.text,
@@ -4408,7 +4394,7 @@ function MenuButton(props) {
 MenuButton.displayName = "MenuButton";
 
 // src/components/MonthPicker/MonthPicker.tsx
-var import_react33 = __toESM(require("react"));
+var import_react32 = __toESM(require("react"));
 var import_react_imask3 = require("react-imask");
 var import_CalendarToday3 = __toESM(require("@mui/icons-material/CalendarToday"));
 var import_joy45 = require("@mui/joy");
@@ -4457,10 +4443,10 @@ function parseDate3(dateString) {
   const date = /* @__PURE__ */ new Date(`${year}/${month}`);
   return date;
 }
-var TextMaskAdapter7 = import_react33.default.forwardRef(
+var TextMaskAdapter7 = import_react32.default.forwardRef(
   function TextMaskAdapter8(props, ref) {
     const { onChange, format, ...other } = props;
-    return /* @__PURE__ */ import_react33.default.createElement(
+    return /* @__PURE__ */ import_react32.default.createElement(
       import_react_imask3.IMaskInput,
       {
         ...other,
@@ -4489,7 +4475,7 @@ var TextMaskAdapter7 = import_react33.default.forwardRef(
     );
   }
 );
-var MonthPicker = (0, import_react33.forwardRef)(
+var MonthPicker = (0, import_react32.forwardRef)(
   (inProps, ref) => {
     const props = (0, import_joy45.useThemeProps)({ props: inProps, name: "MonthPicker" });
     const {
@@ -4510,40 +4496,40 @@ var MonthPicker = (0, import_react33.forwardRef)(
       size,
       ...innerProps
     } = props;
-    const innerRef = (0, import_react33.useRef)(null);
+    const innerRef = (0, import_react32.useRef)(null);
     const [value, setValue] = useControlledState(
       props.value,
       props.defaultValue || "",
-      (0, import_react33.useCallback)(
+      (0, import_react32.useCallback)(
         (value2) => onChange?.({ target: { name: props.name, value: value2 } }),
         [props.name, onChange]
       ),
       { disableStrict: true }
     );
-    const [anchorEl, setAnchorEl] = (0, import_react33.useState)(null);
+    const [anchorEl, setAnchorEl] = (0, import_react32.useState)(null);
     const open = Boolean(anchorEl);
-    (0, import_react33.useEffect)(() => {
+    (0, import_react32.useEffect)(() => {
       if (!anchorEl) {
         innerRef.current?.blur();
       }
     }, [anchorEl, innerRef]);
-    (0, import_react33.useImperativeHandle)(ref, () => innerRef.current, [
+    (0, import_react32.useImperativeHandle)(ref, () => innerRef.current, [
       innerRef
     ]);
-    const handleChange = (0, import_react33.useCallback)(
+    const handleChange = (0, import_react32.useCallback)(
       (event) => {
         setValue(event.target.value);
       },
       [setValue]
     );
-    const handleCalendarToggle = (0, import_react33.useCallback)(
+    const handleCalendarToggle = (0, import_react32.useCallback)(
       (event) => {
         setAnchorEl(anchorEl ? null : event.currentTarget);
         innerRef.current?.focus();
       },
       [anchorEl, setAnchorEl, innerRef]
     );
-    return /* @__PURE__ */ import_react33.default.createElement(MonthPickerRoot, null, /* @__PURE__ */ import_react33.default.createElement(import_base4.FocusTrap, { open: true }, /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, /* @__PURE__ */ import_react33.default.createElement(
+    return /* @__PURE__ */ import_react32.default.createElement(MonthPickerRoot, null, /* @__PURE__ */ import_react32.default.createElement(import_base4.FocusTrap, { open: true }, /* @__PURE__ */ import_react32.default.createElement(import_react32.default.Fragment, null, /* @__PURE__ */ import_react32.default.createElement(
       Input_default,
       {
         ...innerProps,
@@ -4565,7 +4551,7 @@ var MonthPicker = (0, import_react33.forwardRef)(
           // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
           fontFamily: "monospace"
         },
-        endDecorator: /* @__PURE__ */ import_react33.default.createElement(
+        endDecorator: /* @__PURE__ */ import_react32.default.createElement(
           IconButton_default,
           {
             variant: "plain",
@@ -4575,12 +4561,12 @@ var MonthPicker = (0, import_react33.forwardRef)(
             "aria-haspopup": "dialog",
             "aria-expanded": open
           },
-          /* @__PURE__ */ import_react33.default.createElement(import_CalendarToday3.default, null)
+          /* @__PURE__ */ import_react32.default.createElement(import_CalendarToday3.default, null)
         ),
         label,
         helperText
       }
-    ), open && /* @__PURE__ */ import_react33.default.createElement(import_base4.ClickAwayListener, { onClickAway: () => setAnchorEl(null) }, /* @__PURE__ */ import_react33.default.createElement(
+    ), open && /* @__PURE__ */ import_react32.default.createElement(import_base4.ClickAwayListener, { onClickAway: () => setAnchorEl(null) }, /* @__PURE__ */ import_react32.default.createElement(
       StyledPopper3,
       {
         id: "month-picker-popper",
@@ -4599,7 +4585,7 @@ var MonthPicker = (0, import_react33.forwardRef)(
         "aria-label": "Calendar Tooltip",
         "aria-expanded": open
       },
-      /* @__PURE__ */ import_react33.default.createElement(CalendarSheet3, { tabIndex: -1, role: "presentation" }, /* @__PURE__ */ import_react33.default.createElement(
+      /* @__PURE__ */ import_react32.default.createElement(CalendarSheet3, { tabIndex: -1, role: "presentation" }, /* @__PURE__ */ import_react32.default.createElement(
         Calendar_default,
         {
           view: "month",
@@ -4619,14 +4605,14 @@ var MonthPicker = (0, import_react33.forwardRef)(
           disableFuture,
           disablePast
         }
-      ), /* @__PURE__ */ import_react33.default.createElement(
+      ), /* @__PURE__ */ import_react32.default.createElement(
         DialogActions_default,
         {
           sx: {
             p: 1
           }
         },
-        /* @__PURE__ */ import_react33.default.createElement(
+        /* @__PURE__ */ import_react32.default.createElement(
           Button_default,
           {
             size,
@@ -4650,7 +4636,7 @@ var MonthPicker = (0, import_react33.forwardRef)(
 );
 
 // src/components/MonthRangePicker/MonthRangePicker.tsx
-var import_react34 = __toESM(require("react"));
+var import_react33 = __toESM(require("react"));
 var import_react_imask4 = require("react-imask");
 var import_CalendarToday4 = __toESM(require("@mui/icons-material/CalendarToday"));
 var import_joy46 = require("@mui/joy");
@@ -4708,10 +4694,10 @@ var parseDates2 = (str) => {
 var formatToPattern4 = (format) => {
   return `${format} - ${format}`.replace(/YYYY/g, "Y").replace(/MM/g, "m").replace(/[^YMm\s]/g, (match) => `${match}\``);
 };
-var TextMaskAdapter9 = import_react34.default.forwardRef(
+var TextMaskAdapter9 = import_react33.default.forwardRef(
   function TextMaskAdapter10(props, ref) {
     const { onChange, format, ...other } = props;
-    return /* @__PURE__ */ import_react34.default.createElement(
+    return /* @__PURE__ */ import_react33.default.createElement(
       import_react_imask4.IMaskInput,
       {
         ...other,
@@ -4740,7 +4726,7 @@ var TextMaskAdapter9 = import_react34.default.forwardRef(
     );
   }
 );
-var MonthRangePicker = (0, import_react34.forwardRef)(
+var MonthRangePicker = (0, import_react33.forwardRef)(
   (inProps, ref) => {
     const props = (0, import_joy46.useThemeProps)({ props: inProps, name: "MonthRangePicker" });
     const {
@@ -4761,44 +4747,44 @@ var MonthRangePicker = (0, import_react34.forwardRef)(
       size,
       ...innerProps
     } = props;
-    const innerRef = (0, import_react34.useRef)(null);
+    const innerRef = (0, import_react33.useRef)(null);
     const [value, setValue] = useControlledState(
       props.value,
       props.defaultValue || "",
-      (0, import_react34.useCallback)(
+      (0, import_react33.useCallback)(
         (value2) => onChange?.({ target: { name: props.name, value: value2 } }),
         [props.name, onChange]
       ),
       { disableStrict: true }
     );
-    const [anchorEl, setAnchorEl] = (0, import_react34.useState)(null);
+    const [anchorEl, setAnchorEl] = (0, import_react33.useState)(null);
     const open = Boolean(anchorEl);
-    const calendarValue = (0, import_react34.useMemo)(
+    const calendarValue = (0, import_react33.useMemo)(
       () => value ? parseDates2(value) : void 0,
       [value]
     );
-    (0, import_react34.useEffect)(() => {
+    (0, import_react33.useEffect)(() => {
       if (!anchorEl) {
         innerRef.current?.blur();
       }
     }, [anchorEl, innerRef]);
-    (0, import_react34.useImperativeHandle)(ref, () => innerRef.current, [
+    (0, import_react33.useImperativeHandle)(ref, () => innerRef.current, [
       innerRef
     ]);
-    const handleChange = (0, import_react34.useCallback)(
+    const handleChange = (0, import_react33.useCallback)(
       (event) => {
         setValue(event.target.value);
       },
       [setValue]
     );
-    const handleCalendarToggle = (0, import_react34.useCallback)(
+    const handleCalendarToggle = (0, import_react33.useCallback)(
       (event) => {
         setAnchorEl(anchorEl ? null : event.currentTarget);
         innerRef.current?.focus();
       },
       [anchorEl, setAnchorEl, innerRef]
     );
-    const handleCalendarChange = (0, import_react34.useCallback)(
+    const handleCalendarChange = (0, import_react33.useCallback)(
       ([date1, date2]) => {
         if (!date1 || !date2) return;
         setValue(formatValueString4([date1, date2], format));
@@ -4806,7 +4792,7 @@ var MonthRangePicker = (0, import_react34.forwardRef)(
       },
       [setValue, setAnchorEl, format]
     );
-    return /* @__PURE__ */ import_react34.default.createElement(MonthRangePickerRoot, null, /* @__PURE__ */ import_react34.default.createElement(import_base5.FocusTrap, { open: true }, /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, null, /* @__PURE__ */ import_react34.default.createElement(
+    return /* @__PURE__ */ import_react33.default.createElement(MonthRangePickerRoot, null, /* @__PURE__ */ import_react33.default.createElement(import_base5.FocusTrap, { open: true }, /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, /* @__PURE__ */ import_react33.default.createElement(
       Input_default,
       {
         ...innerProps,
@@ -4828,7 +4814,7 @@ var MonthRangePicker = (0, import_react34.forwardRef)(
           // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
           fontFamily: "monospace"
         },
-        endDecorator: /* @__PURE__ */ import_react34.default.createElement(
+        endDecorator: /* @__PURE__ */ import_react33.default.createElement(
           IconButton_default,
           {
             variant: "plain",
@@ -4838,12 +4824,12 @@ var MonthRangePicker = (0, import_react34.forwardRef)(
             "aria-haspopup": "dialog",
             "aria-expanded": open
           },
-          /* @__PURE__ */ import_react34.default.createElement(import_CalendarToday4.default, null)
+          /* @__PURE__ */ import_react33.default.createElement(import_CalendarToday4.default, null)
         ),
         label,
         helperText
       }
-    ), open && /* @__PURE__ */ import_react34.default.createElement(import_base5.ClickAwayListener, { onClickAway: () => setAnchorEl(null) }, /* @__PURE__ */ import_react34.default.createElement(
+    ), open && /* @__PURE__ */ import_react33.default.createElement(import_base5.ClickAwayListener, { onClickAway: () => setAnchorEl(null) }, /* @__PURE__ */ import_react33.default.createElement(
       StyledPopper4,
       {
         id: "month-range-picker-popper",
@@ -4862,7 +4848,7 @@ var MonthRangePicker = (0, import_react34.forwardRef)(
         "aria-label": "Calendar Tooltip",
         "aria-expanded": open
       },
-      /* @__PURE__ */ import_react34.default.createElement(CalendarSheet4, { tabIndex: -1, role: "presentation" }, /* @__PURE__ */ import_react34.default.createElement(
+      /* @__PURE__ */ import_react33.default.createElement(CalendarSheet4, { tabIndex: -1, role: "presentation" }, /* @__PURE__ */ import_react33.default.createElement(
         Calendar_default,
         {
           view: "month",
@@ -4875,14 +4861,14 @@ var MonthRangePicker = (0, import_react34.forwardRef)(
           disableFuture,
           disablePast
         }
-      ), /* @__PURE__ */ import_react34.default.createElement(
+      ), /* @__PURE__ */ import_react33.default.createElement(
         DialogActions_default,
         {
           sx: {
             p: 1
           }
         },
-        /* @__PURE__ */ import_react34.default.createElement(
+        /* @__PURE__ */ import_react33.default.createElement(
           Button_default,
           {
             size,
@@ -4902,7 +4888,7 @@ var MonthRangePicker = (0, import_react34.forwardRef)(
 MonthRangePicker.displayName = "MonthRangePicker";
 
 // src/components/NavigationGroup/NavigationGroup.tsx
-var import_react35 = __toESM(require("react"));
+var import_react34 = __toESM(require("react"));
 var import_joy47 = require("@mui/joy");
 var AccordionSummary2 = (0, import_joy47.styled)(import_joy47.AccordionSummary, {
   name: "NavigationGroup",
@@ -4926,11 +4912,11 @@ var AccordionDetails2 = (0, import_joy47.styled)(import_joy47.AccordionDetails,
 }));
 function NavigationGroup(props) {
   const { title, children, startDecorator, level, ...rest } = props;
-  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));
+  return /* @__PURE__ */ import_react34.default.createElement(import_joy47.Accordion, { ...rest }, /* @__PURE__ */ import_react34.default.createElement(AccordionSummary2, { useIcon: !!startDecorator, level }, /* @__PURE__ */ import_react34.default.createElement(import_joy47.Stack, { direction: "row", gap: 4 }, startDecorator, title)), /* @__PURE__ */ import_react34.default.createElement(AccordionDetails2, null, children));
 }
 
 // src/components/NavigationItem/NavigationItem.tsx
-var import_react36 = __toESM(require("react"));
+var import_react35 = __toESM(require("react"));
 var import_joy48 = require("@mui/joy");
 var ListItemButton = (0, import_joy48.styled)(import_joy48.ListItemButton, {
   name: "NavigationItem",
@@ -4959,7 +4945,7 @@ function NavigationItem(props) {
   const handleClick = () => {
     onClick?.(id);
   };
-  return /* @__PURE__ */ import_react36.default.createElement(import_joy48.ListItem, { ...rest }, /* @__PURE__ */ import_react36.default.createElement(
+  return /* @__PURE__ */ import_react35.default.createElement(import_joy48.ListItem, { ...rest }, /* @__PURE__ */ import_react35.default.createElement(
     ListItemButton,
     {
       level,
@@ -4968,21 +4954,21 @@ function NavigationItem(props) {
       "aria-current": selected,
       onClick: handleClick
     },
-    startDecorator && /* @__PURE__ */ import_react36.default.createElement(import_joy48.ListItemDecorator, null, startDecorator),
+    startDecorator && /* @__PURE__ */ import_react35.default.createElement(import_joy48.ListItemDecorator, null, startDecorator),
     children
   ));
 }
 
 // src/components/Navigator/Navigator.tsx
-var import_react37 = __toESM(require("react"));
+var import_react36 = __toESM(require("react"));
 function Navigator(props) {
   const { items, level = 0, onSelect } = props;
   const handleItemClick = (id) => {
     onSelect?.(id);
   };
-  return /* @__PURE__ */ import_react37.default.createElement("div", null, items.map((item, index) => {
+  return /* @__PURE__ */ import_react36.default.createElement("div", null, items.map((item, index) => {
     if (item.type === "item") {
-      return /* @__PURE__ */ import_react37.default.createElement(
+      return /* @__PURE__ */ import_react36.default.createElement(
         NavigationItem,
         {
           key: item.id,
@@ -4995,7 +4981,7 @@ function Navigator(props) {
         item.title
       );
     } else if (item.type === "group") {
-      return /* @__PURE__ */ import_react37.default.createElement(
+      return /* @__PURE__ */ import_react36.default.createElement(
         NavigationGroup,
         {
           key: index,
@@ -5013,17 +4999,17 @@ function Navigator(props) {
 Navigator.displayName = "Navigator";
 
 // src/components/PercentageInput/PercentageInput.tsx
-var import_react38 = __toESM(require("react"));
+var import_react37 = __toESM(require("react"));
 var import_react_number_format2 = require("react-number-format");
 var import_joy49 = require("@mui/joy");
 var padDecimal = (value, decimalScale) => {
   const [integer, decimal = ""] = `${value}`.split(".");
   return Number(`${integer}${decimal.padEnd(decimalScale, "0")}`);
 };
-var TextMaskAdapter11 = import_react38.default.forwardRef(
+var TextMaskAdapter11 = import_react37.default.forwardRef(
   function TextMaskAdapter12(props, ref) {
     const { onChange, min, max, ...innerProps } = props;
-    return /* @__PURE__ */ import_react38.default.createElement(
+    return /* @__PURE__ */ import_react37.default.createElement(
       import_react_number_format2.NumericFormat,
       {
         ...innerProps,
@@ -5049,7 +5035,7 @@ var PercentageInputRoot = (0, import_joy49.styled)(Input_default, {
   slot: "Root",
   overridesResolver: (props, styles) => styles.root
 })({});
-var PercentageInput = import_react38.default.forwardRef(function PercentageInput2(inProps, ref) {
+var PercentageInput = import_react37.default.forwardRef(function PercentageInput2(inProps, ref) {
   const props = (0, import_joy49.useThemeProps)({ props: inProps, name: "PercentageInput" });
   const {
     name,
@@ -5071,21 +5057,21 @@ var PercentageInput = import_react38.default.forwardRef(function PercentageInput
   const [_value, setValue] = useControlledState(
     props.value,
     props.defaultValue,
-    (0, import_react38.useCallback)(
+    (0, import_react37.useCallback)(
       (value2) => onChange?.({ target: { name, value: value2 } }),
       [onChange, name]
     )
   );
-  const [internalError, setInternalError] = (0, import_react38.useState)(
+  const [internalError, setInternalError] = (0, import_react37.useState)(
     max && _value && _value > max || min && _value && _value < min
   );
-  const value = (0, import_react38.useMemo)(() => {
+  const value = (0, import_react37.useMemo)(() => {
     if (_value && useMinorUnit) {
       return _value / Math.pow(10, maxDecimalScale);
     }
     return _value;
   }, [_value, useMinorUnit, maxDecimalScale]);
-  const handleChange = (0, import_react38.useCallback)(
+  const handleChange = (0, import_react37.useCallback)(
     (event) => {
       if (event.target.value === "") {
         setValue(void 0);
@@ -5102,7 +5088,7 @@ var PercentageInput = import_react38.default.forwardRef(function PercentageInput
     },
     [setValue, useMinorUnit, maxDecimalScale, min, max]
   );
-  return /* @__PURE__ */ import_react38.default.createElement(
+  return /* @__PURE__ */ import_react37.default.createElement(
     PercentageInputRoot,
     {
       ...innerProps,
@@ -5133,27 +5119,27 @@ PercentageInput.displayName = "PercentageInput";
 
 // src/components/Radio/Radio.tsx
 var import_joy50 = require("@mui/joy");
-var import_framer_motion27 = require("framer-motion");
-var MotionRadio = (0, import_framer_motion27.motion)(import_joy50.Radio);
+var import_framer_motion26 = require("framer-motion");
+var MotionRadio = (0, import_framer_motion26.motion)(import_joy50.Radio);
 var Radio = MotionRadio;
 Radio.displayName = "Radio";
-var MotionRadioGroup = (0, import_framer_motion27.motion)(import_joy50.RadioGroup);
+var MotionRadioGroup = (0, import_framer_motion26.motion)(import_joy50.RadioGroup);
 var RadioGroup = MotionRadioGroup;
 RadioGroup.displayName = "RadioGroup";
 
 // src/components/RadioList/RadioList.tsx
-var import_react39 = __toESM(require("react"));
+var import_react38 = __toESM(require("react"));
 function RadioList(props) {
   const { items, ...innerProps } = props;
-  return /* @__PURE__ */ import_react39.default.createElement(RadioGroup, { ...innerProps }, items.map((item) => /* @__PURE__ */ import_react39.default.createElement(Radio, { key: `${item.value}`, value: item.value, label: item.label })));
+  return /* @__PURE__ */ import_react38.default.createElement(RadioGroup, { ...innerProps }, items.map((item) => /* @__PURE__ */ import_react38.default.createElement(Radio, { key: `${item.value}`, value: item.value, label: item.label })));
 }
 RadioList.displayName = "RadioList";
 
 // src/components/Stepper/Stepper.tsx
-var import_react40 = __toESM(require("react"));
+var import_react39 = __toESM(require("react"));
 var import_joy51 = require("@mui/joy");
 var import_Check = __toESM(require("@mui/icons-material/Check"));
-var import_framer_motion28 = require("framer-motion");
+var import_framer_motion27 = require("framer-motion");
 var Step = (0, import_joy51.styled)(import_joy51.Step)({});
 Step.displayName = "Step";
 var StepIndicator = (0, import_joy51.styled)(import_joy51.StepIndicator)({});
@@ -5166,7 +5152,7 @@ var StyledStepper = (0, import_joy51.styled)(import_joy51.Stepper)(({ theme }) =
     fontSize: "var(--ceed-fontSize-xs)"
   }
 }));
-var MotionStepper = (0, import_framer_motion28.motion)(StyledStepper);
+var MotionStepper = (0, import_framer_motion27.motion)(StyledStepper);
 function Stepper(props) {
   const {
     steps,
@@ -5176,7 +5162,7 @@ function Stepper(props) {
     inactiveLineColor = "neutral.300",
     activeStep
   } = props;
-  return /* @__PURE__ */ import_react40.default.createElement(
+  return /* @__PURE__ */ import_react39.default.createElement(
     MotionStepper,
     {
       sx: (theme) => ({
@@ -5210,15 +5196,15 @@ function Stepper(props) {
       const completed = activeStep > i + 1;
       const disabled = activeStep < i + 1;
       const hasContent = step.label || step.extraContent;
-      return /* @__PURE__ */ import_react40.default.createElement(
+      return /* @__PURE__ */ import_react39.default.createElement(
         Step,
         {
-          indicator: /* @__PURE__ */ import_react40.default.createElement(StepIndicator, { variant: "solid", color: "primary" }, completed ? /* @__PURE__ */ import_react40.default.createElement(import_Check.default, null) : step.indicatorContent),
+          indicator: /* @__PURE__ */ import_react39.default.createElement(StepIndicator, { variant: "solid", color: "primary" }, completed ? /* @__PURE__ */ import_react39.default.createElement(import_Check.default, null) : step.indicatorContent),
           active,
           completed,
           disabled
         },
-        hasContent && /* @__PURE__ */ import_react40.default.createElement(Stack_default, null, step.label && /* @__PURE__ */ import_react40.default.createElement(Typography_default, { level: "title-sm" }, step.label), step.extraContent && /* @__PURE__ */ import_react40.default.createElement(Typography_default, { level: "body-xs" }, step.extraContent))
+        hasContent && /* @__PURE__ */ import_react39.default.createElement(Stack_default, null, step.label && /* @__PURE__ */ import_react39.default.createElement(Typography_default, { level: "title-sm" }, step.label), step.extraContent && /* @__PURE__ */ import_react39.default.createElement(Typography_default, { level: "body-xs" }, step.extraContent))
       );
     })
   );
@@ -5226,11 +5212,11 @@ function Stepper(props) {
 Stepper.displayName = "Stepper";
 
 // src/components/Switch/Switch.tsx
-var import_react41 = __toESM(require("react"));
+var import_react40 = __toESM(require("react"));
 var import_joy52 = require("@mui/joy");
-var import_framer_motion29 = require("framer-motion");
-var MotionSwitch = (0, import_framer_motion29.motion)(import_joy52.Switch);
-var StyledThumb = (0, import_joy52.styled)(import_framer_motion29.motion.div)({
+var import_framer_motion28 = require("framer-motion");
+var MotionSwitch = (0, import_framer_motion28.motion)(import_joy52.Switch);
+var StyledThumb = (0, import_joy52.styled)(import_framer_motion28.motion.div)({
   "--Icon-fontSize": "calc(var(--Switch-thumbSize) * 0.75)",
   display: "inline-flex",
   justifyContent: "center",
@@ -5248,14 +5234,14 @@ var StyledThumb = (0, import_joy52.styled)(import_framer_motion29.motion.div)({
     right: "var(--Switch-thumbOffset)"
   }
 });
-var Thumb = (props) => /* @__PURE__ */ import_react41.default.createElement(StyledThumb, { ...props, layout: true, transition: spring });
+var Thumb = (props) => /* @__PURE__ */ import_react40.default.createElement(StyledThumb, { ...props, layout: true, transition: spring });
 var spring = {
   type: "spring",
   stiffness: 700,
   damping: 30
 };
 var Switch = (props) => {
-  return /* @__PURE__ */ import_react41.default.createElement(
+  return /* @__PURE__ */ import_react40.default.createElement(
     MotionSwitch,
     {
       ...props,
@@ -5270,22 +5256,22 @@ Switch.displayName = "Switch";
 
 // src/components/Tabs/Tabs.tsx
 var import_joy53 = require("@mui/joy");
-var import_framer_motion30 = require("framer-motion");
-var MotionTabs = (0, import_framer_motion30.motion)(import_joy53.Tabs);
+var import_framer_motion29 = require("framer-motion");
+var MotionTabs = (0, import_framer_motion29.motion)(import_joy53.Tabs);
 var Tabs = MotionTabs;
 Tabs.displayName = "Tabs";
-var MotionTab = (0, import_framer_motion30.motion)(import_joy53.Tab);
+var MotionTab = (0, import_framer_motion29.motion)(import_joy53.Tab);
 var Tab = MotionTab;
 Tab.displayName = "Tab";
-var MotionTabList = (0, import_framer_motion30.motion)(import_joy53.TabList);
+var MotionTabList = (0, import_framer_motion29.motion)(import_joy53.TabList);
 var TabList = MotionTabList;
 TabList.displayName = "TabList";
-var MotionTabPanel = (0, import_framer_motion30.motion)(import_joy53.TabPanel);
+var MotionTabPanel = (0, import_framer_motion29.motion)(import_joy53.TabPanel);
 var TabPanel = MotionTabPanel;
 TabPanel.displayName = "TabPanel";
 
 // src/components/ThemeProvider/ThemeProvider.tsx
-var import_react42 = __toESM(require("react"));
+var import_react41 = __toESM(require("react"));
 var import_joy54 = require("@mui/joy");
 var colorScheme = {
   palette: {
@@ -5535,12 +5521,12 @@ var defaultTheme = (0, import_joy54.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_joy54.CssVarsProvider, { theme }, /* @__PURE__ */ import_react42.default.createElement(import_joy54.CssBaseline, null), props.children));
+  return /* @__PURE__ */ import_react41.default.createElement(import_react41.default.Fragment, null, /* @__PURE__ */ import_react41.default.createElement(import_joy54.CssVarsProvider, { theme }, /* @__PURE__ */ import_react41.default.createElement(import_joy54.CssBaseline, null), props.children));
 }
 ThemeProvider.displayName = "ThemeProvider";
 
 // src/components/Uploader/Uploader.tsx
-var import_react43 = __toESM(require("react"));
+var import_react42 = __toESM(require("react"));
 var import_joy55 = require("@mui/joy");
 var import_CloudUploadRounded = __toESM(require("@mui/icons-material/CloudUploadRounded"));
 var import_UploadFileRounded = __toESM(require("@mui/icons-material/UploadFileRounded"));
@@ -5658,7 +5644,7 @@ var getFileSize = (n) => {
 };
 var Preview = (props) => {
   const { files, uploaded, onDelete } = props;
-  return /* @__PURE__ */ import_react43.default.createElement(PreviewRoot, { gap: 1 }, [...uploaded, ...files].map((file) => /* @__PURE__ */ import_react43.default.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" }, /* @__PURE__ */ import_react43.default.createElement(Stack_default, { direction: "row", alignItems: "center", gap: 2 }, /* @__PURE__ */ import_react43.default.createElement(UploadFileIcon, null), /* @__PURE__ */ import_react43.default.createElement(Stack_default, { flex: "1" }, /* @__PURE__ */ import_react43.default.createElement(Typography_default, { level: "body-sm", textColor: "common.black" }, file.name), !!file.size && /* @__PURE__ */ import_react43.default.createElement(
+  return /* @__PURE__ */ import_react42.default.createElement(PreviewRoot, { gap: 1 }, [...uploaded, ...files].map((file) => /* @__PURE__ */ import_react42.default.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" }, /* @__PURE__ */ import_react42.default.createElement(Stack_default, { direction: "row", alignItems: "center", gap: 2 }, /* @__PURE__ */ import_react42.default.createElement(UploadFileIcon, null), /* @__PURE__ */ import_react42.default.createElement(Stack_default, { flex: "1" }, /* @__PURE__ */ import_react42.default.createElement(Typography_default, { level: "body-sm", textColor: "common.black" }, file.name), !!file.size && /* @__PURE__ */ import_react42.default.createElement(
     Typography_default,
     {
       level: "body-xs",
@@ -5667,7 +5653,7 @@ var Preview = (props) => {
       textColor: "text.tertiary"
     },
     getFileSize(file.size)
-  )), /* @__PURE__ */ import_react43.default.createElement(IconButton_default, { onClick: () => onDelete?.(file) }, /* @__PURE__ */ import_react43.default.createElement(ClearIcon2, null))))));
+  )), /* @__PURE__ */ import_react42.default.createElement(IconButton_default, { onClick: () => onDelete?.(file) }, /* @__PURE__ */ import_react42.default.createElement(ClearIcon2, null))))));
 };
 var UploaderRoot = (0, import_joy55.styled)(Stack_default, {
   name: "Uploader",
@@ -5704,7 +5690,7 @@ var UploaderIcon = (0, import_joy55.styled)(import_CloudUploadRounded.default, {
     height: "32px"
   })
 );
-var Uploader = import_react43.default.memo(
+var Uploader = import_react42.default.memo(
   (props) => {
     const {
       accept,
@@ -5719,19 +5705,19 @@ var Uploader = import_react43.default.memo(
       disabled,
       onDelete
     } = props;
-    const dropZoneRef = (0, import_react43.useRef)(null);
-    const inputRef = (0, import_react43.useRef)(null);
-    const [errorText, setErrorText] = (0, import_react43.useState)();
-    const [files, setFiles] = (0, import_react43.useState)([]);
-    const [uploaded, setUploaded] = (0, import_react43.useState)(
+    const dropZoneRef = (0, import_react42.useRef)(null);
+    const inputRef = (0, import_react42.useRef)(null);
+    const [errorText, setErrorText] = (0, import_react42.useState)();
+    const [files, setFiles] = (0, import_react42.useState)([]);
+    const [uploaded, setUploaded] = (0, import_react42.useState)(
       props.uploaded || []
     );
-    const [previewState, setPreviewState] = (0, import_react43.useState)("idle");
-    const accepts = (0, import_react43.useMemo)(
+    const [previewState, setPreviewState] = (0, import_react42.useState)("idle");
+    const accepts = (0, import_react42.useMemo)(
       () => accept.split(",").map((accept2) => accept2.trim()),
       [accept]
     );
-    const parsedAccepts = (0, import_react43.useMemo)(
+    const parsedAccepts = (0, import_react42.useMemo)(
       () => accepts.flatMap((type) => {
         if (["image/*", "video/*", "audio/*"].includes(type)) {
           return ALL_EXTENSIONS_BY_TYPE[type];
@@ -5740,7 +5726,7 @@ var Uploader = import_react43.default.memo(
       }),
       [accepts]
     );
-    const helperText = (0, import_react43.useMemo)(() => {
+    const helperText = (0, import_react42.useMemo)(() => {
       const [allAcceptedTypes, acceptedTypes] = [
         accepts.filter(
           (accept2) => ["image/*", "video/*", "audio/*"].includes(accept2)
@@ -5773,15 +5759,15 @@ var Uploader = import_react43.default.memo(
       }
       return helperTexts.join(", ");
     }, [accepts, maxFileTotalSize, maxCount]);
-    const error = (0, import_react43.useMemo)(
+    const error = (0, import_react42.useMemo)(
       () => !!errorText || props.error,
       [props.error, errorText]
     );
-    const showDropZone = (0, import_react43.useMemo)(
+    const showDropZone = (0, import_react42.useMemo)(
       () => !maxCount || maxCount && [...uploaded, ...files].length !== maxCount,
       [files, maxCount, uploaded]
     );
-    const addFiles = (0, import_react43.useCallback)(
+    const addFiles = (0, import_react42.useCallback)(
       (uploads) => {
         try {
           const types = parsedAccepts.map((type) => type.replace(".", "")) || [];
@@ -5838,7 +5824,7 @@ var Uploader = import_react43.default.memo(
         onChange
       ]
     );
-    (0, import_react43.useEffect)(() => {
+    (0, import_react42.useEffect)(() => {
       if (!dropZoneRef.current || disabled) {
         return;
       }
@@ -5886,7 +5872,7 @@ var Uploader = import_react43.default.memo(
       );
       return () => cleanup?.();
     }, [disabled, addFiles]);
-    (0, import_react43.useEffect)(() => {
+    (0, import_react42.useEffect)(() => {
       if (inputRef.current && minCount) {
         if (files.length < minCount) {
           inputRef.current.setCustomValidity(
@@ -5897,14 +5883,14 @@ var Uploader = import_react43.default.memo(
         }
       }
     }, [inputRef, files, minCount]);
-    const handleFileChanged = (0, import_react43.useCallback)(
+    const handleFileChanged = (0, import_react42.useCallback)(
       (event) => {
         const files2 = Array.from(event.target.files || []);
         addFiles(files2);
       },
       [addFiles]
     );
-    const handleDeleteFile = (0, import_react43.useCallback)(
+    const handleDeleteFile = (0, import_react42.useCallback)(
       (deletedFile) => {
         if (deletedFile instanceof File) {
           setFiles((current) => {
@@ -5926,10 +5912,10 @@ var Uploader = import_react43.default.memo(
       },
       [name, onChange, onDelete]
     );
-    const handleUploaderButtonClick = (0, import_react43.useCallback)(() => {
+    const handleUploaderButtonClick = (0, import_react42.useCallback)(() => {
       inputRef.current?.click();
     }, []);
-    const uploader = /* @__PURE__ */ import_react43.default.createElement(
+    const uploader = /* @__PURE__ */ import_react42.default.createElement(
       FileDropZone,
       {
         state: previewState,
@@ -5937,8 +5923,8 @@ var Uploader = import_react43.default.memo(
         ref: dropZoneRef,
         onClick: handleUploaderButtonClick
       },
-      /* @__PURE__ */ import_react43.default.createElement(Stack_default, { alignItems: "center", gap: 1 }, /* @__PURE__ */ import_react43.default.createElement(UploaderIcon, { state: previewState, error: !!(error || errorText) })),
-      /* @__PURE__ */ import_react43.default.createElement(
+      /* @__PURE__ */ import_react42.default.createElement(Stack_default, { alignItems: "center", gap: 1 }, /* @__PURE__ */ import_react42.default.createElement(UploaderIcon, { state: previewState, error: !!(error || errorText) })),
+      /* @__PURE__ */ import_react42.default.createElement(
         VisuallyHiddenInput,
         {
           disabled,
@@ -5963,7 +5949,7 @@ var Uploader = import_react43.default.memo(
         }
       )
     );
-    return /* @__PURE__ */ import_react43.default.createElement(UploaderRoot, null, showDropZone && /* @__PURE__ */ import_react43.default.createElement(
+    return /* @__PURE__ */ import_react42.default.createElement(UploaderRoot, null, showDropZone && /* @__PURE__ */ import_react42.default.createElement(
       FormControl_default,
       {
         size,
@@ -5971,10 +5957,10 @@ var Uploader = import_react43.default.memo(
         disabled,
         required: !!minCount
       },
-      label && /* @__PURE__ */ import_react43.default.createElement(FormLabel_default, null, label),
+      label && /* @__PURE__ */ import_react42.default.createElement(FormLabel_default, null, label),
       uploader,
-      /* @__PURE__ */ import_react43.default.createElement(FormHelperText_default, null, /* @__PURE__ */ import_react43.default.createElement(Stack_default, null, errorText && /* @__PURE__ */ import_react43.default.createElement("div", null, errorText), /* @__PURE__ */ import_react43.default.createElement("div", null, helperText)))
-    ), [...uploaded, ...files].length > 0 && /* @__PURE__ */ import_react43.default.createElement(
+      /* @__PURE__ */ import_react42.default.createElement(FormHelperText_default, null, /* @__PURE__ */ import_react42.default.createElement(Stack_default, null, errorText && /* @__PURE__ */ import_react42.default.createElement("div", null, errorText), /* @__PURE__ */ import_react42.default.createElement("div", null, helperText)))
+    ), [...uploaded, ...files].length > 0 && /* @__PURE__ */ import_react42.default.createElement(
       Preview,
       {
         files,