@matteoaliano/forest-ui 1.1.1 → 1.2.1

package/dist/index.mjs

@@ -38,7 +38,7 @@ import {
   toggleColors,
   warning,
   widths
-} from "./chunk-BCOHH5MJ.mjs";
+} from "./chunk-4PNVZETQ.mjs";
 
 // src/provider/ForestProvider.tsx
 import { useMemo } from "react";
@@ -201,14 +201,10 @@ function MultiSelect({
 }
 
 // src/components/Switch/index.tsx
-import MuiSwitch from "@mui/material/Switch";
-import { jsx as jsx7 } from "react/jsx-runtime";
-function Switch(props) {
-  return /* @__PURE__ */ jsx7(MuiSwitch, { ...props });
-}
+import { default as default7 } from "@mui/material/Switch";
 
 // src/components/TextField/index.tsx
-import { default as default7 } from "@mui/material/TextField";
+import { default as default8 } from "@mui/material/TextField";
 
 // src/components/Search/index.tsx
 import { useState, useCallback } from "react";
@@ -217,7 +213,7 @@ import InputAdornment from "@mui/material/InputAdornment";
 import IconButton from "@mui/material/IconButton";
 import SearchIcon from "@mui/icons-material/Search";
 import ClearIcon from "@mui/icons-material/Clear";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function Search({
   value: controlledValue,
   onChange,
@@ -241,7 +237,7 @@ function Search({
     if (!isControlled) setInternalValue("");
     onClear == null ? void 0 : onClear();
   }, [isControlled, onClear]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     MuiTextField,
     {
       variant,
@@ -257,15 +253,15 @@ function Search({
             gap: 0,
             "& .MuiOutlinedInput-input": { pl: "8px" }
           },
-          startAdornment: /* @__PURE__ */ jsx8(InputAdornment, { position: "start", sx: { mr: 0 }, children: /* @__PURE__ */ jsx8(SearchIcon, { sx: { fontSize: 20, color: "text.placeholder" } }) }),
-          endAdornment: currentValue ? /* @__PURE__ */ jsx8(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx8(
+          startAdornment: /* @__PURE__ */ jsx7(InputAdornment, { position: "start", sx: { mr: 0 }, children: /* @__PURE__ */ jsx7(SearchIcon, { sx: { fontSize: 20, color: "text.placeholder" } }) }),
+          endAdornment: currentValue ? /* @__PURE__ */ jsx7(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx7(
             IconButton,
             {
               "aria-label": "clear search",
               onClick: handleClear,
               edge: "end",
               size: "small",
-              children: /* @__PURE__ */ jsx8(ClearIcon, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx7(ClearIcon, { fontSize: "small" })
             }
           ) }) : null,
           ...typeof (slotProps == null ? void 0 : slotProps.input) === "object" ? slotProps.input : {}
@@ -277,18 +273,18 @@ function Search({
 }
 
 // src/components/Input/index.tsx
-import { default as default8 } from "@mui/material/InputBase";
+import { default as default9 } from "@mui/material/InputBase";
 
 // src/components/IconButton/index.tsx
 import MuiIconButton from "@mui/material/IconButton";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "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__ */ jsx9(MuiIconButton, { className: cls, ...props });
+  const cls = variant === "icon" ? className : ["ForestIconButton", `ForestIconButton-${variant}`, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx8(MuiIconButton, { className: cls, ...props });
 }
 
 // src/components/Logo/index.tsx
@@ -551,7 +547,7 @@ function scopeArtworkIds(inner, id) {
 }
 
 // src/components/Logo/index.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function resolveArtwork(product, variant, color) {
   const variantArt = PRODUCT_ARTWORK[product][variant];
   if (variant === "logomark") {
@@ -571,7 +567,7 @@ var Logo = forwardRef(
       () => artwork ? scopeArtworkIds(artwork.inner, id) : "",
       [artwork, id]
     );
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       Box,
       {
         component: "svg",
@@ -594,50 +590,50 @@ var Logo = forwardRef(
 Logo.displayName = "Logo";
 
 // src/components/ToggleButton/index.tsx
-import { default as default9 } from "@mui/material/ToggleButton";
-import { default as default10 } from "@mui/material/ToggleButtonGroup";
+import { default as default10 } from "@mui/material/ToggleButton";
+import { default as default11 } from "@mui/material/ToggleButtonGroup";
 
 // src/components/DatePicker/index.tsx
 import { DatePicker as MuiDatePicker } from "@mui/x-date-pickers/DatePicker";
 import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
 import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function DatePicker(props) {
-  return /* @__PURE__ */ jsx11(LocalizationProvider, { dateAdapter: AdapterDayjs, children: /* @__PURE__ */ jsx11(MuiDatePicker, { ...props }) });
+  return /* @__PURE__ */ jsx10(LocalizationProvider, { dateAdapter: AdapterDayjs, children: /* @__PURE__ */ jsx10(MuiDatePicker, { ...props }) });
 }
 
 // src/components/FormControl/index.tsx
-import { default as default11 } from "@mui/material/FormControl";
-import { default as default12 } from "@mui/material/FormControlLabel";
-import { default as default13 } from "@mui/material/FormGroup";
-import { default as default14 } from "@mui/material/FormHelperText";
-import { default as default15 } from "@mui/material/FormLabel";
+import { default as default12 } from "@mui/material/FormControl";
+import { default as default13 } from "@mui/material/FormControlLabel";
+import { default as default14 } from "@mui/material/FormGroup";
+import { default as default15 } from "@mui/material/FormHelperText";
+import { default as default16 } from "@mui/material/FormLabel";
 
 // src/components/InputAdornment/index.tsx
-import { default as default16 } from "@mui/material/InputAdornment";
+import { default as default17 } from "@mui/material/InputAdornment";
 
 // src/components/InputBase/index.tsx
-import { default as default17 } from "@mui/material/InputBase";
+import { default as default18 } from "@mui/material/InputBase";
 
 // src/components/InputLabel/index.tsx
-import { default as default18 } from "@mui/material/InputLabel";
+import { default as default19 } from "@mui/material/InputLabel";
 
 // src/components/OutlinedInput/index.tsx
-import { default as default19 } from "@mui/material/OutlinedInput";
-import { default as default20 } from "@mui/material/FilledInput";
+import { default as default20 } from "@mui/material/OutlinedInput";
+import { default as default21 } from "@mui/material/FilledInput";
 
 // src/components/Avatar/index.tsx
-import { default as default21 } from "@mui/material/Avatar";
-import { default as default22 } from "@mui/material/AvatarGroup";
+import { default as default22 } from "@mui/material/Avatar";
+import { default as default23 } from "@mui/material/AvatarGroup";
 
 // src/components/Badge/index.tsx
-import { default as default23 } from "@mui/material/Badge";
+import { default as default24 } from "@mui/material/Badge";
 
 // src/components/Chip/index.tsx
 import MuiChip from "@mui/material/Chip";
 import CloseIcon from "@mui/icons-material/CloseOutlined";
 import { alpha as alpha2 } from "@mui/material/styles";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var customChipScales = {
   teal: misc.teal,
   orange: misc.orange,
@@ -650,10 +646,10 @@ var customChipScales = {
   rose: misc.rose,
   blueLight: misc.blueLight
 };
-function Chip({ color, deleteIcon = /* @__PURE__ */ jsx12(CloseIcon, {}), sx, ...props }) {
-  const scale = color && typeof color === "string" ? customChipScales[color] : void 0;
+function Chip({ color, deleteIcon = /* @__PURE__ */ jsx11(CloseIcon, {}), sx, ...props }) {
+  const scale = color && color in customChipScales ? customChipScales[color] : void 0;
   if (scale) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx11(
       MuiChip,
       {
         deleteIcon,
@@ -693,7 +689,7 @@ function Chip({ color, deleteIcon = /* @__PURE__ */ jsx12(CloseIcon, {}), sx, ..
       }
     );
   }
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(
     MuiChip,
     {
       color,
@@ -705,61 +701,61 @@ function Chip({ color, deleteIcon = /* @__PURE__ */ jsx12(CloseIcon, {}), sx, ..
 }
 
 // src/components/Divider/index.tsx
-import { default as default24 } from "@mui/material/Divider";
+import { default as default25 } from "@mui/material/Divider";
 
 // src/components/ImageList/index.tsx
-import { default as default25 } from "@mui/material/ImageList";
-import { default as default26 } from "@mui/material/ImageListItem";
-import { default as default27 } from "@mui/material/ImageListItemBar";
+import { default as default26 } from "@mui/material/ImageList";
+import { default as default27 } from "@mui/material/ImageListItem";
+import { default as default28 } from "@mui/material/ImageListItemBar";
 
 // src/components/List/index.tsx
-import { default as default28 } from "@mui/material/List";
-import { default as default29 } from "@mui/material/ListItem";
-import { default as default30 } from "@mui/material/ListItemButton";
-import { default as default31 } from "@mui/material/ListItemIcon";
-import { default as default32 } from "@mui/material/ListItemText";
-import { default as default33 } from "@mui/material/ListItemAvatar";
-import { default as default34 } from "@mui/material/ListSubheader";
-import { default as default35 } from "@mui/material/ListItemSecondaryAction";
+import { default as default29 } from "@mui/material/List";
+import { default as default30 } from "@mui/material/ListItem";
+import { default as default31 } from "@mui/material/ListItemButton";
+import { default as default32 } from "@mui/material/ListItemIcon";
+import { default as default33 } from "@mui/material/ListItemText";
+import { default as default34 } from "@mui/material/ListItemAvatar";
+import { default as default35 } from "@mui/material/ListSubheader";
+import { default as default36 } from "@mui/material/ListItemSecondaryAction";
 
 // src/components/Rating/index.tsx
-import { default as default36 } from "@mui/material/Rating";
+import { default as default37 } from "@mui/material/Rating";
 
 // src/components/Table/index.tsx
-import { default as default37 } from "@mui/material/Table";
-import { default as default38 } from "@mui/material/TableBody";
-import { default as default39 } from "@mui/material/TableCell";
-import { default as default40 } from "@mui/material/TableContainer";
-import { default as default41 } from "@mui/material/TableHead";
-import { default as default42 } from "@mui/material/TableRow";
-import { default as default43 } from "@mui/material/TableFooter";
-import { default as default44 } from "@mui/material/TablePagination";
-import { default as default45 } from "@mui/material/TableSortLabel";
+import { default as default38 } from "@mui/material/Table";
+import { default as default39 } from "@mui/material/TableBody";
+import { default as default40 } from "@mui/material/TableCell";
+import { default as default41 } from "@mui/material/TableContainer";
+import { default as default42 } from "@mui/material/TableHead";
+import { default as default43 } from "@mui/material/TableRow";
+import { default as default44 } from "@mui/material/TableFooter";
+import { default as default45 } from "@mui/material/TablePagination";
+import { default as default46 } from "@mui/material/TableSortLabel";
 
 // src/components/DataGrid/index.tsx
 import { DataGrid } from "@mui/x-data-grid";
 
 // src/components/Tooltip/index.tsx
 import MuiTooltip from "@mui/material/Tooltip";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function Tooltip({ arrow = true, ...props }) {
-  return /* @__PURE__ */ jsx13(MuiTooltip, { arrow, ...props });
+  return /* @__PURE__ */ jsx12(MuiTooltip, { arrow, ...props });
 }
 
 // src/components/Typography/index.tsx
-import { default as default46 } from "@mui/material/Typography";
+import { default as default47 } from "@mui/material/Typography";
 
 // src/components/Accordion/index.tsx
-import { default as default47 } from "@mui/material/Accordion";
-import { default as default48 } from "@mui/material/AccordionSummary";
-import { default as default49 } from "@mui/material/AccordionDetails";
-import { default as default50 } from "@mui/material/AccordionActions";
+import { default as default48 } from "@mui/material/Accordion";
+import { default as default49 } from "@mui/material/AccordionSummary";
+import { default as default50 } from "@mui/material/AccordionDetails";
+import { default as default51 } from "@mui/material/AccordionActions";
 
 // src/components/AppBar/index.tsx
 import MuiButton3 from "@mui/material/Button";
-import { default as default51 } from "@mui/material/AppBar";
-import { default as default52 } from "@mui/material/Toolbar";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { default as default52 } from "@mui/material/AppBar";
+import { default as default53 } from "@mui/material/Toolbar";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function AppBarNavItem({
   label,
   icon,
@@ -768,7 +764,7 @@ function AppBarNavItem({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     MuiButton3,
     {
       variant: "text",
@@ -815,13 +811,13 @@ function AppBarNavItem({
 
 // src/components/Card/index.tsx
 import MuiCard from "@mui/material/Card";
-import { default as default53 } from "@mui/material/CardContent";
-import { default as default54 } from "@mui/material/CardHeader";
-import { default as default55 } from "@mui/material/CardActions";
-import { default as default56 } from "@mui/material/CardMedia";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { default as default54 } from "@mui/material/CardContent";
+import { default as default55 } from "@mui/material/CardHeader";
+import { default as default56 } from "@mui/material/CardActions";
+import { default as default57 } from "@mui/material/CardMedia";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function Card({ color = "primary", sx, ...props }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx14(
     MuiCard,
     {
       ...props,
@@ -834,52 +830,48 @@ function Card({ color = "primary", sx, ...props }) {
 }
 
 // src/components/CardActionArea/index.tsx
-import { default as default57 } from "@mui/material/CardActionArea";
+import { default as default58 } from "@mui/material/CardActionArea";
 
 // src/components/Drawer/index.tsx
 import MuiDrawer from "@mui/material/Drawer";
-import { default as default58 } from "@mui/material/SwipeableDrawer";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { default as default59 } from "@mui/material/SwipeableDrawer";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function Drawer({ anchor = "right", hideBackdrop = true, ...props }) {
-  return /* @__PURE__ */ jsx16(MuiDrawer, { anchor, hideBackdrop, ...props });
+  return /* @__PURE__ */ jsx15(MuiDrawer, { anchor, hideBackdrop, ...props });
 }
 
 // src/components/Paper/index.tsx
-import MuiPaper from "@mui/material/Paper";
-import { jsx as jsx17 } from "react/jsx-runtime";
-function Paper(props) {
-  return /* @__PURE__ */ jsx17(MuiPaper, { ...props });
-}
+import { default as default60 } from "@mui/material/Paper";
 
 // src/components/Alert/index.tsx
-import { default as default59 } from "@mui/material/Alert";
-import { default as default60 } from "@mui/material/AlertTitle";
+import { default as default61 } from "@mui/material/Alert";
+import { default as default62 } from "@mui/material/AlertTitle";
 
 // src/components/Backdrop/index.tsx
-import { default as default61 } from "@mui/material/Backdrop";
+import { default as default63 } from "@mui/material/Backdrop";
 
 // src/components/Dialog/index.tsx
-import { default as default62 } from "@mui/material/Dialog";
-import { default as default63 } from "@mui/material/DialogTitle";
-import { default as default64 } from "@mui/material/DialogContent";
-import { default as default65 } from "@mui/material/DialogActions";
-import { default as default66 } from "@mui/material/DialogContentText";
+import { default as default64 } from "@mui/material/Dialog";
+import { default as default65 } from "@mui/material/DialogTitle";
+import { default as default66 } from "@mui/material/DialogContent";
+import { default as default67 } from "@mui/material/DialogActions";
+import { default as default68 } from "@mui/material/DialogContentText";
 
 // src/components/Progress/index.tsx
-import { default as default67 } from "@mui/material/LinearProgress";
-import { default as default68 } from "@mui/material/CircularProgress";
+import { default as default69 } from "@mui/material/LinearProgress";
+import { default as default70 } from "@mui/material/CircularProgress";
 
 // src/components/Skeleton/index.tsx
-import { default as default69 } from "@mui/material/Skeleton";
+import { default as default71 } from "@mui/material/Skeleton";
 
 // src/components/Modal/index.tsx
-import { default as default70 } from "@mui/material/Modal";
+import { default as default72 } from "@mui/material/Modal";
 
 // src/components/Popover/index.tsx
 import MuiPopover from "@mui/material/Popover";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function Popover({ slotProps, ...props }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx16(
     MuiPopover,
     {
       ...props,
@@ -895,54 +887,54 @@ function Popover({ slotProps, ...props }) {
 }
 
 // src/components/Snackbar/index.tsx
-import { default as default71 } from "@mui/material/Snackbar";
+import { default as default73 } from "@mui/material/Snackbar";
 
 // src/components/SnackbarContent/index.tsx
-import { default as default72 } from "@mui/material/SnackbarContent";
+import { default as default74 } from "@mui/material/SnackbarContent";
 
 // src/components/BottomNavigation/index.tsx
-import { default as default73 } from "@mui/material/BottomNavigation";
-import { default as default74 } from "@mui/material/BottomNavigationAction";
+import { default as default75 } from "@mui/material/BottomNavigation";
+import { default as default76 } from "@mui/material/BottomNavigationAction";
 
 // src/components/Breadcrumbs/index.tsx
-import { default as default75 } from "@mui/material/Breadcrumbs";
+import { default as default77 } from "@mui/material/Breadcrumbs";
 
 // src/components/Link/index.tsx
-import { default as default76 } from "@mui/material/Link";
+import { default as default78 } from "@mui/material/Link";
 
 // src/components/Menu/index.tsx
-import { default as default77 } from "@mui/material/Menu";
-import { default as default78 } from "@mui/material/MenuList";
+import { default as default79 } from "@mui/material/Menu";
+import { default as default80 } from "@mui/material/MenuList";
 
 // src/components/MobileStepper/index.tsx
-import { default as default79 } from "@mui/material/MobileStepper";
+import { default as default81 } from "@mui/material/MobileStepper";
 
 // src/components/Pagination/index.tsx
-import { default as default80 } from "@mui/material/Pagination";
+import { default as default82 } from "@mui/material/Pagination";
 
 // src/components/PaginationItem/index.tsx
-import { default as default81 } from "@mui/material/PaginationItem";
+import { default as default83 } from "@mui/material/PaginationItem";
 
 // src/components/SpeedDial/index.tsx
-import { default as default82 } from "@mui/material/SpeedDial";
-import { default as default83 } from "@mui/material/SpeedDialAction";
-import { default as default84 } from "@mui/material/SpeedDialIcon";
+import { default as default84 } from "@mui/material/SpeedDial";
+import { default as default85 } from "@mui/material/SpeedDialAction";
+import { default as default86 } from "@mui/material/SpeedDialIcon";
 
 // src/components/Stepper/index.tsx
-import { default as default85 } from "@mui/material/Stepper";
-import { default as default86 } from "@mui/material/Step";
-import { default as default87 } from "@mui/material/StepLabel";
-import { default as default88 } from "@mui/material/StepButton";
-import { default as default89 } from "@mui/material/StepConnector";
-import { default as default90 } from "@mui/material/StepContent";
-import { default as default91 } from "@mui/material/StepIcon";
+import { default as default87 } from "@mui/material/Stepper";
+import { default as default88 } from "@mui/material/Step";
+import { default as default89 } from "@mui/material/StepLabel";
+import { default as default90 } from "@mui/material/StepButton";
+import { default as default91 } from "@mui/material/StepConnector";
+import { default as default92 } from "@mui/material/StepContent";
+import { default as default93 } from "@mui/material/StepIcon";
 
 // src/components/Tabs/index.tsx
-import { default as default92 } from "@mui/material/Tabs";
-import { default as default93 } from "@mui/material/Tab";
+import { default as default94 } from "@mui/material/Tabs";
+import { default as default95 } from "@mui/material/Tab";
 
 // src/components/TabScrollButton/index.tsx
-import { default as default94 } from "@mui/material/TabScrollButton";
+import { default as default96 } from "@mui/material/TabScrollButton";
 
 // src/components/Sidebar/index.tsx
 import { createContext, useContext } from "react";
@@ -954,7 +946,7 @@ import MuiListItemButton from "@mui/material/ListItemButton";
 import ListItemIcon from "@mui/material/ListItemIcon";
 import ListItemText from "@mui/material/ListItemText";
 import MuiTooltip2 from "@mui/material/Tooltip";
-import { jsx as jsx19, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs3 } from "react/jsx-runtime";
 var SidebarContext = createContext({
   open: true,
   collapsedWidth: 48,
@@ -984,7 +976,7 @@ function SidebarNav({
     onMouseEnter: () => onOpenChange(true),
     onMouseLeave: () => onOpenChange(false)
   } : {};
-  return /* @__PURE__ */ jsx19(SidebarContext.Provider, { value: { open, collapsedWidth, expandedWidth }, children: /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsx17(SidebarContext.Provider, { value: { open, collapsedWidth, expandedWidth }, children: /* @__PURE__ */ jsxs3(
     Box2,
     {
       sx: {
@@ -997,7 +989,7 @@ function SidebarNav({
         transition: "width 200ms ease-in-out"
       },
       children: [
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx17(
           MuiDrawer2,
           {
             variant: "permanent",
@@ -1025,9 +1017,9 @@ function SidebarNav({
                   overflow: "hidden"
                 },
                 children: [
-                  header && /* @__PURE__ */ jsx19(Box2, { sx: { flexShrink: 0 }, children: header }),
-                  /* @__PURE__ */ jsx19(Box2, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden" }, children }),
-                  footer && /* @__PURE__ */ jsx19(Box2, { sx: { flexShrink: 0 }, children: footer })
+                  header && /* @__PURE__ */ jsx17(Box2, { sx: { flexShrink: 0 }, children: header }),
+                  /* @__PURE__ */ jsx17(Box2, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden" }, children }),
+                  footer && /* @__PURE__ */ jsx17(Box2, { sx: { flexShrink: 0 }, children: footer })
                 ]
               }
             )
@@ -1037,7 +1029,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__ */ jsx19(
+        /* @__PURE__ */ jsx17(
           Button,
           {
             "aria-label": open ? "Collapse sidebar" : "Expand sidebar",
@@ -1070,7 +1062,7 @@ function SidebarNav({
                 ...theme.applyStyles("dark", { filter: "brightness(1.15)" })
               }
             }),
-            children: open ? /* @__PURE__ */ jsx19(ChevronLeftOutlined, {}) : /* @__PURE__ */ jsx19(ChevronRightOutlined, {})
+            children: open ? /* @__PURE__ */ jsx17(ChevronLeftOutlined, {}) : /* @__PURE__ */ jsx17(ChevronRightOutlined, {})
           }
         )
       ]
@@ -1114,7 +1106,7 @@ function SidebarItem({
 }) {
   const { open } = useSidebar();
   if (!open) {
-    return /* @__PURE__ */ jsx19(MuiTooltip2, { title: label, placement: "right", arrow: true, children: /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx17(MuiTooltip2, { title: label, placement: "right", arrow: true, children: /* @__PURE__ */ jsx17(
       MuiListItemButton,
       {
         ...rest,
@@ -1129,13 +1121,13 @@ function SidebarItem({
           marginInline: "auto",
           ...sx
         },
-        children: /* @__PURE__ */ jsx19(ListItemIcon, { sx: { minWidth: "unset", margin: 0, "& .MuiSvgIcon-root": { fontSize: 20 } }, children: icon })
+        children: /* @__PURE__ */ jsx17(ListItemIcon, { sx: { minWidth: "unset", margin: 0, "& .MuiSvgIcon-root": { fontSize: 20 } }, children: icon })
       }
     ) });
   }
   return /* @__PURE__ */ jsxs3(MuiListItemButton, { ...rest, sx: { ...itemSx, height: 32, ...sx }, children: [
-    /* @__PURE__ */ jsx19(ListItemIcon, { sx: { minWidth: 32, "& .MuiSvgIcon-root": { fontSize: 20 } }, children: icon }),
-    /* @__PURE__ */ jsx19(ListItemText, { primary: label }),
+    /* @__PURE__ */ jsx17(ListItemIcon, { sx: { minWidth: 32, "& .MuiSvgIcon-root": { fontSize: 20 } }, children: icon }),
+    /* @__PURE__ */ jsx17(ListItemText, { primary: label }),
     endAdornment
   ] });
 }
@@ -1150,19 +1142,20 @@ import { useColorScheme, useTheme } from "@mui/material/styles";
 import MenuOutlined from "@mui/icons-material/MenuOutlined";
 import DarkModeOutlined from "@mui/icons-material/DarkModeOutlined";
 import LightModeOutlined from "@mui/icons-material/LightModeOutlined";
-import { jsx as jsx20, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs4 } from "react/jsx-runtime";
 function ColorModeToggle() {
   const { mode, systemMode, setMode } = useColorScheme();
   const resolved = mode === "system" ? systemMode : mode;
   const isDark = resolved === "dark";
-  return /* @__PURE__ */ jsx20(Tooltip, { title: isDark ? "Switch to light mode" : "Switch to dark mode", children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx18(Tooltip, { title: isDark ? "Switch to light mode" : "Switch to dark mode", children: /* @__PURE__ */ jsx18(
     IconButton2,
     {
+      variant: "icon",
       size: "small",
       color: "inherit",
       "aria-label": "Toggle color mode",
       onClick: () => setMode(isDark ? "light" : "dark"),
-      children: isDark ? /* @__PURE__ */ jsx20(LightModeOutlined, { fontSize: "small" }) : /* @__PURE__ */ jsx20(DarkModeOutlined, { fontSize: "small" })
+      children: isDark ? /* @__PURE__ */ jsx18(LightModeOutlined, { fontSize: "small" }) : /* @__PURE__ */ jsx18(DarkModeOutlined, { fontSize: "small" })
     }
   ) });
 }
@@ -1173,9 +1166,9 @@ function ShellBrand({
   const { mode, systemMode } = useColorScheme();
   const dark = (mode === "system" ? systemMode : mode) === "dark";
   if (logoVariant === "full") {
-    return /* @__PURE__ */ jsx20(Logo, { product, variant: "logo", color: dark ? "negative" : "positive" });
+    return /* @__PURE__ */ jsx18(Logo, { product, variant: "logo", color: dark ? "negative" : "positive" });
   }
-  return /* @__PURE__ */ jsx20(Logo, { product, variant: "logomark", color: dark ? "negative" : "default" });
+  return /* @__PURE__ */ jsx18(Logo, { product, variant: "logomark", color: "default" });
 }
 function AppShell({
   navItems,
@@ -1193,7 +1186,7 @@ function AppShell({
   const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
   const [sidebarOpen, setSidebarOpen] = useState2(defaultSidebarOpen);
   const [mobileOpen, setMobileOpen] = useState2(false);
-  const navContent = nav != null ? nav : navItems && /* @__PURE__ */ jsx20(List, { children: navItems.map(({ label, icon, active, endAdornment, ...link }) => /* @__PURE__ */ jsx20(
+  const navContent = nav != null ? nav : navItems && /* @__PURE__ */ jsx18(List, { children: navItems.map(({ label, icon, active, endAdornment, ...link }) => /* @__PURE__ */ jsx18(
     SidebarItem,
     {
       icon,
@@ -1204,39 +1197,40 @@ function AppShell({
     },
     label
   )) });
-  const brandEl = brand != null ? brand : /* @__PURE__ */ jsx20(ShellBrand, { product, logoVariant });
+  const brandEl = brand != null ? brand : /* @__PURE__ */ jsx18(ShellBrand, { product, logoVariant });
   const wrapLogomark = !brand && logoVariant === "logomark" && !isMobile;
   return /* @__PURE__ */ jsxs4(Box3, { sx: { display: "flex", flexDirection: "column", height: "100vh" }, children: [
-    /* @__PURE__ */ jsx20(
-      default51,
+    /* @__PURE__ */ jsx18(
+      default52,
       {
         position: "sticky",
         elevation: 0,
         sx: { zIndex: theme.zIndex.drawer + 1 },
-        children: /* @__PURE__ */ jsxs4(default52, { variant: "dense", sx: { px: { xs: "16px", sm: "16px" } }, children: [
+        children: /* @__PURE__ */ jsxs4(default53, { variant: "dense", sx: { px: { xs: "16px", sm: "16px" } }, children: [
           /* @__PURE__ */ jsxs4(Box3, { sx: { flex: 1, display: "flex", alignItems: "center", justifyContent: "flex-start", gap: 1 }, children: [
-            isMobile && /* @__PURE__ */ jsx20(
+            isMobile && /* @__PURE__ */ jsx18(
               IconButton2,
               {
+                variant: "icon",
                 size: "small",
                 color: "inherit",
                 "aria-label": "Open navigation",
                 onClick: () => setMobileOpen(true),
-                children: /* @__PURE__ */ jsx20(MenuOutlined, { fontSize: "small" })
+                children: /* @__PURE__ */ jsx18(MenuOutlined, { fontSize: "small" })
               }
             ),
-            wrapLogomark ? /* @__PURE__ */ jsx20(Box3, { sx: { width: 48, ml: "-16px", display: "flex", justifyContent: "center" }, children: brandEl }) : brandEl
+            wrapLogomark ? /* @__PURE__ */ jsx18(Box3, { sx: { width: 48, ml: "-16px", display: "flex", justifyContent: "center" }, children: brandEl }) : brandEl
           ] }),
-          /* @__PURE__ */ jsx20(Box3, { sx: { flex: 1, display: "flex", justifyContent: "center" }, children: search === true ? /* @__PURE__ */ jsx20(Search, { size: "small", placeholder: "Search\u2026", sx: { width: "100%", maxWidth: 480 } }) : search || null }),
+          /* @__PURE__ */ jsx18(Box3, { sx: { flex: 1, display: "flex", justifyContent: "center" }, children: search === true ? /* @__PURE__ */ jsx18(Search, { size: "small", placeholder: "Search\u2026", sx: { width: "100%", maxWidth: 480 } }) : search || null }),
           /* @__PURE__ */ jsxs4(Box3, { sx: { flex: 1, display: "flex", alignItems: "center", justifyContent: "flex-end", gap: 1 }, children: [
-            /* @__PURE__ */ jsx20(ColorModeToggle, {}),
+            /* @__PURE__ */ jsx18(ColorModeToggle, {}),
             actions
           ] })
         ] })
       }
     ),
     /* @__PURE__ */ jsxs4(Box3, { sx: { display: "flex", flexGrow: 1, overflow: "hidden" }, children: [
-      !isMobile && navContent && /* @__PURE__ */ jsx20(
+      !isMobile && navContent && /* @__PURE__ */ jsx18(
         SidebarNav,
         {
           open: sidebarOpen,
@@ -1249,9 +1243,9 @@ function AppShell({
           children: navContent
         }
       ),
-      /* @__PURE__ */ jsx20(Box3, { component: "main", sx: { flexGrow: 1, overflow: "auto" }, children })
+      /* @__PURE__ */ jsx18(Box3, { component: "main", sx: { flexGrow: 1, overflow: "auto" }, children })
     ] }),
-    isMobile && navContent && /* @__PURE__ */ jsx20(
+    isMobile && navContent && /* @__PURE__ */ jsx18(
       MuiDrawer3,
       {
         open: mobileOpen,
@@ -1269,7 +1263,7 @@ import Box4 from "@mui/material/Box";
 import MuiBreadcrumbs from "@mui/material/Breadcrumbs";
 import MuiLink from "@mui/material/Link";
 import Typography from "@mui/material/Typography";
-import { jsx as jsx21, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs5 } from "react/jsx-runtime";
 function Page({
   title,
   breadcrumbs,
@@ -1279,7 +1273,7 @@ function Page({
   sx,
   children
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx19(
     Box4,
     {
       component: "section",
@@ -1304,11 +1298,11 @@ function Page({
             ...maxWidth ? { maxWidth, mx: "auto" } : {}
           },
           children: [
-            breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx21(MuiBreadcrumbs, { "aria-label": "breadcrumb", sx: { mb: 1 }, children: breadcrumbs.map(
+            breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx19(MuiBreadcrumbs, { "aria-label": "breadcrumb", sx: { mb: 1 }, children: breadcrumbs.map(
               (crumb, i) => i === breadcrumbs.length - 1 ? (
                 // Current page: plain text, not a link.
-                /* @__PURE__ */ jsx21(Typography, { variant: "body2", color: "text.primary", children: crumb.label }, crumb.label)
-              ) : /* @__PURE__ */ jsx21(
+                /* @__PURE__ */ jsx19(Typography, { variant: "body2", color: "text.primary", children: crumb.label }, crumb.label)
+              ) : /* @__PURE__ */ jsx19(
                 MuiLink,
                 {
                   variant: "body2",
@@ -1333,8 +1327,8 @@ function Page({
                   mb: 3
                 },
                 children: [
-                  /* @__PURE__ */ jsx21(Typography, { variant: "h5", children: title }),
-                  actions && /* @__PURE__ */ jsx21(Box4, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: actions })
+                  /* @__PURE__ */ jsx19(Typography, { variant: "h5", children: title }),
+                  actions && /* @__PURE__ */ jsx19(Box4, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: actions })
                 ]
               }
             ),
@@ -1347,63 +1341,58 @@ function Page({
 }
 
 // src/components/Box/index.tsx
-import MuiBox from "@mui/material/Box";
-var Box5 = MuiBox;
+import { default as default97 } from "@mui/material/Box";
 
 // src/components/Stack/index.tsx
-import MuiStack from "@mui/material/Stack";
-var Stack = MuiStack;
+import { default as default98 } from "@mui/material/Stack";
 
 // src/components/Grid/index.tsx
-import MuiGrid from "@mui/material/Grid";
-var Grid = MuiGrid;
+import { default as default99 } from "@mui/material/Grid";
 
 // src/components/Container/index.tsx
-import MuiContainer from "@mui/material/Container";
-var Container = MuiContainer;
+import { default as default100 } from "@mui/material/Container";
 
 // src/components/Collapse/index.tsx
-import { default as default95 } from "@mui/material/Collapse";
+import { default as default101 } from "@mui/material/Collapse";
 
 // src/components/Fade/index.tsx
-import { default as default96 } from "@mui/material/Fade";
+import { default as default102 } from "@mui/material/Fade";
 
 // src/components/Grow/index.tsx
-import { default as default97 } from "@mui/material/Grow";
+import { default as default103 } from "@mui/material/Grow";
 
 // src/components/Slide/index.tsx
-import { default as default98 } from "@mui/material/Slide";
+import { default as default104 } from "@mui/material/Slide";
 
 // src/components/Zoom/index.tsx
-import { default as default99 } from "@mui/material/Zoom";
+import { default as default105 } from "@mui/material/Zoom";
 
 // src/components/ButtonBase/index.tsx
-import { default as default100 } from "@mui/material/ButtonBase";
+import { default as default106 } from "@mui/material/ButtonBase";
 
 // src/components/ClickAwayListener/index.tsx
-import { default as default101 } from "@mui/material/ClickAwayListener";
+import { default as default107 } from "@mui/material/ClickAwayListener";
 
 // src/components/GlobalStyles/index.tsx
-import { default as default102 } from "@mui/material/GlobalStyles";
+import { default as default108 } from "@mui/material/GlobalStyles";
 
 // src/components/NoSsr/index.tsx
-import { default as default103 } from "@mui/material/NoSsr";
+import { default as default109 } from "@mui/material/NoSsr";
 
 // src/components/Popper/index.tsx
-import { default as default104 } from "@mui/material/Popper";
+import { default as default110 } from "@mui/material/Popper";
 
 // src/components/Portal/index.tsx
-import MuiPortal from "@mui/material/Portal";
-var Portal = MuiPortal;
+import { default as default111 } from "@mui/material/Portal";
 
 // src/components/Slider/index.tsx
-import { default as default105 } from "@mui/material/Slider";
+import { default as default112 } from "@mui/material/Slider";
 
 // src/components/SvgIcon/index.tsx
-import { default as default106 } from "@mui/material/SvgIcon";
+import { default as default113 } from "@mui/material/SvgIcon";
 
 // src/components/TextareaAutosize/index.tsx
-import { default as default107 } from "@mui/material/TextareaAutosize";
+import { default as default114 } from "@mui/material/TextareaAutosize";
 
 // src/components/Charts/LineChart.tsx
 import {
@@ -1421,9 +1410,9 @@ function useChartColors(count) {
 }
 
 // src/components/Charts/CustomTooltip.tsx
-import { Box as Box6, Typography as Typography2 } from "@mui/material";
+import { Box as Box5, Typography as Typography2 } from "@mui/material";
 import { useTheme as useTheme3 } from "@mui/material/styles";
-import { jsx as jsx22, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs6 } from "react/jsx-runtime";
 function formatDate(date) {
   if (!date) return "";
   const d = new Date(date);
@@ -1449,7 +1438,7 @@ function CustomTooltip(props) {
     return null;
   }
   return /* @__PURE__ */ jsxs6(
-    Box6,
+    Box5,
     {
       sx: {
         backgroundColor: theme.palette.common.white,
@@ -1464,7 +1453,7 @@ function CustomTooltip(props) {
         border: `1px solid ${theme.palette.divider}`
       },
       children: [
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx20(
           Typography2,
           {
             variant: "body2",
@@ -1481,9 +1470,9 @@ 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__ */ jsx22(Box6, { sx: { display: "flex", flexDirection: "column", gap: "6px" }, children: /* @__PURE__ */ jsxs6(Box6, { sx: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-            /* @__PURE__ */ jsx22(
-              Box6,
+          return /* @__PURE__ */ jsx20(Box5, { sx: { display: "flex", flexDirection: "column", gap: "6px" }, children: /* @__PURE__ */ jsxs6(Box5, { sx: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+            /* @__PURE__ */ jsx20(
+              Box5,
               {
                 sx: {
                   width: 16,
@@ -1505,8 +1494,8 @@ function CustomTooltip(props) {
                   gap: "6px"
                 },
                 children: [
-                  /* @__PURE__ */ jsx22(
-                    Box6,
+                  /* @__PURE__ */ jsx20(
+                    Box5,
                     {
                       component: "span",
                       sx: {
@@ -1533,7 +1522,7 @@ function CustomTooltip(props) {
 }
 
 // src/components/Charts/LineChart.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function LineChart({ series, colors, ...props }) {
   var _a, _b;
   const theme = useTheme4();
@@ -1547,7 +1536,7 @@ function LineChart({ series, colors, ...props }) {
       highlightScope: (_b2 = s.highlightScope) != null ? _b2 : { highlighted: "item", faded: "global" }
     };
   });
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx21(
     MuiLineChart,
     {
       series: modifiedSeries != null ? modifiedSeries : [],
@@ -1621,7 +1610,7 @@ import {
   BarChart as MuiBarChart
 } from "@mui/x-charts/BarChart";
 import { useTheme as useTheme5 } from "@mui/material/styles";
-import { jsx as jsx24, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs7 } from "react/jsx-runtime";
 function BarChart({ series, colors, ...props }) {
   var _a, _b;
   const theme = useTheme5();
@@ -1639,7 +1628,7 @@ function BarChart({ series, colors, ...props }) {
       highlightScope: (_a2 = s.highlightScope) != null ? _a2 : { highlighted: "item", faded: "global" }
     };
   });
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx22(
     MuiBarChart,
     {
       series: modifiedSeries != null ? modifiedSeries : [],
@@ -1699,7 +1688,7 @@ function BarChart({ series, colors, ...props }) {
         ...(_b = props.sx) != null ? _b : {}
       },
       ...props,
-      children: /* @__PURE__ */ jsx24("defs", { children: series == null ? void 0 : series.map((s, idx) => {
+      children: /* @__PURE__ */ jsx22("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__ */ jsxs7(
@@ -1711,8 +1700,8 @@ function BarChart({ series, colors, ...props }) {
             height: "8",
             patternTransform: "rotate(45)",
             children: [
-              /* @__PURE__ */ jsx24("rect", { width: "8", height: "8", fill: theme.palette.background.paper }),
-              /* @__PURE__ */ jsx24("line", { x1: "0", y: "0", x2: "0", y2: "8", stroke: baseColor, strokeWidth: "4" })
+              /* @__PURE__ */ jsx22("rect", { width: "8", height: "8", fill: theme.palette.background.paper }),
+              /* @__PURE__ */ jsx22("line", { x1: "0", y: "0", x2: "0", y2: "8", stroke: baseColor, strokeWidth: "4" })
             ]
           },
           `striped-${idx}`
@@ -1727,7 +1716,7 @@ import {
   PieChart as MuiPieChart
 } from "@mui/x-charts/PieChart";
 import { useTheme as useTheme6 } from "@mui/material/styles";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function PieChart({ series, colors, ...props }) {
   var _a, _b, _c, _d;
   const theme = useTheme6();
@@ -1741,7 +1730,7 @@ function PieChart({ series, colors, ...props }) {
       highlightScope: (_a2 = s.highlightScope) != null ? _a2 : { highlighted: "item", faded: "global" }
     };
   });
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx23(
     MuiPieChart,
     {
       series: modifiedSeries != null ? modifiedSeries : [],
@@ -1842,7 +1831,7 @@ var forestLegendSlotProps = {
 };
 
 // src/components/Charts/ScatterChart.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function ScatterChart({ series, colors, ...props }) {
   var _a, _b;
   const theme = useTheme7();
@@ -1854,7 +1843,7 @@ function ScatterChart({ series, colors, ...props }) {
       highlightScope: (_a2 = s.highlightScope) != null ? _a2 : { highlighted: "item", faded: "global" }
     };
   });
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx24(
     MuiScatterChart,
     {
       series: modifiedSeries != null ? modifiedSeries : [],
@@ -1875,11 +1864,11 @@ import {
   Gauge as MuiGauge
 } from "@mui/x-charts/Gauge";
 import { useTheme as useTheme8 } from "@mui/material/styles";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function Gauge(props) {
   var _a;
   const theme = useTheme8();
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx25(
     MuiGauge,
     {
       ...props,
@@ -1968,43 +1957,43 @@ import { useScrollTrigger } from "@mui/material";
 import { useFormControl } from "@mui/material";
 import { useTheme as useTheme9 } from "@mui/material";
 export {
-  default47 as Accordion,
-  default50 as AccordionActions,
-  default49 as AccordionDetails,
-  default48 as AccordionSummary,
-  default59 as Alert,
-  default60 as AlertTitle,
+  default48 as Accordion,
+  default51 as AccordionActions,
+  default50 as AccordionDetails,
+  default49 as AccordionSummary,
+  default61 as Alert,
+  default62 as AlertTitle,
   AnimatedArea,
   AnimatedLine,
-  default51 as AppBar,
+  default52 as AppBar,
   AppBarNavItem,
   AppShell,
   AreaElement,
   AreaElementPath,
   AreaPlot,
   default2 as Autocomplete,
-  default21 as Avatar,
-  default22 as AvatarGroup,
-  default61 as Backdrop,
-  default23 as Badge,
+  default22 as Avatar,
+  default23 as AvatarGroup,
+  default63 as Backdrop,
+  default24 as Badge,
   BarChart,
   BarElement,
   BarElementPath,
   BarLabel,
   BarPlot,
-  default73 as BottomNavigation,
-  default74 as BottomNavigationAction,
-  Box5 as Box,
-  default75 as Breadcrumbs,
+  default75 as BottomNavigation,
+  default76 as BottomNavigationAction,
+  default97 as Box,
+  default77 as Breadcrumbs,
   Button,
-  default100 as ButtonBase,
+  default106 as ButtonBase,
   ButtonGroup,
   Card,
-  default57 as CardActionArea,
-  default55 as CardActions,
-  default53 as CardContent,
-  default54 as CardHeader,
-  default56 as CardMedia,
+  default58 as CardActionArea,
+  default56 as CardActions,
+  default54 as CardContent,
+  default55 as CardHeader,
+  default57 as CardMedia,
   ChartContainer,
   ChartsAxis,
   ChartsAxisHighlight,
@@ -2029,81 +2018,81 @@ export {
   ChartsYAxis,
   default3 as Checkbox,
   Chip,
-  default68 as CircularProgress,
-  default101 as ClickAwayListener,
-  default95 as Collapse,
-  Container,
+  default70 as CircularProgress,
+  default107 as ClickAwayListener,
+  default101 as Collapse,
+  default100 as Container,
   ContinuousColorLegend,
   DataGrid,
   DatePicker,
   DefaultChartsAxisTooltipContent,
   DefaultChartsItemTooltipContent,
   DefaultChartsLegend,
-  default62 as Dialog,
-  default65 as DialogActions,
-  default64 as DialogContent,
-  default66 as DialogContentText,
-  default63 as DialogTitle,
-  default24 as Divider,
+  default64 as Dialog,
+  default67 as DialogActions,
+  default66 as DialogContent,
+  default68 as DialogContentText,
+  default65 as DialogTitle,
+  default25 as Divider,
   Drawer,
   Fab,
-  default96 as Fade,
-  default20 as FilledInput,
+  default102 as Fade,
+  default21 as FilledInput,
   ForestProvider,
-  default11 as FormControl,
-  default12 as FormControlLabel,
-  default13 as FormGroup,
-  default14 as FormHelperText,
-  default15 as FormLabel,
+  default12 as FormControl,
+  default13 as FormControlLabel,
+  default14 as FormGroup,
+  default15 as FormHelperText,
+  default16 as FormLabel,
   Gauge,
   GaugeContainer,
   GaugeReferenceArc,
   GaugeValueArc,
   GaugeValueText,
-  default102 as GlobalStyles,
-  Grid,
-  default97 as Grow,
+  default108 as GlobalStyles,
+  default99 as Grid,
+  default103 as Grow,
   HighlightedProvider,
   IconButton2 as IconButton,
-  default25 as ImageList,
-  default26 as ImageListItem,
-  default27 as ImageListItemBar,
+  default26 as ImageList,
+  default27 as ImageListItem,
+  default28 as ImageListItemBar,
   InitColorSchemeScript,
-  default8 as Input,
-  default16 as InputAdornment,
-  default17 as InputBase,
-  default18 as InputLabel,
+  default9 as Input,
+  default17 as InputAdornment,
+  default18 as InputBase,
+  default19 as InputLabel,
   LineChart,
   LineElement,
   LineElementPath,
   LineHighlightElement,
   LineHighlightPlot,
   LinePlot,
-  default67 as LinearProgress,
-  default76 as Link,
-  default28 as List,
-  default29 as ListItem,
-  default33 as ListItemAvatar,
-  default30 as ListItemButton,
-  default31 as ListItemIcon,
-  default35 as ListItemSecondaryAction,
-  default32 as ListItemText,
-  default34 as ListSubheader,
+  default69 as LinearProgress,
+  default78 as Link,
+  default29 as List,
+  default30 as ListItem,
+  default34 as ListItemAvatar,
+  default31 as ListItemButton,
+  default32 as ListItemIcon,
+  default36 as ListItemSecondaryAction,
+  default33 as ListItemText,
+  default35 as ListSubheader,
   Logo,
   MarkElement,
   MarkPlot,
-  default77 as Menu,
+  default79 as Menu,
   default6 as MenuItem,
-  default78 as MenuList,
-  default79 as MobileStepper,
-  default70 as Modal,
+  default80 as MenuList,
+  default81 as MobileStepper,
+  default72 as Modal,
   MultiSelect,
-  default103 as NoSsr,
-  default19 as OutlinedInput,
+  default109 as NoSsr,
+  default20 as OutlinedInput,
   Page,
-  default80 as Pagination,
-  default81 as PaginationItem,
-  Paper,
+  default82 as Pagination,
+  default83 as PaginationItem,
+  default60 as Paper,
   PieArc,
   PieArcLabel,
   PieArcLabelPlot,
@@ -2112,11 +2101,11 @@ export {
   PiePlot,
   PiecewiseColorLegend,
   Popover,
-  default104 as Popper,
-  Portal,
+  default110 as Popper,
+  default111 as Portal,
   default5 as Radio,
   default4 as RadioGroup,
-  default36 as Rating,
+  default37 as Rating,
   ResponsiveChartContainer,
   Scatter,
   ScatterChart,
@@ -2125,46 +2114,46 @@ export {
   Select,
   SidebarItem,
   SidebarNav,
-  default69 as Skeleton,
-  default98 as Slide,
-  default105 as Slider,
-  default71 as Snackbar,
-  default72 as SnackbarContent,
+  default71 as Skeleton,
+  default104 as Slide,
+  default112 as Slider,
+  default73 as Snackbar,
+  default74 as SnackbarContent,
   SparkLineChart,
-  default82 as SpeedDial,
-  default83 as SpeedDialAction,
-  default84 as SpeedDialIcon,
-  Stack,
-  default86 as Step,
-  default88 as StepButton,
-  default89 as StepConnector,
-  default90 as StepContent,
-  default91 as StepIcon,
-  default87 as StepLabel,
-  default85 as Stepper,
-  default106 as SvgIcon,
-  default58 as SwipeableDrawer,
-  Switch,
-  default93 as Tab,
-  default94 as TabScrollButton,
-  default37 as Table,
-  default38 as TableBody,
-  default39 as TableCell,
-  default40 as TableContainer,
-  default43 as TableFooter,
-  default41 as TableHead,
-  default44 as TablePagination,
-  default42 as TableRow,
-  default45 as TableSortLabel,
-  default92 as Tabs,
-  default7 as TextField,
-  default107 as TextareaAutosize,
-  default9 as ToggleButton,
-  default10 as ToggleButtonGroup,
-  default52 as Toolbar,
+  default84 as SpeedDial,
+  default85 as SpeedDialAction,
+  default86 as SpeedDialIcon,
+  default98 as Stack,
+  default88 as Step,
+  default90 as StepButton,
+  default91 as StepConnector,
+  default92 as StepContent,
+  default93 as StepIcon,
+  default89 as StepLabel,
+  default87 as Stepper,
+  default113 as SvgIcon,
+  default59 as SwipeableDrawer,
+  default7 as Switch,
+  default95 as Tab,
+  default96 as TabScrollButton,
+  default38 as Table,
+  default39 as TableBody,
+  default40 as TableCell,
+  default41 as TableContainer,
+  default44 as TableFooter,
+  default42 as TableHead,
+  default45 as TablePagination,
+  default43 as TableRow,
+  default46 as TableSortLabel,
+  default94 as Tabs,
+  default8 as TextField,
+  default114 as TextareaAutosize,
+  default10 as ToggleButton,
+  default11 as ToggleButtonGroup,
+  default53 as Toolbar,
   Tooltip,
-  default46 as Typography,
-  default99 as Zoom,
+  default47 as Typography,
+  default105 as Zoom,
   alpha,
   avatarColors,
   base,