@matteoaliano/forest-ui 1.1.1 → 1.2.1

package/dist/index.js

@@ -56,7 +56,7 @@ __export(src_exports, {
   BarPlot: () => import_BarChart3.BarPlot,
   BottomNavigation: () => import_BottomNavigation.default,
   BottomNavigationAction: () => import_BottomNavigationAction.default,
-  Box: () => Box5,
+  Box: () => import_Box4.default,
   Breadcrumbs: () => import_Breadcrumbs.default,
   Button: () => Button,
   ButtonBase: () => import_ButtonBase.default,
@@ -94,7 +94,7 @@ __export(src_exports, {
   CircularProgress: () => import_CircularProgress.default,
   ClickAwayListener: () => import_ClickAwayListener.default,
   Collapse: () => import_Collapse.default,
-  Container: () => Container,
+  Container: () => import_Container.default,
   ContinuousColorLegend: () => import_ChartsLegend3.ContinuousColorLegend,
   DataGrid: () => import_x_data_grid.DataGrid,
   DatePicker: () => DatePicker,
@@ -123,7 +123,7 @@ __export(src_exports, {
   GaugeValueArc: () => import_Gauge3.GaugeValueArc,
   GaugeValueText: () => import_Gauge3.GaugeValueText,
   GlobalStyles: () => import_GlobalStyles.default,
-  Grid: () => Grid,
+  Grid: () => import_Grid.default,
   Grow: () => import_Grow.default,
   HighlightedProvider: () => import_context.HighlightedProvider,
   IconButton: () => IconButton2,
@@ -165,7 +165,7 @@ __export(src_exports, {
   Page: () => Page,
   Pagination: () => import_Pagination.default,
   PaginationItem: () => import_PaginationItem.default,
-  Paper: () => Paper,
+  Paper: () => import_Paper.default,
   PieArc: () => import_PieChart3.PieArc,
   PieArcLabel: () => import_PieChart3.PieArcLabel,
   PieArcLabelPlot: () => import_PieChart3.PieArcLabelPlot,
@@ -175,7 +175,7 @@ __export(src_exports, {
   PiecewiseColorLegend: () => import_ChartsLegend4.PiecewiseColorLegend,
   Popover: () => Popover,
   Popper: () => import_Popper.default,
-  Portal: () => Portal,
+  Portal: () => import_Portal.default,
   Radio: () => import_Radio.default,
   RadioGroup: () => import_RadioGroup.default,
   Rating: () => import_Rating.default,
@@ -196,7 +196,7 @@ __export(src_exports, {
   SpeedDial: () => import_SpeedDial.default,
   SpeedDialAction: () => import_SpeedDialAction.default,
   SpeedDialIcon: () => import_SpeedDialIcon.default,
-  Stack: () => Stack,
+  Stack: () => import_Stack.default,
   Step: () => import_Step.default,
   StepButton: () => import_StepButton.default,
   StepConnector: () => import_StepConnector.default,
@@ -206,7 +206,7 @@ __export(src_exports, {
   Stepper: () => import_Stepper.default,
   SvgIcon: () => import_SvgIcon.default,
   SwipeableDrawer: () => import_SwipeableDrawer.default,
-  Switch: () => Switch,
+  Switch: () => import_Switch.default,
   Tab: () => import_Tab.default,
   TabScrollButton: () => import_TabScrollButton.default,
   Table: () => import_Table.default,
@@ -756,6 +756,20 @@ function buildComponents(tokens2) {
                 borderTopRightRadius: radius4.md,
                 opacity: 0.75
               },
+              // Unified disabled treatment across the button family (Button,
+              // IconButton, Fab, ButtonGroup, ToggleButton): transparent face,
+              // disabled border, disabled text — matching the outlined
+              // IconButton reference. Contained's fill is dropped and the bevel
+              // geometry re-asserted (MUI's outlined disabled `border: 1px`
+              // shorthand would otherwise flatten it).
+              "&.Mui-disabled": {
+                backgroundColor: "transparent",
+                borderColor: border4.disabled,
+                borderTopWidth: 1,
+                borderRightWidth: 1,
+                borderLeftWidth: 1,
+                borderBottomWidth: 4
+              },
               "@media (prefers-reduced-motion: reduce)": {
                 transition: "none",
                 "&::before": { display: "none" }
@@ -797,6 +811,13 @@ function buildComponents(tokens2) {
           "&.MuiButtonGroup-contained .MuiButtonGroup-grouped:not(.Mui-disabled)": {
             borderColor: fg4.tertiary
           },
+          // Disabled grouped children: MUI's per-position grouped-contained
+          // border wins over the child Button's own .Mui-disabled rule on the
+          // first/middle buttons — pin the unified disabled border here so the
+          // whole group matches the standalone disabled Button.
+          "&.MuiButtonGroup-contained .MuiButtonGroup-grouped.Mui-disabled": {
+            borderColor: border4.disabled
+          },
           // outlined group → the outlined-Button look (outlinedFill), including
           // its lightened hover sweep (the forced-contained children would
           // otherwise sweep at full currentColor strength).
@@ -861,6 +882,13 @@ function buildComponents(tokens2) {
           },
           "&.ForestIconButton": {
             ...bevel3D,
+            // Square 32×32 with border-box so the faux-3D bevel (1px top + 4px
+            // bottom, 1px left/right) is absorbed rather than added on top —
+            // otherwise it rendered a 37×34 control instead of matching the
+            // standalone Button's 32px height.
+            height: 32,
+            width: 32,
+            boxSizing: "border-box",
             boxShadow: tokenShadows.xs,
             "&:focus-visible": {
               boxShadow: focusRings4.brandShadowXs
@@ -898,15 +926,13 @@ function buildComponents(tokens2) {
               filter: "brightness(0.97)"
             }
           },
-          // Disabled parity with the Button variants: MUI IconButton's own
-          // .Mui-disabled (transparent bg + action.disabled icon) ties with the
-          // variant faces at (0,2,0) and loses on insertion order — pin the
-          // disabled treatment one class higher.
-          "&.ForestIconButton-contained.Mui-disabled": {
-            backgroundColor: (theme.vars || theme).palette.action.disabledBackground,
-            color: (theme.vars || theme).palette.action.disabled
-          },
-          "&.ForestIconButton-outlined.Mui-disabled": {
+          // Unified disabled treatment for both variants: transparent face,
+          // disabled border, disabled icon — bevel geometry retained. This is
+          // the reference the rest of the button family matches. The two-class
+          // selector out-specifies the single-class variant faces so contained's
+          // fill is dropped.
+          "&.ForestIconButton.Mui-disabled": {
+            backgroundColor: "transparent",
             color: (theme.vars || theme).palette.action.disabled,
             borderColor: border4.disabled
           }
@@ -973,6 +999,13 @@ function buildComponents(tokens2) {
           "&:focus-visible": {
             boxShadow: focusRings4.brandShadowSm
           },
+          // Same unified disabled treatment as Button/IconButton: drop the
+          // contained fill for a transparent, disabled-bordered face.
+          "&.Mui-disabled": {
+            backgroundColor: "transparent",
+            borderColor: border4.disabled,
+            color: (theme.vars || theme).palette.action.disabled
+          },
           "@media (prefers-reduced-motion: reduce)": {
             transition: "none",
             "&::before": { display: "none" }
@@ -1262,7 +1295,19 @@ function buildComponents(tokens2) {
         root: {
           width: 44,
           height: 24,
-          padding: 0
+          padding: 0,
+          // MUI's `size="small"` variant only half-applies here: the theme pins
+          // the track at the wide 44px medium geometry, but MUI still shrinks the
+          // thumb (16px), bumps switchBase padding (4px), and cuts the checked
+          // travel to 16px — leaving the thumb parked mid-track. Forest ships a
+          // single calibrated 24px switch, so neutralize `small` back to it.
+          "&.MuiSwitch-sizeSmall": {
+            "& .MuiSwitch-switchBase": {
+              padding: 2,
+              "&.Mui-checked": { transform: "translateX(20px)" }
+            },
+            "& .MuiSwitch-thumb": { width: 20, height: 20 }
+          }
         },
         switchBase: {
           padding: 2,
@@ -1356,16 +1401,16 @@ function buildComponents(tokens2) {
               borderTopRightRadius: radius4.md
             }
           },
-          // Disabled parity with the disabled contained Button: greyed face +
-          // disabled fg, bevel geometry retained. MUI's own .Mui-disabled rule
-          // only swaps color and border-shorthands the bevel away — and ties
-          // with .Mui-selected at (0,2,0) — so this block sits AFTER selected
-          // to win both.
+          // Disabled parity with the rest of the button family: transparent
+          // face, disabled border + fg, bevel geometry retained. MUI's own
+          // .Mui-disabled rule only swaps color and border-shorthands the bevel
+          // away — and ties with .Mui-selected at (0,2,0) — so this block sits
+          // AFTER selected to win both.
           "&.Mui-disabled": {
-            backgroundColor: (theme.vars || theme).palette.action.disabledBackground,
+            backgroundColor: "transparent",
             color: (theme.vars || theme).palette.action.disabled,
             borderStyle: "solid",
-            borderColor: fg4.tertiary,
+            borderColor: border4.disabled,
             borderTopWidth: 1,
             borderRightWidth: 1,
             borderLeftWidth: 1,
@@ -4399,10 +4444,6 @@ function MultiSelect({
 
 // src/components/Switch/index.tsx
 var import_Switch = __toESM(require("@mui/material/Switch"));
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function Switch(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_Switch.default, { ...props });
-}
 
 // src/components/TextField/index.tsx
 var import_TextField = __toESM(require("@mui/material/TextField"));
@@ -4414,7 +4455,7 @@ var import_InputAdornment = __toESM(require("@mui/material/InputAdornment"));
 var import_IconButton = __toESM(require("@mui/material/IconButton"));
 var import_Search = __toESM(require("@mui/icons-material/Search"));
 var import_Clear = __toESM(require("@mui/icons-material/Clear"));
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function Search({
   value: controlledValue,
   onChange,
@@ -4438,7 +4479,7 @@ function Search({
     if (!isControlled) setInternalValue("");
     onClear == null ? void 0 : onClear();
   }, [isControlled, onClear]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_TextField2.default,
     {
       variant,
@@ -4454,15 +4495,15 @@ function Search({
             gap: 0,
             "& .MuiOutlinedInput-input": { pl: "8px" }
           },
-          startAdornment: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_InputAdornment.default, { position: "start", sx: { mr: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Search.default, { sx: { fontSize: 20, color: "text.placeholder" } }) }),
-          endAdornment: currentValue ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_InputAdornment.default, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          startAdornment: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_InputAdornment.default, { position: "start", sx: { mr: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_Search.default, { sx: { fontSize: 20, color: "text.placeholder" } }) }),
+          endAdornment: currentValue ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_InputAdornment.default, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             import_IconButton.default,
             {
               "aria-label": "clear search",
               onClick: handleClear,
               edge: "end",
               size: "small",
-              children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Clear.default, { fontSize: "small" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_Clear.default, { fontSize: "small" })
             }
           ) }) : null,
           ...typeof (slotProps == null ? void 0 : slotProps.input) === "object" ? slotProps.input : {}
@@ -4478,14 +4519,14 @@ var import_InputBase = __toESM(require("@mui/material/InputBase"));
 
 // src/components/IconButton/index.tsx
 var import_IconButton2 = __toESM(require("@mui/material/IconButton"));
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function IconButton2({
-  variant = "text",
+  variant = "contained",
   className,
   ...props
 }) {
-  const cls = variant === "text" ? className : ["ForestIconButton", `ForestIconButton-${variant}`, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_IconButton2.default, { className: cls, ...props });
+  const cls = variant === "icon" ? className : ["ForestIconButton", `ForestIconButton-${variant}`, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_IconButton2.default, { className: cls, ...props });
 }
 
 // src/components/Logo/index.tsx
@@ -4748,7 +4789,7 @@ function scopeArtworkIds(inner, id) {
 }
 
 // src/components/Logo/index.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function resolveArtwork(product, variant, color) {
   const variantArt = PRODUCT_ARTWORK[product][variant];
   if (variant === "logomark") {
@@ -4768,7 +4809,7 @@ var Logo = (0, import_react3.forwardRef)(
       () => artwork ? scopeArtworkIds(artwork.inner, id) : "",
       [artwork, id]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       import_material.Box,
       {
         component: "svg",
@@ -4798,9 +4839,9 @@ var import_ToggleButtonGroup = __toESM(require("@mui/material/ToggleButtonGroup"
 var import_DatePicker = require("@mui/x-date-pickers/DatePicker");
 var import_LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
 var import_AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function DatePicker(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_LocalizationProvider.LocalizationProvider, { dateAdapter: import_AdapterDayjs.AdapterDayjs, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_DatePicker.DatePicker, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_LocalizationProvider.LocalizationProvider, { dateAdapter: import_AdapterDayjs.AdapterDayjs, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_DatePicker.DatePicker, { ...props }) });
 }
 
 // src/components/FormControl/index.tsx
@@ -4834,7 +4875,7 @@ var import_Badge = __toESM(require("@mui/material/Badge"));
 var import_Chip = __toESM(require("@mui/material/Chip"));
 var import_CloseOutlined = __toESM(require("@mui/icons-material/CloseOutlined"));
 var import_styles3 = require("@mui/material/styles");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var customChipScales = {
   teal: misc.teal,
   orange: misc.orange,
@@ -4847,10 +4888,10 @@ var customChipScales = {
   rose: misc.rose,
   blueLight: misc.blueLight
 };
-function Chip({ color, deleteIcon = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_CloseOutlined.default, {}), sx, ...props }) {
-  const scale = color && typeof color === "string" ? customChipScales[color] : void 0;
+function Chip({ color, deleteIcon = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_CloseOutlined.default, {}), sx, ...props }) {
+  const scale = color && color in customChipScales ? customChipScales[color] : void 0;
   if (scale) {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       import_Chip.default,
       {
         deleteIcon,
@@ -4890,7 +4931,7 @@ function Chip({ color, deleteIcon = /* @__PURE__ */ (0, import_jsx_runtime12.jsx
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     import_Chip.default,
     {
       color,
@@ -4938,9 +4979,9 @@ var import_x_data_grid = require("@mui/x-data-grid");
 
 // src/components/Tooltip/index.tsx
 var import_Tooltip = __toESM(require("@mui/material/Tooltip"));
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function Tooltip({ arrow = true, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Tooltip.default, { arrow, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Tooltip.default, { arrow, ...props });
 }
 
 // src/components/Typography/index.tsx
@@ -4956,7 +4997,7 @@ var import_AccordionActions = __toESM(require("@mui/material/AccordionActions"))
 var import_Button3 = __toESM(require("@mui/material/Button"));
 var import_AppBar = __toESM(require("@mui/material/AppBar"));
 var import_Toolbar = __toESM(require("@mui/material/Toolbar"));
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function AppBarNavItem({
   label,
   icon,
@@ -4965,7 +5006,7 @@ function AppBarNavItem({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     import_Button3.default,
     {
       variant: "text",
@@ -5016,9 +5057,9 @@ var import_CardContent = __toESM(require("@mui/material/CardContent"));
 var import_CardHeader = __toESM(require("@mui/material/CardHeader"));
 var import_CardActions = __toESM(require("@mui/material/CardActions"));
 var import_CardMedia = __toESM(require("@mui/material/CardMedia"));
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function Card({ color = "primary", sx, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_Card.default,
     {
       ...props,
@@ -5036,17 +5077,13 @@ var import_CardActionArea = __toESM(require("@mui/material/CardActionArea"));
 // src/components/Drawer/index.tsx
 var import_Drawer = __toESM(require("@mui/material/Drawer"));
 var import_SwipeableDrawer = __toESM(require("@mui/material/SwipeableDrawer"));
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function Drawer({ anchor = "right", hideBackdrop = true, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_Drawer.default, { anchor, hideBackdrop, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Drawer.default, { anchor, hideBackdrop, ...props });
 }
 
 // src/components/Paper/index.tsx
 var import_Paper = __toESM(require("@mui/material/Paper"));
-var import_jsx_runtime17 = require("react/jsx-runtime");
-function Paper(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Paper.default, { ...props });
-}
 
 // src/components/Alert/index.tsx
 var import_Alert = __toESM(require("@mui/material/Alert"));
@@ -5074,9 +5111,9 @@ var import_Modal = __toESM(require("@mui/material/Modal"));
 
 // src/components/Popover/index.tsx
 var import_Popover = __toESM(require("@mui/material/Popover"));
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function Popover({ slotProps, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     import_Popover.default,
     {
       ...props,
@@ -5151,7 +5188,7 @@ var import_ListItemButton2 = __toESM(require("@mui/material/ListItemButton"));
 var import_ListItemIcon2 = __toESM(require("@mui/material/ListItemIcon"));
 var import_ListItemText3 = __toESM(require("@mui/material/ListItemText"));
 var import_Tooltip2 = __toESM(require("@mui/material/Tooltip"));
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var SidebarContext = (0, import_react4.createContext)({
   open: true,
   collapsedWidth: 48,
@@ -5181,7 +5218,7 @@ function SidebarNav({
     onMouseEnter: () => onOpenChange(true),
     onMouseLeave: () => onOpenChange(false)
   } : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SidebarContext.Provider, { value: { open, collapsedWidth, expandedWidth }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SidebarContext.Provider, { value: { open, collapsedWidth, expandedWidth }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     import_Box.default,
     {
       sx: {
@@ -5194,7 +5231,7 @@ function SidebarNav({
         transition: "width 200ms ease-in-out"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           import_Drawer2.default,
           {
             variant: "permanent",
@@ -5212,7 +5249,7 @@ function SidebarNav({
               },
               ...sx
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               import_Box.default,
               {
                 sx: {
@@ -5222,9 +5259,9 @@ function SidebarNav({
                   overflow: "hidden"
                 },
                 children: [
-                  header && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_Box.default, { sx: { flexShrink: 0 }, children: header }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_Box.default, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden" }, children }),
-                  footer && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_Box.default, { sx: { flexShrink: 0 }, children: footer })
+                  header && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Box.default, { sx: { flexShrink: 0 }, children: header }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Box.default, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden" }, children }),
+                  footer && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Box.default, { sx: { flexShrink: 0 }, children: footer })
                 ]
               }
             )
@@ -5234,7 +5271,7 @@ function SidebarNav({
         // to a square icon toggle. Face is the tonal secondary (light grey in
         // light / charcoal in dark), not the primary brand fill — the toggle
         // is a utility control, not a call to action.
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           Button,
           {
             "aria-label": open ? "Collapse sidebar" : "Expand sidebar",
@@ -5267,7 +5304,7 @@ function SidebarNav({
                 ...theme.applyStyles("dark", { filter: "brightness(1.15)" })
               }
             }),
-            children: open ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_ChevronLeftOutlined.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_ChevronRightOutlined.default, {})
+            children: open ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_ChevronLeftOutlined.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_ChevronRightOutlined.default, {})
           }
         )
       ]
@@ -5311,7 +5348,7 @@ function SidebarItem({
 }) {
   const { open } = useSidebar();
   if (!open) {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_Tooltip2.default, { title: label, placement: "right", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Tooltip2.default, { title: label, placement: "right", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       import_ListItemButton2.default,
       {
         ...rest,
@@ -5326,13 +5363,13 @@ function SidebarItem({
           marginInline: "auto",
           ...sx
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_ListItemIcon2.default, { sx: { minWidth: "unset", margin: 0, "& .MuiSvgIcon-root": { fontSize: 20 } }, children: icon })
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_ListItemIcon2.default, { sx: { minWidth: "unset", margin: 0, "& .MuiSvgIcon-root": { fontSize: 20 } }, children: icon })
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_ListItemButton2.default, { ...rest, sx: { ...itemSx, height: 32, ...sx }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_ListItemIcon2.default, { sx: { minWidth: 32, "& .MuiSvgIcon-root": { fontSize: 20 } }, children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_ListItemText3.default, { primary: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_ListItemButton2.default, { ...rest, sx: { ...itemSx, height: 32, ...sx }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_ListItemIcon2.default, { sx: { minWidth: 32, "& .MuiSvgIcon-root": { fontSize: 20 } }, children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_ListItemText3.default, { primary: label }),
     endAdornment
   ] });
 }
@@ -5347,19 +5384,20 @@ var import_styles4 = require("@mui/material/styles");
 var import_MenuOutlined = __toESM(require("@mui/icons-material/MenuOutlined"));
 var import_DarkModeOutlined = __toESM(require("@mui/icons-material/DarkModeOutlined"));
 var import_LightModeOutlined = __toESM(require("@mui/icons-material/LightModeOutlined"));
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function ColorModeToggle() {
   const { mode, systemMode, setMode } = (0, import_styles4.useColorScheme)();
   const resolved = mode === "system" ? systemMode : mode;
   const isDark = resolved === "dark";
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Tooltip, { title: isDark ? "Switch to light mode" : "Switch to dark mode", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Tooltip, { title: isDark ? "Switch to light mode" : "Switch to dark mode", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     IconButton2,
     {
+      variant: "icon",
       size: "small",
       color: "inherit",
       "aria-label": "Toggle color mode",
       onClick: () => setMode(isDark ? "light" : "dark"),
-      children: isDark ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_LightModeOutlined.default, { fontSize: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_DarkModeOutlined.default, { fontSize: "small" })
+      children: isDark ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_LightModeOutlined.default, { fontSize: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_DarkModeOutlined.default, { fontSize: "small" })
     }
   ) });
 }
@@ -5370,9 +5408,9 @@ function ShellBrand({
   const { mode, systemMode } = (0, import_styles4.useColorScheme)();
   const dark = (mode === "system" ? systemMode : mode) === "dark";
   if (logoVariant === "full") {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Logo, { product, variant: "logo", color: dark ? "negative" : "positive" });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Logo, { product, variant: "logo", color: dark ? "negative" : "positive" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Logo, { product, variant: "logomark", color: dark ? "negative" : "default" });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Logo, { product, variant: "logomark", color: "default" });
 }
 function AppShell({
   navItems,
@@ -5390,7 +5428,7 @@ function AppShell({
   const isMobile = (0, import_useMediaQuery.default)(theme.breakpoints.down("sm"));
   const [sidebarOpen, setSidebarOpen] = (0, import_react5.useState)(defaultSidebarOpen);
   const [mobileOpen, setMobileOpen] = (0, import_react5.useState)(false);
-  const navContent = nav != null ? nav : navItems && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_List2.default, { children: navItems.map(({ label, icon, active, endAdornment, ...link }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  const navContent = nav != null ? nav : navItems && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_List2.default, { children: navItems.map(({ label, icon, active, endAdornment, ...link }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     SidebarItem,
     {
       icon,
@@ -5401,39 +5439,40 @@ function AppShell({
     },
     label
   )) });
-  const brandEl = brand != null ? brand : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ShellBrand, { product, logoVariant });
+  const brandEl = brand != null ? brand : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ShellBrand, { product, logoVariant });
   const wrapLogomark = !brand && logoVariant === "logomark" && !isMobile;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_Box2.default, { sx: { display: "flex", flexDirection: "column", height: "100vh" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_Box2.default, { sx: { display: "flex", flexDirection: "column", height: "100vh" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       import_AppBar.default,
       {
         position: "sticky",
         elevation: 0,
         sx: { zIndex: theme.zIndex.drawer + 1 },
-        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_Toolbar.default, { variant: "dense", sx: { px: { xs: "16px", sm: "16px" } }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_Box2.default, { sx: { flex: 1, display: "flex", alignItems: "center", justifyContent: "flex-start", gap: 1 }, children: [
-            isMobile && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_Toolbar.default, { variant: "dense", sx: { px: { xs: "16px", sm: "16px" } }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_Box2.default, { sx: { flex: 1, display: "flex", alignItems: "center", justifyContent: "flex-start", gap: 1 }, children: [
+            isMobile && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               IconButton2,
               {
+                variant: "icon",
                 size: "small",
                 color: "inherit",
                 "aria-label": "Open navigation",
                 onClick: () => setMobileOpen(true),
-                children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_MenuOutlined.default, { fontSize: "small" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_MenuOutlined.default, { fontSize: "small" })
               }
             ),
-            wrapLogomark ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_Box2.default, { sx: { width: 48, ml: "-16px", display: "flex", justifyContent: "center" }, children: brandEl }) : brandEl
+            wrapLogomark ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Box2.default, { sx: { width: 48, ml: "-16px", display: "flex", justifyContent: "center" }, children: brandEl }) : brandEl
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_Box2.default, { sx: { flex: 1, display: "flex", justifyContent: "center" }, children: search === true ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Search, { size: "small", placeholder: "Search\u2026", sx: { width: "100%", maxWidth: 480 } }) : search || null }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_Box2.default, { sx: { flex: 1, display: "flex", alignItems: "center", justifyContent: "flex-end", gap: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ColorModeToggle, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Box2.default, { sx: { flex: 1, display: "flex", justifyContent: "center" }, children: search === true ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Search, { size: "small", placeholder: "Search\u2026", sx: { width: "100%", maxWidth: 480 } }) : search || null }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_Box2.default, { sx: { flex: 1, display: "flex", alignItems: "center", justifyContent: "flex-end", gap: 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ColorModeToggle, {}),
             actions
           ] })
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_Box2.default, { sx: { display: "flex", flexGrow: 1, overflow: "hidden" }, children: [
-      !isMobile && navContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_Box2.default, { sx: { display: "flex", flexGrow: 1, overflow: "hidden" }, children: [
+      !isMobile && navContent && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         SidebarNav,
         {
           open: sidebarOpen,
@@ -5446,9 +5485,9 @@ function AppShell({
           children: navContent
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_Box2.default, { component: "main", sx: { flexGrow: 1, overflow: "auto" }, children })
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Box2.default, { component: "main", sx: { flexGrow: 1, overflow: "auto" }, children })
     ] }),
-    isMobile && navContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    isMobile && navContent && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       import_Drawer3.default,
       {
         open: mobileOpen,
@@ -5466,7 +5505,7 @@ var import_Box3 = __toESM(require("@mui/material/Box"));
 var import_Breadcrumbs2 = __toESM(require("@mui/material/Breadcrumbs"));
 var import_Link2 = __toESM(require("@mui/material/Link"));
 var import_Typography2 = __toESM(require("@mui/material/Typography"));
-var import_jsx_runtime21 = (
+var import_jsx_runtime19 = (
   // Current page: plain text, not a link.
   require("react/jsx-runtime")
 );
@@ -5479,7 +5518,7 @@ function Page({
   sx,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     import_Box3.default,
     {
       component: "section",
@@ -5493,7 +5532,7 @@ function Page({
         },
         ...Array.isArray(sx) ? sx : [sx]
       ],
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
         import_Box3.default,
         {
           sx: {
@@ -5504,8 +5543,8 @@ function Page({
             ...maxWidth ? { maxWidth, mx: "auto" } : {}
           },
           children: [
-            breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_Breadcrumbs2.default, { "aria-label": "breadcrumb", sx: { mb: 1 }, children: breadcrumbs.map(
-              (crumb, i) => i === breadcrumbs.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_Typography2.default, { variant: "body2", color: "text.primary", children: crumb.label }, crumb.label) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_Breadcrumbs2.default, { "aria-label": "breadcrumb", sx: { mb: 1 }, children: breadcrumbs.map(
+              (crumb, i) => i === breadcrumbs.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_Typography2.default, { variant: "body2", color: "text.primary", children: crumb.label }, crumb.label) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 import_Link2.default,
                 {
                   variant: "body2",
@@ -5519,7 +5558,7 @@ function Page({
                 crumb.label
               )
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
               import_Box3.default,
               {
                 sx: {
@@ -5530,8 +5569,8 @@ function Page({
                   mb: 3
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_Typography2.default, { variant: "h5", children: title }),
-                  actions && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_Box3.default, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: actions })
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_Typography2.default, { variant: "h5", children: title }),
+                  actions && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_Box3.default, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: actions })
                 ]
               }
             ),
@@ -5545,19 +5584,15 @@ function Page({
 
 // src/components/Box/index.tsx
 var import_Box4 = __toESM(require("@mui/material/Box"));
-var Box5 = import_Box4.default;
 
 // src/components/Stack/index.tsx
 var import_Stack = __toESM(require("@mui/material/Stack"));
-var Stack = import_Stack.default;
 
 // src/components/Grid/index.tsx
 var import_Grid = __toESM(require("@mui/material/Grid"));
-var Grid = import_Grid.default;
 
 // src/components/Container/index.tsx
 var import_Container = __toESM(require("@mui/material/Container"));
-var Container = import_Container.default;
 
 // src/components/Collapse/index.tsx
 var import_Collapse = __toESM(require("@mui/material/Collapse"));
@@ -5591,7 +5626,6 @@ var import_Popper = __toESM(require("@mui/material/Popper"));
 
 // src/components/Portal/index.tsx
 var import_Portal = __toESM(require("@mui/material/Portal"));
-var Portal = import_Portal.default;
 
 // src/components/Slider/index.tsx
 var import_Slider = __toESM(require("@mui/material/Slider"));
@@ -5618,7 +5652,7 @@ function useChartColors(count) {
 // src/components/Charts/CustomTooltip.tsx
 var import_material2 = require("@mui/material");
 var import_styles6 = require("@mui/material/styles");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function formatDate(date) {
   if (!date) return "";
   const d = new Date(date);
@@ -5643,7 +5677,7 @@ function CustomTooltip(props) {
   if (dataIndex == null) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     import_material2.Box,
     {
       sx: {
@@ -5659,7 +5693,7 @@ function CustomTooltip(props) {
         border: `1px solid ${theme.palette.divider}`
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           import_material2.Typography,
           {
             variant: "body2",
@@ -5676,8 +5710,8 @@ function CustomTooltip(props) {
           const color = typeof s.getColor === "function" ? s.getColor(dataIndex) : s.color;
           const value = s.data ? s.data[dataIndex] : null;
           if (value == null) return null;
-          return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material2.Box, { sx: { display: "flex", flexDirection: "column", gap: "6px" }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material2.Box, { sx: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material2.Box, { sx: { display: "flex", flexDirection: "column", gap: "6px" }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material2.Box, { sx: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               import_material2.Box,
               {
                 sx: {
@@ -5689,7 +5723,7 @@ function CustomTooltip(props) {
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
               import_material2.Typography,
               {
                 variant: "body2",
@@ -5700,7 +5734,7 @@ function CustomTooltip(props) {
                   gap: "6px"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                     import_material2.Box,
                     {
                       component: "span",
@@ -5728,7 +5762,7 @@ function CustomTooltip(props) {
 }
 
 // src/components/Charts/LineChart.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function LineChart({ series, colors: colors2, ...props }) {
   var _a, _b;
   const theme = (0, import_styles7.useTheme)();
@@ -5742,7 +5776,7 @@ function LineChart({ series, colors: colors2, ...props }) {
       highlightScope: (_b2 = s.highlightScope) != null ? _b2 : { highlighted: "item", faded: "global" }
     };
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     import_LineChart.LineChart,
     {
       series: modifiedSeries != null ? modifiedSeries : [],
@@ -5814,7 +5848,7 @@ function LineChart({ series, colors: colors2, ...props }) {
 // src/components/Charts/BarChart.tsx
 var import_BarChart = require("@mui/x-charts/BarChart");
 var import_styles8 = require("@mui/material/styles");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function BarChart({ series, colors: colors2, ...props }) {
   var _a, _b;
   const theme = (0, import_styles8.useTheme)();
@@ -5832,7 +5866,7 @@ function BarChart({ series, colors: colors2, ...props }) {
       highlightScope: (_a2 = s.highlightScope) != null ? _a2 : { highlighted: "item", faded: "global" }
     };
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_BarChart.BarChart,
     {
       series: modifiedSeries != null ? modifiedSeries : [],
@@ -5892,10 +5926,10 @@ function BarChart({ series, colors: colors2, ...props }) {
         ...(_b = props.sx) != null ? _b : {}
       },
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("defs", { children: series == null ? void 0 : series.map((s, idx) => {
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("defs", { children: series == null ? void 0 : series.map((s, idx) => {
         if (s.variant !== "striped") return null;
         const baseColor = s.color || resolvedColors[idx % resolvedColors.length];
-        return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
           "pattern",
           {
             id: `striped-pattern-${idx}`,
@@ -5904,8 +5938,8 @@ function BarChart({ series, colors: colors2, ...props }) {
             height: "8",
             patternTransform: "rotate(45)",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("rect", { width: "8", height: "8", fill: theme.palette.background.paper }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("line", { x1: "0", y: "0", x2: "0", y2: "8", stroke: baseColor, strokeWidth: "4" })
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("rect", { width: "8", height: "8", fill: theme.palette.background.paper }),
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("line", { x1: "0", y: "0", x2: "0", y2: "8", stroke: baseColor, strokeWidth: "4" })
             ]
           },
           `striped-${idx}`
@@ -5918,7 +5952,7 @@ function BarChart({ series, colors: colors2, ...props }) {
 // src/components/Charts/PieChart.tsx
 var import_PieChart = require("@mui/x-charts/PieChart");
 var import_styles9 = require("@mui/material/styles");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function PieChart({ series, colors: colors2, ...props }) {
   var _a, _b, _c, _d;
   const theme = (0, import_styles9.useTheme)();
@@ -5932,7 +5966,7 @@ function PieChart({ series, colors: colors2, ...props }) {
       highlightScope: (_a2 = s.highlightScope) != null ? _a2 : { highlighted: "item", faded: "global" }
     };
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_PieChart.PieChart,
     {
       series: modifiedSeries != null ? modifiedSeries : [],
@@ -6031,7 +6065,7 @@ var forestLegendSlotProps = {
 };
 
 // src/components/Charts/ScatterChart.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function ScatterChart({ series, colors: colors2, ...props }) {
   var _a, _b;
   const theme = (0, import_styles10.useTheme)();
@@ -6043,7 +6077,7 @@ function ScatterChart({ series, colors: colors2, ...props }) {
       highlightScope: (_a2 = s.highlightScope) != null ? _a2 : { highlighted: "item", faded: "global" }
     };
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_ScatterChart.ScatterChart,
     {
       series: modifiedSeries != null ? modifiedSeries : [],
@@ -6062,11 +6096,11 @@ function ScatterChart({ series, colors: colors2, ...props }) {
 // src/components/Charts/Gauge.tsx
 var import_Gauge = require("@mui/x-charts/Gauge");
 var import_styles11 = require("@mui/material/styles");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Gauge(props) {
   var _a;
   const theme = (0, import_styles11.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_Gauge.Gauge,
     {
       ...props,