@ceed/ads 1.29.0 → 1.30.0-next.1

package/dist/index.cjs

@@ -160,6 +160,7 @@ __export(index_exports, {
   RadioGroup: () => RadioGroup,
   RadioList: () => RadioList,
   RadioTileGroup: () => RadioTileGroup,
+  SearchBar: () => SearchBar,
   Select: () => Select,
   Sheet: () => Sheet,
   Skeleton: () => import_joy71.Skeleton,
@@ -841,24 +842,11 @@ Button.displayName = "Button";
 var Button_default = Button;
 
 // src/components/Calendar/Calendar.tsx
-var import_react14 = __toESM(require("react"));
-var import_joy19 = require("@mui/joy");
+var import_react13 = __toESM(require("react"));
+var import_joy18 = require("@mui/joy");
 var import_ChevronLeft = __toESM(require("@mui/icons-material/ChevronLeft"));
 var import_ChevronRight = __toESM(require("@mui/icons-material/ChevronRight"));
-var import_framer_motion13 = require("framer-motion");
-
-// src/components/Tooltip/Tooltip.tsx
-var import_react11 = __toESM(require("react"));
-var import_joy17 = require("@mui/joy");
 var import_framer_motion12 = require("framer-motion");
-var MotionTooltip = (0, import_framer_motion12.motion)(import_joy17.Tooltip);
-var Tooltip = (props) => {
-  return /* @__PURE__ */ import_react11.default.createElement(MotionTooltip, { ...props });
-};
-Tooltip.displayName = "Tooltip";
-
-// src/components/Tooltip/index.ts
-var Tooltip_default = Tooltip;
 
 // src/components/Calendar/utils/index.ts
 var getCalendarDates = (date) => {
@@ -932,43 +920,43 @@ var isSameMonth = (date1, date2) => {
 };
 
 // src/components/Calendar/hooks/use-calendar-props.ts
-var import_react12 = require("react");
-var import_joy18 = require("@mui/joy");
+var import_react11 = require("react");
+var import_joy17 = require("@mui/joy");
 var resolveView = (view, views) => {
   return views.includes(view) ? view : views[0];
 };
 var useCalendarProps = (inProps) => {
-  const [uncontrolledView, setUncontrolledView] = (0, import_react12.useState)(
+  const [uncontrolledView, setUncontrolledView] = (0, import_react11.useState)(
     () => resolveView(inProps.view || "day", inProps.views || ["day", "month"])
   );
-  const [uncontrolledValue, setUncontrolledValue] = (0, import_react12.useState)(
+  const [uncontrolledValue, setUncontrolledValue] = (0, import_react11.useState)(
     inProps.defaultValue
   );
-  const [viewMonth, setViewMonth] = (0, import_react12.useState)(() => {
+  const [viewMonth, setViewMonth] = (0, import_react11.useState)(() => {
     const today = /* @__PURE__ */ new Date();
     today.setDate(1);
     today.setHours(0, 0, 0, 0);
     return inProps.value?.[0] || inProps.defaultValue?.[0] || today;
   });
-  const [[page, direction], setPage] = (0, import_react12.useState)([0, 0]);
+  const [[page, direction], setPage] = (0, import_react11.useState)([0, 0]);
   const resolvedView = inProps.view ?? uncontrolledView;
-  const resolvedMinDate = (0, import_react12.useMemo)(() => {
+  const resolvedMinDate = (0, import_react11.useMemo)(() => {
     const minDate = inProps.minDate || /* @__PURE__ */ new Date(0);
     minDate.setHours(0, 0, 0, 0);
     return minDate;
   }, [inProps.minDate]);
-  const resolvedMaxDate = (0, import_react12.useMemo)(() => {
+  const resolvedMaxDate = (0, import_react11.useMemo)(() => {
     const maxDate = inProps.maxDate || /* @__PURE__ */ new Date(864e13);
     maxDate.setHours(0, 0, 0, 0);
     return maxDate;
   }, [inProps.maxDate]);
-  const paginate = (0, import_react12.useCallback)(
+  const paginate = (0, import_react11.useCallback)(
     (newDirection) => {
       setPage([page + newDirection, newDirection]);
     },
     [page]
   );
-  const handleViewMonthChange = (0, import_react12.useCallback)(
+  const handleViewMonthChange = (0, import_react11.useCallback)(
     (newMonth) => {
       setViewMonth(newMonth);
       if (resolvedView === "month") {
@@ -982,7 +970,7 @@ var useCalendarProps = (inProps) => {
     },
     [resolvedView, inProps, viewMonth, paginate]
   );
-  const props = (0, import_joy18.useThemeProps)({
+  const props = (0, import_joy17.useThemeProps)({
     props: {
       locale: "default",
       views: ["day", "month"],
@@ -1016,18 +1004,18 @@ var useCalendarProps = (inProps) => {
     },
     name: "Calendar"
   });
-  const ownerState = (0, import_react12.useMemo)(() => ({ ...props, viewMonth, direction }), [props, viewMonth, direction]);
+  const ownerState = (0, import_react11.useMemo)(() => ({ ...props, viewMonth, direction }), [props, viewMonth, direction]);
   return [props, ownerState];
 };
 
 // src/components/Calendar/hooks/use-calendar.ts
-var import_react13 = require("react");
+var import_react12 = require("react");
 var useCalendar = (ownerState) => {
-  const [hoverDay, setHoverDay] = (0, import_react13.useState)(null);
-  const [hoverMonth, setHoverMonth] = (0, import_react13.useState)(null);
+  const [hoverDay, setHoverDay] = (0, import_react12.useState)(null);
+  const [hoverMonth, setHoverMonth] = (0, import_react12.useState)(null);
   return {
     calendarTitle: ownerState.view === "month" ? getYearName(ownerState.viewMonth, ownerState.locale || "default") : getMonthName(ownerState.viewMonth, ownerState.locale || "default"),
-    onPrev: (0, import_react13.useCallback)(() => {
+    onPrev: (0, import_react12.useCallback)(() => {
       if (ownerState.view === "day") {
         const currentDate = new Date(ownerState.viewMonth || /* @__PURE__ */ new Date());
         const currentYear = currentDate.getFullYear();
@@ -1044,7 +1032,7 @@ var useCalendar = (ownerState) => {
         ownerState.onMonthChange?.(prevYear);
       }
     }, [ownerState.onMonthChange, ownerState.viewMonth, ownerState.view]),
-    onNext: (0, import_react13.useCallback)(() => {
+    onNext: (0, import_react12.useCallback)(() => {
       if (ownerState.view === "day") {
         const currentDate = new Date(ownerState.viewMonth || /* @__PURE__ */ new Date());
         const currentYear = currentDate.getFullYear();
@@ -1061,7 +1049,7 @@ var useCalendar = (ownerState) => {
         ownerState.onMonthChange?.(nextYear);
       }
     }, [ownerState.onMonthChange, ownerState.viewMonth, ownerState.view]),
-    getDayCellProps: (0, import_react13.useCallback)(
+    getDayCellProps: (0, import_react12.useCallback)(
       (day) => {
         const thisDay = new Date(ownerState.viewMonth || /* @__PURE__ */ new Date());
         thisDay.setHours(0, 0, 0, 0);
@@ -1076,7 +1064,7 @@ var useCalendar = (ownerState) => {
       },
       [ownerState.rangeSelection, ownerState.value, ownerState.viewMonth, hoverDay]
     ),
-    getMonthCellProps: (0, import_react13.useCallback)(
+    getMonthCellProps: (0, import_react12.useCallback)(
       (monthIndex) => {
         const thisMonth = new Date(ownerState.viewMonth || /* @__PURE__ */ new Date());
         thisMonth.setDate(1);
@@ -1093,7 +1081,7 @@ var useCalendar = (ownerState) => {
       },
       [ownerState.rangeSelection, ownerState.value, ownerState.viewMonth, hoverMonth]
     ),
-    getPickerDayProps: (0, import_react13.useCallback)(
+    getPickerDayProps: (0, import_react12.useCallback)(
       (day) => {
         const thisDay = new Date(ownerState.viewMonth || /* @__PURE__ */ new Date());
         thisDay.setHours(0, 0, 0, 0);
@@ -1147,7 +1135,7 @@ var useCalendar = (ownerState) => {
         hoverDay
       ]
     ),
-    getPickerMonthProps: (0, import_react13.useCallback)(
+    getPickerMonthProps: (0, import_react12.useCallback)(
       (monthIndex) => {
         const thisMonth = new Date(ownerState.viewMonth || /* @__PURE__ */ new Date());
         thisMonth.setDate(1);
@@ -1217,19 +1205,13 @@ var useCalendar = (ownerState) => {
 };
 
 // src/components/Calendar/Calendar.tsx
-var MONTH_VIEW_HINT_MESSAGE = "Click the month title to view all months.";
-var MONTH_NAV_CLICK_WINDOW_MS = 1200;
-var MONTH_NAV_CLICK_THRESHOLD = 3;
-var MONTH_VIEW_HINT_DURATION_MS = 5e3;
-var MONTH_VIEW_HINT_COOLDOWN_MS = 3e4;
-var lastMonthViewAssistHintShownAt = 0;
-var CalendarRoot = (0, import_joy19.styled)("div", {
+var CalendarRoot = (0, import_joy18.styled)("div", {
   name: "Calendar",
   slot: "root"
 })({
   maxWidth: "264px"
 });
-var CalendarHeader = (0, import_joy19.styled)("div", {
+var CalendarHeader = (0, import_joy18.styled)("div", {
   name: "Calendar",
   slot: "calendarHeader"
 })(({ theme }) => ({
@@ -1238,7 +1220,7 @@ var CalendarHeader = (0, import_joy19.styled)("div", {
   alignItems: "center",
   padding: theme.spacing(2)
 }));
-var CalendarViewContainer = (0, import_joy19.styled)("div", {
+var CalendarViewContainer = (0, import_joy18.styled)("div", {
   name: "Calendar",
   slot: "viewContainer",
   shouldForwardProp: (prop) => prop !== "calendarType"
@@ -1249,7 +1231,7 @@ var CalendarViewContainer = (0, import_joy19.styled)("div", {
   overflow: "hidden",
   minHeight: calendarType === "datePicker" ? "250px" : "unset"
 }));
-var CalendarViewTable = (0, import_joy19.styled)(import_framer_motion13.motion.table, {
+var CalendarViewTable = (0, import_joy18.styled)(import_framer_motion12.motion.table, {
   name: "Calendar",
   slot: "viewTable"
 })(({ theme }) => ({
@@ -1262,15 +1244,15 @@ var CalendarViewTable = (0, import_joy19.styled)(import_framer_motion13.motion.t
     paddingBottom: theme.spacing(2)
   }
 }));
-var CalendarWeekHeaderContainer = (0, import_joy19.styled)("thead", {
+var CalendarWeekHeaderContainer = (0, import_joy18.styled)("thead", {
   name: "Calendar",
   slot: "weekHeaderContainer"
 })({});
-var CalendarDayPickerContainer = (0, import_joy19.styled)("tbody", {
+var CalendarDayPickerContainer = (0, import_joy18.styled)("tbody", {
   name: "Calendar",
   slot: "dayPickerContainer"
 })({});
-var CalendarSwitchViewButton = (0, import_joy19.styled)(Button_default, {
+var CalendarSwitchViewButton = (0, import_joy18.styled)(Button_default, {
   name: "Calendar",
   slot: "switchViewButton"
 })(({ ownerState }) => [
@@ -1278,7 +1260,7 @@ var CalendarSwitchViewButton = (0, import_joy19.styled)(Button_default, {
     pointerEvents: "none"
   }
 ]);
-var CalendarDayCell = (0, import_joy19.styled)("td", {
+var CalendarDayCell = (0, import_joy18.styled)("td", {
   name: "Calendar",
   slot: "dayCell"
 })(({ theme }) => ({
@@ -1300,7 +1282,7 @@ var CalendarDayCell = (0, import_joy19.styled)("td", {
     }
   }
 }));
-var CalendarMonthCell = (0, import_joy19.styled)("td", {
+var CalendarMonthCell = (0, import_joy18.styled)("td", {
   name: "Calendar",
   slot: "monthCell"
 })(({ theme }) => ({
@@ -1322,7 +1304,7 @@ var CalendarMonthCell = (0, import_joy19.styled)("td", {
     }
   }
 }));
-var CalendarMonth = (0, import_joy19.styled)(Button_default, {
+var CalendarMonth = (0, import_joy18.styled)(Button_default, {
   name: "Calendar",
   slot: "month",
   shouldForwardProp: (prop) => prop !== "isSelected"
@@ -1357,7 +1339,7 @@ var CalendarMonth = (0, import_joy19.styled)(Button_default, {
     backgroundColor: theme.palette.neutral.solidDisabledBg
   }
 ]);
-var CalendarDay = (0, import_joy19.styled)(Button_default, {
+var CalendarDay = (0, import_joy18.styled)(Button_default, {
   name: "Calendar",
   slot: "day",
   shouldForwardProp: (prop) => !["isToday", "isSelected"].includes(prop)
@@ -1427,9 +1409,9 @@ var swipePower = (offset, velocity) => {
 var PickerDays = (props) => {
   const { ownerState } = props;
   const { getPickerDayProps, getDayCellProps } = useCalendar(ownerState);
-  const calendarDates = (0, import_react14.useMemo)(() => getCalendarDates(ownerState.viewMonth), [ownerState.viewMonth]);
-  const weekdayNames = (0, import_react14.useMemo)(() => getWeekdayNames(ownerState.locale || "default"), [ownerState.locale]);
-  return /* @__PURE__ */ import_react14.default.createElement(CalendarViewContainer, { calendarType: "datePicker" }, /* @__PURE__ */ import_react14.default.createElement(import_framer_motion13.AnimatePresence, { initial: false, custom: ownerState.direction }, /* @__PURE__ */ import_react14.default.createElement(
+  const calendarDates = (0, import_react13.useMemo)(() => getCalendarDates(ownerState.viewMonth), [ownerState.viewMonth]);
+  const weekdayNames = (0, import_react13.useMemo)(() => getWeekdayNames(ownerState.locale || "default"), [ownerState.locale]);
+  return /* @__PURE__ */ import_react13.default.createElement(CalendarViewContainer, { calendarType: "datePicker" }, /* @__PURE__ */ import_react13.default.createElement(import_framer_motion12.AnimatePresence, { initial: false, custom: ownerState.direction }, /* @__PURE__ */ import_react13.default.createElement(
     CalendarViewTable,
     {
       key: `${ownerState.viewMonth.toString()}_${ownerState.direction}`,
@@ -1458,10 +1440,10 @@ var PickerDays = (props) => {
         }
       }
     },
-    /* @__PURE__ */ import_react14.default.createElement(CalendarWeekHeaderContainer, null, /* @__PURE__ */ import_react14.default.createElement("tr", null, weekdayNames.map((name, i) => /* @__PURE__ */ import_react14.default.createElement(import_react14.Fragment, { key: `${ownerState.viewMonth}_${name}_${i}` }, /* @__PURE__ */ import_react14.default.createElement("th", null, /* @__PURE__ */ import_react14.default.createElement(Typography_default, { level: "body-xs", textAlign: "center" }, name)), i < 6 && /* @__PURE__ */ import_react14.default.createElement("th", { style: { width: 4 }, "aria-hidden": "true", "aria-description": "cell-gap" }))))),
-    /* @__PURE__ */ import_react14.default.createElement(CalendarDayPickerContainer, null, calendarDates.map((weekDates, rowIndex) => /* @__PURE__ */ import_react14.default.createElement(import_react14.Fragment, { key: `${ownerState.viewMonth}_${rowIndex}` }, /* @__PURE__ */ import_react14.default.createElement("tr", null, weekDates.map(
-      (date, i) => date ? /* @__PURE__ */ import_react14.default.createElement(import_react14.Fragment, { key: `${ownerState.viewMonth}_${date}_${i}` }, /* @__PURE__ */ import_react14.default.createElement(CalendarDayCell, { ...getDayCellProps(date) }, /* @__PURE__ */ import_react14.default.createElement(CalendarDay, { size: "sm", variant: "plain", color: "neutral", ...getPickerDayProps(date) }, date)), i < 6 && /* @__PURE__ */ import_react14.default.createElement("td", { "aria-hidden": "true", "aria-description": "cell-gap" })) : /* @__PURE__ */ import_react14.default.createElement(import_react14.Fragment, { key: `${ownerState.viewMonth}_${i}` }, /* @__PURE__ */ import_react14.default.createElement("td", null), i < 6 && /* @__PURE__ */ import_react14.default.createElement("td", { "aria-hidden": "true", "aria-description": "cell-gap" }))
-    )), rowIndex < calendarDates.length - 1 && /* @__PURE__ */ import_react14.default.createElement("tr", { "aria-hidden": "true", "aria-description": "row-gap" }, /* @__PURE__ */ import_react14.default.createElement("td", { colSpan: 13, style: { height: 4 } })))))
+    /* @__PURE__ */ import_react13.default.createElement(CalendarWeekHeaderContainer, null, /* @__PURE__ */ import_react13.default.createElement("tr", null, weekdayNames.map((name, i) => /* @__PURE__ */ import_react13.default.createElement(import_react13.Fragment, { key: `${ownerState.viewMonth}_${name}_${i}` }, /* @__PURE__ */ import_react13.default.createElement("th", null, /* @__PURE__ */ import_react13.default.createElement(Typography_default, { level: "body-xs", textAlign: "center" }, name)), i < 6 && /* @__PURE__ */ import_react13.default.createElement("th", { style: { width: 4 }, "aria-hidden": "true", "aria-description": "cell-gap" }))))),
+    /* @__PURE__ */ import_react13.default.createElement(CalendarDayPickerContainer, null, calendarDates.map((weekDates, rowIndex) => /* @__PURE__ */ import_react13.default.createElement(import_react13.Fragment, { key: `${ownerState.viewMonth}_${rowIndex}` }, /* @__PURE__ */ import_react13.default.createElement("tr", null, weekDates.map(
+      (date, i) => date ? /* @__PURE__ */ import_react13.default.createElement(import_react13.Fragment, { key: `${ownerState.viewMonth}_${date}_${i}` }, /* @__PURE__ */ import_react13.default.createElement(CalendarDayCell, { ...getDayCellProps(date) }, /* @__PURE__ */ import_react13.default.createElement(CalendarDay, { size: "sm", variant: "plain", color: "neutral", ...getPickerDayProps(date) }, date)), i < 6 && /* @__PURE__ */ import_react13.default.createElement("td", { "aria-hidden": "true", "aria-description": "cell-gap" })) : /* @__PURE__ */ import_react13.default.createElement(import_react13.Fragment, { key: `${ownerState.viewMonth}_${i}` }, /* @__PURE__ */ import_react13.default.createElement("td", null), i < 6 && /* @__PURE__ */ import_react13.default.createElement("td", { "aria-hidden": "true", "aria-description": "cell-gap" }))
+    )), rowIndex < calendarDates.length - 1 && /* @__PURE__ */ import_react13.default.createElement("tr", { "aria-hidden": "true", "aria-description": "row-gap" }, /* @__PURE__ */ import_react13.default.createElement("td", { colSpan: 13, style: { height: 4 } })))))
   )));
 };
 var PickerMonths = (props) => {
@@ -1478,7 +1460,7 @@ var PickerMonths = (props) => {
     [[]]
   );
   const isMonthPicker = !ownerState.views?.find((view) => view === "day");
-  return /* @__PURE__ */ import_react14.default.createElement(CalendarViewContainer, { calendarType: isMonthPicker ? "monthPicker" : "datePicker" }, /* @__PURE__ */ import_react14.default.createElement(import_framer_motion13.AnimatePresence, { initial: false, custom: ownerState.direction }, /* @__PURE__ */ import_react14.default.createElement(
+  return /* @__PURE__ */ import_react13.default.createElement(CalendarViewContainer, { calendarType: isMonthPicker ? "monthPicker" : "datePicker" }, /* @__PURE__ */ import_react13.default.createElement(import_framer_motion12.AnimatePresence, { initial: false, custom: ownerState.direction }, /* @__PURE__ */ import_react13.default.createElement(
     CalendarViewTable,
     {
       key: `${ownerState.viewMonth.getFullYear()}_${ownerState.direction}`,
@@ -1507,10 +1489,10 @@ var PickerMonths = (props) => {
         }
       }
     },
-    /* @__PURE__ */ import_react14.default.createElement("tbody", null, chunkedMonths.map((months, i) => /* @__PURE__ */ import_react14.default.createElement(import_react14.Fragment, { key: months.join("_") }, /* @__PURE__ */ import_react14.default.createElement("tr", null, months.map((monthIndex, j) => /* @__PURE__ */ import_react14.default.createElement(import_react14.Fragment, { key: monthIndex }, /* @__PURE__ */ import_react14.default.createElement(CalendarMonthCell, { ...getMonthCellProps(monthIndex) }, /* @__PURE__ */ import_react14.default.createElement(CalendarMonth, { size: "sm", variant: "plain", color: "neutral", ...getPickerMonthProps(monthIndex) }, getMonthNameFromIndex(monthIndex, ownerState.locale))), j < 3 && /* @__PURE__ */ import_react14.default.createElement("td", { style: { width: 4 }, "aria-hidden": "true", "aria-description": "cell-gap" })))), i < chunkedMonths.length - 1 && /* @__PURE__ */ import_react14.default.createElement("tr", { "aria-hidden": "true", "aria-description": "row-gap" }, /* @__PURE__ */ import_react14.default.createElement("td", { colSpan: 7, style: { height: 4 } })))))
+    /* @__PURE__ */ import_react13.default.createElement("tbody", null, chunkedMonths.map((months, i) => /* @__PURE__ */ import_react13.default.createElement(import_react13.Fragment, { key: months.join("_") }, /* @__PURE__ */ import_react13.default.createElement("tr", null, months.map((monthIndex, j) => /* @__PURE__ */ import_react13.default.createElement(import_react13.Fragment, { key: monthIndex }, /* @__PURE__ */ import_react13.default.createElement(CalendarMonthCell, { ...getMonthCellProps(monthIndex) }, /* @__PURE__ */ import_react13.default.createElement(CalendarMonth, { size: "sm", variant: "plain", color: "neutral", ...getPickerMonthProps(monthIndex) }, getMonthNameFromIndex(monthIndex, ownerState.locale))), j < 3 && /* @__PURE__ */ import_react13.default.createElement("td", { style: { width: 4 }, "aria-hidden": "true", "aria-description": "cell-gap" })))), i < chunkedMonths.length - 1 && /* @__PURE__ */ import_react13.default.createElement("tr", { "aria-hidden": "true", "aria-description": "row-gap" }, /* @__PURE__ */ import_react13.default.createElement("td", { colSpan: 7, style: { height: 4 } })))))
   )));
 };
-var Calendar = (0, import_react14.forwardRef)((inProps, ref) => {
+var Calendar = (0, import_react13.forwardRef)((inProps, ref) => {
   const [props, ownerState] = useCalendarProps(inProps);
   const {
     value,
@@ -1529,96 +1511,17 @@ var Calendar = (0, import_react14.forwardRef)((inProps, ref) => {
     ...others
   } = props;
   const { calendarTitle, onPrev, onNext } = useCalendar(ownerState);
-  const [isMonthViewAssistHintOpen, setIsMonthViewAssistHintOpen] = (0, import_react14.useState)(false);
-  const monthNavClickTimestampsRef = (0, import_react14.useRef)([]);
-  const monthViewAssistHintShownInSessionRef = (0, import_react14.useRef)(false);
-  const monthViewAssistHintTimeoutRef = (0, import_react14.useRef)(null);
-  const hasEndDate = Boolean(value?.[1]);
-  const isRangeHintEligible = Boolean(rangeSelection && !hasEndDate);
-  const isHintEligible = Boolean(view === "day" && (!rangeSelection || isRangeHintEligible));
-  const monthViewHintMessage = MONTH_VIEW_HINT_MESSAGE;
-  (0, import_react14.useEffect)(() => {
-    if (!isHintEligible) {
-      monthNavClickTimestampsRef.current = [];
-      setIsMonthViewAssistHintOpen(false);
-    }
-  }, [isHintEligible]);
-  (0, import_react14.useEffect)(() => {
-    return () => {
-      if (monthViewAssistHintTimeoutRef.current) {
-        clearTimeout(monthViewAssistHintTimeoutRef.current);
-      }
-    };
-  }, []);
-  const closeMonthViewAssistHint = (0, import_react14.useCallback)(() => {
-    if (monthViewAssistHintTimeoutRef.current) {
-      clearTimeout(monthViewAssistHintTimeoutRef.current);
-      monthViewAssistHintTimeoutRef.current = null;
-    }
-    setIsMonthViewAssistHintOpen(false);
-  }, []);
-  const showMonthViewAssistHint = (0, import_react14.useCallback)(() => {
-    const now = Date.now();
-    if (monthViewAssistHintShownInSessionRef.current) return;
-    if (now - lastMonthViewAssistHintShownAt < MONTH_VIEW_HINT_COOLDOWN_MS) return;
-    monthViewAssistHintShownInSessionRef.current = true;
-    lastMonthViewAssistHintShownAt = now;
-    setIsMonthViewAssistHintOpen(true);
-    if (monthViewAssistHintTimeoutRef.current) {
-      clearTimeout(monthViewAssistHintTimeoutRef.current);
-    }
-    monthViewAssistHintTimeoutRef.current = setTimeout(() => {
-      setIsMonthViewAssistHintOpen(false);
-      monthViewAssistHintTimeoutRef.current = null;
-    }, MONTH_VIEW_HINT_DURATION_MS);
-  }, []);
-  const trackFastMonthNavigation = (0, import_react14.useCallback)(() => {
-    if (!isHintEligible) return;
-    const now = Date.now();
-    monthNavClickTimestampsRef.current = [
-      ...monthNavClickTimestampsRef.current.filter((timestamp) => now - timestamp <= MONTH_NAV_CLICK_WINDOW_MS),
-      now
-    ];
-    if (monthNavClickTimestampsRef.current.length >= MONTH_NAV_CLICK_THRESHOLD) {
-      showMonthViewAssistHint();
-    }
-  }, [isHintEligible, showMonthViewAssistHint]);
-  const handlePrevClick = (0, import_react14.useCallback)(() => {
-    onPrev();
-    trackFastMonthNavigation();
-  }, [onPrev, trackFastMonthNavigation]);
-  const handleNextClick = (0, import_react14.useCallback)(() => {
-    onNext();
-    trackFastMonthNavigation();
-  }, [onNext, trackFastMonthNavigation]);
-  const handleSwitchViewClick = (0, import_react14.useCallback)(() => {
-    closeMonthViewAssistHint();
-    onViewChange?.();
-  }, [closeMonthViewAssistHint, onViewChange]);
-  return /* @__PURE__ */ import_react14.default.createElement(CalendarRoot, { ref, ...others }, /* @__PURE__ */ import_react14.default.createElement(CalendarHeader, null, /* @__PURE__ */ import_react14.default.createElement(IconButton_default, { size: "sm", onClick: handlePrevClick, "aria-label": `Previous ${view === "day" ? "Month" : "Year"}` }, /* @__PURE__ */ import_react14.default.createElement(import_ChevronLeft.default, null)), /* @__PURE__ */ import_react14.default.createElement(
-    Tooltip_default,
+  return /* @__PURE__ */ import_react13.default.createElement(CalendarRoot, { ref, ...others }, /* @__PURE__ */ import_react13.default.createElement(CalendarHeader, null, /* @__PURE__ */ import_react13.default.createElement(IconButton_default, { size: "sm", onClick: onPrev, "aria-label": `Previous ${view === "day" ? "Month" : "Year"}` }, /* @__PURE__ */ import_react13.default.createElement(import_ChevronLeft.default, null)), /* @__PURE__ */ import_react13.default.createElement(
+    CalendarSwitchViewButton,
     {
-      title: monthViewHintMessage,
-      arrow: true,
-      open: isMonthViewAssistHintOpen,
-      placement: "bottom",
-      disableFocusListener: true,
-      disableHoverListener: true,
-      disableTouchListener: true,
-      variant: "solid"
+      ownerState,
+      variant: "plain",
+      color: "neutral",
+      onClick: onViewChange,
+      "aria-label": "Switch Calendar View"
     },
-    /* @__PURE__ */ import_react14.default.createElement(
-      CalendarSwitchViewButton,
-      {
-        ownerState,
-        variant: "plain",
-        color: "neutral",
-        onClick: handleSwitchViewClick,
-        "aria-label": "Switch Calendar View"
-      },
-      calendarTitle
-    )
-  ), /* @__PURE__ */ import_react14.default.createElement(IconButton_default, { size: "sm", onClick: handleNextClick, "aria-label": `Next ${view === "day" ? "Month" : "Year"}` }, /* @__PURE__ */ import_react14.default.createElement(import_ChevronRight.default, null))), view === "day" && /* @__PURE__ */ import_react14.default.createElement(PickerDays, { ownerState }), view === "month" && /* @__PURE__ */ import_react14.default.createElement(PickerMonths, { ownerState }));
+    calendarTitle
+  ), /* @__PURE__ */ import_react13.default.createElement(IconButton_default, { size: "sm", onClick: onNext, "aria-label": `Next ${view === "day" ? "Month" : "Year"}` }, /* @__PURE__ */ import_react13.default.createElement(import_ChevronRight.default, null))), view === "day" && /* @__PURE__ */ import_react13.default.createElement(PickerDays, { ownerState }), view === "month" && /* @__PURE__ */ import_react13.default.createElement(PickerMonths, { ownerState }));
 });
 Calendar.displayName = "Calendar";
 
@@ -1626,31 +1529,31 @@ Calendar.displayName = "Calendar";
 var Calendar_default = Calendar;
 
 // src/components/Card/Card.tsx
-var import_joy20 = require("@mui/joy");
-var import_framer_motion14 = require("framer-motion");
-var MotionCard = (0, import_framer_motion14.motion)(import_joy20.Card);
+var import_joy19 = require("@mui/joy");
+var import_framer_motion13 = require("framer-motion");
+var MotionCard = (0, import_framer_motion13.motion)(import_joy19.Card);
 var Card = MotionCard;
 Card.displayName = "Card";
-var MotionCardContent = (0, import_framer_motion14.motion)(import_joy20.CardContent);
+var MotionCardContent = (0, import_framer_motion13.motion)(import_joy19.CardContent);
 var CardContent = MotionCardContent;
 CardContent.displayName = "CardContent";
-var MotionCardCover = (0, import_framer_motion14.motion)(import_joy20.CardCover);
+var MotionCardCover = (0, import_framer_motion13.motion)(import_joy19.CardCover);
 var CardCover = MotionCardCover;
 CardCover.displayName = "CardCover";
-var MotionCardActions = (0, import_framer_motion14.motion)(import_joy20.CardActions);
+var MotionCardActions = (0, import_framer_motion13.motion)(import_joy19.CardActions);
 var CardActions = MotionCardActions;
 CardActions.displayName = "CardActions";
-var MotionCardOverflow = (0, import_framer_motion14.motion)(import_joy20.CardOverflow);
+var MotionCardOverflow = (0, import_framer_motion13.motion)(import_joy19.CardOverflow);
 var CardOverflow = MotionCardOverflow;
 CardOverflow.displayName = "CardOverflow";
 
 // src/components/Checkbox/Checkbox.tsx
-var import_react15 = __toESM(require("react"));
-var import_joy21 = require("@mui/joy");
-var import_framer_motion15 = require("framer-motion");
-var MotionCheckbox = (0, import_framer_motion15.motion)(import_joy21.Checkbox);
+var import_react14 = __toESM(require("react"));
+var import_joy20 = require("@mui/joy");
+var import_framer_motion14 = require("framer-motion");
+var MotionCheckbox = (0, import_framer_motion14.motion)(import_joy20.Checkbox);
 var Checkbox = (props) => {
-  return /* @__PURE__ */ import_react15.default.createElement(MotionCheckbox, { ...props });
+  return /* @__PURE__ */ import_react14.default.createElement(MotionCheckbox, { ...props });
 };
 Checkbox.displayName = "Checkbox";
 
@@ -1658,9 +1561,9 @@ Checkbox.displayName = "Checkbox";
 var Checkbox_default = Checkbox;
 
 // src/components/Container/Container.tsx
-var import_joy22 = require("@mui/joy");
-var import_react16 = __toESM(require("react"));
-var ContainerRoot = (0, import_joy22.styled)("div", {
+var import_joy21 = require("@mui/joy");
+var import_react15 = __toESM(require("react"));
+var ContainerRoot = (0, import_joy21.styled)("div", {
   name: "Container",
   slot: "root",
   shouldForwardProp: (prop) => prop !== "maxWidth" && prop !== "overrideBreakpoint"
@@ -1685,24 +1588,25 @@ var ContainerRoot = (0, import_joy22.styled)("div", {
     paddingRight: theme.breakpoints.values[overrideBreakpoint] >= theme.breakpoints.values.lg ? theme.spacing(8) : theme.spacing(4)
   } : null
 ]);
-var Container = (0, import_react16.forwardRef)(function Container2(props, ref) {
-  return /* @__PURE__ */ import_react16.default.createElement(ContainerRoot, { ref, ...props });
+var Container = (0, import_react15.forwardRef)(function Container2(props, ref) {
+  return /* @__PURE__ */ import_react15.default.createElement(ContainerRoot, { ref, ...props });
 });
 Container.displayName = "Container";
 
 // src/components/CurrencyInput/CurrencyInput.tsx
-var import_react18 = __toESM(require("react"));
+var import_react17 = __toESM(require("react"));
+var import_intl_messageformat2 = require("intl-messageformat");
 var import_react_number_format = require("react-number-format");
 
 // src/components/Input/Input.tsx
-var import_react17 = __toESM(require("react"));
-var import_joy23 = require("@mui/joy");
-var import_framer_motion16 = require("framer-motion");
+var import_react16 = __toESM(require("react"));
+var import_joy22 = require("@mui/joy");
+var import_framer_motion15 = require("framer-motion");
 var import_Close2 = __toESM(require("@mui/icons-material/Close"));
 var import_Visibility = __toESM(require("@mui/icons-material/Visibility"));
 var import_VisibilityOff = __toESM(require("@mui/icons-material/VisibilityOff"));
-var MotionInput = (0, import_framer_motion16.motion)(import_joy23.Input);
-var Input = import_react17.default.forwardRef((props, ref) => {
+var MotionInput = (0, import_framer_motion15.motion)(import_joy22.Input);
+var Input = import_react16.default.forwardRef((props, ref) => {
   const {
     label,
     helperText,
@@ -1725,11 +1629,11 @@ var Input = import_react17.default.forwardRef((props, ref) => {
   if (type === "password" && innerProps.endDecorator) {
     console.warn('Input: endDecorator is not supported when type="password"');
   }
-  const [passwordVisible, setPasswordVisible] = (0, import_react17.useState)(false);
+  const [passwordVisible, setPasswordVisible] = (0, import_react16.useState)(false);
   const [value, setValue] = useControlledState(
     props.value,
     props.defaultValue,
-    (0, import_react17.useCallback)(
+    (0, import_react16.useCallback)(
       (value2) => {
         onChange?.({
           /**
@@ -1755,7 +1659,7 @@ var Input = import_react17.default.forwardRef((props, ref) => {
   const actualType = type === "password" && passwordVisible ? "text" : type;
   const isPasswordType = type === "password";
   const showPasswordToggle = isPasswordType && !disableTogglePasswordButton;
-  const input = /* @__PURE__ */ import_react17.default.createElement(
+  const input = /* @__PURE__ */ import_react16.default.createElement(
     MotionInput,
     {
       value,
@@ -1770,7 +1674,7 @@ var Input = import_react17.default.forwardRef((props, ref) => {
         ...innerProps.slotProps
       },
       ...innerProps,
-      endDecorator: isPasswordType ? showPasswordToggle ? /* @__PURE__ */ import_react17.default.createElement(Stack_default, { gap: 1, direction: "row" }, /* @__PURE__ */ import_react17.default.createElement(
+      endDecorator: isPasswordType ? showPasswordToggle ? /* @__PURE__ */ import_react16.default.createElement(Stack_default, { gap: 1, direction: "row" }, /* @__PURE__ */ import_react16.default.createElement(
         IconButton_default,
         {
           onMouseDown: (e) => e.preventDefault(),
@@ -1778,19 +1682,19 @@ var Input = import_react17.default.forwardRef((props, ref) => {
           disabled,
           "aria-label": passwordVisible ? "Hide password" : "Show password"
         },
-        passwordVisible ? /* @__PURE__ */ import_react17.default.createElement(import_VisibilityOff.default, null) : /* @__PURE__ */ import_react17.default.createElement(import_Visibility.default, null)
-      )) : null : enableClearable ? /* @__PURE__ */ import_react17.default.createElement(Stack_default, { gap: 1, direction: "row" }, innerProps.endDecorator, value && /* @__PURE__ */ import_react17.default.createElement(
+        passwordVisible ? /* @__PURE__ */ import_react16.default.createElement(import_VisibilityOff.default, null) : /* @__PURE__ */ import_react16.default.createElement(import_Visibility.default, null)
+      )) : null : enableClearable ? /* @__PURE__ */ import_react16.default.createElement(Stack_default, { gap: 1, direction: "row" }, innerProps.endDecorator, value && /* @__PURE__ */ import_react16.default.createElement(
         IconButton_default,
         {
           onMouseDown: (e) => e.preventDefault(),
           onClick: handleClear,
           "aria-label": "Clear"
         },
-        /* @__PURE__ */ import_react17.default.createElement(import_Close2.default, null)
+        /* @__PURE__ */ import_react16.default.createElement(import_Close2.default, null)
       )) : innerProps.endDecorator
     }
   );
-  return /* @__PURE__ */ import_react17.default.createElement(
+  return /* @__PURE__ */ import_react16.default.createElement(
     FormControl_default,
     {
       required,
@@ -1801,9 +1705,9 @@ var Input = import_react17.default.forwardRef((props, ref) => {
       sx,
       className
     },
-    label && /* @__PURE__ */ import_react17.default.createElement(FormLabel_default, null, label),
+    label && /* @__PURE__ */ import_react16.default.createElement(FormLabel_default, null, label),
     input,
-    helperText && /* @__PURE__ */ import_react17.default.createElement(FormHelperText_default, null, helperText)
+    helperText && /* @__PURE__ */ import_react16.default.createElement(FormHelperText_default, null, helperText)
   );
 });
 Input.displayName = "Input";
@@ -1812,9 +1716,10 @@ Input.displayName = "Input";
 var Input_default = Input;
 
 // src/components/CurrencyInput/CurrencyInput.tsx
-var import_joy24 = require("@mui/joy");
+var import_joy23 = require("@mui/joy");
 
 // src/components/CurrencyInput/hooks/use-currency-setting.ts
+var import_intl_messageformat = __toESM(require("intl-messageformat"));
 var CURRENCY_DECIMAL_MAP = {
   AED: 2,
   ALL: 2,
@@ -1959,10 +1864,9 @@ var CURRENCY_DECIMAL_MAP = {
 };
 var useCurrencySetting = (props) => {
   const { currency = "USD", placeholder } = props;
-  const parts = new Intl.NumberFormat("en-US", { style: "currency", currency }).formatToParts(1000.01);
-  const symbol = parts.find((p) => p.type === "currency")?.value ?? "$";
-  const thousandSeparator = parts.find((p) => p.type === "group")?.value ?? ",";
-  const decimalSeparator = parts.find((p) => p.type === "decimal")?.value;
+  const [symbol, thousandSeparator, decimalSeparator, ...rest] = new import_intl_messageformat.default(
+    `{amount, number, ::currency/${currency} unit-width-narrow}`
+  ).format({ amount: 1e3 }).toString().replace(/\d/g, "").split("");
   const decimalScale = CURRENCY_DECIMAL_MAP[currency];
   return {
     symbol: `${symbol} `,
@@ -1975,9 +1879,9 @@ var useCurrencySetting = (props) => {
 };
 
 // src/components/CurrencyInput/CurrencyInput.tsx
-var TextMaskAdapter = import_react18.default.forwardRef(function TextMaskAdapter2(props, ref) {
+var TextMaskAdapter = import_react17.default.forwardRef(function TextMaskAdapter2(props, ref) {
   const { onChange, ...innerProps } = props;
-  return /* @__PURE__ */ import_react18.default.createElement(
+  return /* @__PURE__ */ import_react17.default.createElement(
     import_react_number_format.NumericFormat,
     {
       ...innerProps,
@@ -1992,13 +1896,13 @@ var TextMaskAdapter = import_react18.default.forwardRef(function TextMaskAdapter
     }
   );
 });
-var CurrencyInputRoot = (0, import_joy24.styled)(Input_default, {
+var CurrencyInputRoot = (0, import_joy23.styled)(Input_default, {
   name: "CurrencyInput",
   slot: "root",
   overridesResolver: (props, styles) => styles.root
 })({});
-var CurrencyInput = import_react18.default.forwardRef(function CurrencyInput2(inProps, ref) {
-  const props = (0, import_joy24.useThemeProps)({ props: inProps, name: "CurrencyInput" });
+var CurrencyInput = import_react17.default.forwardRef(function CurrencyInput2(inProps, ref) {
+  const props = (0, import_joy23.useThemeProps)({ props: inProps, name: "CurrencyInput" });
   const {
     currency = "USD",
     name,
@@ -2018,28 +1922,28 @@ var CurrencyInput = import_react18.default.forwardRef(function CurrencyInput2(in
   const [_value, setValue] = useControlledState(
     props.value,
     props.defaultValue,
-    (0, import_react18.useCallback)((value2) => onChange?.({ target: { name, value: value2 } }), [onChange, name])
+    (0, import_react17.useCallback)((value2) => onChange?.({ target: { name, value: value2 } }), [onChange, name])
   );
-  const value = (0, import_react18.useMemo)(() => {
+  const value = (0, import_react17.useMemo)(() => {
     if (_value && useMinorUnit) {
       return _value / Math.pow(10, decimalScale);
     }
     return _value;
   }, [_value, useMinorUnit, decimalScale]);
-  const max = (0, import_react18.useMemo)(() => {
+  const max = (0, import_react17.useMemo)(() => {
     if (props.max && useMinorUnit) {
       return props.max / Math.pow(10, decimalScale);
     }
     return props.max;
   }, [props.max, useMinorUnit, decimalScale]);
-  const [isOverLimit, setIsOverLimit] = (0, import_react18.useState)(!!max && !!value && value > max);
-  const handleChange = (0, import_react18.useCallback)(
+  const [isOverLimit, setIsOverLimit] = (0, import_react17.useState)(!!max && !!value && value > max);
+  const handleChange = (0, import_react17.useCallback)(
     (event) => {
       if (event.target.value === "") {
         setValue(void 0);
         return;
       }
-      const amount = useMinorUnit ? Number(decimalSeparator ? event.target.value?.replace(decimalSeparator, "") : event.target.value) : Number(event.target.value);
+      const amount = useMinorUnit ? Number(event.target.value?.replace(decimalSeparator, "")) : Number(event.target.value);
       if (!!max && Number(event.target.value) > max) {
         setIsOverLimit(true);
       } else {
@@ -2049,7 +1953,7 @@ var CurrencyInput = import_react18.default.forwardRef(function CurrencyInput2(in
     },
     [decimalSeparator, max, useMinorUnit, setValue]
   );
-  return /* @__PURE__ */ import_react18.default.createElement(
+  return /* @__PURE__ */ import_react17.default.createElement(
     CurrencyInputRoot,
     {
       ...innerProps,
@@ -2062,7 +1966,9 @@ var CurrencyInput = import_react18.default.forwardRef(function CurrencyInput2(in
       required,
       color: error || isOverLimit ? "danger" : props.color,
       label,
-      helperText: isOverLimit ? `limit: ${new Intl.NumberFormat("en-US", { style: "currency", currency }).format(max)}` : helperText,
+      helperText: isOverLimit ? new import_intl_messageformat2.IntlMessageFormat(`limit: {amount, number, ::currency/${currency} unit-width-narrow}`).format({
+        amount: max
+      }) : helperText,
       slotProps: {
         input: {
           component: TextMaskAdapter,
@@ -2236,6 +2142,15 @@ function calculateColumnGroups(columnGroupingModel, columns, visibleFields) {
   const correctedMaxLevel = filteredGroupsByLevel.length > 0 ? filteredGroupsByLevel.length - 1 : -1;
   return { groups: filteredGroupsByLevel, maxLevel: correctedMaxLevel, fieldsInGroupingModel };
 }
+function parsePxValue(value) {
+  if (!value) return null;
+  const trimmed = value.trim();
+  if (trimmed.endsWith("px")) {
+    const num = parseFloat(trimmed);
+    return isNaN(num) ? null : num;
+  }
+  return null;
+}
 function getTextAlign(props) {
   return !props.editMode && ["number", "date", "currency"].includes(props.type || "") ? "end" : "start";
 }
@@ -2307,11 +2222,11 @@ function computeAutoFitWidth(params) {
 }
 
 // src/components/DataTable/styled.tsx
-var import_react19 = __toESM(require("react"));
-var import_joy25 = require("@mui/joy");
-var import_framer_motion17 = require("framer-motion");
+var import_react18 = __toESM(require("react"));
+var import_joy24 = require("@mui/joy");
+var import_framer_motion16 = require("framer-motion");
 var import_ArrowUpwardRounded = __toESM(require("@mui/icons-material/ArrowUpwardRounded"));
-var EllipsisDiv = (0, import_joy25.styled)("div", {
+var EllipsisDiv = (0, import_joy24.styled)("div", {
   name: "DataTable",
   slot: "textEllipsis",
   shouldForwardProp: (prop) => prop !== "lineClamp"
@@ -2329,7 +2244,7 @@ var EllipsisDiv = (0, import_joy25.styled)("div", {
     whiteSpace: "nowrap"
   }
 );
-var OverlayWrapper = (0, import_joy25.styled)("tr", {
+var OverlayWrapper = (0, import_joy24.styled)("tr", {
   name: "DataTable",
   slot: "overlayWrapper"
 })({
@@ -2344,7 +2259,7 @@ var OverlayWrapper = (0, import_joy25.styled)("tr", {
     border: "none !important"
   }
 });
-var VirtualizedTableBody = (0, import_joy25.styled)("tbody", {
+var VirtualizedTableBody = (0, import_joy24.styled)("tbody", {
   name: "DataTable",
   slot: "tableBody"
 })({
@@ -2353,21 +2268,21 @@ var VirtualizedTableBody = (0, import_joy25.styled)("tbody", {
     display: "block",
     height: "0.01em"
   },
-  [`& .${import_joy25.buttonClasses.root}`]: {
+  [`& .${import_joy24.buttonClasses.root}`]: {
     "--Button-minHeight": "26px",
     "--Button-paddingBlock": "0.25rem",
     lineHeight: 1,
     marginTop: "-2px",
     marginBottom: "-2px"
   },
-  [`& .${import_joy25.iconButtonClasses.root}`]: {
+  [`& .${import_joy24.iconButtonClasses.root}`]: {
     "--IconButton-size": "26px",
     verticalAlign: "middle",
     marginTop: "-2px",
     marginBottom: "-2px"
   }
 });
-var StyledTableRow = (0, import_joy25.styled)("tr", {
+var StyledTableRow = (0, import_joy24.styled)("tr", {
   name: "DataTable",
   slot: "tableRow",
   shouldForwardProp: (prop) => prop !== "striped"
@@ -2386,17 +2301,17 @@ var StyledTableRow = (0, import_joy25.styled)("tr", {
     }
   }
 }));
-var Asterisk = (0, import_joy25.styled)("span", {
+var Asterisk = (0, import_joy24.styled)("span", {
   name: "DataTable",
   slot: "headCellAsterisk"
 })(({ theme }) => ({
   color: "var(--ceed-palette-danger-500)",
   marginLeft: theme.spacing(0.5)
 }));
-var StyledTh = (0, import_joy25.styled)(import_framer_motion17.motion.th)(({ theme }) => ({
+var StyledTh = (0, import_joy24.styled)(import_framer_motion16.motion.th)(({ theme }) => ({
   boxShadow: "1px 0 var(--TableCell-borderColor)"
 }));
-var StyledTd = (0, import_joy25.styled)("td")(({ theme }) => ({
+var StyledTd = (0, import_joy24.styled)("td")(({ theme }) => ({
   transition: `box-shadow 0.3s`,
   "&:not(.is-last-left):not(.is-last-right)": {
     boxShadow: "1px 0 var(--TableCell-borderColor)"
@@ -2412,10 +2327,10 @@ var StyledTd = (0, import_joy25.styled)("td")(({ theme }) => ({
     }
   }
 }));
-var MotionSortIcon = (0, import_framer_motion17.motion)(import_ArrowUpwardRounded.default);
-var DefaultLoadingOverlay = () => /* @__PURE__ */ import_react19.default.createElement(import_joy25.LinearProgress, { value: 8, variant: "plain" });
-var DefaultNoRowsOverlay = () => /* @__PURE__ */ import_react19.default.createElement(import_joy25.Typography, { level: "body-sm", textColor: "text.tertiary" }, "No rows");
-var Resizer = (ref, targetRef = ref, onResizeStateChange, onAutoFit) => /* @__PURE__ */ import_react19.default.createElement(
+var MotionSortIcon = (0, import_framer_motion16.motion)(import_ArrowUpwardRounded.default);
+var DefaultLoadingOverlay = () => /* @__PURE__ */ import_react18.default.createElement(import_joy24.LinearProgress, { value: 8, variant: "plain" });
+var DefaultNoRowsOverlay = () => /* @__PURE__ */ import_react18.default.createElement(import_joy24.Typography, { level: "body-sm", textColor: "text.tertiary" }, "No rows");
+var Resizer = (ref, targetRef = ref, onResizeStateChange, onAutoFit) => /* @__PURE__ */ import_react18.default.createElement(
   Box_default,
   {
     sx: {
@@ -2497,24 +2412,24 @@ var import_joy32 = require("@mui/joy");
 var import_framer_motion21 = require("framer-motion");
 
 // src/components/DatePicker/DatePicker.tsx
-var import_react20 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
 var import_react_imask = require("react-imask");
 var import_CalendarToday = __toESM(require("@mui/icons-material/CalendarToday"));
-var import_joy28 = require("@mui/joy");
+var import_joy27 = require("@mui/joy");
 var import_base3 = require("@mui/base");
 
 // src/components/Sheet/Sheet.tsx
-var import_joy26 = require("@mui/joy");
-var Sheet = import_joy26.Sheet;
+var import_joy25 = require("@mui/joy");
+var Sheet = import_joy25.Sheet;
 
 // src/components/Sheet/index.ts
 var Sheet_default = Sheet;
 
 // src/components/DialogActions/DialogActions.tsx
-var import_joy27 = require("@mui/joy");
-var import_framer_motion18 = require("framer-motion");
-var MotionDialogActions = (0, import_framer_motion18.motion)(import_joy27.DialogActions);
-var StyledDialogActions = (0, import_joy27.styled)(MotionDialogActions)(({ theme }) => ({
+var import_joy26 = require("@mui/joy");
+var import_framer_motion17 = require("framer-motion");
+var MotionDialogActions = (0, import_framer_motion17.motion)(import_joy26.DialogActions);
+var StyledDialogActions = (0, import_joy26.styled)(MotionDialogActions)(({ theme }) => ({
   padding: theme.spacing(2),
   gap: theme.spacing(2),
   flexDirection: "row",
@@ -2527,7 +2442,7 @@ DialogActions.displayName = "DialogActions";
 var DialogActions_default = DialogActions;
 
 // src/components/DatePicker/DatePicker.tsx
-var CalendarButton = (0, import_joy28.styled)(IconButton_default, {
+var CalendarButton = (0, import_joy27.styled)(IconButton_default, {
   name: "DatePicker",
   slot: "calendarButton"
 })(({ theme }) => ({
@@ -2537,13 +2452,13 @@ var CalendarButton = (0, import_joy28.styled)(IconButton_default, {
     outline: `${theme.getCssVar("focus-thickness")} solid ${theme.getCssVar("palette-focusVisible")}`
   }
 }));
-var StyledPopper = (0, import_joy28.styled)(import_base3.Popper, {
+var StyledPopper = (0, import_joy27.styled)(import_base3.Popper, {
   name: "DatePicker",
   slot: "popper"
 })(({ theme }) => ({
   zIndex: theme.zIndex.tooltip
 }));
-var CalendarSheet = (0, import_joy28.styled)(Sheet_default, {
+var CalendarSheet = (0, import_joy27.styled)(Sheet_default, {
   name: "DatePicker",
   slot: "sheet",
   overridesResolver: (props, styles) => styles.root
@@ -2552,7 +2467,7 @@ var CalendarSheet = (0, import_joy28.styled)(Sheet_default, {
   boxShadow: theme.shadow.md,
   borderRadius: theme.radius.md
 }));
-var DatePickerRoot = (0, import_joy28.styled)("div", {
+var DatePickerRoot = (0, import_joy27.styled)("div", {
   name: "DatePicker",
   slot: "root",
   overridesResolver: (props, styles) => styles.root
@@ -2609,9 +2524,9 @@ function parseDate(dateString, format) {
 var formatToPattern = (format) => {
   return format.replace(/YYYY/g, "Y").replace(/MM/g, "M").replace(/DD/g, "D").replace(/[^YMD\s]/g, (match) => `${match}\``);
 };
-var TextMaskAdapter3 = import_react20.default.forwardRef(function TextMaskAdapter4(props, ref) {
+var TextMaskAdapter3 = import_react19.default.forwardRef(function TextMaskAdapter4(props, ref) {
   const { onChange, format, ...other } = props;
-  return /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react19.default.createElement(
     import_react_imask.IMaskInput,
     {
       ...other,
@@ -2646,8 +2561,8 @@ var TextMaskAdapter3 = import_react20.default.forwardRef(function TextMaskAdapte
     }
   );
 });
-var DatePicker = (0, import_react20.forwardRef)((inProps, ref) => {
-  const props = (0, import_joy28.useThemeProps)({ props: inProps, name: "DatePicker" });
+var DatePicker = (0, import_react19.forwardRef)((inProps, ref) => {
+  const props = (0, import_joy27.useThemeProps)({ props: inProps, name: "DatePicker" });
   const {
     onChange,
     disabled,
@@ -2671,24 +2586,24 @@ var DatePicker = (0, import_react20.forwardRef)((inProps, ref) => {
     shouldDisableDate,
     ...innerProps
   } = props;
-  const innerRef = (0, import_react20.useRef)(null);
-  const buttonRef = (0, import_react20.useRef)(null);
+  const innerRef = (0, import_react19.useRef)(null);
+  const buttonRef = (0, import_react19.useRef)(null);
   const [value, setValue] = useControlledState(
     props.value,
     props.defaultValue || "",
-    (0, import_react20.useCallback)((value2) => onChange?.({ target: { name: props.name, value: value2 } }), [props.name, onChange])
+    (0, import_react19.useCallback)((value2) => onChange?.({ target: { name: props.name, value: value2 } }), [props.name, onChange])
   );
-  const [displayValue, setDisplayValue] = (0, import_react20.useState)(
+  const [displayValue, setDisplayValue] = (0, import_react19.useState)(
     () => value ? formatValueString(parseDate(value, format), displayFormat) : ""
   );
-  const [anchorEl, setAnchorEl] = (0, import_react20.useState)(null);
+  const [anchorEl, setAnchorEl] = (0, import_react19.useState)(null);
   const open = Boolean(anchorEl);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!anchorEl) {
       innerRef.current?.blur();
     }
   }, [anchorEl, innerRef]);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (value === "") {
       setDisplayValue("");
       return;
@@ -2698,8 +2613,8 @@ var DatePicker = (0, import_react20.forwardRef)((inProps, ref) => {
       setDisplayValue(formattedValue);
     }
   }, [displayFormat, displayValue, format, value]);
-  (0, import_react20.useImperativeHandle)(ref, () => innerRef.current, [innerRef]);
-  const handleChange = (0, import_react20.useCallback)(
+  (0, import_react19.useImperativeHandle)(ref, () => innerRef.current, [innerRef]);
+  const handleChange = (0, import_react19.useCallback)(
     (event) => {
       const value2 = event.target.value;
       setDisplayValue(value2 ? formatValueString(parseDate(value2, format), displayFormat) : value2);
@@ -2707,7 +2622,7 @@ var DatePicker = (0, import_react20.forwardRef)((inProps, ref) => {
     },
     [displayFormat, format, setValue]
   );
-  const handleDisplayInputChange = (0, import_react20.useCallback)(
+  const handleDisplayInputChange = (0, import_react19.useCallback)(
     (event) => {
       if (event.target.value === "") {
         handleChange({
@@ -2732,7 +2647,7 @@ var DatePicker = (0, import_react20.forwardRef)((inProps, ref) => {
     },
     [displayFormat, format, handleChange, props.name]
   );
-  const handleCalendarToggle = (0, import_react20.useCallback)(
+  const handleCalendarToggle = (0, import_react19.useCallback)(
     (event) => {
       setAnchorEl(anchorEl ? null : event.currentTarget);
       setTimeout(() => {
@@ -2741,7 +2656,7 @@ var DatePicker = (0, import_react20.forwardRef)((inProps, ref) => {
     },
     [anchorEl, setAnchorEl, innerRef]
   );
-  const handleInputMouseDown = (0, import_react20.useCallback)(
+  const handleInputMouseDown = (0, import_react19.useCallback)(
     (event) => {
       if (inputReadOnly) {
         event.preventDefault();
@@ -2750,7 +2665,7 @@ var DatePicker = (0, import_react20.forwardRef)((inProps, ref) => {
     },
     [inputReadOnly, buttonRef]
   );
-  return /* @__PURE__ */ import_react20.default.createElement(DatePickerRoot, null, /* @__PURE__ */ import_react20.default.createElement(import_base3.FocusTrap, { open: true }, /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react19.default.createElement(DatePickerRoot, null, /* @__PURE__ */ import_react19.default.createElement(import_base3.FocusTrap, { open: true }, /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(
     Input_default,
     {
       ...innerProps,
@@ -2778,7 +2693,7 @@ var DatePicker = (0, import_react20.forwardRef)((inProps, ref) => {
       },
       className,
       sx,
-      endDecorator: /* @__PURE__ */ import_react20.default.createElement(
+      endDecorator: /* @__PURE__ */ import_react19.default.createElement(
         CalendarButton,
         {
           ref: buttonRef,
@@ -2790,13 +2705,13 @@ var DatePicker = (0, import_react20.forwardRef)((inProps, ref) => {
           "aria-expanded": open,
           disabled
         },
-        /* @__PURE__ */ import_react20.default.createElement(import_CalendarToday.default, null)
+        /* @__PURE__ */ import_react19.default.createElement(import_CalendarToday.default, null)
       ),
       label,
       helperText,
       readOnly: readOnly || inputReadOnly
     }
-  ), open && /* @__PURE__ */ import_react20.default.createElement(import_base3.ClickAwayListener, { onClickAway: () => setAnchorEl(null) }, /* @__PURE__ */ import_react20.default.createElement(
+  ), open && /* @__PURE__ */ import_react19.default.createElement(import_base3.ClickAwayListener, { onClickAway: () => setAnchorEl(null) }, /* @__PURE__ */ import_react19.default.createElement(
     StyledPopper,
     {
       id: "date-picker-popper",
@@ -2815,7 +2730,7 @@ var DatePicker = (0, import_react20.forwardRef)((inProps, ref) => {
       "aria-label": "Calendar Tooltip",
       "aria-expanded": open
     },
-    /* @__PURE__ */ import_react20.default.createElement(CalendarSheet, { tabIndex: -1, role: "presentation" }, /* @__PURE__ */ import_react20.default.createElement(
+    /* @__PURE__ */ import_react19.default.createElement(CalendarSheet, { tabIndex: -1, role: "presentation" }, /* @__PURE__ */ import_react19.default.createElement(
       Calendar_default,
       {
         value: value && !Number.isNaN(parseDate(value, format).getTime()) ? [parseDate(value, format), void 0] : void 0,
@@ -2834,14 +2749,14 @@ var DatePicker = (0, import_react20.forwardRef)((inProps, ref) => {
         disablePast,
         shouldDisableDate: shouldDisableDate ? (date) => shouldDisableDate(formatValueString(date, format)) : void 0
       }
-    ), !hideClearButton && /* @__PURE__ */ import_react20.default.createElement(
+    ), !hideClearButton && /* @__PURE__ */ import_react19.default.createElement(
       DialogActions_default,
       {
         sx: {
           p: 1
         }
       },
-      /* @__PURE__ */ import_react20.default.createElement(
+      /* @__PURE__ */ import_react19.default.createElement(
         Button_default,
         {
           size,
@@ -2867,10 +2782,10 @@ var DatePicker = (0, import_react20.forwardRef)((inProps, ref) => {
 var DatePicker_default = DatePicker;
 
 // src/components/Textarea/Textarea.tsx
-var import_react21 = __toESM(require("react"));
-var import_joy29 = require("@mui/joy");
-var import_framer_motion19 = require("framer-motion");
-var MotionTextarea = (0, import_framer_motion19.motion)(import_joy29.Textarea);
+var import_react20 = __toESM(require("react"));
+var import_joy28 = require("@mui/joy");
+var import_framer_motion18 = require("framer-motion");
+var MotionTextarea = (0, import_framer_motion18.motion)(import_joy28.Textarea);
 var Textarea = (props) => {
   const {
     label,
@@ -2887,7 +2802,7 @@ var Textarea = (props) => {
     className,
     ...innerProps
   } = props;
-  const textarea = /* @__PURE__ */ import_react21.default.createElement(
+  const textarea = /* @__PURE__ */ import_react20.default.createElement(
     MotionTextarea,
     {
       required,
@@ -2899,7 +2814,7 @@ var Textarea = (props) => {
       ...innerProps
     }
   );
-  return /* @__PURE__ */ import_react21.default.createElement(
+  return /* @__PURE__ */ import_react20.default.createElement(
     FormControl_default,
     {
       required,
@@ -2910,9 +2825,9 @@ var Textarea = (props) => {
       sx,
       className
     },
-    label && /* @__PURE__ */ import_react21.default.createElement(FormLabel_default, null, label),
+    label && /* @__PURE__ */ import_react20.default.createElement(FormLabel_default, null, label),
     textarea,
-    helperText && /* @__PURE__ */ import_react21.default.createElement(FormHelperText_default, null, helperText)
+    helperText && /* @__PURE__ */ import_react20.default.createElement(FormHelperText_default, null, helperText)
   );
 };
 Textarea.displayName = "Textarea";
@@ -2921,10 +2836,10 @@ Textarea.displayName = "Textarea";
 var Textarea_default = Textarea;
 
 // src/components/Select/Select.tsx
-var import_react22 = __toESM(require("react"));
-var import_joy30 = require("@mui/joy");
-var import_framer_motion20 = require("framer-motion");
-var MotionOption = (0, import_framer_motion20.motion)(import_joy30.Option);
+var import_react21 = __toESM(require("react"));
+var import_joy29 = require("@mui/joy");
+var import_framer_motion19 = require("framer-motion");
+var MotionOption = (0, import_framer_motion19.motion)(import_joy29.Option);
 var Option = MotionOption;
 var secondaryTextLevelMap2 = {
   sm: "body-xs",
@@ -2947,7 +2862,7 @@ function Select(props) {
     className,
     ...innerProps
   } = props;
-  const options = (0, import_react22.useMemo)(
+  const options = (0, import_react21.useMemo)(
     () => props.options.map((option) => {
       if (option.hasOwnProperty("value") && option.hasOwnProperty("label")) {
         return option;
@@ -2972,15 +2887,15 @@ function Select(props) {
     };
     onChange?.(newEvent, newValue);
   };
-  const optionMap = (0, import_react22.useMemo)(() => {
+  const optionMap = (0, import_react21.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     options.forEach((option) => {
       map.set(option.value, option);
     });
     return map;
   }, [options]);
-  const select = /* @__PURE__ */ import_react22.default.createElement(
-    import_joy30.Select,
+  const select = /* @__PURE__ */ import_react21.default.createElement(
+    import_joy29.Select,
     {
       ...innerProps,
       required,
@@ -2996,9 +2911,9 @@ function Select(props) {
         return optionMap.get(selected.value)?.label;
       }
     },
-    options.map((option) => /* @__PURE__ */ import_react22.default.createElement(Option, { key: option.value, value: option.value, disabled: option.disabled }, option.secondaryText ? /* @__PURE__ */ import_react22.default.createElement(import_joy30.ListItemContent, { sx: { gap: 0.5 } }, /* @__PURE__ */ import_react22.default.createElement(import_joy30.Typography, { level: "inherit" }, option.label), /* @__PURE__ */ import_react22.default.createElement(import_joy30.Typography, { level: secondaryTextLevelMap2[size ?? "md"], textColor: "text.tertiary" }, option.secondaryText)) : option.label))
+    options.map((option) => /* @__PURE__ */ import_react21.default.createElement(Option, { key: option.value, value: option.value, disabled: option.disabled }, option.secondaryText ? /* @__PURE__ */ import_react21.default.createElement(import_joy29.ListItemContent, { sx: { gap: 0.5 } }, /* @__PURE__ */ import_react21.default.createElement(import_joy29.Typography, { level: "inherit" }, option.label), /* @__PURE__ */ import_react21.default.createElement(import_joy29.Typography, { level: secondaryTextLevelMap2[size ?? "md"], textColor: "text.tertiary" }, option.secondaryText)) : option.label))
   );
-  return /* @__PURE__ */ import_react22.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement(
     FormControl_default,
     {
       required,
@@ -3009,9 +2924,9 @@ function Select(props) {
       sx,
       className
     },
-    label && /* @__PURE__ */ import_react22.default.createElement(FormLabel_default, null, label),
+    label && /* @__PURE__ */ import_react21.default.createElement(FormLabel_default, null, label),
     select,
-    helperText && /* @__PURE__ */ import_react22.default.createElement(FormHelperText_default, null, helperText)
+    helperText && /* @__PURE__ */ import_react21.default.createElement(FormHelperText_default, null, helperText)
   );
 }
 Select.displayName = "Select";
@@ -3022,6 +2937,19 @@ var Select_default = Select;
 // src/components/DataTable/components.tsx
 var import_joy33 = require("@mui/joy");
 
+// src/components/Tooltip/Tooltip.tsx
+var import_react22 = __toESM(require("react"));
+var import_joy30 = require("@mui/joy");
+var import_framer_motion20 = require("framer-motion");
+var MotionTooltip = (0, import_framer_motion20.motion)(import_joy30.Tooltip);
+var Tooltip = (props) => {
+  return /* @__PURE__ */ import_react22.default.createElement(MotionTooltip, { ...props });
+};
+Tooltip.displayName = "Tooltip";
+
+// src/components/Tooltip/index.ts
+var Tooltip_default = Tooltip;
+
 // src/components/InfoSign/InfoSign.tsx
 var import_react23 = __toESM(require("react"));
 var import_joy31 = require("@mui/joy");
@@ -3535,7 +3463,8 @@ function useDataTableRenderer({
   isRowSelectable,
   columnGroupingModel,
   columnVisibilityModel,
-  onColumnVisibilityModelChange
+  onColumnVisibilityModelChange,
+  checkboxSelection
 }) {
   if (pinnedColumns && columnGroupingModel) {
     throw new Error(
@@ -3568,6 +3497,14 @@ function useDataTableRenderer({
     [reorderedColumns, visibilityModel]
   );
   const visibleFieldSet = (0, import_react25.useMemo)(() => new Set(visibleColumns.map((c) => c.field)), [visibleColumns]);
+  const tableMinWidth = (0, import_react25.useMemo)(() => {
+    const DEFAULT_MIN = 50;
+    let total = checkboxSelection ? 40 : 0;
+    for (const col of visibleColumns) {
+      total += parsePxValue(col.minWidth) ?? parsePxValue(col.width) ?? DEFAULT_MIN;
+    }
+    return total;
+  }, [visibleColumns, checkboxSelection]);
   const allColumnsByField = (0, import_react25.useMemo)(
     () => reorderedColumns.reduce(
       (acc, curr) => ({
@@ -3868,6 +3805,7 @@ function useDataTableRenderer({
       ]
     ),
     columns,
+    tableMinWidth,
     processedColumnGroups,
     onTotalSelect: (0, import_react25.useCallback)(() => {
       const selectableRows = rows.filter((row, i) => {
@@ -4257,6 +4195,7 @@ function Component(props, apiRef) {
     onTotalSelect,
     HeadCell: HeadCell2,
     BodyRow: BodyRow2,
+    tableMinWidth,
     // For keyboard selection
     selectionAnchor,
     setSelectionAnchor
@@ -4446,7 +4385,7 @@ function Component(props, apiRef) {
         ref: parentRef,
         ...backgroundProps
       },
-      /* @__PURE__ */ import_react28.default.createElement(Table, { ...innerProps }, /* @__PURE__ */ import_react28.default.createElement("colgroup", null, checkboxSelection && /* @__PURE__ */ import_react28.default.createElement(
+      /* @__PURE__ */ import_react28.default.createElement(Table, { ...innerProps, sx: { ...innerProps.sx, minWidth: tableMinWidth } }, /* @__PURE__ */ import_react28.default.createElement("colgroup", null, checkboxSelection && /* @__PURE__ */ import_react28.default.createElement(
         "col",
         {
           style: {
@@ -4459,7 +4398,8 @@ function Component(props, apiRef) {
           ref: c.tableColRef,
           key: `${c.field.toString()}_${c.width}`,
           style: {
-            width: c.width
+            width: c.width,
+            minWidth: c.minWidth ?? "50px"
           }
         }
       ))), /* @__PURE__ */ import_react28.default.createElement("thead", null, processedColumnGroups && processedColumnGroups.groups.length > 0 && processedColumnGroups.groups.map((levelGroups, level) => /* @__PURE__ */ import_react28.default.createElement("tr", { key: `group-level-${level}` }, checkboxSelection && level === 0 && /* @__PURE__ */ import_react28.default.createElement(
@@ -7444,8 +7384,90 @@ function RadioList(props) {
 }
 RadioList.displayName = "RadioList";
 
-// src/components/Stepper/Stepper.tsx
+// src/components/SearchBar/SearchBar.tsx
 var import_react57 = __toESM(require("react"));
+var import_SearchRounded = __toESM(require("@mui/icons-material/SearchRounded"));
+var import_CloseRounded = __toESM(require("@mui/icons-material/CloseRounded"));
+function SearchBar(props) {
+  const { hideSelect = false, options, value, onChange, onSearch } = props;
+  const [selectVal, setSelectVal] = (0, import_react57.useState)(options?.[0]?.value ?? "");
+  const [isHovered, setIsHovered] = (0, import_react57.useState)(false);
+  const selectedOption = options?.find((o) => o.value === selectVal);
+  const placeholder = selectedOption?.placeholder ?? "";
+  const handleSearch = () => {
+    onSearch?.({ selectValue: hideSelect ? void 0 : selectVal, inputValue: value });
+  };
+  const handleClear = () => {
+    onChange("");
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") {
+      handleSearch();
+    }
+  };
+  return /* @__PURE__ */ import_react57.default.createElement(
+    import_joy3.Stack,
+    {
+      direction: "row",
+      sx: {
+        width: hideSelect ? "220px" : "300px",
+        bgcolor: "background.surface",
+        borderRadius: "sm",
+        border: 1,
+        borderColor: "neutral.outlinedBorder"
+      }
+    },
+    !hideSelect && options && /* @__PURE__ */ import_react57.default.createElement(import_react57.default.Fragment, null, /* @__PURE__ */ import_react57.default.createElement(
+      Select,
+      {
+        variant: "plain",
+        size: "sm",
+        color: "neutral",
+        value: selectVal,
+        options,
+        onChange: (_, newValue) => setSelectVal(newValue),
+        sx: { flex: 1, maxWidth: "110px" },
+        slotProps: {
+          button: {
+            style: { display: "block", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }
+          }
+        }
+      }
+    ), /* @__PURE__ */ import_react57.default.createElement(Divider, { orientation: "vertical", sx: { height: "16px", alignSelf: "center" } })),
+    /* @__PURE__ */ import_react57.default.createElement(
+      Input,
+      {
+        variant: "plain",
+        size: "sm",
+        color: "neutral",
+        placeholder,
+        value,
+        onChange: (e) => onChange(e.target.value),
+        onKeyDown: handleKeyDown,
+        sx: { flex: 1, minWidth: 0 },
+        onMouseEnter: () => setIsHovered(true),
+        onMouseLeave: () => setIsHovered(false),
+        endDecorator: isHovered && value ? /* @__PURE__ */ import_react57.default.createElement(
+          IconButton,
+          {
+            variant: "plain",
+            size: "sm",
+            color: "neutral",
+            onMouseDown: (e) => e.preventDefault(),
+            onClick: handleClear,
+            "aria-label": "Clear"
+          },
+          /* @__PURE__ */ import_react57.default.createElement(import_CloseRounded.default, null)
+        ) : void 0
+      }
+    ),
+    /* @__PURE__ */ import_react57.default.createElement(IconButton, { variant: "plain", size: "sm", color: "neutral", onClick: handleSearch, "aria-label": "Search" }, /* @__PURE__ */ import_react57.default.createElement(import_SearchRounded.default, null))
+  );
+}
+SearchBar.displayName = "SearchBar";
+
+// src/components/Stepper/Stepper.tsx
+var import_react58 = __toESM(require("react"));
 var import_joy67 = require("@mui/joy");
 var import_Check = __toESM(require("@mui/icons-material/Check"));
 var import_framer_motion27 = require("framer-motion");
@@ -7474,7 +7496,7 @@ function Stepper(props) {
     stepOrientation = "horizontal"
   } = props;
   const effectiveStepOrientation = orientation === "vertical" ? "horizontal" : stepOrientation;
-  return /* @__PURE__ */ import_react57.default.createElement(
+  return /* @__PURE__ */ import_react58.default.createElement(
     MotionStepper,
     {
       orientation,
@@ -7513,23 +7535,23 @@ function Stepper(props) {
       const completed = activeStep > i + 1;
       const disabled = activeStep < i + 1;
       const hasContent = step.label || step.extraContent;
-      return /* @__PURE__ */ import_react57.default.createElement(
+      return /* @__PURE__ */ import_react58.default.createElement(
         Step,
         {
           key: `step-${i}`,
-          indicator: /* @__PURE__ */ import_react57.default.createElement(StepIndicator, { variant: disabled ? "outlined" : "solid", color: disabled ? "neutral" : "primary" }, completed ? /* @__PURE__ */ import_react57.default.createElement(import_Check.default, null) : step.indicatorContent),
+          indicator: /* @__PURE__ */ import_react58.default.createElement(StepIndicator, { variant: disabled ? "outlined" : "solid", color: disabled ? "neutral" : "primary" }, completed ? /* @__PURE__ */ import_react58.default.createElement(import_Check.default, null) : step.indicatorContent),
           active,
           completed,
           disabled,
           orientation: effectiveStepOrientation
         },
-        hasContent && /* @__PURE__ */ import_react57.default.createElement(
+        hasContent && /* @__PURE__ */ import_react58.default.createElement(
           Stack_default,
           {
             sx: orientation === "horizontal" && effectiveStepOrientation === "vertical" ? { alignItems: "center" } : {}
           },
-          step.label && /* @__PURE__ */ import_react57.default.createElement(Typography_default, { level: "title-sm" }, step.label),
-          step.extraContent && /* @__PURE__ */ import_react57.default.createElement(Typography_default, { level: "body-xs" }, step.extraContent)
+          step.label && /* @__PURE__ */ import_react58.default.createElement(Typography_default, { level: "title-sm" }, step.label),
+          step.extraContent && /* @__PURE__ */ import_react58.default.createElement(Typography_default, { level: "body-xs" }, step.extraContent)
         )
       );
     })
@@ -7538,7 +7560,7 @@ function Stepper(props) {
 Stepper.displayName = "Stepper";
 
 // src/components/Switch/Switch.tsx
-var import_react58 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 var import_joy68 = require("@mui/joy");
 var import_framer_motion28 = require("framer-motion");
 var MotionSwitch = (0, import_framer_motion28.motion)(import_joy68.Switch);
@@ -7560,14 +7582,14 @@ var StyledThumb = (0, import_joy68.styled)(import_framer_motion28.motion.div)({
     right: "var(--Switch-thumbOffset)"
   }
 });
-var Thumb = (props) => /* @__PURE__ */ import_react58.default.createElement(StyledThumb, { ...props, layout: true, transition: spring });
+var Thumb = (props) => /* @__PURE__ */ import_react59.default.createElement(StyledThumb, { ...props, layout: true, transition: spring });
 var spring = {
   type: "spring",
   stiffness: 700,
   damping: 30
 };
 var Switch = (props) => {
-  return /* @__PURE__ */ import_react58.default.createElement(
+  return /* @__PURE__ */ import_react59.default.createElement(
     MotionSwitch,
     {
       ...props,
@@ -7581,7 +7603,7 @@ var Switch = (props) => {
 Switch.displayName = "Switch";
 
 // src/components/Tabs/Tabs.tsx
-var import_react59 = __toESM(require("react"));
+var import_react60 = __toESM(require("react"));
 var import_joy69 = require("@mui/joy");
 var StyledTabs = (0, import_joy69.styled)(import_joy69.Tabs)(({ theme }) => ({
   backgroundColor: theme.palette.background.body
@@ -7597,15 +7619,15 @@ var StyledTab = (0, import_joy69.styled)(import_joy69.Tab)(({ theme }) => ({
     backgroundColor: theme.palette.background.body
   }
 }));
-var Tab = (0, import_react59.forwardRef)(function Tab2({ startDecorator, endDecorator, children, ...props }, ref) {
-  return /* @__PURE__ */ import_react59.default.createElement(StyledTab, { ...props, ref }, startDecorator, children, endDecorator);
+var Tab = (0, import_react60.forwardRef)(function Tab2({ startDecorator, endDecorator, children, ...props }, ref) {
+  return /* @__PURE__ */ import_react60.default.createElement(StyledTab, { ...props, ref }, startDecorator, children, endDecorator);
 });
 Tab.displayName = "Tab";
 var TabList = import_joy69.TabList;
 var TabPanel = import_joy69.TabPanel;
 
 // src/components/ThemeProvider/ThemeProvider.tsx
-var import_react60 = __toESM(require("react"));
+var import_react61 = __toESM(require("react"));
 var import_joy70 = require("@mui/joy");
 var colorScheme = {
   palette: {
@@ -7884,6 +7906,6 @@ var defaultTheme = (0, import_joy70.extendTheme)({
 });
 function ThemeProvider(props) {
   const theme = props.theme || defaultTheme;
-  return /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, /* @__PURE__ */ import_react60.default.createElement(import_joy70.CssVarsProvider, { theme }, /* @__PURE__ */ import_react60.default.createElement(import_joy70.CssBaseline, null), props.children));
+  return /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, /* @__PURE__ */ import_react61.default.createElement(import_joy70.CssVarsProvider, { theme }, /* @__PURE__ */ import_react61.default.createElement(import_joy70.CssBaseline, null), props.children));
 }
 ThemeProvider.displayName = "ThemeProvider";