@m4l/graphics 6.0.0 → 6.0.1

package/contexts/index-DypyrDjq.js

@@ -1,211 +0,0 @@
-import { jsx as p } from "react/jsx-runtime";
-import { createContext as f, useRef as d, useMemo as y, useLayoutEffect as b, useEffect as P } from "react";
-import { c as T, d as v, i as C, l as O } from "../node_modules-BHhXVwYT.js";
-import { useNetwork as M, useLocalStorageWithListener as E } from "@m4l/core";
-import { getPaletteByPreset as x, typography as k, shadows as S, getColorPresets as L, createCustomShadows as w, OUR_THEME as A, presetsOptions as B } from "@m4l/styles";
-import { alpha as D } from "@mui/system";
-import { u as z } from "../hooks/useIsMobile/index-Bro0dV28.js";
-const u = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, _ = (r) => {
-  const n = {
-    ...r
-  };
-  return T(
-    v(
-      C((o, t) => ({
-        ...n,
-        responsiveContainerActions: {
-          setBreakpoint: (e) => {
-            o((i) => {
-              i.breakPoint = e, i.isUpSm = e !== "xs" && e !== "sm", i.isXs = e == "xs";
-            });
-          }
-        }
-      })),
-      { name: "Responsive Relative Store" }
-    )
-  );
-}, $ = f(null), V = (r) => {
-  const { children: n, observedDivRef: o } = r, t = d();
-  t.current || (t.current = _({
-    breakPoint: "md",
-    isUpSm: !1,
-    isXs: !1
-  }));
-  const e = () => {
-    const s = o;
-    if (s instanceof HTMLElement && s.clientWidth) {
-      const m = Object.keys(
-        u
-      );
-      for (let h = 0; h < m.length; h++) {
-        const a = m[h];
-        if (s.clientWidth <= u[a]) {
-          t.current?.getState().responsiveContainerActions.setBreakpoint(a);
-          break;
-        } else h === m.length - 1 && s.clientWidth >= u[a] && t.current?.getState().responsiveContainerActions.setBreakpoint(a);
-      }
-    }
-  }, i = y(
-    () => O.throttle(e, 200, {
-      leading: !1,
-      trailing: !0
-    }),
-    [e]
-  );
-  return b(() => {
-    const s = () => {
-      i();
-    }, m = o;
-    if (m && m instanceof Element) {
-      const h = new ResizeObserver((a) => {
-        s();
-      });
-      return h.observe(m), () => {
-        h.disconnect();
-      };
-    }
-  }, [o]), /* @__PURE__ */ p($.Provider, { value: t.current, children: n });
-}, g = {
-  themeMode: "light",
-  themeDirection: "ltr",
-  themeColorPresets: "patronus",
-  themeLayout: "horizontal",
-  themeStretch: !1,
-  isMobile: !1
-};
-function R(r, n = "m4l") {
-  const o = document.querySelector('[data-mui-color-scheme="light"]');
-  if (!o) {
-    console.error('Element with data-mui-color-scheme="light" not found.');
-    return;
-  }
-  Object.keys(r).forEach((t) => {
-    const e = r[t];
-    if (typeof e == "string" || typeof e == "number") {
-      const i = `--${n}-${t}`;
-      o.style.setProperty(i, e.toString());
-    } else typeof e == "object" && e !== null && R(e, `${n}-${t}`);
-  });
-}
-const c = (r) => {
-  const n = r.currentThemeSettings || g, o = n.themeMode === "light", t = x(n.themeColorPresets), e = o ? t.light : t.dark;
-  r.themeOptions = {
-    ...r.themeOptions,
-    typography: k,
-    palette: {
-      ...r.themeOptions?.palette ?? {},
-      ...e
-    },
-    shape: { borderRadius: 8 },
-    direction: n.themeDirection,
-    shadows: o ? S.light : S.dark,
-    customShadows: {
-      primary: `0 8px 16px 0 ${D(
-        L(n.themeColorPresets)?.main || "#fff",
-        0.2
-      )}`,
-      ...w(n.themeMode)
-    },
-    stretch: n.themeStretch
-  }, R(r.themeOptions);
-}, l = (r) => {
-  r.setterThemeSettings && r.setterThemeSettings(r.currentThemeSettings);
-}, j = (r) => T(
-  v(
-    C((n, o) => ({
-      ...r,
-      settingsActions: {
-        init: () => {
-          n((t) => {
-            c(t);
-          });
-        },
-        setThemeSettings: (t) => {
-          n((e) => {
-            e.currentThemeSettings = { ...e.currentThemeSettings, ...t }, l(e), c(e);
-          });
-        },
-        onChangeMode: (t) => {
-          n((e) => {
-            e.currentThemeSettings = {
-              ...e.currentThemeSettings,
-              themeMode: t.target.value
-            }, l(e), c(e);
-          });
-        },
-        handleOpen: () => {
-          n((t) => {
-            t.open = !t.open;
-          });
-        },
-        onChangeDirection: (t) => {
-          n((e) => {
-            e.currentThemeSettings = {
-              ...e.currentThemeSettings,
-              themeDirection: t.target.value
-            }, l(e), c(e);
-          });
-        },
-        onChangeColor: (t) => {
-          n((e) => {
-            e.currentThemeSettings = {
-              ...e.currentThemeSettings,
-              themeColorPresets: t.target.value
-            }, l(e), c(e);
-          });
-        },
-        onChangeLayout: (t) => {
-          n((e) => {
-            e.currentThemeSettings = {
-              ...e.currentThemeSettings,
-              themeLayout: t.target.value
-            }, l(e), c(e);
-          });
-        },
-        onToggleStretch: () => {
-          n((t) => {
-            t.currentThemeSettings = {
-              ...t.currentThemeSettings,
-              themeStretch: !t.currentThemeSettings.themeStretch
-            }, l(t), c(t);
-          });
-        },
-        onResetSetting: () => {
-          n((t) => {
-            t.currentThemeSettings = {
-              ...g
-            }, l(t), c(t);
-          });
-        }
-      }
-    })),
-    { name: "ThemeSettingsStore" }
-  )
-), W = f(null);
-function F({ children: r, themeSettings: n }) {
-  const { networkOperation: o } = M(), t = z(), [e, i] = E(
-    "theme_setting",
-    {}
-  ), s = d();
-  return s.current || (s.current = j({
-    networkOperation: o,
-    currentThemeSettings: {
-      ...g,
-      ...n,
-      ...e
-    },
-    themeOptions: A,
-    colorOption: B,
-    open: !1,
-    setterThemeSettings: n ? void 0 : i
-  }), s.current.getState().settingsActions.init()), P(() => {
-    s.current?.getState().settingsActions.setThemeSettings({ isMobile: t });
-  }, [t]), /* @__PURE__ */ p(W.Provider, { value: s.current, children: r });
-}
-export {
-  $ as R,
-  W as T,
-  V as a,
-  F as b,
-  g as d
-};

