@m4l/styles 0.0.13 → 0.0.15

package/index.js

@@ -1,3686 +1,41 @@
-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 T } from "@m4l/graphics";
-function c(o, r) {
-  return `linear-gradient(to bottom, ${o}, ${r})`;
-}
-const t = {
-  patronusBlue: {
-    10: "#CCE6FF",
-    20: "#88BCFF",
-    30: "#60A7FF",
-    40: "#3891FF",
-    50: "#0064FF",
-    60: "#0039D7",
-    70: "#001AA4",
-    80: "#00086A",
-    90: "#000033"
-  },
-  crayonBlue: {
-    10: "#A5C9FE",
-    20: "#88B7FC",
-    30: "#6AA4F9",
-    40: "#5494F3",
-    50: "#2774E6",
-    60: "#2367CC",
-    70: "#1F5AB3",
-    80: "#1A4D99",
-    90: "#113366"
-  },
-  middleYellow: {
-    10: "#FFFBCE",
-    20: "#FFF79C",
-    30: "#FFF46B",
-    40: "#FFF039",
-    50: "#FFEC08",
-    60: "#E5D400",
-    70: "#9E9200",
-    80: "#696100",
-    90: "#353100"
-  },
-  acidGreen: {
-    10: "#CDFFC2",
-    20: "#A8FF97",
-    30: "#83FF6B",
-    40: "#5EFF40",
-    50: "#39FF14",
-    60: "#47CC2D",
-    70: "#229E0A",
-    80: "#176E05",
-    90: "#0B3D00"
-  },
-  grassGreen: {
-    10: "#FDFFE6",
-    20: "#D0E4A3",
-    30: "#AFDA85",
-    40: "#87D06A",
-    50: "#4BB543",
-    60: "#438C2D",
-    70: "#3A631E",
-    80: "#2A3B11",
-    90: "#0F1206"
-  },
-  candyRed: {
-    10: "#FFD6D6",
-    20: "#EE9B9B",
-    30: "#EB7F7F",
-    40: "#E86463",
-    50: "#D73733",
-    60: "#AE1916",
-    70: "#850502",
-    80: "#5C0500",
-    90: "#330400"
-  },
-  turquiBlue: {
-    10: "#B5D9EA",
-    20: "#92BBCD",
-    30: "#709DB1 ",
-    40: "#4D7E94",
-    50: "#2A6077",
-    60: "#255569",
-    70: "#214A5A",
-    80: "#1C3E4C",
-    90: "#18333D"
-  },
-  blazeOrange: {
-    10: "#F8BE9F",
-    20: "#FAA777",
-    30: "#FC8F50",
-    40: "#FD7828",
-    50: "#FF6000",
-    60: "#DE5300",
-    70: "#BD4600",
-    80: "#9B3900",
-    90: "#6D2A00"
-  },
-  flameRed: {
-    10: "#F4BABA",
-    20: "#F59292",
-    30: "#F66A6A",
-    40: "#F64141",
-    50: "#F71919",
-    60: "#D31616",
-    70: "#AF1212",
-    80: "#8A0F0F",
-    90: "#660C0C"
-  },
-  coolGrey: {
-    10: "#BAC6CC",
-    20: "#A7B4B9",
-    30: "#94A1A6",
-    40: "#818F93",
-    50: "#6E7C80",
-    60: "#5C6A6C",
-    70: "#495859",
-    80: "#364546",
-    90: "#233333"
-  },
-  marbleLight: {
-    10: "#FEFFFF",
-    20: "#F9FBFB",
-    30: "#F4F7F7",
-    40: "#EFF3F4",
-    50: "#EAEFF0",
-    60: "#fff0",
-    70: "#fff0",
-    80: "#fff0",
-    90: "#fff0"
-  },
-  ashBlak: {
-    10: "#2F3737",
-    20: "#2A3232",
-    30: "#252C2C",
-    40: "#212727",
-    50: "#1C2121",
-    60: "#090A0A",
-    70: "#fff0",
-    80: "#fff0",
-    90: "#fff0"
-  }
-}, $ = {
-  patronus: {
-    4: e(t.patronusBlue[50], 0.04),
-    12: e(t.patronusBlue[50], 0.12),
-    24: e(t.patronusBlue[50], 0.24),
-    36: e(t.patronusBlue[50], 0.36),
-    48: e(t.patronusBlue[50], 0.48),
-    60: e(t.patronusBlue[50], 0.6),
-    72: e(t.patronusBlue[50], 0.72)
-  },
-  turqui: {
-    4: e(t.turquiBlue[50], 0.04),
-    12: e(t.turquiBlue[50], 0.12),
-    24: e(t.turquiBlue[50], 0.24),
-    36: e(t.turquiBlue[50], 0.36),
-    48: e(t.turquiBlue[50], 0.48),
-    60: e(t.turquiBlue[50], 0.6),
-    72: e(t.turquiBlue[50], 0.72)
-  },
-  grass: {
-    4: e(t.grassGreen[50], 0.04),
-    12: e(t.grassGreen[50], 0.12),
-    24: e(t.grassGreen[50], 0.24),
-    36: e(t.grassGreen[50], 0.36),
-    48: e(t.grassGreen[50], 0.48),
-    60: e(t.grassGreen[50], 0.6),
-    72: e(t.grassGreen[50], 0.72)
-  },
-  candy: {
-    4: e(t.candyRed[50], 0.04),
-    12: e(t.candyRed[50], 0.12),
-    24: e(t.candyRed[50], 0.24),
-    36: e(t.candyRed[50], 0.36),
-    48: e(t.candyRed[50], 0.48),
-    60: e(t.candyRed[50], 0.6),
-    72: e(t.candyRed[50], 0.72)
-  },
-  blaze: {
-    4: e(t.blazeOrange[50], 0.04),
-    12: e(t.blazeOrange[50], 0.12),
-    24: e(t.blazeOrange[50], 0.24),
-    36: e(t.blazeOrange[50], 0.36),
-    48: e(t.blazeOrange[50], 0.48),
-    60: e(t.blazeOrange[50], 0.6),
-    72: e(t.blazeOrange[50], 0.72)
-  },
-  cool: {
-    4: e(t.coolGrey[70], 0.04),
-    12: e(t.coolGrey[70], 0.12),
-    24: e(t.coolGrey[70], 0.24),
-    36: e(t.coolGrey[70], 0.36),
-    48: e(t.coolGrey[70], 0.48),
-    60: e(t.coolGrey[70], 0.6),
-    72: e(t.coolGrey[70], 0.72)
-  },
-  marbel: {
-    4: e(t.marbleLight[10], 0.04),
-    12: e(t.marbleLight[10], 0.12),
-    24: e(t.marbleLight[10], 0.24),
-    36: e(t.marbleLight[10], 0.36),
-    48: e(t.marbleLight[10], 0.48),
-    60: e(t.marbleLight[10], 0.6),
-    72: e(t.marbleLight[10], 0.72)
-  }
-}, 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]
-}, D = {
-  lighter: "#fff0",
-  light: "#fff0",
-  main: "#fff0",
-  dark: "#fff0",
-  darker: "#fff0"
-}, f = {
-  lighter: "#fff0",
-  light: "#fff0",
-  main: t.crayonBlue[50],
-  dark: "#fff0",
-  darker: "#fff0",
-  opacity: e(t.crayonBlue[50], 0.08)
-}, v = {
-  lighter: "#fff0",
-  light: "#fff0",
-  main: t.acidGreen[60],
-  dark: "#fff0",
-  darker: "#fff0",
-  opacity: e(t.acidGreen[60], 0.08)
-}, L = {
-  lighter: "#fff0",
-  light: "#fff0",
-  main: t.middleYellow[60],
-  dark: "#fff0",
-  darker: "#fff0",
-  opacity: e(t.middleYellow[60], 0.08)
-}, B = {
-  lighter: "#fff0",
-  light: "#fff0",
-  main: t.flameRed[40],
-  dark: "#fff0",
-  darker: "#fff0",
-  opacity: e(t.flameRed[40], 0.08)
-}, x = {
-  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)
-}, 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)
-}, z = {
-  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"]
-}, H = {
-  normal: t.crayonBlue[50],
-  hover: t.crayonBlue[70]
-}, G = {
-  normal: t.acidGreen[60],
-  hover: t.acidGreen[70]
-}, E = {
-  normal: t.flameRed[40],
-  hover: t.flameRed[60]
-}, W = {
-  normal: t.flameRed[60],
-  hover: t.flameRed[70]
-}, P = {
-  default: e(t.coolGrey[50], 0.24),
-  transition: e(t.coolGrey[50], 0.08)
-}, l = {
-  info: { ...H },
-  success: { ...G },
-  error: { ...E },
-  warning: { ...W },
-  skeleton: { ...P }
-}, h = {
-  common: { black: "#000", white: "#fff" },
-  primary: { ...y },
-  state: {
-    ...l
-  },
-  patronus: { ...t },
-  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: m,
-  chart: z,
-  divider: x[50024],
-  action: {
-    hoverOpacity: 0.08,
-    disabledOpacity: 0.48
-  }
-}, s = {
-  light: {
-    ...h,
-    mode: "light",
-    text: {
-      primary: t.ashBlak[10],
-      secondary: t.coolGrey[40],
-      disabled: t.coolGrey[10]
-    },
-    background: {
-      paper: "#fff0",
-      default: t.marbleLight[10],
-      neutral: t.marbleLight[30],
-      background: t.marbleLight[50]
-    },
-    grid: { sectionHeader: "#F6F7F9", divider: "#EDEFF2", rowHover: "#FAFBFC" }
-  },
-  dark: {
-    ...h,
-    mode: "dark",
-    text: {
-      primary: t.marbleLight[30],
-      secondary: t.coolGrey[20],
-      disabled: t.coolGrey[50]
-    },
-    background: {
-      paper: "#fff0",
-      default: t.ashBlak[10],
-      neutral: t.ashBlak[30],
-      background: t.ashBlak[50]
-    },
-    grid: { sectionHeader: "#29313A", divider: "#3E464F", rowHover: "#1F262F" }
-  }
-}, g = [
-  {
-    name: "patronus",
-    lighter: t.patronusBlue[70],
-    light: t.patronusBlue[60],
-    main: t.patronusBlue[50],
-    dark: t.patronusBlue[40],
-    darker: t.patronusBlue[20],
-    contrastText: t.marbleLight[10]
-  },
-  {
-    name: "turqui",
-    lighter: t.turquiBlue[80],
-    light: t.turquiBlue[60],
-    main: t.turquiBlue[40],
-    dark: t.turquiBlue[50],
-    darker: t.turquiBlue[20],
-    contrastText: t.marbleLight[10]
-  },
-  {
-    name: "grass",
-    lighter: t.grassGreen[80],
-    light: t.grassGreen[50],
-    main: t.grassGreen[60],
-    dark: t.grassGreen[40],
-    darker: t.grassGreen[20],
-    contrastText: t.marbleLight[10]
-  },
-  {
-    name: "candy",
-    lighter: t.candyRed[70],
-    light: t.candyRed[60],
-    main: t.candyRed[50],
-    dark: t.candyRed[40],
-    darker: t.candyRed[30],
-    contrastText: t.marbleLight[10]
-  },
-  {
-    name: "blaze",
-    lighter: t.blazeOrange[80],
-    light: t.blazeOrange[50],
-    main: t.blazeOrange[60],
-    dark: t.blazeOrange[40],
-    darker: t.blazeOrange[20],
-    contrastText: t.marbleLight[10]
-  }
-], F = g[0], q = g[1], _ = g[2], N = g[3], j = g[4];
-function b(o) {
-  try {
-    return {
-      patronus: F,
-      turqui: q,
-      grass: _,
-      candy: N,
-      blaze: j
-    }[o];
-  } catch {
-  }
-  return F;
-}
-const V = (o, r) => {
-  let a = {};
-  switch (o) {
-    case "patronus":
-      a = {
-        light: {
-          active12: n(t?.patronusBlue[50], 0.12),
-          active: t?.patronusBlue[50],
-          focus: t?.patronusBlue[70],
-          hover: t?.patronusBlue[60],
-          default: n(t?.coolGrey[70], 0.04),
-          ...l
-        },
-        dark: {
-          active12: n(t?.patronusBlue[50], 0.12),
-          active: t?.patronusBlue[50],
-          focus: t?.patronusBlue[30],
-          hover: t?.patronusBlue[40],
-          default: n(t?.marbleLight[10], 0.04),
-          ...l
-        }
-      };
-      break;
-    case "turqui":
-      a = {
-        light: {
-          active12: n(t?.turquiBlue[50], 0.12),
-          active: t?.turquiBlue[50],
-          focus: t?.turquiBlue[70],
-          hover: t?.turquiBlue[60],
-          default: n(t?.coolGrey[70], 0.12),
-          ...l
-        },
-        dark: {
-          active12: n(t?.turquiBlue[50], 0.12),
-          active: t?.turquiBlue[50],
-          focus: t?.turquiBlue[30],
-          hover: t?.turquiBlue[40],
-          default: n(t?.marbleLight[10], 0.12),
-          ...l
-        }
-      };
-      break;
-    case "grass":
-      a = {
-        light: {
-          active12: n(t?.grassGreen[50], 0.12),
-          active: t?.grassGreen[50],
-          focus: t?.grassGreen[70],
-          hover: t?.grassGreen[60],
-          default: n(t?.coolGrey[70], 0.12),
-          ...l
-        },
-        dark: {
-          active12: n(t?.grassGreen[50], 0.12),
-          active: t?.grassGreen[50],
-          focus: t?.grassGreen[30],
-          hover: t?.grassGreen[40],
-          default: n(t?.marbleLight[10], 0.12),
-          ...l
-        }
-      };
-      break;
-    case "candy":
-      a = {
-        light: {
-          active12: n(t?.candyRed[50], 0.12),
-          active: t?.candyRed[50],
-          focus: t?.candyRed[70],
-          hover: t?.candyRed[60],
-          default: n(t?.coolGrey[70], 0.12),
-          ...l
-        },
-        dark: {
-          active12: n(t?.candyRed[50], 0.12),
-          active: t?.candyRed[50],
-          focus: t?.candyRed[30],
-          hover: t?.candyRed[40],
-          default: n(t?.marbleLight[10], 0.12),
-          ...l
-        }
-      };
-      break;
-    case "blaze":
-      a = {
-        light: {
-          active12: n(t?.blazeOrange[50], 0.12),
-          active: t?.blazeOrange[50],
-          focus: t?.blazeOrange[70],
-          hover: t?.blazeOrange[60],
-          default: n(t?.coolGrey[70], 0.12),
-          ...l
-        },
-        dark: {
-          active12: n(t?.blazeOrange[50], 0.12),
-          active: t?.blazeOrange[50],
-          focus: t?.blazeOrange[30],
-          hover: t?.blazeOrange[40],
-          default: n(t?.marbleLight[10], 0.12),
-          ...l
-        }
-      };
-      break;
-    default:
-      a = {
-        light: {
-          active12: n(t?.turquiBlue[50], 0.12),
-          active: t?.turquiBlue[50],
-          focus: t?.turquiBlue[70],
-          hover: t?.turquiBlue[60],
-          default: n(t?.coolGrey[70], 0.12),
-          ...l
-        },
-        dark: {
-          active12: n(t?.turquiBlue[50], 0.12),
-          active: t?.turquiBlue[50],
-          focus: t?.turquiBlue[30],
-          hover: t?.turquiBlue[40],
-          default: n(t?.marbleLight[10], 0.12),
-          ...l
-        }
-      };
-      break;
-  }
-  return r === "light" ? { ...a.light } : { ...a.dark };
-};
-function Y(o) {
-  return Math.round(parseFloat(o) * 16);
-}
-function d(o) {
-  return `${o / 16}rem`;
-}
-function p({ sm: o, md: r, lg: a }) {
-  return {
-    "@media (min-width:0px)": {
-      fontSize: `${o}px`
-    },
-    "@media (min-width:900px)": {
-      fontSize: `${r}px`
-    },
-    "@media (min-width:1200px)": {
-      fontSize: `${a}px`
-    }
-  };
-}
-function U() {
-  return [...w().breakpoints.keys].reverse().reduce((a, i) => {
-    const k = T("up", i);
-    return !a && k ? i : a;
-  }, null) || "xs";
-}
-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,
-  fontWeightRegular: 400,
-  fontWeightMedium: 600,
-  fontWeightBold: 700,
-  h1: {
-    fontWeight: 600,
-    lineHeight: 1.5,
-    ...p({ sm: 38, md: 40, lg: 40 })
-  },
-  h2: {
-    fontWeight: 600,
-    lineHeight: 1,
-    ...p({ sm: 40, md: 44, lg: 48 })
-  },
-  h3: {
-    fontWeight: 600,
-    lineHeight: 1.5,
-    ...p({ sm: 30, md: 32, lg: 32 })
-  },
-  h4: {
-    fontWeight: 600,
-    lineHeight: 1.5,
-    ...p({ sm: 20, md: 24, lg: 24 })
-  },
-  h5: {
-    fontWeight: 600,
-    lineHeight: 1.5,
-    ...p({ sm: 22, md: 24, lg: 24 })
-  },
-  h6: {
-    fontWeight: 600,
-    lineHeight: 28 / 18,
-    ...p({ sm: 18, md: 18, lg: 18 })
-  },
-  subtitle: {
-    fontWeight: 400,
-    lineHeight: 1.5,
-    ...p({ sm: 18, md: 16, lg: 16 })
-  },
-  subtitleDens: {
-    fontWeight: 600,
-    lineHeight: 1.5,
-    ...p({ sm: 18, md: 16, lg: 16 })
-  },
-  paragraph: {
-    fontWeight: 400,
-    lineHeight: 1.429,
-    ...p({ sm: 16, md: 14, lg: 14 })
-  },
-  paragraphDens: {
-    fontWeight: 600,
-    lineHeight: 1.429,
-    ...p({ sm: 16, md: 14, lg: 14 })
-  },
-  subtitle1: {
-    fontWeight: 600,
-    lineHeight: 1.5,
-    fontSize: d(14)
-  },
-  subtitle2: {
-    fontWeight: 600,
-    lineHeight: 1.5,
-    fontSize: d(12)
-  },
-  body: {
-    fontWeight: 400,
-    lineHeight: 1.143,
-    ...p({ sm: 14, md: 12, lg: 12 })
-  },
-  bodyDens: {
-    fontWeight: 600,
-    lineHeight: 1.143,
-    ...p({ sm: 14, md: 12, lg: 12 })
-  },
-  body0: {
-    lineHeight: 1.5,
-    fontWeight: 400,
-    fontSize: d(16)
-  },
-  body1: {
-    lineHeight: 1.5,
-    fontWeight: 400,
-    fontSize: d(14)
-  },
-  body2: {
-    lineHeight: 1.5,
-    fontWeight: 400,
-    fontSize: d(12)
-  },
-  caption: {
-    lineHeight: 1.5,
-    fontSize: d(11)
-  },
-  overline: {
-    fontWeight: 700,
-    lineHeight: 1.5,
-    fontSize: d(12),
-    textTransform: "uppercase"
-  },
-  button: {
-    fontWeight: 700,
-    lineHeight: 24 / 14,
-    fontSize: d(14),
-    textTransform: "capitalize"
-  },
-  action: {
-    fontWeight: 500,
-    lineHeight: 1.667,
-    ...p({ sm: 14, md: 12, lg: 12 })
-  }
-}, 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",
-    `0px 2px 1px -1px ${r},0px 1px 1px 0px ${a},0px 1px 3px 0px ${i}`,
-    `0px 3px 1px -2px ${r},0px 2px 2px 0px ${a},0px 1px 5px 0px ${i}`,
-    `0px 3px 3px -2px ${r},0px 3px 4px 0px ${a},0px 1px 8px 0px ${i}`,
-    `0px 2px 4px -1px ${r},0px 4px 5px 0px ${a},0px 1px 10px 0px ${i}`,
-    `0px 3px 5px -1px ${r},0px 5px 8px 0px ${a},0px 1px 14px 0px ${i}`,
-    `0px 3px 5px -1px ${r},0px 6px 10px 0px ${a},0px 1px 18px 0px ${i}`,
-    `0px 4px 5px -2px ${r},0px 7px 10px 1px ${a},0px 2px 16px 1px ${i}`,
-    `0px 5px 5px -3px ${r},0px 8px 10px 1px ${a},0px 3px 14px 2px ${i}`,
-    `0px 5px 6px -3px ${r},0px 9px 12px 1px ${a},0px 3px 16px 2px ${i}`,
-    `0px 6px 6px -3px ${r},0px 10px 14px 1px ${a},0px 4px 18px 3px ${i}`,
-    `0px 6px 7px -4px ${r},0px 11px 15px 1px ${a},0px 4px 20px 3px ${i}`,
-    `0px 7px 8px -4px ${r},0px 12px 17px 2px ${a},0px 5px 22px 4px ${i}`,
-    `0px 7px 8px -4px ${r},0px 13px 19px 2px ${a},0px 5px 24px 4px ${i}`,
-    `0px 7px 9px -4px ${r},0px 14px 21px 2px ${a},0px 5px 26px 4px ${i}`,
-    `0px 8px 9px -5px ${r},0px 15px 22px 2px ${a},0px 6px 28px 5px ${i}`,
-    `0px 8px 10px -5px ${r},0px 16px 24px 2px ${a},0px 6px 30px 5px ${i}`,
-    `0px 8px 11px -5px ${r},0px 17px 26px 2px ${a},0px 6px 32px 5px ${i}`,
-    `0px 9px 11px -5px ${r},0px 18px 28px 2px ${a},0px 7px 34px 6px ${i}`,
-    `0px 9px 12px -6px ${r},0px 19px 29px 2px ${a},0px 7px 36px 6px ${i}`,
-    `0px 10px 13px -6px ${r},0px 20px 31px 3px ${a},0px 8px 38px 7px ${i}`,
-    `0px 10px 13px -6px ${r},0px 21px 33px 3px ${a},0px 8px 40px 7px ${i}`,
-    `0px 10px 14px -6px ${r},0px 22px 35px 3px ${a},0px 8px 42px 7px ${i}`,
-    `0px 11px 14px -7px ${r},0px 23px 36px 3px ${a},0px 9px 44px 8px ${i}`,
-    `0px 11px 15px -7px ${r},0px 24px 38px 3px ${a},0px 9px 46px 8px ${i}`
-  ];
-}, Z = (o) => {
-  const r = {
-    info: `0px 2px 8px 0px ${e(t.patronusBlue[50], 0.2)}`,
-    secondary: `0px 2px 8px 0px ${e(s.light.secondary.main, 0.24)}`,
-    success: `0px 2px 8px 0px ${e(t.acidGreen[50], 0.2)}`,
-    warning: `0px 2px 8px 0px ${e(t.middleYellow[50], 0.2)}`,
-    error: `0px 2px 8px 0px ${e(t.flameRed[50], 0.2)}`,
-    card: `0 0 2px 0 ${e(s.light.grey[500], 0.2)}, 0 12px 24px -4px ${e(
-      s.light.grey[500],
-      0.12
-    )}`,
-    dialog: `-40px 40px 80px -8px ${e(s.light.common.black, 0.24)}`,
-    dropdown: `0 0 2px 0 ${e(s.light.grey[500], 0.24)}, -20px 20px 40px -4px ${e(
-      s.light.grey[500],
-      0.24
-    )}`
-  };
-  return o === "light" ? {
-    z1: `0px 1px 2px ${e(t.coolGrey[70], 0.12)}`,
-    z2: `0px 2px 2px 1px ${e(t.coolGrey[70], 0.12)}`,
-    z3: `0px 4px 8px ${e(t.coolGrey[70], 0.16)}`,
-    z4: `0px 8px 16px 1px ${e(t.coolGrey[70], 0.16)}`,
-    ...r
-  } : {
-    z1: `0px 1px 2px ${e(t.ashBlak[50], 0.4)}`,
-    z2: `0px 2px 2px 1px ${e(t.ashBlak[50], 0.4)}`,
-    z3: `0px 4px 8px 1px ${e(t.ashBlak[60], 0.4)}`,
-    z4: `0px 8px 16px 4px ${e(t.ashBlak[60], 0.4)}`,
-    ...r
-  };
-}, oo = {
-  light: I(Q),
-  dark: I(X)
-}, gt = {
-  typography: J,
-  palette: {
-    ...s.light,
-    primary: b("patronus"),
-    state: { ...V("patronus", "light") },
-    representative: b("patronus").darker
-  },
-  shape: { borderRadius: 8 },
-  direction: "rtl",
-  shadows: oo.light,
-  customShadows: {
-    primary: `0 8px 16px 0 ${M(b("patronus").main, 0.2)}`,
-    ...Z("dark")
-  },
-  stretch: !0,
-  spacing: (o) => `${0.5 * o}rem`
-};
-function to(o) {
-  return {
-    MuiAvatar: {
-      styleOverrides: {
-        colorDefault: {
-          color: o.palette.text.secondary,
-          backgroundColor: o.palette.grey[400]
-        }
-      }
-    },
-    MuiAvatarGroup: {
-      styleOverrides: {
-        avatar: {
-          fontSize: 16,
-          fontWeight: o.typography.fontWeightMedium,
-          "&:first-of-type": {
-            fontSize: 14,
-            color: o.palette.primary.main,
-            backgroundColor: o.palette.primary.lighter
-          }
-        }
-      }
-    }
-  };
-}
-function eo(o) {
-  return {
-    MuiButton: {
-      styleOverrides: {
-        root: {
-          textTransform: "capitalize",
-          "&:hover": {
-            boxShadow: "none"
-          }
-        },
-        sizeLarge: {
-          height: 48
-        },
-        containedInherit: {
-          color: o.palette.grey[800],
-          boxShadow: o.customShadows?.z1,
-          "&:hover": {
-            backgroundColor: o.palette.grey[400]
-          }
-        },
-        containedPrimary: {
-          boxShadow: o.customShadows?.z4
-        },
-        containedSecondary: {
-          boxShadow: o.customShadows?.secondary
-        },
-        containedInfo: {
-          boxShadow: o.customShadows?.info
-        },
-        containedSuccess: {
-          boxShadow: o.customShadows?.success
-        },
-        containedWarning: {
-          boxShadow: o.customShadows?.warning
-        },
-        containedError: {
-          boxShadow: o.customShadows?.error
-        },
-        outlinedInherit: {
-          border: `1px solid ${o.palette.grey[50032]}`,
-          "&:hover": {
-            backgroundColor: o.palette.action.hover
-          }
-        },
-        textInherit: {
-          "&:hover": {
-            backgroundColor: o.palette.action.hover
-          }
-        }
-      }
-    }
-  };
-}
-function ro(o) {
-  return {
-    MuiIconButton: {
-      styleOverrides: {
-        root: {
-          "&.MuiIconButton-sizeSmall": {
-            height: o.spacing(3),
-            width: o.spacing(3),
-            margin: 0,
-            padding: 0,
-            " > svg": {
-              height: 20,
-              width: 20
-            },
-            "& .MuiBox-root": {
-              height: 20,
-              width: 20
-            }
-          }
-        }
-      }
-    }
-  };
-}
-function ao(o) {
-  return console.log("test theme", o.palette), {
-    MuiFab: {
-      defaultProps: {
-        color: "primary"
-      },
-      styleOverrides: {
-        root: {
-          boxShadow: o.customShadows?.z4,
-          "&:hover": {
-            boxShadow: "none",
-            backgroundColor: o.palette.grey[400]
-          }
-        },
-        primary: {
-          boxShadow: o.customShadows?.primary,
-          "&:hover": {
-            backgroundColor: o.palette.primary.dark
-          }
-        },
-        secondary: {
-          boxShadow: o.customShadows?.secondary,
-          "&:hover": {
-            backgroundColor: o.palette.secondary.dark
-          }
-        },
-        extended: {
-          "& svg": {
-            marginRight: o.spacing(1)
-          }
-        }
-      }
-    }
-  };
-}
-function io(o) {
-  return {
-    MuiCard: {
-      styleOverrides: {
-        root: {
-          position: "relative",
-          boxShadow: o.customShadows?.card,
-          borderRadius: Number(o.shape.borderRadius) * 2,
-          zIndex: 0
-        }
-      }
-    },
-    MuiCardHeader: {
-      defaultProps: {
-        titleTypographyProps: { variant: "h6" },
-        subheaderTypographyProps: { variant: "body2", marginTop: o.spacing(0.5) }
-      },
-      styleOverrides: {
-        root: {
-          padding: o.spacing(3, 3, 0)
-        }
-      }
-    },
-    MuiCardContent: {
-      styleOverrides: {
-        root: {
-          padding: o.spacing(3)
-        }
-      }
-    }
-  };
-}
-function no(o) {
-  return {
-    MuiTabs: {
-      styleOverrides: {
-        root: {
-          padding: 0,
-          fontWeight: o.typography.fontWeightMedium,
-          borderTopLeftRadius: o.shape.borderRadius,
-          borderTopRightRadius: o.shape.borderRadius,
-          "&.Mui-selected": {
-            color: o.palette.text.primary
-          },
-          "&:not(:last-of-type)": {
-            marginRight: o.spacing(5)
-          },
-          "@media (min-width: 600px)": {
-            minWidth: 48
-          },
-          "& .MuiButtonBase-root": {
-            ...o.typography.subtitle2
-          }
-        },
-        labelIcon: {
-          minHeight: 48,
-          flexDirection: "row",
-          "& > *:first-of-type": {
-            marginBottom: 0,
-            marginRight: o.spacing(1)
-          }
-        },
-        wrapper: {
-          flexDirection: "row",
-          whiteSpace: "nowrap"
-        },
-        textColorInherit: {
-          opacity: 1,
-          color: o.palette.text.secondary
-        }
-      }
-    },
-    MuiTabPanel: {
-      styleOverrides: {
-        root: {
-          padding: 0
-        }
-      }
-    },
-    MuiTabScrollButton: {
-      styleOverrides: {
-        root: {
-          width: 48,
-          borderRadius: "50%"
-        }
-      }
-    }
-  };
-}
-function po(o) {
-  return {
-    MuiMenuItem: {
-      styleOverrides: {
-        root: {
-          "&.Mui-selected": {
-            backgroundColor: o.palette.action.selected,
-            "&:hover": {
-              backgroundColor: o.palette.action.hover
-            }
-          }
-        }
-      }
-    }
-  };
-}
-function lo(o) {
-  return {
-    MuiLink: {
-      defaultProps: {
-        underline: "hover"
-      },
-      styleOverrides: {
-        root: {
-          "&.MuiLink-underlineHover": {
-            textDecorationColor: o.palette.primary.main
-          }
-        }
-      }
-    }
-  };
-}
-function so(o) {
-  return {
-    MuiListItemIcon: {
-      styleOverrides: {
-        root: {
-          color: "inherit",
-          minWidth: "auto",
-          marginRight: o.spacing(2)
-        }
-      }
-    },
-    MuiListItemAvatar: {
-      styleOverrides: {
-        root: {
-          minWidth: "auto",
-          marginRight: o.spacing(2)
-        }
-      }
-    },
-    MuiListItemText: {
-      styleOverrides: {
-        root: {
-          marginTop: 0,
-          marginBottom: 0
-        },
-        multiline: {
-          marginTop: 0,
-          marginBottom: 0
-        }
-      }
-    }
-  };
-}
-function uo(o) {
-  return {
-    MuiTableRow: {
-      styleOverrides: {
-        root: {
-          "&.Mui-selected": {
-            backgroundColor: o.palette.action.selected,
-            "&:hover": {
-              backgroundColor: o.palette.action.hover
-            }
-          }
-        }
-      }
-    },
-    MuiTableCell: {
-      styleOverrides: {
-        root: {
-          borderBottom: "none"
-        },
-        head: {
-          color: o.palette.text.secondary,
-          backgroundColor: o.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}`
-          },
-          "&:last-of-type": {
-            paddingRight: o.spacing(3),
-            borderTopRightRadius: o.shape.borderRadius,
-            borderBottomRightRadius: o.shape.borderRadius,
-            boxShadow: `inset -8px 0 0 ${o.palette.background.paper}`
-          }
-        },
-        stickyHeader: {
-          backgroundColor: o.palette.background.paper,
-          backgroundImage: `linear-gradient(to bottom, ${o.palette.background.neutral} 0%, ${o.palette.background.neutral} 100%)`
-        },
-        body: {
-          "&:first-of-type": {
-            paddingLeft: o.spacing(3)
-          },
-          "&:last-of-type": {
-            paddingRight: o.spacing(3)
-          }
-        }
-      }
-    },
-    MuiTablePagination: {
-      styleOverrides: {
-        root: {
-          ...o.typography.caption
-        },
-        toolbar: {
-          "& .MuiInputBase-root": {
-            marginLeft: o.spacing(1),
-            marginRight: o.spacing(3),
-            ...o.typography.caption
-          },
-          "&.MuiToolbar-regular": {
-            minHeight: 40,
-            height: 40,
-            paddingRight: 0
-          },
-          "& .MuiTablePagination-displayedRows": {
-            ...o.typography.caption
-          }
-        },
-        selectLabel: {
-          ...o.typography.caption
-        },
-        select: {
-          paddingBottom: 4,
-          "&:focus": {
-            borderRadius: o.shape.borderRadius
-          }
-        },
-        selectIcon: {
-          width: 20,
-          height: 20
-        }
-      }
-    }
-  };
-}
-function co(o) {
-  return {
-    MuiBadge: {
-      styleOverrides: {
-        dot: {
-          width: 10,
-          height: 10,
-          borderRadius: "50%"
-        }
-      }
-    }
-  };
-}
-function go(o) {
-  return {
-    MuiPaper: {
-      defaultProps: {
-        elevation: 0
-      },
-      variants: [
-        {
-          props: { variant: "outlined" },
-          style: { borderColor: o.palette.grey[50012] }
-        }
-      ],
-      styleOverrides: {
-        root: {
-          backgroundImage: "none",
-          backgroundColor: o.palette.background.default,
-          borderRadius: "2px",
-          "& .MuiStack-root .MuiMenuItem-root": {
-            color: o.palette.text.primary,
-            transition: "all .5s",
-            borderRadius: "4px",
-            ...o.typography.action
-          },
-          "& .MuiStack-root .MuiMenuItem-root:hover": {
-            color: o.palette.state?.hover,
-            transition: "all .5s",
-            backgroundColor: o.palette.state?.active12
-          },
-          "& .MuiStack-root .MuiMenuItem-root.Mui-selected": {
-            color: o.palette.state?.active,
-            transition: "all .5s",
-            backgroundColor: o.palette.state?.active12
-          },
-          "& .MuiStack-root .MuiMenuItem-root:focus": {
-            color: o.palette.state?.focus,
-            transition: "all .5s",
-            backgroundColor: o.palette.background.default,
-            boxShadow: `0 0 0 1px ${o.palette.state?.focus}`
-          },
-          "& .MuiAutocomplete-listbox .MuiAutocomplete-option": {
-            color: o.palette.text.primary,
-            transition: "all .5s",
-            borderRadius: "4px",
-            ...o.typography.action
-          },
-          "& .MuiAutocomplete-listbox .MuiAutocomplete-option:hover": {
-            color: o.palette.state?.hover,
-            transition: "all .5s",
-            backgroundColor: o.palette.state?.active12
-          },
-          "& .MuiAutocomplete-listbox .MuiAutocomplete-option.Mui-selected": {
-            color: o.palette.state?.active,
-            transition: "all .5s",
-            backgroundColor: o.palette.state?.active12
-          },
-          "& .MuiAutocomplete-listbox .MuiAutocomplete-option:active": {
-            color: o.palette.state?.focus,
-            transition: "all .5s",
-            backgroundColor: o.palette.background.default,
-            boxShadow: `0 0 0 1px ${o.palette.state?.focus}`
-          }
-        }
-      }
-    }
-  };
-}
-function xo(o) {
-  return {
-    MuiFormControl: {
-      styleOverrides: {
-        root: {}
-      }
-    },
-    MuiInputBase: {
-      styleOverrides: {
-        root: {
-          backgroundColor: o.palette.background.default,
-          ...o.typography.body2,
-          borderRadius: o.spacing(1),
-          "&.Mui-disabled": {
-            "& svg": { color: o.palette.text.disabled }
-          },
-          padding: "0px"
-        },
-        input: {
-          padding: "4px 8px",
-          "&::placeholder": {
-            opacity: 1,
-            color: o.palette.text.disabled
-          }
-        }
-      }
-    },
-    MuiInput: {
-      styleOverrides: {
-        underline: {
-          "&:before": {
-            borderBottomColor: o.palette.grey[50056]
-          }
-        }
-      }
-    },
-    MuiFilledInput: {
-      styleOverrides: {
-        root: {
-          backgroundColor: o.palette.grey[50012],
-          "&:hover": {
-            backgroundColor: o.palette.grey[50016]
-          },
-          "&.Mui-focused": {
-            backgroundColor: o.palette.action.focus
-          },
-          "&.Mui-disabled": {
-            backgroundColor: o.palette.action.disabledBackground
-          }
-        },
-        underline: {
-          "&:before": {
-            borderBottomColor: o.palette.grey[50056]
-          }
-        }
-      }
-    },
-    MuiOutlinedInput: {
-      styleOverrides: {
-        root: {
-          ...o.typography.body2,
-          color: o.palette.text.primary,
-          "& > input": {
-            padding: o.spacing(1.5, 1.5)
-          },
-          "& .MuiOutlinedInput-notchedOutline": {
-            borderColor: o.palette.grey[50032],
-            fontSize: "0.875rem"
-          },
-          "&.Mui-disabled": {
-            "& .MuiOutlinedInput-notchedOutline": {
-              borderColor: o.palette.action.disabledBackground
-            }
-          },
-          "& .MuiOutlinedInput-input:-webkit-autofill": {
-            WebkitBoxShadow: `0 0 0 1000px ${o.palette.background.autofill} inset`
-          }
-        }
-      }
-    }
-  };
-}
-function bo(o) {
-  return {
-    MuiInputLabel: {
-      styleOverrides: {
-        shrink: {
-          transform: "translate(14px, -9px) scale(0.75)!important"
-        },
-        outlined: {
-          transform: "translate(14px, 12px) scale(1)",
-          fontSize: 12
-        }
-      }
-    }
-  };
-}
-function Mo(o) {
-  return {
-    MuiRadio: {
-      styleOverrides: {
-        root: {
-          padding: o.spacing(1),
-          svg: {
-            fontSize: 24,
-            "&[font-size=small]": {
-              fontSize: 20
-            }
-          }
-        }
-      }
-    }
-  };
-}
-function yo(o) {
-  const r = o.palette.mode === "light";
-  return {
-    MuiDrawer: {
-      styleOverrides: {
-        root: {
-          "&.M4LSideBar-drawer": {
-            test: "root",
-            "& .MuiPaper-root": {
-              background: o.palette.background.neutral,
-              display: "flex",
-              flexDirection: "row"
-            }
-          }
-        },
-        modal: {
-          '&[role="presentation"]': {
-            "& .MuiDrawer-paperAnchorLeft": {
-              boxShadow: `8px 24px 24px 12px ${M(
-                o.palette.grey[900],
-                r ? 0.16 : 0.48
-              )}`
-            },
-            "& .MuiDrawer-paperAnchorRight": {
-              boxShadow: `-8px 24px 24px 12px ${M(
-                o.palette.grey[900],
-                r ? 0.16 : 0.48
-              )}`
-            }
-          }
-        }
-      }
-    }
-  };
-}
-function fo(o) {
-  return {
-    MuiDialog: {
-      styleOverrides: {
-        paper: {
-          boxShadow: o.customShadows?.dialog,
-          "&.MuiPaper-rounded": {
-            borderRadius: Number(o.shape.borderRadius) * 2
-          },
-          "&.MuiDialog-paperFullScreen": {
-            borderRadius: 0
-          },
-          "&.MuiDialog-paper .MuiDialogActions-root": {
-            padding: o.spacing(3)
-          },
-          "@media (max-width: 600px)": {
-            margin: o.spacing(2)
-          },
-          "@media (max-width: 663.95px)": {
-            "&.MuiDialog-paperWidthSm.MuiDialog-paperScrollBody": {
-              maxWidth: "100%"
-            }
-          }
-        },
-        paperFullWidth: {
-          width: "100%"
-        }
-      }
-    },
-    MuiDialogTitle: {
-      styleOverrides: {
-        root: {
-          padding: o.spacing(3, 3, 0)
-        }
-      }
-    },
-    MuiDialogContent: {
-      styleOverrides: {
-        root: {
-          borderTop: 0,
-          borderBottom: 0,
-          padding: o.spacing(3)
-        }
-      }
-    },
-    MuiDialogActions: {
-      styleOverrides: {
-        root: {
-          "& > :not(:first-of-type)": {
-            marginLeft: o.spacing(1.5)
-          }
-        }
-      }
-    }
-  };
-}
-function vo(o) {
-  const r = o.palette.mode === "light";
-  return {
-    MuiSlider: {
-      defaultProps: {
-        size: "small"
-      },
-      styleOverrides: {
-        root: {
-          "&.Mui-disabled": {
-            color: o.palette.action.disabled
-          }
-        },
-        markLabel: {
-          fontSize: 13,
-          color: o.palette.text.disabled
-        },
-        valueLabel: {
-          borderRadius: 8,
-          backgroundColor: o.palette.grey[r ? 800 : 700]
-        }
-      }
-    }
-  };
-}
-function Lo(o) {
-  const r = o.palette.mode === "light";
-  return {
-    MuiSwitch: {
-      styleOverrides: {
-        thumb: {
-          boxShadow: o.customShadows?.z1
-        },
-        track: {
-          opacity: 1,
-          backgroundColor: o.palette.grey[500]
-        },
-        switchBase: {
-          left: 0,
-          right: "auto",
-          "&:not(:.Mui-checked)": {
-            color: o.palette.grey[r ? 100 : 300]
-          },
-          "&.Mui-checked.Mui-disabled, &.Mui-disabled": {
-            color: o.palette.grey[r ? 400 : 600]
-          },
-          "&.Mui-disabled+.MuiSwitch-track": {
-            opacity: 1,
-            backgroundColor: `${o.palette.action.disabledBackground} !important`
-          }
-        }
-      }
-    }
-  };
-}
-function Bo(o) {
-  return {
-    MuiSvgIcon: {
-      styleOverrides: {
-        fontSizeSmall: {
-          width: 20,
-          height: 20,
-          fontSize: "inherit"
-        },
-        fontSizeLarge: {
-          width: 32,
-          height: 32,
-          fontSize: "inherit"
-        }
-      }
-    }
-  };
-}
-function ko(o) {
-  const r = o.palette.mode === "light";
-  return {
-    MuiTooltip: {
-      styleOverrides: {
-        tooltip: {
-          backgroundColor: o.palette.grey[r ? 800 : 700]
-        },
-        arrow: {
-          color: o.palette.grey[r ? 800 : 700]
-        }
-      }
-    }
-  };
-}
-function Co(o) {
-  return {
-    MuiPopover: {
-      styleOverrides: {
-        paper: {}
-      }
-    }
-  };
-}
-function ho(o) {
-  return {
-    MuiStepConnector: {
-      styleOverrides: {
-        line: {
-          borderColor: o.palette.divider
-        }
-      }
-    }
-  };
-}
-function Fo(o) {
-  return {
-    MuiDataGrid: {
-      styleOverrides: {
-        root: {
-          borderRadius: 0,
-          border: "1px solid transparent",
-          "& .MuiTablePagination-root": {
-            borderTop: 0
-          },
-          "& .MuiDataGrid-toolbarContainer": {
-            padding: o.spacing(2),
-            backgroundColor: o.palette.background.neutral,
-            "& .MuiButton-root": {
-              marginRight: o.spacing(1.5),
-              color: o.palette.text.primary,
-              "&:hover": {
-                backgroundColor: o.palette.action.hover
-              }
-            }
-          },
-          "& .MuiDataGrid-cell, .MuiDataGrid-columnsContainer": {
-            borderBottom: `1px solid ${o.palette.divider}`
-          },
-          "& .MuiDataGrid-columnSeparator": {
-            color: o.palette.divider
-          },
-          '& .MuiDataGrid-columnHeader[data-field="__check__"]': {
-            padding: 0
-          }
-        }
-      }
-    },
-    MuiGridMenu: {
-      styleOverrides: {
-        root: {
-          "& .MuiDataGrid-gridMenuList": {
-            boxShadow: o.customShadows?.z4,
-            borderRadius: o.shape.borderRadius
-          },
-          "& .MuiMenuItem-root": {
-            ...o.typography.body2
-          }
-        }
-      }
-    },
-    MuiGridFilterForm: {
-      styleOverrides: {
-        root: {
-          padding: o.spacing(1.5, 0),
-          "& .MuiFormControl-root": {
-            margin: o.spacing(0, 0.5)
-          },
-          "& .MuiInput-root": {
-            marginTop: o.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
-            },
-            "& .MuiSvgIcon-root": {
-              right: 4
-            }
-          }
-        }
-      }
-    },
-    MuiGridPanelFooter: {
-      styleOverrides: {
-        root: {
-          padding: o.spacing(2),
-          justifyContent: "flex-end",
-          "& .MuiButton-root": {
-            "&:first-of-type": {
-              marginRight: o.spacing(1.5),
-              color: o.palette.text.primary,
-              "&:hover": {
-                backgroundColor: o.palette.action.hover
-              }
-            },
-            "&:last-of-type": {
-              color: o.palette.common.white,
-              backgroundColor: o.palette.primary.main,
-              "&:hover": {
-                backgroundColor: o.palette.primary.dark
-              }
-            }
-          }
-        }
-      }
-    }
-  };
-}
-function Io(o) {
-  return {
-    MuiSkeleton: {
-      defaultProps: {
-        animation: "wave"
-      },
-      styleOverrides: {
-        root: {
-          backgroundColor: o.palette.divider
-        }
-      }
-    }
-  };
-}
-function wo(o) {
-  const r = e(o.palette.grey[900], 0.48), a = e(o.palette.grey[900], 1);
-  return {
-    MuiBackdrop: {
-      styleOverrides: {
-        root: {
-          background: [
-            "rgb(22,28,36)",
-            `-moz-linear-gradient(75deg, ${r} 0%, ${a} 100%)`,
-            `-webkit-linear-gradient(75deg, ${r} 0%, ${a} 100%)`,
-            `linear-gradient(75deg, ${r} 0%, ${a} 100%)`
-          ],
-          "&.MuiBackdrop-invisible": {
-            background: "transparent"
-          }
-        }
-      }
-    }
-  };
-}
-function So(o) {
-  const r = o.palette.mode === "light";
-  return {
-    MuiLinearProgress: {
-      styleOverrides: {
-        root: {
-          borderRadius: 4,
-          overflow: "hidden"
-        },
-        bar: {
-          borderRadius: 4
-        },
-        colorPrimary: {
-          backgroundColor: o.palette.primary[r ? "lighter" : "darker"]
-        },
-        buffer: {
-          backgroundColor: "transparent"
-        }
-      }
-    }
-  };
-}
-function Ro(o) {
-  return {
-    MuiTimelineDot: {
-      styleOverrides: {
-        root: {
-          boxShadow: "none"
-        }
-      }
-    },
-    MuiTimelineConnector: {
-      styleOverrides: {
-        root: {
-          backgroundColor: o.palette.divider
-        }
-      }
-    }
-  };
-}
-function Oo(o) {
-  return {
-    MuiCheckbox: {
-      styleOverrides: {
-        root: {
-          padding: o.spacing(1),
-          oleee: "sss",
-          color: o.palette.action.active,
-          "& .Mui-checked": {
-            color: o.palette.primary.main
-          },
-          "&.Mui-checked.Mui-disabled, &.Mui-disabled": {
-            color: o.palette.action.disabled
-          }
-        }
-      }
-    }
-  };
-}
-function Ao(o) {
-  return {
-    MuiAccordion: {
-      styleOverrides: {
-        root: {
-          backgroundColor: o.palette.background.default,
-          width: "100%",
-          marginTop: "0px",
-          marginBottom: o.spacing(1.5),
-          "&.Mui-expanded": {
-            marginTop: "0px",
-            marginBottom: o.spacing(1.5)
-          },
-          border: "0px solid transparent",
-          "&.Mui-disabled": {
-            backgroundColor: "transparent"
-          },
-          "&::before": {
-            content: "none"
-          }
-        }
-      }
-    },
-    MuiAccordionDetails: {
-      styleOverrides: {
-        root: {
-          padding: `0px ${o.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),
-          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`
-          },
-          "&.Mui-disabled": {
-            opacity: 1,
-            color: o.palette.action.disabled,
-            "& .MuiTypography-root": {
-              color: "inherit"
-            }
-          }
-        },
-        expandIconWrapper: {
-          color: o.palette.action.active,
-          height: 20,
-          width: 20,
-          alignItems: "center",
-          justifyContent: "center",
-          "& > svg": {
-            height: 12,
-            width: 12
-          }
-        },
-        content: {
-          ...o.typography.subtitle2,
-          margin: "0px",
-          "&.Mui-expanded": {
-            margin: "0px"
-          }
-        }
-      }
-    }
-  };
-}
-function To(o) {
-  return {
-    MuiTypography: {
-      defaultProps: {
-        variantMapping: {
-          subtitleDens: "span"
-        }
-      },
-      styleOverrides: {
-        paragraph: {
-          marginBottom: o.spacing(2)
-        },
-        gutterBottom: {
-          marginBottom: o.spacing(1)
-        }
-      }
-    }
-  };
-}
-function $o(o) {
-  return {
-    MuiPaginationItem: {
-      styleOverrides: {
-        root: {
-          "&.Mui-selected": {
-            fontWeight: o.typography.fontWeightBold
-          }
-        },
-        textPrimary: {
-          "&.Mui-selected": {
-            color: o.palette.primary.main,
-            backgroundColor: e(o.palette.primary.main, 0.08),
-            "&:hover, &.Mui-focusVisible": {
-              backgroundColor: `${e(
-                o.palette.primary.main,
-                0.24
-              )} !important`
-            }
-          }
-        },
-        outlined: {
-          border: `1px solid ${o.palette.grey[50032]}`
-        },
-        outlinedPrimary: {
-          "&.Mui-selected": {
-            backgroundColor: e(o.palette.primary.main, 0.08),
-            border: `1px solid ${e(o.palette.primary.main, 0.24)}`
-          }
-        }
-      }
-    }
-  };
-}
-function Do(o) {
-  return {
-    MuiBreadcrumbs: {
-      styleOverrides: {
-        separator: {
-          marginLeft: o.spacing(2),
-          marginRight: o.spacing(2)
-        }
-      }
-    }
-  };
-}
-function mo(o) {
-  const r = (a) => ({
-    props: { variant: "contained", color: a },
-    style: { boxShadow: o.customShadows?.primary }
-  });
-  return {
-    MuiButtonGroup: {
-      variants: [
-        {
-          props: { variant: "contained", color: "inherit" },
-          style: { boxShadow: o.customShadows?.z4 }
-        },
-        r("primary"),
-        r("secondary"),
-        r("info"),
-        r("success"),
-        r("warning"),
-        r("error"),
-        {
-          props: { disabled: !0 },
-          style: {
-            boxShadow: "none",
-            "& .MuiButtonGroup-grouped.Mui-disabled": {
-              color: o.palette.action.disabled,
-              borderColor: `${o.palette.action.disabledBackground} !important`,
-              "&.MuiButton-contained": {
-                backgroundColor: o.palette.action.disabledBackground
-              }
-            }
-          }
-        }
-      ],
-      styleOverrides: {
-        root: {
-          "&:hover": {
-            boxShadow: "none"
-          }
-        }
-      }
-    }
-  };
-}
-function zo(o) {
-  return {
-    MuiCssBaseline: {
-      styleOverrides: {
-        "*": {
-          margin: 0,
-          padding: 0,
-          boxSizing: "border-box"
-        },
-        html: {
-          width: "100%",
-          height: "100%",
-          WebkitOverflowScrolling: "touch"
-        },
-        body: {
-          width: "100%",
-          height: "100%"
-        },
-        "#root": {
-          width: "100%",
-          height: "100%"
-        },
-        input: {
-          "&[type=number]": {
-            MozAppearance: "textfield",
-            "&::-webkit-outer-spin-button": {
-              margin: 0,
-              WebkitAppearance: "none"
-            },
-            "&::-webkit-inner-spin-button": {
-              margin: 0,
-              WebkitAppearance: "none"
-            }
-          }
-        },
-        img: {
-          display: "block",
-          maxWidth: "100%"
-        }
-      }
-    }
-  };
-}
-function Ho(o) {
-  return {
-    MuiAutocomplete: {
-      styleOverrides: {
-        root: {
-          "& .MuiInputBase-root": {
-            padding: "0 39px 0px 0"
-          }
-        },
-        paper: {
-          boxShadow: o.customShadows?.dropdown
-        },
-        listbox: {
-          padding: o.spacing(0, 1),
-          "& .MuiAutocomplete-option": {
-            padding: o.spacing(1),
-            margin: o.spacing(1, 0),
-            borderRadius: o.shape.borderRadius
-          }
-        }
-      }
-    }
-  };
-}
-const u = (o, r) => ({
-  props: { color: r },
-  style: {
-    "&:hover": {
-      borderColor: e(o.palette[r].main, 0.48),
-      backgroundColor: e(o.palette[r].main, o.palette.action.hoverOpacity)
-    },
-    "&.Mui-selected": {
-      borderColor: e(o.palette[r].main, 0.48)
-    }
-  }
-});
-function Go(o) {
-  return {
-    MuiToggleButton: {
-      variants: [
-        {
-          props: { color: "standard" },
-          style: {
-            "&.Mui-selected": {
-              backgroundColor: o.palette.action.selected
-            }
-          }
-        },
-        u(o, "primary"),
-        u(o, "secondary"),
-        u(o, "info"),
-        u(o, "success"),
-        u(o, "warning"),
-        u(o, "error")
-      ]
-    },
-    MuiToggleButtonGroup: {
-      styleOverrides: {
-        root: {
-          borderRadius: o.shape.borderRadius,
-          backgroundColor: o.palette.background.paper,
-          border: `solid 1px ${o.palette.grey[50012]}`,
-          "& .MuiToggleButton-root": {
-            margin: 4,
-            borderColor: "transparent !important",
-            borderRadius: `${o.shape.borderRadius}px !important`
-          }
-        }
-      }
-    }
-  };
-}
-function Eo(o) {
-  return {
-    MuiFormControlLabel: {
-      styleOverrides: {
-        label: {
-          ...o.typography.body1
-        }
-      }
-    },
-    MuiFormHelperText: {
-      styleOverrides: {
-        root: {
-          marginTop: o.spacing(1)
-        }
-      }
-    },
-    MuiFormLabel: {
-      styleOverrides: {
-        root: {
-          color: o.palette.text.disabled
-        }
-      }
-    }
-  };
-}
-function Wo(o) {
-  return {
-    MuiLoadingButton: {
-      styleOverrides: {
-        root: {
-          "&.MuiLoadingButton-root": {
-            ...o.typography.subtitle2,
-            "& .MuiCircularProgress-root": {
-              color: o.palette.primary.main
-            }
-          },
-          "&.MuiButton-text": {
-            "& .MuiLoadingButton-startIconPendingStart": {
-              marginLeft: 0
-            },
-            "& .MuiLoadingButton-endIconPendingEnd": {
-              marginRight: 0
-            }
-          }
-        }
-      }
-    }
-  };
-}
-const Po = (o) => ({
-  M4LBruceTest: {
-    styleOverrides: {}
-  }
-}), qo = (o) => ({
-  M4LDynamicFilter: {
-    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
-          }
-        }
-      }
-    }
-  }
-}), _o = (o) => ({
-  M4LRHFTextFieldPassword: {
-    styleOverrides: {
-      "&.M4LRHFTextFieldPassword-root": {
-        width: "100%"
-      }
-    }
-  }
-}), No = (o) => ({
-  M4LRHFTextField: {
-    styleOverrides: {
-      "&.M4LRHFTextField-root": {
-        display: "flex",
-        flexDirection: "column",
-        width: "100%",
-        gap: "4px",
-        "& .M4LRHFTextField-label": {
-          color: o.palette.text.secondary,
-          transition: "all .5s ease"
-        },
-        "& .MuiInputBase-root": {
-          padding: "0px",
-          "& .MuiInputBase-input": {
-            color: o.palette.text.secondary,
-            padding: "0px",
-            backgroundColor: "transparent",
-            ...o.typography.body
-          },
-          "& .MuiInputAdornment-root": {
-            margin: "0px",
-            padding: "0px"
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.palette.text.secondary,
-            transition: "all .3s ease"
-          },
-          "& .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid",
-            padding: "4px",
-            borderColor: o.palette.divider,
-            borderRadius: "4px",
-            inset: "0px",
-            transition: "all .3s ease",
-            "& legend": {
-              display: "none"
-            }
-          }
-        },
-        "&:hover": {
-          "& .M4LRHFTextField-label": {
-            color: o.palette.state?.hover
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            borderColor: o.palette.state?.hover,
-            boxShadow: `0px 1px 8px ${n(o.palette.primary.main, 0.32)}`
-          },
-          "& .MuiInputBase-input": {
-            color: o.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.palette.state?.hover
-          }
-        },
-        "&.M4LRHFTextField-isFocus": {
-          "& .M4LRHFTextField-label": {
-            color: o.palette.state?.active
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            transition: "all .1s ease",
-            border: "2px solid",
-            borderColor: o.palette.state?.active,
-            boxShadow: `0px 1px 8px ${n(o.palette.primary.main, 0.32)}`
-          },
-          "& .MuiInputBase-input": {
-            color: o.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.palette.state?.active
-          }
-        },
-        "&.M4LRHFTextField-variantError": {
-          "& .M4LRHFTextField-label": {
-            color: o.palette.state?.error.normal
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid",
-            borderColor: o.palette.state?.error.normal
-          },
-          "& .MuiInputBase-input": {
-            color: o.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.palette.state?.error.normal
-          },
-          "&:hover": {
-            "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-              boxShadow: o.customShadows?.error
-            }
-          },
-          "&.M4LRHFTextField-isFocus": {
-            "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-              boxShadow: o.customShadows?.error
-            }
-          }
-        },
-        "&.M4LRHFTextField-isDisabled": {
-          "& .M4LRHFTextField-label": {
-            color: o.palette.text.disabled
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid",
-            borderColor: o.palette.text.disabled,
-            backgroundColor: o.palette.state?.default,
-            boxShadow: "none"
-          },
-          "& .MuiInputBase-input": {
-            color: o.palette.text.disabled
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.palette.text.disabled
-          }
-        },
-        "&.M4LRHFTextField-sizeSmall": {
-          "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton": {
-            height: "24px",
-            padding: "0px 8px"
-          }
-        },
-        "&.M4LRHFTextField-sizeMedium": {
-          "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton": {
-            height: "28px",
-            padding: "0px 8px"
-          }
-        }
-      }
-    }
-  }
-}), jo = (o) => ({
-  M4LIcon: {
-    styleOverrides: {
-      ["&.M4LIcon-root"]: {
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        width: "fit-content",
-        transition: "transform 0.5s ease-in-out",
-        ".M4LIcon-icon": {
-          backgroundColor: o.palette.text.primary
-        },
-        ".M4LIcon-sizeExtraSmall": {
-          width: "12px",
-          height: "12px",
-          minWidth: "12px",
-          minHeight: "12px"
-        },
-        ".M4LIcon-sizeSmall": {
-          width: "16px",
-          height: "16px",
-          minWidth: "16px",
-          minHeight: "16px"
-        },
-        ".M4LIcon-sizeMedium": {
-          width: "20px",
-          height: "20px",
-          minWidth: "20px",
-          minHeight: "20px"
-        },
-        ".M4LIcon-sizeLarge": {
-          width: "28px",
-          height: "28px",
-          minWidth: "28px",
-          minHeight: "28px"
-        },
-        ".M4LIcon-sizeExtraLarge": {
-          width: "36px",
-          height: "36px",
-          minWidth: "36px",
-          minHeight: "36px"
-        },
-        ".M4LIcon-variantSkeleton": {
-          borderRadius: "4px",
-          backgroundColor: o.palette.state?.skeleton.default
-        }
-      }
-    }
-  }
-}), Vo = (o) => ({
-  M4LIconButton: {
-    styleOverrides: {
-      ["&.M4LIconButton-root"]: {
-        position: "relative",
-        borderRadius: "4px",
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        transition: "all .5s ease",
-        "& .M4LIcon-root .M4LIcon-icon": {
-          transition: "all .5s ease",
-          backgroundColor: o.palette.text.secondary
-        },
-        "&::before": {
-          boxSizing: "content-box",
-          border: "1px solid",
-          borderColor: o.palette.state?.focus,
-          borderRadius: "3px",
-          position: "absolute",
-          transition: "all .5s ease"
-        },
-        ".M4LIconButton-sizeExtraSmall&::before": {
-          width: "22px",
-          height: "22px"
-        },
-        ".M4LIconButton-sizeSmall&::before": {
-          width: "26px",
-          height: "26px"
-        },
-        ".M4LIconButton-sizeMedium&::before": {
-          width: "30px",
-          height: "30px"
-        },
-        "&.M4LIconButton-sizeExtraSmall": {
-          width: "20px",
-          height: "20px"
-        },
-        "&.M4LIconButton-sizeSmall": {
-          width: "24px",
-          height: "24px"
-        },
-        "&.M4LIconButton-sizeMedium": {
-          width: "28px",
-          height: "28px"
-        },
-        "& .MuiIconButton-root": {
-          position: "static",
-          borderRadius: "4px",
-          padding: "0"
-        },
-        "&.M4LIconButton-variantPrimary:not(&.M4LIconButton-isDisabled)": {
-          backgroundColor: o.palette.state?.default,
-          "&:hover": {
-            backgroundColor: o.palette.state?.hover,
-            "& .M4LIcon-icon": {
-              backgroundColor: "#fff"
-            }
-          },
-          "&:active": {
-            backgroundColor: o.palette.state?.active,
-            transition: "background-color .5s ease",
-            "& .M4LIcon-icon": {
-              backgroundColor: "#fff"
-            }
-          },
-          "&.M4LIconButton-isFocus": {
-            backgroundColor: o.palette.state?.active,
-            "& .M4LIcon-icon": {
-              backgroundColor: o.palette.patronus?.marbleLight[10]
-            },
-            "&::before": {
-              content: "''"
-            }
-          }
-        },
-        "&.M4LIconButton-variantSecondary:not(&.M4LIconButton-isDisabled)": {
-          borderColor: o.palette.text.secondary,
-          "& .M4LIcon-icon": {
-            backgroundColor: o.palette.text.secondary
-          },
-          "&:hover": {
-            border: "1px solid",
-            borderColor: o.palette.state?.focus,
-            "& .M4LIcon-icon": {
-              backgroundColor: o.palette.state?.focus
-            }
-          },
-          "&:active": {
-            border: "1px solid",
-            borderColor: o.palette.state?.active,
-            "& .M4LIcon-icon": {
-              backgroundColor: o.palette.state?.active
-            }
-          },
-          "&.M4LIconButton-isFocus": {
-            border: "1px solid",
-            borderColor: o.palette.state?.active,
-            "& .M4LIcon-icon": {
-              backgroundColor: o.palette.state?.active
-            },
-            "&::before": {
-              content: "''"
-            }
-          }
-        },
-        "&.M4LIconButton-variantLine:not(&.M4LIconButton-isDisabled)": {
-          "&:hover": {
-            backgroundColor: o.palette.state?.active12,
-            "& .M4LIcon-icon": {
-              backgroundColor: o.palette.state?.focus
-            }
-          },
-          "&:active": {
-            backgroundColor: "transparent",
-            "& .M4LIcon-icon": {
-              backgroundColor: o.palette.state?.active
-            }
-          },
-          "&.M4LIconButton-isFocus": {
-            backgroundColor: "transparent",
-            border: "1px solid",
-            borderColor: o.palette.state?.focus,
-            "& .M4LIcon-icon": {
-              backgroundColor: o.palette.state?.active
-            }
-          }
-        },
-        "&.M4LIconButton-isDisabled": {
-          "& .M4LIcon-icon": {
-            backgroundColor: o.palette.text.disabled
-          }
-        },
-        "&.M4LIconButton-root .MuiSkeleton-root": {
-          borderRadius: "4px"
-        }
-      }
-    }
-  }
-}), Yo = (o) => ({
-  M4LanguagePopover: {
-    styleOverrides: {
-      ["&.M4LanguagePopover-root"]: {}
-    }
-  }
-}), Uo = (o) => ({
-  M4LImageButton: {
-    styleOverrides: {
-      ["&.M4LImageButton-root"]: {
-        test: "root",
-        ".MuiButtonBase-root": {
-          display: "flex",
-          padding: "4px",
-          borderRadius: "6px",
-          alignItems: "center",
-          justifyContent: "center"
-        },
-        ".M4LImage-root": {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          objectFit: "cover",
-          width: "100%",
-          height: "100%"
-        },
-        ".M4LImage-lazyLoad": {
-          borderRadius: "4px",
-          width: "100%",
-          height: "100%",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
-        },
-        ".M4LImage-img": {
-          borderRadius: "4px"
-        },
-        ".MuiButtonBase-root:hover": {
-          backgroundColor: o.palette.state?.active12
-        },
-        ".MuiButtonBase-root:focus": {
-          backgroundColor: o.palette.state?.active12,
-          border: "1px solid",
-          borderColor: o.palette.state?.focus
-        }
-      }
-    }
-  }
-}), Ko = (o) => ({
-  M4LImage: {
-    styleOverrides: {
-      ["&.M4LImage-root"]: {
-        position: "relative",
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "center",
-        alignItems: "center",
-        "& .M4LImage-img": {
-          opacity: 0,
-          position: "absolute",
-          inset: "0",
-          objectFit: "contain"
-        },
-        "&.M4LImage-loaded .M4LImage-img": {
-          opacity: 1,
-          transition: "opacity .5s",
-          margin: "0 auto"
-        },
-        "& .M4LImage-skeletonImage, & .M4LImage-skeletonCircle": {
-          opacity: 1,
-          position: "absolute",
-          inset: 0
-        },
-        "&.M4LImage-loaded .M4LImage-skeletonImage, &.M4LImage-loaded .M4LImage-skeletonCircle": {
-          opacity: 0,
-          transition: "opacity .3s"
-        },
-        "& .M4LImage-lazyLoad": {
-          display: "flex",
-          justifyContent: "center",
-          alignItems: "center"
-        }
-      }
-    }
-  }
-}), Jo = (o) => ({
-  M4LPopover: {
-    styleOverrides: {
-      "&.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",
-          boxShadow: o.customShadows.z3
-        },
-        "& .M4LanguagePopover-containerItems": {
-          "& .M4LanguagePopover-labelItem": {
-            ...o.typography.body,
-            color: o.palette.text.secondary
-          },
-          "& .MuiButtonBase-root:hover": {
-            backgroundColor: o.palette.state?.active12
-          },
-          "& .MuiButtonBase-root.Mui-selected": {
-            backgroundColor: o.palette.state?.active12,
-            "& .M4LanguagePopover-labelItem": {
-              color: o.palette.state?.active
-            }
-          }
-        }
-      }
-    }
-  }
-}), Qo = (o) => ({
-  M4LRHFCheckbox: {
-    styleOverrides: {
-      "&.M4LRHFCheckbox-root": {
-        display: "flex",
-        flexDirection: "column",
-        gap: o.spacing(0.5),
-        ".M4LRHFCheckbox-checkTypography": {
-          display: "flex",
-          gap: o.spacing(2),
-          [o.breakpoints.down("sm")]: {
-            gap: o.spacing(1),
-            ...o.typography.paragraph
-          }
-        },
-        "& .MuiTypography-root": {
-          color: o.palette.text.primary,
-          ...o.typography.body
-        },
-        ".M4LRHFCheckbox-small .MuiButtonBase-root": {
-          width: "20px",
-          height: "20px"
-        },
-        ".MuiCheckbox-root .MuiSvgIcon-fontSizeSmall": {
-          width: "16px",
-          height: "16px"
-        },
-        ".M4LRHFCheckbox-medium .MuiButtonBase-root": {
-          width: "24px",
-          height: "24px"
-        },
-        ".MuiCheckbox-root .MuiSvgIcon-fontSizeMedium": {
-          width: "20px",
-          height: "20px"
-        },
-        ".MuiButtonBase-root": {
-          borderRadius: "4px"
-        },
-        ".MuiButtonBase-root:hover": {
-          backgroundColor: o.palette.state?.active12
-        },
-        ".Mui-focusVisible": {
-          border: "1px solid",
-          borderColor: o.palette.state?.focus
-        },
-        ".MuiButtonBase-root:hover .MuiSvgIcon-root": {
-          fill: o.palette.state?.hover
-        },
-        ".M4LRHFCheckbox-checkTypography .MuiTypography-root": {
-          ...o.typography.body
-        },
-        ".M4LRHFCheckbox-stateDisabled .MuiSvgIcon-root": {
-          fill: o.palette.state?.default
-        },
-        ".M4LRHFCheckbox-stateDisabled .MuiTypography-root": {
-          color: o.palette.text.disabled
-        },
-        ".MuiButtonBase-root .Mui-focusVisible:focus-visible": {
-          outline: "#fff00"
-        }
-      }
-    }
-  }
-}), Xo = (o) => ({
-  M4LErrorLabel: {
-    styleOverrides: {
-      ["&.M4LHelperText-root"]: {
-        "&.M4LHelperText-variantInfo .MuiTypography-root": {
-          color: o.palette.info.main
-        },
-        "&.M4LHelperText-variantSuccess .MuiTypography-root": {
-          color: o.palette.success.main
-        },
-        "&.M4LHelperText-variantWarning .MuiTypography-root": {
-          color: o.palette.warning.main
-        },
-        "&.M4LHelperText-variantError .MuiTypography-root": {
-          color: o.palette.error.main
-        }
-      }
-    }
-  }
-}), Zo = (o) => ({
-  M4LTypography: {
-    styleOverrides: {
-      ["&.M4LTypography-root"]: {
-        color: o.palette.text.primary,
-        display: "inline",
-        "& .MuiTypography-root": {
-          margin: "unset"
-        }
-      }
-    }
-  }
-}), ot = (o) => ({
-  M4LButton: {
-    styleOverrides: {
-      "&.M4LButton-root": {
-        width: "100%",
-        display: "flex",
-        justifyContent: "center",
-        "& .M4LButton-skeleton ": {
-          height: "100%!important",
-          borderRadius: "4px"
-        },
-        "& .MuiButtonBase-root": {
-          display: "flex",
-          textTransform: "none",
-          gap: "8px",
-          transition: "all .5s ease",
-          borderRadius: "4px",
-          border: "1px solid transparent",
-          ...o.typography.action,
-          "& .M4LIcon-icon": {
-            transition: "all .5s ease"
-          },
-          "& .MuiButton-startIcon, & .MuiButton-endIcon": {
-            margin: "0px"
-          },
-          "&::before": {
-            inset: "0",
-            border: "1px solid",
-            borderColor: o.palette.state?.focus,
-            borderRadius: "4px",
-            transform: "scale(1.07, 1.36)",
-            position: "absolute",
-            boxSizing: "border-box"
-          }
-        },
-        "&.M4LButton-isDisabled": {
-          "& .MuiButtonBase-root": {
-            color: `${o.palette.text.disabled}!important`,
-            "& .M4LIcon-icon": {
-              backgroundColor: `${o.palette.text.disabled}!important`
-            }
-          },
-          "&.M4LButton-variantContained": {
-            "& .MuiButtonBase-root": {
-              color: o.palette.text.disabled,
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.text.disabled
-              },
-              "&:hover": {
-                backgroundColor: o.palette.state?.default,
-                color: o.palette.text.disabled,
-                "& .M4LIcon-icon": {
-                  backgroundColor: o.palette.text.disabled,
-                  color: o.palette.text.disabled
-                }
-              },
-              "&:active": {
-                backgroundColor: o.palette.state?.active,
-                color: o.palette.text.primary,
-                "& .M4LIcon-icon": {
-                  backgroundColor: o.palette.text.disabled,
-                  color: o.palette.text.disabled
-                }
-              },
-              "&.Mui-focusVisible": {
-                backgroundColor: o.palette.state?.default,
-                color: o.palette.text.disabled,
-                "& .M4LIcon-icon": {
-                  backgroundColor: o.palette.text.disabled,
-                  color: o.palette.text.disabled
-                },
-                "&::before": {
-                  content: "none"
-                }
-              }
-            }
-          }
-        },
-        "&.M4LButton-sizeSmall": {
-          height: "28px",
-          "& .MuiButtonBase-root": {
-            padding: "4px 12px"
-          },
-          "&.M4LButton-skeleton": {
-            height: "28px"
-          }
-        },
-        "&.M4LButton-sizeMedium": {
-          height: "38px",
-          "& .MuiButtonBase-root": {
-            padding: "8px 16px"
-          },
-          "&.M4LButton-skeleton": {
-            height: "38px"
-          }
-        },
-        "&.M4LButton-variantContained": {
-          "& .MuiButtonBase-root": {
-            backgroundColor: o.palette.state?.default,
-            color: o.palette.text.primary,
-            boxShadow: o.customShadows?.z2,
-            position: "relative",
-            "& .M4LIcon-icon": {
-              backgroundColor: o.palette.text.primary
-            },
-            "&:hover": {
-              backgroundColor: o.palette.state?.hover,
-              color: o.palette.patronus?.marbleLight[10],
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.patronus?.marbleLight[10]
-              }
-            },
-            "&:active": {
-              backgroundColor: o.palette.state?.active,
-              color: o.palette.patronus?.marbleLight[10],
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.patronus?.marbleLight[10]
-              }
-            },
-            "&.Mui-focusVisible": {
-              backgroundColor: o.palette.state?.active,
-              color: o.palette.patronus?.marbleLight[10],
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.patronus?.marbleLight[10]
-              },
-              "&::before": {
-                content: "''"
-              }
-            }
-          }
-        },
-        "&.M4LButton-variantOutlined": {
-          "& .MuiButtonBase-root": {
-            border: "1px solid",
-            borderColor: o.palette.state.default,
-            color: o.palette.text.primary,
-            "& .M4LIcon-icon": {
-              backgroundColor: o.palette.text.secondary
-            },
-            "&:hover": {
-              borderColor: o.palette.state?.hover,
-              color: o.palette.state?.hover,
-              backgroundColor: o.palette.state?.active12,
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.state?.hover
-              }
-            },
-            "&:active": {
-              borderColor: o.palette.state?.active,
-              color: o.palette.state?.active,
-              backgroundColor: "transparent",
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.state?.active
-              }
-            },
-            "&.Mui-focusVisible": {
-              borderColor: o.palette.state?.active,
-              color: o.palette.state?.active,
-              backgroundColor: "transparent",
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.state?.active
-              },
-              "&::before": {
-                content: "''"
-              }
-            }
-          }
-        },
-        "&.M4LButton-variantText": {
-          "& .MuiButtonBase-root": {
-            color: o.palette.text.secondary,
-            "& .M4LIcon-icon": {
-              backgroundColor: o.palette.text.secondary
-            },
-            "&:hover": {
-              backgroundColor: o.palette.state?.active12,
-              color: o.palette.state?.hover,
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.state?.hover
-              }
-            },
-            "&:active": {
-              backgroundColor: "transparent",
-              color: o.palette.state?.active,
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.state?.active
-              }
-            },
-            "&.Mui-focusVisible": {
-              backgroundColor: "transparent",
-              color: o.palette.state?.active,
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.state?.active
-              },
-              "&:before": {
-                content: "''"
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}), tt = (o) => ({
-  M4LRHFAutocomplete: {
-    styleOverrides: {
-      "&.M4LRHFAutocomplete-root": {
-        display: "flex",
-        flexDirection: "column",
-        width: "100%",
-        gap: "4px",
-        "& .M4LRHFAutocomplete-label": {
-          color: o.palette.text.secondary,
-          transition: "all .3s ease"
-        },
-        "& .MuiAutocomplete-endAdornment": {
-          top: "unset"
-        },
-        "& .MuiInputBase-root": {
-          padding: "0px",
-          "& .MuiInputBase-input": {
-            color: o.palette.text.secondary,
-            padding: "4px",
-            backgroundColor: "transparent",
-            ...o.typography.body
-          },
-          "& .MuiInputAdornment-root": {
-            margin: "0px",
-            padding: "0px"
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.palette.text.secondary,
-            transition: "all .3s ease"
-          },
-          "& .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid",
-            borderColor: o.palette.divider,
-            borderRadius: "4px",
-            inset: "0px",
-            transition: "all .3s ease",
-            "& legend": {
-              display: "none"
-            }
-          }
-        },
-        "&:hover": {
-          "& .M4LRHFAutocomplete-label": {
-            color: o.palette.state?.hover
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            borderColor: o.palette.state?.hover,
-            boxShadow: `0px 1px 8px ${e(o.palette.primary.main, 0.32)}`
-          },
-          "& .MuiInputBase-input": {
-            color: o.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.palette.state?.hover
-          }
-        },
-        "&.M4LRHFAutocomplete-isFocus": {
-          "& .M4LRHFAutocomplete-label": {
-            color: o.palette.state?.active
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            transition: "all .1s ease",
-            border: "2px solid",
-            borderColor: o.palette.state?.active,
-            boxShadow: `0px 1px 8px ${e(o.palette.primary.main, 0.32)}`
-          },
-          "& .MuiInputBase-input": {
-            color: o.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.palette.state?.active
-          }
-        },
-        "&.M4LRHFAutocomplete-variantError": {
-          "& .M4LRHFAutocomplete-label": {
-            color: o.palette.state?.error.normal
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid",
-            borderColor: o.palette.state?.error.normal
-          },
-          "& .MuiInputBase-input": {
-            color: o.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.palette.state?.error.normal
-          },
-          "&:hover": {
-            "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-              boxShadow: o.customShadows?.error
-            }
-          },
-          "&.M4LRHFAutocomplete-isFocus": {
-            "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-              boxShadow: o.customShadows?.error
-            }
-          }
-        },
-        "&.M4LRHFAutocomplete-isDisabled": {
-          "& .M4LRHFAutocomplete-label": {
-            color: o.palette.text.disabled
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid",
-            borderColor: o.palette.text.disabled,
-            backgroundColor: o.palette.state?.default,
-            boxShadow: "none"
-          },
-          "& .MuiInputBase-input": {
-            color: o.palette.text.disabled
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: o.palette.text.disabled
-          }
-        },
-        "&.M4LRHFAutocomplete-sizeSmall": {
-          "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFAutocomplete-skeleton": {
-            height: "24px",
-            padding: "0px 8px"
-          }
-        },
-        "&.M4LRHFAutocomplete-sizeMedium": {
-          "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFAutocomplete-skeleton": {
-            height: "28px",
-            padding: "0px 8px"
-          }
-        }
-      }
-    }
-  }
-}), et = (o) => ({
-  M4LRHFAutocompleteAsync: {
-    styleOverrides: {
-      "&.M4LRHFAutocompleteAsync-root": {
-        width: "100%",
-        padding: "4px"
-      }
-    }
-  }
-}), rt = (o) => ({
-  M4LoadingButton: {
-    styleOverrides: {
-      "&.M4LoadingButton-root": {
-        width: "100%",
-        display: "flex",
-        justifyContent: "center",
-        "& .MuiLoadingButton-loading": {
-          "& .MuiTypography-root": {
-            color: "transparent"
-          }
-        },
-        "& .MuiCircularProgress-root": {
-          color: o.palette.primary.main
-        },
-        "& .MuiTypography-root": {
-          color: o.palette.text.secondary,
-          transition: "all .5s ease"
-        },
-        "& .M4LoadingButton-skeleton ": {
-          height: "100%!important",
-          borderRadius: "4px"
-        },
-        "& .MuiButtonBase-root": {
-          display: "flex",
-          textTransform: "none",
-          gap: "8px",
-          transition: "all .5s ease",
-          borderRadius: "4px",
-          border: "1px solid transparent",
-          ...o.typography.action,
-          "& .M4LIcon-icon": {
-            transition: "all .5s ease"
-          },
-          "& .MuiButton-startIcon, & .MuiButton-endIcon": {
-            margin: "0px"
-          },
-          "&::before": {
-            inset: "0",
-            border: "1px solid",
-            borderColor: o.palette.state?.focus,
-            borderRadius: "4px",
-            transform: "scale(1.07, 1.36)",
-            position: "absolute",
-            boxSizing: "border-box"
-          }
-        },
-        "&.M4LoadingButton-isDisabled": {
-          "& .MuiButtonBase-root": {
-            color: `${o.palette.text.disabled}!important`,
-            "& .M4LIcon-icon": {
-              backgroundColor: `${o.palette.text.disabled}!important`
-            }
-          },
-          "&.M4LoadingButton-variantContained": {
-            "& .MuiButtonBase-root": {
-              color: o.palette.text.disabled,
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.text.disabled
-              },
-              "&:hover": {
-                backgroundColor: o.palette.state?.default,
-                color: o.palette.text.disabled,
-                "& .M4LIcon-icon": {
-                  backgroundColor: o.palette.text.disabled,
-                  color: o.palette.text.disabled
-                }
-              },
-              "&:active": {
-                backgroundColor: o.palette.state?.default,
-                color: o.palette.text.disabled,
-                "& .M4LIcon-icon": {
-                  backgroundColor: o.palette.text.disabled,
-                  color: o.palette.text.disabled
-                }
-              },
-              "&.Mui-focusVisible": {
-                backgroundColor: o.palette.state?.default,
-                color: o.palette.text.disabled,
-                "& .M4LIcon-icon": {
-                  backgroundColor: o.palette.text.disabled,
-                  color: o.palette.text.disabled
-                },
-                "&::before": {
-                  content: "none"
-                }
-              }
-            }
-          }
-        },
-        "&.M4LoadingButton-sizeSmall": {
-          height: "28px",
-          "& .MuiButtonBase-root": {
-            padding: "4px 12px"
-          },
-          "&.M4LoadingButton-skeleton": {
-            height: "28px"
-          }
-        },
-        "&.M4LoadingButton-sizeMedium": {
-          height: "38px",
-          "& .MuiButtonBase-root": {
-            padding: "8px 16px"
-          },
-          "&.M4LoadingButton-skeleton": {
-            height: "38px"
-          }
-        },
-        "&.M4LoadingButton-variantContained": {
-          "& .MuiButtonBase-root": {
-            backgroundColor: o.palette.state?.default,
-            color: o.palette.text.secondary,
-            boxShadow: o.customShadows?.z1,
-            position: "relative",
-            "& .M4LIcon-icon": {
-              backgroundColor: o.palette.text.secondary
-            },
-            "&:hover": {
-              backgroundColor: o.palette.state?.hover,
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.patronus?.marbleLight[10]
-              },
-              "& .MuiTypography-root": {
-                color: o.palette.patronus?.marbleLight[10]
-              }
-            },
-            "&:active": {
-              backgroundColor: o.palette.state?.active,
-              color: o.palette.patronus?.marbleLight[10],
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.patronus?.marbleLight[10]
-              }
-            },
-            "&.Mui-focusVisible": {
-              backgroundColor: o.palette.state?.active,
-              color: o.palette.patronus?.marbleLight[10],
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.patronus?.marbleLight[10]
-              },
-              "&::before": {
-                content: "''"
-              }
-            }
-          }
-        },
-        "&.M4LoadingButton-variantOutlined": {
-          "& .MuiButtonBase-root": {
-            border: "1px solid",
-            borderColor: o.palette.text.secondary,
-            color: o.palette.text.secondary,
-            "& .M4LIcon-icon": {
-              backgroundColor: o.palette.text.secondary
-            },
-            "&:hover": {
-              borderColor: o.palette.state?.hover,
-              color: o.palette.state?.hover,
-              backgroundColor: o.palette.state?.active12,
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.state?.hover
-              }
-            },
-            "&:active": {
-              borderColor: o.palette.state?.active,
-              color: o.palette.state?.active,
-              backgroundColor: "transparent",
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.state?.active
-              }
-            },
-            "&.Mui-focusVisible": {
-              borderColor: o.palette.state?.active,
-              color: o.palette.state?.active,
-              backgroundColor: "transparent",
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.state?.active
-              },
-              "&::before": {
-                content: "''"
-              }
-            }
-          }
-        },
-        "&.M4LoadingButton-variantText": {
-          "& .MuiButtonBase-root": {
-            color: o.palette.text.secondary,
-            "& .M4LIcon-icon": {
-              backgroundColor: o.palette.text.secondary
-            },
-            "&:hover": {
-              backgroundColor: o.palette.state?.active12,
-              color: o.palette.state?.hover,
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.state?.hover
-              }
-            },
-            "&:active": {
-              backgroundColor: "transparent",
-              color: o.palette.state?.active,
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.state?.active
-              }
-            },
-            "&.Mui-focusVisible": {
-              backgroundColor: "transparent",
-              color: o.palette.state?.active,
-              "& .M4LIcon-icon": {
-                backgroundColor: o.palette.state?.active
-              },
-              "&:before": {
-                content: "''"
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}), at = (o) => ({
-  M4LNavLink: {
-    styleOverrides: {
-      ["&.M4LNavLink-root"]: {
-        "& .M4LTypography-root": {
-          color: o.palette.primary.main
-        },
-        "&: hover": {
-          "& .M4LTypography-root": {
-            color: o.palette.state?.hover,
-            textDecoration: "underline",
-            textDecorationColor: o.palette.state?.hover
-          }
-        },
-        "& > a": {
-          textDecoration: "none"
-        }
-      }
-    }
-  }
-}), it = (o) => ({
-  M4LSideBar: {
-    styleOverrides: {
-      "&.M4LSideBar-root": {
-        height: "100%",
-        width: "auto",
-        background: o.palette.background.neutral,
-        paddingLeft: "14px",
-        paddingBottom: "14px",
-        boxShadow: o.customShadows.z3,
-        [o.breakpoints.down("sm")]: {
-          width: "0px",
-          height: "0px",
-          padding: "0px"
-        },
-        "& .M4LSideBar-wrapperSideBar": {
-          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": {
-              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",
-                gap: "8px",
-                "& .M4LSideBar-navItemMainRoot": {
-                  backgroundColor: "transparent",
-                  "&:hover": {
-                    background: o.palette.state.default
-                  }
-                },
-                "&.M4LSideBar-itemMainActive": {
-                  "& .M4LSideBar-navItemMainRoot": {
-                    background: o.palette.state.active12,
-                    "&:hover": {
-                      background: e(o.palette.state.active || "#fff", 0.18)
-                    }
-                  },
-                  "& .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: '""',
-                      width: "5px",
-                      top: "0px",
-                      bottom: "0px",
-                      right: "0px",
-                      backgroundColor: o.palette.state.focus,
-                      borderRadius: "4px 0px 0px 4px",
-                      position: "absolute"
-                    }
-                  }
-                },
-                "& .M4LSideBar-navItemRootContent": {
-                  display: "flex",
-                  padding: "8px",
-                  justifyContent: "center",
-                  borderRadius: "4px 0px 0px 4px",
-                  position: "relative",
-                  "& .M4LSideBar-navItemRootContentIconTypo": {
-                    display: "flex",
-                    gap: "8px",
-                    width: "100%",
-                    "& .M4LIcon-icon": {
-                      backgroundColor: o.palette.text.secondary
-                    },
-                    "& .MuiTypography-root": {
-                      ...o.typography.paragraphDens,
-                      color: o.palette.text.secondary
-                    },
-                    "& .M4LSideBar-arrowIconRoot .M4LIcon-icon": {
-                      backgroundColor: o.palette.text.secondary
-                    }
-                  }
-                },
-                "& .M4LSideBar-navListSubItemRoot": {
-                  "& .M4LSideBar-navSubItemContentRoot ": {
-                    "&.M4LSideBar-subItemCollapseActive": {
-                      backgroundColor: o.palette.state.active12
-                    },
-                    "&.M4LSideBar-subItemActive": {
-                      "& .M4LSideBar-navSubItemContentBullet": {
-                        height: "14px",
-                        borderRadius: "10px",
-                        backgroundColor: o.palette.state.focus
-                      }
-                    },
-                    "&:hover": {
-                      background: o.palette.state.default
-                    }
-                  },
-                  "& .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%",
-                      "& .MuiTypography-root": {
-                        ...o.typography.paragraph,
-                        color: o.palette.text.secondary,
-                        with: "100%",
-                        overflow: "hidden",
-                        textOverflow: "ellipsis",
-                        textWrap: "nowrap"
-                      }
-                    }
-                  }
-                },
-                "& .MuiCollapse-root": {
-                  marginLeft: "28px"
-                }
-              }
-            },
-            "& .M4LIcon-root .M4LIcon-icon": {
-              backgroundColor: o.palette.text.disabled
-            }
-          },
-          "& .M4LSideBar-collapseButton": {
-            display: "flex",
-            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-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 xt(o) {
-  return Object.assign(
-    ao(o),
-    no(o),
-    io(o),
-    po(o),
-    lo(o),
-    xo(o),
-    bo(),
-    Mo(o),
-    co(),
-    so(o),
-    uo(o),
-    go(o),
-    Lo(o),
-    eo(o),
-    ro(o),
-    fo(o),
-    to(o),
-    vo(o),
-    yo(o),
-    ho(o),
-    ko(o),
-    Co(),
-    Bo(),
-    Oo(o),
-    Fo(o),
-    Io(o),
-    Ro(o),
-    wo(o),
-    So(o),
-    Ao(o),
-    To(o),
-    $o(o),
-    mo(o),
-    Do(o),
-    zo(),
-    Ho(o),
-    Eo(o),
-    Go(o),
-    Wo(o),
-    rt(o),
-    Po(),
-    qo(o),
-    No(o),
-    _o(),
-    tt(o),
-    et(),
-    jo(o),
-    Vo(o),
-    Yo(),
-    Uo(o),
-    at(o),
-    Ko(),
-    Jo(o),
-    Qo(o),
-    Xo(o),
-    Zo(o),
-    ot(o),
-    it(o),
-    nt(),
-    pt()
-  );
-}
-const bt = {
-  values: {
-    xs: 0,
-    sm: 600,
-    md: 900,
-    lg: 1200,
-    xl: 1400
-  }
-}, Mt = {
-  mobile: 16,
-  desktop: 16
-};
+import { d as f } from "./theme/defaultThemeOptions.364b28b6.js";
+import { c as l, s as g } from "./theme/shadows.b2f38616.js";
+import { P as u, p as d } from "./theme/palette.4b477f9b.js";
+import { t as S } from "./theme/typography.1db0276b.js";
+import { f as C } from "./theme/overrides/index.19dec027.js";
+import { u as R } from "./utils/useResponsive.2c45e8e0.js";
+import { e as T, b, c as v, d as y, g as z, a as w, t as F } from "./utils/getColorPresets.f3113d85.js";
+import { g as k } from "./utils/getColorState.456150fd.js";
+import { g as A, p as B, a as L, r as N } from "./utils/getFontValue.88831637.js";
+import { g as j, m as D } from "./config.5405b46b.js";
+import "@mui/material/styles";
+import "@mui/material/useMediaQuery";
+import "@mui/system";
+import "@mui/material";
+import "./theme/overrides/MUIComponents/index.56660771.js";
+import "./theme/overrides/M4LExtendedComponents/index.9ef37d1d.js";
+import "./theme/overrides/M4LRHFComponents/index.5f690e33.js";
 export {
-  t as PATRONUSCOLORS,
-  j as blaze,
-  N as candy,
-  g as colorPresets,
-  Z as createCustomShadows,
-  F as defaultPreset,
-  gt as defaultThemeOptions,
-  xt as fnComponentsOverrides,
-  b as getColorPresets,
-  V as getColorState,
-  ct as getFontValue,
-  Mt as globalRemSize,
-  _ as grass,
-  bt as muiBreakpointsValues,
-  s as palette,
-  d as pxToRem,
-  Y as remToPx,
-  p as responsiveFontSizes,
-  oo as shadows,
-  q as turqui,
-  J as typography
+  u as PATRONUSCOLORS,
+  T as blaze,
+  b as candy,
+  v as colorPresets,
+  l as createCustomShadows,
+  y as defaultPreset,
+  f as defaultThemeOptions,
+  C as fnComponentsOverrides,
+  z as getColorPresets,
+  k as getColorState,
+  A as getFontValue,
+  j as globalRemSize,
+  w as grass,
+  D as muiBreakpointsValues,
+  d as palette,
+  B as pxToRem,
+  L as remToPx,
+  N as responsiveFontSizes,
+  g as shadows,
+  F as turqui,
+  S as typography,
+  R as useResponsive
 };