@m4l/graphics 3.0.1 → 3.0.2

package/contexts/HostThemeContext/{index-L-9XyXob.js → index-B8iD1cO8.js}

@@ -1,45 +1,48 @@
-import { createContext as a, useMemo as h } from "react";
+import { createContext as c, 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) {
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+const v = c(null);
+function j(m) {
   const {
-    children: m,
-    hostThemeOptions: t,
+    children: l,
+    hostThemeOptions: o,
     fnComponentsOverrides: n,
-    isMobile: l
-  } = i, c = h(() => {
+    isMobile: s
+  } = m, a = h(() => {
     const e = x({
-      ...t
+      ...o
     }), r = f({
       cssVarPrefix: "m4l",
       colorSchemes: {
         light: e,
         finalTheme: e,
         dark: e
+      },
+      generalSettings: {
+        isMobile: s
       }
     });
     return r.components = n(r), r;
-  }, [l]);
-  return /* @__PURE__ */ s(u, {
-    theme: c,
-    children: [/* @__PURE__ */ o(p, {}), /* @__PURE__ */ o(v.Provider, {
+  }, [s]);
+  return /* @__PURE__ */ i(u, {
+    theme: a,
+    children: [/* @__PURE__ */ t(p, {}), /* @__PURE__ */ t(v.Provider, {
       value: {
-        hostThemeOptions: t,
+        hostThemeOptions: o,
         fnComponentsOverrides: n
       },
-      children: /* @__PURE__ */ s(T, {
+      children: /* @__PURE__ */ i(T, {
         injectFirst: !0,
-        children: [/* @__PURE__ */ o(d, {
+        children: [/* @__PURE__ */ t(d, {
           enableColorScheme: !0
-        }), m]
+        }), l]
       })
     })]
   });
 }
 export {
   v as H,
-  H as a
+  j as a
 };

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

@@ -37,13 +37,13 @@ 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, {
@@ -53,13 +53,13 @@ const g = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, j = (r) => {
   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, {
@@ -88,45 +88,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,7 +160,7 @@ const m = {
     },
     stretch: n.themeStretch
   }, b(r.themeOptions);
-}, l = (r) => {
+}, m = (r) => {
   r.setterThemeSettings && r.setterThemeSettings(r.currentThemeSettings);
 }, _ = (r) => T(
   C(
@@ -177,7 +174,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 +182,7 @@ const m = {
             e.currentThemeSettings = {
               ...e.currentThemeSettings,
               themeMode: t.target.value
-            }, l(e), c(e);
+            }, m(e), c(e);
           });
         },
         handleOpen: () => {
@@ -198,7 +195,7 @@ const m = {
             e.currentThemeSettings = {
               ...e.currentThemeSettings,
               themeDirection: t.target.value
-            }, l(e), c(e);
+            }, m(e), c(e);
           });
         },
         onChangeColor: (t) => {
@@ -206,7 +203,7 @@ const m = {
             e.currentThemeSettings = {
               ...e.currentThemeSettings,
               themeColorPresets: t.target.value
-            }, l(e), c(e);
+            }, m(e), c(e);
           });
         },
         onChangeLayout: (t) => {
@@ -214,7 +211,7 @@ const m = {
             e.currentThemeSettings = {
               ...e.currentThemeSettings,
               themeLayout: t.target.value
-            }, l(e), c(e);
+            }, m(e), c(e);
           });
         },
         onToggleStretch: () => {
@@ -222,14 +219,14 @@ 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);
           });
         }
       }

package/hooks/{index-Ds71tnc2.js → index-jy_ocazP.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-B8iD1cO8.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-DqxwPAZr.js";
 function S() {
   const e = n(!0);
   return r(

package/hooks/useResponsive/{index-2q6r6mFX.js → index-P9e5eab1.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-DqxwPAZr.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 { R as x, a as f, T as d, b as l, d as v } from "./contexts/index-DqxwPAZr.js";
+import { H as T, a as g } from "./contexts/HostThemeContext/index-B8iD1cO8.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 { b as P, u as b, a as L, c as H, d as k } from "./hooks/index-jy_ocazP.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 I, a as M } from "./hooks/useResponsive/index-P9e5eab1.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.2",
   "license": "UNLICENSED",
   "author": "M4L Team*",
   "dependencies": {