@m4l/graphics 0.1.7 → 0.1.8

package/theme/palette.2baf72f5.js

@@ -0,0 +1,126 @@
+import { alpha as t } from "@mui/material/styles";
+function r(c, l) {
+  return `linear-gradient(to bottom, ${c}, ${l})`;
+}
+const a = {
+  lighter: "#C8FACD",
+  light: "#5BE584",
+  main: "#00AB55",
+  dark: "#007B55",
+  darker: "#005249"
+}, A = {
+  lighter: "#D6E4FF",
+  light: "#84A9FF",
+  main: "#3366FF",
+  dark: "#1939B7",
+  darker: "#091A7A"
+}, i = {
+  lighter: "#D0F2FF",
+  light: "#74CAFF",
+  main: "#1890FF",
+  dark: "#0C53B7",
+  darker: "#04297A"
+}, n = {
+  lighter: "#E9FCD4",
+  light: "#AAF27F",
+  main: "#54D62C",
+  dark: "#229A16",
+  darker: "#08660D"
+}, o = {
+  lighter: "#FFF7CD",
+  light: "#FFE16A",
+  main: "#FFC107",
+  dark: "#B78103",
+  darker: "#7A4F01"
+}, d = {
+  lighter: "#FFE7D9",
+  light: "#FFA48D",
+  main: "#FF4842",
+  dark: "#B72136",
+  darker: "#7A0C2E"
+}, F = {
+  0: "#FFFFFF",
+  100: "#F9FAFB",
+  200: "#F4F6F8",
+  300: "#DFE3E8",
+  400: "#C4CDD5",
+  500: "#919EAB",
+  600: "#637381",
+  700: "#454F5B",
+  800: "#212B36",
+  900: "#161C24",
+  5008: t("#919EAB", 0.08),
+  50012: t("#919EAB", 0.12),
+  50016: t("#919EAB", 0.16),
+  50024: t("#919EAB", 0.24),
+  50032: t("#919EAB", 0.32),
+  50048: t("#919EAB", 0.48),
+  50056: t("#919EAB", 0.56),
+  50080: t("#919EAB", 0.8)
+}, s = {
+  primary: r(a.light, a.main),
+  info: r(i.light, i.main),
+  success: r(n.light, n.main),
+  warning: r(o.light, o.main),
+  error: r(d.light, d.main)
+}, f = {
+  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"]
+}, e = {
+  common: { black: "#000", white: "#fff" },
+  primary: { ...a, contrastText: "#fff" },
+  secondary: { ...A, contrastText: "#fff" },
+  info: { ...i, contrastText: "#fff" },
+  success: { ...n, contrastText: F[800] },
+  warning: { ...o, contrastText: F[800] },
+  error: { ...d, contrastText: "#fff" },
+  grey: F,
+  gradients: s,
+  chart: f,
+  divider: F[50024],
+  action: {
+    hover: F[5008],
+    selected: F[50016],
+    disabled: F[50080],
+    disabledBackground: F[50024],
+    focus: F[50024],
+    hoverOpacity: 0.08,
+    disabledOpacity: 0.48
+  }
+}, C = {
+  light: {
+    ...e,
+    mode: "light",
+    text: { primary: F[800], secondary: F[700], disabled: F[500] },
+    background: {
+      paper: "#fff",
+      default: "#fff",
+      neutral: F[200],
+      autocomplete: F[100],
+      header: "#F6F7F9"
+    },
+    action: { active: F[600], ...e.action },
+    grid: { sectionHeader: "#F6F7F9", divider: "#EDEFF2", rowHover: "#FAFBFC" }
+  },
+  dark: {
+    ...e,
+    mode: "dark",
+    text: { primary: "#fff", secondary: F[500], disabled: F[600] },
+    background: {
+      paper: F[800],
+      default: F[900],
+      neutral: F[50016],
+      autocomplete: F[800],
+      header: "#29313A"
+    },
+    action: { active: F[500], ...e.action },
+    grid: { sectionHeader: "#29313A", divider: "#3E464F", rowHover: "#1F262F" }
+  }
+};
+export {
+  F as G,
+  C as p
+};

package/theme/shadows.bf8dc290.js

