@m4l/styles 0.0.0 → 0.0.1

package/index.js

@@ -1,8 +1,222 @@
-import { alpha as t } from "@mui/material/styles";
-import { pxToRem as n, responsiveFontSizes as d, getColorPresets as k } from "@m4l/graphics";
-import { alpha as M } from "@mui/material";
-const $ = "Public Sans, sans-serif", C = {
-  fontFamily: $,
+import { alpha as e, useTheme as S } from "@mui/material/styles";
+import { useResponsive as L } from "@m4l/graphics";
+import { alpha as F } from "@mui/material";
+function u(r, o) {
+  return `linear-gradient(to bottom, ${r}, ${o})`;
+}
+const g = {
+  lighter: "#C8FACD",
+  light: "#5BE584",
+  main: "#00AB55",
+  dark: "#007B55",
+  darker: "#005249"
+}, R = {
+  lighter: "#D6E4FF",
+  light: "#84A9FF",
+  main: "#3366FF",
+  dark: "#1939B7",
+  darker: "#091A7A"
+}, x = {
+  lighter: "#D0F2FF",
+  light: "#74CAFF",
+  main: "#1890FF",
+  dark: "#0C53B7",
+  darker: "#04297A"
+}, b = {
+  lighter: "#E9FCD4",
+  light: "#AAF27F",
+  main: "#54D62C",
+  dark: "#229A16",
+  darker: "#08660D"
+}, y = {
+  lighter: "#FFF7CD",
+  light: "#FFE16A",
+  main: "#FFC107",
+  dark: "#B78103",
+  darker: "#7A4F01"
+}, f = {
+  lighter: "#FFE7D9",
+  light: "#FFA48D",
+  main: "#FF4842",
+  dark: "#B72136",
+  darker: "#7A0C2E"
+}, a = {
+  0: "#FFFFFF",
+  100: "#F9FAFB",
+  200: "#F4F6F8",
+  300: "#DFE3E8",
+  400: "#C4CDD5",
+  500: "#919EAB",
+  600: "#637381",
+  700: "#454F5B",
+  800: "#212B36",
+  900: "#161C24",
+  5008: e("#919EAB", 0.08),
+  50012: e("#919EAB", 0.12),
+  50016: e("#919EAB", 0.16),
+  50024: e("#919EAB", 0.24),
+  50032: e("#919EAB", 0.32),
+  50048: e("#919EAB", 0.48),
+  50056: e("#919EAB", 0.56),
+  50080: e("#919EAB", 0.8)
+}, T = {
+  primary: u(g.light, g.main),
+  info: u(x.light, x.main),
+  success: u(b.light, b.main),
+  warning: u(y.light, y.main),
+  error: u(f.light, f.main)
+}, D = {
+  violet: ["#826AF9", "#9E86FF", "#D0AEFF", "#F7D2FF"],
+  blue: ["#2D99FF", "#83CFFF", "#A5F3FF", "#CCFAFF"],
+  green: ["#2CD9C5", "#60F1C8", "#A4F7CC", "#C0F2DC"],
+  yellow: ["#FFE700", "#FFEF5A", "#FFF7AE", "#FFF3D6"],
+  red: ["#FF6C40", "#FF8F6D", "#FFBD98", "#FFF2D4"]
+}, c = {
+  common: { black: "#000", white: "#fff" },
+  primary: { ...g, contrastText: "#fff" },
+  secondary: { ...R, contrastText: "#fff" },
+  info: { ...x, contrastText: "#fff" },
+  success: { ...b, contrastText: a[800] },
+  warning: { ...y, contrastText: a[800] },
+  error: { ...f, contrastText: "#fff" },
+  grey: a,
+  gradients: T,
+  chart: D,
+  divider: a[50024],
+  action: {
+    hover: a[5008],
+    selected: a[50016],
+    disabled: a[50080],
+    disabledBackground: a[50024],
+    focus: a[50024],
+    hoverOpacity: 0.08,
+    disabledOpacity: 0.48
+  }
+}, p = {
+  light: {
+    ...c,
+    mode: "light",
+    text: { primary: a[800], secondary: a[700], disabled: a[500] },
+    background: {
+      paper: "#fff",
+      default: "#fff",
+      neutral: a[200],
+      autocomplete: a[100],
+      header: "#F6F7F9"
+    },
+    action: { active: a[600], ...c.action },
+    grid: { sectionHeader: "#F6F7F9", divider: "#EDEFF2", rowHover: "#FAFBFC" }
+  },
+  dark: {
+    ...c,
+    mode: "dark",
+    text: { primary: "#fff", secondary: a[500], disabled: a[600] },
+    background: {
+      paper: a[800],
+      default: a[900],
+      neutral: a[50016],
+      autocomplete: a[800],
+      header: "#29313A"
+    },
+    action: { active: a[500], ...c.action },
+    grid: { sectionHeader: "#29313A", divider: "#3E464F", rowHover: "#1F262F" }
+  }
+}, l = [
+  {
+    name: "default",
+    ...p.light.primary,
+    LightSelected: "#EBF9F1",
+    LightSelectedHover: "#D6F2E3",
+    DarkSelected: "#142827",
+    DarkSelectedHover: "#12342B"
+  },
+  {
+    name: "purple",
+    lighter: "#EBD6FD",
+    light: "#B985F4",
+    main: "#7635dc",
+    dark: "#431A9E",
+    darker: "#200A69",
+    contrastText: "#fff"
+  },
+  {
+    name: "cyan",
+    lighter: "#D1FFFC",
+    light: "#76F2FF",
+    main: "#1CCAFF",
+    dark: "#0E77B7",
+    darker: "#053D7A",
+    contrastText: p.light.grey[800]
+  },
+  {
+    name: "blue",
+    lighter: "#D1E9FC",
+    light: "#76B0F1",
+    main: "#2065D1",
+    dark: "#103996",
+    darker: "#061B64",
+    contrastText: "#fff"
+  },
+  {
+    name: "orange",
+    lighter: "#FEF4D4",
+    light: "#FED680",
+    main: "#fda92d",
+    dark: "#B66816",
+    darker: "#793908",
+    contrastText: p.light.grey[800]
+  },
+  {
+    name: "red",
+    lighter: "#FFE3D5",
+    light: "#FFC1AC",
+    main: "#FF3030",
+    dark: "#B71833",
+    darker: "#7A0930",
+    contrastText: "#fff"
+  }
+], A = l[0], I = l[1], z = l[2], P = l[3], E = l[4], H = l[5];
+function W(r) {
+  return {
+    purple: I,
+    cyan: z,
+    blue: P,
+    orange: E,
+    red: H,
+    default: A
+  }[r];
+}
+function G(r) {
+  return Math.round(parseFloat(r) * 16);
+}
+function n(r) {
+  return `${r / 16}rem`;
+}
+function d({ sm: r, md: o, lg: t }) {
+  return {
+    "@media (min-width:600px)": {
+      fontSize: n(r)
+    },
+    "@media (min-width:900px)": {
+      fontSize: n(o)
+    },
+    "@media (min-width:1200px)": {
+      fontSize: n(t)
+    }
+  };
+}
+function N() {
+  return [...S().breakpoints.keys].reverse().reduce((t, i) => {
+    const M = L("up", i);
+    return !t && M ? i : t;
+  }, null) || "xs";
+}
+function qr(r) {
+  const o = S(), t = N(), i = o.breakpoints.up(t === "xl" ? "lg" : t), w = (r === "h1" || r === "h2" || r === "h3" || r === "h4" || r === "h5" || r === "h6") && o.typography[r][i] ? o.typography[r][i] : o.typography[r], h = G(w.fontSize), m = Number(o.typography[r].lineHeight) * h, { fontWeight: B, letterSpacing: O } = o.typography[r];
+  return { fontSize: h, lineHeight: m, fontWeight: B, letterSpacing: O };
+}
+const _ = "Public Sans, sans-serif", Y = {
+  fontFamily: _,
   fontWeightRegular: 400,
   fontWeightMedium: 600,
   fontWeightBold: 700,
@@ -84,187 +298,66 @@ const $ = "Public Sans, sans-serif", C = {
     fontSize: n(14),
     textTransform: "capitalize"
   }
-};
-function l(o, r) {
-  return `linear-gradient(to bottom, ${o}, ${r})`;
-}
-const c = {
-  lighter: "#C8FACD",
-  light: "#5BE584",
-  main: "#00AB55",
-  dark: "#007B55",
-  darker: "#005249"
-}, S = {
-  lighter: "#D6E4FF",
-  light: "#84A9FF",
-  main: "#3366FF",
-  dark: "#1939B7",
-  darker: "#091A7A"
-}, g = {
-  lighter: "#D0F2FF",
-  light: "#74CAFF",
-  main: "#1890FF",
-  dark: "#0C53B7",
-  darker: "#04297A"
-}, x = {
-  lighter: "#E9FCD4",
-  light: "#AAF27F",
-  main: "#54D62C",
-  dark: "#229A16",
-  darker: "#08660D"
-}, b = {
-  lighter: "#FFF7CD",
-  light: "#FFE16A",
-  main: "#FFC107",
-  dark: "#B78103",
-  darker: "#7A4F01"
-}, y = {
-  lighter: "#FFE7D9",
-  light: "#FFA48D",
-  main: "#FF4842",
-  dark: "#B72136",
-  darker: "#7A0C2E"
-}, e = {
-  0: "#FFFFFF",
-  100: "#F9FAFB",
-  200: "#F4F6F8",
-  300: "#DFE3E8",
-  400: "#C4CDD5",
-  500: "#919EAB",
-  600: "#637381",
-  700: "#454F5B",
-  800: "#212B36",
-  900: "#161C24",
-  5008: t("#919EAB", 0.08),
-  50012: t("#919EAB", 0.12),
-  50016: t("#919EAB", 0.16),
-  50024: t("#919EAB", 0.24),
-  50032: t("#919EAB", 0.32),
-  50048: t("#919EAB", 0.48),
-  50056: t("#919EAB", 0.56),
-  50080: t("#919EAB", 0.8)
-}, w = {
-  primary: l(c.light, c.main),
-  info: l(g.light, g.main),
-  success: l(x.light, x.main),
-  warning: l(b.light, b.main),
-  error: l(y.light, y.main)
-}, B = {
-  violet: ["#826AF9", "#9E86FF", "#D0AEFF", "#F7D2FF"],
-  blue: ["#2D99FF", "#83CFFF", "#A5F3FF", "#CCFAFF"],
-  green: ["#2CD9C5", "#60F1C8", "#A4F7CC", "#C0F2DC"],
-  yellow: ["#FFE700", "#FFEF5A", "#FFF7AE", "#FFF3D6"],
-  red: ["#FF6C40", "#FF8F6D", "#FFBD98", "#FFF2D4"]
-}, u = {
-  common: { black: "#000", white: "#fff" },
-  primary: { ...c, contrastText: "#fff" },
-  secondary: { ...S, contrastText: "#fff" },
-  info: { ...g, contrastText: "#fff" },
-  success: { ...x, contrastText: e[800] },
-  warning: { ...b, contrastText: e[800] },
-  error: { ...y, contrastText: "#fff" },
-  grey: e,
-  gradients: w,
-  chart: B,
-  divider: e[50024],
-  action: {
-    hover: e[5008],
-    selected: e[50016],
-    disabled: e[50080],
-    disabledBackground: e[50024],
-    focus: e[50024],
-    hoverOpacity: 0.08,
-    disabledOpacity: 0.48
-  }
-}, p = {
-  light: {
-    ...u,
-    mode: "light",
-    text: { primary: e[800], secondary: e[700], disabled: e[500] },
-    background: {
-      paper: "#fff",
-      default: "#fff",
-      neutral: e[200],
-      autocomplete: e[100],
-      header: "#F6F7F9"
-    },
-    action: { active: e[600], ...u.action },
-    grid: { sectionHeader: "#F6F7F9", divider: "#EDEFF2", rowHover: "#FAFBFC" }
-  },
-  dark: {
-    ...u,
-    mode: "dark",
-    text: { primary: "#fff", secondary: e[500], disabled: e[600] },
-    background: {
-      paper: e[800],
-      default: e[900],
-      neutral: e[50016],
-      autocomplete: e[800],
-      header: "#29313A"
-    },
-    action: { active: e[500], ...u.action },
-    grid: { sectionHeader: "#29313A", divider: "#3E464F", rowHover: "#1F262F" }
-  }
-}, h = p.light.grey[500], F = "#000000", f = (o) => {
-  const r = t(o, 0.2), i = t(o, 0.14), a = t(o, 0.12);
+}, C = p.light.grey[500], $ = "#000000", v = (r) => {
+  const o = e(r, 0.2), t = e(r, 0.14), i = e(r, 0.12);
   return [
     "none",
-    `0px 2px 1px -1px ${r},0px 1px 1px 0px ${i},0px 1px 3px 0px ${a}`,
-    `0px 3px 1px -2px ${r},0px 2px 2px 0px ${i},0px 1px 5px 0px ${a}`,
-    `0px 3px 3px -2px ${r},0px 3px 4px 0px ${i},0px 1px 8px 0px ${a}`,
-    `0px 2px 4px -1px ${r},0px 4px 5px 0px ${i},0px 1px 10px 0px ${a}`,
-    `0px 3px 5px -1px ${r},0px 5px 8px 0px ${i},0px 1px 14px 0px ${a}`,
-    `0px 3px 5px -1px ${r},0px 6px 10px 0px ${i},0px 1px 18px 0px ${a}`,
-    `0px 4px 5px -2px ${r},0px 7px 10px 1px ${i},0px 2px 16px 1px ${a}`,
-    `0px 5px 5px -3px ${r},0px 8px 10px 1px ${i},0px 3px 14px 2px ${a}`,
-    `0px 5px 6px -3px ${r},0px 9px 12px 1px ${i},0px 3px 16px 2px ${a}`,
-    `0px 6px 6px -3px ${r},0px 10px 14px 1px ${i},0px 4px 18px 3px ${a}`,
-    `0px 6px 7px -4px ${r},0px 11px 15px 1px ${i},0px 4px 20px 3px ${a}`,
-    `0px 7px 8px -4px ${r},0px 12px 17px 2px ${i},0px 5px 22px 4px ${a}`,
-    `0px 7px 8px -4px ${r},0px 13px 19px 2px ${i},0px 5px 24px 4px ${a}`,
-    `0px 7px 9px -4px ${r},0px 14px 21px 2px ${i},0px 5px 26px 4px ${a}`,
-    `0px 8px 9px -5px ${r},0px 15px 22px 2px ${i},0px 6px 28px 5px ${a}`,
-    `0px 8px 10px -5px ${r},0px 16px 24px 2px ${i},0px 6px 30px 5px ${a}`,
-    `0px 8px 11px -5px ${r},0px 17px 26px 2px ${i},0px 6px 32px 5px ${a}`,
-    `0px 9px 11px -5px ${r},0px 18px 28px 2px ${i},0px 7px 34px 6px ${a}`,
-    `0px 9px 12px -6px ${r},0px 19px 29px 2px ${i},0px 7px 36px 6px ${a}`,
-    `0px 10px 13px -6px ${r},0px 20px 31px 3px ${i},0px 8px 38px 7px ${a}`,
-    `0px 10px 13px -6px ${r},0px 21px 33px 3px ${i},0px 8px 40px 7px ${a}`,
-    `0px 10px 14px -6px ${r},0px 22px 35px 3px ${i},0px 8px 42px 7px ${a}`,
-    `0px 11px 14px -7px ${r},0px 23px 36px 3px ${i},0px 9px 44px 8px ${a}`,
-    `0px 11px 15px -7px ${r},0px 24px 38px 3px ${i},0px 9px 46px 8px ${a}`
+    `0px 2px 1px -1px ${o},0px 1px 1px 0px ${t},0px 1px 3px 0px ${i}`,
+    `0px 3px 1px -2px ${o},0px 2px 2px 0px ${t},0px 1px 5px 0px ${i}`,
+    `0px 3px 3px -2px ${o},0px 3px 4px 0px ${t},0px 1px 8px 0px ${i}`,
+    `0px 2px 4px -1px ${o},0px 4px 5px 0px ${t},0px 1px 10px 0px ${i}`,
+    `0px 3px 5px -1px ${o},0px 5px 8px 0px ${t},0px 1px 14px 0px ${i}`,
+    `0px 3px 5px -1px ${o},0px 6px 10px 0px ${t},0px 1px 18px 0px ${i}`,
+    `0px 4px 5px -2px ${o},0px 7px 10px 1px ${t},0px 2px 16px 1px ${i}`,
+    `0px 5px 5px -3px ${o},0px 8px 10px 1px ${t},0px 3px 14px 2px ${i}`,
+    `0px 5px 6px -3px ${o},0px 9px 12px 1px ${t},0px 3px 16px 2px ${i}`,
+    `0px 6px 6px -3px ${o},0px 10px 14px 1px ${t},0px 4px 18px 3px ${i}`,
+    `0px 6px 7px -4px ${o},0px 11px 15px 1px ${t},0px 4px 20px 3px ${i}`,
+    `0px 7px 8px -4px ${o},0px 12px 17px 2px ${t},0px 5px 22px 4px ${i}`,
+    `0px 7px 8px -4px ${o},0px 13px 19px 2px ${t},0px 5px 24px 4px ${i}`,
+    `0px 7px 9px -4px ${o},0px 14px 21px 2px ${t},0px 5px 26px 4px ${i}`,
+    `0px 8px 9px -5px ${o},0px 15px 22px 2px ${t},0px 6px 28px 5px ${i}`,
+    `0px 8px 10px -5px ${o},0px 16px 24px 2px ${t},0px 6px 30px 5px ${i}`,
+    `0px 8px 11px -5px ${o},0px 17px 26px 2px ${t},0px 6px 32px 5px ${i}`,
+    `0px 9px 11px -5px ${o},0px 18px 28px 2px ${t},0px 7px 34px 6px ${i}`,
+    `0px 9px 12px -6px ${o},0px 19px 29px 2px ${t},0px 7px 36px 6px ${i}`,
+    `0px 10px 13px -6px ${o},0px 20px 31px 3px ${t},0px 8px 38px 7px ${i}`,
+    `0px 10px 13px -6px ${o},0px 21px 33px 3px ${t},0px 8px 40px 7px ${i}`,
+    `0px 10px 14px -6px ${o},0px 22px 35px 3px ${t},0px 8px 42px 7px ${i}`,
+    `0px 11px 14px -7px ${o},0px 23px 36px 3px ${t},0px 9px 44px 8px ${i}`,
+    `0px 11px 15px -7px ${o},0px 24px 38px 3px ${t},0px 9px 46px 8px ${i}`
   ];
-}, v = (o) => {
-  const r = t(o, 0.16);
+}, k = (r) => {
+  const o = e(r, 0.16);
   return {
-    z1: `0 1px 2px 0 ${r}`,
-    z8: `0 8px 16px 0 ${r}`,
-    z12: `0 12px 24px -4px ${r}`,
-    z16: `0 16px 32px -4px ${r}`,
-    z20: `0 20px 40px -4px ${r}`,
-    z24: `0 24px 48px 0 ${r}`,
-    primary: `0 8px 16px 0 ${t(p.light.primary.main, 0.24)}`,
-    info: `0 8px 16px 0 ${t(p.light.info.main, 0.24)}`,
-    secondary: `0 8px 16px 0 ${t(p.light.secondary.main, 0.24)}`,
-    success: `0 8px 16px 0 ${t(p.light.success.main, 0.24)}`,
-    warning: `0 8px 16px 0 ${t(p.light.warning.main, 0.24)}`,
-    error: `0 8px 16px 0 ${t(p.light.error.main, 0.24)}`,
-    card: `0 0 2px 0 ${t(o, 0.2)}, 0 12px 24px -4px ${t(o, 0.12)}`,
-    dialog: `-40px 40px 80px -8px ${t(p.light.common.black, 0.24)}`,
-    dropdown: `0 0 2px 0 ${t(o, 0.24)}, -20px 20px 40px -4px ${t(o, 0.24)}`
+    z1: `0 1px 2px 0 ${o}`,
+    z8: `0 8px 16px 0 ${o}`,
+    z12: `0 12px 24px -4px ${o}`,
+    z16: `0 16px 32px -4px ${o}`,
+    z20: `0 20px 40px -4px ${o}`,
+    z24: `0 24px 48px 0 ${o}`,
+    primary: `0 8px 16px 0 ${e(p.light.primary.main, 0.24)}`,
+    info: `0 8px 16px 0 ${e(p.light.info.main, 0.24)}`,
+    secondary: `0 8px 16px 0 ${e(p.light.secondary.main, 0.24)}`,
+    success: `0 8px 16px 0 ${e(p.light.success.main, 0.24)}`,
+    warning: `0 8px 16px 0 ${e(p.light.warning.main, 0.24)}`,
+    error: `0 8px 16px 0 ${e(p.light.error.main, 0.24)}`,
+    card: `0 0 2px 0 ${e(r, 0.2)}, 0 12px 24px -4px ${e(r, 0.12)}`,
+    dialog: `-40px 40px 80px -8px ${e(p.light.common.black, 0.24)}`,
+    dropdown: `0 0 2px 0 ${e(r, 0.24)}, -20px 20px 40px -4px ${e(r, 0.24)}`
   };
-}, O = {
-  light: v(h),
-  dark: v(F)
-}, L = {
-  light: f(h),
-  dark: f(F)
-}, Do = {
-  typography: C,
-  shadows: L.light,
+}, j = {
+  light: k(C),
+  dark: k($)
+}, V = {
+  light: v(C),
+  dark: v($)
+}, Jr = {
+  typography: Y,
+  shadows: V.light,
   customShadows: {
-    ...O.light,
-    primary: `0 8px 16px 0 ${t(k("default").main, 0.24)}`
+    ...j.light,
+    primary: `0 8px 16px 0 ${e(W("default").main, 0.24)}`
   },
   palette: {
     ...p.light,
@@ -279,19 +372,19 @@ const c = {
       DarkSelected: "#142827",
       DarkSelectedHover: "#12342B"
     },
-    text: { primary: e[800], secondary: e[700], disabled: e[500] },
+    text: { primary: a[800], secondary: a[700], disabled: a[500] },
     secondary: {
       main: "#34ac4e"
     }
   }
 };
-function R(o) {
+function K(r) {
   return {
     MuiAvatar: {
       styleOverrides: {
         colorDefault: {
-          color: o.palette.text.secondary,
-          backgroundColor: o.palette.grey[400]
+          color: r.palette.text.secondary,
+          backgroundColor: r.palette.grey[400]
         }
       }
     },
@@ -299,18 +392,18 @@ function R(o) {
       styleOverrides: {
         avatar: {
           fontSize: 16,
-          fontWeight: o.typography.fontWeightMedium,
+          fontWeight: r.typography.fontWeightMedium,
           "&:first-of-type": {
             fontSize: 14,
-            color: o.palette.primary.main,
-            backgroundColor: o.palette.primary.lighter
+            color: r.palette.primary.main,
+            backgroundColor: r.palette.primary.lighter
           }
         }
       }
     }
   };
 }
-function m(o) {
+function U(r) {
   return {
     MuiButton: {
       styleOverrides: {
@@ -324,53 +417,53 @@ function m(o) {
           height: 48
         },
         containedInherit: {
-          color: o.palette.grey[800],
-          boxShadow: o.customShadows.z1,
+          color: r.palette.grey[800],
+          boxShadow: r.customShadows.z1,
           "&:hover": {
-            backgroundColor: o.palette.grey[400]
+            backgroundColor: r.palette.grey[400]
           }
         },
         containedPrimary: {
-          boxShadow: o.customShadows.z24
+          boxShadow: r.customShadows.z24
         },
         containedSecondary: {
-          boxShadow: o.customShadows.secondary
+          boxShadow: r.customShadows.secondary
         },
         containedInfo: {
-          boxShadow: o.customShadows.info
+          boxShadow: r.customShadows.info
         },
         containedSuccess: {
-          boxShadow: o.customShadows.success
+          boxShadow: r.customShadows.success
         },
         containedWarning: {
-          boxShadow: o.customShadows.warning
+          boxShadow: r.customShadows.warning
         },
         containedError: {
-          boxShadow: o.customShadows.error
+          boxShadow: r.customShadows.error
         },
         outlinedInherit: {
-          border: `1px solid ${o.palette.grey[50032]}`,
+          border: `1px solid ${r.palette.grey[50032]}`,
           "&:hover": {
-            backgroundColor: o.palette.action.hover
+            backgroundColor: r.palette.action.hover
           }
         },
         textInherit: {
           "&:hover": {
-            backgroundColor: o.palette.action.hover
+            backgroundColor: r.palette.action.hover
           }
         }
       }
     }
   };
 }
-function T(o) {
+function q(r) {
   return {
     MuiIconButton: {
       styleOverrides: {
         root: {
           "&.MuiIconButton-sizeSmall": {
-            height: o.spacing(3),
-            width: o.spacing(3),
+            height: r.spacing(3),
+            width: r.spacing(3),
             margin: 0,
             padding: 0,
             " > svg": {
@@ -387,7 +480,7 @@ function T(o) {
     }
   };
 }
-function D(o) {
+function J(r) {
   return {
     MuiFab: {
       defaultProps: {
@@ -395,41 +488,41 @@ function D(o) {
       },
       styleOverrides: {
         root: {
-          boxShadow: o.customShadows.z8,
+          boxShadow: r.customShadows.z8,
           "&:hover": {
             boxShadow: "none",
-            backgroundColor: o.palette.grey[400]
+            backgroundColor: r.palette.grey[400]
           }
         },
         primary: {
-          boxShadow: o.customShadows.primary,
+          boxShadow: r.customShadows.primary,
           "&:hover": {
-            backgroundColor: o.palette.primary.dark
+            backgroundColor: r.palette.primary.dark
           }
         },
         secondary: {
-          boxShadow: o.customShadows.secondary,
+          boxShadow: r.customShadows.secondary,
           "&:hover": {
-            backgroundColor: o.palette.secondary.dark
+            backgroundColor: r.palette.secondary.dark
           }
         },
         extended: {
           "& svg": {
-            marginRight: o.spacing(1)
+            marginRight: r.spacing(1)
           }
         }
       }
     }
   };
 }
-function A(o) {
+function Q(r) {
   return {
     MuiCard: {
       styleOverrides: {
         root: {
           position: "relative",
-          boxShadow: o.customShadows.card,
-          borderRadius: Number(o.shape.borderRadius) * 2,
+          boxShadow: r.customShadows.card,
+          borderRadius: Number(r.shape.borderRadius) * 2,
           zIndex: 0
         }
       }
@@ -437,43 +530,43 @@ function A(o) {
     MuiCardHeader: {
       defaultProps: {
         titleTypographyProps: { variant: "h6" },
-        subheaderTypographyProps: { variant: "body2", marginTop: o.spacing(0.5) }
+        subheaderTypographyProps: { variant: "body2", marginTop: r.spacing(0.5) }
       },
       styleOverrides: {
         root: {
-          padding: o.spacing(3, 3, 0)
+          padding: r.spacing(3, 3, 0)
         }
       }
     },
     MuiCardContent: {
       styleOverrides: {
         root: {
-          padding: o.spacing(3)
+          padding: r.spacing(3)
         }
       }
     }
   };
 }
-function I(o) {
+function X(r) {
   return {
     MuiTabs: {
       styleOverrides: {
         root: {
           padding: 0,
-          fontWeight: o.typography.fontWeightMedium,
-          borderTopLeftRadius: o.shape.borderRadius,
-          borderTopRightRadius: o.shape.borderRadius,
+          fontWeight: r.typography.fontWeightMedium,
+          borderTopLeftRadius: r.shape.borderRadius,
+          borderTopRightRadius: r.shape.borderRadius,
           "&.Mui-selected": {
-            color: o.palette.text.primary
+            color: r.palette.text.primary
           },
           "&:not(:last-of-type)": {
-            marginRight: o.spacing(5)
+            marginRight: r.spacing(5)
           },
           "@media (min-width: 600px)": {
             minWidth: 48
           },
           "& .MuiButtonBase-root": {
-            ...o.typography.subtitle2
+            ...r.typography.subtitle2
           }
         },
         labelIcon: {
@@ -481,7 +574,7 @@ function I(o) {
           flexDirection: "row",
           "& > *:first-of-type": {
             marginBottom: 0,
-            marginRight: o.spacing(1)
+            marginRight: r.spacing(1)
           }
         },
         wrapper: {
@@ -490,7 +583,7 @@ function I(o) {
         },
         textColorInherit: {
           opacity: 1,
-          color: o.palette.text.secondary
+          color: r.palette.text.secondary
         }
       }
     },
@@ -511,15 +604,15 @@ function I(o) {
     }
   };
 }
-function z(o) {
+function Z(r) {
   return {
     MuiMenuItem: {
       styleOverrides: {
         root: {
           "&.Mui-selected": {
-            backgroundColor: o.palette.action.selected,
+            backgroundColor: r.palette.action.selected,
             "&:hover": {
-              backgroundColor: o.palette.action.hover
+              backgroundColor: r.palette.action.hover
             }
           }
         }
@@ -527,7 +620,7 @@ function z(o) {
     }
   };
 }
-function P(o) {
+function rr(r) {
   return {
     MuiLink: {
       defaultProps: {
@@ -536,21 +629,21 @@ function P(o) {
       styleOverrides: {
         root: {
           "&.MuiLink-underlineHover": {
-            textDecorationColor: o.palette.primary.main
+            textDecorationColor: r.palette.primary.main
           }
         }
       }
     }
   };
 }
-function H(o) {
+function or(r) {
   return {
     MuiListItemIcon: {
       styleOverrides: {
         root: {
           color: "inherit",
           minWidth: "auto",
-          marginRight: o.spacing(2)
+          marginRight: r.spacing(2)
         }
       }
     },
@@ -558,7 +651,7 @@ function H(o) {
       styleOverrides: {
         root: {
           minWidth: "auto",
-          marginRight: o.spacing(2)
+          marginRight: r.spacing(2)
         }
       }
     },
@@ -576,15 +669,15 @@ function H(o) {
     }
   };
 }
-function E(o) {
+function tr(r) {
   return {
     MuiTableRow: {
       styleOverrides: {
         root: {
           "&.Mui-selected": {
-            backgroundColor: o.palette.action.selected,
+            backgroundColor: r.palette.action.selected,
             "&:hover": {
-              backgroundColor: o.palette.action.hover
+              backgroundColor: r.palette.action.hover
             }
           }
         }
@@ -596,31 +689,31 @@ function E(o) {
           borderBottom: "none"
         },
         head: {
-          color: o.palette.text.secondary,
-          backgroundColor: o.palette.background.neutral,
+          color: r.palette.text.secondary,
+          backgroundColor: r.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}`
+            paddingLeft: r.spacing(3),
+            borderTopLeftRadius: r.shape.borderRadius,
+            borderBottomLeftRadius: r.shape.borderRadius,
+            boxShadow: `inset 8px 0 0 ${r.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}`
+            paddingRight: r.spacing(3),
+            borderTopRightRadius: r.shape.borderRadius,
+            borderBottomRightRadius: r.shape.borderRadius,
+            boxShadow: `inset -8px 0 0 ${r.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: r.palette.background.paper,
+          backgroundImage: `linear-gradient(to bottom, ${r.palette.background.neutral} 0%, ${r.palette.background.neutral} 100%)`
         },
         body: {
           "&:first-of-type": {
-            paddingLeft: o.spacing(3)
+            paddingLeft: r.spacing(3)
           },
           "&:last-of-type": {
-            paddingRight: o.spacing(3)
+            paddingRight: r.spacing(3)
           }
         }
       }
@@ -628,13 +721,13 @@ function E(o) {
     MuiTablePagination: {
       styleOverrides: {
         root: {
-          ...o.typography.caption
+          ...r.typography.caption
         },
         toolbar: {
           "& .MuiInputBase-root": {
-            marginLeft: o.spacing(1),
-            marginRight: o.spacing(3),
-            ...o.typography.caption
+            marginLeft: r.spacing(1),
+            marginRight: r.spacing(3),
+            ...r.typography.caption
           },
           "&.MuiToolbar-regular": {
             minHeight: 40,
@@ -642,16 +735,16 @@ function E(o) {
             paddingRight: 0
           },
           "& .MuiTablePagination-displayedRows": {
-            ...o.typography.caption
+            ...r.typography.caption
           }
         },
         selectLabel: {
-          ...o.typography.caption
+          ...r.typography.caption
         },
         select: {
           paddingBottom: 4,
           "&:focus": {
-            borderRadius: o.shape.borderRadius
+            borderRadius: r.shape.borderRadius
           }
         },
         selectIcon: {
@@ -662,7 +755,7 @@ function E(o) {
     }
   };
 }
-function W(o) {
+function er(r) {
   return {
     MuiBadge: {
       styleOverrides: {
@@ -675,7 +768,7 @@ function W(o) {
     }
   };
 }
-function G(o) {
+function ir(r) {
   return {
     MuiPaper: {
       defaultProps: {
@@ -684,7 +777,7 @@ function G(o) {
       variants: [
         {
           props: { variant: "outlined" },
-          style: { borderColor: o.palette.grey[50012] }
+          style: { borderColor: r.palette.grey[50012] }
         }
       ],
       styleOverrides: {
@@ -696,7 +789,7 @@ function G(o) {
     }
   };
 }
-function _(o) {
+function ar(r) {
   return {
     MuiFormControl: {
       styleOverrides: {
@@ -706,11 +799,11 @@ function _(o) {
     MuiInputBase: {
       styleOverrides: {
         root: {
-          backgroundColor: o.palette.background.default,
-          ...o.typography.body2,
-          borderRadius: o.spacing(1),
+          backgroundColor: r.palette.background.default,
+          ...r.typography.body2,
+          borderRadius: r.spacing(1),
           "&.Mui-disabled": {
-            "& svg": { color: o.palette.text.disabled }
+            "& svg": { color: r.palette.text.disabled }
           },
           padding: "0px"
         },
@@ -718,7 +811,7 @@ function _(o) {
           paddingLeft: "8px",
           "&::placeholder": {
             opacity: 1,
-            color: o.palette.text.disabled
+            color: r.palette.text.disabled
           }
         }
       }
@@ -727,7 +820,7 @@ function _(o) {
       styleOverrides: {
         underline: {
           "&:before": {
-            borderBottomColor: o.palette.grey[50056]
+            borderBottomColor: r.palette.grey[50056]
           }
         }
       }
@@ -735,20 +828,20 @@ function _(o) {
     MuiFilledInput: {
       styleOverrides: {
         root: {
-          backgroundColor: o.palette.grey[50012],
+          backgroundColor: r.palette.grey[50012],
           "&:hover": {
-            backgroundColor: o.palette.grey[50016]
+            backgroundColor: r.palette.grey[50016]
           },
           "&.Mui-focused": {
-            backgroundColor: o.palette.action.focus
+            backgroundColor: r.palette.action.focus
           },
           "&.Mui-disabled": {
-            backgroundColor: o.palette.action.disabledBackground
+            backgroundColor: r.palette.action.disabledBackground
           }
         },
         underline: {
           "&:before": {
-            borderBottomColor: o.palette.grey[50056]
+            borderBottomColor: r.palette.grey[50056]
           }
         }
       }
@@ -756,29 +849,29 @@ function _(o) {
     MuiOutlinedInput: {
       styleOverrides: {
         root: {
-          ...o.typography.body2,
-          color: o.palette.text.primary,
+          ...r.typography.body2,
+          color: r.palette.text.primary,
           "& > input": {
-            padding: o.spacing(1.5, 1.5)
+            padding: r.spacing(1.5, 1.5)
           },
           "& .MuiOutlinedInput-notchedOutline": {
-            borderColor: o.palette.grey[50032],
+            borderColor: r.palette.grey[50032],
             fontSize: "0.875rem"
           },
           "&.Mui-disabled": {
             "& .MuiOutlinedInput-notchedOutline": {
-              borderColor: o.palette.action.disabledBackground
+              borderColor: r.palette.action.disabledBackground
             }
           },
           "& .MuiOutlinedInput-input:-webkit-autofill": {
-            WebkitBoxShadow: `0 0 0 1000px ${o.palette.background.autofill} inset`
+            WebkitBoxShadow: `0 0 0 1000px ${r.palette.background.autofill} inset`
           }
         }
       }
     }
   };
 }
-function N(o) {
+function nr(r) {
   return {
     MuiInputLabel: {
       styleOverrides: {
@@ -793,12 +886,12 @@ function N(o) {
     }
   };
 }
-function Y(o) {
+function pr(r) {
   return {
     MuiRadio: {
       styleOverrides: {
         root: {
-          padding: o.spacing(1),
+          padding: r.spacing(1),
           svg: {
             fontSize: 24,
             "&[font-size=small]": {
@@ -810,23 +903,23 @@ function Y(o) {
     }
   };
 }
-function j(o) {
-  const r = o.palette.mode === "light";
+function dr(r) {
+  const o = r.palette.mode === "light";
   return {
     MuiDrawer: {
       styleOverrides: {
         modal: {
           '&[role="presentation"]': {
             "& .MuiDrawer-paperAnchorLeft": {
-              boxShadow: `8px 24px 24px 12px ${M(
-                o.palette.grey[900],
-                r ? 0.16 : 0.48
+              boxShadow: `8px 24px 24px 12px ${F(
+                r.palette.grey[900],
+                o ? 0.16 : 0.48
               )}`
             },
             "& .MuiDrawer-paperAnchorRight": {
-              boxShadow: `-8px 24px 24px 12px ${M(
-                o.palette.grey[900],
-                r ? 0.16 : 0.48
+              boxShadow: `-8px 24px 24px 12px ${F(
+                r.palette.grey[900],
+                o ? 0.16 : 0.48
               )}`
             }
           }
@@ -835,23 +928,23 @@ function j(o) {
     }
   };
 }
-function K(o) {
+function sr(r) {
   return {
     MuiDialog: {
       styleOverrides: {
         paper: {
-          boxShadow: o.customShadows.dialog,
+          boxShadow: r.customShadows.dialog,
           "&.MuiPaper-rounded": {
-            borderRadius: Number(o.shape.borderRadius) * 2
+            borderRadius: Number(r.shape.borderRadius) * 2
           },
           "&.MuiDialog-paperFullScreen": {
             borderRadius: 0
           },
           "&.MuiDialog-paper .MuiDialogActions-root": {
-            padding: o.spacing(3)
+            padding: r.spacing(3)
           },
           "@media (max-width: 600px)": {
-            margin: o.spacing(2)
+            margin: r.spacing(2)
           },
           "@media (max-width: 663.95px)": {
             "&.MuiDialog-paperWidthSm.MuiDialog-paperScrollBody": {
@@ -867,7 +960,7 @@ function K(o) {
     MuiDialogTitle: {
       styleOverrides: {
         root: {
-          padding: o.spacing(3, 3, 0)
+          padding: r.spacing(3, 3, 0)
         }
       }
     },
@@ -876,7 +969,7 @@ function K(o) {
         root: {
           borderTop: 0,
           borderBottom: 0,
-          padding: o.spacing(3)
+          padding: r.spacing(3)
         }
       }
     },
@@ -884,15 +977,15 @@ function K(o) {
       styleOverrides: {
         root: {
           "& > :not(:first-of-type)": {
-            marginLeft: o.spacing(1.5)
+            marginLeft: r.spacing(1.5)
           }
         }
       }
     }
   };
 }
-function U(o) {
-  const r = o.palette.mode === "light";
+function lr(r) {
+  const o = r.palette.mode === "light";
   return {
     MuiSlider: {
       defaultProps: {
@@ -901,52 +994,52 @@ function U(o) {
       styleOverrides: {
         root: {
           "&.Mui-disabled": {
-            color: o.palette.action.disabled
+            color: r.palette.action.disabled
           }
         },
         markLabel: {
           fontSize: 13,
-          color: o.palette.text.disabled
+          color: r.palette.text.disabled
         },
         valueLabel: {
           borderRadius: 8,
-          backgroundColor: o.palette.grey[r ? 800 : 700]
+          backgroundColor: r.palette.grey[o ? 800 : 700]
         }
       }
     }
   };
 }
-function V(o) {
-  const r = o.palette.mode === "light";
+function ur(r) {
+  const o = r.palette.mode === "light";
   return {
     MuiSwitch: {
       styleOverrides: {
         thumb: {
-          boxShadow: o.customShadows.z1
+          boxShadow: r.customShadows.z1
         },
         track: {
           opacity: 1,
-          backgroundColor: o.palette.grey[500]
+          backgroundColor: r.palette.grey[500]
         },
         switchBase: {
           left: 0,
           right: "auto",
           "&:not(:.Mui-checked)": {
-            color: o.palette.grey[r ? 100 : 300]
+            color: r.palette.grey[o ? 100 : 300]
           },
           "&.Mui-checked.Mui-disabled, &.Mui-disabled": {
-            color: o.palette.grey[r ? 400 : 600]
+            color: r.palette.grey[o ? 400 : 600]
           },
           "&.Mui-disabled+.MuiSwitch-track": {
             opacity: 1,
-            backgroundColor: `${o.palette.action.disabledBackground} !important`
+            backgroundColor: `${r.palette.action.disabledBackground} !important`
           }
         }
       }
     }
   };
 }
-function q(o) {
+function cr(r) {
   return {
     MuiSvgIcon: {
       styleOverrides: {
@@ -964,45 +1057,45 @@ function q(o) {
     }
   };
 }
-function J(o) {
-  const r = o.palette.mode === "light";
+function gr(r) {
+  const o = r.palette.mode === "light";
   return {
     MuiTooltip: {
       styleOverrides: {
         tooltip: {
-          backgroundColor: o.palette.grey[r ? 800 : 700]
+          backgroundColor: r.palette.grey[o ? 800 : 700]
         },
         arrow: {
-          color: o.palette.grey[r ? 800 : 700]
+          color: r.palette.grey[o ? 800 : 700]
         }
       }
     }
   };
 }
-function Q(o) {
+function xr(r) {
   return {
     MuiPopover: {
       styleOverrides: {
         paper: {
-          boxShadow: o.customShadows.dropdown,
-          borderRadius: Number(o.shape.borderRadius) * 1.5
+          boxShadow: r.customShadows.dropdown,
+          borderRadius: Number(r.shape.borderRadius) * 1.5
         }
       }
     }
   };
 }
-function X(o) {
+function br(r) {
   return {
     MuiStepConnector: {
       styleOverrides: {
         line: {
-          borderColor: o.palette.divider
+          borderColor: r.palette.divider
         }
       }
     }
   };
 }
-function Z(o) {
+function yr(r) {
   return {
     MuiDataGrid: {
       styleOverrides: {
@@ -1013,21 +1106,21 @@ function Z(o) {
             borderTop: 0
           },
           "& .MuiDataGrid-toolbarContainer": {
-            padding: o.spacing(2),
-            backgroundColor: o.palette.background.neutral,
+            padding: r.spacing(2),
+            backgroundColor: r.palette.background.neutral,
             "& .MuiButton-root": {
-              marginRight: o.spacing(1.5),
-              color: o.palette.text.primary,
+              marginRight: r.spacing(1.5),
+              color: r.palette.text.primary,
               "&:hover": {
-                backgroundColor: o.palette.action.hover
+                backgroundColor: r.palette.action.hover
               }
             }
           },
           "& .MuiDataGrid-cell, .MuiDataGrid-columnsContainer": {
-            borderBottom: `1px solid ${o.palette.divider}`
+            borderBottom: `1px solid ${r.palette.divider}`
           },
           "& .MuiDataGrid-columnSeparator": {
-            color: o.palette.divider
+            color: r.palette.divider
           },
           '& .MuiDataGrid-columnHeader[data-field="__check__"]': {
             padding: 0
@@ -1039,11 +1132,11 @@ function Z(o) {
       styleOverrides: {
         root: {
           "& .MuiDataGrid-gridMenuList": {
-            boxShadow: o.customShadows.z20,
-            borderRadius: o.shape.borderRadius
+            boxShadow: r.customShadows.z20,
+            borderRadius: r.shape.borderRadius
           },
           "& .MuiMenuItem-root": {
-            ...o.typography.body2
+            ...r.typography.body2
           }
         }
       }
@@ -1051,20 +1144,20 @@ function Z(o) {
     MuiGridFilterForm: {
       styleOverrides: {
         root: {
-          padding: o.spacing(1.5, 0),
+          padding: r.spacing(1.5, 0),
           "& .MuiFormControl-root": {
-            margin: o.spacing(0, 0.5)
+            margin: r.spacing(0, 0.5)
           },
           "& .MuiInput-root": {
-            marginTop: o.spacing(3),
+            marginTop: r.spacing(3),
             "&::before, &::after": {
               display: "none"
             },
             "& .MuiNativeSelect-select, .MuiInput-input": {
-              ...o.typography.body2,
-              padding: o.spacing(0.75, 1),
-              borderRadius: o.shape.borderRadius,
-              backgroundColor: o.palette.background.neutral
+              ...r.typography.body2,
+              padding: r.spacing(0.75, 1),
+              borderRadius: r.shape.borderRadius,
+              backgroundColor: r.palette.background.neutral
             },
             "& .MuiSvgIcon-root": {
               right: 4
@@ -1076,21 +1169,21 @@ function Z(o) {
     MuiGridPanelFooter: {
       styleOverrides: {
         root: {
-          padding: o.spacing(2),
+          padding: r.spacing(2),
           justifyContent: "flex-end",
           "& .MuiButton-root": {
             "&:first-of-type": {
-              marginRight: o.spacing(1.5),
-              color: o.palette.text.primary,
+              marginRight: r.spacing(1.5),
+              color: r.palette.text.primary,
               "&:hover": {
-                backgroundColor: o.palette.action.hover
+                backgroundColor: r.palette.action.hover
               }
             },
             "&:last-of-type": {
-              color: o.palette.common.white,
-              backgroundColor: o.palette.primary.main,
+              color: r.palette.common.white,
+              backgroundColor: r.palette.primary.main,
               "&:hover": {
-                backgroundColor: o.palette.primary.dark
+                backgroundColor: r.palette.primary.dark
               }
             }
           }
@@ -1099,7 +1192,7 @@ function Z(o) {
     }
   };
 }
-function oo(o) {
+function fr(r) {
   return {
     MuiSkeleton: {
       defaultProps: {
@@ -1107,23 +1200,23 @@ function oo(o) {
       },
       styleOverrides: {
         root: {
-          backgroundColor: o.palette.divider
+          backgroundColor: r.palette.divider
         }
       }
     }
   };
 }
-function ro(o) {
-  const r = t(o.palette.grey[900], 0.48), i = t(o.palette.grey[900], 1);
+function Mr(r) {
+  const o = e(r.palette.grey[900], 0.48), t = e(r.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, ${o} 0%, ${t} 100%)`,
+            `-webkit-linear-gradient(75deg, ${o} 0%, ${t} 100%)`,
+            `linear-gradient(75deg, ${o} 0%, ${t} 100%)`
           ],
           "&.MuiBackdrop-invisible": {
             background: "transparent"
@@ -1133,8 +1226,8 @@ function ro(o) {
     }
   };
 }
-function to(o) {
-  const r = o.palette.mode === "light";
+function hr(r) {
+  const o = r.palette.mode === "light";
   return {
     MuiLinearProgress: {
       styleOverrides: {
@@ -1146,7 +1239,7 @@ function to(o) {
           borderRadius: 4
         },
         colorPrimary: {
-          backgroundColor: o.palette.primary[r ? "lighter" : "darker"]
+          backgroundColor: r.palette.primary[o ? "lighter" : "darker"]
         },
         buffer: {
           backgroundColor: "transparent"
@@ -1155,7 +1248,7 @@ function to(o) {
     }
   };
 }
-function io(o) {
+function Fr(r) {
   return {
     MuiTimelineDot: {
       styleOverrides: {
@@ -1167,43 +1260,43 @@ function io(o) {
     MuiTimelineConnector: {
       styleOverrides: {
         root: {
-          backgroundColor: o.palette.divider
+          backgroundColor: r.palette.divider
         }
       }
     }
   };
 }
-function eo(o) {
+function vr(r) {
   return {
     MuiCheckbox: {
       styleOverrides: {
         root: {
-          padding: o.spacing(1),
+          padding: r.spacing(1),
           oleee: "sss",
-          color: o.palette.action.active,
+          color: r.palette.action.active,
           "& .Mui-checked": {
-            color: o.palette.primary.main
+            color: r.palette.primary.main
           },
           "&.Mui-checked.Mui-disabled, &.Mui-disabled": {
-            color: o.palette.action.disabled
+            color: r.palette.action.disabled
           }
         }
       }
     }
   };
 }
-function ao(o) {
+function kr(r) {
   return {
     MuiAccordion: {
       styleOverrides: {
         root: {
-          backgroundColor: o.palette.background.default,
+          backgroundColor: r.palette.background.default,
           width: "100%",
           marginTop: "0px",
-          marginBottom: o.spacing(1.5),
+          marginBottom: r.spacing(1.5),
           "&.Mui-expanded": {
             marginTop: "0px",
-            marginBottom: o.spacing(1.5)
+            marginBottom: r.spacing(1.5)
           },
           border: "0px solid transparent",
           "&.Mui-disabled": {
@@ -1218,35 +1311,35 @@ function ao(o) {
     MuiAccordionDetails: {
       styleOverrides: {
         root: {
-          padding: `0px ${o.spacing(0)}`
+          padding: `0px ${r.spacing(0)}`
         }
       }
     },
     MuiAccordionSummary: {
       styleOverrides: {
         root: {
-          borderRadius: o.spacing(0.5),
-          height: o.spacing(4.5),
-          minHeight: o.spacing(4.5),
-          backgroundColor: o.palette.background.header,
-          paddingLeft: o.spacing(2),
-          paddingRight: o.spacing(2),
+          borderRadius: r.spacing(0.5),
+          height: r.spacing(4.5),
+          minHeight: r.spacing(4.5),
+          backgroundColor: r.palette.background.header,
+          paddingLeft: r.spacing(2),
+          paddingRight: r.spacing(2),
           marginBottom: "0px",
           "&.Mui-expanded": {
-            height: o.spacing(4.5),
-            minHeight: o.spacing(4.5),
-            borderRadius: `${o.spacing(0.5)} ${o.spacing(0.5)} 0px 0px`
+            height: r.spacing(4.5),
+            minHeight: r.spacing(4.5),
+            borderRadius: `${r.spacing(0.5)} ${r.spacing(0.5)} 0px 0px`
           },
           "&.Mui-disabled": {
             opacity: 1,
-            color: o.palette.action.disabled,
+            color: r.palette.action.disabled,
             "& .MuiTypography-root": {
               color: "inherit"
             }
           }
         },
         expandIconWrapper: {
-          color: o.palette.action.active,
+          color: r.palette.action.active,
           height: 20,
           width: 20,
           alignItems: "center",
@@ -1257,7 +1350,7 @@ function ao(o) {
           }
         },
         content: {
-          ...o.typography.subtitle2,
+          ...r.typography.subtitle2,
           margin: "0px",
           "&.Mui-expanded": {
             margin: "0px"
@@ -1267,93 +1360,93 @@ function ao(o) {
     }
   };
 }
-function no(o) {
+function Sr(r) {
   return {
     MuiTypography: {
       styleOverrides: {
         paragraph: {
-          marginBottom: o.spacing(2)
+          marginBottom: r.spacing(2)
         },
         gutterBottom: {
-          marginBottom: o.spacing(1)
+          marginBottom: r.spacing(1)
         }
       }
     }
   };
 }
-function po(o) {
+function Cr(r) {
   return {
     MuiPaginationItem: {
       styleOverrides: {
         root: {
           "&.Mui-selected": {
-            fontWeight: o.typography.fontWeightBold
+            fontWeight: r.typography.fontWeightBold
           }
         },
         textPrimary: {
           "&.Mui-selected": {
-            color: o.palette.primary.main,
-            backgroundColor: t(o.palette.primary.main, 0.08),
+            color: r.palette.primary.main,
+            backgroundColor: e(r.palette.primary.main, 0.08),
             "&:hover, &.Mui-focusVisible": {
-              backgroundColor: `${t(
-                o.palette.primary.main,
+              backgroundColor: `${e(
+                r.palette.primary.main,
                 0.24
               )} !important`
             }
           }
         },
         outlined: {
-          border: `1px solid ${o.palette.grey[50032]}`
+          border: `1px solid ${r.palette.grey[50032]}`
         },
         outlinedPrimary: {
           "&.Mui-selected": {
-            backgroundColor: t(o.palette.primary.main, 0.08),
-            border: `1px solid ${t(o.palette.primary.main, 0.24)}`
+            backgroundColor: e(r.palette.primary.main, 0.08),
+            border: `1px solid ${e(r.palette.primary.main, 0.24)}`
           }
         }
       }
     }
   };
 }
-function so(o) {
+function $r(r) {
   return {
     MuiBreadcrumbs: {
       styleOverrides: {
         separator: {
-          marginLeft: o.spacing(2),
-          marginRight: o.spacing(2)
+          marginLeft: r.spacing(2),
+          marginRight: r.spacing(2)
         }
       }
     }
   };
 }
-function lo(o) {
-  const r = (i) => ({
-    props: { variant: "contained", color: i },
-    style: { boxShadow: o.customShadows[i] }
+function wr(r) {
+  const o = (t) => ({
+    props: { variant: "contained", color: t },
+    style: { boxShadow: r.customShadows[t] }
   });
   return {
     MuiButtonGroup: {
       variants: [
         {
           props: { variant: "contained", color: "inherit" },
-          style: { boxShadow: o.customShadows.z8 }
+          style: { boxShadow: r.customShadows.z8 }
         },
-        r("primary"),
-        r("secondary"),
-        r("info"),
-        r("success"),
-        r("warning"),
-        r("error"),
+        o("primary"),
+        o("secondary"),
+        o("info"),
+        o("success"),
+        o("warning"),
+        o("error"),
         {
           props: { disabled: !0 },
           style: {
             boxShadow: "none",
             "& .MuiButtonGroup-grouped.Mui-disabled": {
-              color: o.palette.action.disabled,
-              borderColor: `${o.palette.action.disabledBackground} !important`,
+              color: r.palette.action.disabled,
+              borderColor: `${r.palette.action.disabledBackground} !important`,
               "&.MuiButton-contained": {
-                backgroundColor: o.palette.action.disabledBackground
+                backgroundColor: r.palette.action.disabledBackground
               }
             }
           }
@@ -1369,7 +1462,7 @@ function lo(o) {
     }
   };
 }
-function uo(o) {
+function mr(r) {
   return {
     MuiCssBaseline: {
       styleOverrides: {
@@ -1412,7 +1505,7 @@ function uo(o) {
     }
   };
 }
-function co(o) {
+function Br(r) {
   return {
     MuiAutocomplete: {
       styleOverrides: {
@@ -1421,37 +1514,37 @@ function co(o) {
             padding: "0 39px 0px 0"
           },
           input: {
-            padding: `${o.spacing(1.5, 1.5)}!important`
+            padding: `${r.spacing(1.5, 1.5)}!important`
           }
         },
         paper: {
-          boxShadow: o.customShadows.dropdown
+          boxShadow: r.customShadows.dropdown
         },
         listbox: {
-          padding: o.spacing(0, 1),
+          padding: r.spacing(0, 1),
           "& .MuiAutocomplete-option": {
-            padding: o.spacing(1),
-            margin: o.spacing(1, 0),
-            borderRadius: o.shape.borderRadius
+            padding: r.spacing(1),
+            margin: r.spacing(1, 0),
+            borderRadius: r.shape.borderRadius
           }
         }
       }
     }
   };
 }
-const s = (o, r) => ({
-  props: { color: r },
+const s = (r, o) => ({
+  props: { color: o },
   style: {
     "&:hover": {
-      borderColor: t(o.palette[r].main, 0.48),
-      backgroundColor: t(o.palette[r].main, o.palette.action.hoverOpacity)
+      borderColor: e(r.palette[o].main, 0.48),
+      backgroundColor: e(r.palette[o].main, r.palette.action.hoverOpacity)
     },
     "&.Mui-selected": {
-      borderColor: t(o.palette[r].main, 0.48)
+      borderColor: e(r.palette[o].main, 0.48)
     }
   }
 });
-function go(o) {
+function Or(r) {
   return {
     MuiToggleButton: {
       variants: [
@@ -1459,68 +1552,68 @@ function go(o) {
           props: { color: "standard" },
           style: {
             "&.Mui-selected": {
-              backgroundColor: o.palette.action.selected
+              backgroundColor: r.palette.action.selected
             }
           }
         },
-        s(o, "primary"),
-        s(o, "secondary"),
-        s(o, "info"),
-        s(o, "success"),
-        s(o, "warning"),
-        s(o, "error")
+        s(r, "primary"),
+        s(r, "secondary"),
+        s(r, "info"),
+        s(r, "success"),
+        s(r, "warning"),
+        s(r, "error")
       ]
     },
     MuiToggleButtonGroup: {
       styleOverrides: {
         root: {
-          borderRadius: o.shape.borderRadius,
-          backgroundColor: o.palette.background.paper,
-          border: `solid 1px ${o.palette.grey[50012]}`,
+          borderRadius: r.shape.borderRadius,
+          backgroundColor: r.palette.background.paper,
+          border: `solid 1px ${r.palette.grey[50012]}`,
           "& .MuiToggleButton-root": {
             margin: 4,
             borderColor: "transparent !important",
-            borderRadius: `${o.shape.borderRadius}px !important`
+            borderRadius: `${r.shape.borderRadius}px !important`
           }
         }
       }
     }
   };
 }
-function xo(o) {
+function Lr(r) {
   return {
     MuiFormControlLabel: {
       styleOverrides: {
         label: {
-          ...o.typography.body1
+          ...r.typography.body1
         }
       }
     },
     MuiFormHelperText: {
       styleOverrides: {
         root: {
-          marginTop: o.spacing(1)
+          marginTop: r.spacing(1)
         }
       }
     },
     MuiFormLabel: {
       styleOverrides: {
         root: {
-          color: o.palette.text.disabled
+          color: r.palette.text.disabled
         }
       }
     }
   };
 }
-function bo(o) {
+function Rr(r) {
   return {
     MuiLoadingButton: {
       styleOverrides: {
         root: {
           "&.MuiLoadingButton-root": {
-            ...o.typography.subtitle2,
+            ...r.typography.subtitle2,
             "& .MuiCircularProgress-root": {
-              color: o.palette.primary.main
+              color: r.palette.primary.main
             }
           },
           "&.MuiButton-text": {
@@ -1536,15 +1629,15 @@ function bo(o) {
     }
   };
 }
-const yo = (o) => ({
+const Tr = (r) => ({
   M4LBruceTest: {
     styleOverrides: {}
   }
-}), Mo = (o) => ({
+}), Dr = (r) => ({
   M4LDynamicFilter: {
     styleOverrides: {}
   }
-}), fo = (o) => ({
+}), Ar = (r) => ({
   M4LRHFTextFieldPassword: {
     styleOverrides: {
       ["&.M4LRHFTextFieldPassword-root"]: {
@@ -1554,7 +1647,7 @@ const yo = (o) => ({
       }
     }
   }
-}), vo = (o) => ({
+}), Ir = (r) => ({
   M4LRHFTextField: {
     styleOverrides: {
       ["&.M4LRHFTextField-root"]: {
@@ -1568,7 +1661,7 @@ const yo = (o) => ({
       }
     }
   }
-}), ho = (o) => ({
+}), zr = (r) => ({
   M4LIcon: {
     styleOverrides: {
       ["&.M4LIcon-root"]: {
@@ -1576,7 +1669,7 @@ const yo = (o) => ({
       }
     }
   }
-}), Fo = (o) => ({
+}), Pr = (r) => ({
   M4LIconButton: {
     styleOverrides: {
       ["&.M4LIconButton-root"]: {
@@ -1584,7 +1677,7 @@ const yo = (o) => ({
       }
     }
   }
-}), ko = (o) => ({
+}), Er = (r) => ({
   M4LanguagePopover: {
     styleOverrides: {
       ["&.M4LanguagePopover-root"]: {
@@ -1595,7 +1688,7 @@ const yo = (o) => ({
       }
     }
   }
-}), $o = (o) => ({
+}), Hr = (r) => ({
   M4LImageButton: {
     styleOverrides: {
       ["&.M4LImageButton-root"]: {
@@ -1603,7 +1696,7 @@ const yo = (o) => ({
       }
     }
   }
-}), Co = (o) => ({
+}), Wr = (r) => ({
   M4LImage: {
     styleOverrides: {
       ["&.M4LImage-root"]: {
@@ -1611,7 +1704,7 @@ const yo = (o) => ({
       }
     }
   }
-}), So = (o) => ({
+}), Gr = (r) => ({
   M4LPopover: {
     styleOverrides: {
       ["&.M4LPopover-root"]: {
@@ -1622,7 +1715,7 @@ const yo = (o) => ({
       }
     }
   }
-}), wo = (o) => ({
+}), Nr = (r) => ({
   M4LRHFCheckbox: {
     styleOverrides: {
       ["&.M4LRHFCheckbox-root"]: {
@@ -1630,7 +1723,7 @@ const yo = (o) => ({
       }
     }
   }
-}), Bo = (o) => ({
+}), _r = (r) => ({
   M4LErrorLabel: {
     styleOverrides: {
       ["&.M4LErrorLabel-root"]: {
@@ -1638,7 +1731,7 @@ const yo = (o) => ({
       }
     }
   }
-}), Oo = (o) => ({
+}), Yr = (r) => ({
   M4LTypography: {
     styleOverrides: {
       ["&.M4LTypography-root"]: {
@@ -1646,7 +1739,7 @@ const yo = (o) => ({
       }
     }
   }
-}), Lo = (o) => ({
+}), jr = (r) => ({
   M4LButton: {
     styleOverrides: {
       ["&.M4LButton-root"]: {
@@ -1655,67 +1748,79 @@ const yo = (o) => ({
     }
   }
 });
-function Ao(o) {
+function Qr(r) {
   return Object.assign(
-    D(o),
-    I(o),
-    A(o),
-    z(o),
-    P(o),
-    _(o),
-    N(),
-    Y(o),
-    W(),
-    H(o),
-    E(o),
-    G(o),
-    V(o),
-    m(o),
-    T(o),
-    K(o),
-    R(o),
-    U(o),
-    j(o),
-    X(o),
-    J(o),
-    Q(o),
-    q(),
-    eo(o),
-    Z(o),
-    oo(o),
-    io(o),
-    ro(o),
-    to(o),
-    ao(o),
-    no(o),
-    po(o),
-    lo(o),
-    so(o),
-    uo(),
-    co(o),
-    xo(o),
-    go(o),
-    bo(o),
-    yo(),
-    Mo(),
-    vo(),
-    fo(),
-    ho(),
-    Fo(),
-    ko(),
-    $o(),
-    Co(),
-    So(),
-    wo(),
-    Bo(),
-    Oo(),
-    Lo()
+    J(r),
+    X(r),
+    Q(r),
+    Z(r),
+    rr(r),
+    ar(r),
+    nr(),
+    pr(r),
+    er(),
+    or(r),
+    tr(r),
+    ir(r),
+    ur(r),
+    U(r),
+    q(r),
+    sr(r),
+    K(r),
+    lr(r),
+    dr(r),
+    br(r),
+    gr(r),
+    xr(r),
+    cr(),
+    vr(r),
+    yr(r),
+    fr(r),
+    Fr(r),
+    Mr(r),
+    hr(r),
+    kr(r),
+    Sr(r),
+    Cr(r),
+    wr(r),
+    $r(r),
+    mr(),
+    Br(r),
+    Lr(r),
+    Or(r),
+    Rr(r),
+    Tr(),
+    Dr(),
+    Ir(),
+    Ar(),
+    zr(),
+    Pr(),
+    Er(),
+    Hr(),
+    Wr(),
+    Gr(),
+    Nr(),
+    _r(),
+    Yr(),
+    jr()
   );
 }
 export {
-  O as customShadows,
-  Do as defaultThemeOptions,
-  Ao as fnComponentsOverrides,
+  P as bluePreset,
+  l as colorPresets,
+  j as customShadows,
+  z as cyanPreset,
+  A as defaultPreset,
+  Jr as defaultThemeOptions,
+  Qr as fnComponentsOverrides,
+  W as getColorPresets,
+  qr as getFontValue,
+  E as orangePreset,
   p as palette,
-  L as shadows
+  I as purplePreset,
+  n as pxToRem,
+  H as redPreset,
+  G as remToPx,
+  d as responsiveFontSizes,
+  V as shadows
 };