@m4l/graphics 2.0.1 → 2.0.2

package/components/GlobalStyle/{index-DHBkshRk.js → index.b7393a44.js}

@@ -7,7 +7,6 @@ function s() {
   return /* @__PURE__ */ a(e, {
     styles: {
       body: {
-        /* backgroundColor: `${theme.vars.palette.background.background}!important`, */
         textRendering: "geometricPrecision",
         width: "100%",
         height: "100vh",
@@ -15,26 +14,19 @@ function s() {
           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.state.scrollBar,
           borderRadius: "2px!important"
         },

package/components/index.8083534b.js

@@ -0,0 +1,4 @@
+import "@mui/material/styles";
+import "@mui/material";
+import "@m4l/styles";
+import "react/jsx-runtime";

package/contexts/FormatterContext/{index-BHG3bJJo.js → index.92336f4c.js}

@@ -1,6 +1,6 @@
 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 { u as h } from "../../hooks/useFirstRender/index.1e9b02fb.js";
 import { jsx as V } from "react/jsx-runtime";
 const x = D(null);
 function I(T) {
@@ -10,7 +10,7 @@ function I(T) {
     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 || (() => {
+  } = 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

package/contexts/HostThemeContext/{index-C5Z07fH1.js → index.89c85eb6.js}

@@ -1,6 +1,6 @@
 import { createContext as c, useMemo as a } from "react";
 import { CssBaseline as h } from "@mui/material";
-import { G as d } from "../../components/GlobalStyle/index-DHBkshRk.js";
+import { G as d } from "../../components/GlobalStyle/index.b7393a44.js";
 import { createTheme as p, experimental_extendTheme as x, Experimental_CssVarsProvider as f, StyledEngineProvider as u } from "@mui/material/styles";
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 const T = c(null);

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

@@ -65,7 +65,7 @@ function J(t) {
     o && T(u.EMMIT_EVENT_HOST_LOCALE_CHANGE, d);
   }), []), _(() => {
     let n = !0;
-    if (!o && r && !(l === M && l !== ""))
+    if (!o && !!r && !(l === M && l !== ""))
       return C({
         method: "POST",
         endPoint: "na/locales",

package/contexts/{index-BB_hmi4E.js → index.d4e2c292.js}

@@ -1,11 +1,15 @@
+import "./FormatterContext/index.92336f4c.js";
+import "./LocalesContext/index.53f0b702.js";
 import { createContext as f, useRef as T, useMemo as k, useLayoutEffect as y, useEffect as b } from "react";
-import { c as v, d as R, i as P, l as E } from "../node_modules-BHhXVwYT.js";
+import { c as v, d as R, i as P, l as E } from "../node_modules.9690bbee.js";
 import { jsx as x } from "react/jsx-runtime";
+import "date-fns/locale/en-US";
+import "./HostThemeContext/index.89c85eb6.js";
 import { useNetwork as M, useLocalStorageWithListener as w } from "@m4l/core";
-import { getColorPresets as m, getColorState as d, typography as L, palette as S, SECONDARY as A, COMMON as N, ERROR as D, WARNING as z, INFO as B, SUCCESS as $, shadows as p, createCustomShadows as j, defaultThemeOptions as W, defaultPreset as _, colorPresets as F } from "@m4l/styles";
+import { getColorPresets as g, getColorState as d, typography as A, palette as S, SECONDARY as L, COMMON as N, ERROR as D, WARNING as B, INFO as z, SUCCESS as W, shadows as C, createCustomShadows as $, defaultThemeOptions as j, defaultPreset as _, colorPresets as F } from "@m4l/styles";
 import { alpha as I } from "@mui/system";
-import { u as U } from "../hooks/useFirstRender/index-B-Q0TTn0.js";
-const C = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, K = (r) => {
+import { u as U } from "../hooks/useFirstRender/index.1e9b02fb.js";
+const u = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, K = (r) => {
   const t = {
     ...r
   };
@@ -15,8 +19,8 @@ const C = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, K = (r) => {
         ...t,
         responsiveContainerActions: {
           setBreakpoint: (e) => {
-            o((i) => {
-              i.breakPoint = e, i.isUpSm = e !== "xs" && e !== "sm", i.isXs = e == "xs";
+            o((a) => {
+              a.breakPoint = e, a.isUpSm = e !== "xs" && e !== "sm", a.isXs = e == "xs";
             });
           }
         }
@@ -24,7 +28,7 @@ const C = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, K = (r) => {
       { name: "Responsive Relative Store" }
     )
   );
-}, X = f(null), te = (r) => {
+}, X = f(null), se = (r) => {
   const {
     children: t,
     observedDivRef: o
@@ -37,36 +41,37 @@ const C = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, K = (r) => {
   const e = () => {
     const s = o;
     if (s instanceof HTMLElement && s.clientWidth) {
-      const a = Object.keys(C);
-      for (let l = 0; l < a.length; l++) {
-        const g = a[l];
-        if (s.clientWidth <= C[g]) {
-          n.current?.getState().responsiveContainerActions.setBreakpoint(g);
+      const i = Object.keys(u);
+      for (let h = 0; h < i.length; h++) {
+        const m = i[h];
+        if (s.clientWidth <= u[m]) {
+          n.current?.getState().responsiveContainerActions.setBreakpoint(m);
           break;
-        }
+        } else
+          h === i.length - 1 && s.clientWidth >= u[m] && n.current?.getState().responsiveContainerActions.setBreakpoint(m);
       }
     }
-  }, i = k(() => E.throttle(e, 200, {
+  }, a = k(() => E.exports.throttle(e, 200, {
     leading: !1,
     trailing: !0
   }), [e]);
   return y(() => {
     const s = () => {
-      i();
-    }, a = o;
-    if (a && a instanceof Element) {
-      const l = new ResizeObserver((g) => {
+      a();
+    }, i = o;
+    if (i && i instanceof Element) {
+      const h = new ResizeObserver((m) => {
         s();
       });
-      return l.observe(a), () => {
-        l.disconnect();
+      return h.observe(i), () => {
+        h.disconnect();
       };
     }
   }, [o]), /* @__PURE__ */ x(X.Provider, {
     value: n.current,
     children: t
   });
-}, u = {
+}, p = {
   themeMode: "light",
   themeDirection: "ltr",
   themeColorPresets: "patronus",
@@ -82,29 +87,30 @@ function O(r, t = "m4l") {
   Object.keys(r).forEach((n) => {
     const e = r[n];
     if (typeof e == "string" || typeof e == "number") {
-      const i = `--${t}-${n}`;
-      o.style.setProperty(i, e.toString());
-    } else typeof e == "object" && e !== null && O(e, `${t}-${n}`);
+      const a = `--${t}-${n}`;
+      o.style.setProperty(a, e.toString());
+    } else
+      typeof e == "object" && e !== null && O(e, `${t}-${n}`);
   });
 }
 const c = (r) => {
-  const t = r.currentThemeSettings || u;
-  console.log("getColorPresets", m(t.themeColorPresets)), console.log(
+  const t = r.currentThemeSettings || p;
+  console.log("getColorPresets", g(t.themeColorPresets)), console.log(
     "getColorState",
     d(t.themeColorPresets, t.themeMode)
   );
   const o = t.themeMode === "light";
   r.themeOptions = {
     ...r.themeOptions,
-    typography: L,
+    typography: A,
     palette: {
       ...r.themeOptions.palette,
       ...o ? S.light : S.dark,
-      primary: m(t.themeColorPresets),
+      primary: g(t.themeColorPresets),
       state: d(t.themeColorPresets, t.themeMode),
-      representative: t.themeMode === "light" ? m(t.themeColorPresets)?.light : m(t.themeColorPresets)?.darker,
+      representative: t.themeMode === "light" ? g(t.themeColorPresets)?.light : g(t.themeColorPresets)?.darker,
       secondary: {
-        ...A,
+        ...L,
         contrastText: "",
         mainChannel: "",
         lightChannel: "",
@@ -129,7 +135,7 @@ const c = (r) => {
         contrastTextChannel: ""
       },
       warning: {
-        ...z,
+        ...B,
         contrastText: "",
         mainChannel: "",
         lightChannel: "",
@@ -137,7 +143,7 @@ const c = (r) => {
         contrastTextChannel: ""
       },
       info: {
-        ...B,
+        ...z,
         contrastText: "",
         mainChannel: "",
         lightChannel: "",
@@ -145,7 +151,7 @@ const c = (r) => {
         contrastTextChannel: ""
       },
       success: {
-        ...$,
+        ...W,
         contrastText: "",
         mainChannel: "",
         lightChannel: "",
@@ -155,17 +161,17 @@ const c = (r) => {
     },
     shape: { borderRadius: 8 },
     direction: t.themeDirection,
-    shadows: o ? p.light : p.dark,
+    shadows: o ? C.light : C.dark,
     customShadows: {
       primary: `0 8px 16px 0 ${I(
-        m(t.themeColorPresets)?.main || "#fff",
+        g(t.themeColorPresets)?.main || "#fff",
         0.2
       )}`,
-      ...j(t.themeMode)
+      ...$(t.themeMode)
     },
     stretch: t.themeStretch
   }, console.log("state.themeOptions", r.themeOptions), O(r.themeOptions);
-}, h = (r) => {
+}, l = (r) => {
   r.setterThemeSettings && r.setterThemeSettings(r.currentThemeSettings);
 }, q = (r) => v(
   R(
@@ -177,14 +183,9 @@ const c = (r) => {
             c(n);
           });
         },
-        // setThemeOptions: newObj => {
-        //   set(state => {
-        //     state.themeOptions = { ...state.themeOptions, ...newObj };
-        //   });
-        // },
         setThemeSettings: (n) => {
           t((e) => {
-            e.currentThemeSettings = { ...e.currentThemeSettings, ...n }, h(e), c(e);
+            e.currentThemeSettings = { ...e.currentThemeSettings, ...n }, l(e), c(e);
           });
         },
         onChangeMode: (n) => {
@@ -192,7 +193,7 @@ const c = (r) => {
             e.currentThemeSettings = {
               ...e.currentThemeSettings,
               themeMode: n.target.value
-            }, h(e), c(e);
+            }, l(e), c(e);
           });
         },
         handleOpen: () => {
@@ -205,7 +206,7 @@ const c = (r) => {
             e.currentThemeSettings = {
               ...e.currentThemeSettings,
               themeDirection: n.target.value
-            }, h(e), c(e);
+            }, l(e), c(e);
           });
         },
         onChangeColor: (n) => {
@@ -213,7 +214,7 @@ const c = (r) => {
             e.currentThemeSettings = {
               ...e.currentThemeSettings,
               themeColorPresets: n.target.value
-            }, h(e), c(e);
+            }, l(e), c(e);
           });
         },
         onChangeLayout: (n) => {
@@ -221,7 +222,7 @@ const c = (r) => {
             e.currentThemeSettings = {
               ...e.currentThemeSettings,
               themeLayout: n.target.value
-            }, h(e), c(e);
+            }, l(e), c(e);
           });
         },
         onToggleStretch: () => {
@@ -229,14 +230,14 @@ const c = (r) => {
             n.currentThemeSettings = {
               ...n.currentThemeSettings,
               themeStretch: !n.currentThemeSettings.themeStretch
-            }, h(n), c(n);
+            }, l(n), c(n);
           });
         },
         onResetSetting: () => {
           t((n) => {
             n.currentThemeSettings = {
-              ...u
-            }, h(n), c(n);
+              ...p
+            }, l(n), c(n);
           });
         }
       }
@@ -244,28 +245,28 @@ const c = (r) => {
     { name: "ExampleStore" }
   )
 ), G = f(null);
-function ne({
+function ie({
   children: r,
   themeSettings: t
 }) {
   const {
     networkOperation: o
-  } = M(), [n, e] = w("theme_setting", u), i = U([t]), s = T();
+  } = M(), [n, e] = w("theme_setting", p), a = U([t]), s = T();
   return s.current || (s.current = q({
     networkOperation: o,
     currentThemeSettings: {
       ...t ?? n
     },
-    themeOptions: W,
+    themeOptions: j,
     currentPreset: _,
-    colorOption: F.map((a) => ({
-      name: a.name,
-      value: a.main
+    colorOption: F.map((i) => ({
+      name: i.name,
+      value: i.main
     })),
     open: !1,
     setterThemeSettings: t ? void 0 : e
   }), s.current.getState().settingsActions.init()), b(() => {
-    !i && s.current && t && s.current.getState().settingsActions.setThemeSettings(t);
+    !a && s.current && t && s.current.getState().settingsActions.setThemeSettings(t);
   }, [t]), /* @__PURE__ */ x(G.Provider, {
     value: s.current,
     children: r
@@ -274,7 +275,7 @@ function ne({
 export {
   X as R,
   G as T,
-  te as a,
-  ne as b,
-  u as d
+  se as a,
+  ie as b,
+  p as d
 };

package/hooks/index.953df5ed.js

@@ -0,0 +1,57 @@
+import { useRef as r, useEffect as n, useState as f, useContext as u, useLayoutEffect as c } from "react";
+import { H as m } from "../contexts/HostThemeContext/index.89c85eb6.js";
+import { u as a } from "../node_modules.9690bbee.js";
+import { T as p } from "../contexts/index.d4e2c292.js";
+import "../contexts/FormatterContext/index.92336f4c.js";
+import "../contexts/LocalesContext/index.53f0b702.js";
+import "@m4l/styles";
+function b() {
+  const e = r(!0);
+  return n(
+    () => () => {
+      e.current = !1;
+    },
+    []
+  ), e;
+}
+function g(e) {
+  const [o, t] = f(!1), s = e || 100;
+  return n(() => (window.onscroll = () => {
+    window.pageYOffset > s ? t(!0) : t(!1);
+  }, () => {
+    window.onscroll = null;
+  }), [s]), o;
+}
+const v = () => {
+  const e = u(m);
+  if (!e)
+    throw new Error("useHostTheme context must be use inside HostThemeProvider");
+  return e;
+};
+function H(e) {
+  const o = r(null);
+  return c(() => {
+    const t = o?.current;
+    if (!t)
+      return;
+    const s = new ResizeObserver((i) => {
+      e(t, i[0]);
+    });
+    return s.observe(t), () => {
+      s.disconnect();
+    };
+  }, [e, o.current]), o;
+}
+function O(e, o) {
+  const t = u(p);
+  if (!t)
+    throw new Error("useSettingsStore context must be use inside SettignsContext");
+  return a(t, e, o);
+}
+export {
+  g as a,
+  v as b,
+  H as c,
+  O as d,
+  b as u
+};

package/hooks/useFormatter/index.57ac8cca.js

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

package/hooks/useIsMobile/{index-Bro0dV28.js → index.54bf37f7.js}

@@ -1,5 +1,5 @@
 import { useState as n, useEffect as o } from "react";
-import { t as s } from "../../node_modules-BHhXVwYT.js";
+import { t as s } from "../../node_modules.9690bbee.js";
 const t = () => typeof navigator > "u" ? !1 : /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), l = () => {
   const [i, r] = n(t());
   return o(() => {

package/hooks/useLocales/index.d5a80aff.js

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

package/hooks/useResponsive/{index-DOGfC2H7.js → index.49db561d.js}

@@ -1,10 +1,11 @@
 import { useContext as t } from "react";
-import { u as r } from "../../node_modules-BHhXVwYT.js";
-import { R as n } from "../../contexts/index-BB_hmi4E.js";
+import { u as r } from "../../node_modules.9690bbee.js";
+import { R as n } from "../../contexts/index.d4e2c292.js";
 import { useResponsive as i } from "@m4l/styles";
 function f(e, s) {
   const o = t(n);
-  if (!o) throw new Error("useAreasStore context must be use inside AreasContext");
+  if (!o)
+    throw new Error("useAreasStore context must be use inside AreasContext");
   return r(o, e, s);
 }
 function c() {

package/index.js

@@ -1,40 +1,52 @@
-import { G as s } from "./components/GlobalStyle/index-DHBkshRk.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-BB_hmi4E.js";
-import { H as T, a as g } from "./contexts/HostThemeContext/index-C5Z07fH1.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-c14LV1FI.js";
-import { u as z } from "./hooks/useLocales/index-mTHn9nqY.js";
-import { u as I, a as M } from "./hooks/useResponsive/index-DOGfC2H7.js";
-import { u as y } from "./hooks/useIsMobile/index-Bro0dV28.js";
-import { C as D, g as E } from "./utils/index-DZG6QXjf.js";
+import { G as l } from "./components/GlobalStyle/index.b7393a44.js";
+import { F as C, a as T } from "./contexts/FormatterContext/index.92336f4c.js";
+import { L as h, a as R, g as S } from "./contexts/LocalesContext/index.53f0b702.js";
+import { R as F, a as P, T as b, b as L, d as H } from "./contexts/index.d4e2c292.js";
+import { H as w, a as z } from "./contexts/HostThemeContext/index.89c85eb6.js";
+import { u as I } from "./hooks/useFirstRender/index.1e9b02fb.js";
+import { u as O } from "./hooks/useFormatter/index.57ac8cca.js";
+import { b as A, u as D, a as E, c as N, d as W } from "./hooks/index.953df5ed.js";
+import { u as q } from "./hooks/useLocales/index.d5a80aff.js";
+import { u as J, a as K } from "./hooks/useResponsive/index.49db561d.js";
+import { u as U } from "./hooks/useIsMobile/index.54bf37f7.js";
+import { C as X, g as Y } from "./utils/index.6909c662.js";
+import "@mui/material/styles";
+import "@mui/material";
+import "@m4l/styles";
+import "react/jsx-runtime";
+import "react";
+import "@m4l/core";
+import "@mui/x-date-pickers/AdapterDateFns";
+import "@mui/x-date-pickers";
+import "date-fns/locale/en-US";
+import "./node_modules.9690bbee.js";
+import "./commonjs.e3daa2e5.js";
+import "@mui/system";
 export {
-  D as Capitalize,
-  m as FormatterContext,
-  p as FormatterProvider,
-  s as GlobalStyles,
-  T as HostThemeContext,
-  g as HostThemeProvider,
-  r as LocalesContext,
-  a as LocalesProvider,
-  x as ResponsiveContainerContext,
-  f as ResponsiveContainerProvider,
-  d as ThemeSettingsContext,
-  l as ThemeSettingsProvider,
-  v as defaultThemeSettings,
-  E as getAnchorElPositionWindow,
-  i as getLocaleFromNetwork,
-  R as useFirstRender,
-  c as useFormatter,
-  P as useHostTheme,
-  y as useIsMobile,
-  b as useIsMountedRef,
-  z as useLocales,
-  L as useOffSetTop,
-  H as useResizeObserver,
-  I as useResponsiveContainerStore,
-  M as useResponsiveDesktop,
-  k as useThemeSettingsStore
+  X as Capitalize,
+  C as FormatterContext,
+  T as FormatterProvider,
+  l as GlobalStyles,
+  w as HostThemeContext,
+  z as HostThemeProvider,
+  h as LocalesContext,
+  R as LocalesProvider,
+  F as ResponsiveContainerContext,
+  P as ResponsiveContainerProvider,
+  b as ThemeSettingsContext,
+  L as ThemeSettingsProvider,
+  H as defaultThemeSettings,
+  Y as getAnchorElPositionWindow,
+  S as getLocaleFromNetwork,
+  I as useFirstRender,
+  O as useFormatter,
+  A as useHostTheme,
+  U as useIsMobile,
+  D as useIsMountedRef,
+  q as useLocales,
+  E as useOffSetTop,
+  N as useResizeObserver,
+  J as useResponsiveContainerStore,
+  K as useResponsiveDesktop,
+  W as useThemeSettingsStore
 };