@@ -0,0 +1,61 @@
+import { alpha as t } from "@mui/material/styles";
+import { p as a } from "./palette.2baf72f5.js";
+const i = a.light.grey[500], e = "#000000", r = (n) => {
+  const p = t(n, 0.2), x = t(n, 0.14), $ = t(n, 0.12);
+  return [
+    "none",
+    `0px 2px 1px -1px ${p},0px 1px 1px 0px ${x},0px 1px 3px 0px ${$}`,
+    `0px 3px 1px -2px ${p},0px 2px 2px 0px ${x},0px 1px 5px 0px ${$}`,
+    `0px 3px 3px -2px ${p},0px 3px 4px 0px ${x},0px 1px 8px 0px ${$}`,
+    `0px 2px 4px -1px ${p},0px 4px 5px 0px ${x},0px 1px 10px 0px ${$}`,
+    `0px 3px 5px -1px ${p},0px 5px 8px 0px ${x},0px 1px 14px 0px ${$}`,
+    `0px 3px 5px -1px ${p},0px 6px 10px 0px ${x},0px 1px 18px 0px ${$}`,
+    `0px 4px 5px -2px ${p},0px 7px 10px 1px ${x},0px 2px 16px 1px ${$}`,
+    `0px 5px 5px -3px ${p},0px 8px 10px 1px ${x},0px 3px 14px 2px ${$}`,
+    `0px 5px 6px -3px ${p},0px 9px 12px 1px ${x},0px 3px 16px 2px ${$}`,
+    `0px 6px 6px -3px ${p},0px 10px 14px 1px ${x},0px 4px 18px 3px ${$}`,
+    `0px 6px 7px -4px ${p},0px 11px 15px 1px ${x},0px 4px 20px 3px ${$}`,
+    `0px 7px 8px -4px ${p},0px 12px 17px 2px ${x},0px 5px 22px 4px ${$}`,
+    `0px 7px 8px -4px ${p},0px 13px 19px 2px ${x},0px 5px 24px 4px ${$}`,
+    `0px 7px 9px -4px ${p},0px 14px 21px 2px ${x},0px 5px 26px 4px ${$}`,
+    `0px 8px 9px -5px ${p},0px 15px 22px 2px ${x},0px 6px 28px 5px ${$}`,
+    `0px 8px 10px -5px ${p},0px 16px 24px 2px ${x},0px 6px 30px 5px ${$}`,
+    `0px 8px 11px -5px ${p},0px 17px 26px 2px ${x},0px 6px 32px 5px ${$}`,
+    `0px 9px 11px -5px ${p},0px 18px 28px 2px ${x},0px 7px 34px 6px ${$}`,
+    `0px 9px 12px -6px ${p},0px 19px 29px 2px ${x},0px 7px 36px 6px ${$}`,
+    `0px 10px 13px -6px ${p},0px 20px 31px 3px ${x},0px 8px 38px 7px ${$}`,
+    `0px 10px 13px -6px ${p},0px 21px 33px 3px ${x},0px 8px 40px 7px ${$}`,
+    `0px 10px 14px -6px ${p},0px 22px 35px 3px ${x},0px 8px 42px 7px ${$}`,
+    `0px 11px 14px -7px ${p},0px 23px 36px 3px ${x},0px 9px 44px 8px ${$}`,
+    `0px 11px 15px -7px ${p},0px 24px 38px 3px ${x},0px 9px 46px 8px ${$}`
+  ];
+}, s = (n) => {
+  const p = t(n, 0.16);
+  return {
+    z1: `0 1px 2px 0 ${p}`,
+    z8: `0 8px 16px 0 ${p}`,
+    z12: `0 12px 24px -4px ${p}`,
+    z16: `0 16px 32px -4px ${p}`,
+    z20: `0 20px 40px -4px ${p}`,
+    z24: `0 24px 48px 0 ${p}`,
+    primary: `0 8px 16px 0 ${t(a.light.primary.main, 0.24)}`,
+    info: `0 8px 16px 0 ${t(a.light.info.main, 0.24)}`,
+    secondary: `0 8px 16px 0 ${t(a.light.secondary.main, 0.24)}`,
+    success: `0 8px 16px 0 ${t(a.light.success.main, 0.24)}`,
+    warning: `0 8px 16px 0 ${t(a.light.warning.main, 0.24)}`,
+    error: `0 8px 16px 0 ${t(a.light.error.main, 0.24)}`,
+    card: `0 0 2px 0 ${t(n, 0.2)}, 0 12px 24px -4px ${t(n, 0.12)}`,
+    dialog: `-40px 40px 80px -8px ${t(a.light.common.black, 0.24)}`,
+    dropdown: `0 0 2px 0 ${t(n, 0.24)}, -20px 20px 40px -4px ${t(n, 0.24)}`
+  };
+}, m = {
+  light: s(i),
+  dark: s(e)
+}, h = {
+  light: r(i),
+  dark: r(e)
+};
+export {
+  m as c,
+  h as s
+};