package/hooks/index-DrIHt-va.js

@@ -1,52 +0,0 @@
-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-CcHelA1w.js";
-import { u as a } from "../node_modules-BHhXVwYT.js";
-import { T as l } from "../contexts/index-DypyrDjq.js";
-function S() {
-  const e = n(!0);
-  return r(
-    () => () => {
-      e.current = !1;
-    },
-    []
-  ), e;
-}
-function x(e) {
-  const [s, t] = i(!1), o = e || 100;
-  return r(() => (window.onscroll = () => {
-    window.pageYOffset > o ? t(!0) : t(!1);
-  }, () => {
-    window.onscroll = null;
-  }), [o]), s;
-}
-const h = () => {
-  const e = u(m);
-  if (!e) throw new Error("useHostTheme context must be use inside HostThemeProvider");
-  return e;
-};
-function b(e) {
-  const s = n(null);
-  return c(() => {
-    const t = s?.current;
-    if (!t)
-      return;
-    const o = new ResizeObserver((f) => {
-      e(t, f[0]);
-    });
-    return o.observe(t), () => {
-      o.disconnect();
-    };
-  }, [e, s.current]), s;
-}
-function g(e, s) {
-  const t = u(l);
-  if (!t) throw new Error("useSettingsStore context must be use inside SettignsContext");
-  return a(t, e, s);
-}
-export {
-  x as a,
-  h as b,
-  b as c,
-  g as d,
-  S as u
-};

package/hooks/useFormatter/index-BBgQ4lJL.js

@@ -1,10 +0,0 @@
-import { useContext as r } from "react";
-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");
-  return t;
-};
-export {
-  m as u
-};

package/hooks/useLocales/index-_thMBNE7.js

@@ -1,10 +0,0 @@
-import { useContext as o } from "react";
-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");
-  return e;
-};
-export {
-  n as u
-};

package/hooks/useResponsive/index-BEcgN5as.js

@@ -1,16 +0,0 @@
-import { useContext as t } from "react";
-import { u as r } from "../../node_modules-BHhXVwYT.js";
-import { R as n } from "../../contexts/index-DypyrDjq.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");
-  return r(o, e, s);
-}
-function c() {
-  return i("up", "sm");
-}
-export {
-  c as a,
-  f as u
-};