@m4l/graphics 0.1.39 → 0.1.41

package/components/GlobalStyle/{index.30beab6e.js → index.2c5d07c1.js}

@@ -1,11 +1,14 @@
 import { useTheme as e } from "@mui/material/styles";
 import { GlobalStyles as a } from "@mui/material";
-import { globalRemSize as o } from "@m4l/styles";
-import { jsx as i } from "react/jsx-runtime";
+import { globalRemSize as t } from "@m4l/styles";
+import { jsx as r } from "react/jsx-runtime";
 function s() {
-  const t = e();
-  return console.log("test spacing formula ", t.spacing(1)), /* @__PURE__ */ i(a, {
+  const o = e();
+  return console.log("test spacing formula ", o.spacing(1)), /* @__PURE__ */ r(a, {
     styles: {
+      body: {
+        backgroundColor: `${o.palette.background.background}!important`
+      },
       "#nprogress": {
         pointerEvents: "none",
         "& .bar": {
@@ -14,9 +17,9 @@ function s() {
           height: 2,
           width: "100%",
           position: "fixed",
-          zIndex: t.zIndex.snackbar,
-          backgroundColor: t.palette.primary.main,
-          boxShadow: `0 0 2px ${t.palette.primary.main}`
+          zIndex: o.zIndex.snackbar,
+          backgroundColor: o.palette.primary.main,
+          boxShadow: `0 0 2px ${o.palette.primary.main}`
         },
         "& .peg": {
           right: 0,
@@ -26,13 +29,13 @@ function s() {
           display: "block",
           position: "absolute",
           transform: "rotate(3deg) translate(0px, -4px)",
-          boxShadow: `0 0 10px ${t.palette.primary.main}, 0 0 5px ${t.palette.primary.main}`
+          boxShadow: `0 0 10px ${o.palette.primary.main}, 0 0 5px ${o.palette.primary.main}`
         }
       },
       "& html": {
-        fontSize: o.desktop,
-        [t.breakpoints.down("sm")]: {
-          fontSize: o.mobile
+        fontSize: t.desktop,
+        [o.breakpoints.down("sm")]: {
+          fontSize: t.mobile
         }
       }
     }

package/hooks/{index.53eeb77d.js → index.5c8cfbbc.js}

@@ -2,9 +2,8 @@ import { useRef as r, useEffect as n, useState as f, useContext as i, useLayoutE
 import { H as m } from "../contexts/HostThemeContext/index.a6a62c70.js";
 import "../contexts/FormatterContext/index.92336f4c.js";
 import "../contexts/LocalesContext/index.53f0b702.js";
-import "@mui/material/styles";
-import "@mui/material/useMediaQuery";
-function b() {
+import "@m4l/styles";
+function T() {
   const e = r(!0);
   return n(
     () => () => {
@@ -13,37 +12,37 @@ function b() {
     []
   ), e;
 }
-function h(e) {
-  const [o, t] = f(!1), s = e || 100;
+function b(e) {
+  const [s, t] = f(!1), o = e || 100;
   return n(() => (window.onscroll = () => {
-    window.pageYOffset > s ? t(!0) : t(!1);
+    window.pageYOffset > o ? t(!0) : t(!1);
   }, () => {
     window.onscroll = null;
-  }), [s]), o;
+  }), [o]), s;
 }
-const v = () => {
+const h = () => {
   const e = i(m);
   if (!e)
     throw new Error("useHostTheme context must be use inside HostThemeProvider");
   return e;
 };
-function x(e) {
-  const o = r(null);
+function v(e) {
+  const s = r(null);
   return c(() => {
-    const t = o?.current;
+    const t = s?.current;
     if (!t)
       return;
-    const s = new ResizeObserver((u) => {
+    const o = new ResizeObserver((u) => {
       e(t, u[0]);
     });
-    return s.observe(t), () => {
-      s.disconnect();
+    return o.observe(t), () => {
+      o.disconnect();
     };
-  }, [e, o.current]), o;
+  }, [e, s.current]), s;
 }
 export {
-  h as a,
-  v as b,
-  x as c,
-  b as u
+  b as a,
+  h as b,
+  v as c,
+  T as u
 };

package/hooks/index.d.ts

@@ -5,4 +5,4 @@ export { useLocales } from './useLocales';
 export { useOffSetTop } from './useOffSetTop';
 export { useHostTheme } from './useHostTheme';
 export { useResizeObserver } from './useResizeObserver';
-export { useResponsive, useResponsiveDesktop } from './useResponsive';
+export { useResponsiveDesktop } from './useResponsive';

package/hooks/useResponsive/index.1409e387.js

@@ -0,0 +1,7 @@
+import { useResponsive as s } from "@m4l/styles";
+function p() {
+  return s("up", "sm");
+}
+export {
+  p as u
+};

package/hooks/useResponsive/index.d.ts

@@ -1,8 +1 @@
-import { Breakpoint } from '@mui/material';
-declare type Query = 'up' | 'down' | 'between' | 'only';
-declare type Key = Breakpoint | number;
-declare type Start = Breakpoint | number;
-declare type End = Breakpoint | number;
-export declare function useResponsive(query: Query, key?: Key, start?: Start, end?: End): boolean | undefined;
 export declare function useResponsiveDesktop(): boolean | undefined;
-export {};

package/index.js

@@ -1,13 +1,13 @@
-import { G as n } from "./components/GlobalStyle/index.30beab6e.js";
-import { F as c, a as d } from "./contexts/FormatterContext/index.92336f4c.js";
-import { L as F, a as C, g as L } from "./contexts/LocalesContext/index.53f0b702.js";
+import { G as x } from "./components/GlobalStyle/index.2c5d07c1.js";
+import { F as n, a as c } from "./contexts/FormatterContext/index.92336f4c.js";
+import { L as F, a as v, g as C } from "./contexts/LocalesContext/index.53f0b702.js";
 import { H as g, a as h } from "./contexts/HostThemeContext/index.a6a62c70.js";
 import { u as P } from "./hooks/useFirstRender/index.1e9b02fb.js";
-import { u as b } from "./hooks/useFormatter/index.57ac8cca.js";
-import { b as w, u as z, a as G, c as O } from "./hooks/index.53eeb77d.js";
-import { u as y } from "./hooks/useLocales/index.d5a80aff.js";
-import { u as D, a as E } from "./hooks/useResponsive/index.fc5e1b4f.js";
-import { C as M, g as N } from "./utils/index.6909c662.js";
+import { u as T } from "./hooks/useFormatter/index.57ac8cca.js";
+import { b as k, u as w, a as z, c as G } from "./hooks/index.5c8cfbbc.js";
+import { u as S } from "./hooks/useLocales/index.d5a80aff.js";
+import { u as A } from "./hooks/useResponsive/index.1409e387.js";
+import { C as E, g as I } from "./utils/index.6909c662.js";
 import "@mui/material/styles";
 import "@mui/material";
 import "@m4l/styles";
@@ -17,25 +17,23 @@ import "@m4l/core";
 import "@mui/x-date-pickers/AdapterDateFns";
 import "@mui/x-date-pickers";
 import "date-fns/locale/en-US";
-import "@mui/material/useMediaQuery";
 export {
-  M as Capitalize,
-  c as FormatterContext,
-  d as FormatterProvider,
-  n as GlobalStyles,
+  E as Capitalize,
+  n as FormatterContext,
+  c as FormatterProvider,
+  x as GlobalStyles,
   g as HostThemeContext,
   h as HostThemeProvider,
   F as LocalesContext,
-  C as LocalesProvider,
-  N as getAnchorElPositionWindow,
-  L as getLocaleFromNetwork,
+  v as LocalesProvider,
+  I as getAnchorElPositionWindow,
+  C as getLocaleFromNetwork,
   P as useFirstRender,
-  b as useFormatter,
-  w as useHostTheme,
-  z as useIsMountedRef,
-  y as useLocales,
-  G as useOffSetTop,
-  O as useResizeObserver,
-  D as useResponsive,
-  E as useResponsiveDesktop
+  T as useFormatter,
+  k as useHostTheme,
+  w as useIsMountedRef,
+  S as useLocales,
+  z as useOffSetTop,
+  G as useResizeObserver,
+  A as useResponsiveDesktop
 };

package/package.json

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

package/hooks/useResponsive/index.fc5e1b4f.js

@@ -1,20 +0,0 @@
-import { useTheme as m } from "@mui/material/styles";
-import o from "@mui/material/useMediaQuery";
-function c(e, t, s, i) {
-  const n = m(), r = o(n.breakpoints.up(t)), p = o(n.breakpoints.down(t)), u = o(n.breakpoints.between(s, i)), a = o(n.breakpoints.only(t));
-  if (e === "up")
-    return r;
-  if (e === "down")
-    return p;
-  if (e === "between")
-    return u;
-  if (e === "only")
-    return a;
-}
-function b() {
-  return c("up", "sm");
-}
-export {
-  b as a,
-  c as u
-};