@m4l/graphics 0.0.15 → 0.0.19

package/dist/index.js

@@ -1,1660 +1,25 @@
-export { L as LoadingButton } from "./components/mui_extended/index.js";
-export { D as DialogAnimate, F as FabButtonAnimate, I as IconButtonAnimate, c as LinkWithRoute, L as Loadable, f as MotionContainer, e as MotionInView, g as MotionLazyContainer, b as Page, P as ProgressBar, a as ProgressBarStyle, h as TRANSITION, d as TextAnimate, T as Typography, u as varBgColor, w as varBgKenburns, x as varBgPan, n as varBounce, q as varContainer, i as varFade, k as varFlip, p as varHover, v as varPath, o as varRotate, m as varScale, l as varSlide, s as varTranEnter, t as varTranExit, r as varTranHover, j as varZoom } from "./components/index.js";
-export { N as NoAuthModuleLayout } from "./layouts/index.js";
-export { H as HostThemeContext, b as HostThemeProvider, L as LocalesContext, a as LocalesProvider } from "./contexts/index.js";
-export { HelmetProvider } from "react-helmet-async";
-export { e as useHostTheme, c as useIsMountedRef, u as useLocales, d as useOffSetTop, a as useResponsive, b as useResponsiveDesktop } from "./hooks/index.js";
+export { P as ProgressBarStyle } from "./components/ProgressBarStyle/index.js";
+export { P as Page } from "./components/Page/index.js";
+export { L as LocalesContext, a as LocalesProvider } from "./contexts/LocalesContext/index.js";
+export { H as HostThemeContext, a as HostThemeProvider } from "./contexts/HostThemeContext/index.js";
+export { q as HelmetProvider } from "./react-helmet-async.js";
+export { u as useResponsive, a as useResponsiveDesktop } from "./hooks/useResponsive/index.js";
+export { u as useIsMountedRef, a as useOffSetTop } from "./hooks/index.js";
+export { u as useLocales } from "./hooks/useLocales/index.js";
+export { u as useHostTheme } from "./hooks/useHostTheme/index.js";
 export { Controller, useFormContext, useWatch } from "react-hook-form";
-import { alpha } from "@mui/material/styles";
-import "@mui/material/useMediaQuery";
-import { alpha as alpha$1 } from "@mui/material";
-import "@mui/lab";
+export { d as defaultThemeOptions, f as fnComponentsOverrides } from "./theme/index.js";
+import "@mui/material/styles";
+import "@mui/material";
 import "react/jsx-runtime";
 import "react";
-import "nprogress";
-import "react-router-dom";
-import "framer-motion";
-import "./node_modules.js";
-import "@m4l/core";
-import "react-lazy-load-image-component";
-import "react-lazy-load-image-component/src/effects/blur.css";
 import "date-fns/locale/es";
 import "date-fns/locale/fr";
 import "date-fns/locale/en-US";
