@m4l/styles 0.0.11 → 0.0.13

package/index.js

@@ -1,7 +1,7 @@
-import { alpha as e, useTheme as F } from "@mui/material/styles";
+import { alpha as e, useTheme as w } from "@mui/material/styles";
 import { alpha as n } from "@mui/system";
 import { alpha as M } from "@mui/material";
-import { useResponsive as $ } from "@m4l/graphics";
+import { useResponsive as T } from "@m4l/graphics";
 function c(o, r) {
   return `linear-gradient(to bottom, ${o}, ${r})`;
 }
@@ -138,7 +138,7 @@ const t = {
     80: "#fff0",
     90: "#fff0"
   }
-}, A = {
+}, $ = {
   patronus: {
     4: e(t.patronusBlue[50], 0.04),
     12: e(t.patronusBlue[50], 0.12),
@@ -202,20 +202,20 @@ const t = {
     60: e(t.marbleLight[10], 0.6),
     72: e(t.marbleLight[10], 0.72)
   }
-}, f = {
+}, y = {
   lighter: t.patronusBlue[70],
   light: t.patronusBlue[60],
   main: t.patronusBlue[50],
   dark: t.patronusBlue[40],
   darker: t.patronusBlue[20],
   contrastText: t.marbleLight[10]
-}, m = {
+}, D = {
   lighter: "#fff0",
   light: "#fff0",
   main: "#fff0",
   dark: "#fff0",
   darker: "#fff0"
-}, y = {
+}, f = {
   lighter: "#fff0",
   light: "#fff0",
   main: t.crayonBlue[50],
@@ -262,13 +262,13 @@ const t = {
   50048: e("#919EAB", 0.48),
   50056: e("#919EAB", 0.56),
   50080: e("#919EAB", 0.8)
-}, z = {
-  primary: c(f.light, f.main),
-  info: c(y.light, y.main),
+}, m = {
+  primary: c(y.light, y.main),
+  info: c(f.light, f.main),
   success: c(v.light, v.main),
   warning: c(L.light, L.main),
   error: c(B.light, B.main)
-}, D = {
+}, z = {
   violet: ["#826AF9", "#9E86FF", "#D0AEFF", "#F7D2FF"],
   blue: ["#2D99FF", "#83CFFF", "#A5F3FF", "#CCFAFF"],
   green: ["#2CD9C5", "#60F1C8", "#A4F7CC", "#C0F2DC"],
@@ -283,34 +283,34 @@ const t = {
 }, E = {
   normal: t.flameRed[40],
   hover: t.flameRed[60]
-}, P = {
+}, W = {
   normal: t.flameRed[60],
   hover: t.flameRed[70]
-}, W = {
+}, P = {
   default: e(t.coolGrey[50], 0.24),
   transition: e(t.coolGrey[50], 0.08)
 }, l = {
   info: { ...H },
   success: { ...G },
   error: { ...E },
-  warning: { ...P },
-  skeleton: { ...W }
+  warning: { ...W },
+  skeleton: { ...P }
 }, h = {
   common: { black: "#000", white: "#fff" },
-  primary: { ...f },
+  primary: { ...y },
   state: {
     ...l
   },
   patronus: { ...t },
-  opacity: { ...A },
-  secondary: { ...m, contrastText: "#fff" },
-  info: { ...y, contrastText: "#fff" },
+  opacity: { ...$ },
+  secondary: { ...D, contrastText: "#fff" },
+  info: { ...f, contrastText: "#fff" },
   success: { ...v, contrastText: x[800] },
   warning: { ...L, contrastText: x[800] },
   error: { ...B, contrastText: "#fff" },
   grey: x,
-  gradients: z,
-  chart: D,
+  gradients: m,
+  chart: z,
   divider: x[50024],
   action: {
     hoverOpacity: 0.08,
@@ -395,19 +395,19 @@ const t = {
     darker: t.blazeOrange[20],
     contrastText: t.marbleLight[10]
   }
-], I = g[0], q = g[1], N = g[2], j = g[3], _ = g[4];
+], F = g[0], q = g[1], _ = g[2], N = g[3], j = g[4];
 function b(o) {
   try {
     return {
-      patronus: I,
+      patronus: F,
       turqui: q,
-      grass: N,
-      candy: j,
-      blaze: _
+      grass: _,
+      candy: N,
+      blaze: j
     }[o];
   } catch {
   }
-  return I;
+  return F;
 }
 const V = (o, r) => {
   let a = {};
@@ -419,7 +419,7 @@ const V = (o, r) => {
           active: t?.patronusBlue[50],
           focus: t?.patronusBlue[70],
           hover: t?.patronusBlue[60],
-          default: n(t?.coolGrey[70], 0.12),
+          default: n(t?.coolGrey[70], 0.04),
           ...l
         },
         dark: {
@@ -427,7 +427,7 @@ const V = (o, r) => {
           active: t?.patronusBlue[50],
           focus: t?.patronusBlue[30],
           hover: t?.patronusBlue[40],
-          default: n(t?.marbleLight[10], 0.12),
+          default: n(t?.marbleLight[10], 0.04),
           ...l
         }
       };
@@ -555,14 +555,14 @@ function p({ sm: o, md: r, lg: a }) {
   };
 }
 function U() {
-  return [...F().breakpoints.keys].reverse().reduce((a, i) => {
-    const k = $("up", i);
+  return [...w().breakpoints.keys].reverse().reduce((a, i) => {
+    const k = T("up", i);
     return !a && k ? i : a;
   }, null) || "xs";
 }
-function st(o) {
-  const r = F(), a = U(), i = r.breakpoints.up(a === "xl" ? "lg" : a), w = (o === "h1" || o === "h2" || o === "h3" || o === "h4" || o === "h5" || o === "h6") && r.typography[o][i] ? r.typography[o][i] : r.typography[o], C = Y(w.fontSize), R = Number(r.typography[o].lineHeight) * C, { fontWeight: O, letterSpacing: T } = r.typography[o];
-  return { fontSize: C, lineHeight: R, fontWeight: O, letterSpacing: T };
+function ct(o) {
+  const r = w(), a = U(), i = r.breakpoints.up(a === "xl" ? "lg" : a), S = (o === "h1" || o === "h2" || o === "h3" || o === "h4" || o === "h5" || o === "h6") && r.typography[o][i] ? r.typography[o][i] : r.typography[o], C = Y(S.fontSize), R = Number(r.typography[o].lineHeight) * C, { fontWeight: O, letterSpacing: A } = r.typography[o];
+  return { fontSize: C, lineHeight: R, fontWeight: O, letterSpacing: A };
 }
 const K = "Poppins, sans-serif", J = {
   fontFamily: K,
@@ -570,12 +570,12 @@ const K = "Poppins, sans-serif", J = {
   fontWeightMedium: 600,
   fontWeightBold: 700,
   h1: {
-    fontWeight: 700,
+    fontWeight: 600,
     lineHeight: 1.5,
     ...p({ sm: 38, md: 40, lg: 40 })
   },
   h2: {
-    fontWeight: 700,
+    fontWeight: 600,
     lineHeight: 1,
     ...p({ sm: 40, md: 44, lg: 48 })
   },
@@ -585,7 +585,7 @@ const K = "Poppins, sans-serif", J = {
     ...p({ sm: 30, md: 32, lg: 32 })
   },
   h4: {
-    fontWeight: 700,
+    fontWeight: 600,
     lineHeight: 1.5,
     ...p({ sm: 20, md: 24, lg: 24 })
   },
@@ -595,7 +595,7 @@ const K = "Poppins, sans-serif", J = {
     ...p({ sm: 22, md: 24, lg: 24 })
   },
   h6: {
-    fontWeight: 700,
+    fontWeight: 600,
     lineHeight: 28 / 18,
     ...p({ sm: 18, md: 18, lg: 18 })
   },
@@ -605,7 +605,7 @@ const K = "Poppins, sans-serif", J = {
     ...p({ sm: 18, md: 16, lg: 16 })
   },
   subtitleDens: {
-    fontWeight: 700,
+    fontWeight: 600,
     lineHeight: 1.5,
     ...p({ sm: 18, md: 16, lg: 16 })
   },
@@ -635,9 +635,9 @@ const K = "Poppins, sans-serif", J = {
     ...p({ sm: 14, md: 12, lg: 12 })
   },
   bodyDens: {
-    fontWeight: 700,
+    fontWeight: 600,
     lineHeight: 1.143,
-    ...p({ sm: 16, md: 12, lg: 12 })
+    ...p({ sm: 14, md: 12, lg: 12 })
   },
   body0: {
     lineHeight: 1.5,
@@ -675,7 +675,7 @@ const K = "Poppins, sans-serif", J = {
     lineHeight: 1.667,
     ...p({ sm: 14, md: 12, lg: 12 })
   }
-}, Q = s.light.grey[500], X = "#000000", S = (o) => {
+}, Q = s.light.grey[500], X = "#000000", I = (o) => {
   const r = e(o, 0.2), a = e(o, 0.14), i = e(o, 0.12);
   return [
     "none",
@@ -735,15 +735,15 @@ const K = "Poppins, sans-serif", J = {
     ...r
   };
 }, oo = {
-  light: S(Q),
-  dark: S(X)
-}, ut = {
+  light: I(Q),
+  dark: I(X)
+}, gt = {
   typography: J,
   palette: {
     ...s.light,
     primary: b("patronus"),
     state: { ...V("patronus", "light") },
-    representative: b("patronus").light
+    representative: b("patronus").darker
   },
   shape: { borderRadius: 8 },
   direction: "rtl",
@@ -1230,7 +1230,7 @@ function xo(o) {
           padding: "0px"
         },
         input: {
-          paddingLeft: "8px",
+          padding: "4px 8px",
           "&::placeholder": {
             opacity: 1,
             color: o.palette.text.disabled
@@ -1325,7 +1325,7 @@ function Mo(o) {
     }
   };
 }
-function fo(o) {
+function yo(o) {
   const r = o.palette.mode === "light";
   return {
     MuiDrawer: {
@@ -1337,276 +1337,6 @@ function fo(o) {
               background: o.palette.background.neutral,
               display: "flex",
               flexDirection: "row"
-            },
-            "& .M4LSideBar-containerLogo": {
-              display: "flex",
-              flexDirection: "row",
-              width: "100%",
-              gap: "12px",
-              boxSizing: "contentBox",
-              padding: "16px 0px 0px 8px",
-              position: "absolute",
-              left: "-20px",
-              fitContent: "100%",
-              alignItems: "center",
-              "& .M4LImage-root": {
-                position: "relative",
-                background: o.palette.background.neutral,
-                boxShadow: o.customShadows.z3,
-                padding: "4px",
-                borderRadius: "6px",
-                minWidth: "64px",
-                minHeight: "64px"
-              }
-            },
-            "& .M4LSideBar-contentGroups": {
-              overflow: "hidden",
-              "& .M4LSideBar-wrapperGroup": {
-                padding: "100px 8px 0px 0px",
-                flexDirection: "column",
-                gap: "8px",
-                "& .M4LSideBar-itemListMainRoot": {
-                  display: "flex",
-                  flexDirection: "column",
-                  position: "realative",
-                  "& > .MuiCollapse-root:nth-of-type(2)": {
-                    backgroundColor: "transparent",
-                    top: "-16px"
-                  },
-                  "& .MuiCollapse-root": {
-                    borderRadius: "16px 0px 4px 4px",
-                    padding: "16px 8px 8px 8px",
-                    position: "relative"
-                  },
-                  "&.M4LSideBar-itemMainActive": {
-                    "& > .MuiCollapse-root:nth-of-type(2)": {
-                      backgroundColor: o.palette.state.active12,
-                      top: "-16px"
-                    },
-                    "& .M4LSideBar-navItemMainRoot": {
-                      height: "68px"
-                    },
-                    "& .M4LSideBar-navItemRootContent": {
-                      background: o.palette.representative,
-                      "& .M4LTypography-root .MuiTypography-root": {
-                        color: o.palette.patronus?.marbleLight[10]
-                      },
-                      "& .M4LIcon-root .M4LIcon-icon": {
-                        backgroundColor: o.palette.patronus?.marbleLight[10]
-                      },
-                      "&:hover": {
-                        background: `${o.palette.representative}!important`
-                      }
-                    },
-                    "& .M4LSideBar-navItemMainTriangleTop": {
-                      position: "absolute",
-                      top: "0",
-                      left: "0",
-                      width: "16px",
-                      height: "16px",
-                      overflow: "hidden",
-                      backgroundColor: o.palette.representative,
-                      transform: "rotate(90deg)",
-                      "&::before": {
-                        content: '""',
-                        position: "absolute",
-                        width: "100%",
-                        height: "100%",
-                        backgroundColor: o.palette.background.neutral,
-                        transform: "rotate(180deg)",
-                        inset: "0",
-                        borderTopLeftRadius: "100%",
-                        transformOrigin: "center center"
-                      }
-                    },
-                    "& .M4LSideBar-navItemMainTriangleBottom": {
-                      position: "absolute",
-                      bottom: "0",
-                      left: "0",
-                      width: "16px",
-                      height: "16px",
-                      overflow: "hidden",
-                      background: o.palette.representative,
-                      transform: "rotate(180deg)",
-                      "&::before": {
-                        content: '""',
-                        position: "absolute",
-                        width: "100%",
-                        height: "100%",
-                        backgroundColor: o.palette.background.neutral,
-                        transform: "rotate(180deg)",
-                        inset: "0",
-                        borderTopLeftRadius: "100%",
-                        transformOrigin: "center center"
-                      }
-                    }
-                  },
-                  "& .M4LSideBar-navItemMainRoot": {
-                    ...o.typography.body2,
-                    padding: "0px",
-                    height: "fit-content",
-                    position: "relative",
-                    display: "flex",
-                    alignItems: "center",
-                    textTransform: "capitalize",
-                    overflow: "hidden",
-                    backgroundColor: "transparent",
-                    "& .M4LSideBar-navItemRootContent": {
-                      padding: "8px 16px",
-                      border: "0px",
-                      justifyContent: "space-between",
-                      alignItems: "center",
-                      display: "flex",
-                      width: "100%",
-                      height: "36px",
-                      boxSizing: "border-box",
-                      borderRadius: "0 4px 4px 0",
-                      overflow: "hidden",
-                      transition: o.transitions.create(["width", "opacity"], {
-                        duration: o.transitions.duration.standard
-                      }),
-                      "&:hover": {
-                        backgroundColor: o.palette.state.active12,
-                        Color: o.palette.text.primary
-                      },
-                      "& .M4LSideBar-navItemRootContentIconTypo": {
-                        display: "flex",
-                        gap: "4px"
-                      }
-                    }
-                  }
-                }
-              }
-            },
-            "& .M4LSideBar-lineLeft": {
-              height: "100%",
-              width: "20px",
-              backgroundColor: o.palette.representative
-            },
-            "& .M4LSideBar-contentDesktop, & .M4LSideBar-contentMobile": {
-              position: "relative",
-              width: "100%",
-              flexGrow: "1",
-              display: "flex",
-              "& .M4LSideBar-collapseButton": {
-                width: "100%",
-                padding: "0px",
-                "& .M4LSideBar-containerLogoButton": {
-                  width: "100%",
-                  height: "68px",
-                  justifyContent: "space-between",
-                  alignItems: "center",
-                  "& .M4LSideBar-containerLogoButtonLogo": {
-                    width: "100%",
-                    height: "100%",
-                    padding: "12px 30px"
-                  },
-                  "& .M4LSideBar-containerLogoButtonIcon": {
-                    width: "auto",
-                    height: "100%",
-                    position: "relative",
-                    display: "flex",
-                    alignItems: "center",
-                    "& .M4LIconButton-root": {
-                      width: "36px",
-                      height: "36px",
-                      borderRadius: "0px 4px 4px 0px",
-                      backgroundColor: o.palette.state.focus,
-                      "&:hover": {
-                        backgroundColor: o.palette.state.focus
-                      },
-                      "& .M4LIcon-icon": {
-                        backgroundColor: o.palette.patronus?.marbleLight[10]
-                      }
-                    },
-                    "& .M4LSideBar-collapseButtontriangleTop": {
-                      position: "absolute",
-                      top: "0",
-                      left: "0",
-                      width: "16px",
-                      height: "16px",
-                      overflow: "hidden",
-                      backgroundColor: o.palette.state.focus,
-                      transform: "rotate(90deg)",
-                      "&::before": {
-                        content: '""',
-                        position: "absolute",
-                        width: "100%",
-                        height: "100%",
-                        backgroundColor: o.palette.background.neutral,
-                        transform: "rotate(180deg)",
-                        inset: "0",
-                        borderTopLeftRadius: "100%",
-                        transformOrigin: "center center"
-                      }
-                    },
-                    "& .M4LSideBar-collapseButtontriangleBottom": {
-                      position: "absolute",
-                      bottom: "0",
-                      left: "0",
-                      width: "16px",
-                      height: "16px",
-                      ocontainerLogoButtonIconerflow: "hidden",
-                      background: o.palette.state.focus,
-                      transform: "rotate(180deg)",
-                      "&::before": {
-                        content: '""',
-                        position: "absolute",
-                        width: "100%",
-                        height: "100%",
-                        backgroundColor: o.palette.background.neutral,
-                        transform: "rotate(180deg)",
-                        inset: "0",
-                        borderTopLeftRadius: "100%",
-                        transformOrigin: "center center"
-                      }
-                    }
-                  }
-                },
-                "& .M4LImage-root": {
-                  display: "flex",
-                  position: "relative",
-                  padding: "8px",
-                  width: "130px",
-                  height: "44px",
-                  boxShadow: "inset 0px 4px 4px rgba(0, 0, 0, 0.25)",
-                  opacity: "30%"
-                }
-              }
-            },
-            "& .MuiCollapse-wrapperInner": {
-              display: "flex",
-              flexDirection: "column",
-              gap: "16px"
-            },
-            "& .M4LSideBar-navListSubItemRoot:hover": {
-              padding: "4px 8px",
-              borderRadius: "4px",
-              backgroundColor: o.palette.state.active12
-            },
-            "& .M4LSideBar-navListSubItemRoot": {
-              padding: "4px 8px",
-              borderRadius: "4px",
-              "& .M4LSideBar-subItemActive": {
-                "& .M4LSideBar-navSubItemContentBullet": {
-                  borderRadius: "5px",
-                  height: "10px",
-                  backgroundColor: o.palette.state.focus
-                }
-              },
-              "& .MuiButtonBase-root": {
-                gap: "4px",
-                "&:hover": {
-                  backgroundColor: "transparent"
-                }
-              },
-              "& .M4LSideBar-navSubItemContentBullet": {
-                width: "4px",
-                height: "4px",
-                borderRadius: "100%",
-                backgroundColor: o.palette.text.secondary,
-                margin: "6px"
-              }
             }
           }
         },
@@ -1630,7 +1360,7 @@ function fo(o) {
     }
   };
 }
-function yo(o) {
+function fo(o) {
   return {
     MuiDialog: {
       styleOverrides: {
@@ -1778,10 +1508,7 @@ function Co(o) {
   return {
     MuiPopover: {
       styleOverrides: {
-        paper: {
-          boxShadow: o.customShadows?.dropdown,
-          borderRadius: Number(o.shape.borderRadius) * 1.5
-        }
+        paper: {}
       }
     }
   };
@@ -1797,7 +1524,7 @@ function ho(o) {
     }
   };
 }
-function Io(o) {
+function Fo(o) {
   return {
     MuiDataGrid: {
       styleOverrides: {
@@ -1894,7 +1621,7 @@ function Io(o) {
     }
   };
 }
-function So(o) {
+function Io(o) {
   return {
     MuiSkeleton: {
       defaultProps: {
@@ -1908,7 +1635,7 @@ function So(o) {
     }
   };
 }
-function Fo(o) {
+function wo(o) {
   const r = e(o.palette.grey[900], 0.48), a = e(o.palette.grey[900], 1);
   return {
     MuiBackdrop: {
@@ -1928,7 +1655,7 @@ function Fo(o) {
     }
   };
 }
-function wo(o) {
+function So(o) {
   const r = o.palette.mode === "light";
   return {
     MuiLinearProgress: {
@@ -1987,7 +1714,7 @@ function Oo(o) {
     }
   };
 }
-function To(o) {
+function Ao(o) {
   return {
     MuiAccordion: {
       styleOverrides: {
@@ -2062,7 +1789,7 @@ function To(o) {
     }
   };
 }
-function $o(o) {
+function To(o) {
   return {
     MuiTypography: {
       defaultProps: {
@@ -2081,7 +1808,7 @@ function $o(o) {
     }
   };
 }
-function Ao(o) {
+function $o(o) {
   return {
     MuiPaginationItem: {
       styleOverrides: {
@@ -2115,7 +1842,7 @@ function Ao(o) {
     }
   };
 }
-function mo(o) {
+function Do(o) {
   return {
     MuiBreadcrumbs: {
       styleOverrides: {
@@ -2127,7 +1854,7 @@ function mo(o) {
     }
   };
 }
-function zo(o) {
+function mo(o) {
   const r = (a) => ({
     props: { variant: "contained", color: a },
     style: { boxShadow: o.customShadows?.primary }
@@ -2169,7 +1896,7 @@ function zo(o) {
     }
   };
 }
-function Do(o) {
+function zo(o) {
   return {
     MuiCssBaseline: {
       styleOverrides: {
@@ -2309,7 +2036,7 @@ function Eo(o) {
     }
   };
 }
-function Po(o) {
+function Wo(o) {
   return {
     MuiLoadingButton: {
       styleOverrides: {
@@ -2333,15 +2060,150 @@ function Po(o) {
     }
   };
 }
-const Wo = (o) => ({
+const Po = (o) => ({
   M4LBruceTest: {
     styleOverrides: {}
   }
 }), qo = (o) => ({
   M4LDynamicFilter: {
-    styleOverrides: {}
+    styleOverrides: {
+      "&.M4LDynamicFilter-root": {
+        borderRadius: "4px",
+        background: o.palette.background.default,
+        boxShadow: o.customShadows.z2,
+        padding: "0px",
+        border: "none",
+        borderTop: "1px solid",
+        borderColor: o.palette.state.default,
+        overflow: "hidden",
+        "& .M4LDynamicFilter-containerFistRow": {
+          height: "32px",
+          width: "100%",
+          "& .M4LDynamicFilter-containerInputFilter": {
+            width: "100%",
+            alignItems: "center",
+            maxWidth: "100%"
+          }
+        },
+        "&.M4LDynamicFilter-isInvalid": {
+          borderColor: o.palette.state.error.normal
+        },
+        "& .M4LDynamicFilter-containerClearFilter": {
+          display: "flex",
+          flexDirection: "row",
+          gap: "4px",
+          backgroundColor: o.palette.background.neutral,
+          padding: "4px"
+        },
+        "& .M4LDynamicFilter-containerInputFilter": {
+          display: "flex",
+          flexDirection: "row",
+          gap: "8px",
+          padding: "4px",
+          backgroundColor: o.palette.background.neutral,
+          height: "100%",
+          maxWidth: "135px",
+          width: "100%",
+          alignItems: "center",
+          "& > input": {
+            border: "none",
+            background: "none",
+            ...o.typography.body,
+            color: o.palette.text.primary,
+            padding: "0px 4px",
+            width: "100%",
+            BorderRadius: "4px"
+          },
+          "& input:focus-visible": {
+            border: "none",
+            background: o.palette.state.active12,
+            BorderRadius: "4px",
+            outline: "none",
+            padding: "0px 4px"
+          }
+        },
+        "& .M4LDynamicFilter-wrapperApplyedFilters": {
+          borderLeft: "none",
+          height: "29px"
+        },
+        "& .M4LDynamicFilter-containerApplyedFilters": {
+          padding: "2px"
+        },
+        "& .M4LDynamicFilter-applyedFilter": {
+          borderRadius: "4px",
+          background: o.palette.state.default,
+          boxShadow: o.customShadows.z2,
+          color: o.palette.text.secondary,
+          ...o.typography.body,
+          border: "none",
+          borderTop: "1px solid",
+          borderColor: o.palette.state.default,
+          "& .css-5ca9fi": {
+            ...o.typography.body
+          },
+          "& .css-1wytxsy": {
+            ...o.typography.body
+          }
+        },
+        "& .M4LDynamicFilter-popoverFilterPaper": {
+          background: o.palette.background.default,
+          borderRadius: "6px",
+          minWidth: "200px",
+          boxShadow: o.customShadows.z3,
+          borderTop: "1px solid",
+          borderColor: o.palette.state.default,
+          padding: "0px!important",
+          "& .M4LPopover-arrowStyle": {
+            background: "none"
+          },
+          "& .m4l_FormProvider": {
+            gap: "0px",
+            "& .M4LDynamicFilter-popoverFilterHeader": {
+              background: o.palette.state.default,
+              display: "flex",
+              gap: "4px",
+              padding: "8px",
+              borderRadius: "4px",
+              boxShadow: o.customShadows.z2,
+              borderBottom: "0px",
+              borderTop: "2px solid",
+              borderColor: o.palette.state.default,
+              "& .MuiTypography-root": {
+                ...o.typography.bodyDens,
+                color: o.palette.text.primary
+              }
+            },
+            "& .M4LDynamicFilter-popoverContainerFields": {
+              padding: "0px 12px"
+            },
+            "& #WrapperStandarActions": {
+              display: "flex",
+              flexDirection: "row",
+              gap: "12px",
+              padding: "16px 8px 12px 0px",
+              ".M4LButton-root": {
+                width: "fit-content"
+              }
+            }
+          }
+        },
+        "& .M4LDynamicFilter-popoverMenuFields": {
+          borderTop: "1px solid",
+          borderColor: o.palette.state.default,
+          "& .M4LDynamicFilter-classespopoverLabelMemuItem": {
+            ...o.typography.body,
+            color: o.palette.text.secondary
+          },
+          "& .M4LDynamicFilter-popoverMenuFieldsItem:hover": {
+            ...o.typography.body,
+            color: o.palette.state.hover,
+            background: o.palette.state.default
+          }
+        }
+      }
+    }
   }
-}), No = (o) => ({
+}), _o = (o) => ({
   M4LRHFTextFieldPassword: {
     styleOverrides: {
       "&.M4LRHFTextFieldPassword-root": {
@@ -2349,7 +2211,7 @@ const Wo = (o) => ({
       }
     }
   }
-}), jo = (o) => ({
+}), No = (o) => ({
   M4LRHFTextField: {
     styleOverrides: {
       "&.M4LRHFTextField-root": {
@@ -2375,14 +2237,15 @@ const Wo = (o) => ({
           },
           "& .M4LIcon-icon": {
             backgroundColor: o.palette.text.secondary,
-            transition: "all .5s ease"
+            transition: "all .3s ease"
           },
           "& .MuiOutlinedInput-notchedOutline": {
             border: "1px solid",
-            borderColor: o.palette.text.secondary,
+            padding: "4px",
+            borderColor: o.palette.divider,
             borderRadius: "4px",
             inset: "0px",
-            transition: "all .5s ease",
+            transition: "all .3s ease",
             "& legend": {
               display: "none"
             }
@@ -2477,7 +2340,7 @@ const Wo = (o) => ({
       }
     }
   }
-}), _o = (o) => ({
+}), jo = (o) => ({
   M4LIcon: {
     styleOverrides: {
       ["&.M4LIcon-root"]: {
@@ -2491,23 +2354,33 @@ const Wo = (o) => ({
         },
         ".M4LIcon-sizeExtraSmall": {
           width: "12px",
-          height: "12px"
+          height: "12px",
+          minWidth: "12px",
+          minHeight: "12px"
         },
         ".M4LIcon-sizeSmall": {
           width: "16px",
-          height: "16px"
+          height: "16px",
+          minWidth: "16px",
+          minHeight: "16px"
         },
         ".M4LIcon-sizeMedium": {
           width: "20px",
-          height: "20px"
+          height: "20px",
+          minWidth: "20px",
+          minHeight: "20px"
         },
         ".M4LIcon-sizeLarge": {
           width: "28px",
-          height: "28px"
+          height: "28px",
+          minWidth: "28px",
+          minHeight: "28px"
         },
         ".M4LIcon-sizeExtraLarge": {
           width: "36px",
-          height: "36px"
+          height: "36px",
+          minWidth: "36px",
+          minHeight: "36px"
         },
         ".M4LIcon-variantSkeleton": {
           borderRadius: "4px",
@@ -2743,47 +2616,30 @@ const Wo = (o) => ({
 }), Jo = (o) => ({
   M4LPopover: {
     styleOverrides: {
-      "&.M4LSideBar-popover": {
-        "& .MuiPaper-root": {
-          boxShadow: o.customShadows.z4,
-          "& .M4LSideBar-navListSubItemRoot:hover": {
-            padding: "4px 8px",
-            borderRadius: "4px",
-            backgroundColor: o.palette.state.active12
-          },
-          "& .M4LSideBar-navListSubItemRoot": {
-            padding: "4px 8px",
-            borderRadius: "4px",
-            "& .M4LSideBar-subItemActive": {
-              "& .M4LSideBar-navSubItemContentBullet": {
-                borderRadius: "5px",
-                height: "10px",
-                backgroundColor: o.palette.state.focus
-              }
-            },
-            "& .MuiButtonBase-root": {
-              gap: "4px",
-              "&:hover": {
-                backgroundColor: "transparent"
-              }
-            },
-            "& .M4LSideBar-navSubItemContentBullet": {
-              width: "4px",
-              height: "4px",
-              borderRadius: "100%",
-              backgroundColor: o.palette.text.secondary,
-              margin: "6px"
-            }
-          }
+      "&.M4LDynamicFilter-popoverMenuFields": {
+        "& .M4LDynamicFilter-popoverMenuFieldsPaper": {
+          borderRadius: "6px",
+          background: o.palette.background.default,
+          padding: "4px",
+          boxShadow: o.customShadows.z3,
+          display: "flex",
+          flexDirection: "column",
+          gap: "4px"
+        },
+        "& .M4LDynamicFilter-popoverMenuFieldsItem": {
+          borderRadius: "4px",
+          padding: "2px 8px",
+          display: "flex",
+          flexDirection: "row",
+          gap: "4px"
         }
       },
       ["&.M4LPopover-root"]: {
         ".MuiPaper-root": {
           background: o.palette.background.default,
           borderRadius: "6px",
-          Padding: "8px",
-          margin: "8px 0px 0px 8px",
-          boxShadow: o.customShadows?.z3
+          padding: "8px",
+          boxShadow: o.customShadows.z3
         },
         "& .M4LanguagePopover-containerItems": {
           "& .M4LanguagePopover-labelItem": {
@@ -2954,8 +2810,8 @@ const Wo = (o) => ({
                 }
               },
               "&:active": {
-                backgroundColor: o.palette.state?.default,
-                color: o.palette.text.disabled,
+                backgroundColor: o.palette.state?.active,
+                color: o.palette.text.primary,
                 "& .M4LIcon-icon": {
                   backgroundColor: o.palette.text.disabled,
                   color: o.palette.text.disabled
@@ -2996,11 +2852,11 @@ const Wo = (o) => ({
         "&.M4LButton-variantContained": {
           "& .MuiButtonBase-root": {
             backgroundColor: o.palette.state?.default,
-            color: o.palette.text.secondary,
-            boxShadow: o.customShadows?.z1,
+            color: o.palette.text.primary,
+            boxShadow: o.customShadows?.z2,
             position: "relative",
             "& .M4LIcon-icon": {
-              backgroundColor: o.palette.text.secondary
+              backgroundColor: o.palette.text.primary
             },
             "&:hover": {
               backgroundColor: o.palette.state?.hover,
@@ -3031,8 +2887,8 @@ const Wo = (o) => ({
         "&.M4LButton-variantOutlined": {
           "& .MuiButtonBase-root": {
             border: "1px solid",
-            borderColor: o.palette.text.secondary,
-            color: o.palette.text.secondary,
+            borderColor: o.palette.state.default,
+            color: o.palette.text.primary,
             "& .M4LIcon-icon": {
               backgroundColor: o.palette.text.secondary
             },
@@ -3110,7 +2966,7 @@ const Wo = (o) => ({
         gap: "4px",
         "& .M4LRHFAutocomplete-label": {
           color: o.palette.text.secondary,
-          transition: "all .5s ease"
+          transition: "all .3s ease"
         },
         "& .MuiAutocomplete-endAdornment": {
           top: "unset"
@@ -3119,7 +2975,7 @@ const Wo = (o) => ({
           padding: "0px",
           "& .MuiInputBase-input": {
             color: o.palette.text.secondary,
-            padding: "0px",
+            padding: "4px",
             backgroundColor: "transparent",
             ...o.typography.body
           },
@@ -3129,14 +2985,14 @@ const Wo = (o) => ({
           },
           "& .M4LIcon-icon": {
             backgroundColor: o.palette.text.secondary,
-            transition: "all .5s ease"
+            transition: "all .3s ease"
           },
           "& .MuiOutlinedInput-notchedOutline": {
             border: "1px solid",
-            borderColor: o.palette.text.secondary,
+            borderColor: o.palette.divider,
             borderRadius: "4px",
             inset: "0px",
-            transition: "all .5s ease",
+            transition: "all .3s ease",
             "& legend": {
               display: "none"
             }
@@ -3235,7 +3091,8 @@ const Wo = (o) => ({
   M4LRHFAutocompleteAsync: {
     styleOverrides: {
       "&.M4LRHFAutocompleteAsync-root": {
-        width: "100%"
+        width: "100%",
+        padding: "4px"
       }
     }
   }
@@ -3480,297 +3337,255 @@ const Wo = (o) => ({
   M4LSideBar: {
     styleOverrides: {
       "&.M4LSideBar-root": {
-        test: "root",
         height: "100%",
-        width: "fitContent",
-        borderRadius: "4px",
-        display: "flex",
+        width: "auto",
         background: o.palette.background.neutral,
-        boxSizing: "contentBox",
-        overflow: "hidden",
+        paddingLeft: "14px",
+        paddingBottom: "14px",
+        boxShadow: o.customShadows.z3,
+        [o.breakpoints.down("sm")]: {
+          width: "0px",
+          height: "0px",
+          padding: "0px"
+        },
         "& .M4LSideBar-wrapperSideBar": {
-          display: "flex",
-          "& .M4LSideBar-containerLogo": {
-            display: "flex",
-            flexDirection: "row",
-            width: "100%",
-            gap: "12px",
-            boxSizing: "contentBox",
-            padding: "16px 0px 0px 8px",
-            position: "absolute",
-            left: "-20px",
-            fitContent: "100%",
-            alignItems: "center",
-            "& .M4LImage-root": {
-              position: "relative",
-              background: o.palette.background.neutral,
-              boxShadow: o.customShadows.z3,
-              padding: "4px",
-              borderRadius: "6px",
-              minWidth: "64px",
-              minHeight: "64px"
+          height: "100%",
+          "& .M4LSideBar-containerSideBarLogo": {
+            marginRight: "14px",
+            "& .M4LSideBar-containerLogo": {
+              height: "128px",
+              display: "flex",
+              flexDirection: "column",
+              justifyContent: "center",
+              alignItems: "center",
+              fitContent: "100%",
+              boxSizing: "contentBox",
+              paddingTop: "24px",
+              paddingBottom: "28px",
+              gap: "12px",
+              "& .M4LTypography-root": {
+                display: "flex",
+                justifyContent: "center",
+                width: "100%",
+                "& .MuiTypography-root": {
+                  with: "100%",
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  textWrap: "nowrap"
+                }
+              },
+              "& .M4LImage-root": {
+                position: "relative",
+                background: o.palette.background.default,
+                boxShadow: o.customShadows.z3,
+                padding: "6px",
+                borderRadius: "6px"
+              }
             }
           },
           "& .M4LSideBar-contentGroups": {
             overflow: "hidden",
+            flexGrow: "1",
+            display: "flex",
+            flexDirection: "column",
+            "& .M4LSideBar-contentGroupsLine": {
+              display: "flex",
+              height: "2px",
+              marginRight: "14px",
+              backgroundColor: o.palette.state.default
+            },
             "& .M4LSideBar-wrapperGroup": {
-              padding: "100px 8px 0px 0px",
-              flexDirection: "column",
-              gap: "8px",
+              height: "100%",
+              "& .M4LSideBar-wrapperGroupTitle": {
+                padding: "20px",
+                height: "60px",
+                "& .M4LTypography-root": {
+                  display: "flex",
+                  width: "100%",
+                  "& .MuiTypography-root": {
+                    with: "100%",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    textWrap: "nowrap"
+                  }
+                }
+              },
               "& .M4LSideBar-itemListMainRoot": {
                 display: "flex",
+                borderRadius: "4px 0px 0px 4px",
+                justifyContent: "center",
                 flexDirection: "column",
-                position: "realative",
-                "& > .MuiCollapse-root:nth-of-type(2)": {
+                gap: "8px",
+                "& .M4LSideBar-navItemMainRoot": {
                   backgroundColor: "transparent",
-                  top: "-16px"
-                },
-                "& .MuiCollapse-root": {
-                  borderRadius: "16px 0px 4px 4px",
-                  padding: "16px 8px 8px 8px",
-                  position: "relative"
+                  "&:hover": {
+                    background: o.palette.state.default
+                  }
                 },
                 "&.M4LSideBar-itemMainActive": {
                   "& .M4LSideBar-navItemMainRoot": {
-                    height: "68px"
-                  },
-                  "& > .MuiCollapse-root:nth-of-type(2)": {
-                    backgroundColor: o.palette.state.active12,
-                    top: "-16px"
-                  },
-                  "& .M4LSideBar-navItemRootContent": {
-                    background: o.palette.representative,
-                    "& .M4LTypography-root .MuiTypography-root": {
-                      color: o.palette.patronus?.marbleLight[10]
-                    },
-                    "& .M4LIcon-root .M4LIcon-icon": {
-                      backgroundColor: o.palette.patronus?.marbleLight[10]
-                    },
+                    background: o.palette.state.active12,
                     "&:hover": {
-                      background: `${o.palette.representative}!important`
+                      background: e(o.palette.state.active || "#fff", 0.18)
                     }
                   },
-                  "& .M4LSideBar-navItemMainTriangleTop": {
-                    position: "absolute",
-                    top: "0",
-                    left: "0",
-                    width: "16px",
-                    height: "16px",
-                    overflow: "hidden",
-                    backgroundColor: o.palette.representative,
-                    transform: "rotate(90deg)",
-                    "&::before": {
-                      content: '""',
-                      position: "absolute",
-                      width: "100%",
-                      height: "100%",
-                      backgroundColor: o.palette.background.neutral,
-                      transform: "rotate(180deg)",
-                      inset: "0",
-                      borderTopLeftRadius: "100%",
-                      transformOrigin: "center center"
-                    }
-                  },
-                  "& .M4LSideBar-navItemMainTriangleBottom": {
-                    position: "absolute",
-                    bottom: "0",
-                    left: "0",
-                    width: "16px",
-                    height: "16px",
-                    overflow: "hidden",
-                    background: o.palette.representative,
-                    transform: "rotate(180deg)",
+                  "& .M4LSideBar-navItemRootContent": {
+                    "& .M4LSideBar-navItemRootContentIconTypo": {
+                      "& .M4LIcon-icon": {
+                        backgroundColor: o.palette.state.focus
+                      },
+                      "& .MuiTypography-root": {
+                        color: o.palette.state.focus
+                      },
+                      "& .M4LSideBar-arrowIconRoot .M4LIcon-icon": {
+                        backgroundColor: o.palette.state.focus
+                      }
+                    },
                     "&::before": {
                       content: '""',
-                      position: "absolute",
-                      width: "100%",
-                      height: "100%",
-                      backgroundColor: o.palette.background.neutral,
-                      transform: "rotate(180deg)",
-                      inset: "0",
-                      borderTopLeftRadius: "100%",
-                      transformOrigin: "center center"
+                      width: "5px",
+                      top: "0px",
+                      bottom: "0px",
+                      right: "0px",
+                      backgroundColor: o.palette.state.focus,
+                      borderRadius: "4px 0px 0px 4px",
+                      position: "absolute"
                     }
                   }
                 },
-                "& .M4LSideBar-navItemMainRoot": {
-                  ...o.typography.body2,
-                  padding: "0px",
-                  height: "fit-content",
-                  position: "relative",
+                "& .M4LSideBar-navItemRootContent": {
                   display: "flex",
-                  alignItems: "center",
-                  textTransform: "capitalize",
-                  overflow: "hidden",
-                  backgroundColor: "transparent",
-                  "& .M4LSideBar-navItemRootContent": {
-                    padding: "8px 16px",
-                    border: "0px",
-                    justifyContent: "space-between",
-                    alignItems: "center",
+                  padding: "8px",
+                  justifyContent: "center",
+                  borderRadius: "4px 0px 0px 4px",
+                  position: "relative",
+                  "& .M4LSideBar-navItemRootContentIconTypo": {
                     display: "flex",
+                    gap: "8px",
                     width: "100%",
-                    height: "36px",
-                    boxSizing: "border-box",
-                    borderRadius: "0 4px 4px 0",
-                    overflow: "hidden",
-                    transition: o.transitions.create(["width", "opacity"], {
-                      duration: o.transitions.duration.standard
-                    }),
-                    "&:hover": {
-                      backgroundColor: o.palette.state.active12,
-                      Color: o.palette.text.primary
+                    "& .M4LIcon-icon": {
+                      backgroundColor: o.palette.text.secondary
                     },
-                    "& .M4LSideBar-navItemRootContentIconTypo": {
-                      display: "flex",
-                      gap: "4px"
+                    "& .MuiTypography-root": {
+                      ...o.typography.paragraphDens,
+                      color: o.palette.text.secondary
+                    },
+                    "& .M4LSideBar-arrowIconRoot .M4LIcon-icon": {
+                      backgroundColor: o.palette.text.secondary
                     }
                   }
-                }
-              }
-            }
-          },
-          "& .M4LSideBar-lineLeft": {
-            height: "100%",
-            width: "20px",
-            backgroundColor: o.palette.representative
-          },
-          "& .M4LSideBar-contentDesktop, & .M4LSideBar-contentMobile": {
-            position: "relative",
-            width: "100%",
-            flexGrow: "1",
-            display: "flex",
-            "& .M4LSideBar-collapseButton": {
-              width: "100%",
-              padding: "0px",
-              "& .M4LSideBar-containerLogoButton": {
-                width: "100%",
-                height: "68px",
-                justifyContent: "space-between",
-                alignItems: "center",
-                "& .M4LSideBar-containerLogoButtonLogo": {
-                  width: "100%",
-                  height: "100%",
-                  padding: "12px 30px"
                 },
-                "& .M4LSideBar-containerLogoButtonIcon": {
-                  width: "auto",
-                  height: "100%",
-                  position: "relative",
-                  display: "flex",
-                  alignItems: "center",
-                  "& .M4LIconButton-root": {
-                    width: "36px",
-                    height: "36px",
-                    borderRadius: "0px 4px 4px 0px",
-                    backgroundColor: o.palette.state.focus,
-                    "&:hover": {
-                      backgroundColor: o.palette.state.focus
+                "& .M4LSideBar-navListSubItemRoot": {
+                  "& .M4LSideBar-navSubItemContentRoot ": {
+                    "&.M4LSideBar-subItemCollapseActive": {
+                      backgroundColor: o.palette.state.active12
                     },
-                    "& .M4LIcon-icon": {
-                      backgroundColor: o.palette.patronus?.marbleLight[10]
-                    }
-                  },
-                  "& .M4LSideBar-collapseButtontriangleTop": {
-                    position: "absolute",
-                    top: "0",
-                    left: "0",
-                    width: "16px",
-                    height: "16px",
-                    overflow: "hidden",
-                    backgroundColor: o.palette.state.focus,
-                    transform: "rotate(90deg)",
-                    "&::before": {
-                      content: '""',
-                      position: "absolute",
-                      width: "100%",
-                      height: "100%",
-                      backgroundColor: o.palette.background.neutral,
-                      transform: "rotate(180deg)",
-                      inset: "0",
-                      borderTopLeftRadius: "100%",
-                      transformOrigin: "center center"
+                    "&.M4LSideBar-subItemActive": {
+                      "& .M4LSideBar-navSubItemContentBullet": {
+                        height: "14px",
+                        borderRadius: "10px",
+                        backgroundColor: o.palette.state.focus
+                      }
+                    },
+                    "&:hover": {
+                      background: o.palette.state.default
                     }
                   },
-                  "& .M4LSideBar-collapseButtontriangleBottom": {
-                    position: "absolute",
-                    bottom: "0",
-                    left: "0",
-                    width: "16px",
-                    height: "16px",
-                    ocontainerLogoButtonIconerflow: "hidden",
-                    background: o.palette.state.focus,
-                    transform: "rotate(180deg)",
-                    "&::before": {
-                      content: '""',
-                      position: "absolute",
+                  "& .M4LSideBar-navSubItemContentRoot": {
+                    gap: "12px",
+                    margin: "0px 0px 1px 0px",
+                    padding: "16px",
+                    "& .M4LSideBar-navSubItemContentBullet": {
+                      minWidth: "5px",
+                      minHeight: "5px",
+                      borderRadius: "50%",
+                      backgroundColor: o.palette.text.primary
+                    },
+                    "& .M4LTypography-root": {
+                      display: "flex",
                       width: "100%",
-                      height: "100%",
-                      backgroundColor: o.palette.background.neutral,
-                      transform: "rotate(180deg)",
-                      inset: "0",
-                      borderTopLeftRadius: "100%",
-                      transformOrigin: "center center"
+                      "& .MuiTypography-root": {
+                        ...o.typography.paragraph,
+                        color: o.palette.text.secondary,
+                        with: "100%",
+                        overflow: "hidden",
+                        textOverflow: "ellipsis",
+                        textWrap: "nowrap"
+                      }
                     }
                   }
+                },
+                "& .MuiCollapse-root": {
+                  marginLeft: "28px"
                 }
-              },
-              "& .M4LImage-root": {
-                display: "flex",
-                position: "relative",
-                padding: "8px",
-                width: "130px",
-                height: "44px",
-                boxShadow: "inset 0px 4px 4px rgba(0, 0, 0, 0.25)",
-                opacity: "30%"
               }
+            },
+            "& .M4LIcon-root .M4LIcon-icon": {
+              backgroundColor: o.palette.text.disabled
             }
           },
-          "& .MuiCollapse-wrapperInner": {
+          "& .M4LSideBar-collapseButton": {
             display: "flex",
-            flexDirection: "column",
-            gap: "16px"
-          },
-          "& .M4LSideBar-navListSubItemRoot:hover": {
-            padding: "4px 8px",
-            borderRadius: "4px",
-            backgroundColor: o.palette.state.active12
-          },
-          "& .M4LSideBar-navListSubItemRoot": {
-            padding: "4px 8px",
-            borderRadius: "4px",
-            "& .M4LSideBar-subItemActive": {
-              "& .M4LSideBar-navSubItemContentBullet": {
-                borderRadius: "5px",
-                height: "10px",
-                backgroundColor: o.palette.state.focus
-              }
-            },
-            "& .MuiButtonBase-root": {
-              gap: "4px",
-              "&:hover": {
-                backgroundColor: "transparent"
+            paddingTop: "14px",
+            borderTop: "2px solid",
+            borderColor: o.palette.state.default,
+            justifyContent: "center",
+            marginRight: "14px",
+            gap: "15px",
+            "& .M4LSideBar-containerLogoButton": {
+              display: "flex",
+              gap: "14px",
+              "& .M4LSideBar-containerLogoButtonLogo": {
+                width: "120px",
+                height: "40px"
+              },
+              "& .M4LSideBar-containerLogoButtonIcon": {
+                display: "flex",
+                alignItems: "center"
               }
-            },
-            "& .M4LSideBar-navSubItemContentBullet": {
-              width: "4px",
-              height: "4px",
-              borderRadius: "100%",
-              backgroundColor: o.palette.text.secondary,
-              margin: "6px"
             }
-          },
-          "& .MuiPaper-root": {
-            borderRadius: "4px",
-            backgroundColor: o.palette.state.active12,
-            padding: "8px"
           }
+        },
+        "& .M4LSideBar-contentMobile": {
+          width: "100%",
+          display: "flex",
+          flexDirection: "column",
+          paddingLeft: "14px"
+        },
+        "& .M4LSideBar-contentDesktop": {
+          display: "flex"
         }
       }
     }
   }
+}), nt = (o) => ({
+  M4LAreasAdmin: {
+    styleOverrides: {
+      "&.M4LAreasAdmin-root": {
+        width: "100%",
+        "& .M4LAreasAdmin-areaContainerChips": {
+          display: "flex",
+          overflow: "auto",
+          width: "100%",
+          "& .M4LAreasAdmin-areaChipRoot": {
+            "& .M4LAreasAdmin-areaChipTitle": {
+              textWrap: "nowrap"
+            }
+          }
+        }
+      }
+    }
+  }
+}), pt = (o) => ({
+  M4LAreasViewer: {
+    styleOverrides: {
+      "&.M4LAreasViewer-root": {
+        test: "root"
+      }
+    }
+  }
 });
-function ct(o) {
+function xt(o) {
   return Object.assign(
     ao(o),
     no(o),
@@ -3787,38 +3602,38 @@ function ct(o) {
     Lo(o),
     eo(o),
     ro(o),
-    yo(o),
+    fo(o),
     to(o),
     vo(o),
-    fo(o),
+    yo(o),
     ho(o),
     ko(o),
-    Co(o),
+    Co(),
     Bo(),
     Oo(o),
+    Fo(o),
     Io(o),
-    So(o),
     Ro(o),
-    Fo(o),
     wo(o),
+    So(o),
+    Ao(o),
     To(o),
     $o(o),
-    Ao(o),
-    zo(o),
     mo(o),
-    Do(),
+    Do(o),
+    zo(),
     Ho(o),
     Eo(o),
     Go(o),
-    Po(o),
+    Wo(o),
     rt(o),
-    Wo(),
-    qo(),
-    jo(o),
-    No(),
+    Po(),
+    qo(o),
+    No(o),
+    _o(),
     tt(o),
     et(),
-    _o(o),
+    jo(o),
     Vo(o),
     Yo(),
     Uo(o),
@@ -3829,10 +3644,12 @@ function ct(o) {
     Xo(o),
     Zo(o),
     ot(o),
-    it(o)
+    it(o),
+    nt(),
+    pt()
   );
 }
-const gt = {
+const bt = {
   values: {
     xs: 0,
     sm: 600,
@@ -3840,25 +3657,25 @@ const gt = {
     lg: 1200,
     xl: 1400
   }
-}, xt = {
+}, Mt = {
   mobile: 16,
   desktop: 16
 };
 export {
   t as PATRONUSCOLORS,
-  _ as blaze,
-  j as candy,
+  j as blaze,
+  N as candy,
   g as colorPresets,
   Z as createCustomShadows,
-  I as defaultPreset,
-  ut as defaultThemeOptions,
-  ct as fnComponentsOverrides,
+  F as defaultPreset,
+  gt as defaultThemeOptions,
+  xt as fnComponentsOverrides,
   b as getColorPresets,
   V as getColorState,
-  st as getFontValue,
-  xt as globalRemSize,
-  N as grass,
-  gt as muiBreakpointsValues,
+  ct as getFontValue,
+  Mt as globalRemSize,
+  _ as grass,
+  bt as muiBreakpointsValues,
   s as palette,
   d as pxToRem,
   Y as remToPx,