@ceed/ads 1.16.0-next.9 → 1.16.1

package/dist/index.js

@@ -3456,10 +3456,8 @@ TableBody.displayName = "TableBody";
 
 // src/components/Pagination/Pagination.tsx
 import React24, { useCallback as useCallback10, useEffect as useEffect6 } from "react";
-import PreviousIcon from "@mui/icons-material/ChevronLeftRounded";
-import NextIcon from "@mui/icons-material/ChevronRightRounded";
-import FirstPageIcon from "@mui/icons-material/FirstPageRounded";
-import LastPageIcon from "@mui/icons-material/LastPageRounded";
+import PreviousIcon from "@mui/icons-material/ChevronLeft";
+import NextIcon from "@mui/icons-material/ChevronRight";
 import { styled as styled13 } from "@mui/joy";
 var PaginationButton = styled13(Button_default, {
   name: "Pagination",
@@ -3518,7 +3516,6 @@ function Pagination(props) {
     onPageChange,
     rowCount,
     size = "md",
-    variant = "standard",
     ...innerProps
   } = props;
   const [paginationModel, setPaginationModel] = useControlledState(
@@ -3545,87 +3542,6 @@ function Pagination(props) {
       setPaginationModel({ ...paginationModel, page: lastPage });
     }
   }, [rowCount, paginationModel, lastPage, setPaginationModel]);
-  const pageOptions = Array.from({ length: lastPage }, (_, i) => ({
-    label: `${i + 1}`,
-    value: `${i + 1}`
-  }));
-  if (variant === "compact") {
-    return /* @__PURE__ */ React24.createElement(PaginationRoot, { ...innerProps }, /* @__PURE__ */ React24.createElement(PaginationContainer, { direction: "row", size, alignItems: "center" }, /* @__PURE__ */ React24.createElement(Stack_default, { direction: "row" }, /* @__PURE__ */ React24.createElement(
-      PaginationIconButton,
-      {
-        size,
-        variant: "plain",
-        color: "neutral",
-        onClick: () => handlePageChange(firstPage),
-        disabled: paginationModel.page === firstPage,
-        "aria-label": "First page"
-      },
-      /* @__PURE__ */ React24.createElement(FirstPageIcon, null)
-    ), /* @__PURE__ */ React24.createElement(
-      PaginationIconButton,
-      {
-        size,
-        variant: "plain",
-        color: "neutral",
-        onClick: () => handlePageChange(paginationModel.page - 1),
-        disabled: paginationModel.page === firstPage,
-        "aria-label": "Previous page"
-      },
-      /* @__PURE__ */ React24.createElement(PreviousIcon, null)
-    )), /* @__PURE__ */ React24.createElement(
-      Autocomplete_default,
-      {
-        size,
-        value: `${paginationModel.page}`,
-        onChange: (event) => {
-          if (event.target.value) {
-            handlePageChange(parseInt(event.target.value, 10));
-          }
-        },
-        options: pageOptions,
-        sx: {
-          width: {
-            sm: "80px",
-            md: "100px",
-            lg: "120px"
-          }[size]
-        }
-      }
-    ), /* @__PURE__ */ React24.createElement(
-      Typography_default,
-      {
-        level: `body-${size}`,
-        sx: (theme) => ({
-          color: theme.palette.text.secondary,
-          fontWeight: 500
-        })
-      },
-      "/ ",
-      lastPage
-    ), /* @__PURE__ */ React24.createElement(Stack_default, { direction: "row" }, /* @__PURE__ */ React24.createElement(
-      PaginationIconButton,
-      {
-        size,
-        variant: "plain",
-        color: "neutral",
-        onClick: () => handlePageChange(paginationModel.page + 1),
-        disabled: paginationModel.page === lastPage,
-        "aria-label": "Next page"
-      },
-      /* @__PURE__ */ React24.createElement(NextIcon, null)
-    ), /* @__PURE__ */ React24.createElement(
-      PaginationIconButton,
-      {
-        size,
-        variant: "plain",
-        color: "neutral",
-        onClick: () => handlePageChange(lastPage),
-        disabled: paginationModel.page === lastPage,
-        "aria-label": "Last page"
-      },
-      /* @__PURE__ */ React24.createElement(LastPageIcon, null)
-    ))));
-  }
   return /* @__PURE__ */ React24.createElement(PaginationRoot, { ...innerProps }, /* @__PURE__ */ React24.createElement(PaginationContainer, { direction: "row", size, alignItems: "center" }, /* @__PURE__ */ React24.createElement(
     PaginationIconButton,
     {
@@ -4550,6 +4466,7 @@ function FilterableCheckboxGroup(props) {
   );
   const parentRef = useRef8(null);
   const isInitialSortRef = useRef8(false);
+  const prevOptionsRef = useRef8([...options]);
   const filteredOptions = useMemo12(() => {
     if (!searchTerm) return sortedOptions;
     return sortedOptions.filter((option) => option.label.toLowerCase().includes(searchTerm.toLowerCase()));
@@ -4564,16 +4481,6 @@ function FilterableCheckboxGroup(props) {
         return 36;
     }
   }, [size]);
-  const noOptionsFontSize = useMemo12(() => {
-    switch (size) {
-      case "sm":
-        return "14px";
-      case "md":
-        return "16px";
-      case "lg":
-        return "18px";
-    }
-  }, [size]);
   const virtualizer = useVirtualizer3({
     count: filteredOptions.length,
     estimateSize: () => itemSize,
@@ -4583,27 +4490,34 @@ function FilterableCheckboxGroup(props) {
   });
   const items = virtualizer.getVirtualItems();
   useEffect8(() => {
-    if (isInitialSortRef.current) return;
-    const initialValue = value ?? [];
-    const sorted = [...options].sort((a, b) => {
-      const aSelected = initialValue.includes(a.value);
-      const bSelected = initialValue.includes(b.value);
-      if (aSelected !== bSelected) {
-        return aSelected ? -1 : 1;
-      }
-      const aIsAlpha = /^[a-zA-Z]/.test(a.label);
-      const bIsAlpha = /^[a-zA-Z]/.test(b.label);
-      if (aIsAlpha !== bIsAlpha) {
-        return aIsAlpha ? -1 : 1;
+    const optionsChanged = prevOptionsRef.current.length !== options.length || prevOptionsRef.current.some(
+      (prevOption, index) => prevOption.value !== options[index]?.value || prevOption.label !== options[index]?.label || prevOption.disabled !== options[index]?.disabled
+    );
+    if (!isInitialSortRef.current || optionsChanged) {
+      const initialValue = value ?? [];
+      const sorted = [...options].sort((a, b) => {
+        const aSelected = initialValue.includes(a.value);
+        const bSelected = initialValue.includes(b.value);
+        if (aSelected !== bSelected) {
+          return aSelected ? -1 : 1;
+        }
+        const aIsAlpha = /^[a-zA-Z]/.test(a.label);
+        const bIsAlpha = /^[a-zA-Z]/.test(b.label);
+        if (aIsAlpha !== bIsAlpha) {
+          return aIsAlpha ? -1 : 1;
+        }
+        return a.label.localeCompare(b.label);
+      });
+      setSortedOptions(sorted);
+      prevOptionsRef.current = [...options];
+      if (!isInitialSortRef.current) {
+        isInitialSortRef.current = true;
       }
-      return a.label.localeCompare(b.label);
-    });
-    setSortedOptions(sorted);
-    isInitialSortRef.current = true;
+    }
   }, [options, value]);
   useEffect8(() => {
     virtualizer.measure();
-  }, [virtualizer, filteredOptions]);
+  }, [virtualizer, filteredOptions, size]);
   const handleSearchChange = useCallback13((event) => {
     setSearchTerm(event.target.value);
   }, []);
@@ -4649,19 +4563,7 @@ function FilterableCheckboxGroup(props) {
       disabled,
       endDecorator: /* @__PURE__ */ React30.createElement(SearchIcon, null)
     }
-  ), filteredOptions.length === 0 ? /* @__PURE__ */ React30.createElement(
-    Stack_default,
-    {
-      sx: (theme) => ({
-        padding: "20px 12px",
-        justifyContent: "center",
-        alignItems: "center",
-        fontSize: noOptionsFontSize,
-        color: theme.palette.neutral.softDisabledColor
-      })
-    },
-    "No options found."
-  ) : /* @__PURE__ */ React30.createElement(
+  ), filteredOptions.length === 0 ? /* @__PURE__ */ React30.createElement(Typography_default, { level: `body-${size}`, textColor: "neutral.softDisabledColor", padding: "20px 12px", textAlign: "center" }, "No options found.") : /* @__PURE__ */ React30.createElement(
     "div",
     {
       ref: parentRef,
@@ -4731,8 +4633,8 @@ function FilterableCheckboxGroup(props) {
 FilterableCheckboxGroup.displayName = "FilterableCheckboxGroup";
 
 // src/components/FilterMenu/FilterMenu.tsx
-import React41, { useCallback as useCallback23 } from "react";
-import { Button as Button2, Stack as Stack11 } from "@mui/joy";
+import React40, { useCallback as useCallback22 } from "react";
+import { Button as Button2, Stack as Stack10 } from "@mui/joy";
 
 // src/components/FilterMenu/components/CheckboxGroup.tsx
 import React31, { useCallback as useCallback14 } from "react";
@@ -4768,37 +4670,8 @@ function CheckboxGroup(props) {
 }
 CheckboxGroup.displayName = "CheckboxGroup";
 
-// src/components/FilterMenu/components/FilterableCheckboxGroup.tsx
-import React32, { useCallback as useCallback15 } from "react";
-import { Stack as Stack3 } from "@mui/joy";
-function FilterableCheckboxGroup2(props) {
-  const { id, label, options, value, onChange, hidden, placeholder, maxHeight } = props;
-  const [internalValue, setInternalValue] = useControlledState(value, [], onChange);
-  const handleChange = useCallback15(
-    (newValue) => {
-      setInternalValue(newValue);
-    },
-    [setInternalValue]
-  );
-  if (hidden) {
-    return null;
-  }
-  return /* @__PURE__ */ React32.createElement(Stack3, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ React32.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ React32.createElement(
-    FilterableCheckboxGroup,
-    {
-      value: internalValue ?? [],
-      onChange: handleChange,
-      options,
-      placeholder,
-      maxHeight,
-      size: "sm"
-    }
-  ));
-}
-FilterableCheckboxGroup2.displayName = "FilterableCheckboxGroup";
-
 // src/components/FilterMenu/components/RadioGroup.tsx
-import React33, { useCallback as useCallback16 } from "react";
+import React32, { useCallback as useCallback15 } from "react";
 
 // src/components/Radio/Radio.tsx
 import { Radio as JoyRadio, RadioGroup as JoyRadioGroup } from "@mui/joy";
@@ -4811,11 +4684,11 @@ var RadioGroup = MotionRadioGroup;
 RadioGroup.displayName = "RadioGroup";
 
 // src/components/FilterMenu/components/RadioGroup.tsx
-import { Stack as Stack4 } from "@mui/joy";
+import { Stack as Stack3 } from "@mui/joy";
 function RadioGroup2(props) {
   const { id, label, options, value, onChange, hidden } = props;
   const [internalValue, setInternalValue] = useControlledState(value, value ?? "", onChange);
-  const handleRadioChange = useCallback16(
+  const handleRadioChange = useCallback15(
     (event) => {
       const newValue = event.target.value;
       const option = options.find((opt) => opt.value.toString() === newValue);
@@ -4827,13 +4700,13 @@ function RadioGroup2(props) {
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ React33.createElement(Stack4, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ React33.createElement(Stack4, { spacing: 1 }, /* @__PURE__ */ React33.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label)), /* @__PURE__ */ React33.createElement(RadioGroup, { name: id, value: internalValue?.toString(), onChange: handleRadioChange }, options.map((option) => /* @__PURE__ */ React33.createElement(Radio, { key: `${id}-${option.value}`, value: option.value.toString(), label: option.label }))));
+  return /* @__PURE__ */ React32.createElement(Stack3, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ React32.createElement(Stack3, { spacing: 1 }, /* @__PURE__ */ React32.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label)), /* @__PURE__ */ React32.createElement(RadioGroup, { name: id, value: internalValue?.toString(), onChange: handleRadioChange }, options.map((option) => /* @__PURE__ */ React32.createElement(Radio, { key: `${id}-${option.value}`, value: option.value.toString(), label: option.label }))));
 }
 RadioGroup2.displayName = "RadioGroup";
 
 // src/components/FilterMenu/components/DateRange.tsx
-import React34, { useCallback as useCallback17, useMemo as useMemo13, useState as useState11, useEffect as useEffect9 } from "react";
-import { Stack as Stack5 } from "@mui/joy";
+import React33, { useCallback as useCallback16, useMemo as useMemo13, useState as useState11, useEffect as useEffect9 } from "react";
+import { Stack as Stack4 } from "@mui/joy";
 function DateRange(props) {
   const {
     id,
@@ -4845,7 +4718,6 @@ function DateRange(props) {
     maxDate,
     disableFuture,
     disablePast,
-    format = "YYYY/MM/DD",
     displayFormat,
     inputReadOnly,
     hideClearButton
@@ -4862,7 +4734,7 @@ function DateRange(props) {
     ],
     []
   );
-  const getDateRangeForOption = useCallback17(
+  const getDateRangeForOption = useCallback16(
     (option) => {
       const now = /* @__PURE__ */ new Date();
       const currentYear = now.getFullYear();
@@ -4901,7 +4773,7 @@ function DateRange(props) {
     },
     [internalValue]
   );
-  const determineOptionFromValue = useCallback17(
+  const determineOptionFromValue = useCallback16(
     (value2) => {
       if (!value2) {
         return "all-time";
@@ -4927,7 +4799,7 @@ function DateRange(props) {
     const newOption = determineOptionFromValue(internalValue);
     setSelectedOption(newOption);
   }, [internalValue, determineOptionFromValue]);
-  const handleOptionChange = useCallback17(
+  const handleOptionChange = useCallback16(
     (event) => {
       const newOption = event.target.value;
       setSelectedOption(newOption);
@@ -4936,25 +4808,28 @@ function DateRange(props) {
     },
     [getDateRangeForOption, setInternalValue]
   );
-  const handleCustomDateChange = useCallback17(
+  const handleCustomDateChange = useCallback16(
     (event) => {
       const dateRangeString = event.target.value;
       if (dateRangeString && dateRangeString.includes(" - ")) {
         const [startDate, endDate] = dateRangeString.split(" - ");
         if (startDate && endDate) {
           const newValue = [startDate, endDate];
-          setInternalValue(newValue);
+          const hasChanged = !internalValue || internalValue[0] !== startDate || internalValue[1] !== endDate;
+          if (hasChanged) {
+            setInternalValue(newValue);
+          }
         }
       } else if (!dateRangeString) {
         setInternalValue(null);
       }
     },
-    [setInternalValue]
+    [setInternalValue, internalValue]
   );
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ React34.createElement(Stack5, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ React34.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ React34.createElement(RadioGroup, { name: `${id}-options`, value: selectedOption, onChange: handleOptionChange }, dateRangeOptions.map((option) => /* @__PURE__ */ React34.createElement(Radio, { key: `${id}-${option.value}`, value: option.value, label: option.label }))), selectedOption === "custom" && /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React33.createElement(Stack4, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ React33.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ React33.createElement(RadioGroup, { name: `${id}-options`, value: selectedOption, onChange: handleOptionChange }, dateRangeOptions.map((option) => /* @__PURE__ */ React33.createElement(Radio, { key: `${id}-${option.value}`, value: option.value, label: option.label }))), selectedOption === "custom" && /* @__PURE__ */ React33.createElement(
     DateRangePicker,
     {
       value: customDateRangeValue,
@@ -4963,7 +4838,7 @@ function DateRange(props) {
       maxDate,
       disableFuture,
       disablePast,
-      format,
+      format: "YYYY-MM-DD",
       displayFormat,
       inputReadOnly,
       hideClearButton
@@ -4973,12 +4848,12 @@ function DateRange(props) {
 DateRange.displayName = "DateRange";
 
 // src/components/FilterMenu/components/CurrencyInput.tsx
-import React35, { useCallback as useCallback18 } from "react";
-import { Stack as Stack6 } from "@mui/joy";
+import React34, { useCallback as useCallback17 } from "react";
+import { Stack as Stack5 } from "@mui/joy";
 function CurrencyInput3(props) {
   const { id, label, value, onChange, hidden, max, placeholder, useMinorUnit, currency = "USD" } = props;
   const [internalValue, setInternalValue] = useControlledState(value, value, onChange);
-  const handleCurrencyChange = useCallback18(
+  const handleCurrencyChange = useCallback17(
     (event) => {
       const newValue = event.target.value;
       setInternalValue(newValue);
@@ -4988,7 +4863,7 @@ function CurrencyInput3(props) {
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ React35.createElement(Stack6, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ React35.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ React35.createElement(
+  return /* @__PURE__ */ React34.createElement(Stack5, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ React34.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ React34.createElement(
     CurrencyInput,
     {
       value: internalValue,
@@ -5004,14 +4879,14 @@ function CurrencyInput3(props) {
 CurrencyInput3.displayName = "CurrencyInput";
 
 // src/components/FilterMenu/components/CurrencyRange.tsx
-import React36, { useCallback as useCallback19 } from "react";
-import { Stack as Stack7 } from "@mui/joy";
+import React35, { useCallback as useCallback18 } from "react";
+import { Stack as Stack6 } from "@mui/joy";
 function CurrencyRange(props) {
   const { id, label, value, onChange, hidden, max, placeholder, useMinorUnit, currency = "USD" } = props;
   const [internalValue, setInternalValue] = useControlledState(value, null, onChange);
   const minValue = internalValue?.[0];
   const maxValue = internalValue?.[1];
-  const handleMinChange = useCallback19(
+  const handleMinChange = useCallback18(
     (event) => {
       const newMinValue = event.target.value;
       const currentMaxValue = maxValue;
@@ -5025,7 +4900,7 @@ function CurrencyRange(props) {
     },
     [maxValue, setInternalValue]
   );
-  const handleMaxChange = useCallback19(
+  const handleMaxChange = useCallback18(
     (event) => {
       const newMaxValue = event.target.value;
       const currentMinValue = minValue;
@@ -5042,7 +4917,7 @@ function CurrencyRange(props) {
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ React36.createElement(Stack7, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ React36.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ React36.createElement(Stack7, { direction: "row", spacing: 2, alignItems: "flex-end" }, /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React35.createElement(Stack6, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ React35.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ React35.createElement(Stack6, { direction: "row", spacing: 2, alignItems: "flex-end" }, /* @__PURE__ */ React35.createElement(
     CurrencyInput,
     {
       label: "Minimum",
@@ -5055,7 +4930,7 @@ function CurrencyRange(props) {
       "aria-labelledby": label ? id : void 0,
       "aria-label": "Minimum amount"
     }
-  ), /* @__PURE__ */ React36.createElement(
+  ), /* @__PURE__ */ React35.createElement(
     CurrencyInput,
     {
       label: "Maximum",
@@ -5073,20 +4948,20 @@ function CurrencyRange(props) {
 CurrencyRange.displayName = "CurrencyRange";
 
 // src/components/FilterMenu/components/PercentageInput.tsx
-import React38 from "react";
-import { Stack as Stack8, Typography as Typography2 } from "@mui/joy";
+import React37 from "react";
+import { Stack as Stack7, Typography as Typography2 } from "@mui/joy";
 
 // src/components/PercentageInput/PercentageInput.tsx
-import React37, { useCallback as useCallback20, useMemo as useMemo14, useState as useState12 } from "react";
+import React36, { useCallback as useCallback19, useMemo as useMemo14, useState as useState12 } from "react";
 import { NumericFormat as NumericFormat2 } from "react-number-format";
 import { styled as styled20, useThemeProps as useThemeProps6 } from "@mui/joy";
 var padDecimal = (value, decimalScale) => {
   const [integer, decimal = ""] = `${value}`.split(".");
   return Number(`${integer}${decimal.padEnd(decimalScale, "0")}`);
 };
-var TextMaskAdapter7 = React37.forwardRef(function TextMaskAdapter8(props, ref) {
+var TextMaskAdapter7 = React36.forwardRef(function TextMaskAdapter8(props, ref) {
   const { onChange, min, max, ...innerProps } = props;
-  return /* @__PURE__ */ React37.createElement(
+  return /* @__PURE__ */ React36.createElement(
     NumericFormat2,
     {
       ...innerProps,
@@ -5111,7 +4986,7 @@ var PercentageInputRoot = styled20(Input_default, {
   slot: "Root",
   overridesResolver: (props, styles) => styles.root
 })({});
-var PercentageInput = React37.forwardRef(
+var PercentageInput = React36.forwardRef(
   function PercentageInput2(inProps, ref) {
     const props = useThemeProps6({ props: inProps, name: "PercentageInput" });
     const {
@@ -5134,7 +5009,7 @@ var PercentageInput = React37.forwardRef(
     const [_value, setValue] = useControlledState(
       props.value,
       props.defaultValue,
-      useCallback20((value2) => onChange?.({ target: { name, value: value2 } }), [onChange, name])
+      useCallback19((value2) => onChange?.({ target: { name, value: value2 } }), [onChange, name])
     );
     const [internalError, setInternalError] = useState12(
       max && _value && _value > max || min && _value && _value < min
@@ -5145,7 +5020,7 @@ var PercentageInput = React37.forwardRef(
       }
       return _value;
     }, [_value, useMinorUnit, maxDecimalScale]);
-    const handleChange = useCallback20(
+    const handleChange = useCallback19(
       (event) => {
         if (event.target.value === "") {
           setValue(void 0);
@@ -5162,7 +5037,7 @@ var PercentageInput = React37.forwardRef(
       },
       [setValue, useMinorUnit, maxDecimalScale, min, max]
     );
-    return /* @__PURE__ */ React37.createElement(
+    return /* @__PURE__ */ React36.createElement(
       PercentageInputRoot,
       {
         ...innerProps,
@@ -5209,7 +5084,7 @@ var PercentageInput3 = ({
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ React38.createElement(Stack8, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ React38.createElement(Typography2, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ React38.createElement(
+  return /* @__PURE__ */ React37.createElement(Stack7, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ React37.createElement(Typography2, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ React37.createElement(
     PercentageInput,
     {
       value: _value,
@@ -5224,8 +5099,8 @@ var PercentageInput3 = ({
 };
 
 // src/components/FilterMenu/components/PercentageRange.tsx
-import React39, { useCallback as useCallback21 } from "react";
-import { Stack as Stack9 } from "@mui/joy";
+import React38, { useCallback as useCallback20 } from "react";
+import { Stack as Stack8 } from "@mui/joy";
 function PercentageRange(props) {
   const { id, label, value, onChange, hidden, useMinorUnit, maxDecimalScale, min, max } = props;
   const [internalValue, setInternalValue] = useControlledState(
@@ -5235,7 +5110,7 @@ function PercentageRange(props) {
   );
   const minValue = internalValue?.[0];
   const maxValue = internalValue?.[1];
-  const handleMinChange = useCallback21(
+  const handleMinChange = useCallback20(
     (event) => {
       const newMinValue = event.target.value;
       const currentMaxValue = maxValue;
@@ -5247,7 +5122,7 @@ function PercentageRange(props) {
     },
     [maxValue, setInternalValue]
   );
-  const handleMaxChange = useCallback21(
+  const handleMaxChange = useCallback20(
     (event) => {
       const newMaxValue = event.target.value;
       const currentMinValue = minValue;
@@ -5262,7 +5137,7 @@ function PercentageRange(props) {
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ React39.createElement(Stack9, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ React39.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ React39.createElement(Stack9, { direction: "row", spacing: 2, alignItems: "flex-end" }, /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React38.createElement(Stack8, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ React38.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ React38.createElement(Stack8, { direction: "row", spacing: 2, alignItems: "flex-end" }, /* @__PURE__ */ React38.createElement(
     PercentageInput,
     {
       label: "Minimum",
@@ -5276,7 +5151,7 @@ function PercentageRange(props) {
       "aria-label": "Minimum percentage",
       placeholder: "0%"
     }
-  ), /* @__PURE__ */ React39.createElement(
+  ), /* @__PURE__ */ React38.createElement(
     PercentageInput,
     {
       label: "Maximum",
@@ -5295,13 +5170,13 @@ function PercentageRange(props) {
 PercentageRange.displayName = "PercentageRange";
 
 // src/components/FilterMenu/components/Autocomplete.tsx
-import React40, { useCallback as useCallback22 } from "react";
-import { Stack as Stack10 } from "@mui/joy";
+import React39, { useCallback as useCallback21 } from "react";
+import { Stack as Stack9 } from "@mui/joy";
 function Autocomplete2(props) {
   const { id, label, value, onChange, options, multiple, hidden, placeholder } = props;
   const [internalValue, setInternalValue] = useControlledState(value, void 0, onChange);
   const autocompleteValue = typeof internalValue === "string" || typeof internalValue === "number" ? String(internalValue) : void 0;
-  const handleChange = useCallback22(
+  const handleChange = useCallback21(
     (event) => {
       const val = event.target.value;
       if (val) {
@@ -5316,7 +5191,7 @@ function Autocomplete2(props) {
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ React40.createElement(Stack10, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ React40.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React39.createElement(Stack9, { spacing: 3, role: "group", "aria-labelledby": id }, !!label && /* @__PURE__ */ React39.createElement(Typography_default, { id, level: "title-sm", component: "label", textColor: "text.tertiary" }, label), /* @__PURE__ */ React39.createElement(
     Autocomplete,
     {
       value: autocompleteValue,
@@ -5333,7 +5208,6 @@ Autocomplete2.displayName = "Autocomplete";
 // src/components/FilterMenu/FilterMenu.tsx
 var componentMap = {
   "checkbox-group": CheckboxGroup,
-  "filterable-checkbox-group": FilterableCheckboxGroup2,
   "radio-group": RadioGroup2,
   "date-range": DateRange,
   "currency-input": CurrencyInput3,
@@ -5350,7 +5224,7 @@ function FilterMenu(props) {
     void 0
     // onChange는 Apply 버튼에서만 호출
   );
-  const handleFilterChange = useCallback23(
+  const handleFilterChange = useCallback22(
     (filterId, value) => {
       setInternalValues((prev) => ({
         ...prev,
@@ -5359,17 +5233,17 @@ function FilterMenu(props) {
     },
     [setInternalValues]
   );
-  const handleApply = useCallback23(() => {
+  const handleApply = useCallback22(() => {
     onChange?.(internalValues);
     onClose?.();
   }, [onChange, onClose, internalValues]);
-  const handleClear = useCallback23(() => {
+  const handleClear = useCallback22(() => {
     const clearedValues = resetValues || {};
     setInternalValues(clearedValues);
     onChange?.(clearedValues);
     onClose?.();
   }, [resetValues, setInternalValues, onChange, onClose]);
-  return /* @__PURE__ */ React41.createElement(
+  return /* @__PURE__ */ React40.createElement(
     ModalDialog,
     {
       sx: {
@@ -5379,9 +5253,9 @@ function FilterMenu(props) {
         top: "initial"
       }
     },
-    /* @__PURE__ */ React41.createElement(DialogContent, { sx: { paddingTop: 5 } }, /* @__PURE__ */ React41.createElement(Stack11, { spacing: 6 }, filters?.map((filter) => {
+    /* @__PURE__ */ React40.createElement(DialogContent, { sx: { paddingTop: 5 } }, /* @__PURE__ */ React40.createElement(Stack10, { spacing: 6 }, filters?.map((filter) => {
       const FilterComponent = componentMap[filter.type];
-      return FilterComponent ? /* @__PURE__ */ React41.createElement(
+      return FilterComponent ? /* @__PURE__ */ React40.createElement(
         FilterComponent,
         {
           key: filter.id,
@@ -5393,13 +5267,13 @@ function FilterMenu(props) {
         }
       ) : null;
     }))),
-    /* @__PURE__ */ React41.createElement(DialogActions, { sx: { justifyContent: "space-between" } }, useClear && filters?.length === 1 && /* @__PURE__ */ React41.createElement(Button2, { variant: "plain", color: "neutral", size: "md", onClick: handleClear }, "Clear"), useReset && !useClear && /* @__PURE__ */ React41.createElement(Button2, { variant: "plain", color: "neutral", size: "md", onClick: handleClear }, "Reset"), /* @__PURE__ */ React41.createElement(Button2, { variant: "solid", color: "primary", size: "md", onClick: handleApply }, "Apply"))
+    /* @__PURE__ */ React40.createElement(DialogActions, { sx: { justifyContent: "space-between" } }, useClear && filters?.length === 1 && /* @__PURE__ */ React40.createElement(Button2, { variant: "plain", color: "neutral", size: "md", onClick: handleClear }, "Clear"), useReset && !useClear && /* @__PURE__ */ React40.createElement(Button2, { variant: "plain", color: "neutral", size: "md", onClick: handleClear }, "Reset"), /* @__PURE__ */ React40.createElement(Button2, { variant: "solid", color: "primary", size: "md", onClick: handleApply }, "Apply"))
   );
 }
 FilterMenu.displayName = "FilterMenu";
 
 // src/components/Uploader/Uploader.tsx
-import React42, { useCallback as useCallback24, useEffect as useEffect10, useMemo as useMemo15, useRef as useRef9, useState as useState13 } from "react";
+import React41, { useCallback as useCallback23, useEffect as useEffect10, useMemo as useMemo15, useRef as useRef9, useState as useState13 } from "react";
 import { styled as styled21, Input as Input2 } from "@mui/joy";
 import MuiFileUploadIcon from "@mui/icons-material/CloudUploadRounded";
 import MuiUploadFileIcon from "@mui/icons-material/UploadFileRounded";
@@ -5476,7 +5350,7 @@ var getFileSize = (n) => {
 };
 var Preview = (props) => {
   const { files, uploaded, onDelete } = props;
-  return /* @__PURE__ */ React42.createElement(PreviewRoot, { gap: 1 }, [...uploaded, ...files].map((file) => /* @__PURE__ */ React42.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" }, /* @__PURE__ */ React42.createElement(Stack_default, { direction: "row", alignItems: "center", gap: 2 }, /* @__PURE__ */ React42.createElement(UploadFileIcon, null), /* @__PURE__ */ React42.createElement(Stack_default, { flex: "1", sx: { overflow: "hidden" } }, /* @__PURE__ */ React42.createElement(
+  return /* @__PURE__ */ React41.createElement(PreviewRoot, { gap: 1 }, [...uploaded, ...files].map((file) => /* @__PURE__ */ React41.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" }, /* @__PURE__ */ React41.createElement(Stack_default, { direction: "row", alignItems: "center", gap: 2 }, /* @__PURE__ */ React41.createElement(UploadFileIcon, null), /* @__PURE__ */ React41.createElement(Stack_default, { flex: "1", sx: { overflow: "hidden" } }, /* @__PURE__ */ React41.createElement(
     Typography_default,
     {
       level: "body-sm",
@@ -5488,7 +5362,7 @@ var Preview = (props) => {
       }
     },
     file.name
-  ), !!file.size && /* @__PURE__ */ React42.createElement(Typography_default, { level: "body-xs", fontWeight: "300", lineHeight: "1.33", textColor: "text.tertiary" }, getFileSize(file.size))), /* @__PURE__ */ React42.createElement(IconButton_default, { onClick: () => onDelete?.(file) }, /* @__PURE__ */ React42.createElement(ClearIcon2, null))))));
+  ), !!file.size && /* @__PURE__ */ React41.createElement(Typography_default, { level: "body-xs", fontWeight: "300", lineHeight: "1.33", textColor: "text.tertiary" }, getFileSize(file.size))), /* @__PURE__ */ React41.createElement(IconButton_default, { onClick: () => onDelete?.(file) }, /* @__PURE__ */ React41.createElement(ClearIcon2, null))))));
 };
 var UploaderRoot = styled21(Stack_default, {
   name: "Uploader",
@@ -5531,7 +5405,7 @@ var UploaderIcon = styled21(MuiFileUploadIcon, {
     }
   })
 );
-var Uploader = React42.memo(
+var Uploader = React41.memo(
   (props) => {
     const {
       accept,
@@ -5599,7 +5473,7 @@ var Uploader = React42.memo(
       () => !maxCount || maxCount && [...uploaded, ...files].length !== maxCount,
       [files, maxCount, uploaded]
     );
-    const addFiles = useCallback24(
+    const addFiles = useCallback23(
       (uploads) => {
         try {
           const types = parsedAccepts.map((type) => type.replace(".", "")) || [];
@@ -5691,14 +5565,14 @@ var Uploader = React42.memo(
         }
       }
     }, [inputRef, files, minCount]);
-    const handleFileChanged = useCallback24(
+    const handleFileChanged = useCallback23(
       (event) => {
         const files2 = Array.from(event.target.files || []);
         addFiles(files2);
       },
       [addFiles]
     );
-    const handleDeleteFile = useCallback24(
+    const handleDeleteFile = useCallback23(
       (deletedFile) => {
         if (deletedFile instanceof File) {
           setFiles((current) => {
@@ -5718,10 +5592,10 @@ var Uploader = React42.memo(
       },
       [name, onChange, onDelete]
     );
-    const handleUploaderButtonClick = useCallback24(() => {
+    const handleUploaderButtonClick = useCallback23(() => {
       inputRef.current?.click();
     }, []);
-    const uploader = /* @__PURE__ */ React42.createElement(
+    const uploader = /* @__PURE__ */ React41.createElement(
       FileDropZone,
       {
         state: previewState,
@@ -5730,8 +5604,8 @@ var Uploader = React42.memo(
         ref: dropZoneRef,
         onClick: handleUploaderButtonClick
       },
-      /* @__PURE__ */ React42.createElement(Stack_default, { alignItems: "center", gap: 1 }, /* @__PURE__ */ React42.createElement(UploaderIcon, { state: previewState, error: !!(error || errorText), disabled })),
-      /* @__PURE__ */ React42.createElement(
+      /* @__PURE__ */ React41.createElement(Stack_default, { alignItems: "center", gap: 1 }, /* @__PURE__ */ React41.createElement(UploaderIcon, { state: previewState, error: !!(error || errorText), disabled })),
+      /* @__PURE__ */ React41.createElement(
         VisuallyHiddenInput,
         {
           disabled,
@@ -5754,7 +5628,7 @@ var Uploader = React42.memo(
         }
       )
     );
-    return /* @__PURE__ */ React42.createElement(UploaderRoot, null, showDropZone && /* @__PURE__ */ React42.createElement(FormControl_default, { size, error: !!(error || errorText), disabled, required: !!minCount }, label && /* @__PURE__ */ React42.createElement(FormLabel_default, null, label), uploader, /* @__PURE__ */ React42.createElement(FormHelperText_default, null, /* @__PURE__ */ React42.createElement(Stack_default, null, errorText && /* @__PURE__ */ React42.createElement("div", null, errorText), /* @__PURE__ */ React42.createElement("div", null, helperText)))), [...uploaded, ...files].length > 0 && /* @__PURE__ */ React42.createElement(Preview, { files, uploaded, onDelete: handleDeleteFile }));
+    return /* @__PURE__ */ React41.createElement(UploaderRoot, null, showDropZone && /* @__PURE__ */ React41.createElement(FormControl_default, { size, error: !!(error || errorText), disabled, required: !!minCount }, label && /* @__PURE__ */ React41.createElement(FormLabel_default, null, label), uploader, /* @__PURE__ */ React41.createElement(FormHelperText_default, null, /* @__PURE__ */ React41.createElement(Stack_default, null, errorText && /* @__PURE__ */ React41.createElement("div", null, errorText), /* @__PURE__ */ React41.createElement("div", null, helperText)))), [...uploaded, ...files].length > 0 && /* @__PURE__ */ React41.createElement(Preview, { files, uploaded, onDelete: handleDeleteFile }));
   }
 );
 Uploader.displayName = "Uploader";
@@ -5763,7 +5637,7 @@ Uploader.displayName = "Uploader";
 import { Grid } from "@mui/joy";
 
 // src/components/IconMenuButton/IconMenuButton.tsx
-import React43 from "react";
+import React42 from "react";
 import { MenuButton as JoyMenuButton2, IconButton as JoyIconButton2 } from "@mui/joy";
 function IconMenuButton(props) {
   const {
@@ -5777,7 +5651,7 @@ function IconMenuButton(props) {
     placement = "bottom"
   } = props;
   if (!items.length) {
-    return /* @__PURE__ */ React43.createElement(
+    return /* @__PURE__ */ React42.createElement(
       JoyIconButton2,
       {
         component: props.buttonComponent ?? "button",
@@ -5791,7 +5665,7 @@ function IconMenuButton(props) {
       icon
     );
   }
-  return /* @__PURE__ */ React43.createElement(Dropdown_default, null, /* @__PURE__ */ React43.createElement(
+  return /* @__PURE__ */ React42.createElement(Dropdown_default, null, /* @__PURE__ */ React42.createElement(
     JoyMenuButton2,
     {
       slots: { root: JoyIconButton2 },
@@ -5808,12 +5682,12 @@ function IconMenuButton(props) {
       }
     },
     icon
-  ), /* @__PURE__ */ React43.createElement(Menu, { placement, size }, items.map((i) => /* @__PURE__ */ React43.createElement(MenuItem, { key: i.text, component: i.component, ...i.componentProps ?? {} }, i.text))));
+  ), /* @__PURE__ */ React42.createElement(Menu, { placement, size }, items.map((i) => /* @__PURE__ */ React42.createElement(MenuItem, { key: i.text, component: i.component, ...i.componentProps ?? {} }, i.text))));
 }
 IconMenuButton.displayName = "IconMenuButton";
 
 // src/components/Markdown/Markdown.tsx
-import React44, { lazy, Suspense, useEffect as useEffect11, useState as useState14 } from "react";
+import React43, { lazy, Suspense, useEffect as useEffect11, useState as useState14 } from "react";
 import { Skeleton } from "@mui/joy";
 import { Link as Link2 } from "@mui/joy";
 import remarkGfm from "remark-gfm";
@@ -5842,12 +5716,12 @@ var Markdown = (props) => {
   if (!rehypeAccent2) {
     return null;
   }
-  return /* @__PURE__ */ React44.createElement(Typography, { component: "div", color, textColor, level: defaultLevel, ...innerProps }, /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React43.createElement(Typography, { component: "div", color, textColor, level: defaultLevel, ...innerProps }, /* @__PURE__ */ React43.createElement(
     Suspense,
     {
-      fallback: fallback || /* @__PURE__ */ React44.createElement(Typography, null, /* @__PURE__ */ React44.createElement(Skeleton, null, content || ""))
+      fallback: fallback || /* @__PURE__ */ React43.createElement(Typography, null, /* @__PURE__ */ React43.createElement(Skeleton, null, content || ""))
     },
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React43.createElement(
       LazyReactMarkdown,
       {
         ...markdownOptions,
@@ -5855,15 +5729,15 @@ var Markdown = (props) => {
         rehypePlugins: [[rehypeAccent2, { accentColor }]],
         remarkPlugins: [remarkGfm],
         components: {
-          h1: ({ children }) => /* @__PURE__ */ React44.createElement(Typography, { color, textColor, level: "h1" }, children),
-          h2: ({ children }) => /* @__PURE__ */ React44.createElement(Typography, { color, textColor, level: "h2" }, children),
-          h3: ({ children }) => /* @__PURE__ */ React44.createElement(Typography, { color, textColor, level: "h3" }, children),
-          h4: ({ children }) => /* @__PURE__ */ React44.createElement(Typography, { color, textColor, level: "h4" }, children),
-          p: ({ children, node }) => /* @__PURE__ */ React44.createElement(Typography, { color, textColor, level: defaultLevel, ...node?.properties }, children),
-          a: ({ children, href }) => /* @__PURE__ */ React44.createElement(Link2, { href, target: defaultLinkAction }, children),
-          hr: () => /* @__PURE__ */ React44.createElement(Divider, null),
-          b: ({ children }) => /* @__PURE__ */ React44.createElement(Typography, { fontWeight: boldFontWeight }, children),
-          strong: ({ children }) => /* @__PURE__ */ React44.createElement(Typography, { fontWeight: boldFontWeight }, children),
+          h1: ({ children }) => /* @__PURE__ */ React43.createElement(Typography, { color, textColor, level: "h1" }, children),
+          h2: ({ children }) => /* @__PURE__ */ React43.createElement(Typography, { color, textColor, level: "h2" }, children),
+          h3: ({ children }) => /* @__PURE__ */ React43.createElement(Typography, { color, textColor, level: "h3" }, children),
+          h4: ({ children }) => /* @__PURE__ */ React43.createElement(Typography, { color, textColor, level: "h4" }, children),
+          p: ({ children, node }) => /* @__PURE__ */ React43.createElement(Typography, { color, textColor, level: defaultLevel, ...node?.properties }, children),
+          a: ({ children, href }) => /* @__PURE__ */ React43.createElement(Link2, { href, target: defaultLinkAction }, children),
+          hr: () => /* @__PURE__ */ React43.createElement(Divider, null),
+          b: ({ children }) => /* @__PURE__ */ React43.createElement(Typography, { fontWeight: boldFontWeight }, children),
+          strong: ({ children }) => /* @__PURE__ */ React43.createElement(Typography, { fontWeight: boldFontWeight }, children),
           ...markdownOptions?.components
         }
       }
@@ -5873,7 +5747,7 @@ var Markdown = (props) => {
 Markdown.displayName = "Markdown";
 
 // src/components/MenuButton/MenuButton.tsx
-import React45 from "react";
+import React44 from "react";
 import { MenuButton as JoyMenuButton3, Button as JoyButton2 } from "@mui/joy";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 function MenuButton(props) {
@@ -5891,7 +5765,7 @@ function MenuButton(props) {
     placement = "bottom"
   } = props;
   if (!items.length) {
-    return /* @__PURE__ */ React45.createElement(
+    return /* @__PURE__ */ React44.createElement(
       JoyButton2,
       {
         component: props.buttonComponent ?? "button",
@@ -5902,12 +5776,12 @@ function MenuButton(props) {
         loading,
         startDecorator,
         ...props.buttonComponentProps ?? {},
-        endDecorator: showIcon ? /* @__PURE__ */ React45.createElement(React45.Fragment, null, endDecorator, /* @__PURE__ */ React45.createElement(ExpandMoreIcon, null)) : /* @__PURE__ */ React45.createElement(React45.Fragment, null, endDecorator)
+        endDecorator: showIcon ? /* @__PURE__ */ React44.createElement(React44.Fragment, null, endDecorator, /* @__PURE__ */ React44.createElement(ExpandMoreIcon, null)) : /* @__PURE__ */ React44.createElement(React44.Fragment, null, endDecorator)
       },
       buttonText
     );
   }
-  return /* @__PURE__ */ React45.createElement(Dropdown_default, null, /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React44.createElement(Dropdown_default, null, /* @__PURE__ */ React44.createElement(
     JoyMenuButton3,
     {
       component: props.buttonComponent ?? "button",
@@ -5918,15 +5792,15 @@ function MenuButton(props) {
       loading,
       startDecorator,
       ...props.buttonComponentProps ?? {},
-      endDecorator: showIcon ? /* @__PURE__ */ React45.createElement(React45.Fragment, null, endDecorator, /* @__PURE__ */ React45.createElement(ExpandMoreIcon, null)) : /* @__PURE__ */ React45.createElement(React45.Fragment, null, endDecorator)
+      endDecorator: showIcon ? /* @__PURE__ */ React44.createElement(React44.Fragment, null, endDecorator, /* @__PURE__ */ React44.createElement(ExpandMoreIcon, null)) : /* @__PURE__ */ React44.createElement(React44.Fragment, null, endDecorator)
     },
     buttonText
-  ), /* @__PURE__ */ React45.createElement(Menu, { placement, size }, items.map((i) => /* @__PURE__ */ React45.createElement(MenuItem, { key: i.text, component: i.component, ...i.componentProps ?? {} }, i.text))));
+  ), /* @__PURE__ */ React44.createElement(Menu, { placement, size }, items.map((i) => /* @__PURE__ */ React44.createElement(MenuItem, { key: i.text, component: i.component, ...i.componentProps ?? {} }, i.text))));
 }
 MenuButton.displayName = "MenuButton";
 
 // src/components/MonthPicker/MonthPicker.tsx
-import React46, { forwardRef as forwardRef9, useCallback as useCallback25, useEffect as useEffect12, useImperativeHandle as useImperativeHandle4, useRef as useRef10, useState as useState15 } from "react";
+import React45, { forwardRef as forwardRef9, useCallback as useCallback24, useEffect as useEffect12, useImperativeHandle as useImperativeHandle4, useRef as useRef10, useState as useState15 } from "react";
 import CalendarTodayIcon3 from "@mui/icons-material/CalendarToday";
 import { styled as styled22, useThemeProps as useThemeProps7 } from "@mui/joy";
 import { FocusTrap as FocusTrap3, ClickAwayListener as ClickAwayListener3, Popper as Popper4 } from "@mui/base";
@@ -6013,9 +5887,9 @@ var MonthPicker = forwardRef9((inProps, ref) => {
   const [value, setValue, isControlled] = useControlledState(
     props.value,
     props.defaultValue || "",
-    useCallback25((value2) => onChange?.({ target: { name: props.name, value: value2 } }), [props.name, onChange])
+    useCallback24((value2) => onChange?.({ target: { name: props.name, value: value2 } }), [props.name, onChange])
   );
-  const getFormattedDisplayValue = useCallback25(
+  const getFormattedDisplayValue = useCallback24(
     (inputValue) => {
       if (!inputValue) return "";
       try {
@@ -6038,7 +5912,7 @@ var MonthPicker = forwardRef9((inProps, ref) => {
   useEffect12(() => {
     setDisplayValue(getFormattedDisplayValue(value));
   }, [value, getFormattedDisplayValue]);
-  const handleChange = useCallback25(
+  const handleChange = useCallback24(
     (event) => {
       const newValue = event.target.value;
       setValue(newValue);
@@ -6048,21 +5922,21 @@ var MonthPicker = forwardRef9((inProps, ref) => {
     },
     [setValue, getFormattedDisplayValue, isControlled]
   );
-  const handleCalendarToggle = useCallback25(
+  const handleCalendarToggle = useCallback24(
     (event) => {
       setAnchorEl(anchorEl ? null : event.currentTarget);
       innerRef.current?.focus();
     },
     [anchorEl, setAnchorEl, innerRef]
   );
-  const handleInputMouseDown = useCallback25(
+  const handleInputMouseDown = useCallback24(
     (event) => {
       event.preventDefault();
       buttonRef.current?.focus();
     },
     [buttonRef]
   );
-  return /* @__PURE__ */ React46.createElement(MonthPickerRoot, null, /* @__PURE__ */ React46.createElement(FocusTrap3, { open: true }, /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement(
+  return /* @__PURE__ */ React45.createElement(MonthPickerRoot, null, /* @__PURE__ */ React45.createElement(FocusTrap3, { open: true }, /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(
     Input_default,
     {
       ...innerProps,
@@ -6092,7 +5966,7 @@ var MonthPicker = forwardRef9((inProps, ref) => {
         // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
         fontFamily: "monospace"
       },
-      endDecorator: /* @__PURE__ */ React46.createElement(
+      endDecorator: /* @__PURE__ */ React45.createElement(
         IconButton_default,
         {
           ref: buttonRef,
@@ -6104,12 +5978,12 @@ var MonthPicker = forwardRef9((inProps, ref) => {
           "aria-expanded": open,
           disabled
         },
-        /* @__PURE__ */ React46.createElement(CalendarTodayIcon3, null)
+        /* @__PURE__ */ React45.createElement(CalendarTodayIcon3, null)
       ),
       label,
       helperText
     }
-  ), open && /* @__PURE__ */ React46.createElement(ClickAwayListener3, { onClickAway: () => setAnchorEl(null) }, /* @__PURE__ */ React46.createElement(
+  ), open && /* @__PURE__ */ React45.createElement(ClickAwayListener3, { onClickAway: () => setAnchorEl(null) }, /* @__PURE__ */ React45.createElement(
     StyledPopper3,
     {
       id: "month-picker-popper",
@@ -6128,7 +6002,7 @@ var MonthPicker = forwardRef9((inProps, ref) => {
       "aria-label": "Calendar Tooltip",
       "aria-expanded": open
     },
-    /* @__PURE__ */ React46.createElement(CalendarSheet3, { tabIndex: -1, role: "presentation" }, /* @__PURE__ */ React46.createElement(
+    /* @__PURE__ */ React45.createElement(CalendarSheet3, { tabIndex: -1, role: "presentation" }, /* @__PURE__ */ React45.createElement(
       Calendar_default,
       {
         view: "month",
@@ -6149,14 +6023,14 @@ var MonthPicker = forwardRef9((inProps, ref) => {
         disablePast,
         locale
       }
-    ), /* @__PURE__ */ React46.createElement(
+    ), /* @__PURE__ */ React45.createElement(
       DialogActions_default,
       {
         sx: {
           p: 1
         }
       },
-      /* @__PURE__ */ React46.createElement(
+      /* @__PURE__ */ React45.createElement(
         Button_default,
         {
           size,
@@ -6179,7 +6053,7 @@ var MonthPicker = forwardRef9((inProps, ref) => {
 });
 
 // src/components/MonthRangePicker/MonthRangePicker.tsx
-import React47, { forwardRef as forwardRef10, useCallback as useCallback26, useEffect as useEffect13, useImperativeHandle as useImperativeHandle5, useMemo as useMemo16, useRef as useRef11, useState as useState16 } from "react";
+import React46, { forwardRef as forwardRef10, useCallback as useCallback25, useEffect as useEffect13, useImperativeHandle as useImperativeHandle5, useMemo as useMemo16, useRef as useRef11, useState as useState16 } from "react";
 import { IMaskInput as IMaskInput3, IMask as IMask3 } from "react-imask";
 import CalendarTodayIcon4 from "@mui/icons-material/CalendarToday";
 import { styled as styled23, useThemeProps as useThemeProps8 } from "@mui/joy";
@@ -6237,9 +6111,9 @@ var parseDates2 = (str) => {
 var formatToPattern3 = (format) => {
   return `${format} - ${format}`.replace(/YYYY/g, "Y").replace(/MM/g, "m").replace(/[^YMm\s]/g, (match) => `${match}\``);
 };
-var TextMaskAdapter9 = React47.forwardRef(function TextMaskAdapter10(props, ref) {
+var TextMaskAdapter9 = React46.forwardRef(function TextMaskAdapter10(props, ref) {
   const { onChange, format, ...other } = props;
-  return /* @__PURE__ */ React47.createElement(
+  return /* @__PURE__ */ React46.createElement(
     IMaskInput3,
     {
       ...other,
@@ -6291,7 +6165,7 @@ var MonthRangePicker = forwardRef10((inProps, ref) => {
   const [value, setValue] = useControlledState(
     props.value,
     props.defaultValue || "",
-    useCallback26((value2) => onChange?.({ target: { name: props.name, value: value2 } }), [props.name, onChange])
+    useCallback25((value2) => onChange?.({ target: { name: props.name, value: value2 } }), [props.name, onChange])
   );
   const [anchorEl, setAnchorEl] = useState16(null);
   const open = Boolean(anchorEl);
@@ -6302,20 +6176,20 @@ var MonthRangePicker = forwardRef10((inProps, ref) => {
     }
   }, [anchorEl, innerRef]);
   useImperativeHandle5(ref, () => innerRef.current, [innerRef]);
-  const handleChange = useCallback26(
+  const handleChange = useCallback25(
     (event) => {
       setValue(event.target.value);
     },
     [setValue]
   );
-  const handleCalendarToggle = useCallback26(
+  const handleCalendarToggle = useCallback25(
     (event) => {
       setAnchorEl(anchorEl ? null : event.currentTarget);
       innerRef.current?.focus();
     },
     [anchorEl, setAnchorEl, innerRef]
   );
-  const handleCalendarChange = useCallback26(
+  const handleCalendarChange = useCallback25(
     ([date1, date2]) => {
       if (!date1 || !date2) return;
       setValue(formatValueString4([date1, date2], format));
@@ -6323,7 +6197,7 @@ var MonthRangePicker = forwardRef10((inProps, ref) => {
     },
     [setValue, setAnchorEl, format]
   );
-  return /* @__PURE__ */ React47.createElement(MonthRangePickerRoot, null, /* @__PURE__ */ React47.createElement(FocusTrap4, { open: true }, /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(
+  return /* @__PURE__ */ React46.createElement(MonthRangePickerRoot, null, /* @__PURE__ */ React46.createElement(FocusTrap4, { open: true }, /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement(
     Input_default,
     {
       ...innerProps,
@@ -6345,7 +6219,7 @@ var MonthRangePicker = forwardRef10((inProps, ref) => {
         // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
         fontFamily: "monospace"
       },
-      endDecorator: /* @__PURE__ */ React47.createElement(
+      endDecorator: /* @__PURE__ */ React46.createElement(
         IconButton_default,
         {
           variant: "plain",
@@ -6355,12 +6229,12 @@ var MonthRangePicker = forwardRef10((inProps, ref) => {
           "aria-haspopup": "dialog",
           "aria-expanded": open
         },
-        /* @__PURE__ */ React47.createElement(CalendarTodayIcon4, null)
+        /* @__PURE__ */ React46.createElement(CalendarTodayIcon4, null)
       ),
       label,
       helperText
     }
-  ), open && /* @__PURE__ */ React47.createElement(ClickAwayListener4, { onClickAway: () => setAnchorEl(null) }, /* @__PURE__ */ React47.createElement(
+  ), open && /* @__PURE__ */ React46.createElement(ClickAwayListener4, { onClickAway: () => setAnchorEl(null) }, /* @__PURE__ */ React46.createElement(
     StyledPopper4,
     {
       id: "month-range-picker-popper",
@@ -6379,7 +6253,7 @@ var MonthRangePicker = forwardRef10((inProps, ref) => {
       "aria-label": "Calendar Tooltip",
       "aria-expanded": open
     },
-    /* @__PURE__ */ React47.createElement(CalendarSheet4, { tabIndex: -1, role: "presentation" }, /* @__PURE__ */ React47.createElement(
+    /* @__PURE__ */ React46.createElement(CalendarSheet4, { tabIndex: -1, role: "presentation" }, /* @__PURE__ */ React46.createElement(
       Calendar_default,
       {
         view: "month",
@@ -6392,14 +6266,14 @@ var MonthRangePicker = forwardRef10((inProps, ref) => {
         disableFuture,
         disablePast
       }
-    ), /* @__PURE__ */ React47.createElement(
+    ), /* @__PURE__ */ React46.createElement(
       DialogActions_default,
       {
         sx: {
           p: 1
         }
       },
-      /* @__PURE__ */ React47.createElement(
+      /* @__PURE__ */ React46.createElement(
         Button_default,
         {
           size,
@@ -6418,14 +6292,14 @@ var MonthRangePicker = forwardRef10((inProps, ref) => {
 MonthRangePicker.displayName = "MonthRangePicker";
 
 // src/components/NavigationGroup/NavigationGroup.tsx
-import React48 from "react";
+import React47 from "react";
 import {
   Accordion as JoyAccordion2,
   AccordionSummary as JoyAccordionSummary2,
   AccordionDetails as JoyAccordionDetails2,
   styled as styled24,
   accordionSummaryClasses,
-  Stack as Stack12
+  Stack as Stack11
 } from "@mui/joy";
 var AccordionSummary2 = styled24(JoyAccordionSummary2, {
   name: "NavigationGroup",
@@ -6449,11 +6323,11 @@ var AccordionDetails2 = styled24(JoyAccordionDetails2, {
 }));
 function NavigationGroup(props) {
   const { title, children, startDecorator, level, ...rest } = props;
-  return /* @__PURE__ */ React48.createElement(JoyAccordion2, { ...rest }, /* @__PURE__ */ React48.createElement(AccordionSummary2, { useIcon: !!startDecorator, level }, /* @__PURE__ */ React48.createElement(Stack12, { direction: "row", gap: 4 }, startDecorator, title)), /* @__PURE__ */ React48.createElement(AccordionDetails2, null, children));
+  return /* @__PURE__ */ React47.createElement(JoyAccordion2, { ...rest }, /* @__PURE__ */ React47.createElement(AccordionSummary2, { useIcon: !!startDecorator, level }, /* @__PURE__ */ React47.createElement(Stack11, { direction: "row", gap: 4 }, startDecorator, title)), /* @__PURE__ */ React47.createElement(AccordionDetails2, null, children));
 }
 
 // src/components/NavigationItem/NavigationItem.tsx
-import React49 from "react";
+import React48 from "react";
 import {
   ListItem as JoyListItem,
   ListItemButton as JoyListItemButton,
@@ -6488,7 +6362,7 @@ function NavigationItem(props) {
   const handleClick = () => {
     onClick?.(id);
   };
-  return /* @__PURE__ */ React49.createElement(JoyListItem, { ...rest }, /* @__PURE__ */ React49.createElement(
+  return /* @__PURE__ */ React48.createElement(JoyListItem, { ...rest }, /* @__PURE__ */ React48.createElement(
     ListItemButton,
     {
       level,
@@ -6497,21 +6371,21 @@ function NavigationItem(props) {
       "aria-current": selected,
       onClick: handleClick
     },
-    startDecorator && /* @__PURE__ */ React49.createElement(JoyListItemDecorator, null, startDecorator),
+    startDecorator && /* @__PURE__ */ React48.createElement(JoyListItemDecorator, null, startDecorator),
     children
   ));
 }
 
 // src/components/Navigator/Navigator.tsx
-import React50 from "react";
+import React49 from "react";
 function Navigator(props) {
   const { items, level = 0, onSelect } = props;
   const handleItemClick = (id) => {
     onSelect?.(id);
   };
-  return /* @__PURE__ */ React50.createElement("div", null, items.map((item, index) => {
+  return /* @__PURE__ */ React49.createElement("div", null, items.map((item, index) => {
     if (item.type === "item") {
-      return /* @__PURE__ */ React50.createElement(
+      return /* @__PURE__ */ React49.createElement(
         NavigationItem,
         {
           key: item.id,
@@ -6524,7 +6398,7 @@ function Navigator(props) {
         item.title
       );
     } else if (item.type === "group") {
-      return /* @__PURE__ */ React50.createElement(
+      return /* @__PURE__ */ React49.createElement(
         NavigationGroup,
         {
           key: `${item.title}-${index}`,
@@ -6542,7 +6416,7 @@ function Navigator(props) {
 Navigator.displayName = "Navigator";
 
 // src/components/ProfileMenu/ProfileMenu.tsx
-import React51, { useCallback as useCallback27, useMemo as useMemo17 } from "react";
+import React50, { useCallback as useCallback26, useMemo as useMemo17 } from "react";
 import { Dropdown as Dropdown2, ListDivider, menuItemClasses, styled as styled26, MenuButton as MenuButton2 } from "@mui/joy";
 import { ClickAwayListener as ClickAwayListener5 } from "@mui/base";
 import DropdownIcon from "@mui/icons-material/ArrowDropDown";
@@ -6554,7 +6428,7 @@ function ProfileCard(props) {
   const { children, chip, caption, size } = props;
   const captionLevel = useMemo17(() => size === "sm" ? "body-xs" : "body-sm", [size]);
   const nameLevel = useMemo17(() => size === "sm" ? "body-sm" : "body-md", [size]);
-  return /* @__PURE__ */ React51.createElement(StyledProfileCard, { px: 4, py: 2 }, /* @__PURE__ */ React51.createElement(Stack, { direction: "row", gap: 2 }, /* @__PURE__ */ React51.createElement(Typography, { level: nameLevel, fontWeight: "bold", textColor: "text.primary" }, children), chip && /* @__PURE__ */ React51.createElement(Chip, { size, color: "neutral", variant: "outlined" }, chip)), caption && /* @__PURE__ */ React51.createElement(Typography, { level: captionLevel, textColor: "text.tertiary" }, caption));
+  return /* @__PURE__ */ React50.createElement(StyledProfileCard, { px: 4, py: 2 }, /* @__PURE__ */ React50.createElement(Stack, { direction: "row", gap: 2 }, /* @__PURE__ */ React50.createElement(Typography, { level: nameLevel, fontWeight: "bold", textColor: "text.primary" }, children), chip && /* @__PURE__ */ React50.createElement(Chip, { size, color: "neutral", variant: "outlined" }, chip)), caption && /* @__PURE__ */ React50.createElement(Typography, { level: captionLevel, textColor: "text.tertiary" }, caption));
 }
 ProfileCard.displayName = "ProfileCard";
 var StyledProfileMenuButton = styled26(MenuButton2, {
@@ -6566,16 +6440,16 @@ var StyledProfileMenuButton = styled26(MenuButton2, {
 }));
 function ProfileMenuButton(props) {
   const { size = "md", src, alt, children, getInitial, ...innerProps } = props;
-  return /* @__PURE__ */ React51.createElement(
+  return /* @__PURE__ */ React50.createElement(
     StyledProfileMenuButton,
     {
       variant: "plain",
       color: "neutral",
       size,
-      endDecorator: /* @__PURE__ */ React51.createElement(DropdownIcon, null),
+      endDecorator: /* @__PURE__ */ React50.createElement(DropdownIcon, null),
       ...innerProps
     },
-    /* @__PURE__ */ React51.createElement(Avatar, { variant: "soft", color: "primary", size, src, alt, getInitial }, children)
+    /* @__PURE__ */ React50.createElement(Avatar, { variant: "soft", color: "primary", size, src, alt, getInitial }, children)
   );
 }
 ProfileMenuButton.displayName = "ProfileMenuButton";
@@ -6594,9 +6468,9 @@ function ProfileMenu(props) {
   const [open, setOpen] = useControlledState(
     _open,
     defaultOpen ?? false,
-    useCallback27((value) => onOpenChange?.(value), [onOpenChange])
+    useCallback26((value) => onOpenChange?.(value), [onOpenChange])
   );
-  return /* @__PURE__ */ React51.createElement(ClickAwayListener5, { onClickAway: () => setOpen(false) }, /* @__PURE__ */ React51.createElement("div", null, /* @__PURE__ */ React51.createElement(Dropdown2, { open }, /* @__PURE__ */ React51.createElement(
+  return /* @__PURE__ */ React50.createElement(ClickAwayListener5, { onClickAway: () => setOpen(false) }, /* @__PURE__ */ React50.createElement("div", null, /* @__PURE__ */ React50.createElement(Dropdown2, { open }, /* @__PURE__ */ React50.createElement(
     ProfileMenuButton,
     {
       size,
@@ -6606,7 +6480,7 @@ function ProfileMenu(props) {
       getInitial
     },
     profile.name
-  ), /* @__PURE__ */ React51.createElement(ProfileMenuRoot, { size, placement: "bottom-end", ...innerProps, onClose: () => setOpen(false) }, /* @__PURE__ */ React51.createElement(ProfileCard, { size, caption: profile.caption, chip: profile.chip }, profile.name), !!menuItems.length && /* @__PURE__ */ React51.createElement(ListDivider, null), menuItems.map(({ label, ...menuProps }) => /* @__PURE__ */ React51.createElement(
+  ), /* @__PURE__ */ React50.createElement(ProfileMenuRoot, { size, placement: "bottom-end", ...innerProps, onClose: () => setOpen(false) }, /* @__PURE__ */ React50.createElement(ProfileCard, { size, caption: profile.caption, chip: profile.chip }, profile.name), !!menuItems.length && /* @__PURE__ */ React50.createElement(ListDivider, null), menuItems.map(({ label, ...menuProps }) => /* @__PURE__ */ React50.createElement(
     MenuItem,
     {
       key: label,
@@ -6622,7 +6496,7 @@ function ProfileMenu(props) {
 ProfileMenu.displayName = "ProfileMenu";
 
 // src/components/RadioTileGroup/RadioTileGroup.tsx
-import React52 from "react";
+import React51 from "react";
 import { styled as styled27, radioClasses, sheetClasses } from "@mui/joy";
 var RadioTileGroupRoot = styled27(RadioGroup, {
   name: "RadioTileGroup",
@@ -6710,7 +6584,7 @@ function RadioTileGroup(props) {
     error,
     required
   } = props;
-  const radioGroup = /* @__PURE__ */ React52.createElement(
+  const radioGroup = /* @__PURE__ */ React51.createElement(
     RadioTileGroupRoot,
     {
       overlay: true,
@@ -6721,7 +6595,7 @@ function RadioTileGroup(props) {
       flex,
       columns
     },
-    options.map((option) => /* @__PURE__ */ React52.createElement(
+    options.map((option) => /* @__PURE__ */ React51.createElement(
       RadioTileSheet,
       {
         key: option.value,
@@ -6731,7 +6605,7 @@ function RadioTileGroup(props) {
         flex,
         textAlign
       },
-      /* @__PURE__ */ React52.createElement(
+      /* @__PURE__ */ React51.createElement(
         Radio,
         {
           id: `${option.value}`,
@@ -6759,7 +6633,7 @@ function RadioTileGroup(props) {
           }
         }
       ),
-      option.startDecorator && /* @__PURE__ */ React52.createElement(
+      option.startDecorator && /* @__PURE__ */ React51.createElement(
         Box_default,
         {
           sx: {
@@ -6780,20 +6654,20 @@ function RadioTileGroup(props) {
       )
     ))
   );
-  return /* @__PURE__ */ React52.createElement(FormControl_default, { required, disabled: allDisabled, error, size, sx, className }, label && /* @__PURE__ */ React52.createElement(FormLabel_default, null, label), radioGroup, helperText && /* @__PURE__ */ React52.createElement(FormHelperText_default, null, helperText));
+  return /* @__PURE__ */ React51.createElement(FormControl_default, { required, disabled: allDisabled, error, size, sx, className }, label && /* @__PURE__ */ React51.createElement(FormLabel_default, null, label), radioGroup, helperText && /* @__PURE__ */ React51.createElement(FormHelperText_default, null, helperText));
 }
 RadioTileGroup.displayName = "RadioTileGroup";
 
 // src/components/RadioList/RadioList.tsx
-import React53 from "react";
+import React52 from "react";
 function RadioList(props) {
   const { items, ...innerProps } = props;
-  return /* @__PURE__ */ React53.createElement(RadioGroup, { ...innerProps }, items.map((item) => /* @__PURE__ */ React53.createElement(Radio, { key: `${item.value}`, value: item.value, label: item.label })));
+  return /* @__PURE__ */ React52.createElement(RadioGroup, { ...innerProps }, items.map((item) => /* @__PURE__ */ React52.createElement(Radio, { key: `${item.value}`, value: item.value, label: item.label })));
 }
 RadioList.displayName = "RadioList";
 
 // src/components/Stepper/Stepper.tsx
-import React54 from "react";
+import React53 from "react";
 import {
   Stepper as JoyStepper,
   Step as JoyStep,
@@ -6829,7 +6703,7 @@ function Stepper(props) {
     stepOrientation = "horizontal"
   } = props;
   const effectiveStepOrientation = orientation === "vertical" ? "horizontal" : stepOrientation;
-  return /* @__PURE__ */ React54.createElement(
+  return /* @__PURE__ */ React53.createElement(
     MotionStepper,
     {
       orientation,
@@ -6868,23 +6742,23 @@ function Stepper(props) {
       const completed = activeStep > i + 1;
       const disabled = activeStep < i + 1;
       const hasContent = step.label || step.extraContent;
-      return /* @__PURE__ */ React54.createElement(
+      return /* @__PURE__ */ React53.createElement(
         Step,
         {
           key: `step-${i}`,
-          indicator: /* @__PURE__ */ React54.createElement(StepIndicator, { variant: disabled ? "outlined" : "solid", color: disabled ? "neutral" : "primary" }, completed ? /* @__PURE__ */ React54.createElement(CheckIcon, null) : step.indicatorContent),
+          indicator: /* @__PURE__ */ React53.createElement(StepIndicator, { variant: disabled ? "outlined" : "solid", color: disabled ? "neutral" : "primary" }, completed ? /* @__PURE__ */ React53.createElement(CheckIcon, null) : step.indicatorContent),
           active,
           completed,
           disabled,
           orientation: effectiveStepOrientation
         },
-        hasContent && /* @__PURE__ */ React54.createElement(
+        hasContent && /* @__PURE__ */ React53.createElement(
           Stack_default,
           {
             sx: orientation === "horizontal" && effectiveStepOrientation === "vertical" ? { alignItems: "center" } : {}
           },
-          step.label && /* @__PURE__ */ React54.createElement(Typography_default, { level: "title-sm" }, step.label),
-          step.extraContent && /* @__PURE__ */ React54.createElement(Typography_default, { level: "body-xs" }, step.extraContent)
+          step.label && /* @__PURE__ */ React53.createElement(Typography_default, { level: "title-sm" }, step.label),
+          step.extraContent && /* @__PURE__ */ React53.createElement(Typography_default, { level: "body-xs" }, step.extraContent)
         )
       );
     })
@@ -6893,7 +6767,7 @@ function Stepper(props) {
 Stepper.displayName = "Stepper";
 
 // src/components/Switch/Switch.tsx
-import React55 from "react";
+import React54 from "react";
 import { Switch as JoySwitch, styled as styled29, switchClasses } from "@mui/joy";
 import { motion as motion27 } from "framer-motion";
 var MotionSwitch = motion27(JoySwitch);
@@ -6915,14 +6789,14 @@ var StyledThumb = styled29(motion27.div)({
     right: "var(--Switch-thumbOffset)"
   }
 });
-var Thumb = (props) => /* @__PURE__ */ React55.createElement(StyledThumb, { ...props, layout: true, transition: spring });
+var Thumb = (props) => /* @__PURE__ */ React54.createElement(StyledThumb, { ...props, layout: true, transition: spring });
 var spring = {
   type: "spring",
   stiffness: 700,
   damping: 30
 };
 var Switch = (props) => {
-  return /* @__PURE__ */ React55.createElement(
+  return /* @__PURE__ */ React54.createElement(
     MotionSwitch,
     {
       ...props,
@@ -6936,7 +6810,7 @@ var Switch = (props) => {
 Switch.displayName = "Switch";
 
 // src/components/Tabs/Tabs.tsx
-import React56, { forwardRef as forwardRef11 } from "react";
+import React55, { forwardRef as forwardRef11 } from "react";
 import {
   Tabs as JoyTabs,
   Tab as JoyTab,
@@ -6960,14 +6834,14 @@ var StyledTab = styled30(JoyTab)(({ theme }) => ({
   }
 }));
 var Tab = forwardRef11(function Tab2({ startDecorator, endDecorator, children, ...props }, ref) {
-  return /* @__PURE__ */ React56.createElement(StyledTab, { ...props, ref }, startDecorator, children, endDecorator);
+  return /* @__PURE__ */ React55.createElement(StyledTab, { ...props, ref }, startDecorator, children, endDecorator);
 });
 Tab.displayName = "Tab";
 var TabList = JoyTabList;
 var TabPanel = JoyTabPanel;
 
 // src/components/ThemeProvider/ThemeProvider.tsx
-import React57 from "react";
+import React56 from "react";
 import { CssBaseline, CssVarsProvider, checkboxClasses, extendTheme, inputClasses } from "@mui/joy";
 var colorScheme = {
   palette: {
@@ -7246,7 +7120,7 @@ var defaultTheme = extendTheme({
 });
 function ThemeProvider(props) {
   const theme = props.theme || defaultTheme;
-  return /* @__PURE__ */ React57.createElement(React57.Fragment, null, /* @__PURE__ */ React57.createElement(CssVarsProvider, { theme }, /* @__PURE__ */ React57.createElement(CssBaseline, null), props.children));
+  return /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement(CssVarsProvider, { theme }, /* @__PURE__ */ React56.createElement(CssBaseline, null), props.children));
 }
 ThemeProvider.displayName = "ThemeProvider";
 export {