@m4l/graphics 3.0.1 → 3.0.3

package/components/GlobalStyle/index-C3p7OfnO.js

@@ -0,0 +1,82 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useTheme as o } from "@mui/material/styles";
+import { GlobalStyles as a } from "@mui/material";
+import { globalRemSize as r } from "@m4l/styles";
+function s() {
+  const t = o();
+  return /* @__PURE__ */ e(
+    a,
+    {
+      styles: {
+        body: {
+          textRendering: "geometricPrecision",
+          width: "100%",
+          height: "100vh",
+          "input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active": {
+            color: t.vars.palette.text.primary
+          },
+          "*::-webkit-scrollbar": {
+            // camino de la barra con radio
+            width: "7px",
+            height: "7px",
+            borderRadius: "3px",
+            backgroundColor: "transparent"
+          },
+          "*::-webkit-scrollbar-track": {
+            // Camino de la barrra sin radio
+            backgroundColor: "transparent",
+            border: "0px solid transparent"
+          },
+          "*::-webkit-scrollbar-corner": {
+            backgroundColor: "transparent"
+          },
+          // FireFox
+          // scrollbarColor: `${theme.vars.palette.primary.main} white`,
+          // scrollbarWidth: 'thin',
+          // Chrome
+          "*::-webkit-scrollbar-thumb": {
+            // barra que se mueve
+            background: t.vars.palette.general.scrollBar,
+            borderRadius: "2px!important"
+          },
+          "& #root": {
+            width: "100%",
+            height: "100%"
+          }
+        },
+        "#nprogress": {
+          pointerEvents: "none",
+          "& .bar": {
+            top: 0,
+            left: 0,
+            height: 2,
+            width: "100%",
+            position: "fixed",
+            zIndex: t.zIndex.snackbar,
+            backgroundColor: t.vars.palette.primary.main,
+            boxShadow: `0 0 2px ${t.vars.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 ${t.vars.palette.primary.main}, 0 0 5px ${t.vars.palette.primary.main}`
+          }
+        },
+        "& html": {
+          fontSize: r.desktop,
+          [t.breakpoints.down("sm")]: {
+            fontSize: r.mobile
+          }
+        }
+      }
+    }
+  );
+}
+export {
+  s as G
+};

package/contexts/FormatterContext/index-Ch6IW7j8.js

@@ -0,0 +1,74 @@
+import { jsx as D } from "react/jsx-runtime";
+import { createContext as C, useState as k, useCallback as p, useEffect as v } from "react";
+import { useHostTools as R, usePropageteMF as h, EmitEvents as f } from "@m4l/core";
+import { u as V } from "../../hooks/useFirstRender/index-B-Q0TTn0.js";
+const x = C(null);
+function I(T) {
+  const { children: b, isMicroFrontEnd: F, currencyFormatter: l, numberFormatter: M, dateFormatter: t } = T, r = l?.decimalDigits || 0, o = l?.code || "USD", a = M?.decimalSymbol || 0.1.toLocaleString().substring(1, 2), s = M?.thousandsSymbol || 1e3.toLocaleString().substring(1, 2), m = t?.dateFormat || "yyyy-MM-dd", n = t?.dateMask || "____-__-__", c = t?.datetimeFormat || "yyyy-MM-dd HH:mm:ss", i = t?.datetimeMask || "____-__-__ __:__:__", _ = t?.timeFormat || "HH:mm:ss", d = t?.timeMask || "__:__:__", u = t?.formatDate || (() => {
+    throw new Error("Incorrect use of formatDate");
+  }), y = V(), { events_emit: g } = R(), [H, E] = k({
+    currencyFormatter: {
+      decimalDigits: r,
+      code: o
+    },
+    numberFormatter: { decimalSymbol: a, thousandsSymbol: s },
+    dateFormatter: {
+      dateFormat: m,
+      dateMask: n,
+      datetimeFormat: c,
+      datetimeMask: i,
+      timeFormat: _,
+      timeMask: d,
+      formatDate: u
+    }
+  }), S = p((e) => {
+    E(e);
+  }, []);
+  return h({
+    isMicroFrontEnd: F,
+    event: f.EMMIT_EVENT_HOST_FORMATTER_CHANGE,
+    setHandler: S
+  }), v(() => {
+    if (F || y)
+      return;
+    const e = {
+      currencyFormatter: { decimalDigits: r, code: o },
+      numberFormatter: { decimalSymbol: a, thousandsSymbol: s },
+      dateFormatter: {
+        dateFormat: m,
+        dateMask: n,
+        datetimeFormat: c,
+        datetimeMask: i,
+        timeFormat: _,
+        timeMask: d,
+        formatDate: u
+      }
+    };
+    E(e), g(f.EMMIT_EVENT_HOST_FORMATTER_CHANGE, e);
+  }, [
+    y,
+    o,
+    r,
+    a,
+    s,
+    m,
+    n,
+    c,
+    i,
+    _,
+    d,
+    u
+  ]), /* @__PURE__ */ D(
+    x.Provider,
+    {
+      value: {
+        ...H
+      },
+      children: b
+    }
+  );
+}
+export {
+  x as F,
+  I as a
+};

