@carto/meridian-ds 1.4.4-alpha-others.1 → 1.4.4-alpha-others.2

package/dist/theme/index.js

@@ -1,80 +1,87 @@
-import { alpha as x, Tooltip as ao, responsiveFontSizes as to, createTheme as eo } from "@mui/material";
-import { jsxs as no, Fragment as po, jsx as s } from "react/jsx-runtime";
-import { T as lo, a as so, I as e, b as r, c as u, g as t, A as R, B as g, S as P } from "../TablePaginationActions-WZ3P4O35.js";
-import { N as Do } from "../TablePaginationActions-WZ3P4O35.js";
-import { Cancel as v, EventOutlined as L, ChevronRightOutlined as co, ChevronLeftOutlined as go, ExpandMoreOutlined as oo, CheckCircleOutlined as uo } from "@mui/icons-material";
-import { A as h } from "../ArrowDown-CMhYkZ2p.js";
-import { renderDigitalClockTimeView as A } from "@mui/x-date-pickers";
-import { M as W } from "../MenuItem-Cd34y6F3.js";
-import { c as p } from "../paletteUtils-BEwZhrLg.js";
-import { g as Eo } from "../paletteUtils-BEwZhrLg.js";
-const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z", H = "50%", D = 0.5, xo = {
+var _a, _b, _c, _d, _e, _f, _g, _h;
+import { alpha, Tooltip, responsiveFontSizes, createTheme } from "@mui/material";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { T as Typography, a as TablePaginationActions, I as ICON_SIZE_LARGE, b as ICON_SIZE_MEDIUM, c as ICON_SIZE_SMALL, g as getSpacing, A as APPBAR_SIZE, B as BREAKPOINTS, S as SPACING } from "../TablePaginationActions-KpTvhN4Y.js";
+import { N } from "../TablePaginationActions-KpTvhN4Y.js";
+import { Cancel, EventOutlined, ChevronRightOutlined, ChevronLeftOutlined, ExpandMoreOutlined, CheckCircleOutlined } from "@mui/icons-material";
+import { A as ArrowDown } from "../ArrowDown-CY_wMVJT.js";
+import { renderDigitalClockTimeView } from "@mui/x-date-pickers";
+import { M as MenuItem } from "../MenuItem-CXnnE5lK.js";
+import { c as commonPalette } from "../paletteUtils-BHqJlHm9.js";
+import { g } from "../paletteUtils-BHqJlHm9.js";
+const tooltipArrowSize = 1;
+const tooltipSeparation = 0.5;
+const tooltipMargin = tooltipArrowSize + tooltipSeparation;
+const avatarFallbackImage = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z";
+const avatarCircularRadius = "50%";
+const avatarRoundedRadius = 0.5;
+const dataDisplayOverrides = {
   // Divider
   MuiDivider: {
     defaultProps: {
       role: "separator"
     },
     styleOverrides: {
-      root: ({ theme: o }) => ({
+      root: ({ theme: theme2 }) => ({
         backgroundColor: "transparent",
-        borderColor: o.palette.divider
+        borderColor: theme2.palette.divider
       }),
-      light: ({ theme: o }) => ({
-        borderColor: o.palette.white[12]
+      light: ({ theme: theme2 }) => ({
+        borderColor: theme2.palette.white[12]
       })
     }
   },
   // Tooltip
   MuiTooltip: {
     defaultProps: {
-      arrow: !0,
+      arrow: true,
       placement: "top",
       enterDelay: 1e3,
       leaveDelay: 200
     },
     styleOverrides: {
-      tooltip: ({ theme: o }) => ({
-        ...o.typography.caption,
+      tooltip: ({ theme: theme2 }) => ({
+        ...theme2.typography.caption,
         fontWeight: 500,
         maxWidth: "240px",
-        backgroundColor: o.palette.black[90],
+        backgroundColor: theme2.palette.black[90],
         '.MuiTooltip-popper[data-popper-placement*="top"] &': {
-          marginBottom: o.spacing(b),
+          marginBottom: theme2.spacing(tooltipSeparation),
           "&.MuiTooltip-tooltipArrow": {
-            marginBottom: o.spacing(y)
+            marginBottom: theme2.spacing(tooltipMargin)
           }
         },
         '.MuiTooltip-popper[data-popper-placement*="right"] &': {
-          marginLeft: o.spacing(b),
+          marginLeft: theme2.spacing(tooltipSeparation),
           "&.MuiTooltip-tooltipArrow": {
-            marginLeft: o.spacing(y)
+            marginLeft: theme2.spacing(tooltipMargin)
           }
         },
         '.MuiTooltip-popper[data-popper-placement*="bottom"] &': {
-          marginTop: o.spacing(b),
+          marginTop: theme2.spacing(tooltipSeparation),
           "&.MuiTooltip-tooltipArrow": {
-            marginTop: o.spacing(y)
+            marginTop: theme2.spacing(tooltipMargin)
           }
         },
         '.MuiTooltip-popper[data-popper-placement*="left"] &': {
-          marginRight: o.spacing(b),
+          marginRight: theme2.spacing(tooltipSeparation),
           "&.MuiTooltip-tooltipArrow": {
-            marginRight: o.spacing(y)
+            marginRight: theme2.spacing(tooltipMargin)
           }
         }
       }),
-      arrow: ({ theme: o }) => ({
-        height: o.spacing(io),
-        color: o.palette.black[90]
+      arrow: ({ theme: theme2 }) => ({
+        height: theme2.spacing(tooltipArrowSize),
+        color: theme2.palette.black[90]
       })
     }
   },
   // Popper
   MuiPopper: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
+      root: ({ theme: theme2 }) => ({
         "& .MuiPaper-root": {
-          marginTop: o.spacing(0.5)
+          marginTop: theme2.spacing(0.5)
         }
       })
     }
@@ -82,9 +89,9 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   // Popover
   MuiPopover: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
+      root: ({ theme: theme2 }) => ({
         "& .MuiPaper-root": {
-          marginTop: o.spacing(0.5)
+          marginTop: theme2.spacing(0.5)
         }
       })
     }
@@ -100,16 +107,16 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
       variant: "subtitle1"
     },
     styleOverrides: {
-      root: ({ theme: o }) => ({
-        padding: o.spacing(3, 3, 2)
+      root: ({ theme: theme2 }) => ({
+        padding: theme2.spacing(3, 3, 2)
       })
     }
   },
   MuiDialogContent: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
+      root: ({ theme: theme2 }) => ({
         "& .MuiFormGroup-root": {
-          padding: o.spacing(1, 0)
+          padding: theme2.spacing(1, 0)
         }
       })
     }
@@ -119,8 +126,8 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
       variant: "body2"
     },
     styleOverrides: {
-      root: ({ theme: o }) => ({
-        color: o.palette.text.primary
+      root: ({ theme: theme2 }) => ({
+        color: theme2.palette.text.primary
       })
     }
   },
@@ -131,61 +138,63 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
         variant: "outlined",
         size: "small"
       },
-      labelDisplayedRows: ({ from: o, to: i, count: c }) => /* @__PURE__ */ no(po, { children: [
-        /* @__PURE__ */ s(
-          lo,
-          {
-            component: "span",
-            variant: "inherit",
-            weight: "strong",
-            color: "textPrimary",
-            children: `${o}-${i}`
-          }
-        ),
-        ` of ${c}`
-      ] }),
-      ActionsComponent: so
+      labelDisplayedRows: ({ from, to, count }) => {
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              component: "span",
+              variant: "inherit",
+              weight: "strong",
+              color: "textPrimary",
+              children: `${from}-${to}`
+            }
+          ),
+          ` of ${count}`
+        ] });
+      },
+      ActionsComponent: TablePaginationActions
     },
     styleOverrides: {
       root: () => ({
         borderBottom: 0
       }),
-      toolbar: ({ theme: o }) => ({
+      toolbar: ({ theme: theme2 }) => ({
         minHeight: "0 !important",
         padding: "0 !important",
-        height: o.spacing(6)
+        height: theme2.spacing(6)
       }),
-      selectLabel: ({ theme: o }) => ({
+      selectLabel: ({ theme: theme2 }) => ({
         margin: 0,
-        ...o.typography.caption,
-        fontWeight: o.typography.fontWeightMedium
+        ...theme2.typography.caption,
+        fontWeight: theme2.typography.fontWeightMedium
       }),
-      selectIcon: ({ theme: o }) => ({
+      selectIcon: ({ theme: theme2 }) => ({
         "&.MuiSvgIcon-root": {
-          right: o.spacing(1)
+          right: theme2.spacing(1)
         }
       }),
-      input: ({ theme: o }) => ({
-        marginRight: o.spacing(2),
-        marginLeft: o.spacing(1),
+      input: ({ theme: theme2 }) => ({
+        marginRight: theme2.spacing(2),
+        marginLeft: theme2.spacing(1),
         width: "auto",
-        paddingRight: o.spacing(3)
+        paddingRight: theme2.spacing(3)
       }),
-      displayedRows: ({ theme: o }) => ({
-        color: o.palette.text.secondary
+      displayedRows: ({ theme: theme2 }) => ({
+        color: theme2.palette.text.secondary
       })
     }
   },
   MuiTable: {
     defaultProps: {
-      stickyHeader: !0
+      stickyHeader: true
     }
   },
   MuiTableRow: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
+      root: ({ theme: theme2 }) => ({
         transition: "background-color 0.25s ease",
-        borderColor: o.palette.divider,
+        borderColor: theme2.palette.divider,
         "&.MuiTableRow-hover:hover": {
           cursor: "pointer"
         }
@@ -194,26 +203,26 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   },
   MuiTableCell: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
-        padding: o.spacing(0.5, 2),
-        height: o.spacing(6),
+      root: ({ theme: theme2 }) => ({
+        padding: theme2.spacing(0.5, 2),
+        height: theme2.spacing(6),
         "&.MuiTableCell-sizeSmall": {
-          height: o.spacing(4)
+          height: theme2.spacing(4)
         },
         "&.MuiTableCell-footer": {
           padding: 0
         }
       }),
-      head: ({ theme: o }) => ({
-        ...o.typography.caption,
-        fontWeight: o.typography.fontWeightMedium,
-        color: o.palette.text.primary
+      head: ({ theme: theme2 }) => ({
+        ...theme2.typography.caption,
+        fontWeight: theme2.typography.fontWeightMedium,
+        color: theme2.palette.text.primary
       }),
-      stickyHeader: ({ theme: o }) => ({
-        backgroundColor: o.palette.common.white
+      stickyHeader: ({ theme: theme2 }) => ({
+        backgroundColor: theme2.palette.common.white
       }),
-      paddingCheckbox: ({ theme: o }) => ({
-        padding: o.spacing(0.5, 1)
+      paddingCheckbox: ({ theme: theme2 }) => ({
+        padding: theme2.spacing(0.5, 1)
       }),
       paddingNone: () => ({
         padding: 0
@@ -226,163 +235,163 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
       color: "primary"
     },
     styleOverrides: {
-      root: ({ theme: o }) => ({
+      root: ({ theme: theme2 }) => ({
         maxWidth: "192px",
-        padding: o.spacing(0, 0.5),
+        padding: theme2.spacing(0, 0.5),
         "& .MuiAvatar-root": {
-          width: e,
-          minWidth: e,
-          height: e,
+          width: ICON_SIZE_LARGE,
+          minWidth: ICON_SIZE_LARGE,
+          height: ICON_SIZE_LARGE,
           margin: 0,
-          color: o.palette.secondary.contrastText,
-          backgroundColor: o.palette.background.paper,
-          border: `1px solid ${o.palette.action.hover}`
+          color: theme2.palette.secondary.contrastText,
+          backgroundColor: theme2.palette.background.paper,
+          border: `1px solid ${theme2.palette.action.hover}`
         },
         "& .MuiChip-icon": {
           margin: 0,
-          marginLeft: o.spacing(0.5)
+          marginLeft: theme2.spacing(0.5)
         },
         "& img": {
-          width: e,
-          minWidth: e,
-          height: e
+          width: ICON_SIZE_LARGE,
+          minWidth: ICON_SIZE_LARGE,
+          height: ICON_SIZE_LARGE
         },
         "&.MuiChip-root.Mui-disabled": {
-          color: o.palette.text.disabled,
-          backgroundColor: o.palette.action.disabledBackground,
+          color: theme2.palette.text.disabled,
+          backgroundColor: theme2.palette.action.disabledBackground,
           opacity: 1,
           "& .MuiChip-deleteIcon, & .MuiChip-icon": {
-            color: o.palette.action.disabled
+            color: theme2.palette.action.disabled
           },
           "& .MuiAvatar-root": {
             opacity: 0.6
           }
         },
         "& .MuiChip-deleteIcon": {
-          color: o.palette.text.hint
+          color: theme2.palette.text.hint
         }
       }),
       // Variants
-      filled: ({ theme: o }) => ({
+      filled: ({ theme: theme2 }) => ({
         border: 0,
-        backgroundColor: o.palette.default.main,
+        backgroundColor: theme2.palette.default.main,
         "& .MuiChip-iconColorPrimary": {
-          color: o.palette.primary.contrastText
+          color: theme2.palette.primary.contrastText
         },
         "& .MuiChip-deleteIcon:hover": {
-          color: o.palette.text.primary
+          color: theme2.palette.text.primary
         }
       }),
-      filledPrimary: ({ theme: o }) => ({
-        backgroundColor: o.palette.primary.main,
+      filledPrimary: ({ theme: theme2 }) => ({
+        backgroundColor: theme2.palette.primary.main,
         "& .MuiChip-deleteIcon": {
-          color: o.palette.white[60],
+          color: theme2.palette.white[60],
           "&:hover": {
-            color: o.palette.common.white
+            color: theme2.palette.common.white
           }
         }
       }),
-      filledSecondary: ({ theme: o }) => ({
-        backgroundColor: o.palette.secondary.main
+      filledSecondary: ({ theme: theme2 }) => ({
+        backgroundColor: theme2.palette.secondary.main
       }),
-      outlined: ({ theme: o }) => ({
-        borderColor: o.palette.default.outlinedBorder,
+      outlined: ({ theme: theme2 }) => ({
+        borderColor: theme2.palette.default.outlinedBorder,
         "&.MuiChip-root.Mui-disabled": {
-          borderColor: o.palette.default.outlinedBorder,
+          borderColor: theme2.palette.default.outlinedBorder,
           backgroundColor: "transparent"
         },
         "& .MuiChip-deleteIcon:hover": {
-          color: o.palette.text.primary
+          color: theme2.palette.text.primary
         }
       }),
-      outlinedPrimary: ({ theme: o }) => ({
-        borderColor: o.palette.primary.main
+      outlinedPrimary: ({ theme: theme2 }) => ({
+        borderColor: theme2.palette.primary.main
       }),
-      outlinedSecondary: ({ theme: o }) => ({
-        borderColor: o.palette.secondary.main
+      outlinedSecondary: ({ theme: theme2 }) => ({
+        borderColor: theme2.palette.secondary.main
       }),
       // Status colors
-      colorSuccess: ({ theme: o }) => ({
+      colorSuccess: ({ theme: theme2 }) => ({
         "&.MuiChip-outlined": {
-          color: o.palette.success.dark,
-          borderColor: o.palette.success.main
+          color: theme2.palette.success.dark,
+          borderColor: theme2.palette.success.main
         },
         "&.MuiChip-filled": {
-          color: o.palette.success.dark,
-          backgroundColor: o.palette.success.relatedLight
+          color: theme2.palette.success.dark,
+          backgroundColor: theme2.palette.success.relatedLight
         },
         "& .MuiChip-icon": {
-          color: o.palette.success.main
+          color: theme2.palette.success.main
         }
       }),
-      colorInfo: ({ theme: o }) => ({
+      colorInfo: ({ theme: theme2 }) => ({
         "&.MuiChip-outlined": {
-          color: o.palette.primary.dark,
-          borderColor: o.palette.primary.main
+          color: theme2.palette.primary.dark,
+          borderColor: theme2.palette.primary.main
         },
         "&.MuiChip-filled": {
-          color: o.palette.primary.dark,
-          backgroundColor: o.palette.primary.relatedLight
+          color: theme2.palette.primary.dark,
+          backgroundColor: theme2.palette.primary.relatedLight
         },
         "& .MuiChip-icon": {
-          color: o.palette.info.main
+          color: theme2.palette.info.main
         }
       }),
-      colorError: ({ theme: o }) => ({
+      colorError: ({ theme: theme2 }) => ({
         "&.MuiChip-outlined": {
-          color: o.palette.error.dark,
-          borderColor: o.palette.error.main
+          color: theme2.palette.error.dark,
+          borderColor: theme2.palette.error.main
         },
         "&.MuiChip-filled": {
-          color: o.palette.error.dark,
-          backgroundColor: o.palette.error.relatedLight
+          color: theme2.palette.error.dark,
+          backgroundColor: theme2.palette.error.relatedLight
         },
         "& .MuiChip-icon": {
-          color: o.palette.error.main
+          color: theme2.palette.error.main
         }
       }),
-      colorWarning: ({ theme: o }) => ({
+      colorWarning: ({ theme: theme2 }) => ({
         "&.MuiChip-outlined": {
-          color: o.palette.warning.relatedDark,
-          borderColor: o.palette.warning.main
+          color: theme2.palette.warning.relatedDark,
+          borderColor: theme2.palette.warning.main
         },
         "&.MuiChip-filled": {
-          color: o.palette.warning.relatedDark,
-          backgroundColor: o.palette.warning.relatedLight
+          color: theme2.palette.warning.relatedDark,
+          backgroundColor: theme2.palette.warning.relatedLight
         },
         "& .MuiChip-icon": {
-          color: o.palette.warning.main
+          color: theme2.palette.warning.main
         }
       }),
       // Sizes
-      sizeSmall: ({ theme: o }) => ({
+      sizeSmall: ({ theme: theme2 }) => ({
         "& img": {
-          width: r,
-          minWidth: r,
-          height: r
+          width: ICON_SIZE_MEDIUM,
+          minWidth: ICON_SIZE_MEDIUM,
+          height: ICON_SIZE_MEDIUM
         },
         "& .MuiAvatar-root": {
-          width: r,
-          minWidth: r,
-          height: r
+          width: ICON_SIZE_MEDIUM,
+          minWidth: ICON_SIZE_MEDIUM,
+          height: ICON_SIZE_MEDIUM
         },
         "& .MuiChip-icon": {
-          marginLeft: o.spacing(0.25)
+          marginLeft: theme2.spacing(0.25)
         }
       }),
       // Inner elements
-      label: ({ theme: o }) => ({
-        ...o.typography.button,
-        padding: o.spacing(0, 0.75)
+      label: ({ theme: theme2 }) => ({
+        ...theme2.typography.button,
+        padding: theme2.spacing(0, 0.75)
       }),
-      labelSmall: ({ theme: o }) => ({
-        ...o.typography.caption,
+      labelSmall: ({ theme: theme2 }) => ({
+        ...theme2.typography.caption,
         fontWeight: 500,
-        padding: o.spacing(0, 0.5)
+        padding: theme2.spacing(0, 0.5)
       }),
       deleteIcon: () => ({
-        width: r,
-        height: r,
+        width: ICON_SIZE_MEDIUM,
+        height: ICON_SIZE_MEDIUM,
         margin: 0,
         marginLeft: "2px",
         // Forced to a non-standard value to meet with design
@@ -390,12 +399,12 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
         // Forced to a non-standard value to meet with design
         transition: "color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"
       }),
-      deleteIconSmall: ({ theme: o }) => ({
-        width: o.spacing(2),
-        height: o.spacing(2),
+      deleteIconSmall: ({ theme: theme2 }) => ({
+        width: theme2.spacing(2),
+        height: theme2.spacing(2),
         marginRight: 0
       }),
-      clickable: ({ theme: o }) => ({
+      clickable: ({ theme: theme2 }) => ({
         "&:active": {
           boxShadow: "none"
         },
@@ -406,53 +415,53 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
           "&:hover": {
             backgroundColor: "transparent",
             "&.MuiChip-colorPrimary": {
-              color: o.palette.primary.dark,
-              borderColor: o.palette.primary.dark
+              color: theme2.palette.primary.dark,
+              borderColor: theme2.palette.primary.dark
             },
             "&.MuiChip-colorSecondary": {
-              color: o.palette.secondary.dark,
-              borderColor: o.palette.secondary.dark
+              color: theme2.palette.secondary.dark,
+              borderColor: theme2.palette.secondary.dark
             },
             "&.MuiChip-colorDefault": {
-              borderColor: o.palette.default.dark
+              borderColor: theme2.palette.default.dark
             },
             "&.MuiChip-colorSuccess": {
-              color: o.palette.success.dark,
-              borderColor: o.palette.success.dark
+              color: theme2.palette.success.dark,
+              borderColor: theme2.palette.success.dark
             },
             "&.MuiChip-colorInfo": {
-              color: o.palette.info.dark,
-              borderColor: o.palette.info.dark
+              color: theme2.palette.info.dark,
+              borderColor: theme2.palette.info.dark
             },
             "&.MuiChip-colorError": {
-              color: o.palette.error.dark,
-              borderColor: o.palette.error.dark
+              color: theme2.palette.error.dark,
+              borderColor: theme2.palette.error.dark
             },
             "&.MuiChip-colorWarning": {
-              color: o.palette.warning.dark,
-              borderColor: o.palette.warning.dark
+              color: theme2.palette.warning.dark,
+              borderColor: theme2.palette.warning.dark
             }
           }
         },
         "&.MuiChip-filled": {
           "&:hover": {
             "&.MuiChip-colorSecondary": {
-              backgroundColor: o.palette.secondary.light
+              backgroundColor: theme2.palette.secondary.light
             },
             "&.MuiChip-colorDefault": {
-              backgroundColor: o.palette.default.dark
+              backgroundColor: theme2.palette.default.dark
             },
             "&.MuiChip-colorSuccess": {
-              backgroundColor: x(o.palette.success.main, 0.25)
+              backgroundColor: alpha(theme2.palette.success.main, 0.25)
             },
             "&.MuiChip-colorInfo": {
-              backgroundColor: x(o.palette.info.main, 0.12)
+              backgroundColor: alpha(theme2.palette.info.main, 0.12)
             },
             "&.MuiChip-colorError": {
-              backgroundColor: x(o.palette.error.main, 0.12)
+              backgroundColor: alpha(theme2.palette.error.main, 0.12)
             },
             "&.MuiChip-colorWarning": {
-              backgroundColor: x(o.palette.warning.main, 0.25)
+              backgroundColor: alpha(theme2.palette.warning.main, 0.25)
             }
           }
         }
@@ -462,31 +471,31 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   // Avatar
   MuiAvatar: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
+      root: ({ theme: theme2 }) => ({
         overflow: "initial",
-        color: o.palette.secondary.contrastText,
-        backgroundColor: o.palette.secondary.main,
+        color: theme2.palette.secondary.contrastText,
+        backgroundColor: theme2.palette.secondary.main,
         //  Default fallback image override
         // https://github.com/mui/material-ui/issues/33229
         "& .MuiAvatar-fallback": {
           path: {
-            d: `path('${bo}') !important`
+            d: `path('${avatarFallbackImage}') !important`
           }
         }
       }),
-      img: ({ theme: o }) => ({
-        boxShadow: `0 0 0 1px ${o.palette.default.outlinedBorder}`
+      img: ({ theme: theme2 }) => ({
+        boxShadow: `0 0 0 1px ${theme2.palette.default.outlinedBorder}`
       }),
       circular: () => ({
-        borderRadius: H,
+        borderRadius: avatarCircularRadius,
         "& img": {
-          borderRadius: H
+          borderRadius: avatarCircularRadius
         }
       }),
-      rounded: ({ theme: o }) => ({
-        borderRadius: o.spacing(D),
+      rounded: ({ theme: theme2 }) => ({
+        borderRadius: theme2.spacing(avatarRoundedRadius),
         "& img": {
-          borderRadius: o.spacing(D)
+          borderRadius: theme2.spacing(avatarRoundedRadius)
         }
       })
     }
@@ -512,30 +521,36 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   MuiSvgIcon: {
     styleOverrides: {
       root: () => ({
-        fontSize: r
+        fontSize: ICON_SIZE_MEDIUM
       }),
       fontSizeSmall: () => ({
-        fontSize: u
+        fontSize: ICON_SIZE_SMALL
       }),
       fontSizeLarge: () => ({
-        fontSize: e
+        fontSize: ICON_SIZE_LARGE
       })
     }
   }
-}, F = t(2), l = t(3), n = t(4), d = t(6), E = t(0.5), yo = {
+};
+const sizeXsmall = getSpacing(2);
+const sizeSmall = getSpacing(3);
+const sizeMedium = getSpacing(4);
+const sizeLarge = getSpacing(6);
+const radius = getSpacing(0.5);
+const buttonsOverrides = {
   // Button Base
   MuiButtonBase: {
     defaultProps: {
-      disableRipple: !0
+      disableRipple: true
     },
     styleOverrides: {
       root: () => ({
         "& .MuiSvgIcon-root, & svg": {
           display: "flex",
-          fontSize: r,
-          width: r,
-          minWidth: r,
-          height: r
+          fontSize: ICON_SIZE_MEDIUM,
+          width: ICON_SIZE_MEDIUM,
+          minWidth: ICON_SIZE_MEDIUM,
+          height: ICON_SIZE_MEDIUM
         }
       })
     }
@@ -543,26 +558,26 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   // Button
   MuiButton: {
     defaultProps: {
-      disableElevation: !0
+      disableElevation: true
     },
     styleOverrides: {
-      root: ({ ownerState: o, theme: i }) => ({
+      root: ({ ownerState, theme: theme2 }) => ({
         // maxWidth: '192px', TODO temporary disabled waiting for a design definition
         "&:hover, &:focus-visible": {
-          boxShadow: i.shadows[0],
-          ...o.variant !== "contained" && {
-            ...o.color === "primary" && {
-              backgroundColor: i.palette.primary.background
+          boxShadow: theme2.shadows[0],
+          ...ownerState.variant !== "contained" && {
+            ...ownerState.color === "primary" && {
+              backgroundColor: theme2.palette.primary.background
             },
-            ...o.color === "secondary" && {
-              backgroundColor: i.palette.secondary.background
+            ...ownerState.color === "secondary" && {
+              backgroundColor: theme2.palette.secondary.background
             },
-            ...o.color === "error" && {
-              background: i.palette.error.relatedLight
+            ...ownerState.color === "error" && {
+              background: theme2.palette.error.relatedLight
             }
           },
-          ...o.variant === "contained" && o.color === "secondary" && {
-            backgroundColor: i.palette.secondary.light
+          ...ownerState.variant === "contained" && ownerState.color === "secondary" && {
+            backgroundColor: theme2.palette.secondary.light
           }
         },
         "& svg:not(.doNotFillIcon) path": {
@@ -570,98 +585,98 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
         },
         // Pairing buttons separation
         "& + .MuiButtonBase-root": {
-          marginLeft: i.spacing(1)
+          marginLeft: theme2.spacing(1)
         }
       }),
-      contained: ({ theme: o }) => ({
+      contained: ({ theme: theme2 }) => ({
         boxShadow: "none",
         "&.Mui-disabled": {
-          color: o.palette.text.disabled,
-          backgroundColor: o.palette.action.disabledBackground
+          color: theme2.palette.text.disabled,
+          backgroundColor: theme2.palette.action.disabledBackground
         }
       }),
-      text: ({ theme: o }) => ({
-        minWidth: o.spacing(7)
+      text: ({ theme: theme2 }) => ({
+        minWidth: theme2.spacing(7)
       }),
-      outlined: ({ theme: o }) => ({
+      outlined: ({ theme: theme2 }) => ({
         "&.Mui-disabled": {
-          color: o.palette.text.disabled,
-          borderColor: o.palette.default.outlinedBorder
+          color: theme2.palette.text.disabled,
+          borderColor: theme2.palette.default.outlinedBorder
         }
       }),
-      outlinedPrimary: ({ theme: o }) => ({
-        borderColor: o.palette.primary.main
+      outlinedPrimary: ({ theme: theme2 }) => ({
+        borderColor: theme2.palette.primary.main
       }),
-      outlinedSecondary: ({ theme: o }) => ({
-        borderColor: o.palette.secondary.main
+      outlinedSecondary: ({ theme: theme2 }) => ({
+        borderColor: theme2.palette.secondary.main
       }),
-      outlinedError: ({ theme: o }) => ({
-        borderColor: o.palette.error.main
+      outlinedError: ({ theme: theme2 }) => ({
+        borderColor: theme2.palette.error.main
       }),
-      containedPrimary: ({ theme: o }) => ({
+      containedPrimary: ({ theme: theme2 }) => ({
         "&:hover, &:focus-visible": {
-          backgroundColor: o.palette.primary.dark
+          backgroundColor: theme2.palette.primary.dark
         }
       }),
-      containedError: ({ theme: o }) => ({
+      containedError: ({ theme: theme2 }) => ({
         "&:hover, &:focus-visible": {
-          backgroundColor: o.palette.error.dark
+          backgroundColor: theme2.palette.error.dark
         }
       }),
-      startIcon: ({ theme: o }) => ({
-        marginRight: o.spacing(0.75),
+      startIcon: ({ theme: theme2 }) => ({
+        marginRight: theme2.spacing(0.75),
         "& .MuiSvgIcon-root, & svg": {
-          fontSize: r,
-          width: r,
-          minWidth: r,
-          height: r
+          fontSize: ICON_SIZE_MEDIUM,
+          width: ICON_SIZE_MEDIUM,
+          minWidth: ICON_SIZE_MEDIUM,
+          height: ICON_SIZE_MEDIUM
         },
         "&.MuiButton-iconSizeSmall": {
-          marginRight: o.spacing(0.5),
-          marginLeft: o.spacing(-0.5)
+          marginRight: theme2.spacing(0.5),
+          marginLeft: theme2.spacing(-0.5)
         }
       }),
-      endIcon: ({ theme: o }) => ({
-        marginLeft: o.spacing(0.75),
+      endIcon: ({ theme: theme2 }) => ({
+        marginLeft: theme2.spacing(0.75),
         "& .MuiSvgIcon-root, & svg": {
-          fontSize: r,
-          width: r,
-          minWidth: r,
-          height: r
+          fontSize: ICON_SIZE_MEDIUM,
+          width: ICON_SIZE_MEDIUM,
+          minWidth: ICON_SIZE_MEDIUM,
+          height: ICON_SIZE_MEDIUM
         },
         "&.MuiButton-iconSizeSmall": {
-          marginLeft: o.spacing(0.5),
-          marginRight: o.spacing(-0.5)
+          marginLeft: theme2.spacing(0.5),
+          marginRight: theme2.spacing(-0.5)
         }
       }),
-      sizeSmall: ({ theme: o, ownerState: i }) => ({
-        height: l,
-        padding: o.spacing(0, 1.5),
-        ...o.typography.caption,
-        lineHeight: l,
+      sizeSmall: ({ theme: theme2, ownerState }) => ({
+        height: sizeSmall,
+        padding: theme2.spacing(0, 1.5),
+        ...theme2.typography.caption,
+        lineHeight: sizeSmall,
         fontWeight: 500,
         letterSpacing: "0.4px",
-        ...i.variant === "text" && {
-          padding: o.spacing(0, 1)
+        ...ownerState.variant === "text" && {
+          padding: theme2.spacing(0, 1)
         }
       }),
-      sizeMedium: ({ theme: o, ownerState: i }) => ({
-        height: n,
-        padding: o.spacing(0, 2),
-        lineHeight: n,
-        ...i.variant === "text" && {
-          padding: o.spacing(0, 1)
+      sizeMedium: ({ theme: theme2, ownerState }) => ({
+        height: sizeMedium,
+        padding: theme2.spacing(0, 2),
+        lineHeight: sizeMedium,
+        ...ownerState.variant === "text" && {
+          padding: theme2.spacing(0, 1)
         }
       }),
-      sizeLarge: ({ theme: o, ownerState: i }) => ({
-        height: d,
-        padding: o.spacing(0, 2.5),
-        ...o.typography.body1,
-        lineHeight: d,
+      sizeLarge: ({ theme: theme2, ownerState }) => ({
+        height: sizeLarge,
+        padding: theme2.spacing(0, 2.5),
+        ...theme2.typography.body1,
+        lineHeight: sizeLarge,
         fontWeight: 500,
         letterSpacing: "0.25px",
-        ...i.variant === "text" && {
-          padding: o.spacing(0, 2)
+        ...ownerState.variant === "text" && {
+          padding: theme2.spacing(0, 2)
         }
       })
     },
@@ -669,43 +684,43 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
       // Custom color and its variants
       {
         props: { variant: "contained", color: "default" },
-        style: ({ theme: o }) => ({
-          color: o.palette.text.primary,
-          backgroundColor: o.palette.default.main,
-          borderColor: o.palette.text.primary,
+        style: ({ theme: theme2 }) => ({
+          color: theme2.palette.text.primary,
+          backgroundColor: theme2.palette.default.main,
+          borderColor: theme2.palette.text.primary,
           "&.Mui-disabled": {
-            color: o.palette.text.disabled,
-            backgroundColor: o.palette.action.disabledBackground
+            color: theme2.palette.text.disabled,
+            backgroundColor: theme2.palette.action.disabledBackground
           },
           "&:hover, &:focus-visible": {
-            backgroundColor: o.palette.default.dark
+            backgroundColor: theme2.palette.default.dark
           }
         })
       },
       {
         props: { variant: "outlined", color: "default" },
-        style: ({ theme: o }) => ({
-          color: o.palette.text.primary,
-          borderColor: o.palette.text.primary,
+        style: ({ theme: theme2 }) => ({
+          color: theme2.palette.text.primary,
+          borderColor: theme2.palette.text.primary,
           "&.Mui-disabled": {
-            color: o.palette.text.disabled,
-            borderColor: o.palette.default.outlinedBorder
+            color: theme2.palette.text.disabled,
+            borderColor: theme2.palette.default.outlinedBorder
           },
           "&:hover, &:focus-visible": {
-            backgroundColor: o.palette.action.hover,
-            borderColor: o.palette.text.primary
+            backgroundColor: theme2.palette.action.hover,
+            borderColor: theme2.palette.text.primary
           }
         })
       },
       {
         props: { variant: "text", color: "default" },
-        style: ({ theme: o }) => ({
-          color: o.palette.text.primary,
+        style: ({ theme: theme2 }) => ({
+          color: theme2.palette.text.primary,
           "&.Mui-disabled": {
-            color: o.palette.text.disabled
+            color: theme2.palette.text.disabled
           },
           "&:hover, &:focus-visible": {
-            backgroundColor: o.palette.action.hover
+            backgroundColor: theme2.palette.action.hover
           }
         })
       }
@@ -714,50 +729,50 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   // Mui Button Group
   MuiButtonGroup: {
     defaultProps: {
-      disableRipple: !0,
-      disableElevation: !0
+      disableRipple: true,
+      disableElevation: true
     },
     styleOverrides: {
-      root: ({ ownerState: o, theme: i }) => ({
+      root: ({ ownerState, theme: theme2 }) => ({
         "& .MuiButton-root + .MuiButton-root": {
           marginLeft: 0
         },
-        ...o.variant === "text" && {
-          boxShadow: i.shadows[1],
-          borderColor: i.palette.default.dark,
+        ...ownerState.variant === "text" && {
+          boxShadow: theme2.shadows[1],
+          borderColor: theme2.palette.default.dark,
           "& .MuiButtonGroup-grouped:not(:last-of-type)": {
-            borderColor: i.palette.default.dark
+            borderColor: theme2.palette.default.dark
           }
         },
-        ...o.variant === "outlined" && {
-          ...o.color === "default" && {
+        ...ownerState.variant === "outlined" && {
+          ...ownerState.color === "default" && {
             "& .MuiButtonBase-root.Mui-disabled": {
-              borderColor: i.palette.text.primary
+              borderColor: theme2.palette.text.primary
             }
           },
-          ...o.color === "primary" && {
+          ...ownerState.color === "primary" && {
             "& .MuiButtonBase-root.Mui-disabled": {
-              borderColor: i.palette.primary.main
+              borderColor: theme2.palette.primary.main
             }
           },
-          ...o.color === "secondary" && {
+          ...ownerState.color === "secondary" && {
             "& .MuiButtonBase-root.Mui-disabled": {
-              borderColor: i.palette.secondary.main
+              borderColor: theme2.palette.secondary.main
             }
           },
-          ...o.orientation !== "vertical" && {
+          ...ownerState.orientation !== "vertical" && {
             "& .MuiButtonGroup-grouped:not(:last-of-type):hover, & .Mui-disabled:not(:last-of-type)": {
               borderRightColor: "transparent"
             }
           }
         },
-        ...o.variant === "contained" && {
-          ...o.color === "default" && {
+        ...ownerState.variant === "contained" && {
+          ...ownerState.color === "default" && {
             "& .MuiButtonGroup-grouped:not(:last-of-type)": {
-              borderRightColor: i.palette.default.dark,
+              borderRightColor: theme2.palette.default.dark,
               "&.Mui-disabled": {
-                ...o.color === "default" && {
-                  borderColor: i.palette.default.dark
+                ...ownerState.color === "default" && {
+                  borderColor: theme2.palette.default.dark
                 }
               }
             }
@@ -769,18 +784,18 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   // Icon Button
   MuiIconButton: {
     styleOverrides: {
-      root: ({ ownerState: o, theme: i }) => ({
+      root: ({ ownerState, theme: theme2 }) => ({
         position: "relative",
         overflow: "hidden",
-        borderRadius: i.spacing(0.5),
-        ...o.color === "default" && {
-          color: i.palette.text.secondary
+        borderRadius: theme2.spacing(0.5),
+        ...ownerState.color === "default" && {
+          color: theme2.palette.text.secondary
         },
         "& .MuiSvgIcon-root, & svg": {
-          fontSize: r,
-          width: r,
-          minWidth: r,
-          height: r
+          fontSize: ICON_SIZE_MEDIUM,
+          width: ICON_SIZE_MEDIUM,
+          minWidth: ICON_SIZE_MEDIUM,
+          height: ICON_SIZE_MEDIUM
         },
         "& svg": {
           fill: "currentColor",
@@ -792,37 +807,37 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
           fill: "currentColor"
         },
         "&.Mui-disabled svg:not(.doNotFillIcon) path": {
-          fill: i.palette.text.disabled
+          fill: theme2.palette.text.disabled
         },
         "&:hover, &:focus-visible": {
-          ...o.color === "default" && {
-            backgroundColor: i.palette.action.hover
+          ...ownerState.color === "default" && {
+            backgroundColor: theme2.palette.action.hover
           },
-          ...o.color === "primary" && {
-            backgroundColor: i.palette.primary.background
+          ...ownerState.color === "primary" && {
+            backgroundColor: theme2.palette.primary.background
           },
-          ...o.color === "secondary" && {
-            backgroundColor: i.palette.secondary.background
+          ...ownerState.color === "secondary" && {
+            backgroundColor: theme2.palette.secondary.background
           },
-          ...o.color === "error" && {
-            backgroundColor: i.palette.error.relatedLight
+          ...ownerState.color === "error" && {
+            backgroundColor: theme2.palette.error.relatedLight
           },
-          ...o.color === "warning" && {
-            backgroundColor: i.palette.warning.relatedLight
+          ...ownerState.color === "warning" && {
+            backgroundColor: theme2.palette.warning.relatedLight
           }
         }
       }),
       sizeSmall: () => ({
-        width: l,
-        height: l
+        width: sizeSmall,
+        height: sizeSmall
       }),
       sizeMedium: () => ({
-        width: n,
-        height: n
+        width: sizeMedium,
+        height: sizeMedium
       }),
       sizeLarge: () => ({
-        width: d,
-        height: d
+        width: sizeLarge,
+        height: sizeLarge
       })
     },
     variants: [
@@ -830,99 +845,99 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
       {
         props: { size: "xsmall" },
         style: () => ({
-          width: F,
-          height: F,
+          width: sizeXsmall,
+          height: sizeXsmall,
           "& .MuiSvgIcon-root, & svg": {
-            fontSize: u,
-            width: u,
-            minWidth: u,
-            height: u
+            fontSize: ICON_SIZE_SMALL,
+            width: ICON_SIZE_SMALL,
+            minWidth: ICON_SIZE_SMALL,
+            height: ICON_SIZE_SMALL
           }
         })
       },
       {
         props: { variant: "contained" },
-        style: ({ theme: o }) => ({
+        style: ({ theme: theme2 }) => ({
           // Default
-          color: o.palette.text.primary,
-          backgroundColor: o.palette.default.main,
+          color: theme2.palette.text.primary,
+          backgroundColor: theme2.palette.default.main,
           "&:hover": {
-            backgroundColor: o.palette.default.dark
+            backgroundColor: theme2.palette.default.dark
           },
           "&.MuiIconButton-colorSecondary": {
-            color: o.palette.secondary.contrastText,
-            backgroundColor: o.palette.secondary.main,
+            color: theme2.palette.secondary.contrastText,
+            backgroundColor: theme2.palette.secondary.main,
             "&:hover": {
-              backgroundColor: o.palette.secondary.light
+              backgroundColor: theme2.palette.secondary.light
             }
           },
           "&.MuiIconButton-colorPrimary": {
-            color: o.palette.primary.contrastText,
-            backgroundColor: o.palette.primary.main,
+            color: theme2.palette.primary.contrastText,
+            backgroundColor: theme2.palette.primary.main,
             "&:hover": {
-              backgroundColor: o.palette.primary.dark
+              backgroundColor: theme2.palette.primary.dark
             }
           },
           "&.MuiIconButton-colorError": {
-            color: o.palette.error.contrastText,
-            backgroundColor: o.palette.error.main,
+            color: theme2.palette.error.contrastText,
+            backgroundColor: theme2.palette.error.main,
             "&:hover": {
-              backgroundColor: o.palette.error.dark
+              backgroundColor: theme2.palette.error.dark
             }
           },
           "&.MuiIconButton-colorWarning": {
-            color: o.palette.warning.contrastText,
-            backgroundColor: o.palette.warning.main,
+            color: theme2.palette.warning.contrastText,
+            backgroundColor: theme2.palette.warning.main,
             "&:hover": {
-              backgroundColor: o.palette.warning.light
+              backgroundColor: theme2.palette.warning.light
             }
           },
           "&[disabled]": {
-            color: o.palette.text.disabled,
-            backgroundColor: o.palette.action.disabledBackground
+            color: theme2.palette.text.disabled,
+            backgroundColor: theme2.palette.action.disabledBackground
           }
         })
       },
       {
         props: { variant: "outlined" },
-        style: ({ theme: o }) => ({
+        style: ({ theme: theme2 }) => ({
           // Default
-          color: o.palette.text.primary,
-          border: `1px solid ${o.palette.text.primary}`,
+          color: theme2.palette.text.primary,
+          border: `1px solid ${theme2.palette.text.primary}`,
           "&:hover": {
-            backgroundColor: o.palette.action.hover
+            backgroundColor: theme2.palette.action.hover
           },
           "&.MuiIconButton-colorSecondary": {
-            color: o.palette.secondary.main,
-            borderColor: o.palette.secondary.main,
+            color: theme2.palette.secondary.main,
+            borderColor: theme2.palette.secondary.main,
             "&:hover": {
-              backgroundColor: o.palette.secondary.background
+              backgroundColor: theme2.palette.secondary.background
             }
           },
           "&.MuiIconButton-colorPrimary": {
-            color: o.palette.primary.main,
-            borderColor: o.palette.primary.main,
+            color: theme2.palette.primary.main,
+            borderColor: theme2.palette.primary.main,
             "&:hover": {
-              backgroundColor: o.palette.primary.background
+              backgroundColor: theme2.palette.primary.background
             }
           },
           "&.MuiIconButton-colorError": {
-            color: o.palette.error.main,
-            borderColor: o.palette.error.main,
+            color: theme2.palette.error.main,
+            borderColor: theme2.palette.error.main,
             "&:hover": {
-              backgroundColor: o.palette.error.relatedLight
+              backgroundColor: theme2.palette.error.relatedLight
             }
           },
           "&.MuiIconButton-colorWarning": {
-            color: o.palette.warning.main,
-            borderColor: o.palette.warning.main,
+            color: theme2.palette.warning.main,
+            borderColor: theme2.palette.warning.main,
             "&:hover": {
-              backgroundColor: o.palette.warning.relatedLight
+              backgroundColor: theme2.palette.warning.relatedLight
             }
           },
           "&[disabled]": {
-            color: o.palette.text.disabled,
-            borderColor: o.palette.default.outlinedBorder
+            color: theme2.palette.text.disabled,
+            borderColor: theme2.palette.default.outlinedBorder
           }
         })
       }
@@ -931,44 +946,44 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   // MuiToggleButton
   MuiToggleButton: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
-        minWidth: n,
-        height: n,
-        padding: o.spacing(0, 1),
-        color: o.palette.text.secondary,
+      root: ({ theme: theme2 }) => ({
+        minWidth: sizeMedium,
+        height: sizeMedium,
+        padding: theme2.spacing(0, 1),
+        color: theme2.palette.text.secondary,
         border: "none",
-        borderRadius: E,
+        borderRadius: radius,
         transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
         "&:hover": {
-          backgroundColor: o.palette.action.hover
+          backgroundColor: theme2.palette.action.hover
         },
         // Pairing buttons separation
         "& + &": {
-          marginLeft: o.spacing(0.5)
+          marginLeft: theme2.spacing(0.5)
         },
         ".MuiSvgIcon-root, & svg": {
-          margin: o.spacing(0, -0.75)
+          margin: theme2.spacing(0, -0.75)
         },
         "&.Mui-selected": {
-          color: o.palette.primary.main,
-          backgroundColor: o.palette.primary.background,
+          color: theme2.palette.primary.main,
+          backgroundColor: theme2.palette.primary.background,
           "&:hover": {
-            backgroundColor: o.palette.action.hover
+            backgroundColor: theme2.palette.action.hover
           }
         },
         "&.Mui-disabled": {
           border: "none"
         }
       }),
-      sizeLarge: ({ theme: o }) => ({
-        minWidth: d,
-        height: d,
-        ...o.typography.body1
+      sizeLarge: ({ theme: theme2 }) => ({
+        minWidth: sizeLarge,
+        height: sizeLarge,
+        ...theme2.typography.body1
       }),
-      sizeSmall: ({ theme: o }) => ({
-        minWidth: l,
-        height: l,
-        ...o.typography.caption,
+      sizeSmall: ({ theme: theme2 }) => ({
+        minWidth: sizeSmall,
+        height: sizeSmall,
+        ...theme2.typography.caption,
         fontWeight: 500
       })
     }
@@ -977,81 +992,81 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   MuiToggleButtonGroup: {
     defaultProps: {
       orientation: "horizontal",
-      exclusive: !0
+      exclusive: true
     },
     styleOverrides: {
-      root: ({ theme: o }) => ({
+      root: ({ theme: theme2 }) => ({
         alignItems: "center",
         justifyContent: "center",
-        borderRadius: o.spacing(1),
-        boxShadow: o.shadows[1],
-        backgroundColor: o.palette.background.paper,
+        borderRadius: theme2.spacing(1),
+        boxShadow: theme2.shadows[1],
+        backgroundColor: theme2.palette.background.paper,
         "& .MuiToggleButtonGroup-grouped:not(:first-of-type), &.Mui-Selected, & .MuiToggleButtonGroup-grouped:not(:last-of-type)": {
-          borderRadius: E
+          borderRadius: radius
         },
         ".MuiDivider-root": {
           "&.MuiDivider-vertical": {
-            height: d,
-            margin: o.spacing(0, 1),
-            marginLeft: o.spacing(0.5)
+            height: sizeLarge,
+            margin: theme2.spacing(0, 1),
+            marginLeft: theme2.spacing(0.5)
           },
           "&.MuiDivider-horizontal": {
-            width: d,
-            margin: o.spacing(1, 0),
-            marginTop: o.spacing(0.5)
+            width: sizeLarge,
+            margin: theme2.spacing(1, 0),
+            marginTop: theme2.spacing(0.5)
           }
         },
         ".MuiToggleButton-sizeSmall": {
           "& + .MuiDivider-root.MuiDivider-vertical": {
-            height: n
+            height: sizeMedium
           },
           "& + .MuiDivider-root.MuiDivider-horizontal": {
-            width: n
+            width: sizeMedium
           }
         }
       }),
       // Styles applied to the children if orientation="horizontal"
-      groupedHorizontal: ({ theme: o }) => ({
-        height: n,
-        margin: o.spacing(1),
+      groupedHorizontal: ({ theme: theme2 }) => ({
+        height: sizeMedium,
+        margin: theme2.spacing(1),
         "&:not(:last-of-type)": {
-          marginRight: o.spacing(0.5),
+          marginRight: theme2.spacing(0.5),
           marginLeft: 0,
           borderLeft: "none"
         },
         "&:first-of-type:not(.MuiDivider-root)": {
-          marginLeft: o.spacing(1)
+          marginLeft: theme2.spacing(1)
         },
         "&:last-of-type:not(.MuiDivider-root)": {
           marginLeft: 0
         },
         "&.MuiToggleButton-sizeSmall:not(.MuiDivider-root)": {
-          height: l,
-          margin: o.spacing(0.5),
+          height: sizeSmall,
+          margin: theme2.spacing(0.5),
           "&:not(:first-of-type)": {
             marginLeft: 0
           }
         }
       }),
       // Styles applied to the children if orientation="vertical"
-      groupedVertical: ({ theme: o }) => ({
-        width: n,
-        margin: o.spacing(1),
+      groupedVertical: ({ theme: theme2 }) => ({
+        width: sizeMedium,
+        margin: theme2.spacing(1),
         "&.MuiToggleButton-root": {
-          marginLeft: o.spacing(1),
-          marginBottom: o.spacing(0.5),
+          marginLeft: theme2.spacing(1),
+          marginBottom: theme2.spacing(0.5),
           "&:last-of-type": {
-            marginBottom: o.spacing(1)
+            marginBottom: theme2.spacing(1)
           },
           "&:not(:first-of-type)": {
             marginTop: 0
           }
         },
         "&.MuiToggleButton-sizeSmall": {
-          width: l,
-          margin: o.spacing(0.5),
+          width: sizeSmall,
+          margin: theme2.spacing(0.5),
           "&:last-of-type": {
-            marginBottom: o.spacing(0.5)
+            marginBottom: theme2.spacing(0.5)
           }
         }
       })
@@ -1063,116 +1078,123 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
       color: "primary"
     },
     styleOverrides: {
-      root: ({ ownerState: o, theme: i }) => ({
+      root: ({ ownerState, theme: theme2 }) => ({
         "&:focus": {
-          boxShadow: i.shadows[6]
+          boxShadow: theme2.shadows[6]
         },
         "& .MuiSvgIcon-root, & svg": {
-          fontSize: e,
-          width: e,
-          minWidth: e,
-          height: e
+          fontSize: ICON_SIZE_LARGE,
+          width: ICON_SIZE_LARGE,
+          minWidth: ICON_SIZE_LARGE,
+          height: ICON_SIZE_LARGE
         },
         "&.MuiFab-extended": {
-          ...i.typography.body1,
+          ...theme2.typography.body1,
           fontWeight: 500,
           width: "auto",
-          height: i.spacing(7),
-          paddingRight: i.spacing(3),
-          borderRadius: i.spacing(8),
+          height: theme2.spacing(7),
+          paddingRight: theme2.spacing(3),
+          borderRadius: theme2.spacing(8),
           "& .MuiSvgIcon-root": {
-            marginRight: i.spacing(1.5)
+            marginRight: theme2.spacing(1.5)
           }
         },
-        ...o.color === "default" && {
-          color: i.palette.text.primary,
-          backgroundColor: i.palette.background.paper,
+        ...ownerState.color === "default" && {
+          color: theme2.palette.text.primary,
+          backgroundColor: theme2.palette.background.paper,
           "&:hover, &:focus-visible": {
-            backgroundColor: i.palette.default.light
+            backgroundColor: theme2.palette.default.light
           }
         }
       }),
-      sizeSmall: ({ theme: o }) => ({
-        width: o.spacing(4),
-        height: o.spacing(4),
-        minHeight: o.spacing(4),
+      sizeSmall: ({ theme: theme2 }) => ({
+        width: theme2.spacing(4),
+        height: theme2.spacing(4),
+        minHeight: theme2.spacing(4),
         "& .MuiSvgIcon-root, & svg": {
-          fontSize: r,
-          width: r,
-          minWidth: r,
-          height: r
+          fontSize: ICON_SIZE_MEDIUM,
+          width: ICON_SIZE_MEDIUM,
+          minWidth: ICON_SIZE_MEDIUM,
+          height: ICON_SIZE_MEDIUM
         },
         "&.MuiFab-extended": {
-          ...o.typography.caption,
+          ...theme2.typography.caption,
           width: "auto",
-          height: o.spacing(4),
-          paddingRight: o.spacing(2),
+          height: theme2.spacing(4),
+          paddingRight: theme2.spacing(2),
           "& .MuiSvgIcon-root": {
-            marginRight: o.spacing(1)
+            marginRight: theme2.spacing(1)
           }
         }
       }),
-      sizeMedium: ({ theme: o }) => ({
+      sizeMedium: ({ theme: theme2 }) => ({
         "&.MuiFab-extended": {
-          ...o.typography.button,
-          height: o.spacing(6)
+          ...theme2.typography.button,
+          height: theme2.spacing(6)
         }
       }),
-      secondary: ({ theme: o }) => ({
+      secondary: ({ theme: theme2 }) => ({
         "&:hover": {
-          backgroundColor: o.palette.secondary.light
+          backgroundColor: theme2.palette.secondary.light
         }
       })
     }
   }
-}, M = 2.25, f = 3, $ = 2, N = 3, G = 4, V = {
-  root: ({ ownerState: o, theme: i }) => ({
-    padding: i.spacing(0.5),
-    ...o.size === "small" && {
+};
+const controlSizeS = 2.25;
+const controlSizeM = 3;
+const switchSizeS = 2;
+const switchSizeM = 3;
+const switchSizeL = 4;
+const checkboxRadioOverrides = {
+  root: ({ ownerState, theme: theme2 }) => ({
+    padding: theme2.spacing(0.5),
+    ...ownerState.size === "small" && {
       padding: "3px"
       // Forced to a non-standard value to meet with design
     },
-    ...o.readOnly === !0 && {
+    ...ownerState.readOnly === true && {
       pointerEvents: "none",
-      color: i.palette.text.disabled,
+      color: theme2.palette.text.disabled,
       "&.Mui-checked": {
-        color: i.palette.text.disabled
+        color: theme2.palette.text.disabled
       }
     },
     "&:hover, &:focus-visible": {
-      backgroundColor: i.palette.primary.background
+      backgroundColor: theme2.palette.primary.background
     },
     "& + .MuiFormControlLabel-label": {
-      ...i.typography.body2,
-      marginLeft: i.spacing(0.25),
-      ...o.size === "small" && {
-        marginLeft: i.spacing(0.5)
+      ...theme2.typography.body2,
+      marginLeft: theme2.spacing(0.25),
+      ...ownerState.size === "small" && {
+        marginLeft: theme2.spacing(0.5)
       }
     },
     "& .MuiSvgIcon-root": {
-      fontSize: i.spacing(f),
-      width: i.spacing(f),
-      minWidth: i.spacing(f),
-      height: i.spacing(f),
-      ...o.size === "small" && {
-        fontSize: i.spacing(M),
-        width: i.spacing(M),
-        minWidth: i.spacing(M),
-        height: i.spacing(M)
+      fontSize: theme2.spacing(controlSizeM),
+      width: theme2.spacing(controlSizeM),
+      minWidth: theme2.spacing(controlSizeM),
+      height: theme2.spacing(controlSizeM),
+      ...ownerState.size === "small" && {
+        fontSize: theme2.spacing(controlSizeS),
+        width: theme2.spacing(controlSizeS),
+        minWidth: theme2.spacing(controlSizeS),
+        height: theme2.spacing(controlSizeS)
       }
     }
   })
-}, j = {
-  root: ({ theme: o }) => ({
+};
+const LabelOverrides = {
+  root: ({ theme: theme2 }) => ({
     position: "static",
     transform: "none",
-    marginBottom: o.spacing(1),
-    ...o.typography.caption,
+    marginBottom: theme2.spacing(1),
+    ...theme2.typography.caption,
     fontWeight: 500,
-    color: o.palette.text.primary
+    color: theme2.palette.text.primary
   }),
-  sizeSmall: ({ theme: o }) => ({
-    marginBottom: o.spacing(0.5)
+  sizeSmall: ({ theme: theme2 }) => ({
+    marginBottom: theme2.spacing(0.5)
   }),
   standard: () => ({
     marginBottom: 0
@@ -1180,28 +1202,29 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   // Temporal workaroud to give a faster solution for a Workflows demand: https://app.shortcut.com/cartoteam/story/294539/distinction-among-parameters-optional-inputs-units-in-the-ui
   // These styles avoid (by now) the need to review current forms and change those with a required mark.
   // TODO: remored asterisk completely and use instead LabelWithIndicator component to mark also required ones.
-  asterisk: ({ theme: o }) => ({
+  asterisk: ({ theme: theme2 }) => ({
     "&, &.Mui-error": {
       color: "transparent"
     },
     "&::after": {
       content: '"(required)"',
-      marginLeft: o.spacing(-0.5),
-      color: o.palette.text.secondary,
+      marginLeft: theme2.spacing(-0.5),
+      color: theme2.palette.text.secondary,
       fontWeight: 400,
       ".Mui-disabled &": {
-        color: o.palette.text.disabled
+        color: theme2.palette.text.disabled
       }
     }
   })
-}, Mo = {
+};
+const formsOverrides = {
   // Checkbox
   MuiCheckbox: {
     defaultProps: {
       size: "small"
     },
     styleOverrides: {
-      ...V
+      ...checkboxRadioOverrides
     }
   },
   // Radio Button
@@ -1210,42 +1233,42 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
       size: "small"
     },
     styleOverrides: {
-      ...V
+      ...checkboxRadioOverrides
     }
   },
   // Text Field
   MuiTextField: {
     defaultProps: {
-      fullWidth: !0,
+      fullWidth: true,
       size: "small",
       InputLabelProps: {
-        shrink: !0
+        shrink: true
       },
       SelectProps: {
-        IconComponent: h,
+        IconComponent: ArrowDown,
         size: "small"
       }
     },
     styleOverrides: {
-      root: ({ ownerState: o, theme: i }) => ({
+      root: ({ ownerState, theme: theme2 }) => ({
         "& legend": {
           display: "none"
         },
         // Select bool
-        ...o.select === !0 && {
+        ...ownerState.select === true && {
           "& .MuiInputBase-root": {
             padding: 0,
             "&.MuiOutlinedInput-root, &.MuiFilledInput-root": {
               padding: 0
             },
             "& .MuiInputAdornment-positionEnd": {
-              marginRight: i.spacing(3)
+              marginRight: theme2.spacing(3)
             },
             "& .MuiSelect-select": {
-              padding: i.spacing(1.5),
+              padding: theme2.spacing(1.5),
               "&.MuiInputBase-input": {
-                paddingLeft: i.spacing(2),
-                paddingRight: i.spacing(5),
+                paddingLeft: theme2.spacing(2),
+                paddingRight: theme2.spacing(5),
                 "&.MuiSelect-standard": {
                   paddingLeft: 0
                 }
@@ -1260,8 +1283,8 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
               }
             },
             "& .MuiSelect-icon": {
-              right: i.spacing(2),
-              color: i.palette.text.secondary
+              right: theme2.spacing(2),
+              color: theme2.palette.text.secondary
             },
             "& .MuiSelect-iconStandard": {
               right: 0
@@ -1272,18 +1295,18 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
               padding: 0
             },
             "& .MuiSelect-select": {
-              ...i.typography.body2,
-              padding: i.spacing(0.75),
+              ...theme2.typography.body2,
+              padding: theme2.spacing(0.75),
               "&.MuiInputBase-input": {
-                paddingLeft: i.spacing(1.5),
-                paddingRight: i.spacing(4)
+                paddingLeft: theme2.spacing(1.5),
+                paddingRight: theme2.spacing(4)
               }
             },
             "&.MuiOutlinedInput-root.MuiInputBase-sizeSmall": {
               padding: 0
             },
             "& .MuiSelect-icon": {
-              right: i.spacing(1.5)
+              right: theme2.spacing(1.5)
             }
           }
         }
@@ -1293,9 +1316,9 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   // Input Base
   MuiInputBase: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
-        height: o.spacing(6),
-        ...o.typography.body1,
+      root: ({ theme: theme2 }) => ({
+        height: theme2.spacing(6),
+        ...theme2.typography.body1,
         "& input": {
           padding: 0,
           whiteSpace: "nowrap",
@@ -1303,13 +1326,13 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
           textOverflow: "ellipsis",
           "&::placeholder": {
             opacity: 1,
-            color: o.palette.text.hint
+            color: theme2.palette.text.hint
           },
           "&:read-only::placeholder": {
-            color: o.palette.text.disabled
+            color: theme2.palette.text.disabled
           },
           "&.Mui-disabled::placeholder": {
-            color: o.palette.text.disabled
+            color: theme2.palette.text.disabled
           },
           // Remove focus on keyboard navigation as the parent element has focus
           "&:focus-visible": {
@@ -1338,103 +1361,103 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
           "&:hover": {
             backgroundColor: "transparent"
           },
-          [o.breakpoints.up("sm")]: {
+          [theme2.breakpoints.up("sm")]: {
             minHeight: "initial"
           }
         },
         // Variants
         "&.MuiFilledInput-root": {
-          padding: o.spacing(1, 2),
-          borderRadius: o.spacing(0.5),
-          backgroundColor: o.palette.default.background,
+          padding: theme2.spacing(1, 2),
+          borderRadius: theme2.spacing(0.5),
+          backgroundColor: theme2.palette.default.background,
           "&:hover": {
-            backgroundColor: o.palette.default.background
+            backgroundColor: theme2.palette.default.background
           },
           "&::before": {
             top: 0,
-            borderRadius: o.spacing(0.5),
+            borderRadius: theme2.spacing(0.5),
             border: "1px solid transparent",
             transition: "border 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"
           },
           "&:hover:not(.Mui-disabled)::before": {
-            borderColor: o.palette.text.primary
+            borderColor: theme2.palette.text.primary
           },
           "&::after": {
-            borderRadius: o.spacing(0.5),
+            borderRadius: theme2.spacing(0.5),
             border: "1px solid transparent"
           },
           "&.MuiInputBase-sizeSmall": {
-            padding: o.spacing(0.5, 1.5)
+            padding: theme2.spacing(0.5, 1.5)
           },
           "&.Mui-focused": {
-            backgroundColor: o.palette.background.paper,
+            backgroundColor: theme2.palette.background.paper,
             "&::after": {
-              border: `2px solid ${o.palette.primary.main}`
+              border: `2px solid ${theme2.palette.primary.main}`
             }
           },
           "&.Mui-disabled": {
-            backgroundColor: o.palette.default.background,
+            backgroundColor: theme2.palette.default.background,
             "&::before": {
               borderBottomStyle: "solid"
             }
           },
           "&.Mui-error::after": {
             opacity: 1,
-            border: `2px solid ${o.palette.error.light}`
+            border: `2px solid ${theme2.palette.error.light}`
           },
           "&.Mui-readOnly": {
             "&.Mui-focused": {
-              backgroundColor: o.palette.default.background
+              backgroundColor: theme2.palette.default.background
             }
           }
         },
         "&.MuiOutlinedInput-root": {
-          padding: o.spacing(1, 2),
+          padding: theme2.spacing(1, 2),
           "&.MuiInputBase-sizeSmall": {
-            padding: o.spacing(0.5, 1.5)
+            padding: theme2.spacing(0.5, 1.5)
           },
           "&.Mui-focused": {
-            backgroundColor: o.palette.background.paper
+            backgroundColor: theme2.palette.background.paper
           },
           "&.Mui-disabled": {
-            backgroundColor: o.palette.default.background
+            backgroundColor: theme2.palette.default.background
           },
           "&.Mui-readOnly": {
-            backgroundColor: o.palette.default.background,
+            backgroundColor: theme2.palette.default.background,
             "&.Mui-focused": {
-              backgroundColor: o.palette.default.background
+              backgroundColor: theme2.palette.default.background
             }
           },
           "& .MuiOutlinedInput-notchedOutline": {
             top: 0,
-            borderColor: o.palette.default.outlinedBorder,
+            borderColor: theme2.palette.default.outlinedBorder,
             transition: "border 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"
           },
           "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
             transition: "none"
           },
           "&.Mui-error .MuiOutlinedInput-notchedOutline": {
-            border: `2px solid ${o.palette.error.light}`
+            border: `2px solid ${theme2.palette.error.light}`
           }
         },
         "&.MuiInput-underline": {
           marginTop: 0,
           padding: 0,
           "&::before": {
-            borderColor: o.palette.default.outlinedBorder
+            borderColor: theme2.palette.default.outlinedBorder
           },
           "&:hover:not(.Mui-disabled)::before": {
-            borderBottom: `1px solid ${o.palette.text.primary}`
+            borderBottom: `1px solid ${theme2.palette.text.primary}`
           },
           "&:not(.Mui-disabled)::after": {
             borderBottom: "1px solid transparent"
           },
           "&.Mui-focused::after": {
-            borderBottom: `2px solid ${o.palette.primary.main}`
+            borderBottom: `2px solid ${theme2.palette.primary.main}`
           },
           "&.Mui-error::after": {
             opacity: 1,
-            borderBottom: `2px solid ${o.palette.error.light}`
+            borderBottom: `2px solid ${theme2.palette.error.light}`
           },
           "&.Mui-disabled::before": {
             borderBottomStyle: "solid"
@@ -1443,18 +1466,18 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
         // TextArea (multiline)
         "&.MuiInputBase-multiline": {
           height: "auto",
-          minHeight: o.spacing(12),
+          minHeight: theme2.spacing(12),
           alignItems: "flex-start",
-          padding: o.spacing(0, 0.25),
+          padding: theme2.spacing(0, 0.25),
           "& textarea": {
-            padding: o.spacing(1.5, 1.75),
-            ...o.typography.body1,
+            padding: theme2.spacing(1.5, 1.75),
+            ...theme2.typography.body1,
             "&::placeholder": {
               opacity: 1,
-              color: o.palette.text.hint
+              color: theme2.palette.text.hint
             },
             "&.Mui-disabled::placeholder": {
-              color: o.palette.text.disabled
+              color: theme2.palette.text.disabled
             },
             // Remove focus on keyboard navigation as the parent element has focus
             "&:focus-visible": {
@@ -1463,26 +1486,26 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
             }
           },
           "&.MuiInputBase-sizeSmall": {
-            minHeight: o.spacing(9),
-            padding: o.spacing(0, 0.25),
+            minHeight: theme2.spacing(9),
+            padding: theme2.spacing(0, 0.25),
             "& textarea": {
-              padding: o.spacing(1, 1.25),
-              ...o.typography.body2
+              padding: theme2.spacing(1, 1.25),
+              ...theme2.typography.body2
             }
           }
         },
         // Select Multiple selection
         "&.MuiInputBase-root .MuiSelect-multiple.MuiInputBase-input": {
           paddingLeft: 0,
-          paddingRight: o.spacing(3)
+          paddingRight: theme2.spacing(3)
         }
       }),
       // size
-      sizeSmall: ({ theme: o }) => ({
-        height: o.spacing(4),
-        padding: o.spacing(0, 1.5),
+      sizeSmall: ({ theme: theme2 }) => ({
+        height: theme2.spacing(4),
+        padding: theme2.spacing(0, 1.5),
         "& input": {
-          ...o.typography.body2
+          ...theme2.typography.body2
         }
       })
     }
@@ -1490,29 +1513,29 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   // Input Adornment
   MuiInputAdornment: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
+      root: ({ theme: theme2 }) => ({
         "& .MuiTypography-root": {
-          ...o.typography.body1,
-          color: o.palette.text.secondary
+          ...theme2.typography.body1,
+          color: theme2.palette.text.secondary
         },
         "&.MuiInputAdornment-sizeSmall": {
           "& .MuiTypography-root": {
-            ...o.typography.body2
+            ...theme2.typography.body2
           }
         },
         "&.MuiInputAdornment-positionStart.MuiInputAdornment-root:not(.MuiInputAdornment-hiddenLabel)": {
           marginTop: 0
         },
         "& .MuiSvgIcon-root, & svg": {
-          fontSize: r,
-          width: r,
-          minWidth: r,
-          height: r,
-          color: o.palette.text.secondary
+          fontSize: ICON_SIZE_MEDIUM,
+          width: ICON_SIZE_MEDIUM,
+          minWidth: ICON_SIZE_MEDIUM,
+          height: ICON_SIZE_MEDIUM,
+          color: theme2.palette.text.secondary
         },
         ".Mui-disabled &": {
           "& .MuiTypography-root, & .MuiSvgIcon-root": {
-            color: o.palette.text.disabled
+            color: theme2.palette.text.disabled
           }
         }
       })
@@ -1521,18 +1544,18 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   // Form Control
   MuiFormControl: {
     defaultProps: {
-      fullWidth: !0
+      fullWidth: true
     }
   },
   // Form Control Label (radio, checkbox and switch wrapper)
   MuiFormControlLabel: {
     styleOverrides: {
-      root: ({ ownerState: o, theme: i }) => ({
-        marginLeft: i.spacing(-0.5),
+      root: ({ ownerState, theme: theme2 }) => ({
+        marginLeft: theme2.spacing(-0.5),
         "& .MuiSwitch-root": {
-          marginLeft: i.spacing(0.5)
+          marginLeft: theme2.spacing(0.5)
         },
-        ...o.readOnly === !0 && {
+        ...ownerState.readOnly === true && {
           pointerEvents: "none"
         }
       })
@@ -1541,39 +1564,39 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   // Form Helper Text
   MuiFormHelperText: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
+      root: ({ theme: theme2 }) => ({
         margin: 0,
-        marginTop: o.spacing(1)
+        marginTop: theme2.spacing(1)
       })
     }
   },
   // Label
   MuiInputLabel: {
     styleOverrides: {
-      ...j
+      ...LabelOverrides
     }
   },
   MuiFormLabel: {
     styleOverrides: {
-      ...j
+      ...LabelOverrides
     }
   },
   // Select
   MuiSelect: {
     defaultProps: {
-      IconComponent: h,
-      fullWidth: !0,
+      IconComponent: ArrowDown,
+      fullWidth: true,
       size: "small"
     },
     styleOverrides: {
-      root: ({ theme: o }) => ({
+      root: ({ theme: theme2 }) => ({
         padding: 0,
         "& .MuiSelect-icon": {
-          right: o.spacing(2),
-          color: o.palette.text.secondary
+          right: theme2.spacing(2),
+          color: theme2.palette.text.secondary
         },
         "&.Mui-disabled .MuiSelect-icon, &.Mui-readOnly .MuiSelect-icon": {
-          color: o.palette.text.disabled
+          color: theme2.palette.text.disabled
         },
         "& .MuiSelect-iconStandard": {
           right: 0
@@ -1593,11 +1616,11 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
         },
         // Size Small
         "&.MuiInputBase-sizeSmall": {
-          ...o.typography.body2,
+          ...theme2.typography.body2,
           "& .MuiSelect-select": {
             "&.MuiInputBase-input": {
-              paddingLeft: o.spacing(1.5),
-              paddingRight: o.spacing(4)
+              paddingLeft: theme2.spacing(1.5),
+              paddingRight: theme2.spacing(4)
             },
             "&.MuiSelect-standard": {
               paddingLeft: 0
@@ -1607,15 +1630,15 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
             padding: 0
           },
           "& .MuiSelect-icon": {
-            right: o.spacing(1.5)
+            right: theme2.spacing(1.5)
           }
         }
       }),
-      select: ({ theme: o }) => ({
-        padding: o.spacing(1.5),
+      select: ({ theme: theme2 }) => ({
+        padding: theme2.spacing(1.5),
         "&.MuiInputBase-input": {
-          paddingLeft: o.spacing(2),
-          paddingRight: o.spacing(5),
+          paddingLeft: theme2.spacing(2),
+          paddingRight: theme2.spacing(5),
           "&.MuiSelect-standard": {
             paddingLeft: 0
           }
@@ -1634,7 +1657,7 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
           textOverflow: "ellipsis"
         },
         "&.MuiInputBase-inputSizeSmall": {
-          padding: o.spacing(0.75)
+          padding: theme2.spacing(0.75)
         }
       })
     }
@@ -1643,9 +1666,9 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   MuiAutocomplete: {
     defaultProps: {
       size: "small",
-      fullWidth: !0,
-      popupIcon: /* @__PURE__ */ s(h, {}),
-      clearIcon: /* @__PURE__ */ s(ao, { title: "Clear", children: /* @__PURE__ */ s(v, { "data-testid": "cancel-icon-autocomplete" }) }),
+      fullWidth: true,
+      popupIcon: /* @__PURE__ */ jsx(ArrowDown, {}),
+      clearIcon: /* @__PURE__ */ jsx(Tooltip, { title: "Clear", children: /* @__PURE__ */ jsx(Cancel, { "data-testid": "cancel-icon-autocomplete" }) }),
       clearText: "",
       ChipProps: { color: "default" },
       limitTags: 1,
@@ -1656,36 +1679,36 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
       }
     },
     styleOverrides: {
-      root: ({ ownerState: o, theme: i }) => ({
+      root: ({ ownerState, theme: theme2 }) => ({
         "&.MuiAutocomplete-root .MuiFormControl-root": {
           //Needed to overide Mui default styles
           ".MuiInputBase-root": {
-            gap: i.spacing(0.5),
+            gap: theme2.spacing(0.5),
             height: "auto",
-            minHeight: i.spacing(6),
-            padding: i.spacing(1, 2),
-            paddingRight: i.spacing(5),
+            minHeight: theme2.spacing(6),
+            padding: theme2.spacing(1, 2),
+            paddingRight: theme2.spacing(5),
             ".MuiInputBase-input": {
               padding: 0
             },
             // Multiple
-            ...o.multiple === !0 && {
-              paddingLeft: i.spacing(1),
+            ...ownerState.multiple === true && {
+              paddingLeft: theme2.spacing(1),
               ".MuiInputBase-input": {
                 padding: 0,
-                marginLeft: i.spacing(1)
+                marginLeft: theme2.spacing(1)
               }
             },
-            ...o.size === "small" && {
-              minHeight: i.spacing(4),
-              padding: i.spacing(0.5, 1.5),
-              paddingRight: i.spacing(4),
-              ...o.multiple === !0 && {
-                paddingLeft: i.spacing(0.5)
+            ...ownerState.size === "small" && {
+              minHeight: theme2.spacing(4),
+              padding: theme2.spacing(0.5, 1.5),
+              paddingRight: theme2.spacing(4),
+              ...ownerState.multiple === true && {
+                paddingLeft: theme2.spacing(0.5)
               }
             },
-            ...o.readOnly === !0 && {
-              backgroundColor: i.palette.default.background
+            ...ownerState.readOnly === true && {
+              backgroundColor: theme2.palette.default.background
             },
             "&.Mui-disabled": {
               pointerEvents: "none"
@@ -1694,23 +1717,23 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
           // Variants
           ".MuiFilledInput-root .MuiAutocomplete-tag": {
             backgroundColor: "transparent",
-            border: `1px solid ${i.palette.default.main}`
+            border: `1px solid ${theme2.palette.default.main}`
           }
         },
         "&.MuiAutocomplete-hasClearIcon .MuiFormControl-root .MuiInputBase-root": {
-          paddingRight: i.spacing(8.5),
-          ...o.size === "small" && {
-            paddingRight: i.spacing(7)
+          paddingRight: theme2.spacing(8.5),
+          ...ownerState.size === "small" && {
+            paddingRight: theme2.spacing(7)
           }
         }
       }),
-      inputRoot: ({ theme: o }) => ({
-        maxHeight: o.spacing(20),
+      inputRoot: ({ theme: theme2 }) => ({
+        maxHeight: theme2.spacing(20),
         // 160px
         overflow: "auto",
         transition: "box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
         "& .MuiAutocomplete-input": {
-          minWidth: `${o.spacing(10)} !important`,
+          minWidth: `${theme2.spacing(10)} !important`,
           "&[readOnly]": {
             display: "none"
           }
@@ -1723,157 +1746,157 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
           border: "0 !important"
         },
         "&.MuiOutlinedInput-root": {
-          boxShadow: `inset 0 0 0 1px ${o.palette.default.outlinedBorder}`
+          boxShadow: `inset 0 0 0 1px ${theme2.palette.default.outlinedBorder}`
         },
         "&:hover": {
-          boxShadow: `inset 0 0 0 1px ${o.palette.text.primary}`
+          boxShadow: `inset 0 0 0 1px ${theme2.palette.text.primary}`
         },
         "&.Mui-focused": {
           transition: "none",
-          boxShadow: `inset 0 0 0 2px ${o.palette.primary.main}`
+          boxShadow: `inset 0 0 0 2px ${theme2.palette.primary.main}`
         },
         "&.Mui-error": {
-          boxShadow: `inset 0 0 0 2px ${o.palette.error.light}`
+          boxShadow: `inset 0 0 0 2px ${theme2.palette.error.light}`
         },
         "&.Mui-disabled.MuiOutlinedInput-root": {
-          boxShadow: `inset 0 0 0 1px ${o.palette.default.outlinedBorder}`,
+          boxShadow: `inset 0 0 0 1px ${theme2.palette.default.outlinedBorder}`,
           "&.Mui-error": {
-            boxShadow: `inset 0 0 0 2px ${o.palette.error.light}`
+            boxShadow: `inset 0 0 0 2px ${theme2.palette.error.light}`
           }
         },
         "&.Mui-disabled.MuiFilledInput-root": {
           "& .MuiAutocomplete-tag": {
-            borderColor: `${o.palette.default.outlinedBorder} !important`
+            borderColor: `${theme2.palette.default.outlinedBorder} !important`
           }
         }
       }),
-      endAdornment: ({ theme: o }) => ({
+      endAdornment: ({ theme: theme2 }) => ({
         transform: "none",
-        top: o.spacing(2),
+        top: theme2.spacing(2),
         display: "flex",
         alignItems: "center",
         justifyContent: "flex-end",
-        marginRight: o.spacing(1),
+        marginRight: theme2.spacing(1),
         ".MuiAutocomplete-hasClearIcon &": {
-          top: o.spacing(1)
+          top: theme2.spacing(1)
         },
         ".MuiInputBase-sizeSmall &": {
-          top: o.spacing(0.5),
-          width: o.spacing(3),
-          height: o.spacing(3),
-          marginRight: o.spacing(0.5)
+          top: theme2.spacing(0.5),
+          width: theme2.spacing(3),
+          height: theme2.spacing(3),
+          marginRight: theme2.spacing(0.5)
         }
       }),
-      clearIndicator: ({ ownerState: o, theme: i }) => ({
+      clearIndicator: ({ ownerState, theme: theme2 }) => ({
         marginRight: 0,
-        color: i.palette.text.hint,
-        ...o.size === "small" && {
-          width: i.spacing(3),
-          height: i.spacing(3)
+        color: theme2.palette.text.hint,
+        ...ownerState.size === "small" && {
+          width: theme2.spacing(3),
+          height: theme2.spacing(3)
         }
       }),
-      popupIndicator: ({ theme: o }) => ({
-        width: r,
-        height: r,
+      popupIndicator: ({ theme: theme2 }) => ({
+        width: ICON_SIZE_MEDIUM,
+        height: ICON_SIZE_MEDIUM,
         cursor: "pointer",
         "&:hover": {
           backgroundColor: "transparent"
         },
         "&.MuiButtonBase-root": {
-          color: o.palette.text.secondary
+          color: theme2.palette.text.secondary
         },
         ".Mui-disabled &": {
-          color: o.palette.text.disabled
+          color: theme2.palette.text.disabled
         },
         "input:read-only + .MuiAutocomplete-endAdornment &": {
-          color: o.palette.text.disabled
+          color: theme2.palette.text.disabled
         }
       }),
-      tag: ({ ownerState: o, theme: i }) => ({
+      tag: ({ ownerState, theme: theme2 }) => ({
         margin: 0,
         "&:not(.MuiButtonBase-root)": {
           display: "flex",
           alignItems: "center",
-          height: i.spacing(4),
-          padding: i.spacing(0, 1.5),
-          backgroundColor: i.palette.default.main,
-          borderRadius: i.spacing(2),
-          ...i.typography.button,
-          fontWeight: i.typography.fontWeightMedium,
-          ...o.size === "small" && {
-            height: i.spacing(3),
-            padding: i.spacing(0, 1),
-            borderRadius: i.spacing(1.5),
-            ...i.typography.caption,
-            fontWeight: i.typography.fontWeightMedium
-          }
-        }
-      }),
-      option: ({ ownerState: o, theme: i }) => ({
+          height: theme2.spacing(4),
+          padding: theme2.spacing(0, 1.5),
+          backgroundColor: theme2.palette.default.main,
+          borderRadius: theme2.spacing(2),
+          ...theme2.typography.button,
+          fontWeight: theme2.typography.fontWeightMedium,
+          ...ownerState.size === "small" && {
+            height: theme2.spacing(3),
+            padding: theme2.spacing(0, 1),
+            borderRadius: theme2.spacing(1.5),
+            ...theme2.typography.caption,
+            fontWeight: theme2.typography.fontWeightMedium
+          }
+        }
+      }),
+      option: ({ ownerState, theme: theme2 }) => ({
         "&.MuiAutocomplete-option": {
-          minHeight: i.spacing(4),
-          padding: i.spacing(0.5, 2),
-          ...i.typography.body2,
+          minHeight: theme2.spacing(4),
+          padding: theme2.spacing(0.5, 2),
+          ...theme2.typography.body2,
           transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
           "& .MuiCheckbox-root svg path": {
-            fill: i.palette.text.secondary
+            fill: theme2.palette.text.secondary
           },
           "&:hover": {
-            backgroundColor: i.palette.action.hover
+            backgroundColor: theme2.palette.action.hover
           },
           "&.Mui-disabled": {
             "& .MuiCheckbox-root svg path": {
-              fill: i.palette.text.disabled
+              fill: theme2.palette.text.disabled
             }
           },
           '&[aria-disabled="true"]': {
             opacity: 1
           },
           '&[aria-selected="true"]': {
-            color: i.palette.primary.main,
-            backgroundColor: i.palette.primary.background,
+            color: theme2.palette.primary.main,
+            backgroundColor: theme2.palette.primary.background,
             ".MuiTypography-root": {
-              color: i.palette.primary.main
+              color: theme2.palette.primary.main
             },
             ".MuiTypography-caption": {
-              color: i.palette.text.secondary
+              color: theme2.palette.text.secondary
             },
             "& .MuiCheckbox-root svg path": {
-              fill: i.palette.primary.main
+              fill: theme2.palette.primary.main
             },
             "&.Mui-focused:hover": {
-              backgroundColor: i.palette.action.hover
+              backgroundColor: theme2.palette.action.hover
             },
             "&.Mui-disabled": {
               backgroundColor: "transparent",
               "& svg path": {
-                fill: i.palette.text.disabled
+                fill: theme2.palette.text.disabled
               },
               "& .MuiCheckbox-root svg path": {
-                fill: i.palette.text.disabled
+                fill: theme2.palette.text.disabled
               },
               "& .MuiTypography-root": {
-                color: i.palette.text.disabled
+                color: theme2.palette.text.disabled
               }
             }
           },
           "&:first-of-type": {
-            marginTop: i.spacing(1)
+            marginTop: theme2.spacing(1)
           },
-          ...o.size === "small" && {
-            padding: i.spacing(0.5, 1.5)
+          ...ownerState.size === "small" && {
+            padding: theme2.spacing(0.5, 1.5)
           }
         }
       }),
-      noOptions: ({ ownerState: o, theme: i }) => ({
-        padding: i.spacing(2.5, 2),
-        ...i.typography.body2,
-        color: i.palette.text.secondary,
-        ...o.size === "small" && {
-          padding: i.spacing(2, 1.5)
+      noOptions: ({ ownerState, theme: theme2 }) => ({
+        padding: theme2.spacing(2.5, 2),
+        ...theme2.typography.body2,
+        color: theme2.palette.text.secondary,
+        ...ownerState.size === "small" && {
+          padding: theme2.spacing(2, 1.5)
         }
       }),
-      listbox: ({ theme: o }) => ({
+      listbox: ({ theme: theme2 }) => ({
         paddingTop: 0,
         ".MuiDivider-root": {
           display: "none"
@@ -1882,7 +1905,7 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
           display: "block"
         },
         ".MuiMenuItem-root:first-of-type": {
-          marginTop: o.spacing(1)
+          marginTop: theme2.spacing(1)
         }
       })
     }
@@ -1890,39 +1913,39 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   // Switch
   MuiSwitch: {
     defaultProps: {
-      disableRipple: !0
+      disableRipple: true
     },
     styleOverrides: {
-      root: ({ theme: o }) => ({
-        width: o.spacing(N),
-        height: o.spacing($),
+      root: ({ theme: theme2 }) => ({
+        width: theme2.spacing(switchSizeM),
+        height: theme2.spacing(switchSizeS),
         padding: 0,
         overflow: "visible",
         "& + .MuiTypography-root": {
-          marginLeft: o.spacing(1),
-          color: o.palette.text.primary
+          marginLeft: theme2.spacing(1),
+          color: theme2.palette.text.primary
         },
         "& + .MuiFormControlLabel-label": {
-          ...o.typography.body2
+          ...theme2.typography.body2
         }
       }),
-      switchBase: ({ ownerState: o, theme: i }) => ({
-        width: i.spacing(G),
-        height: i.spacing(G),
-        padding: i.spacing(0.5),
+      switchBase: ({ ownerState, theme: theme2 }) => ({
+        width: theme2.spacing(switchSizeL),
+        height: theme2.spacing(switchSizeL),
+        padding: theme2.spacing(0.5),
         borderRadius: "50%",
-        color: i.palette.text.secondary,
+        color: theme2.palette.text.secondary,
         transform: "translate(-8px, -8px)",
         "&:hover": {
-          backgroundColor: i.palette.action.hover
+          backgroundColor: theme2.palette.action.hover
         },
         "&.MuiSwitch-switchBase input": {
-          top: i.spacing(1),
-          left: i.spacing(1)
+          top: theme2.spacing(1),
+          left: theme2.spacing(1)
         },
         "&.Mui-checked": {
           transform: "translate(0, -8px)",
-          color: i.palette.common.white,
+          color: theme2.palette.common.white,
           "&.MuiSwitch-switchBase input": {
             left: 0
           },
@@ -1931,61 +1954,61 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
             border: 0
           }
         },
-        ...o.readOnly === !0 && {
-          color: i.palette.text.disabled
+        ...ownerState.readOnly === true && {
+          color: theme2.palette.text.disabled
         }
       }),
-      thumb: ({ theme: o }) => ({
-        width: o.spacing(1),
-        height: o.spacing(1),
-        boxShadow: o.shadows[0],
+      thumb: ({ theme: theme2 }) => ({
+        width: theme2.spacing(1),
+        height: theme2.spacing(1),
+        boxShadow: theme2.shadows[0],
         ".Mui-checked &": {
-          boxShadow: o.shadows[1]
+          boxShadow: theme2.shadows[1]
         },
         ".Mui-disabled &": {
-          backgroundColor: o.palette.text.disabled
+          backgroundColor: theme2.palette.text.disabled
         },
         ".Mui-disabled.Mui-checked &": {
-          backgroundColor: o.palette.common.white
+          backgroundColor: theme2.palette.common.white
         }
       }),
-      input: ({ theme: o }) => ({
-        width: o.spacing(N),
-        height: o.spacing($),
+      input: ({ theme: theme2 }) => ({
+        width: theme2.spacing(switchSizeM),
+        height: theme2.spacing(switchSizeS),
         left: 0
       }),
-      track: ({ ownerState: o, theme: i }) => ({
+      track: ({ ownerState, theme: theme2 }) => ({
         height: "auto",
-        border: `1px solid ${i.palette.text.secondary}`,
-        borderRadius: i.spacing(2),
+        border: `1px solid ${theme2.palette.text.secondary}`,
+        borderRadius: theme2.spacing(2),
         opacity: 1,
-        backgroundColor: i.palette.common.white,
+        backgroundColor: theme2.palette.common.white,
         transitionDuration: "300ms",
         ".MuiButtonBase-root.MuiSwitch-switchBase.Mui-disabled + &": {
           opacity: 1,
-          borderColor: i.palette.text.disabled
+          borderColor: theme2.palette.text.disabled
         },
         ".MuiButtonBase-root.Mui-checked.Mui-disabled + &": {
-          backgroundColor: i.palette.text.disabled
+          backgroundColor: theme2.palette.text.disabled
         },
         ".MuiButtonBase-root.MuiSwitch-switchBase[readOnly] + &": {
-          borderColor: i.palette.text.disabled
+          borderColor: theme2.palette.text.disabled
         },
         "[readOnly] .MuiButtonBase-root.Mui-checked + &": {
-          backgroundColor: i.palette.text.disabled
+          backgroundColor: theme2.palette.text.disabled
         },
-        ...o.readOnly === !0 && {
-          borderColor: i.palette.text.disabled
+        ...ownerState.readOnly === true && {
+          borderColor: theme2.palette.text.disabled
         }
       }),
-      colorPrimary: ({ theme: o }) => ({
+      colorPrimary: ({ theme: theme2 }) => ({
         "&.Mui-checked:hover": {
-          backgroundColor: o.palette.primary.background
+          backgroundColor: theme2.palette.primary.background
         }
       }),
-      colorSecondary: ({ theme: o }) => ({
+      colorSecondary: ({ theme: theme2 }) => ({
         "&.Mui-checked:hover": {
-          backgroundColor: o.palette.secondary.background
+          backgroundColor: theme2.palette.secondary.background
         }
       })
     }
@@ -2001,26 +2024,27 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   MuiSlider: {
     defaultProps: {
       color: "primary",
-      marks: !1,
+      marks: false,
       size: "small"
     },
     styleOverrides: {
-      thumb: ({ theme: o }) => ({
+      thumb: ({ theme: theme2 }) => ({
         "&:hover, &.Mui-focusVisible": {
-          boxShadow: `0 0 0 ${o.spacing(1)} ${o.palette.primary.background}`
+          boxShadow: `0 0 0 ${theme2.spacing(1)} ${theme2.palette.primary.background}`
         }
       })
     }
   }
-}, fo = {
+};
+const navigationOverrides = {
   // Menu
   MuiMenu: {
     styleOverrides: {
-      paper: ({ theme: o }) => ({
+      paper: ({ theme: theme2 }) => ({
         "&.MuiMenu-paper": {
-          minWidth: o.spacing(8),
+          minWidth: theme2.spacing(8),
           // 64px, defined by design
-          maxHeight: o.spacing(39),
+          maxHeight: theme2.spacing(39),
           // 312px, defined by design
           "&:focus-visible": {
             outline: "none !important",
@@ -2033,17 +2057,17 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   // Menu Item
   MuiMenuItem: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
-        ...o.typography.body2,
-        columnGap: o.spacing(1),
-        minHeight: o.spacing(4),
-        padding: o.spacing(0.75, 1, 0.75, 1.5),
+      root: ({ theme: theme2 }) => ({
+        ...theme2.typography.body2,
+        columnGap: theme2.spacing(1),
+        minHeight: theme2.spacing(4),
+        padding: theme2.spacing(0.75, 1, 0.75, 1.5),
         whiteSpace: "normal",
         transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
-        [o.breakpoints.up("sm")]: {
+        [theme2.breakpoints.up("sm")]: {
           // Overrides an unwanted Mui default style
           "&.MuiButtonBase-root": {
-            minHeight: o.spacing(4)
+            minHeight: theme2.spacing(4)
           }
         },
         "&:hover": {
@@ -2054,73 +2078,73 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
         "&:focus-visible": {
           // Solves a known Mui issue: https://github.com/mui/material-ui/issues/23747
           backgroundColor: "transparent",
-          outline: "none !important",
-          boxShadow: `inset 0 0 0 2px ${o.palette.primary.main} !important`,
-          borderRadius: o.shape.borderRadius,
+          outline: `none !important`,
+          boxShadow: `inset 0 0 0 2px ${theme2.palette.primary.main} !important`,
+          borderRadius: theme2.shape.borderRadius,
           "&:hover": {
-            backgroundColor: o.palette.action.hover
+            backgroundColor: theme2.palette.action.hover
           }
         },
         "&.Mui-selected": {
-          color: o.palette.primary.main,
+          color: theme2.palette.primary.main,
           "&:focus-visible": {
             // Solves a known Mui issue: https://github.com/mui/material-ui/issues/23747
-            backgroundColor: o.palette.primary.background
+            backgroundColor: theme2.palette.primary.background
           },
           "&:hover": {
-            backgroundColor: o.palette.action.hover
+            backgroundColor: theme2.palette.action.hover
           },
           "& .MuiTypography-root, & .MuiSvgIcon-root": {
-            color: o.palette.primary.main
+            color: theme2.palette.primary.main
           },
           ".MuiTypography-caption": {
             // secondary text
-            color: o.palette.text.secondary
+            color: theme2.palette.text.secondary
           }
         },
         "&.Mui-disabled": {
           opacity: 1,
-          color: o.palette.text.disabled,
-          backgroundColor: o.palette.background.paper,
+          color: theme2.palette.text.disabled,
+          backgroundColor: theme2.palette.background.paper,
           "&:empty": {
             height: 0,
             minHeight: 0,
             padding: 0
           },
           ".MuiTypography-root": {
-            color: o.palette.text.disabled
+            color: theme2.palette.text.disabled
           },
           svg: {
-            color: o.palette.text.disabled
+            color: theme2.palette.text.disabled
           },
           ".MuiListItemIcon-root svg path": {
-            fill: o.palette.text.disabled
+            fill: theme2.palette.text.disabled
           },
           ".MuiAvatar-root": {
-            color: o.palette.text.disabled,
-            backgroundColor: o.palette.action.disabledBackground
+            color: theme2.palette.text.disabled,
+            backgroundColor: theme2.palette.action.disabledBackground
           }
         },
         "& > .MuiSvgIcon-root": {
-          marginRight: o.spacing(1)
+          marginRight: theme2.spacing(1)
         },
         ".MuiMenu-paper-sizeSmall &": {
-          paddingLeft: o.spacing(1.5),
-          paddingRight: o.spacing(1.5)
+          paddingLeft: theme2.spacing(1.5),
+          paddingRight: theme2.spacing(1.5)
         }
       }),
-      dense: ({ theme: o }) => ({
-        minHeight: o.spacing(3),
+      dense: ({ theme: theme2 }) => ({
+        minHeight: theme2.spacing(3),
         paddingTop: 0,
         paddingBottom: 0,
         ".MuiTypography-root": {
-          ...o.typography.caption,
+          ...theme2.typography.caption,
           fontWeight: 500
         },
-        [o.breakpoints.up("sm")]: {
+        [theme2.breakpoints.up("sm")]: {
           // Overrides an unwanted Mui default style
           "&.MuiButtonBase-root": {
-            minHeight: o.spacing(3)
+            minHeight: theme2.spacing(3)
           }
         }
       })
@@ -2129,12 +2153,12 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   // List
   MuiList: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
+      root: ({ theme: theme2 }) => ({
         paddingTop: 0,
         ".MuiPopover-root &, .MuiPopper-root &, .base-Popper-root &": {
-          minWidth: o.spacing(8),
+          minWidth: theme2.spacing(8),
           // 64px, defined by design
-          maxHeight: o.spacing(39),
+          maxHeight: theme2.spacing(39),
           // 312px, defined by design
           overflowY: "auto",
           "&:focus-visible": {
@@ -2143,26 +2167,26 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
           }
         },
         ".MuiDivider-root": {
-          margin: o.spacing(1, 0)
+          margin: theme2.spacing(1, 0)
         },
         // Indent sublevels, ugly but needed to avoid issues with hover
         "& .MuiList-root": {
           paddingTop: 0,
           paddingBottom: 0,
           "& .MuiListItem-root": {
-            paddingLeft: o.spacing(4)
+            paddingLeft: theme2.spacing(4)
           },
           "& .MuiList-root": {
             "& .MuiListItem-root": {
-              paddingLeft: o.spacing(6)
+              paddingLeft: theme2.spacing(6)
             },
             "& .MuiList-root": {
               "& .MuiListItem-root": {
-                paddingLeft: o.spacing(8)
+                paddingLeft: theme2.spacing(8)
               },
               "& .MuiList-root": {
                 "& .MuiListItem-root": {
-                  paddingLeft: o.spacing(10)
+                  paddingLeft: theme2.spacing(10)
                 }
               }
             }
@@ -2181,44 +2205,44 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
     defaultProps: {
       primaryTypographyProps: {
         variant: "body2",
-        noWrap: !0,
+        noWrap: true,
         component: "span"
       },
       secondaryTypographyProps: { variant: "caption" }
     },
     styleOverrides: {
-      root: ({ theme: o }) => ({
-        paddingRight: o.spacing(2),
+      root: ({ theme: theme2 }) => ({
+        paddingRight: theme2.spacing(2),
         "& + .MuiBox-root": {
-          marginRight: o.spacing(1)
+          marginRight: theme2.spacing(1)
         }
       })
     }
   },
   MuiListItemIcon: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
+      root: ({ theme: theme2 }) => ({
         display: "flex",
         alignItems: "center",
-        gap: o.spacing(2),
+        gap: theme2.spacing(2),
         "& .MuiSvgIcon-root": {
-          fontSize: e
+          fontSize: ICON_SIZE_LARGE
         },
         ".MuiMenuItem-root.MuiButtonBase-root &": {
-          minWidth: r
+          minWidth: ICON_SIZE_MEDIUM
         }
       })
     }
   },
   MuiListItemAvatar: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
+      root: ({ theme: theme2 }) => ({
         "& .MuiAvatar-root": {
-          height: o.spacing(4),
-          width: o.spacing(4)
+          height: theme2.spacing(4),
+          width: theme2.spacing(4)
         },
         "& .MuiSvgIcon-root": {
-          fontSize: r
+          fontSize: ICON_SIZE_MEDIUM
         }
       })
     }
@@ -2226,9 +2250,9 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   // Tabs
   MuiTabs: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
+      root: ({ theme: theme2 }) => ({
         boxSizing: "content-box",
-        boxShadow: `0 1px 0 0 ${o.palette.black[12]}`
+        boxShadow: `0 1px 0 0 ${theme2.palette.black[12]}`
       }),
       vertical: () => ({
         borderBottom: 0
@@ -2241,27 +2265,27 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
       iconPosition: "start"
     },
     styleOverrides: {
-      root: ({ theme: o }) => ({
-        minHeight: o.spacing(6),
-        minWidth: o.spacing(6),
-        padding: o.spacing(0, 2),
+      root: ({ theme: theme2 }) => ({
+        minHeight: theme2.spacing(6),
+        minWidth: theme2.spacing(6),
+        padding: theme2.spacing(0, 2),
         paddingTop: "2px",
         borderBottom: "2px solid transparent",
-        ...o.typography.subtitle2,
-        color: o.palette.text.primary,
+        ...theme2.typography.subtitle2,
+        color: theme2.palette.text.primary,
         transition: "border 300ms cubic-bezier(0.4, 0, 0.2, 1)",
         "&:hover": {
-          borderBottomColor: o.palette.text.primary
+          borderBottomColor: theme2.palette.text.primary
         },
         "&:focus-visible": {
-          outline: "none !important",
-          boxShadow: `inset 0 0 0 2px ${o.palette.primary.main} !important`,
-          borderRadius: `${o.shape.borderRadius}px ${o.shape.borderRadius}px 0 0`
+          outline: `none !important`,
+          boxShadow: `inset 0 0 0 2px ${theme2.palette.primary.main} !important`,
+          borderRadius: `${theme2.shape.borderRadius}px ${theme2.shape.borderRadius}px 0 0`
         },
         "&.Mui-selected": {
           pointerEvents: "none",
           "& svg:not(.doNotFillIcon) path": {
-            fill: o.palette.primary.main
+            fill: theme2.palette.primary.main
           }
         },
         ".MuiTabs-vertical &": {
@@ -2270,7 +2294,7 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
           paddingLeft: "2px",
           borderRight: "2px solid transparent",
           "&:hover": {
-            borderRightColor: o.palette.text.primary
+            borderRightColor: theme2.palette.text.primary
           }
         }
       }),
@@ -2282,21 +2306,21 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   // Breadcrumbs
   MuiBreadcrumbs: {
     styleOverrides: {
-      li: ({ theme: o }) => ({
+      li: ({ theme: theme2 }) => ({
         "& .MuiTypography-root": {
-          ...o.typography.body2,
+          ...theme2.typography.body2,
           display: "flex",
           flexDirection: "row",
           alignItems: "center"
         },
         "& .MuiSvgIcon-root": {
-          fontSize: r,
-          marginRight: o.spacing(1)
+          fontSize: ICON_SIZE_MEDIUM,
+          marginRight: theme2.spacing(1)
         }
       }),
-      separator: ({ theme: o }) => ({
-        marginLeft: o.spacing(0.5),
-        marginRight: o.spacing(0.5)
+      separator: ({ theme: theme2 }) => ({
+        marginLeft: theme2.spacing(0.5),
+        marginRight: theme2.spacing(0.5)
       })
     }
   },
@@ -2311,7 +2335,10 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
       })
     }
   }
-}, U = 35, C = 39.5, vo = {
+};
+const calendarSize = 35;
+const dropdownHeight = 39.5;
+const datePickersOverrides = {
   // https://mui.com/x/react-date-pickers/date-picker/#customization
   MuiDatePicker: {
     defaultProps: {
@@ -2319,57 +2346,57 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
         popper: { placement: "bottom-end" },
         textField: {
           InputLabelProps: {
-            shrink: !0
+            shrink: true
           }
         }
       },
       slots: {
-        openPickerIcon: L,
-        clearIcon: v
+        openPickerIcon: EventOutlined,
+        clearIcon: Cancel
       }
     }
   },
   MuiDateCalendar: {
     defaultProps: {
-      dayOfWeekFormatter: (o) => `${o.toLocaleDateString("en-US", { weekday: "short" })}`,
+      dayOfWeekFormatter: (weekday) => `${weekday.toLocaleDateString("en-US", { weekday: "short" })}`,
       slots: {
-        rightArrowIcon: co,
-        leftArrowIcon: go,
-        switchViewIcon: oo
+        rightArrowIcon: ChevronRightOutlined,
+        leftArrowIcon: ChevronLeftOutlined,
+        switchViewIcon: ExpandMoreOutlined
       }
     },
     styleOverrides: {
-      root: ({ ownerState: o, theme: i }) => {
-        var c, m, S, w, I, B, z, O, T;
+      root: ({ ownerState, theme: theme2 }) => {
+        var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i;
         return {
-          width: i.spacing(U),
-          height: i.spacing(C),
-          maxHeight: i.spacing(C),
+          width: theme2.spacing(calendarSize),
+          height: theme2.spacing(dropdownHeight),
+          maxHeight: theme2.spacing(dropdownHeight),
           // Year only view
-          ...((c = o.views) == null ? void 0 : c.includes("year")) && !((m = o.views) != null && m.includes("month")) && !((S = o.views) != null && S.includes("day")) && {
-            height: i.spacing(33.5),
+          ...((_a2 = ownerState.views) == null ? void 0 : _a2.includes("year")) && !((_b2 = ownerState.views) == null ? void 0 : _b2.includes("month")) && !((_c2 = ownerState.views) == null ? void 0 : _c2.includes("day")) && {
+            height: theme2.spacing(33.5),
             // 268px
-            maxHeight: i.spacing(33.5)
+            maxHeight: theme2.spacing(33.5)
           },
           // Month only view
-          ...((w = o.views) == null ? void 0 : w.includes("month")) && !((I = o.views) != null && I.includes("year")) && !((B = o.views) != null && B.includes("day")) && {
-            height: i.spacing(29),
+          ...((_d2 = ownerState.views) == null ? void 0 : _d2.includes("month")) && !((_e2 = ownerState.views) == null ? void 0 : _e2.includes("year")) && !((_f2 = ownerState.views) == null ? void 0 : _f2.includes("day")) && {
+            height: theme2.spacing(29),
             // 232px
-            maxHeight: i.spacing(29),
+            maxHeight: theme2.spacing(29),
             "& .MuiPickersCalendarHeader-labelContainer": {
               cursor: "default"
             }
           },
           // Day only view
-          ...((z = o.views) == null ? void 0 : z.includes("day")) && !((O = o.views) != null && O.includes("year")) && !((T = o.views) != null && T.includes("month")) && {
+          ...((_g2 = ownerState.views) == null ? void 0 : _g2.includes("day")) && !((_h2 = ownerState.views) == null ? void 0 : _h2.includes("year")) && !((_i = ownerState.views) == null ? void 0 : _i.includes("month")) && {
             "& .MuiPickersCalendarHeader-labelContainer": {
               cursor: "default"
             }
           },
           "& .MuiYearCalendar-root, & .MuiMonthCalendar-root": {
-            gap: i.spacing(0.5),
-            width: i.spacing(U),
-            padding: i.spacing(1, 2)
+            gap: theme2.spacing(0.5),
+            width: theme2.spacing(calendarSize),
+            padding: theme2.spacing(1, 2)
           },
           "& .MuiPickersYear-root": {
             flexBasis: "22.5%"
@@ -2379,30 +2406,30 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
           },
           "& .MuiPickersYear-yearButton, & .MuiPickersMonth-monthButton, & .MuiPickersDay-root": {
             width: "100%",
-            height: i.spacing(4),
+            height: theme2.spacing(4),
             margin: 0,
             padding: 0,
-            ...i.typography.button,
-            borderRadius: i.shape.borderRadius,
+            ...theme2.typography.button,
+            borderRadius: theme2.shape.borderRadius,
             "&:hover": {
-              backgroundColor: i.palette.action.hover
+              backgroundColor: theme2.palette.action.hover
             },
             "&.Mui-selected": {
-              backgroundColor: i.palette.primary.background,
-              color: i.palette.primary.main,
+              backgroundColor: theme2.palette.primary.background,
+              color: theme2.palette.primary.main,
               "&:focus": {
-                backgroundColor: i.palette.primary.background
+                backgroundColor: theme2.palette.primary.background
               },
               "&:hover": {
-                backgroundColor: i.palette.action.hover
+                backgroundColor: theme2.palette.action.hover
               }
             },
             "&.Mui-disabled": {
-              color: i.palette.text.disabled
+              color: theme2.palette.text.disabled
             }
           },
           "& .MuiPickersDay-root": {
-            margin: i.spacing(0.25)
+            margin: theme2.spacing(0.25)
           }
         };
       }
@@ -2410,91 +2437,91 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
   },
   MuiPickersPopper: {
     styleOverrides: {
-      paper: ({ theme: o }) => ({
-        marginBottom: o.spacing(0.5)
+      paper: ({ theme: theme2 }) => ({
+        marginBottom: theme2.spacing(0.5)
       })
     }
   },
   MuiYearCalendar: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
-        maxHeight: o.spacing(33.5)
+      root: ({ theme: theme2 }) => ({
+        maxHeight: theme2.spacing(33.5)
         // 268px
       })
     }
   },
   MuiPickersCalendarHeader: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
-        maxHeight: o.spacing(4),
-        minHeight: o.spacing(4),
+      root: ({ theme: theme2 }) => ({
+        maxHeight: theme2.spacing(4),
+        minHeight: theme2.spacing(4),
         margin: 0,
-        padding: o.spacing(1, 1, 1, 2),
+        padding: theme2.spacing(1, 1, 1, 2),
         boxSizing: "content-box",
         "& .MuiIconButton-root": {
-          borderRadius: o.shape.borderRadius
+          borderRadius: theme2.shape.borderRadius
         },
         "& .MuiPickersArrowSwitcher-spacer": {
-          width: o.spacing(4)
+          width: theme2.spacing(4)
         }
       }),
-      label: ({ theme: o }) => ({
-        ...o.typography.subtitle2
+      label: ({ theme: theme2 }) => ({
+        ...theme2.typography.subtitle2
       }),
-      switchViewButton: ({ theme: o }) => ({
-        width: o.spacing(4),
-        height: o.spacing(4)
+      switchViewButton: ({ theme: theme2 }) => ({
+        width: theme2.spacing(4),
+        height: theme2.spacing(4)
       })
     }
   },
   MuiDayCalendar: {
     styleOverrides: {
-      header: ({ theme: o }) => ({
-        margin: o.spacing(0, 2)
+      header: ({ theme: theme2 }) => ({
+        margin: theme2.spacing(0, 2)
       }),
       weekContainer: () => ({
         margin: 0
       }),
-      weekDayLabel: ({ theme: o }) => ({
+      weekDayLabel: ({ theme: theme2 }) => ({
         flex: 1,
-        ...o.typography.caption,
-        fontWeight: o.typography.fontWeightRegular,
-        color: o.palette.text.secondary
+        ...theme2.typography.caption,
+        fontWeight: theme2.typography.fontWeightRegular,
+        color: theme2.palette.text.secondary
       })
     }
   },
   MuiPickersDay: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
-        width: `${o.spacing(4)} !important`,
-        height: o.spacing(4),
+      root: ({ theme: theme2 }) => ({
+        width: `${theme2.spacing(4)} !important`,
+        height: theme2.spacing(4),
         "&:focus": {
           backgroundColor: "transparent"
         }
       }),
-      today: ({ theme: o }) => ({
-        border: `1px solid ${o.palette.default.outlinedBorder}`,
+      today: ({ theme: theme2 }) => ({
+        border: `1px solid ${theme2.palette.default.outlinedBorder}`,
         "&:hover, &:selected": {
-          borderColor: o.palette.primary.light
+          borderColor: theme2.palette.primary.light
         },
         "&:not(.Mui-selected)": {
-          borderColor: o.palette.default.outlinedBorder
+          borderColor: theme2.palette.default.outlinedBorder
         },
         "&.Mui-selected": {
-          borderColor: o.palette.primary.light,
+          borderColor: theme2.palette.primary.light,
           "&:focus": {
-            borderColor: o.palette.primary.light
+            borderColor: theme2.palette.primary.light
           }
         },
         "&.Mui-disabled": {
-          color: o.palette.text.disabled,
-          borderColor: o.palette.default.outlinedBorder,
+          color: theme2.palette.text.disabled,
+          borderColor: theme2.palette.default.outlinedBorder,
           backgroundColor: "transparent",
           "&.Mui-selected": {
             opacity: "1 !important",
-            color: o.palette.text.disabled,
+            color: theme2.palette.text.disabled,
             backgroundColor: "transparent",
-            borderColor: o.palette.default.outlinedBorder
+            borderColor: theme2.palette.default.outlinedBorder
           }
         }
       })
@@ -2504,9 +2531,9 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
     defaultProps: {
       views: ["hours"],
       format: "hh:mm a",
-      ampm: !0,
+      ampm: true,
       viewRenderers: {
-        hours: A
+        hours: renderDigitalClockTimeView
       },
       timeSteps: { minutes: 30 },
       slotProps: {
@@ -2514,8 +2541,10 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
         // Remove ok button at bottom
       },
       slots: {
-        clearIcon: v,
-        digitalClockItem: (o) => /* @__PURE__ */ s(W, { ...o, disableRipple: !0 })
+        clearIcon: Cancel,
+        digitalClockItem: (props) => {
+          return /* @__PURE__ */ jsx(MenuItem, { ...props, disableRipple: true });
+        }
       }
     }
   },
@@ -2523,9 +2552,9 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
     defaultProps: {
       views: ["year", "month", "day", "hours"],
       format: "MM/dd/yyyy hh:mm a",
-      ampm: !0,
+      ampm: true,
       viewRenderers: {
-        hours: A
+        hours: renderDigitalClockTimeView
       },
       timeSteps: { minutes: 30 },
       slotProps: {
@@ -2536,35 +2565,39 @@ const io = 1, b = 0.5, y = io + b, bo = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-
         // Remove ok button at bottom
       },
       slots: {
-        openPickerIcon: L,
-        clearIcon: v,
-        digitalClockItem: (o) => /* @__PURE__ */ s(W, { ...o, disableRipple: !0 })
+        openPickerIcon: EventOutlined,
+        clearIcon: Cancel,
+        digitalClockItem: (props) => {
+          return /* @__PURE__ */ jsx(MenuItem, { ...props, disableRipple: true });
+        }
       }
     }
   },
   MuiDigitalClock: {
     defaultProps: {
       timeStep: 30,
-      ampm: !0
+      ampm: true
     },
     styleOverrides: {
-      root: ({ theme: o }) => ({
-        minWidth: o.spacing(15)
+      root: ({ theme: theme2 }) => ({
+        minWidth: theme2.spacing(15)
         // 120px defined in design specs
       }),
-      list: ({ theme: o }) => ({
+      list: ({ theme: theme2 }) => ({
         ".MuiPopper-root &": {
-          maxHeight: o.spacing(C),
-          paddingBottom: o.spacing(1)
+          maxHeight: theme2.spacing(dropdownHeight),
+          paddingBottom: theme2.spacing(1)
         }
       })
     }
   }
 };
-function a(o) {
-  return 0.0625 * o + "rem";
+function getPixelToRem(px) {
+  const fontBase = 16;
+  const rem = 1 / fontBase * px + "rem";
+  return rem;
 }
-const k = {
+const baseTypography = {
   htmlFontSize: 16,
   fontFamily: "Inter, sans-serif",
   fontSize: 16,
@@ -2577,77 +2610,77 @@ const k = {
   h1: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
-    fontSize: a(96),
+    fontSize: getPixelToRem(96),
     lineHeight: 1.167,
     letterSpacing: "-1.5px"
   },
   h2: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
-    fontSize: a(60),
+    fontSize: getPixelToRem(60),
     lineHeight: 1.2,
     letterSpacing: "-0.5px"
   },
   h3: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
-    fontSize: a(48),
+    fontSize: getPixelToRem(48),
     lineHeight: 1.167,
     letterSpacing: 0
   },
   h4: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
-    fontSize: a(32),
+    fontSize: getPixelToRem(32),
     lineHeight: 1.25,
     letterSpacing: 0
   },
   h5: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
-    fontSize: a(24),
+    fontSize: getPixelToRem(24),
     lineHeight: 1.167,
     letterSpacing: 0
   },
   h6: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 500,
-    fontSize: a(18),
+    fontSize: getPixelToRem(18),
     lineHeight: 1.333,
     letterSpacing: 0
   },
   subtitle1: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 500,
-    fontSize: a(16),
+    fontSize: getPixelToRem(16),
     lineHeight: 1.5,
     letterSpacing: 0
   },
   subtitle2: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
-    fontSize: a(13),
+    fontSize: getPixelToRem(13),
     lineHeight: 1.538,
     letterSpacing: 0
   },
   body1: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 400,
-    fontSize: a(16),
+    fontSize: getPixelToRem(16),
     lineHeight: 1.5,
     letterSpacing: 0
   },
   body2: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 400,
-    fontSize: a(13),
+    fontSize: getPixelToRem(13),
     lineHeight: 1.538,
     letterSpacing: 0
   },
   button: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 500,
-    fontSize: a(13),
+    fontSize: getPixelToRem(13),
     lineHeight: 1.538,
     letterSpacing: 0,
     textTransform: "inherit"
@@ -2655,33 +2688,34 @@ const k = {
   caption: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 400,
-    fontSize: a(11),
+    fontSize: getPixelToRem(11),
     lineHeight: 1.454,
     letterSpacing: 0
   },
   overline: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 500,
-    fontSize: a(10),
+    fontSize: getPixelToRem(10),
     lineHeight: 1.2,
     letterSpacing: "1.2px",
     textTransform: "uppercase"
   }
-}, ho = {
+};
+const customTypography = {
   captionMedium: {
-    ...k.caption,
+    ...baseTypography.caption,
     fontWeight: 500,
     letterSpacing: 0
   },
   overlineDelicate: {
-    ...k.overline,
+    ...baseTypography.overline,
     fontWeight: 400,
     letterSpacing: "1.2px"
   },
   code1: {
     fontFamily: '"Overpass Mono", monospace',
     fontWeight: 400,
-    fontSize: a(16),
+    fontSize: getPixelToRem(16),
     lineHeight: 1.5,
     letterSpacing: 0,
     fontVariantLigatures: "no-common-ligatures"
@@ -2689,7 +2723,7 @@ const k = {
   code2: {
     fontFamily: '"Overpass Mono", monospace',
     fontWeight: 400,
-    fontSize: a(14),
+    fontSize: getPixelToRem(14),
     lineHeight: 1.428,
     letterSpacing: 0,
     fontVariantLigatures: "no-common-ligatures"
@@ -2697,21 +2731,21 @@ const k = {
   code3: {
     fontFamily: '"Overpass Mono", monospace',
     fontWeight: 400,
-    fontSize: a(12),
+    fontSize: getPixelToRem(12),
     lineHeight: 1.333,
     letterSpacing: 0,
     fontVariantLigatures: "no-common-ligatures"
   }
-}, ro = {
-  ...k,
-  ...ho
 };
-var Z, _, K, q, Q, Y, X, J;
-const Co = {
+const themeTypography = {
+  ...baseTypography,
+  ...customTypography
+};
+const CssBaseline = {
   // Accessibility focus (keyboard only)
   "*:focus-visible": {
-    outline: `2px solid ${(Z = p.primary) == null ? void 0 : Z.main} !important`,
-    boxShadow: `0 0 0 4px ${(_ = p.primary) == null ? void 0 : _.background} !important`,
+    outline: `2px solid ${(_a = commonPalette.primary) == null ? void 0 : _a.main} !important`,
+    boxShadow: `0 0 0 4px ${(_b = commonPalette.primary) == null ? void 0 : _b.background} !important`,
     borderRadius: "4px"
   },
   // Custom scrollbars
@@ -2730,42 +2764,42 @@ const Co = {
   },
   "*::-webkit-scrollbar-thumb": {
     borderRadius: "3px",
-    background: (K = p.action) == null ? void 0 : K.focus,
+    background: (_c = commonPalette.action) == null ? void 0 : _c.focus,
     outline: "none"
   },
   // iOS Search clear button
   'input[type="search"]::-webkit-search-cancel-button': {
     WebkitAppearance: "none",
     appearance: "none",
-    height: t(2),
-    width: t(2),
+    height: getSpacing(2),
+    width: getSpacing(2),
     display: "block",
-    backgroundImage: "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC)",
+    backgroundImage: `url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC)`,
     backgroundRepeat: "no-repeat",
-    backgroundSize: t(2)
+    backgroundSize: getSpacing(2)
   },
   // Mapbox controls
   ".mapboxgl-ctrl.mapboxgl-ctrl-attrib": {
-    padding: t(0, 1),
-    borderRadius: t(0.5, 0, 0, 0),
+    padding: getSpacing(0, 1),
+    borderRadius: getSpacing(0.5, 0, 0, 0),
     "& .mapboxgl-ctrl-attrib-inner": {
-      ...ro.overline,
+      ...themeTypography.overline,
       textTransform: "none",
       letterSpacing: "0.75px",
       "& a": {
-        color: (q = p.primary) == null ? void 0 : q.main
+        color: (_d = commonPalette.primary) == null ? void 0 : _d.main
       }
     },
     "&.mapboxgl-compact": {
       backgroundColor: "transparent",
-      right: t(0.5),
-      bottom: t(2.5),
+      right: getSpacing(0.5),
+      bottom: getSpacing(2.5),
       // Mobile
       "@media (max-width: 600px)": {
-        bottom: t(0.5)
+        bottom: getSpacing(0.5)
       },
       "& .mapboxgl-ctrl-attrib-button": {
-        backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cg%3E%3Crect%20fill='none'%20height='24'%20width='24'%20x='0'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d='M11.88,9.14c1.28,0.06,1.61,1.15,1.63,1.66h1.79c-0.08-1.98-1.49-3.19-3.45-3.19C9.64,7.61,8,9,8,12.14%20c0,1.94,0.93,4.24,3.84,4.24c2.22,0,3.41-1.65,3.44-2.95h-1.79c-0.03,0.59-0.45,1.38-1.63,1.44C10.55,14.83,10,13.81,10,12.14%20C10,9.25,11.28,9.16,11.88,9.14z%20M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z%20M12,20c-4.41,0-8-3.59-8-8%20s3.59-8,8-8s8,3.59,8,8S16.41,20,12,20z'%20fill='${(Q = p.text) == null ? void 0 : Q.secondary}'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,
+        backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cg%3E%3Crect%20fill='none'%20height='24'%20width='24'%20x='0'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d='M11.88,9.14c1.28,0.06,1.61,1.15,1.63,1.66h1.79c-0.08-1.98-1.49-3.19-3.45-3.19C9.64,7.61,8,9,8,12.14%20c0,1.94,0.93,4.24,3.84,4.24c2.22,0,3.41-1.65,3.44-2.95h-1.79c-0.03,0.59-0.45,1.38-1.63,1.44C10.55,14.83,10,13.81,10,12.14%20C10,9.25,11.28,9.16,11.88,9.14z%20M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z%20M12,20c-4.41,0-8-3.59-8-8%20s3.59-8,8-8s8,3.59,8,8S16.41,20,12,20z'%20fill='${(_e = commonPalette.text) == null ? void 0 : _e.secondary}'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,
         backgroundColor: "rgba(255,255,255,.8)",
         top: "auto",
         bottom: 0,
@@ -2776,23 +2810,24 @@ const Co = {
       },
       "& .mapboxgl-ctrl-attrib-inner": {
         backgroundColor: "rgba(255,255,255,.8)",
-        padding: t(0.5, 1),
-        borderRadius: t(1.5),
-        marginRight: t(2.5),
-        color: (Y = p.text) == null ? void 0 : Y.secondary
+        padding: getSpacing(0.5, 1),
+        borderRadius: getSpacing(1.5),
+        marginRight: getSpacing(2.5),
+        color: (_f = commonPalette.text) == null ? void 0 : _f.secondary
       },
       "&.mapboxgl-compact-show": {
         "& .mapboxgl-ctrl-attrib-button": {
           backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%20fill='white'/%3E%3C/svg%3E")`,
-          backgroundColor: (X = p.common) == null ? void 0 : X.black,
+          backgroundColor: (_g = commonPalette.common) == null ? void 0 : _g.black,
           "&:not(:disabled):hover": {
-            backgroundColor: (J = p.common) == null ? void 0 : J.black
+            backgroundColor: (_h = commonPalette.common) == null ? void 0 : _h.black
           }
         }
       }
     }
   }
-}, ko = {
+};
+const feedbackOverrides = {
   // SnackBar
   MuiSnackbar: {
     defaultProps: {
@@ -2809,18 +2844,18 @@ const Co = {
       variant: "rounded"
     },
     styleOverrides: {
-      root: ({ theme: o }) => ({
-        backgroundColor: o.palette.black[8]
+      root: ({ theme: theme2 }) => ({
+        backgroundColor: theme2.palette.black[8]
       }),
-      rounded: ({ theme: o }) => ({
-        borderRadius: o.spacing(0.5)
+      rounded: ({ theme: theme2 }) => ({
+        borderRadius: theme2.spacing(0.5)
       }),
-      text: ({ theme: o }) => ({
-        borderRadius: o.spacing(0.5)
+      text: ({ theme: theme2 }) => ({
+        borderRadius: theme2.spacing(0.5)
       }),
-      wave: ({ theme: o }) => ({
+      wave: ({ theme: theme2 }) => ({
         "&::after": {
-          background: `linear-gradient( 90deg, transparent, ${o.palette.black[4]}, transparent )`
+          background: `linear-gradient( 90deg, transparent, ${theme2.palette.black[4]}, transparent )`
         }
       })
     }
@@ -2829,35 +2864,35 @@ const Co = {
   MuiAlert: {
     defaultProps: {
       iconMapping: {
-        success: /* @__PURE__ */ s(uo, {})
+        success: /* @__PURE__ */ jsx(CheckCircleOutlined, {})
       }
     },
     styleOverrides: {
-      root: ({ theme: o }) => ({
-        borderRadius: o.spacing(1),
+      root: ({ theme: theme2 }) => ({
+        borderRadius: theme2.spacing(1),
         alignSelf: "start",
         width: "100%",
-        padding: o.spacing(1.5)
+        padding: theme2.spacing(1.5)
       }),
-      icon: ({ theme: o }) => ({
-        height: o.spacing(3),
+      icon: ({ theme: theme2 }) => ({
+        height: theme2.spacing(3),
         display: "flex",
         alignItems: "center",
         padding: 0,
-        marginRight: o.spacing(1),
+        marginRight: theme2.spacing(1),
         svg: {
-          width: r,
-          height: r
+          width: ICON_SIZE_MEDIUM,
+          height: ICON_SIZE_MEDIUM
         }
       }),
       action: () => ({
         paddingTop: 0,
         marginRight: 0
       }),
-      message: ({ theme: o }) => ({
-        paddingTop: o.spacing(0.5),
+      message: ({ theme: theme2 }) => ({
+        paddingTop: theme2.spacing(0.5),
         paddingBottom: 0,
-        ...o.typography.caption
+        ...theme2.typography.caption
       })
     }
   },
@@ -2867,34 +2902,35 @@ const Co = {
       variant: "body2"
     },
     styleOverrides: {
-      root: ({ theme: o }) => ({
-        marginBottom: o.spacing(0.5),
-        fontWeight: o.typography.fontWeightBold,
+      root: ({ theme: theme2 }) => ({
+        marginBottom: theme2.spacing(0.5),
+        fontWeight: theme2.typography.fontWeightBold,
         color: "inherit"
       })
     }
   }
-}, mo = {
+};
+const surfacesOverrides = {
   // AppBar
   MuiAppBar: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
+      root: ({ theme: theme2 }) => ({
         flexDirection: "row",
         alignItems: "center",
         justifyContent: "space-between",
-        height: R,
-        backgroundColor: o.palette.brand.navyBlue,
-        color: o.palette.common.white,
-        boxShadow: o.shadows[0],
+        height: APPBAR_SIZE,
+        backgroundColor: theme2.palette.brand.navyBlue,
+        color: theme2.palette.common.white,
+        boxShadow: theme2.shadows[0],
         "& .MuiToolbar-root": {
           justifyContent: "space-between",
           width: "100%",
-          padding: o.spacing(0, 1),
-          minHeight: R
+          padding: theme2.spacing(0, 1),
+          minHeight: APPBAR_SIZE
         },
         "& .MuiAvatar-root": {
-          width: o.spacing(4),
-          height: o.spacing(4)
+          width: theme2.spacing(4),
+          height: theme2.spacing(4)
         }
       })
     }
@@ -2902,14 +2938,14 @@ const Co = {
   // MuiAccordion
   MuiAccordion: {
     defaultProps: {
-      disableGutters: !0,
+      disableGutters: true,
       elevation: 0
     },
     styleOverrides: {
-      root: ({ theme: o }) => ({
-        ...o.typography.body2,
+      root: ({ theme: theme2 }) => ({
+        ...theme2.typography.body2,
         backgroundColor: "transparent",
-        boxShadow: `inset 0 -1px 0 0 ${o.palette.divider}`,
+        boxShadow: `inset 0 -1px 0 0 ${theme2.palette.divider}`,
         "&:last-of-type": {
           boxShadow: "none"
         },
@@ -2925,25 +2961,25 @@ const Co = {
   // MuiAccordionSummary
   MuiAccordionSummary: {
     defaultProps: {
-      expandIcon: /* @__PURE__ */ s(oo, {})
+      expandIcon: /* @__PURE__ */ jsx(ExpandMoreOutlined, {})
     },
     styleOverrides: {
-      root: ({ theme: o }) => ({
-        ...o.typography.button,
+      root: ({ theme: theme2 }) => ({
+        ...theme2.typography.button,
         "&.Mui-disabled": {
           opacity: 1,
-          color: o.palette.text.disabled
+          color: theme2.palette.text.disabled
         },
         "&.Mui-focusVisible": {
           backgroundColor: "transparent",
-          borderRadius: o.shape.borderRadius
+          borderRadius: theme2.shape.borderRadius
         }
       }),
-      expandIconWrapper: ({ theme: o }) => ({
+      expandIconWrapper: ({ theme: theme2 }) => ({
         "& svg": {
-          color: o.palette.text.secondary,
+          color: theme2.palette.text.secondary,
           ".Mui-disabled &": {
-            color: o.palette.text.disabled
+            color: theme2.palette.text.disabled
           }
         }
       })
@@ -2952,12 +2988,13 @@ const Co = {
   // MuiAccordionDetails
   MuiAccordionDetails: {
     styleOverrides: {
-      root: ({ theme: o }) => ({
-        paddingBottom: o.spacing(3)
+      root: ({ theme: theme2 }) => ({
+        paddingBottom: theme2.spacing(3)
       })
     }
   }
-}, So = [
+};
+const themeShadows = [
   "none",
   // 0
   "0px 2px 1px -1px rgba(44, 48, 50, 0.12), 0px 1px 1px rgba(44, 48, 50, 0.08), 0px 1px 3px rgba(44, 48, 50, 0.04)",
@@ -2991,20 +3028,21 @@ const Co = {
   "0px 11px 14px -7px rgba(0,0,0,0.16),0px 23px 36px 3px rgba(0,0,0,0.08),0px 9px 44px 8px rgba(0,0,0,0.04)",
   "0px 11px 15px -7px rgba(44, 48, 50, 0.12), 0px 24px 38px 3px rgba(44, 48, 50, 0.08), 0px 9px 46px 8px rgba(44, 48, 50, 0.04)"
   // 24
-], wo = {
+];
+const cartoThemeOptions = {
   themeName: "CARTO",
   breakpoints: {
     keys: ["xs", "sm", "md", "lg", "xl"],
     values: {
-      xs: g.XS,
+      xs: BREAKPOINTS.XS,
       // 320 - 599
-      sm: g.SM,
+      sm: BREAKPOINTS.SM,
       // 600 - 959
-      md: g.MD,
+      md: BREAKPOINTS.MD,
       // 960 - 1279
-      lg: g.LG,
+      lg: BREAKPOINTS.LG,
       // 1280 - 1599
-      xl: g.XL
+      xl: BREAKPOINTS.XL
       // 1600+
     },
     unit: "px",
@@ -3029,12 +3067,12 @@ const Co = {
       }
     }
   },
-  palette: p,
-  shadows: So,
-  typography: ro,
-  spacingValue: P,
+  palette: commonPalette,
+  shadows: themeShadows,
+  typography: themeTypography,
+  spacingValue: SPACING,
   // For situations where we can't use theme.spacing(), mainly math calculations.er
-  spacing: P,
+  spacing: SPACING,
   // For custom spacing: https://material-ui.com/customization/spacing/#custom-spacing
   shape: {
     borderRadius: 4
@@ -3071,28 +3109,29 @@ const Co = {
   components: {
     MuiCssBaseline: {
       styleOverrides: {
-        ...Co
+        ...CssBaseline
       }
     },
-    ...yo,
-    ...Mo,
-    ...fo,
-    ...xo,
-    ...ko,
-    ...mo,
-    ...vo
+    ...buttonsOverrides,
+    ...formsOverrides,
+    ...navigationOverrides,
+    ...dataDisplayOverrides,
+    ...feedbackOverrides,
+    ...surfacesOverrides,
+    ...datePickersOverrides
   }
-}, Ao = to(eo(wo));
+};
+const theme = responsiveFontSizes(createTheme(cartoThemeOptions));
 export {
-  R as APPBAR_SIZE,
-  g as BREAKPOINTS,
-  e as ICON_SIZE_LARGE,
-  r as ICON_SIZE_MEDIUM,
-  u as ICON_SIZE_SMALL,
-  Do as NOTIFICATION_DURATION_IN_MS,
-  P as SPACING,
-  wo as cartoThemeOptions,
-  Eo as getCartoColorStylePropsForItem,
-  t as getSpacing,
-  Ao as theme
+  APPBAR_SIZE,
+  BREAKPOINTS,
+  ICON_SIZE_LARGE,
+  ICON_SIZE_MEDIUM,
+  ICON_SIZE_SMALL,
+  N as NOTIFICATION_DURATION_IN_MS,
+  SPACING,
+  cartoThemeOptions,
+  g as getCartoColorStylePropsForItem,
+  getSpacing,
+  theme
 };