-function pxToRem(value) {
-  return `${value / 16}rem`;
-}
-function responsiveFontSizes({ sm, md, lg }) {
-  return {
-    "@media (min-width:600px)": {
-      fontSize: pxToRem(sm)
-    },
-    "@media (min-width:900px)": {
-      fontSize: pxToRem(md)
-    },
-    "@media (min-width:1200px)": {
-      fontSize: pxToRem(lg)
-    }
-  };
-}
-const FONT_PRIMARY = "Public Sans, sans-serif";
-const typography = {
-  fontFamily: FONT_PRIMARY,
-  fontWeightRegular: 400,
-  fontWeightMedium: 600,
-  fontWeightBold: 700,
-  h1: {
-    fontWeight: 700,
-    lineHeight: 80 / 64,
-    fontSize: pxToRem(40),
-    letterSpacing: 2,
-    ...responsiveFontSizes({ sm: 52, md: 58, lg: 64 })
-  },
-  h2: {
-    fontWeight: 700,
-    lineHeight: 64 / 48,
-    fontSize: pxToRem(32),
-    ...responsiveFontSizes({ sm: 40, md: 44, lg: 48 })
-  },
-  h3: {
-    fontWeight: 700,
-    lineHeight: 1.5,
-    fontSize: pxToRem(24),
-    ...responsiveFontSizes({ sm: 26, md: 30, lg: 32 })
-  },
-  h4: {
-    fontWeight: 700,
-    lineHeight: 1.5,
-    fontSize: pxToRem(20),
-    ...responsiveFontSizes({ sm: 20, md: 24, lg: 24 })
-  },
-  h5: {
-    fontWeight: 700,
-    lineHeight: 1.5,
-    fontSize: pxToRem(18),
-    ...responsiveFontSizes({ sm: 19, md: 20, lg: 20 })
-  },
-  h6: {
-    fontWeight: 700,
-    lineHeight: 28 / 18,
-    fontSize: pxToRem(17),
-    ...responsiveFontSizes({ sm: 18, md: 18, lg: 18 })
-  },
-  subtitle1: {
-    fontWeight: 600,
-    lineHeight: 1.5,
-    fontSize: pxToRem(14)
-  },
-  subtitle2: {
-    fontWeight: 600,
-    lineHeight: 1.5,
-    fontSize: pxToRem(12)
-  },
-  body0: {
-    lineHeight: 1.5,
-    fontWeight: 400,
-    fontSize: pxToRem(16)
-  },
-  body1: {
-    lineHeight: 1.5,
-    fontWeight: 400,
-    fontSize: pxToRem(14)
-  },
-  body2: {
-    lineHeight: 1.5,
-    fontWeight: 400,
-    fontSize: pxToRem(12)
-  },
-  caption: {
-    lineHeight: 1.5,
-    fontSize: pxToRem(11)
-  },
-  overline: {
-    fontWeight: 700,
-    lineHeight: 1.5,
-    fontSize: pxToRem(12),
-    textTransform: "uppercase"
-  },
-  button: {
-    fontWeight: 700,
-    lineHeight: 24 / 14,
-    fontSize: pxToRem(14),
-    textTransform: "capitalize"
-  }
-};
-function createGradient(color1, color2) {
-  return `linear-gradient(to bottom, ${color1}, ${color2})`;
-}
-const PRIMARY = {
-  lighter: "#C8FACD",
-  light: "#5BE584",
-  main: "#00AB55",
-  dark: "#007B55",
-  darker: "#005249"
-};
-const SECONDARY = {
-  lighter: "#D6E4FF",
-  light: "#84A9FF",
-  main: "#3366FF",
-  dark: "#1939B7",
-  darker: "#091A7A"
-};
-const INFO = {
-  lighter: "#D0F2FF",
-  light: "#74CAFF",
-  main: "#1890FF",
-  dark: "#0C53B7",
-  darker: "#04297A"
-};
-const SUCCESS = {
-  lighter: "#E9FCD4",
-  light: "#AAF27F",
-  main: "#54D62C",
-  dark: "#229A16",
-  darker: "#08660D"
-};
-const WARNING = {
-  lighter: "#FFF7CD",
-  light: "#FFE16A",
-  main: "#FFC107",
-  dark: "#B78103",
-  darker: "#7A4F01"
-};
-const ERROR = {
-  lighter: "#FFE7D9",
-  light: "#FFA48D",
-  main: "#FF4842",
-  dark: "#B72136",
-  darker: "#7A0C2E"
-};
-const GREY = {
-  0: "#FFFFFF",
-  100: "#F9FAFB",
-  200: "#F4F6F8",
-  300: "#DFE3E8",
-  400: "#C4CDD5",
-  500: "#919EAB",
-  600: "#637381",
-  700: "#454F5B",
-  800: "#212B36",
-  900: "#161C24",
-  5008: alpha("#919EAB", 0.08),
-  50012: alpha("#919EAB", 0.12),
-  50016: alpha("#919EAB", 0.16),
-  50024: alpha("#919EAB", 0.24),
-  50032: alpha("#919EAB", 0.32),
-  50048: alpha("#919EAB", 0.48),
-  50056: alpha("#919EAB", 0.56),
-  50080: alpha("#919EAB", 0.8)
-};
-const GRADIENTS = {
-  primary: createGradient(PRIMARY.light, PRIMARY.main),
-  info: createGradient(INFO.light, INFO.main),
-  success: createGradient(SUCCESS.light, SUCCESS.main),
-  warning: createGradient(WARNING.light, WARNING.main),
-  error: createGradient(ERROR.light, ERROR.main)
-};
-const CHART_COLORS = {
-  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"]
-};
-const COMMON = {
-  common: { black: "#000", white: "#fff" },
-  primary: { ...PRIMARY, contrastText: "#fff" },
-  secondary: { ...SECONDARY, contrastText: "#fff" },
-  info: { ...INFO, contrastText: "#fff" },
-  success: { ...SUCCESS, contrastText: GREY[800] },
-  warning: { ...WARNING, contrastText: GREY[800] },
-  error: { ...ERROR, contrastText: "#fff" },
-  grey: GREY,
-  gradients: GRADIENTS,
-  chart: CHART_COLORS,
-  divider: GREY[50024],
-  action: {
-    hover: GREY[5008],
-    selected: GREY[50016],
-    disabled: GREY[50080],
-    disabledBackground: GREY[50024],
-    focus: GREY[50024],
-    hoverOpacity: 0.08,
-    disabledOpacity: 0.48
-  }
-};
-const palette = {
-  light: {
-    ...COMMON,
-    mode: "light",
-    text: { primary: GREY[800], secondary: GREY[700], disabled: GREY[500] },
-    background: {
-      paper: "#fff",
-      default: "#fff",
-      neutral: GREY[200],
-      autocomplete: GREY[100],
-      header: "#F6F7F9"
-    },
-    action: { active: GREY[600], ...COMMON.action },
-    grid: { sectionHeader: "#F6F7F9", divider: "#EDEFF2", rowHover: "#FAFBFC" }
-  },
-  dark: {
-    ...COMMON,
-    mode: "dark",
-    text: { primary: "#fff", secondary: GREY[500], disabled: GREY[600] },
-    background: {
-      paper: GREY[800],
-      default: GREY[900],
-      neutral: GREY[50016],
-      autocomplete: GREY[800],
-      header: "#29313A"
-    },
-    action: { active: GREY[500], ...COMMON.action },
-    grid: { sectionHeader: "#29313A", divider: "#3E464F", rowHover: "#1F262F" }
-  }
-};
-const LIGHT_MODE = palette.light.grey[500];
-const DARK_MODE = "#000000";
-const createShadow = (color) => {
-  const transparent1 = alpha(color, 0.2);
-  const transparent2 = alpha(color, 0.14);
-  const transparent3 = alpha(color, 0.12);
-  return [
-    "none",
-    `0px 2px 1px -1px ${transparent1},0px 1px 1px 0px ${transparent2},0px 1px 3px 0px ${transparent3}`,
-    `0px 3px 1px -2px ${transparent1},0px 2px 2px 0px ${transparent2},0px 1px 5px 0px ${transparent3}`,
-    `0px 3px 3px -2px ${transparent1},0px 3px 4px 0px ${transparent2},0px 1px 8px 0px ${transparent3}`,
-    `0px 2px 4px -1px ${transparent1},0px 4px 5px 0px ${transparent2},0px 1px 10px 0px ${transparent3}`,
-    `0px 3px 5px -1px ${transparent1},0px 5px 8px 0px ${transparent2},0px 1px 14px 0px ${transparent3}`,
-    `0px 3px 5px -1px ${transparent1},0px 6px 10px 0px ${transparent2},0px 1px 18px 0px ${transparent3}`,
-    `0px 4px 5px -2px ${transparent1},0px 7px 10px 1px ${transparent2},0px 2px 16px 1px ${transparent3}`,
-    `0px 5px 5px -3px ${transparent1},0px 8px 10px 1px ${transparent2},0px 3px 14px 2px ${transparent3}`,
-    `0px 5px 6px -3px ${transparent1},0px 9px 12px 1px ${transparent2},0px 3px 16px 2px ${transparent3}`,
-    `0px 6px 6px -3px ${transparent1},0px 10px 14px 1px ${transparent2},0px 4px 18px 3px ${transparent3}`,
-    `0px 6px 7px -4px ${transparent1},0px 11px 15px 1px ${transparent2},0px 4px 20px 3px ${transparent3}`,
-    `0px 7px 8px -4px ${transparent1},0px 12px 17px 2px ${transparent2},0px 5px 22px 4px ${transparent3}`,
-    `0px 7px 8px -4px ${transparent1},0px 13px 19px 2px ${transparent2},0px 5px 24px 4px ${transparent3}`,
-    `0px 7px 9px -4px ${transparent1},0px 14px 21px 2px ${transparent2},0px 5px 26px 4px ${transparent3}`,
-    `0px 8px 9px -5px ${transparent1},0px 15px 22px 2px ${transparent2},0px 6px 28px 5px ${transparent3}`,
-    `0px 8px 10px -5px ${transparent1},0px 16px 24px 2px ${transparent2},0px 6px 30px 5px ${transparent3}`,
-    `0px 8px 11px -5px ${transparent1},0px 17px 26px 2px ${transparent2},0px 6px 32px 5px ${transparent3}`,
-    `0px 9px 11px -5px ${transparent1},0px 18px 28px 2px ${transparent2},0px 7px 34px 6px ${transparent3}`,
-    `0px 9px 12px -6px ${transparent1},0px 19px 29px 2px ${transparent2},0px 7px 36px 6px ${transparent3}`,
-    `0px 10px 13px -6px ${transparent1},0px 20px 31px 3px ${transparent2},0px 8px 38px 7px ${transparent3}`,
-    `0px 10px 13px -6px ${transparent1},0px 21px 33px 3px ${transparent2},0px 8px 40px 7px ${transparent3}`,
-    `0px 10px 14px -6px ${transparent1},0px 22px 35px 3px ${transparent2},0px 8px 42px 7px ${transparent3}`,
-    `0px 11px 14px -7px ${transparent1},0px 23px 36px 3px ${transparent2},0px 9px 44px 8px ${transparent3}`,
-    `0px 11px 15px -7px ${transparent1},0px 24px 38px 3px ${transparent2},0px 9px 46px 8px ${transparent3}`
-  ];
-};
-const createCustomShadow = (color) => {
-  const transparent = alpha(color, 0.16);
-  return {
-    z1: `0 1px 2px 0 ${transparent}`,
-    z8: `0 8px 16px 0 ${transparent}`,
-    z12: `0 12px 24px -4px ${transparent}`,
-    z16: `0 16px 32px -4px ${transparent}`,
-    z20: `0 20px 40px -4px ${transparent}`,
-    z24: `0 24px 48px 0 ${transparent}`,
-    primary: `0 8px 16px 0 ${alpha(palette.light.primary.main, 0.24)}`,
-    info: `0 8px 16px 0 ${alpha(palette.light.info.main, 0.24)}`,
-    secondary: `0 8px 16px 0 ${alpha(palette.light.secondary.main, 0.24)}`,
-    success: `0 8px 16px 0 ${alpha(palette.light.success.main, 0.24)}`,
-    warning: `0 8px 16px 0 ${alpha(palette.light.warning.main, 0.24)}`,
-    error: `0 8px 16px 0 ${alpha(palette.light.error.main, 0.24)}`,
-    card: `0 0 2px 0 ${alpha(color, 0.2)}, 0 12px 24px -4px ${alpha(color, 0.12)}`,
-    dialog: `-40px 40px 80px -8px ${alpha(palette.light.common.black, 0.24)}`,
-    dropdown: `0 0 2px 0 ${alpha(color, 0.24)}, -20px 20px 40px -4px ${alpha(color, 0.24)}`
-  };
-};
-const customShadows = {
-  light: createCustomShadow(LIGHT_MODE),
-  dark: createCustomShadow(DARK_MODE)
-};
-const shadows = {
-  light: createShadow(LIGHT_MODE),
-  dark: createShadow(DARK_MODE)
-};
-const colorPresets = [
-  {
-    name: "default",
-    ...palette.light.primary,
-    LightSelected: "#EBF9F1",
-    LightSelectedHover: "#D6F2E3",
-    DarkSelected: "#142827",
-    DarkSelectedHover: "#12342B"
-  },
-  {
-    name: "purple",
-    lighter: "#EBD6FD",
-    light: "#B985F4",
-    main: "#7635dc",
-    dark: "#431A9E",
-    darker: "#200A69",
-    contrastText: "#fff"
-  },
-  {
-    name: "cyan",
-    lighter: "#D1FFFC",
-    light: "#76F2FF",
-    main: "#1CCAFF",
-    dark: "#0E77B7",
-    darker: "#053D7A",
-    contrastText: palette.light.grey[800]
-  },
-  {
-    name: "blue",
-    lighter: "#D1E9FC",
-    light: "#76B0F1",
-    main: "#2065D1",
-    dark: "#103996",
-    darker: "#061B64",
-    contrastText: "#fff"
-  },
-  {
-    name: "orange",
-    lighter: "#FEF4D4",
-    light: "#FED680",
-    main: "#fda92d",
-    dark: "#B66816",
-    darker: "#793908",
-    contrastText: palette.light.grey[800]
-  },
-  {
-    name: "red",
-    lighter: "#FFE3D5",
-    light: "#FFC1AC",
-    main: "#FF3030",
-    dark: "#B71833",
-    darker: "#7A0930",
-    contrastText: "#fff"
-  }
-];
-const defaultPreset = colorPresets[0];
-const purplePreset = colorPresets[1];
-const cyanPreset = colorPresets[2];
-const bluePreset = colorPresets[3];
-const orangePreset = colorPresets[4];
-const redPreset = colorPresets[5];
-function getColorPresets(presetsKey) {
-  return {
-    purple: purplePreset,
-    cyan: cyanPreset,
-    blue: bluePreset,
-    orange: orangePreset,
-    red: redPreset,
-    default: defaultPreset
-  }[presetsKey];
-}
-const defaultThemeOptions = {
-  typography,
-  shadows: shadows.light,
-  customShadows: {
-    ...customShadows.light,
-    primary: `0 8px 16px 0 ${alpha(getColorPresets("default").main, 0.24)}`
-  },
-  palette: {
-    ...palette.light,
-    primary: {
-      lighter: "#283829",
-      light: "#26372b",
-      main: "#00AB55",
-      dark: "#007B55",
-      darker: "#005249",
-      LightSelected: "#EBF9F1",
-      LightSelectedHover: "#D6F2E3",
-      DarkSelected: "#142827",
-      DarkSelectedHover: "#12342B"
-    },
-    text: { primary: GREY[800], secondary: GREY[700], disabled: GREY[500] },
-    secondary: {
-      main: "#34ac4e"
-    }
-  }
-};
-function Avatar(theme) {
-  return {
-    MuiAvatar: {
-      styleOverrides: {
-        colorDefault: {
-          color: theme.palette.text.secondary,
-          backgroundColor: theme.palette.grey[400]
-        }
-      }
-    },
-    MuiAvatarGroup: {
-      styleOverrides: {
-        avatar: {
-          fontSize: 16,
-          fontWeight: theme.typography.fontWeightMedium,
-          "&:first-of-type": {
-            fontSize: 14,
-            color: theme.palette.primary.main,
-            backgroundColor: theme.palette.primary.lighter
-          }
-        }
-      }
-    }
-  };
-}
-function Button(theme) {
-  return {
-    MuiButton: {
-      styleOverrides: {
-        root: {
-          "&:hover": {
-            boxShadow: "none"
-          }
-        },
-        sizeLarge: {
-          height: 48
-        },
-        containedInherit: {
-          color: theme.palette.grey[800],
-          boxShadow: theme.customShadows.z1,
-          "&:hover": {
-            backgroundColor: theme.palette.grey[400]
-          }
-        },
-        containedPrimary: {
-          boxShadow: theme.customShadows.z24
-        },
-        containedSecondary: {
-          boxShadow: theme.customShadows.secondary
-        },
-        containedInfo: {
-          boxShadow: theme.customShadows.info
-        },
-        containedSuccess: {
-          boxShadow: theme.customShadows.success
-        },
-        containedWarning: {
-          boxShadow: theme.customShadows.warning
-        },
-        containedError: {
-          boxShadow: theme.customShadows.error
-        },
-        outlinedInherit: {
-          border: `1px solid ${theme.palette.grey[50032]}`,
-          "&:hover": {
-            backgroundColor: theme.palette.action.hover
-          }
-        },
-        textInherit: {
-          "&:hover": {
-            backgroundColor: theme.palette.action.hover
-          }
-        }
-      }
-    }
-  };
-}
-function IconButton(theme) {
-  return {
-    MuiIconButton: {
-      styleOverrides: {
-        root: {
-          "&.MuiIconButton-sizeSmall": {
-            height: theme.spacing(3.75),
-            width: theme.spacing(3.75),
-            margin: 0,
-            padding: 0,
-            " > svg": {
-              height: 20,
-              width: 20
-            },
-            "& .MuiBox-root": {
-              height: 20,
-              width: 20
-            }
-          }
-        }
-      }
-    }
-  };
-}
-function Fab(theme) {
-  return {
-    MuiFab: {
-      defaultProps: {
-        color: "primary"
-      },
-      styleOverrides: {
-        root: {
-          boxShadow: theme.customShadows.z8,
-          "&:hover": {
-            boxShadow: "none",
-            backgroundColor: theme.palette.grey[400]
-          }
-        },
-        primary: {
-          boxShadow: theme.customShadows.primary,
-          "&:hover": {
-            backgroundColor: theme.palette.primary.dark
-          }
-        },
-        secondary: {
-          boxShadow: theme.customShadows.secondary,
-          "&:hover": {
-            backgroundColor: theme.palette.secondary.dark
-          }
-        },
-        extended: {
-          "& svg": {
-            marginRight: theme.spacing(1)
-          }
-        }
-      }
-    }
-  };
-}
-function Card(theme) {
-  return {
-    MuiCard: {
-      styleOverrides: {
-        root: {
-          position: "relative",
-          boxShadow: theme.customShadows.card,
-          borderRadius: Number(theme.shape.borderRadius) * 2,
-          zIndex: 0
-        }
-      }
-    },
-    MuiCardHeader: {
-      defaultProps: {
-        titleTypographyProps: { variant: "h6" },
-        subheaderTypographyProps: { variant: "body2", marginTop: theme.spacing(0.5) }
-      },
-      styleOverrides: {
-        root: {
-          padding: theme.spacing(3, 3, 0)
-        }
-      }
-    },
-    MuiCardContent: {
-      styleOverrides: {
-        root: {
-          padding: theme.spacing(3)
-        }
-      }
-    }
-  };
-}
-function Tabs(theme) {
-  return {
-    MuiTabs: {
-      styleOverrides: {
-        root: {
-          padding: 0,
-          fontWeight: theme.typography.fontWeightMedium,
-          borderTopLeftRadius: theme.shape.borderRadius,
-          borderTopRightRadius: theme.shape.borderRadius,
-          "&.Mui-selected": {
-            color: theme.palette.text.primary
-          },
-          "&:not(:last-of-type)": {
-            marginRight: theme.spacing(5)
-          },
-          "@media (min-width: 600px)": {
-            minWidth: 48
-          },
-          "& .MuiButtonBase-root": {
-            ...theme.typography.subtitle2
-          }
-        },
-        labelIcon: {
-          minHeight: 48,
-          flexDirection: "row",
-          "& > *:first-of-type": {
-            marginBottom: 0,
-            marginRight: theme.spacing(1)
-          }
-        },
-        wrapper: {
-          flexDirection: "row",
-          whiteSpace: "nowrap"
-        },
-        textColorInherit: {
-          opacity: 1,
-          color: theme.palette.text.secondary
-        }
-      }
-    },
-    MuiTabPanel: {
-      styleOverrides: {
-        root: {
-          padding: 0
-        }
-      }
-    },
-    MuiTabScrollButton: {
-      styleOverrides: {
-        root: {
-          width: 48,
-          borderRadius: "50%"
-        }
-      }
-    }
-  };
-}
-function Menu(theme) {
-  return {
-    MuiMenuItem: {
-      styleOverrides: {
-        root: {
-          "&.Mui-selected": {
-            backgroundColor: theme.palette.action.selected,
-            "&:hover": {
-              backgroundColor: theme.palette.action.hover
-            }
-          }
-        }
-      }
-    }
-  };
-}
-function Link(theme) {
-  return {
-    MuiLink: {
-      defaultProps: {
-        underline: "hover"
-      },
-      styleOverrides: {
-        root: {
-          "&.MuiLink-underlineHover": {
-            textDecorationColor: theme.palette.primary.main
-          }
-        }
-      }
-    }
-  };
-}
-function List(theme) {
-  return {
-    MuiListItemIcon: {
-      styleOverrides: {
-        root: {
-          color: "inherit",
-          minWidth: "auto",
-          marginRight: theme.spacing(2)
-        }
-      }
-    },
-    MuiListItemAvatar: {
-      styleOverrides: {
-        root: {
-          minWidth: "auto",
-          marginRight: theme.spacing(2)
-        }
-      }
-    },
-    MuiListItemText: {
-      styleOverrides: {
-        root: {
-          marginTop: 0,
-          marginBottom: 0
-        },
-        multiline: {
-          marginTop: 0,
-          marginBottom: 0
-        }
-      }
-    }
-  };
-}
-function Table(theme) {
-  return {
-    MuiTableRow: {
-      styleOverrides: {
-        root: {
-          "&.Mui-selected": {
-            backgroundColor: theme.palette.action.selected,
-            "&:hover": {
-              backgroundColor: theme.palette.action.hover
-            }
-          }
-        }
-      }
-    },
-    MuiTableCell: {
-      styleOverrides: {
-        root: {
-          borderBottom: "none"
-        },
-        head: {
-          color: theme.palette.text.secondary,
-          backgroundColor: theme.palette.background.neutral,
-          "&:first-of-type": {
-            paddingLeft: theme.spacing(3),
-            borderTopLeftRadius: theme.shape.borderRadius,
-            borderBottomLeftRadius: theme.shape.borderRadius,
-            boxShadow: `inset 8px 0 0 ${theme.palette.background.paper}`
-          },
-          "&:last-of-type": {
-            paddingRight: theme.spacing(3),
-            borderTopRightRadius: theme.shape.borderRadius,
-            borderBottomRightRadius: theme.shape.borderRadius,
-            boxShadow: `inset -8px 0 0 ${theme.palette.background.paper}`
-          }
-        },
-        stickyHeader: {
-          backgroundColor: theme.palette.background.paper,
-          backgroundImage: `linear-gradient(to bottom, ${theme.palette.background.neutral} 0%, ${theme.palette.background.neutral} 100%)`
-        },
-        body: {
-          "&:first-of-type": {
-            paddingLeft: theme.spacing(3)
-          },
-          "&:last-of-type": {
-            paddingRight: theme.spacing(3)
-          }
-        }
-      }
-    },
-    MuiTablePagination: {
-      styleOverrides: {
-        root: {
-          ...theme.typography.caption
-        },
-        toolbar: {
-          "& .MuiInputBase-root": {
-            marginLeft: theme.spacing(1),
-            marginRight: theme.spacing(3),
-            ...theme.typography.caption
-          },
-          "&.MuiToolbar-regular": {
-            minHeight: 40,
-            height: 40,
-            paddingRight: 0
-          },
-          "& .MuiTablePagination-displayedRows": {
-            ...theme.typography.caption
-          }
-        },
-        selectLabel: {
-          ...theme.typography.caption
-        },
-        select: {
-          paddingBottom: 4,
-          "&:focus": {
-            borderRadius: theme.shape.borderRadius
-          }
-        },
-        selectIcon: {
-          width: 20,
-          height: 20
-        }
-      }
-    }
-  };
-}
-function Badge(_theme) {
-  return {
-    MuiBadge: {
-      styleOverrides: {
-        dot: {
-          width: 10,
-          height: 10,
-          borderRadius: "50%"
-        }
-      }
-    }
-  };
-}
-function Paper(theme) {
-  return {
-    MuiPaper: {
-      defaultProps: {
-        elevation: 0
-      },
-      variants: [
-        {
-          props: { variant: "outlined" },
-          style: { borderColor: theme.palette.grey[50012] }
-        }
-      ],
-      styleOverrides: {
-        root: {
-          backgroundImage: "none",
-          borderRadius: "2px"
-        }
-      }
-    }
-  };
-}
-function Input(theme) {
-  return {
-    MuiFormControl: {
-      styleOverrides: {
-        root: {}
-      }
-    },
-    MuiInputBase: {
-      styleOverrides: {
-        root: {
-          backgroundColor: theme.palette.background.default,
-          ...theme.typography.body2,
-          borderRadius: theme.spacing(1),
-          "&.Mui-disabled": {
-            "& svg": { color: theme.palette.text.disabled }
-          },
-          padding: "0px"
-        },
-        input: {
-          paddingLeft: "8px",
-          "&::placeholder": {
-            opacity: 1,
-            color: theme.palette.text.disabled
-          }
-        }
-      }
-    },
-    MuiInput: {
-      styleOverrides: {
-        underline: {
-          "&:before": {
-            borderBottomColor: theme.palette.grey[50056]
-          }
-        }
-      }
-    },
-    MuiFilledInput: {
-      styleOverrides: {
-        root: {
-          backgroundColor: theme.palette.grey[50012],
-          "&:hover": {
-            backgroundColor: theme.palette.grey[50016]
-          },
-          "&.Mui-focused": {
-            backgroundColor: theme.palette.action.focus
-          },
-          "&.Mui-disabled": {
-            backgroundColor: theme.palette.action.disabledBackground
-          }
-        },
-        underline: {
-          "&:before": {
-            borderBottomColor: theme.palette.grey[50056]
-          }
-        }
-      }
-    },
-    MuiOutlinedInput: {
-      styleOverrides: {
-        root: {
-          ...theme.typography.body2,
-          color: theme.palette.text.primary,
-          "& > input": {
-            padding: theme.spacing(1.5, 1.5)
-          },
-          "& .MuiOutlinedInput-notchedOutline": {
-            borderColor: theme.palette.grey[50032],
-            fontSize: "0.875rem"
-          },
-          "&.Mui-disabled": {
-            "& .MuiOutlinedInput-notchedOutline": {
-              borderColor: theme.palette.action.disabledBackground
-            }
-          },
-          "& .MuiOutlinedInput-input:-webkit-autofill": {
-            WebkitBoxShadow: `0 0 0 1000px ${theme.palette.background.autofill} inset`
-          }
-        }
-      }
-    }
-  };
-}
-function InputLabel(_theme) {
-  return {
-    MuiInputLabel: {
-      styleOverrides: {
-        shrink: {
-          transform: "translate(14px, -9px) scale(0.75)!important"
-        },
-        outlined: {
-          transform: "translate(14px, 12px) scale(1)",
-          fontSize: 12
-        }
-      }
-    }
-  };
-}
-function Radio(theme) {
-  return {
-    MuiRadio: {
-      styleOverrides: {
-        root: {
-          padding: theme.spacing(1),
-          svg: {
-            fontSize: 24,
-            "&[font-size=small]": {
-              fontSize: 20
-            }
-          }
-        }
-      }
-    }
-  };
-}
-function Drawer(theme) {
-  const isLight = theme.palette.mode === "light";
-  return {
-    MuiDrawer: {
-      styleOverrides: {
-        modal: {
-          '&[role="presentation"]': {
-            "& .MuiDrawer-paperAnchorLeft": {
-              boxShadow: `8px 24px 24px 12px ${alpha$1(theme.palette.grey[900], isLight ? 0.16 : 0.48)}`
-            },
-            "& .MuiDrawer-paperAnchorRight": {
-              boxShadow: `-8px 24px 24px 12px ${alpha$1(theme.palette.grey[900], isLight ? 0.16 : 0.48)}`
-            }
-          }
-        }
-      }
-    }
-  };
-}
-function Dialog(theme) {
-  return {
-    MuiDialog: {
-      styleOverrides: {
-        paper: {
-          boxShadow: theme.customShadows.dialog,
-          "&.MuiPaper-rounded": {
-            borderRadius: Number(theme.shape.borderRadius) * 2
-          },
-          "&.MuiDialog-paperFullScreen": {
-            borderRadius: 0
-          },
-          "&.MuiDialog-paper .MuiDialogActions-root": {
-            padding: theme.spacing(3)
-          },
-          "@media (max-width: 600px)": {
-            margin: theme.spacing(2)
-          },
-          "@media (max-width: 663.95px)": {
-            "&.MuiDialog-paperWidthSm.MuiDialog-paperScrollBody": {
-              maxWidth: "100%"
-            }
-          }
-        },
-        paperFullWidth: {
-          width: "100%"
-        }
-      }
-    },
-    MuiDialogTitle: {
-      styleOverrides: {
-        root: {
-          padding: theme.spacing(3, 3, 0)
-        }
-      }
-    },
-    MuiDialogContent: {
-      styleOverrides: {
-        root: {
-          borderTop: 0,
-          borderBottom: 0,
-          padding: theme.spacing(3)
-        }
-      }
-    },
-    MuiDialogActions: {
-      styleOverrides: {
-        root: {
-          "& > :not(:first-of-type)": {
-            marginLeft: theme.spacing(1.5)
-          }
-        }
-      }
-    }
-  };
-}
-function Slider(theme) {
-  const isLight = theme.palette.mode === "light";
-  return {
-    MuiSlider: {
-      defaultProps: {
-        size: "small"
-      },
-      styleOverrides: {
-        root: {
-          "&.Mui-disabled": {
-            color: theme.palette.action.disabled
-          }
-        },
-        markLabel: {
-          fontSize: 13,
-          color: theme.palette.text.disabled
-        },
-        valueLabel: {
-          borderRadius: 8,
-          backgroundColor: theme.palette.grey[isLight ? 800 : 700]
-        }
-      }
-    }
-  };
-}
-function Switch(theme) {
-  const isLight = theme.palette.mode === "light";
-  return {
-    MuiSwitch: {
-      styleOverrides: {
-        thumb: {
-          boxShadow: theme.customShadows.z1
-        },
-        track: {
-          opacity: 1,
-          backgroundColor: theme.palette.grey[500]
-        },
-        switchBase: {
-          left: 0,
-          right: "auto",
-          "&:not(:.Mui-checked)": {
-            color: theme.palette.grey[isLight ? 100 : 300]
-          },
-          "&.Mui-checked.Mui-disabled, &.Mui-disabled": {
-            color: theme.palette.grey[isLight ? 400 : 600]
-          },
-          "&.Mui-disabled+.MuiSwitch-track": {
-            opacity: 1,
-            backgroundColor: `${theme.palette.action.disabledBackground} !important`
-          }
-        }
-      }
-    }
-  };
-}
-function SvgIcon(_theme) {
-  return {
-    MuiSvgIcon: {
-      styleOverrides: {
-        fontSizeSmall: {
-          width: 20,
-          height: 20,
-          fontSize: "inherit"
-        },
-        fontSizeLarge: {
-          width: 32,
-          height: 32,
-          fontSize: "inherit"
-        }
-      }
-    }
-  };
-}
-function Tooltip(theme) {
-  const isLight = theme.palette.mode === "light";
-  return {
-    MuiTooltip: {
-      styleOverrides: {
-        tooltip: {
-          backgroundColor: theme.palette.grey[isLight ? 800 : 700]
-        },
-        arrow: {
-          color: theme.palette.grey[isLight ? 800 : 700]
-        }
-      }
-    }
-  };
-}
-function Popover(theme) {
-  return {
-    MuiPopover: {
-      styleOverrides: {
-        paper: {
-          boxShadow: theme.customShadows.dropdown,
-          borderRadius: Number(theme.shape.borderRadius) * 1.5
-        }
-      }
-    }
-  };
-}
-function Stepper(theme) {
-  return {
-    MuiStepConnector: {
-      styleOverrides: {
-        line: {
-          borderColor: theme.palette.divider
-        }
-      }
-    }
-  };
-}
-function DataGrid(theme) {
-  return {
-    MuiDataGrid: {
-      styleOverrides: {
-        root: {
-          borderRadius: 0,
-          border: `1px solid transparent`,
-          "& .MuiTablePagination-root": {
-            borderTop: 0
-          },
-          "& .MuiDataGrid-toolbarContainer": {
-            padding: theme.spacing(2),
-            backgroundColor: theme.palette.background.neutral,
-            "& .MuiButton-root": {
-              marginRight: theme.spacing(1.5),
-              color: theme.palette.text.primary,
-              "&:hover": {
-                backgroundColor: theme.palette.action.hover
-              }
-            }
-          },
-          "& .MuiDataGrid-cell, .MuiDataGrid-columnsContainer": {
-            borderBottom: `1px solid ${theme.palette.divider}`
-          },
-          "& .MuiDataGrid-columnSeparator": {
-            color: theme.palette.divider
-          },
-          '& .MuiDataGrid-columnHeader[data-field="__check__"]': {
-            padding: 0
-          }
-        }
-      }
-    },
-    MuiGridMenu: {
-      styleOverrides: {
-        root: {
-          "& .MuiDataGrid-gridMenuList": {
-            boxShadow: theme.customShadows.z20,
-            borderRadius: theme.shape.borderRadius
-          },
-          "& .MuiMenuItem-root": {
-            ...theme.typography.body2
-          }
-        }
-      }
-    },
-    MuiGridFilterForm: {
-      styleOverrides: {
-        root: {
-          padding: theme.spacing(1.5, 0),
-          "& .MuiFormControl-root": {
-            margin: theme.spacing(0, 0.5)
-          },
-          "& .MuiInput-root": {
-            marginTop: theme.spacing(3),
-            "&::before, &::after": {
-              display: "none"
-            },
-            "& .MuiNativeSelect-select, .MuiInput-input": {
-              ...theme.typography.body2,
-              padding: theme.spacing(0.75, 1),
-              borderRadius: theme.shape.borderRadius,
-              backgroundColor: theme.palette.background.neutral
-            },
-            "& .MuiSvgIcon-root": {
-              right: 4
-            }
-          }
-        }
-      }
-    },
-    MuiGridPanelFooter: {
-      styleOverrides: {
-        root: {
-          padding: theme.spacing(2),
-          justifyContent: "flex-end",
-          "& .MuiButton-root": {
-            "&:first-of-type": {
-              marginRight: theme.spacing(1.5),
-              color: theme.palette.text.primary,
-              "&:hover": {
-                backgroundColor: theme.palette.action.hover
-              }
-            },
-            "&:last-of-type": {
-              color: theme.palette.common.white,
-              backgroundColor: theme.palette.primary.main,
-              "&:hover": {
-                backgroundColor: theme.palette.primary.dark
-              }
-            }
-          }
-        }
-      }
-    }
-  };
-}
-function Skeleton(theme) {
-  return {
-    MuiSkeleton: {
-      defaultProps: {
-        animation: "wave"
-      },
-      styleOverrides: {
-        root: {
-          backgroundColor: theme.palette.divider
-        }
-      }
-    }
-  };
-}
-function Backdrop(theme) {
-  const varLow = alpha(theme.palette.grey[900], 0.48);
-  const varHigh = alpha(theme.palette.grey[900], 1);
-  return {
-    MuiBackdrop: {
-      styleOverrides: {
-        root: {
-          background: [
-            `rgb(22,28,36)`,
-            `-moz-linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`,
-            `-webkit-linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`,
-            `linear-gradient(75deg, ${varLow} 0%, ${varHigh} 100%)`
-          ],
-          "&.MuiBackdrop-invisible": {
-            background: "transparent"
-          }
-        }
-      }
-    }
-  };
-}
-function Progress(theme) {
-  const isLight = theme.palette.mode === "light";
-  return {
-    MuiLinearProgress: {
-      styleOverrides: {
-        root: {
-          borderRadius: 4,
-          overflow: "hidden"
-        },
-        bar: {
-          borderRadius: 4
-        },
-        colorPrimary: {
-          backgroundColor: theme.palette.primary[isLight ? "lighter" : "darker"]
-        },
-        buffer: {
-          backgroundColor: "transparent"
-        }
-      }
-    }
-  };
-}
-function Timeline(theme) {
-  return {
-    MuiTimelineDot: {
-      styleOverrides: {
-        root: {
-          boxShadow: "none"
-        }
-      }
-    },
-    MuiTimelineConnector: {
-      styleOverrides: {
-        root: {
-          backgroundColor: theme.palette.divider
-        }
-      }
-    }
-  };
-}
-function Checkbox(theme) {
-  return {
-    MuiCheckbox: {
-      styleOverrides: {
-        root: {
-          padding: theme.spacing(1),
-          oleee: "sss",
-          color: theme.palette.action.active,
-          "& .Mui-checked": {
-            color: theme.palette.primary.main
-          },
-          "&.Mui-checked.Mui-disabled, &.Mui-disabled": {
-            color: theme.palette.action.disabled
-          }
-        }
-      }
-    }
-  };
-}
-function Accordion(theme) {
-  return {
-    MuiAccordion: {
-      styleOverrides: {
-        root: {
-          backgroundColor: theme.palette.background.default,
-          width: "100%",
-          marginTop: "0px",
-          marginBottom: theme.spacing(1.5),
-          "&.Mui-expanded": {
-            marginTop: "0px",
-            marginBottom: theme.spacing(1.5)
-          },
-          border: "0px solid transparent",
-          "&.Mui-disabled": {
-            backgroundColor: "transparent"
-          },
-          "&::before": {
-            content: "none"
-          }
-        }
-      }
-    },
-    MuiAccordionDetails: {
-      styleOverrides: {
-        root: {
-          padding: `0px ${theme.spacing(0)}`
-        }
-      }
-    },
-    MuiAccordionSummary: {
-      styleOverrides: {
-        root: {
-          borderRadius: theme.spacing(0.5),
-          height: theme.spacing(4.5),
-          minHeight: theme.spacing(4.5),
-          backgroundColor: theme.palette.background.header,
-          paddingLeft: theme.spacing(2),
-          paddingRight: theme.spacing(2),
-          marginBottom: "0px",
-          "&.Mui-expanded": {
-            height: theme.spacing(4.5),
-            minHeight: theme.spacing(4.5),
-            borderRadius: `${theme.spacing(0.5)} ${theme.spacing(0.5)} 0px 0px`
-          },
-          "&.Mui-disabled": {
-            opacity: 1,
-            color: theme.palette.action.disabled,
-            "& .MuiTypography-root": {
-              color: "inherit"
-            }
-          }
-        },
-        expandIconWrapper: {
-          color: theme.palette.action.active,
-          height: 20,
-          width: 20,
-          alignItems: "center",
-          justifyContent: "center",
-          "& > svg": {
-            height: 12,
-            width: 12
-          }
-        },
-        content: {
-          ...theme.typography.subtitle2,
-          margin: "0px",
-          "&.Mui-expanded": {
-            margin: "0px"
-          }
-        }
-      }
-    }
-  };
-}
-function Typography(theme) {
-  return {
-    MuiTypography: {
-      styleOverrides: {
-        paragraph: {
-          marginBottom: theme.spacing(2)
-        },
-        gutterBottom: {
-          marginBottom: theme.spacing(1)
-        }
-      }
-    }
-  };
-}
-function Pagination(theme) {
-  return {
-    MuiPaginationItem: {
-      styleOverrides: {
-        root: {
-          "&.Mui-selected": {
-            fontWeight: theme.typography.fontWeightBold
-          }
-        },
-        textPrimary: {
-          "&.Mui-selected": {
-            color: theme.palette.primary.main,
-            backgroundColor: alpha(theme.palette.primary.main, 0.08),
-            "&:hover, &.Mui-focusVisible": {
-              backgroundColor: `${alpha(theme.palette.primary.main, 0.24)} !important`
-            }
-          }
-        },
-        outlined: {
-          border: `1px solid ${theme.palette.grey[50032]}`
-        },
-        outlinedPrimary: {
-          "&.Mui-selected": {
-            backgroundColor: alpha(theme.palette.primary.main, 0.08),
-            border: `1px solid ${alpha(theme.palette.primary.main, 0.24)}`
-          }
-        }
-      }
-    }
-  };
-}
-function Breadcrumbs(theme) {
-  return {
-    MuiBreadcrumbs: {
-      styleOverrides: {
-        separator: {
-          marginLeft: theme.spacing(2),
-          marginRight: theme.spacing(2)
-        }
-      }
-    }
-  };
-}
-function ButtonGroup(theme) {
-  const styleContained = (color) => ({
-    props: { variant: "contained", color },
-    style: { boxShadow: theme.customShadows[color] }
-  });
-  return {
-    MuiButtonGroup: {
-      variants: [
-        {
-          props: { variant: "contained", color: "inherit" },
-          style: { boxShadow: theme.customShadows.z8 }
-        },
-        styleContained("primary"),
-        styleContained("secondary"),
-        styleContained("info"),
-        styleContained("success"),
-        styleContained("warning"),
-        styleContained("error"),
-        {
-          props: { disabled: true },
-          style: {
-            boxShadow: "none",
-            "& .MuiButtonGroup-grouped.Mui-disabled": {
-              color: theme.palette.action.disabled,
-              borderColor: `${theme.palette.action.disabledBackground} !important`,
-              "&.MuiButton-contained": {
-                backgroundColor: theme.palette.action.disabledBackground
-              }
-            }
-          }
-        }
-      ],
-      styleOverrides: {
-        root: {
-          "&:hover": {
-            boxShadow: "none"
-          }
-        }
-      }
-    }
-  };
-}
-function CssBaseline(_theme) {
-  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 Autocomplete(theme) {
-  return {
-    MuiAutocomplete: {
-      styleOverrides: {
-        root: {
-          "& .MuiInputBase-root": {
-            padding: "0 39px 0px 0"
-          },
-          input: {
-            padding: `${theme.spacing(1.5, 1.5)}!important`
-          }
-        },
-        paper: {
-          boxShadow: theme.customShadows.dropdown
-        },
-        listbox: {
-          padding: theme.spacing(0, 1),
-          "& .MuiAutocomplete-option": {
-            padding: theme.spacing(1),
-            margin: theme.spacing(1, 0),
-            borderRadius: theme.shape.borderRadius
-          }
-        }
-      }
-    }
-  };
-}
-const style = (theme, color) => ({
-  props: { color },
-  style: {
-    "&:hover": {
-      borderColor: alpha(theme.palette[color].main, 0.48),
-      backgroundColor: alpha(theme.palette[color].main, theme.palette.action.hoverOpacity)
-    },
-    "&.Mui-selected": {
-      borderColor: alpha(theme.palette[color].main, 0.48)
-    }
-  }
-});
-function ToggleButton(theme) {
-  return {
-    MuiToggleButton: {
-      variants: [
-        {
-          props: { color: "standard" },
-          style: {
-            "&.Mui-selected": {
-              backgroundColor: theme.palette.action.selected
-            }
-          }
-        },
-        style(theme, "primary"),
-        style(theme, "secondary"),
-        style(theme, "info"),
-        style(theme, "success"),
-        style(theme, "warning"),
-        style(theme, "error")
-      ]
-    },
-    MuiToggleButtonGroup: {
-      styleOverrides: {
-        root: {
-          borderRadius: theme.shape.borderRadius,
-          backgroundColor: theme.palette.background.paper,
-          border: `solid 1px ${theme.palette.grey[50012]}`,
-          "& .MuiToggleButton-root": {
-            margin: 4,
-            borderColor: "transparent !important",
-            borderRadius: `${theme.shape.borderRadius}px !important`
-          }
-        }
-      }
-    }
-  };
-}
-function ControlLabel(theme) {
-  return {
-    MuiFormControlLabel: {
-      styleOverrides: {
-        label: {
-          ...theme.typography.body1
-        }
-      }
-    },
-    MuiFormHelperText: {
-      styleOverrides: {
-        root: {
-          marginTop: theme.spacing(1)
-        }
-      }
-    },
-    MuiFormLabel: {
-      styleOverrides: {
-        root: {
-          color: theme.palette.text.disabled
-        }
-      }
-    }
-  };
-}
-function LoadingButton(theme) {
-  return {
-    MuiLoadingButton: {
-      styleOverrides: {
-        root: {
-          "&.MuiLoadingButton-root": {
-            ...theme.typography.subtitle2,
-            "& .MuiCircularProgress-root": {
-              color: theme.palette.primary.main
-            }
-          },
-          "&.MuiButton-text": {
-            "& .MuiLoadingButton-startIconPendingStart": {
-              marginLeft: 0
-            },
-            "& .MuiLoadingButton-endIconPendingEnd": {
-              marginRight: 0
-            }
-          }
-        }
-      }
-    }
-  };
-}
-function fnComponentsOverrides(theme) {
-  return Object.assign(Fab(theme), Tabs(theme), Card(theme), Menu(theme), Link(theme), Input(theme), InputLabel(), Radio(theme), Badge(), List(theme), Table(theme), Paper(theme), Switch(theme), Button(theme), IconButton(theme), Dialog(theme), Avatar(theme), Slider(theme), Drawer(theme), Stepper(theme), Tooltip(theme), Popover(theme), SvgIcon(), Checkbox(theme), DataGrid(theme), Skeleton(theme), Timeline(theme), Backdrop(theme), Progress(theme), Accordion(theme), Typography(theme), Pagination(theme), ButtonGroup(theme), Breadcrumbs(theme), CssBaseline(), Autocomplete(theme), ControlLabel(theme), ToggleButton(theme), LoadingButton(theme));
-}
-export { defaultThemeOptions, fnComponentsOverrides };
+import "@m4l/core";
+import "prop-types";
+import "./react-helmet-async-react-fast-compare.js";
+import "./react-helmet-async-invariant.js";
+import "./react-helmet-async-shallowequal.js";
+import "@mui/material/useMediaQuery";
+import "./utils/index.js";