package/theme/{typography.js → typography.f5eadf47.js}

@@ -1,87 +1,88 @@
-import { p as pxToRem, r as responsiveFontSizes } from "../utils/index.js";
-const FONT_PRIMARY = "Public Sans, sans-serif";
-const typography = {
-  fontFamily: FONT_PRIMARY,
+import { p as t, r as e } from "../utils/index.d8b24456.js";
+const i = "Public Sans, sans-serif", o = {
+  fontFamily: i,
   fontWeightRegular: 400,
   fontWeightMedium: 600,
   fontWeightBold: 700,
   h1: {
     fontWeight: 700,
     lineHeight: 80 / 64,
-    fontSize: pxToRem(40),
+    fontSize: t(40),
     letterSpacing: 2,
-    ...responsiveFontSizes({ sm: 52, md: 58, lg: 64 })
+    ...e({ sm: 52, md: 58, lg: 64 })
   },
   h2: {
     fontWeight: 700,
     lineHeight: 64 / 48,
-    fontSize: pxToRem(32),
-    ...responsiveFontSizes({ sm: 40, md: 44, lg: 48 })
+    fontSize: t(32),
+    ...e({ sm: 40, md: 44, lg: 48 })
   },
   h3: {
     fontWeight: 700,
     lineHeight: 1.5,
-    fontSize: pxToRem(24),
-    ...responsiveFontSizes({ sm: 26, md: 30, lg: 32 })
+    fontSize: t(24),
+    ...e({ sm: 26, md: 30, lg: 32 })
   },
   h4: {
     fontWeight: 700,
     lineHeight: 1.5,
-    fontSize: pxToRem(20),
-    ...responsiveFontSizes({ sm: 20, md: 24, lg: 24 })
+    fontSize: t(20),
+    ...e({ sm: 20, md: 24, lg: 24 })
   },
   h5: {
     fontWeight: 700,
     lineHeight: 1.5,
-    fontSize: pxToRem(18),
-    ...responsiveFontSizes({ sm: 19, md: 20, lg: 20 })
+    fontSize: t(18),
+    ...e({ sm: 19, md: 20, lg: 20 })
   },
   h6: {
     fontWeight: 700,
     lineHeight: 28 / 18,
-    fontSize: pxToRem(17),
-    ...responsiveFontSizes({ sm: 18, md: 18, lg: 18 })
+    fontSize: t(17),
+    ...e({ sm: 18, md: 18, lg: 18 })
   },
   subtitle1: {
     fontWeight: 600,
     lineHeight: 1.5,
-    fontSize: pxToRem(14)
+    fontSize: t(14)
   },
   subtitle2: {
     fontWeight: 600,
     lineHeight: 1.5,
-    fontSize: pxToRem(12)
+    fontSize: t(12)
   },
   body0: {
     lineHeight: 1.5,
     fontWeight: 400,
-    fontSize: pxToRem(16)
+    fontSize: t(16)
   },
   body1: {
     lineHeight: 1.5,
     fontWeight: 400,
-    fontSize: pxToRem(14)
+    fontSize: t(14)
   },
   body2: {
     lineHeight: 1.5,
     fontWeight: 400,
-    fontSize: pxToRem(12)
+    fontSize: t(12)
   },
   caption: {
     lineHeight: 1.5,
-    fontSize: pxToRem(11)
+    fontSize: t(11)
   },
   overline: {
     fontWeight: 700,
     lineHeight: 1.5,
-    fontSize: pxToRem(12),
+    fontSize: t(12),
     textTransform: "uppercase"
   },
   button: {
     fontWeight: 700,
     lineHeight: 24 / 14,
-    fontSize: pxToRem(14),
+    fontSize: t(14),
     textTransform: "capitalize"
   }
 };
-export { typography as t };
+export {
+  o as t
+};

package/utils/index.d8b24456.js

@@ -0,0 +1,107 @@
+import { useTheme as h } from "@mui/material/styles";
+import { u as m } from "../hooks/useResponsive/index.fc5e1b4f.js";
+import { p as s } from "../theme/palette.2baf72f5.js";
+function u(e) {
+  return Math.round(parseFloat(e) * 16);
+}
+function a(e) {
+  return `${e / 16}rem`;
+}
+function P({ sm: e, md: t, lg: r }) {
+  return {
+    "@media (min-width:600px)": {
+      fontSize: a(e)
+    },
+    "@media (min-width:900px)": {
+      fontSize: a(t)
+    },
+    "@media (min-width:1200px)": {
+      fontSize: a(r)
+    }
+  };
+}
+function f() {
+  return [...h().breakpoints.keys].reverse().reduce((r, o) => {
+    const i = m("up", o);
+    return !r && i ? o : r;
+  }, null) || "xs";
+}
+function T(e) {
+  const t = h(), r = f(), o = t.breakpoints.up(r === "xl" ? "lg" : r), p = (e === "h1" || e === "h2" || e === "h3" || e === "h4" || e === "h5" || e === "h6") && t.typography[e][o] ? t.typography[e][o] : t.typography[e], c = u(p.fontSize), l = Number(t.typography[e].lineHeight) * c, { fontWeight: g, letterSpacing: d } = t.typography[e];
+  return { fontSize: c, lineHeight: l, fontWeight: g, letterSpacing: d };
+}
+const n = [
+  {
+    name: "default",
+    ...s.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: s.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: s.light.grey[800]
+  },
+  {
+    name: "red",
+    lighter: "#FFE3D5",
+    light: "#FFC1AC",
+    main: "#FF3030",
+    dark: "#B71833",
+    darker: "#7A0930",
+    contrastText: "#fff"
+  }
+], F = n[0], y = n[1], k = n[2], x = n[3], D = n[4], S = n[5];
+function b(e) {
+  return {
+    purple: y,
+    cyan: k,
+    blue: x,
+    orange: D,
+    red: S,
+    default: F
+  }[e];
+}
+const z = (e) => e && e[0].toUpperCase() + e.slice(1) || "";
+export {
+  z as C,
+  T as a,
+  n as c,
+  F as d,
+  b as g,
+  a as p,
+  P as r
+};

package/components/ProgressBarStyle/index.js

@@ -1,34 +0,0 @@
-import { useTheme } from "@mui/material/styles";
-import { GlobalStyles } from "@mui/material";
-import { jsx } from "react/jsx-runtime";
-function ProgressBarStyle() {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(GlobalStyles, {
-    styles: {
-      "#nprogress": {
-        pointerEvents: "none",
-        "& .bar": {
-          top: 0,
-          left: 0,
-          height: 2,
-          width: "100%",
-          position: "fixed",
-          zIndex: theme.zIndex.snackbar,
-          backgroundColor: theme.palette.primary.main,
-          boxShadow: `0 0 2px ${theme.palette.primary.main}`
-        },
-        "& .peg": {
-          right: 0,
-          opacity: 1,
-          width: 100,
-          height: "100%",
-          display: "block",
-          position: "absolute",
-          transform: "rotate(3deg) translate(0px, -4px)",
-          boxShadow: `0 0 10px ${theme.palette.primary.main}, 0 0 5px ${theme.palette.primary.main}`
-        }
-      }
-    }
-  });
-}
-export { ProgressBarStyle as P };

package/contexts/HostThemeContext/index.js

@@ -1,69 +0,0 @@
-import { createContext, useState, useMemo, useCallback, useEffect } from "react";
-import { CssBaseline } from "@mui/material";
-import { createTheme, StyledEngineProvider, ThemeProvider } from "@mui/material/styles";
-import { voidFunction, useHostTools, EmitEvents } from "@m4l/core";
-import { jsx, jsxs } from "react/jsx-runtime";
-const initialValue = {
-  hostThemeOptions: {},
-  fnComponentsOverrides: voidFunction
-};
-const HostThemeContext = createContext(initialValue);
-function HostThemeProvider(props) {
-  const {
-    children,
-    hostThemeOptions,
-    fnComponentsOverrides,
-    isMicroFrontEnd
-  } = props;
-  const [finalThemeOptions, setFinalThemeOptions] = useState(hostThemeOptions);
-  const {
-    events_add_listener,
-    events_remove_listener,
-    events_emit
-  } = useHostTools();
-  const [isFirstTime, setIsFirstTime] = useState(true);
-  const finalTheme = useMemo(() => {
-    const theme = createTheme(finalThemeOptions);
-    theme.components = fnComponentsOverrides(theme);
-    return theme;
-  }, [finalThemeOptions]);
-  const onUpdateOverrides = useCallback((newThemeOptions) => {
-    setFinalThemeOptions(newThemeOptions);
-  }, []);
-  useEffect(() => {
-    if (isMicroFrontEnd) {
-      events_add_listener(EmitEvents.EMMIT_EVENT_HOST_THEME_CHANGE, onUpdateOverrides);
-    }
-    return () => {
-      if (isMicroFrontEnd) {
-        events_remove_listener("host_theme_change", onUpdateOverrides);
-      }
-    };
-  }, []);
-  useEffect(() => {
-    if (isFirstTime) {
-      setIsFirstTime(false);
-      return;
-    }
-    if (!isMicroFrontEnd) {
-      setFinalThemeOptions(hostThemeOptions);
-      events_emit(EmitEvents.EMMIT_EVENT_HOST_THEME_CHANGE, hostThemeOptions);
-    }
-  }, [hostThemeOptions]);
-  return /* @__PURE__ */ jsx(HostThemeContext.Provider, {
-    value: {
-      hostThemeOptions: finalThemeOptions,
-      fnComponentsOverrides
-    },
-    children: /* @__PURE__ */ jsx(StyledEngineProvider, {
-      injectFirst: true,
-      children: /* @__PURE__ */ jsxs(ThemeProvider, {
-        theme: finalTheme,
-        children: [/* @__PURE__ */ jsx(CssBaseline, {
-          enableColorScheme: true
-        }), children]
-      })
-    })
-  });
-}
-export { HostThemeContext as H, HostThemeProvider as a };

package/contexts/LocalesContext/index.js

@@ -1,55 +0,0 @@
-import { createContext, useMemo, useState } from "react";
-import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns";
-import { LocalizationProvider } from "@mui/x-date-pickers";
-import esLocale from "date-fns/locale/es";
-import frLocale from "date-fns/locale/fr";
-import enLocale from "date-fns/locale/en-US";
-import { useLocalStorage, useEnvironment } from "@m4l/core";
-import { jsx } from "react/jsx-runtime";
-const LocalesContext = createContext(null);
-function LocalesProvider({
-  children
-}) {
-  const [langStorage, setLangStorage] = useLocalStorage("langStorage", "en");
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const LANGS = useMemo(() => [{
-    label: "English",
-    value: "en",
-    locale: enLocale,
-    icon: `${host_static_assets}/${environment_assets}/frontend/commons/assets/icons/langs/lang_en.svg`
-  }, {
-    label: "Espa\xF1ol",
-    value: "es",
-    locale: esLocale,
-    icon: `${host_static_assets}/${environment_assets}/frontend/commons/assets/icons/langs/lang_es.svg`
-  }, {
-    label: "French",
-    value: "fr",
-    locale: frLocale,
-    icon: `${host_static_assets}/${environment_assets}/frontend/commons/assets/icons/langs/lang_fr.svg`
-  }], []);
-  const [currentLang, setCurrentLang] = useState(LANGS.find((_lang) => _lang.value === langStorage) || LANGS[0]);
-  const onChangeLang = (newlang) => {
-    setLangStorage(newlang);
-    setCurrentLang(LANGS.find((_lang) => _lang.value === newlang) || LANGS[0]);
-  };
-  return /* @__PURE__ */ jsx(LocalesContext.Provider, {
-    value: {
-      currentLang,
-      onChangeLang,
-      allLang: LANGS
-    },
-    children: /* @__PURE__ */ jsx(LocalizationProvider, {
-      dateAdapter: AdapterDateFns,
-      adapterLocale: currentLang.locale,
-      dateFormats: {
-        hours24h: "23"
-      },
-      children
-    })
-  });
-}
-export { LocalesContext as L, LocalesProvider as a };

package/contexts/index.js

@@ -1,2 +0,0 @@
-import "./LocalesContext/index.js";
-import "./HostThemeContext/index.js";

package/hooks/index.js

@@ -1,33 +0,0 @@
-import { useRef, useEffect, useState } from "react";
-import "@mui/material/styles";
-import "@mui/material/useMediaQuery";
-import "../contexts/LocalesContext/index.js";
-import "../contexts/HostThemeContext/index.js";
-function useIsMountedRef() {
-  const isMounted = useRef(true);
-  useEffect(
-    () => () => {
-      isMounted.current = false;
-    },
-    []
-  );
-  return isMounted;
-}
-function useOffSetTop(top) {
-  const [offsetTop, setOffSetTop] = useState(false);
-  const isTop = top || 100;
-  useEffect(() => {
-    window.onscroll = () => {
-      if (window.pageYOffset > isTop) {
-        setOffSetTop(true);
-      } else {
-        setOffSetTop(false);
-      }
-    };
-    return () => {
-      window.onscroll = null;
-    };
-  }, [isTop]);
-  return offsetTop;
-}
-export { useOffSetTop as a, useIsMountedRef as u };

package/hooks/useHostTheme/index.js

@@ -1,9 +0,0 @@
-import { useContext } from "react";
-import { H as HostThemeContext } from "../../contexts/HostThemeContext/index.js";
-const useHostTheme = () => {
-  const context = useContext(HostThemeContext);
-  if (!context)
-    throw new Error("useHostTheme context must be use inside HostThemeProvider");
-  return context;
-};
-export { useHostTheme as u };

package/hooks/useLocales/index.js

@@ -1,9 +0,0 @@
-import { useContext } from "react";
-import { L as LocalesContext } from "../../contexts/LocalesContext/index.js";
-const useLocales = () => {
-  const context = useContext(LocalesContext);
-  if (!context)
-    throw new Error("useLocales context must be use inside LocalesProvider");
-  return context;
-};
-export { useLocales as u };

package/hooks/useResponsive/index.js

@@ -1,26 +0,0 @@
-import { useTheme } from "@mui/material/styles";
-import useMediaQuery from "@mui/material/useMediaQuery";
-function useResponsive(query, key, start, end) {
-  const theme = useTheme();
-  const mediaUp = useMediaQuery(theme.breakpoints.up(key));
-  const mediaDown = useMediaQuery(theme.breakpoints.down(key));
-  const mediaBetween = useMediaQuery(theme.breakpoints.between(start, end));
-  const mediaOnly = useMediaQuery(theme.breakpoints.only(key));
-  if (query === "up") {
-    return mediaUp;
-  }
-  if (query === "down") {
-    return mediaDown;
-  }
-  if (query === "between") {
-    return mediaBetween;
-  }
-  if (query === "only") {
-    return mediaOnly;
-  }
-}
-function useResponsiveDesktop() {
-  const isDesktop = useResponsive("up", "sm");
-  return isDesktop;
-}
-export { useResponsiveDesktop as a, useResponsive as u };

package/theme/defaultThemeOptions.js

@@ -1,32 +0,0 @@
-import { alpha } from "@mui/material/styles";
-import { t as typography } from "./typography.js";
-import { p as palette, G as GREY } from "./palette.js";
-import { s as shadows, c as customShadows } from "./shadows.js";
-import { g as getColorPresets } from "../utils/index.js";
-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"
-    }
-  }
-};
-export { defaultThemeOptions as d };