@m4l/styles 0.0.49 → 1.0.0

package/theme/overrides/MUIComponents/{index.d2b98b86.js → index.7fb80545.js}

@@ -1,14 +1,14 @@
-import { alpha as e } from "@mui/material";
-import { alpha as t } from "@mui/material/styles";
-function s(o) {
+import { alpha as i } from "@mui/material";
+import { alpha as a } from "@mui/material/styles";
+function d(o) {
   return {
     MuiAvatar: {
       styleOverrides: {
         borderTop: "1.5px",
-        borderColor: o.palette.state.borderTop,
+        borderColor: o.vars.palette.state.borderTop,
         colorDefault: {
-          color: o.palette.text.secondary,
-          backgroundColor: o.palette.grey[400]
+          color: o.vars.palette.text.secondary,
+          backgroundColor: o.vars.palette.grey[400]
         }
       }
     },
@@ -19,8 +19,8 @@ function s(o) {
           fontWeight: o.typography.fontWeightMedium,
           "&:first-of-type": {
             fontSize: 14,
-            color: o.palette.primary.main,
-            backgroundColor: o.palette.primary.lighter
+            color: o.vars.palette.primary.main,
+            backgroundColor: o.vars.palette.primary.lighter
           }
         }
       }
@@ -44,11 +44,11 @@ function l(o) {
           height: 48
         },
         containedInherit: {
-          color: o.palette.grey[800],
+          color: o.vars.palette.grey[800],
           boxShadow: o.customShadows?.z1,
           borderRadius: "4px",
           "&:hover": {
-            backgroundColor: o.palette.grey[400],
+            backgroundColor: o.vars.palette.grey[400],
             borderRadius: "4px"
           }
         },
@@ -72,16 +72,16 @@ function l(o) {
         },
         outlinedInherit: {
           borderRadius: "4px",
-          border: `1px solid ${o.palette.grey[50032]}`,
+          border: `1px solid ${o.vars.palette.state.borderDefault}`,
           "&:hover": {
-            backgroundColor: o.palette.action.hover,
+            backgroundColor: o.vars.palette.action.hover,
             borderRadius: "4px"
           }
         },
         textInherit: {
           borderRadius: "4px",
           "&:hover": {
-            backgroundColor: o.palette.action.hover,
+            backgroundColor: o.vars.palette.action.hover,
             borderRadius: "4px"
           }
         }
@@ -124,19 +124,19 @@ function p(o) {
           boxShadow: o.customShadows?.z4,
           "&:hover": {
             boxShadow: "none",
-            backgroundColor: o.palette.grey[400]
+            backgroundColor: o.colorSchemes.finalTheme.palette.grey[400]
           }
         },
         primary: {
           boxShadow: o.customShadows?.primary,
           "&:hover": {
-            backgroundColor: o.palette.primary.dark
+            backgroundColor: o.vars.palette.primary.dark
           }
         },
         secondary: {
           boxShadow: o.customShadows?.secondary,
           "&:hover": {
-            backgroundColor: o.palette.secondary.dark
+            backgroundColor: o.vars.palette.secondary.dark
           }
         },
         extended: {
@@ -187,9 +187,9 @@ function g(o) {
         root: {
           borderRadius: "4px",
           "&.Mui-selected": {
-            backgroundColor: o.palette.action.selected,
+            backgroundColor: o.vars.palette.action.selected,
             "&:hover": {
-              backgroundColor: o.palette.action.hover
+              backgroundColor: o.vars.palette.action.hover
             }
           }
         }
@@ -206,14 +206,14 @@ function b(o) {
       styleOverrides: {
         root: {
           "&.MuiLink-underlineHover": {
-            textDecorationColor: o.palette.primary.main
+            textDecorationColor: o.vars.palette.primary.main
           }
         }
       }
     }
   };
 }
-function y(o) {
+function v(o) {
   return {
     MuiListItemIcon: {
       styleOverrides: {
@@ -246,15 +246,15 @@ function y(o) {
     }
   };
 }
-function M(o) {
+function y(o) {
   return {
     MuiTableRow: {
       styleOverrides: {
         root: {
           "&.Mui-selected": {
-            backgroundColor: o.palette.action.selected,
+            backgroundColor: o.vars.palette.action.selected,
             "&:hover": {
-              backgroundColor: o.palette.action.hover
+              backgroundColor: o.vars.palette.action.hover
             }
           }
         }
@@ -266,24 +266,24 @@ function M(o) {
           borderBottom: "none"
         },
         head: {
-          color: o.palette.text.secondary,
-          backgroundColor: o.palette.background.neutral,
+          color: o.vars.palette.text.secondary,
+          backgroundColor: o.vars.palette.background.neutral,
           "&:first-of-type": {
             paddingLeft: o.spacing(3),
             borderTopLeftRadius: o.shape.borderRadius,
             borderBottomLeftRadius: o.shape.borderRadius,
-            boxShadow: `inset 8px 0 0 ${o.palette.background.paper}`
+            boxShadow: `inset 8px 0 0 ${o.vars.palette.background.paper}`
           },
           "&:last-of-type": {
             paddingRight: o.spacing(3),
             borderTopRightRadius: o.shape.borderRadius,
             borderBottomRightRadius: o.shape.borderRadius,
-            boxShadow: `inset -8px 0 0 ${o.palette.background.paper}`
+            boxShadow: `inset -8px 0 0 ${o.vars.palette.background.paper}`
           }
         },
         stickyHeader: {
-          backgroundColor: o.palette.background.paper,
-          backgroundImage: `linear-gradient(to bottom, ${o.palette.background.neutral} 0%, ${o.palette.background.neutral} 100%)`
+          backgroundColor: o.vars.palette.background.paper,
+          backgroundImage: `linear-gradient(to bottom, ${o.vars.palette.background.neutral} 0%, ${o.vars.palette.background.neutral} 100%)`
         },
         body: {
           "&:first-of-type": {
@@ -298,13 +298,13 @@ function M(o) {
     MuiTablePagination: {
       styleOverrides: {
         root: {
-          ...o.typography.caption
+          ...o.colorSchemes.finalTheme.typography.caption
         },
         toolbar: {
           "& .MuiInputBase-root": {
             marginLeft: o.spacing(1),
             marginRight: o.spacing(3),
-            ...o.typography.caption
+            ...o.colorSchemes.finalTheme.typography.caption
           },
           "&.MuiToolbar-regular": {
             minHeight: 40,
@@ -312,11 +312,11 @@ function M(o) {
             paddingRight: 0
           },
           "& .MuiTablePagination-displayedRows": {
-            ...o.typography.caption
+            ...o.colorSchemes.finalTheme.typography.caption
           }
         },
         selectLabel: {
-          ...o.typography.caption
+          ...o.colorSchemes.finalTheme.typography.caption
         },
         select: {
           paddingBottom: 4,
@@ -332,7 +332,7 @@ function M(o) {
     }
   };
 }
-function x(o) {
+function f(o) {
   return {
     MuiBadge: {
       styleOverrides: {
@@ -346,7 +346,7 @@ function x(o) {
     }
   };
 }
-function v(o) {
+function M(o) {
   return {
     MuiPaper: {
       defaultProps: {
@@ -355,64 +355,64 @@ function v(o) {
       variants: [
         {
           props: { variant: "outlined" },
-          style: { borderColor: o.palette.grey[50012] }
+          style: { borderColor: o.vars.palette.state.borderDefault }
         }
       ],
       styleOverrides: {
         root: {
           backgroundImage: "none",
-          backgroundColor: o.palette.background.default,
+          backgroundColor: o.vars.palette.background.default,
           borderRadius: "2px",
           "& .MuiStack-root .MuiMenuItem-root": {
-            color: o.palette.text.primary,
+            color: o.vars.palette.text.primary,
             transition: "all .5s",
             borderRadius: "4px",
-            ...o.typography.action
+            ...o.colorSchemes.finalTheme.typography.action
           },
           "& .MuiStack-root .MuiMenuItem-root:hover": {
-            color: o.palette.state?.hover,
+            color: o.vars.palette.state?.hover,
             transition: "all .5s",
-            backgroundColor: o.palette.state?.active12
+            backgroundColor: o.vars.palette.state?.active12
           },
           "& .MuiStack-root .MuiMenuItem-root.Mui-selected": {
-            color: o.palette.state?.active,
+            color: o.vars.palette.state?.active,
             transition: "all .5s",
-            backgroundColor: o.palette.state?.active12
+            backgroundColor: o.vars.palette.state?.active12
           },
           "& .MuiStack-root .MuiMenuItem-root:focus": {
-            color: o.palette.state?.focus,
+            color: o.vars.palette.state?.focus,
             transition: "all .5s",
-            backgroundColor: o.palette.background.default,
-            boxShadow: `0 0 0 1px ${o.palette.state?.focus}`
+            backgroundColor: o.vars.palette.background.default,
+            boxShadow: `0 0 0 1px ${o.vars.palette.state?.focus}`
           },
           "& .MuiAutocomplete-listbox .MuiAutocomplete-option": {
-            color: o.palette.text.primary,
+            color: o.vars.palette.text.primary,
             transition: "all .5s",
             borderRadius: "4px",
-            ...o.typography.action
+            ...o.colorSchemes.finalTheme.typography.action
           },
           "& .MuiAutocomplete-listbox .MuiAutocomplete-option:hover": {
-            color: o.palette.state?.hover,
+            color: o.vars.palette.state?.hover,
             transition: "all .5s",
-            backgroundColor: o.palette.state?.active12
+            backgroundColor: o.vars.palette.state?.active12
           },
           "& .MuiAutocomplete-listbox .MuiAutocomplete-option.Mui-selected": {
-            color: o.palette.state?.active,
+            color: o.vars.palette.state?.active,
             transition: "all .5s",
-            backgroundColor: o.palette.state?.active12
+            backgroundColor: o.vars.palette.state?.active12
           },
           "& .MuiAutocomplete-listbox .MuiAutocomplete-option:active": {
-            color: o.palette.state?.focus,
+            color: o.vars.palette.state?.focus,
             transition: "all .5s",
-            backgroundColor: o.palette.background.default,
-            boxShadow: `0 0 0 1px ${o.palette.state?.focus}`
+            backgroundColor: o.vars.palette.background.default,
+            boxShadow: `0 0 0 1px ${o.vars.palette.state?.focus}`
           }
         }
       }
     }
   };
 }
-function f(o) {
+function x(o) {
   return {
     MuiFormControl: {
       styleOverrides: {
@@ -429,20 +429,20 @@ function f(o) {
       styleOverrides: {
         root: {
           height: "auto",
-          backgroundColor: o.palette.background.default,
-          ...o.typography.body2,
+          backgroundColor: o.vars.palette.background.default,
+          ...o.colorSchemes.finalTheme.typography.body2,
           borderRadius: "2px",
           padding: "4px",
           paddingBottom: "0px",
           "&.Mui-disabled": {
-            "& svg": { color: o.palette.text.disabled }
+            "& svg": { color: o.vars.palette.text.disabled }
           }
         },
         input: {
           padding: "0",
           "&::placeholder": {
             opacity: 1,
-            color: o.palette.text.disabled
+            color: o.vars.palette.text.disabled
           }
         }
       }
@@ -451,7 +451,7 @@ function f(o) {
       styleOverrides: {
         underline: {
           "&:before": {
-            borderBottomColor: o.palette.grey[50056]
+            borderBottomColor: o.vars.palette.state.borderDefault
           }
         }
       }
@@ -459,20 +459,20 @@ function f(o) {
     MuiFilledInput: {
       styleOverrides: {
         root: {
-          backgroundColor: o.palette.grey[50012],
+          backgroundColor: o.vars.palette.state.borderDefault,
           "&:hover": {
-            backgroundColor: o.palette.grey[50016]
+            backgroundColor: o.vars.palette.state.borderDefault
           },
           "&.Mui-focused": {
-            backgroundColor: o.palette.action.focus
+            backgroundColor: o.vars.palette.action.focus
           },
           "&.Mui-disabled": {
-            backgroundColor: o.palette.action.disabledBackground
+            backgroundColor: o.vars.palette.action.disabledBackground
           }
         },
         underline: {
           "&:before": {
-            borderBottomColor: o.palette.grey[50056]
+            borderBottomColor: o.vars.palette.state.borderDefault
           }
         }
       }
@@ -480,13 +480,13 @@ function f(o) {
     MuiOutlinedInput: {
       styleOverrides: {
         root: {
-          ...o.typography.body2,
-          color: o.palette.text.primary,
+          ...o.colorSchemes.finalTheme.typography.body2,
+          color: o.vars.palette.text.primary,
           "& > input": {
             padding: o.spacing(1.5, 1.5)
           },
           "& .MuiOutlinedInput-notchedOutline": {
-            borderColor: o.palette.grey[50032],
+            borderColor: o.vars.palette.state.borderDefault,
             fontSize: "0.875rem",
             height: "auto",
             minHeight: "24px",
@@ -498,18 +498,18 @@ function f(o) {
           },
           "&.Mui-disabled": {
             "& .MuiOutlinedInput-notchedOutline": {
-              borderColor: o.palette.action.disabledBackground
+              borderColor: o.vars.palette.action.disabledBackground
             }
           },
           "& .MuiOutlinedInput-input:-webkit-autofill": {
-            WebkitBoxShadow: `0 0 0 1000px ${o.palette.background.autofill} inset`
+            WebkitBoxShadow: `0 0 0 1000px ${o.vars.palette.background.autofill} inset`
           }
         }
       }
     }
   };
 }
-function k(o) {
+function h(o) {
   return {
     MuiInputLabel: {
       styleOverrides: {
@@ -524,7 +524,7 @@ function k(o) {
     }
   };
 }
-function w(o) {
+function k(o) {
   return {
     MuiRadio: {
       styleOverrides: {
@@ -541,8 +541,8 @@ function w(o) {
     }
   };
 }
-function C(o) {
-  const r = o.palette.mode === "light";
+function S(o) {
+  const r = o.colorSchemes.finalTheme.palette.mode === "light";
   return {
     MuiDrawer: {
       styleOverrides: {
@@ -550,7 +550,7 @@ function C(o) {
           "&.M4LSideBar-drawer": {
             test: "root",
             "& .MuiPaper-root": {
-              background: o.palette.background.neutral,
+              background: o.vars.palette.background.neutral,
               display: "flex",
               flexDirection: "row"
             }
@@ -559,14 +559,14 @@ function C(o) {
         modal: {
           '&[role="presentation"]': {
             "& .MuiDrawer-paperAnchorLeft": {
-              boxShadow: `8px 24px 24px 12px ${e(
-                o.palette.grey[900],
+              boxShadow: `8px 24px 24px 12px ${i(
+                o.colorSchemes.finalTheme.palette.grey[900],
                 r ? 0.16 : 0.48
               )}`
             },
             "& .MuiDrawer-paperAnchorRight": {
-              boxShadow: `-8px 24px 24px 12px ${e(
-                o.palette.grey[900],
+              boxShadow: `-8px 24px 24px 12px ${i(
+                o.colorSchemes.finalTheme.palette.grey[900],
                 r ? 0.16 : 0.48
               )}`
             }
@@ -576,8 +576,8 @@ function C(o) {
     }
   };
 }
-function S(o) {
-  const r = o.palette.mode === "light";
+function m(o) {
+  const r = o.colorSchemes.finalTheme.palette.mode === "light";
   return {
     MuiSlider: {
       defaultProps: {
@@ -586,23 +586,23 @@ function S(o) {
       styleOverrides: {
         root: {
           "&.Mui-disabled": {
-            color: o.palette.action.disabled
+            color: o.vars.palette.action.disabled
           }
         },
         markLabel: {
           fontSize: 13,
-          color: o.palette.text.disabled
+          color: o.vars.palette.text.disabled
         },
         valueLabel: {
           borderRadius: 8,
-          backgroundColor: o.palette.grey[r ? 800 : 700]
+          backgroundColor: o.vars.palette.grey[r ? 800 : 700]
         }
       }
     }
   };
 }
-function h(o) {
-  const r = o.palette.mode === "light";
+function w(o) {
+  const r = o.colorSchemes.finalTheme.palette.mode === "light";
   return {
     MuiSwitch: {
       styleOverrides: {
@@ -611,27 +611,27 @@ function h(o) {
         },
         track: {
           opacity: 1,
-          backgroundColor: o.palette.grey[500]
+          backgroundColor: o.vars.palette.grey[500]
         },
         switchBase: {
           left: 0,
           right: "auto",
           "&:not(:.Mui-checked)": {
-            color: o.palette.grey[r ? 100 : 300]
+            color: o.vars.palette.grey[r ? 100 : 300]
           },
           "&.Mui-checked.Mui-disabled, &.Mui-disabled": {
-            color: o.palette.grey[r ? 400 : 600]
+            color: o.vars.palette.grey[r ? 400 : 600]
           },
           "&.Mui-disabled+.MuiSwitch-track": {
             opacity: 1,
-            backgroundColor: `${o.palette.action.disabledBackground} !important`
+            backgroundColor: `${o.vars.palette.action.disabledBackground} !important`
           }
         }
       }
     }
   };
 }
-function O(o) {
+function C(o) {
   return {
     MuiSvgIcon: {
       styleOverrides: {
@@ -649,22 +649,22 @@ function O(o) {
     }
   };
 }
-function R(o) {
-  const r = o.palette.mode === "light";
+function T(o) {
+  const r = o.colorSchemes.finalTheme.palette.mode === "light";
   return {
     MuiTooltip: {
       styleOverrides: {
         tooltip: {
-          backgroundColor: o.palette.grey[r ? 800 : 700]
+          backgroundColor: o.vars.palette.grey[r ? 800 : 700]
         },
         arrow: {
-          color: o.palette.grey[r ? 800 : 700]
+          color: o.vars.palette.grey[r ? 800 : 700]
         }
       }
     }
   };
 }
-function B(o) {
+function O(o) {
   return {
     MuiPopover: {
       styleOverrides: {
@@ -673,18 +673,18 @@ function B(o) {
     }
   };
 }
-function I(o) {
+function R(o) {
   return {
     MuiStepConnector: {
       styleOverrides: {
         line: {
-          borderColor: o.palette.divider
+          borderColor: o.vars.palette.divider
         }
       }
     }
   };
 }
-function L(o) {
+function B(o) {
   return {
     MuiDataGrid: {
       styleOverrides: {
@@ -696,20 +696,20 @@ function L(o) {
           },
           "& .MuiDataGrid-toolbarContainer": {
             padding: o.spacing(2),
-            backgroundColor: o.palette.background.neutral,
+            backgroundColor: o.vars.palette.background.neutral,
             "& .MuiButton-root": {
               marginRight: o.spacing(1.5),
-              color: o.palette.text.primary,
+              color: o.vars.palette.text.primary,
               "&:hover": {
-                backgroundColor: o.palette.action.hover
+                backgroundColor: o.vars.palette.action.hover
               }
             }
           },
           "& .MuiDataGrid-cell, .MuiDataGrid-columnsContainer": {
-            borderBottom: `1px solid ${o.palette.divider}`
+            borderBottom: `1px solid ${o.vars.palette.divider}`
           },
           "& .MuiDataGrid-columnSeparator": {
-            color: o.palette.divider
+            color: o.vars.palette.divider
           },
           '& .MuiDataGrid-columnHeader[data-field="__check__"]': {
             padding: 0
@@ -725,7 +725,7 @@ function L(o) {
             borderRadius: o.shape.borderRadius
           },
           "& .MuiMenuItem-root": {
-            ...o.typography.body
+            ...o.colorSchemes.finalTheme.typography.body
           }
         }
       }
@@ -743,10 +743,10 @@ function L(o) {
               display: "none"
             },
             "& .MuiNativeSelect-select, .MuiInput-input": {
-              ...o.typography.body,
+              ...o.colorSchemes.finalTheme.typography.body,
               padding: o.spacing(0.75, 1),
               borderRadius: o.shape.borderRadius,
-              backgroundColor: o.palette.background.neutral
+              backgroundColor: o.vars.palette.background.neutral
             },
             "& .MuiSvgIcon-root": {
               right: 4
@@ -763,16 +763,16 @@ function L(o) {
           "& .MuiButton-root": {
             "&:first-of-type": {
               marginRight: o.spacing(1.5),
-              color: o.palette.text.primary,
+              color: o.vars.palette.text.primary,
               "&:hover": {
-                backgroundColor: o.palette.action.hover
+                backgroundColor: o.vars.palette.action.hover
               }
             },
             "&:last-of-type": {
-              color: o.palette.common.white,
-              backgroundColor: o.palette.primary.main,
+              color: o.vars.palette.common.white,
+              backgroundColor: o.vars.palette.primary.main,
               "&:hover": {
-                backgroundColor: o.palette.primary.dark
+                backgroundColor: o.vars.palette.primary.dark
               }
             }
           }
@@ -781,7 +781,7 @@ function L(o) {
     }
   };
 }
-function T(o) {
+function I(o) {
   return {
     MuiSkeleton: {
       defaultProps: {
@@ -789,23 +789,23 @@ function T(o) {
       },
       styleOverrides: {
         root: {
-          backgroundColor: o.palette.divider
+          backgroundColor: o.vars.palette.divider
         }
       }
     }
   };
 }
-function m(o) {
-  const r = t(o.palette.grey[900], 0.48), i = t(o.palette.grey[900], 1);
+function L(o) {
+  const r = a(o.colorSchemes.finalTheme.palette.grey[900], 0.48), e = a(o.colorSchemes.finalTheme.palette.grey[900], 1);
   return {
     MuiBackdrop: {
       styleOverrides: {
         root: {
           background: [
             "rgb(22,28,36)",
-            `-moz-linear-gradient(75deg, ${r} 0%, ${i} 100%)`,
-            `-webkit-linear-gradient(75deg, ${r} 0%, ${i} 100%)`,
-            `linear-gradient(75deg, ${r} 0%, ${i} 100%)`
+            `-moz-linear-gradient(75deg, ${r} 0%, ${e} 100%)`,
+            `-webkit-linear-gradient(75deg, ${r} 0%, ${e} 100%)`,
+            `linear-gradient(75deg, ${r} 0%, ${e} 100%)`
           ],
           "&.MuiBackdrop-invisible": {
             background: "transparent"
@@ -815,8 +815,8 @@ function m(o) {
     }
   };
 }
-function P(o) {
-  const r = o.palette.mode === "light";
+function D(o) {
+  const r = o.colorSchemes.finalTheme.palette.mode === "light";
   return {
     MuiLinearProgress: {
       styleOverrides: {
@@ -828,7 +828,7 @@ function P(o) {
           borderRadius: 4
         },
         colorPrimary: {
-          backgroundColor: o.palette.primary[r ? "lighter" : "darker"]
+          backgroundColor: o.vars.palette.primary[r ? "lighter" : "darker"]
         },
         buffer: {
           backgroundColor: "transparent"
@@ -837,7 +837,7 @@ function P(o) {
     }
   };
 }
-function z(o) {
+function P(o) {
   return {
     MuiTimelineDot: {
       styleOverrides: {
@@ -849,37 +849,37 @@ function z(o) {
     MuiTimelineConnector: {
       styleOverrides: {
         root: {
-          backgroundColor: o.palette.divider
+          backgroundColor: o.vars.palette.divider
         }
       }
     }
   };
 }
-function $(o) {
+function z(o) {
   return {
     MuiCheckbox: {
       styleOverrides: {
         root: {
           padding: o.spacing(1),
           oleee: "sss",
-          color: o.palette.action.active,
+          color: o.vars.palette.action.active,
           "& .Mui-checked": {
-            color: o.palette.primary.main
+            color: o.vars.palette.primary.main
           },
           "&.Mui-checked.Mui-disabled, &.Mui-disabled": {
-            color: o.palette.action.disabled
+            color: o.vars.palette.action.disabled
           }
         }
       }
     }
   };
 }
-function A(o) {
+function $(o) {
   return {
     MuiAccordion: {
       styleOverrides: {
         root: {
-          backgroundColor: o.palette.background.default,
+          backgroundColor: o.vars.palette.background.default,
           width: "100%",
           marginTop: "0px",
           marginBottom: o.spacing(1.5),
@@ -910,7 +910,7 @@ function A(o) {
           borderRadius: o.spacing(0.5),
           height: o.spacing(4.5),
           minHeight: o.spacing(4.5),
-          backgroundColor: o.palette.background.header,
+          backgroundColor: o.vars.palette.background.header,
           paddingLeft: o.spacing(2),
           paddingRight: o.spacing(2),
           marginBottom: "0px",
@@ -921,14 +921,14 @@ function A(o) {
           },
           "&.Mui-disabled": {
             opacity: 1,
-            color: o.palette.action.disabled,
+            color: o.vars.palette.action.disabled,
             "& .MuiTypography-root": {
               color: "inherit"
             }
           }
         },
         expandIconWrapper: {
-          color: o.palette.action.active,
+          color: o.vars.palette.action.active,
           height: 20,
           width: 20,
           alignItems: "center",
@@ -939,7 +939,7 @@ function A(o) {
           }
         },
         content: {
-          ...o.typography.subtitle2,
+          ...o.colorSchemes.finalTheme.typography.subtitle2,
           margin: "0px",
           "&.Mui-expanded": {
             margin: "0px"
@@ -949,7 +949,7 @@ function A(o) {
     }
   };
 }
-function D(o) {
+function A(o) {
   return {
     MuiTypography: {
       defaultProps: {
@@ -979,23 +979,23 @@ function G(o) {
         },
         textPrimary: {
           "&.Mui-selected": {
-            color: o.palette.primary.main,
-            backgroundColor: t(o.palette.primary.main, 0.08),
+            color: o.vars.palette.primary.main,
+            backgroundColor: a(o.colorSchemes.finalTheme.palette.primary.main, 0.08),
             "&:hover, &.Mui-focusVisible": {
-              backgroundColor: `${t(
-                o.palette.primary.main,
+              backgroundColor: `${a(
+                o.colorSchemes.finalTheme.palette.primary.main,
                 0.24
               )} !important`
             }
           }
         },
         outlined: {
-          border: `1px solid ${o.palette.grey[50032]}`
+          border: `1px solid ${o.vars.palette.state.borderDefault}`
         },
         outlinedPrimary: {
           "&.Mui-selected": {
-            backgroundColor: t(o.palette.primary.main, 0.08),
-            border: `1px solid ${t(o.palette.primary.main, 0.24)}`
+            backgroundColor: a(o.colorSchemes.finalTheme.palette.primary.main, 0.08),
+            border: `1px solid ${a(o.colorSchemes.finalTheme.palette.primary.main, 0.24)}`
           }
         }
       }
@@ -1015,8 +1015,8 @@ function H(o) {
   };
 }
 function W(o) {
-  const r = (i) => ({
-    props: { variant: "contained", color: i },
+  const r = (e) => ({
+    props: { variant: "contained", color: e },
     style: { boxShadow: o.customShadows?.primary }
   });
   return {
@@ -1037,10 +1037,10 @@ function W(o) {
           style: {
             boxShadow: "none",
             "& .MuiButtonGroup-grouped.Mui-disabled": {
-              color: o.palette.action.disabled,
-              borderColor: `${o.palette.action.disabledBackground} !important`,
+              color: o.vars.palette.action.disabled,
+              borderColor: `${o.vars.palette.action.disabledBackground} !important`,
               "&.MuiButton-contained": {
-                backgroundColor: o.palette.action.disabledBackground
+                backgroundColor: o.vars.palette.action.disabledBackground
               }
             }
           }
@@ -1116,7 +1116,7 @@ function _(o) {
           }
         },
         paper: {
-          boxShadow: o.customShadows.z3
+          boxShadow: o.vars.customShadows.z3
         },
         listbox: {
           display: "flex",
@@ -1134,15 +1134,15 @@ function _(o) {
     }
   };
 }
-const a = (o, r) => ({
+const t = (o, r) => ({
   props: { color: r },
   style: {
     "&:hover": {
-      borderColor: t(o.palette[r].main, 0.48),
-      backgroundColor: t(o.palette[r].main, o.palette.action.hoverOpacity)
+      borderColor: a(o.colorSchemes.finalTheme.palette[r].main, 0.48),
+      backgroundColor: a(o.colorSchemes.finalTheme.palette[r].main, o.vars.palette.action.hoverOpacity)
     },
     "&.Mui-selected": {
-      borderColor: t(o.palette[r].main, 0.48)
+      borderColor: a(o.colorSchemes.finalTheme.palette[r].main, 0.48)
     }
   }
 });
@@ -1154,24 +1154,24 @@ function j(o) {
           props: { color: "standard" },
           style: {
             "&.Mui-selected": {
-              backgroundColor: o.palette.action.selected
+              backgroundColor: o.vars.palette.action.selected
             }
           }
         },
-        a(o, "primary"),
-        a(o, "secondary"),
-        a(o, "info"),
-        a(o, "success"),
-        a(o, "warning"),
-        a(o, "error")
+        t(o, "primary"),
+        t(o, "secondary"),
+        t(o, "info"),
+        t(o, "success"),
+        t(o, "warning"),
+        t(o, "error")
       ]
     },
     MuiToggleButtonGroup: {
       styleOverrides: {
         root: {
           borderRadius: o.shape.borderRadius,
-          backgroundColor: o.palette.background.paper,
-          border: `solid 1px ${o.palette.grey[50012]}`,
+          backgroundColor: o.vars.palette.background.paper,
+          border: `solid 1px ${o.vars.palette.state.borderDefault}`,
           "& .MuiToggleButton-root": {
             margin: 4,
             borderColor: "transparent !important",
@@ -1187,7 +1187,7 @@ function E(o) {
     MuiFormControlLabel: {
       styleOverrides: {
         label: {
-          ...o.typography.body1
+          ...o.colorSchemes.finalTheme.typography.body1
         }
       }
     },
@@ -1201,7 +1201,7 @@ function E(o) {
     MuiFormLabel: {
       styleOverrides: {
         root: {
-          color: o.palette.text.disabled
+          color: o.vars.palette.text.disabled
         }
       }
     }
@@ -1213,9 +1213,9 @@ function N(o) {
       styleOverrides: {
         root: {
           "&.MuiLoadingButton-root": {
-            ...o.typography.subtitle2,
+            ...o.colorSchemes.finalTheme.typography.subtitle2,
             "& .MuiCircularProgress-root": {
-              color: o.palette.primary.main
+              color: o.vars.palette.primary.main
             }
           },
           "&.MuiButton-text": {
@@ -1237,35 +1237,35 @@ const q = (o) => ({
   }
 });
 export {
-  s as A,
-  x as B,
+  d as A,
+  f as B,
   c as C,
-  C as D,
+  S as D,
   p as F,
-  f as I,
+  x as I,
   b as L,
   g as M,
-  v as P,
-  w as R,
-  h as S,
-  M as T,
-  k as a,
-  y as b,
+  M as P,
+  k as R,
+  w as S,
+  y as T,
+  h as a,
+  v as b,
   l as c,
   u as d,
-  S as e,
-  I as f,
-  R as g,
-  B as h,
-  O as i,
-  $ as j,
-  L as k,
-  T as l,
-  z as m,
-  m as n,
-  P as o,
-  A as p,
-  D as q,
+  m as e,
+  R as f,
+  T as g,
+  O as h,
+  C as i,
+  z as j,
+  B as k,
+  I as l,
+  P as m,
+  L as n,
+  D as o,
+  $ as p,
+  A as q,
   G as r,
   W as s,
   H as t,