package/contexts/HostThemeContext/index-BMSwOCtA.js

@@ -0,0 +1,44 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { createContext as c, useMemo as h } from "react";
+import { CssBaseline as d } from "@mui/material";
+import { G as p } from "../../components/GlobalStyle/index-C3p7OfnO.js";
+import { createTheme as x, experimental_extendTheme as f, Experimental_CssVarsProvider as u, StyledEngineProvider as T } from "@mui/material/styles";
+const v = c(null);
+function j(m) {
+  const { children: l, hostThemeOptions: o, fnComponentsOverrides: n, isMobile: s } = m, a = h(() => {
+    const e = x({
+      ...o
+    }), r = f({
+      cssVarPrefix: "m4l",
+      colorSchemes: {
+        light: e,
+        finalTheme: e,
+        dark: e
+      },
+      generalSettings: {
+        isMobile: s
+      }
+    });
+    return r.components = n(r), r;
+  }, [s]);
+  return /* @__PURE__ */ i(u, { theme: a, children: [
+    /* @__PURE__ */ t(p, {}),
+    /* @__PURE__ */ t(
+      v.Provider,
+      {
+        value: {
+          hostThemeOptions: o,
+          fnComponentsOverrides: n
+        },
+        children: /* @__PURE__ */ i(T, { injectFirst: !0, children: [
+          /* @__PURE__ */ t(d, { enableColorScheme: !0 }),
+          l
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  v as H,
+  j as a
+};

package/contexts/LocalesContext/{index--VwMF60R.js → index-C89UlO0s.js}

@@ -1,13 +1,13 @@
-import { createContext as k, useState as E, useCallback as x, useEffect as _ } from "react";
+import { jsx as E } from "react/jsx-runtime";
+import { createContext as k, useState as _, useCallback as x, useEffect as L } from "react";
 import { AdapterDateFns as F } from "@mui/x-date-pickers/AdapterDateFns";
 import { LocalizationProvider as U } from "@mui/x-date-pickers";
 import { useEnvironment as P, useNetwork as I, useHostTools as j, useLocalStorageWithListener as w, EmitEvents as u } from "@m4l/core";
-import L from "date-fns/locale/en-US";
-import { jsx as S } from "react/jsx-runtime";
+import S from "date-fns/locale/en-US";
 async function B(t, e, o) {
   const s = g(t), r = { ...t };
   let i;
-  return s === "es" ? i = (await import("date-fns/locale/es")).default : s === "fr" ? i = (await import("date-fns/locale/fr")).default : s === "en-US" ? i = L : (i = L, r.lang = "en", r.script = void 0, r.region = "US", r.url_icon = `${e}/${o}/frontend/commons/assets/icons/langs/lang_en.svg`, r.name = "English US*"), {
+  return s === "es" ? i = (await import("date-fns/locale/es")).default : s === "fr" ? i = (await import("date-fns/locale/fr")).default : s === "en-US" ? i = S : (i = S, r.lang = "en", r.script = void 0, r.region = "US", r.url_icon = `${e}/${o}/frontend/commons/assets/icons/langs/lang_en.svg`, r.name = "English US*"), {
     ...r,
     module: i,
     localeString: g(r)
@@ -35,46 +35,35 @@ function y(t) {
 }
 const G = k(null);
 function J(t) {
-  const {
-    children: e,
-    isMicroFrontEnd: o,
-    localeHost: s,
-    getLocaleFromNetwork: r
-  } = t;
+  const { children: e, isMicroFrontEnd: o, localeHost: s, getLocaleFromNetwork: r } = t;
   if (o && !s)
     throw Error("Must set localeHost in microfrontend");
   if (!o && !r)
     throw Error("Must set getLocaleFromNetwork in host");
-  const {
-    domain_token: i,
-    host_static_assets: v,
-    environment_assets: h
-  } = P(), {
-    networkOperation: C
-  } = I(), {
-    events_add_listener: N,
-    events_remove_listener: T,
-    events_emit: H
-  } = j(), [a, f] = E(() => {
+  const { domain_token: i, host_static_assets: v, environment_assets: h } = P(), { networkOperation: C } = I(), { events_add_listener: N, events_remove_listener: T, events_emit: H } = j(), [a, f] = _(() => {
     if (o)
       return s;
-  }), [l, m] = w("localeHost", navigator.language), [M, A] = E(""), d = x((n) => {
+  }), [l, m] = w(
+    "localeHost",
+    navigator.language
+  ), [M, A] = _(""), d = x((n) => {
     f(n);
   }, []);
-  if (_(() => (o && N(u.EMMIT_EVENT_HOST_LOCALE_CHANGE, d), () => {
+  if (L(() => (o && N(u.EMMIT_EVENT_HOST_LOCALE_CHANGE, d), () => {
     o && T(u.EMMIT_EVENT_HOST_LOCALE_CHANGE, d);
-  }), []), _(() => {
+  }), []), L(() => {
     let n = !0;
     if (!o && r && !(l === M && l !== ""))
       return C({
         method: "POST",
         endPoint: "na/locales",
-        data: {
-          ...y(l),
-          domain_token: i
-        }
+        data: { ...y(l), domain_token: i }
       }).then((p) => {
-        n && r(p.data, v, h).then((c) => {
+        n && r(
+          p.data,
+          v,
+          h
+        ).then((c) => {
           f(c), A(c.localeString), l !== c.localeString && m(c.localeString), H(u.EMMIT_EVENT_HOST_LOCALE_CHANGE, c);
         });
       }).finally(() => {
@@ -86,20 +75,24 @@ function J(t) {
   const O = (n) => {
     (n.lang !== a.lang || n.script !== a.script || n.region !== a.region) && m(g(n));
   };
-  return /* @__PURE__ */ S(G.Provider, {
-    value: {
-      currentLocale: a,
-      onChangeLocale: O
-    },
-    children: /* @__PURE__ */ S(U, {
-      dateAdapter: F,
-      adapterLocale: a.module,
-      dateFormats: {
-        hours24h: "23"
+  return /* @__PURE__ */ E(
+    G.Provider,
+    {
+      value: {
+        currentLocale: a,
+        onChangeLocale: O
       },
-      children: e
-    })
-  });
+      children: /* @__PURE__ */ E(
+        U,
+        {
+          dateAdapter: F,
+          adapterLocale: a.module,
+          dateFormats: { hours24h: "23" },
+          children: e
+        }
+      )
+    }
+  );
 }
 export {
   G as L,

package/contexts/{index-B5tlaHe1.js → index-DEyJidab.js}

@@ -1,6 +1,6 @@
-import { createContext as S, useRef as f, useMemo as R, useLayoutEffect as k, useEffect as P } from "react";
-import { c as T, d as C, i as v, l as O } from "../node_modules-BHhXVwYT.js";
-import { jsx as y } from "react/jsx-runtime";
+import { jsx as S } from "react/jsx-runtime";
+import { createContext as f, useRef as T, useMemo as R, useLayoutEffect as k, useEffect as P } from "react";
+import { c as C, d as v, i as y, l as O } from "../node_modules-BHhXVwYT.js";
 import { useNetwork as x, useLocalStorageWithListener as M } from "@m4l/core";
 import { getPaletteByPreset as w, typography as E, shadows as d, getColorPresets as L, createCustomShadows as B, defaultThemeOptions as A, presetsOptions as D } from "@m4l/styles";
 import { alpha as z } from "@mui/system";
@@ -9,9 +9,9 @@ const g = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, j = (r) => {
   const n = {
     ...r
   };
-  return T(
-    C(
-      v((o, t) => ({
+  return C(
+    v(
+      y((o, t) => ({
         ...n,
         responsiveContainerActions: {
           setBreakpoint: (e) => {
@@ -24,11 +24,8 @@ const g = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, j = (r) => {
       { name: "Responsive Relative Store" }
     )
   );
-}, W = S(null), F = (r) => {
-  const {
-    children: n,
-    observedDivRef: o
-  } = r, t = f();
+}, W = f(null), F = (r) => {
+  const { children: n, observedDivRef: o } = r, t = T();
   t.current || (t.current = j({
     breakPoint: "md",
     isUpSm: !1,
@@ -37,35 +34,37 @@ const g = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, j = (r) => {
   const e = () => {
     const s = o;
     if (s instanceof HTMLElement && s.clientWidth) {
-      const a = Object.keys(g);
-      for (let h = 0; h < a.length; h++) {
-        const u = a[h];
+      const h = Object.keys(
+        g
+      );
+      for (let a = 0; a < h.length; a++) {
+        const u = h[a];
         if (s.clientWidth <= g[u]) {
           t.current?.getState().responsiveContainerActions.setBreakpoint(u);
           break;
-        } else h === a.length - 1 && s.clientWidth >= g[u] && t.current?.getState().responsiveContainerActions.setBreakpoint(u);
+        } else a === h.length - 1 && s.clientWidth >= g[u] && t.current?.getState().responsiveContainerActions.setBreakpoint(u);
       }
     }
-  }, i = R(() => O.throttle(e, 200, {
-    leading: !1,
-    trailing: !0
-  }), [e]);
+  }, i = R(
+    () => O.throttle(e, 200, {
+      leading: !1,
+      trailing: !0
+    }),
+    [e]
+  );
   return k(() => {
     const s = () => {
       i();
-    }, a = o;
-    if (a && a instanceof Element) {
-      const h = new ResizeObserver((u) => {
+    }, h = o;
+    if (h && h instanceof Element) {
+      const a = new ResizeObserver((u) => {
         s();
       });
-      return h.observe(a), () => {
-        h.disconnect();
+      return a.observe(h), () => {
+        a.disconnect();
       };
     }
-  }, [o]), /* @__PURE__ */ y(W.Provider, {
-    value: t.current,
-    children: n
-  });
+  }, [o]), /* @__PURE__ */ S(W.Provider, { value: t.current, children: n });
 }, p = {
   themeMode: "light",
   themeDirection: "ltr",
@@ -88,45 +87,42 @@ function b(r, n = "m4l") {
     } else typeof e == "object" && e !== null && b(e, `${n}-${t}`);
   });
 }
-const m = {
+const l = {
   mainChannel: "",
   lightChannel: "",
   darkChannel: "",
   contrastTextChannel: ""
 }, c = (r) => {
-  const n = r.currentThemeSettings || p, o = n.themeMode === "light", t = w(n.themeColorPresets), e = o ? t.light : t.dark, i = n.isMobile;
+  const n = r.currentThemeSettings || p, o = n.themeMode === "light", t = w(n.themeColorPresets), e = o ? t.light : t.dark;
   r.themeOptions = {
     ...r.themeOptions,
     typography: E,
-    generalSettings: {
-      isMobile: i
-    },
     palette: {
       ...r.themeOptions?.palette ?? {},
       ...e,
       primary: {
         ...e.primary,
-        ...m
+        ...l
       },
       secondary: {
         ...e.secondary,
-        ...m
+        ...l
       },
       info: {
         ...e.info,
-        ...m
+        ...l
       },
       error: {
         ...e.error,
-        ...m
+        ...l
       },
       success: {
         ...e.success,
-        ...m
+        ...l
       },
       warning: {
         ...e.warning,
-        ...m
+        ...l
       },
       text: {
         ...e.text,
@@ -163,11 +159,11 @@ const m = {
     },
     stretch: n.themeStretch
   }, b(r.themeOptions);
-}, l = (r) => {
+}, m = (r) => {
   r.setterThemeSettings && r.setterThemeSettings(r.currentThemeSettings);
-}, _ = (r) => T(
-  C(
-    v((n, o) => ({
+}, _ = (r) => C(
+  v(
+    y((n, o) => ({
       ...r,
       settingsActions: {
         init: () => {
@@ -177,7 +173,7 @@ const m = {
         },
         setThemeSettings: (t) => {
           n((e) => {
-            e.currentThemeSettings = { ...e.currentThemeSettings, ...t }, l(e), c(e);
+            e.currentThemeSettings = { ...e.currentThemeSettings, ...t }, m(e), c(e);
           });
         },
         onChangeMode: (t) => {
@@ -185,7 +181,7 @@ const m = {
             e.currentThemeSettings = {
               ...e.currentThemeSettings,
               themeMode: t.target.value
-            }, l(e), c(e);
+            }, m(e), c(e);
           });
         },
         handleOpen: () => {
@@ -198,7 +194,7 @@ const m = {
             e.currentThemeSettings = {
               ...e.currentThemeSettings,
               themeDirection: t.target.value
-            }, l(e), c(e);
+            }, m(e), c(e);
           });
         },
         onChangeColor: (t) => {
@@ -206,7 +202,7 @@ const m = {
             e.currentThemeSettings = {
               ...e.currentThemeSettings,
               themeColorPresets: t.target.value
-            }, l(e), c(e);
+            }, m(e), c(e);
           });
         },
         onChangeLayout: (t) => {
@@ -214,7 +210,7 @@ const m = {
             e.currentThemeSettings = {
               ...e.currentThemeSettings,
               themeLayout: t.target.value
-            }, l(e), c(e);
+            }, m(e), c(e);
           });
         },
         onToggleStretch: () => {
@@ -222,28 +218,26 @@ const m = {
             t.currentThemeSettings = {
               ...t.currentThemeSettings,
               themeStretch: !t.currentThemeSettings.themeStretch
-            }, l(t), c(t);
+            }, m(t), c(t);
           });
         },
         onResetSetting: () => {
           n((t) => {
             t.currentThemeSettings = {
               ...p
-            }, l(t), c(t);
+            }, m(t), c(t);
           });
         }
       }
     })),
     { name: "ThemeSettingsStore" }
   )
-), N = S(null);
-function G({
-  children: r,
-  themeSettings: n
-}) {
-  const {
-    networkOperation: o
-  } = x(), t = $(), [e, i] = M("theme_setting", {}), s = f();
+), N = f(null);
+function G({ children: r, themeSettings: n }) {
+  const { networkOperation: o } = x(), t = $(), [e, i] = M(
+    "theme_setting",
+    {}
+  ), s = T();
   return s.current || (s.current = _({
     networkOperation: o,
     currentThemeSettings: {
@@ -256,13 +250,8 @@ function G({
     open: !1,
     setterThemeSettings: n ? void 0 : i
   }), s.current.getState().settingsActions.init()), P(() => {
-    s.current?.getState().settingsActions.setThemeSettings({
-      isMobile: t
-    });
-  }, [t]), /* @__PURE__ */ y(N.Provider, {
-    value: s.current,
-    children: r
-  });
+    s.current?.getState().settingsActions.setThemeSettings({ isMobile: t });
+  }, [t]), /* @__PURE__ */ S(N.Provider, { value: s.current, children: r });
 }
 export {
   W as R,

package/hooks/{index-Ds71tnc2.js → index-Y3uj_IzK.js}

@@ -1,7 +1,7 @@
 import { useRef as n, useEffect as r, useState as i, useContext as u, useLayoutEffect as c } from "react";
-import { H as m } from "../contexts/HostThemeContext/index-L-9XyXob.js";
+import { H as m } from "../contexts/HostThemeContext/index-BMSwOCtA.js";
 import { u as a } from "../node_modules-BHhXVwYT.js";
-import { T as l } from "../contexts/index-B5tlaHe1.js";
+import { T as l } from "../contexts/index-DEyJidab.js";
 function S() {
   const e = n(!0);
   return r(

package/hooks/useFormatter/{index-DfdAcbzw.js → index-BBgQ4lJL.js}

@@ -1,5 +1,5 @@
 import { useContext as r } from "react";
-import { F as e } from "../../contexts/FormatterContext/index-BHG3bJJo.js";
+import { F as e } from "../../contexts/FormatterContext/index-Ch6IW7j8.js";
 const m = () => {
   const t = r(e);
   if (!t) throw new Error("useFormatter context must be use inside FormatterProvider");

package/hooks/useLocales/{index-mTHn9nqY.js → index-_thMBNE7.js}

@@ -1,5 +1,5 @@
 import { useContext as o } from "react";
-import { L as t } from "../../contexts/LocalesContext/index--VwMF60R.js";
+import { L as t } from "../../contexts/LocalesContext/index-C89UlO0s.js";
 const n = () => {
   const e = o(t);
   if (!e) throw new Error("useLocales context must be use inside LocalesProvider");

package/hooks/useResponsive/{index-2q6r6mFX.js → index-Dki-WJi8.js}

@@ -1,6 +1,6 @@
 import { useContext as t } from "react";
 import { u as r } from "../../node_modules-BHhXVwYT.js";
-import { R as n } from "../../contexts/index-B5tlaHe1.js";
+import { R as n } from "../../contexts/index-DEyJidab.js";
 import { useResponsive as i } from "@m4l/styles";
 function f(e, s) {
   const o = t(n);

package/index.js

@@ -1,13 +1,13 @@
-import { G as s } from "./components/GlobalStyle/index-BwMNLyTC.js";
-import { L as r, a, g as i } from "./contexts/LocalesContext/index--VwMF60R.js";
-import { F as m, a as p } from "./contexts/FormatterContext/index-BHG3bJJo.js";
-import { R as x, a as f, T as d, b as l, d as v } from "./contexts/index-B5tlaHe1.js";
-import { H as T, a as g } from "./contexts/HostThemeContext/index-L-9XyXob.js";
+import { G as s } from "./components/GlobalStyle/index-C3p7OfnO.js";
+import { L as r, a, g as i } from "./contexts/LocalesContext/index-C89UlO0s.js";
+import { F as m, a as p } from "./contexts/FormatterContext/index-Ch6IW7j8.js";
+import { R as x, a as f, T as d, b as l, d as v } from "./contexts/index-DEyJidab.js";
+import { H as T, a as g } from "./contexts/HostThemeContext/index-BMSwOCtA.js";
 import { u as R } from "./hooks/useFirstRender/index-B-Q0TTn0.js";
-import { u as c } from "./hooks/useFormatter/index-DfdAcbzw.js";
-import { b as P, u as b, a as L, c as H, d as k } from "./hooks/index-Ds71tnc2.js";
-import { u as z } from "./hooks/useLocales/index-mTHn9nqY.js";
-import { u as I, a as M } from "./hooks/useResponsive/index-2q6r6mFX.js";
+import { u as c } from "./hooks/useFormatter/index-BBgQ4lJL.js";
+import { b as P, u as b, a as L, c as H, d as k } from "./hooks/index-Y3uj_IzK.js";
+import { u as z } from "./hooks/useLocales/index-_thMBNE7.js";
+import { u as I, a as M } from "./hooks/useResponsive/index-Dki-WJi8.js";
 import { u as y } from "./hooks/useIsMobile/index-Bro0dV28.js";
 import { C as D, g as E } from "./utils/index-DZG6QXjf.js";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/graphics",
-  "version": "3.0.1",
+  "version": "3.0.3",
   "license": "UNLICENSED",
   "author": "M4L Team*",
   "dependencies": {

package/vite-env.d.ts

@@ -1 +1 @@
-/// <reference types="vite/client" />
+/// <reference types="vite/client" />

package/components/GlobalStyle/index-BwMNLyTC.js

@@ -1,79 +0,0 @@
-import { useTheme as e } from "@mui/material/styles";
-import { GlobalStyles as o } from "@mui/material";
-import { globalRemSize as r } from "@m4l/styles";
-import { jsx as a } from "react/jsx-runtime";
-function s() {
-  const t = e();
-  return /* @__PURE__ */ a(o, {
-    styles: {
-      body: {
-        textRendering: "geometricPrecision",
-        width: "100%",
-        height: "100vh",
-        "input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active": {
-          color: t.vars.palette.text.primary
-        },
-        "*::-webkit-scrollbar": {
-          // camino de la barra con radio
-          width: "7px",
-          height: "7px",
-          borderRadius: "3px",
-          backgroundColor: "transparent"
-        },
-        "*::-webkit-scrollbar-track": {
-          // Camino de la barrra sin radio
-          backgroundColor: "transparent",
-          border: "0px solid transparent"
-        },
-        "*::-webkit-scrollbar-corner": {
-          backgroundColor: "transparent"
-        },
-        // FireFox
-        // scrollbarColor: `${theme.vars.palette.primary.main} white`,
-        // scrollbarWidth: 'thin',
-        // Chrome
-        "*::-webkit-scrollbar-thumb": {
-          // barra que se mueve
-          background: t.vars.palette.general.scrollBar,
-          borderRadius: "2px!important"
-        },
-        "& #root": {
-          width: "100%",
-          height: "100%"
-        }
-      },
-      "#nprogress": {
-        pointerEvents: "none",
-        "& .bar": {
-          top: 0,
-          left: 0,
-          height: 2,
-          width: "100%",
-          position: "fixed",
-          zIndex: t.zIndex.snackbar,
-          backgroundColor: t.vars.palette.primary.main,
-          boxShadow: `0 0 2px ${t.vars.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 ${t.vars.palette.primary.main}, 0 0 5px ${t.vars.palette.primary.main}`
-        }
-      },
-      "& html": {
-        fontSize: r.desktop,
-        [t.breakpoints.down("sm")]: {
-          fontSize: r.mobile
-        }
-      }
-    }
-  });
-}
-export {
-  s as G
-};

package/contexts/FormatterContext/index-BHG3bJJo.js

@@ -1,75 +0,0 @@
-import { createContext as D, useState as C, useCallback as k, useEffect as p } from "react";
-import { useHostTools as v, usePropageteMF as R, EmitEvents as f } from "@m4l/core";
-import { u as h } from "../../hooks/useFirstRender/index-B-Q0TTn0.js";
-import { jsx as V } from "react/jsx-runtime";
-const x = D(null);
-function I(T) {
-  const {
-    children: b,
-    isMicroFrontEnd: F,
-    currencyFormatter: l,
-    numberFormatter: M,
-    dateFormatter: t
-  } = T, r = l?.decimalDigits || 0, o = l?.code || "USD", a = M?.decimalSymbol || 0.1.toLocaleString().substring(1, 2), s = M?.thousandsSymbol || 1e3.toLocaleString().substring(1, 2), m = t?.dateFormat || "yyyy-MM-dd", n = t?.dateMask || "____-__-__", c = t?.datetimeFormat || "yyyy-MM-dd HH:mm:ss", i = t?.datetimeMask || "____-__-__ __:__:__", _ = t?.timeFormat || "HH:mm:ss", d = t?.timeMask || "__:__:__", u = t?.formatDate || (() => {
-    throw new Error("Incorrect use of formatDate");
-  }), y = h(), {
-    events_emit: g
-  } = v(), [H, E] = C({
-    currencyFormatter: {
-      decimalDigits: r,
-      code: o
-    },
-    numberFormatter: {
-      decimalSymbol: a,
-      thousandsSymbol: s
-    },
-    dateFormatter: {
-      dateFormat: m,
-      dateMask: n,
-      datetimeFormat: c,
-      datetimeMask: i,
-      timeFormat: _,
-      timeMask: d,
-      formatDate: u
-    }
-  }), S = k((e) => {
-    E(e);
-  }, []);
-  return R({
-    isMicroFrontEnd: F,
-    event: f.EMMIT_EVENT_HOST_FORMATTER_CHANGE,
-    setHandler: S
-  }), p(() => {
-    if (F || y)
-      return;
-    const e = {
-      currencyFormatter: {
-        decimalDigits: r,
-        code: o
-      },
-      numberFormatter: {
-        decimalSymbol: a,
-        thousandsSymbol: s
-      },
-      dateFormatter: {
-        dateFormat: m,
-        dateMask: n,
-        datetimeFormat: c,
-        datetimeMask: i,
-        timeFormat: _,
-        timeMask: d,
-        formatDate: u
-      }
-    };
-    E(e), g(f.EMMIT_EVENT_HOST_FORMATTER_CHANGE, e);
-  }, [y, o, r, a, s, m, n, c, i, _, d, u]), /* @__PURE__ */ V(x.Provider, {
-    value: {
-      ...H
-    },
-    children: b
-  });
-}
-export {
-  x as F,
-  I as a
-};

package/contexts/HostThemeContext/index-L-9XyXob.js

@@ -1,45 +0,0 @@
-import { createContext as a, useMemo as h } from "react";
-import { CssBaseline as d } from "@mui/material";
-import { G as p } from "../../components/GlobalStyle/index-BwMNLyTC.js";
-import { createTheme as x, experimental_extendTheme as f, Experimental_CssVarsProvider as u, StyledEngineProvider as T } from "@mui/material/styles";
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-const v = a(null);
-function H(i) {
-  const {
-    children: m,
-    hostThemeOptions: t,
-    fnComponentsOverrides: n,
-    isMobile: l
-  } = i, c = h(() => {
-    const e = x({
-      ...t
-    }), r = f({
-      cssVarPrefix: "m4l",
-      colorSchemes: {
-        light: e,
-        finalTheme: e,
-        dark: e
-      }
-    });
-    return r.components = n(r), r;
-  }, [l]);
-  return /* @__PURE__ */ s(u, {
-    theme: c,
-    children: [/* @__PURE__ */ o(p, {}), /* @__PURE__ */ o(v.Provider, {
-      value: {
-        hostThemeOptions: t,
-        fnComponentsOverrides: n
-      },
-      children: /* @__PURE__ */ s(T, {
-        injectFirst: !0,
-        children: [/* @__PURE__ */ o(d, {
-          enableColorScheme: !0
-        }), m]
-      })
-    })]
-  });
-}
-export {
-  v as H,
-  H as a
-};