@m4l/graphics 0.1.50 → 0.1.52

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/ResponsiveContainerContext/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ResponsiveContainerProviderProps } from './types';
+declare const ResponsiveContainerContext: import("react").Context<(Omit<Omit<import("zustand").StoreApi<import("./types").ResponsiveContainerStateWithActions>, "setState"> & {
+    setState<A extends string | {
+        type: unknown;
+    }>(partial: import("./types").ResponsiveContainerStateWithActions | Partial<import("./types").ResponsiveContainerStateWithActions> | ((state: import("./types").ResponsiveContainerStateWithActions) => import("./types").ResponsiveContainerStateWithActions | Partial<import("./types").ResponsiveContainerStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "setState"> & {
+    setState(nextStateOrUpdater: import("./types").ResponsiveContainerStateWithActions | Partial<import("./types").ResponsiveContainerStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<import("./types").ResponsiveContainerStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
+        type: unknown;
+    } | undefined): void;
+}) | null>;
+declare const ResponsiveContainerProvider: (props: ResponsiveContainerProviderProps) => import("react").JSX.Element;
+export { ResponsiveContainerProvider, ResponsiveContainerContext };

package/contexts/ResponsiveContainerContext/store.d.ts

@@ -0,0 +1,11 @@
+import { InitialResponsiveContainerProps, ResponsiveContainerStateWithActions } from './types';
+export declare const createResponsiveContainerStore: (initProps: InitialResponsiveContainerProps) => Omit<Omit<import("zustand").StoreApi<ResponsiveContainerStateWithActions>, "setState"> & {
+    setState<A extends string | {
+        type: unknown;
+    }>(partial: ResponsiveContainerStateWithActions | Partial<ResponsiveContainerStateWithActions> | ((state: ResponsiveContainerStateWithActions) => ResponsiveContainerStateWithActions | Partial<ResponsiveContainerStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "setState"> & {
+    setState(nextStateOrUpdater: ResponsiveContainerStateWithActions | Partial<ResponsiveContainerStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<ResponsiveContainerStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
+        type: unknown;
+    } | undefined): void;
+};
+export declare type ResponsiveContainerStore = ReturnType<typeof createResponsiveContainerStore>;

package/contexts/{ResponsiveRelativeContext → ResponsiveContainerContext}/types.d.ts

@@ -4,8 +4,8 @@ export declare type BreakPointsType = Record<BreakpointType, number>;
 export interface ResponsiveRelativeContextProps {
     breakPoint: BreakpointType;
 }
-export interface ResponsiveRelativeProviderProps {
-    observedDivRef: React.RefObject<HTMLElement>;
+export interface ResponsiveContainerProviderProps {
+    observedDivRef: Element | Text | null;
     children: React.ReactNode;
 }
 export declare type CurrentState = {
@@ -14,13 +14,15 @@ export declare type CurrentState = {
     mounted: boolean;
     breakpoint: BreakpointType;
 };
-export interface ResponsiveRelativeState {
+export interface ResponsiveContainerState {
     breakPoint: BreakpointType;
+    isUpSm: boolean;
+    isXs: boolean;
 }
-export interface InitialResponsiveRelativeProps extends Pick<ResponsiveRelativeState, 'breakPoint'> {
+export interface InitialResponsiveContainerProps extends Pick<ResponsiveContainerState, 'breakPoint' | 'isUpSm' | 'isXs'> {
 }
-export interface ResponsiveRelativeStateWithActions extends ResponsiveRelativeState {
-    responsiveRelativeActions: {
+export interface ResponsiveContainerStateWithActions extends ResponsiveContainerState {
+    responsiveContainerActions: {
         setBreakpoint: (breakPoint: BreakpointType) => void;
     };
 }

package/contexts/index.921576cc.js

@@ -0,0 +1,76 @@
+import "./FormatterContext/index.92336f4c.js";
+import "./LocalesContext/index.53f0b702.js";
+import { createContext as d, useRef as p, useMemo as v, useLayoutEffect as f } from "react";
+import { c as u, d as R, i as g, l as h } from "../node_modules.dbab0abd.js";
+import { jsx as x } from "react/jsx-runtime";
+import "date-fns/locale/en-US";
+import "./HostThemeContext/index.4291ba89.js";
+const m = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, S = (c) => {
+  const a = {
+    ...c
+  };
+  return u(
+    R(
+      g((r, t) => ({
+        ...a,
+        responsiveContainerActions: {
+          setBreakpoint: (e) => {
+            r(
+              (i) => {
+                console.log("current breakpoint", e), i.breakPoint = e, i.isUpSm = e !== "xs" && e !== "sm", i.isXs = e == "xs";
+              }
+            );
+          }
+        }
+      })),
+      { name: "Responsive Relative Store" }
+    )
+  );
+}, b = d(null), A = (c) => {
+  const {
+    children: a,
+    observedDivRef: r
+  } = c, t = p();
+  t.current || (t.current = S({
+    breakPoint: "md",
+    isUpSm: !1,
+    isXs: !1
+  }));
+  const e = () => {
+    const o = r;
+    if (o instanceof HTMLElement && o.clientWidth) {
+      const s = Object.keys(m);
+      for (let n = 0; n < s.length; n++) {
+        const l = s[n];
+        if (o.clientWidth <= m[l]) {
+          t.current?.getState().responsiveContainerActions.setBreakpoint(l);
+          break;
+        }
+      }
+      console.log("node.clientWidth", o.clientWidth), console.log("onResizeMemo", t.current?.getState().breakPoint);
+    }
+  }, i = v(() => h.exports.throttle(e, 200, {
+    leading: !1,
+    trailing: !0
+  }), [e]);
+  return f(() => {
+    const o = () => {
+      i();
+    }, s = r;
+    if (s && s instanceof Element) {
+      const n = new ResizeObserver((l) => {
+        o();
+      });
+      return n.observe(s), () => {
+        n.disconnect();
+      };
+    }
+  }, [r]), /* @__PURE__ */ x(b.Provider, {
+    value: t.current,
+    children: a
+  });
+};
+export {
+  b as R,
+  A as a
+};

package/contexts/index.d.ts

@@ -1,7 +1,8 @@
 export * from './FormatterContext';
 export type { Formatters, DateFormatter, NumberFormatter, CurrencyFormatter, } from './FormatterContext/types';
 export * from './LocalesContext';
-export * from './ResponsiveRelativeContext';
+export * from './ResponsiveContainerContext';
+export type { BreakpointType } from './ResponsiveContainerContext/types';
 export type { NetworkLocaleType, LocaleType } from './LocalesContext/types';
 export { getLocaleFromNetwork } from './LocalesContext/helper';
 export * from './HostThemeContext';

package/hooks/index.66afb19b.js

@@ -0,0 +1,49 @@
+import { useRef as r, useEffect as n, useState as f, useContext as i, useLayoutEffect as c } from "react";
+import { H as m } from "../contexts/HostThemeContext/index.4291ba89.js";
+import "../contexts/FormatterContext/index.92336f4c.js";
+import "../contexts/LocalesContext/index.53f0b702.js";
+import "../contexts/index.921576cc.js";
+import "@m4l/styles";
+function b() {
+  const e = r(!0);
+  return n(
+    () => () => {
+      e.current = !1;
+    },
+    []
+  ), e;
+}
+function h(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 = i(m);
+  if (!e)
+    throw new Error("useHostTheme context must be use inside HostThemeProvider");
+  return e;
+};
+function x(e) {
+  const o = r(null);
+  return c(() => {
+    const t = o?.current;
+    if (!t)
+      return;
+    const s = new ResizeObserver((u) => {
+      e(t, u[0]);
+    });
+    return s.observe(t), () => {
+      s.disconnect();
+    };
+  }, [e, o.current]), o;
+}
+export {
+  h as a,
+  v as b,
+  x as c,
+  b as u
+};

package/hooks/index.d.ts

@@ -2,7 +2,7 @@ export { useFirstRender } from './useFirstRender';
 export { useFormatter } from './useFormatter';
 export { useIsMountedRef } from './useIsMountedRef';
 export { useLocales } from './useLocales';
-export { useResponsiveRelativeStore } from './useResponsiveRelative';
+export { useResponsiveContainerStore } from './useResponsiveContainer';
 export { useOffSetTop } from './useOffSetTop';
 export { useHostTheme } from './useHostTheme';
 export { useResizeObserver } from './useResizeObserver';

package/hooks/useResizeObserver/index.d.ts

@@ -1,3 +1,3 @@
-import { RefObject } from 'react';
-export declare function useResizeObserver<T extends HTMLElement>(callback: (target: T, entry: ResizeObserverEntry) => void, ref: RefObject<T>): void;
+/// <reference types="react" />
+export declare function useResizeObserver<T extends HTMLElement>(callback: (target: T, entry: ResizeObserverEntry) => void): import("react").RefObject<T>;
 export default useResizeObserver;

package/hooks/useResponsive/index.c9515afc.js

@@ -0,0 +1,17 @@
+import { useContext as t } from "react";
+import { u as r } from "../../node_modules.dbab0abd.js";
+import { R as n } from "../../contexts/index.921576cc.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
+};

package/hooks/useResponsiveContainer/index.d.ts

@@ -0,0 +1,2 @@
+import { ResponsiveContainerStateWithActions } from '../../contexts/ResponsiveContainerContext/types';
+export declare function useResponsiveContainerStore<T>(selector: (state: ResponsiveContainerStateWithActions) => T, equalityFn?: (left: T, right: T) => boolean): T;

package/index.js

@@ -1,38 +1,38 @@
 import { G as l } from "./components/GlobalStyle/index.fff91e86.js";
-import { L as R, a as d, g as c } from "./contexts/LocalesContext/index.53f0b702.js";
-import { F, a as L } from "./contexts/FormatterContext/index.92336f4c.js";
-import { R as g, a as h } from "./contexts/ResponsiveRelativeContext/index.b1f839dc.js";
+import { F as C, a as R } from "./contexts/FormatterContext/index.92336f4c.js";
+import { L as c, a as F, g as L } from "./contexts/LocalesContext/index.53f0b702.js";
+import { R as g, a as h } from "./contexts/index.921576cc.js";
 import { H as T, a as b } from "./contexts/HostThemeContext/index.4291ba89.js";
 import { u as k } from "./hooks/useFirstRender/index.1e9b02fb.js";
 import { u as z } from "./hooks/useFormatter/index.57ac8cca.js";
-import { c as O, a as y, b as A, u as D } from "./hooks/index.9e1fde8c.js";
+import { b as O, u as y, a as A, c as D } from "./hooks/index.66afb19b.js";
 import { u as I } from "./hooks/useLocales/index.d5a80aff.js";
-import { a as N, u as W } from "./hooks/useResponsive/index.d90a6b52.js";
+import { u as N, a as W } from "./hooks/useResponsive/index.c9515afc.js";
 import { C as q, g as B } 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 "@m4l/core";
 import "date-fns/locale/en-US";
-import "./node_modules.56b5d6e3.js";
+import "./node_modules.dbab0abd.js";
 import "./commonjs.e3daa2e5.js";
 export {
   q as Capitalize,
-  F as FormatterContext,
-  L as FormatterProvider,
+  C as FormatterContext,
+  R as FormatterProvider,
   l as GlobalStyles,
   T as HostThemeContext,
   b as HostThemeProvider,
-  R as LocalesContext,
-  d as LocalesProvider,
-  g as ResponsiveRelativeContext,
-  h as ResponsiveRelativeProvider,
+  c as LocalesContext,
+  F as LocalesProvider,
+  g as ResponsiveContainerContext,
+  h as ResponsiveContainerProvider,
   B as getAnchorElPositionWindow,
-  c as getLocaleFromNetwork,
+  L as getLocaleFromNetwork,
   k as useFirstRender,
   z as useFormatter,
   O as useHostTheme,
@@ -40,6 +40,6 @@ export {
   I as useLocales,
   A as useOffSetTop,
   D as useResizeObserver,
-  N as useResponsiveDesktop,
-  W as useResponsiveRelativeStore
+  N as useResponsiveContainerStore,
+  W as useResponsiveDesktop
 };

package/{node_modules.56b5d6e3.js → node_modules.dbab0abd.js}

@@ -1,278 +1,6 @@
-import br, { useDebugValue as fd } from "react";
-import { g as od, c as bt } from "./commonjs.e3daa2e5.js";
-const ko = (a) => {
-  let c;
-  const u = /* @__PURE__ */ new Set(), _ = (W, U) => {
-    const x = typeof W == "function" ? W(c) : W;
-    if (!Object.is(x, c)) {
-      const I = c;
-      c = U ?? typeof x != "object" ? x : Object.assign({}, c, x), u.forEach((D) => D(c, I));
-    }
-  }, v = () => c, R = { setState: _, getState: v, subscribe: (W) => (u.add(W), () => u.delete(W)), destroy: () => {
-    ({ BASE_URL: "/", MODE: "production", DEV: !1, PROD: !0 } && "production") !== "production" && console.warn(
-      "[DEPRECATED] The `destroy` method will be unsupported in a future version. Instead use unsubscribe function returned by subscribe. Everything will be garbage-collected if store is garbage-collected."
-    ), u.clear();
-  } };
-  return c = a(_, v, R), R;
-}, Pd = (a) => a ? ko(a) : ko;
-var pa = { exports: {} }, Xi = {}, Qi = { exports: {} }, ki = {};
-/**
- * @license React
- * use-sync-external-store-shim.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var jo;
-function ad() {
-  if (jo)
-    return ki;
-  jo = 1;
-  var a = br;
-  function c(I, D) {
-    return I === D && (I !== 0 || 1 / I === 1 / D) || I !== I && D !== D;
-  }
-  var u = typeof Object.is == "function" ? Object.is : c, _ = a.useState, v = a.useEffect, A = a.useLayoutEffect, b = a.useDebugValue;
-  function R(I, D) {
-    var N = D(), X = _({ inst: { value: N, getSnapshot: D } }), T = X[0].inst, M = X[1];
-    return A(function() {
-      T.value = N, T.getSnapshot = D, W(T) && M({ inst: T });
-    }, [I, N, D]), v(function() {
-      return W(T) && M({ inst: T }), I(function() {
-        W(T) && M({ inst: T });
-      });
-    }, [I]), b(N), N;
-  }
-  function W(I) {
-    var D = I.getSnapshot;
-    I = I.value;
-    try {
-      var N = D();
-      return !u(I, N);
-    } catch {
-      return !0;
-    }
-  }
-  function U(I, D) {
-    return D();
-  }
-  var x = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? U : R;
-  return ki.useSyncExternalStore = a.useSyncExternalStore !== void 0 ? a.useSyncExternalStore : x, ki;
-}
-var ji = {};
-/**
- * @license React
- * use-sync-external-store-shim.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var na;
-function sd() {
-  return na || (na = 1, process.env.NODE_ENV !== "production" && function() {
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-    var a = br, c = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function u(G) {
-      {
-        for (var z = arguments.length, k = new Array(z > 1 ? z - 1 : 0), Z = 1; Z < z; Z++)
-          k[Z - 1] = arguments[Z];
-        _("error", G, k);
-      }
-    }
-    function _(G, z, k) {
-      {
-        var Z = c.ReactDebugCurrentFrame, en = Z.getStackAddendum();
-        en !== "" && (z += "%s", k = k.concat([en]));
-        var _n = k.map(function(dn) {
-          return String(dn);
-        });
-        _n.unshift("Warning: " + z), Function.prototype.apply.call(console[G], console, _n);
-      }
-    }
-    function v(G, z) {
-      return G === z && (G !== 0 || 1 / G === 1 / z) || G !== G && z !== z;
-    }
-    var A = typeof Object.is == "function" ? Object.is : v, b = a.useState, R = a.useEffect, W = a.useLayoutEffect, U = a.useDebugValue, x = !1, I = !1;
-    function D(G, z, k) {
-      x || a.startTransition !== void 0 && (x = !0, u("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
-      var Z = z();
-      if (!I) {
-        var en = z();
-        A(Z, en) || (u("The result of getSnapshot should be cached to avoid an infinite loop"), I = !0);
-      }
-      var _n = b({
-        inst: {
-          value: Z,
-          getSnapshot: z
-        }
-      }), dn = _n[0].inst, Oe = _n[1];
-      return W(function() {
-        dn.value = Z, dn.getSnapshot = z, N(dn) && Oe({
-          inst: dn
-        });
-      }, [G, Z, z]), R(function() {
-        N(dn) && Oe({
-          inst: dn
-        });
-        var tt = function() {
-          N(dn) && Oe({
-            inst: dn
-          });
-        };
-        return G(tt);
-      }, [G]), U(Z), Z;
-    }
-    function N(G) {
-      var z = G.getSnapshot, k = G.value;
-      try {
-        var Z = z();
-        return !A(k, Z);
-      } catch {
-        return !0;
-      }
-    }
-    function X(G, z, k) {
-      return z();
-    }
-    var T = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", M = !T, F = M ? X : D, un = a.useSyncExternalStore !== void 0 ? a.useSyncExternalStore : F;
-    ji.useSyncExternalStore = un, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-  }()), ji;
-}
-var ea;
-function ga() {
-  return ea || (ea = 1, function(a) {
-    process.env.NODE_ENV === "production" ? a.exports = ad() : a.exports = sd();
-  }(Qi)), Qi.exports;
-}
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var ta;
-function ld() {
-  if (ta)
-    return Xi;
-  ta = 1;
-  var a = br, c = ga();
-  function u(U, x) {
-    return U === x && (U !== 0 || 1 / U === 1 / x) || U !== U && x !== x;
-  }
-  var _ = typeof Object.is == "function" ? Object.is : u, v = c.useSyncExternalStore, A = a.useRef, b = a.useEffect, R = a.useMemo, W = a.useDebugValue;
-  return Xi.useSyncExternalStoreWithSelector = function(U, x, I, D, N) {
-    var X = A(null);
-    if (X.current === null) {
-      var T = { hasValue: !1, value: null };
-      X.current = T;
-    } else
-      T = X.current;
-    X = R(function() {
-      function F(Z) {
-        if (!un) {
-          if (un = !0, G = Z, Z = D(Z), N !== void 0 && T.hasValue) {
-            var en = T.value;
-            if (N(en, Z))
-              return z = en;
-          }
-          return z = Z;
-        }
-        if (en = z, _(G, Z))
-          return en;
-        var _n = D(Z);
-        return N !== void 0 && N(en, _n) ? en : (G = Z, z = _n);
-      }
-      var un = !1, G, z, k = I === void 0 ? null : I;
-      return [function() {
-        return F(x());
-      }, k === null ? void 0 : function() {
-        return F(k());
-      }];
-    }, [x, I, D, N]);
-    var M = v(U, X[0], X[1]);
-    return b(function() {
-      T.hasValue = !0, T.value = M;
-    }, [M]), W(M), M;
-  }, Xi;
-}
-var nu = {};
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var ra;
-function cd() {
-  return ra || (ra = 1, process.env.NODE_ENV !== "production" && function() {
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-    var a = br, c = ga();
-    function u(x, I) {
-      return x === I && (x !== 0 || 1 / x === 1 / I) || x !== x && I !== I;
-    }
-    var _ = typeof Object.is == "function" ? Object.is : u, v = c.useSyncExternalStore, A = a.useRef, b = a.useEffect, R = a.useMemo, W = a.useDebugValue;
-    function U(x, I, D, N, X) {
-      var T = A(null), M;
-      T.current === null ? (M = {
-        hasValue: !1,
-        value: null
-      }, T.current = M) : M = T.current;
-      var F = R(function() {
-        var k = !1, Z, en, _n = function(Ae) {
-          if (!k) {
-            k = !0, Z = Ae;
-            var rt = N(Ae);
-            if (X !== void 0 && M.hasValue) {
-              var Be = M.value;
-              if (X(Be, rt))
-                return en = Be, Be;
-            }
-            return en = rt, rt;
-          }
-          var Ir = Z, it = en;
-          if (_(Ir, Ae))
-            return it;
-          var $n = N(Ae);
-          return X !== void 0 && X(it, $n) ? it : (Z = Ae, en = $n, $n);
-        }, dn = D === void 0 ? null : D, Oe = function() {
-          return _n(I());
-        }, tt = dn === null ? void 0 : function() {
-          return _n(dn());
-        };
-        return [Oe, tt];
-      }, [I, D, N, X]), un = F[0], G = F[1], z = v(x, un, G);
-      return b(function() {
-        M.hasValue = !0, M.value = z;
-      }, [z]), W(z), z;
-    }
-    nu.useSyncExternalStoreWithSelector = U, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-  }()), nu;
-}
-(function(a) {
-  process.env.NODE_ENV === "production" ? a.exports = ld() : a.exports = cd();
-})(pa);
-const hd = /* @__PURE__ */ od(pa.exports), { useSyncExternalStoreWithSelector: pd } = hd;
-function Dd(a, c = a.getState, u) {
-  const _ = pd(
-    a.subscribe,
-    a.getState,
-    a.getServerState || a.getState,
-    c,
-    u
-  );
-  return fd(_), _;
-}
-var ia = { exports: {} };
+import { c as bt, g as fd } from "./commonjs.e3daa2e5.js";
+import br, { useDebugValue as od } from "react";
+var ko = { exports: {} };
 /**
  * @license
  * Lodash <https://lodash.com/>
@@ -3805,105 +3533,377 @@ function print() { __p += __j.call(arguments, '') }
       function ud(n, e) {
         return n && n.length ? kr(n, L(e, 2)) : 0;
       }
-      return f.after = bp, f.ary = bo, f.assign = gg, f.assignIn = Ho, f.assignInWith = xr, f.assignWith = _g, f.at = dg, f.before = Io, f.bind = Ui, f.bindAll = m_, f.bindKey = To, f.castArray = Fp, f.chain = Ao, f.chunk = Zc, f.compact = Jc, f.concat = Xc, f.cond = x_, f.conforms = O_, f.constant = qi, f.countBy = ip, f.create = vg, f.curry = Lo, f.curryRight = Co, f.debounce = Po, f.defaults = yg, f.defaultsDeep = wg, f.defer = Ip, f.delay = Tp, f.difference = Qc, f.differenceBy = kc, f.differenceWith = jc, f.drop = nh, f.dropRight = eh, f.dropRightWhile = th, f.dropWhile = rh, f.fill = ih, f.filter = fp, f.flatMap = sp, f.flatMapDeep = lp, f.flatMapDepth = cp, f.flatten = So, f.flattenDeep = uh, f.flattenDepth = fh, f.flip = Lp, f.flow = E_, f.flowRight = R_, f.fromPairs = oh, f.functions = Rg, f.functionsIn = bg, f.groupBy = hp, f.initial = sh, f.intersection = lh, f.intersectionBy = ch, f.intersectionWith = hh, f.invert = Tg, f.invertBy = Lg, f.invokeMap = gp, f.iteratee = $i, f.keyBy = _p, f.keys = gn, f.keysIn = bn, f.map = dr, f.mapKeys = Pg, f.mapValues = Dg, f.matches = b_, f.matchesProperty = I_, f.memoize = yr, f.merge = Wg, f.mergeWith = Ko, f.method = T_, f.methodOf = L_, f.mixin = Yi, f.negate = wr, f.nthArg = P_, f.omit = Mg, f.omitBy = Bg, f.once = Cp, f.orderBy = dp, f.over = D_, f.overArgs = Pp, f.overEvery = W_, f.overSome = M_, f.partial = Ni, f.partialRight = Do, f.partition = vp, f.pick = Ug, f.pickBy = zo, f.property = Xo, f.propertyOf = B_, f.pull = dh, f.pullAll = xo, f.pullAllBy = vh, f.pullAllWith = yh, f.pullAt = wh, f.range = U_, f.rangeRight = N_, f.rearg = Dp, f.reject = Sp, f.remove = Sh, f.rest = Wp, f.reverse = Mi, f.sampleSize = xp, f.set = Fg, f.setWith = Gg, f.shuffle = Op, f.slice = mh, f.sortBy = Rp, f.sortedUniq = Ih, f.sortedUniqBy = Th, f.split = s_, f.spread = Mp, f.tail = Lh, f.take = Ch, f.takeRight = Ph, f.takeRightWhile = Dh, f.takeWhile = Wh, f.tap = Jh, f.throttle = Bp, f.thru = _r, f.toArray = No, f.toPairs = qo, f.toPairsIn = $o, f.toPath = z_, f.toPlainObject = Go, f.transform = Hg, f.unary = Up, f.union = Mh, f.unionBy = Bh, f.unionWith = Uh, f.uniq = Nh, f.uniqBy = Fh, f.uniqWith = Gh, f.unset = Kg, f.unzip = Bi, f.unzipWith = Oo, f.update = zg, f.updateWith = qg, f.values = ke, f.valuesIn = $g, f.without = Hh, f.words = Zo, f.wrap = Np, f.xor = Kh, f.xorBy = zh, f.xorWith = qh, f.zip = $h, f.zipObject = Yh, f.zipObjectDeep = Vh, f.zipWith = Zh, f.entries = qo, f.entriesIn = $o, f.extend = Ho, f.extendWith = xr, Yi(f, f), f.add = $_, f.attempt = Jo, f.camelCase = Jg, f.capitalize = Yo, f.ceil = Y_, f.clamp = Yg, f.clone = Gp, f.cloneDeep = Kp, f.cloneDeepWith = zp, f.cloneWith = Hp, f.conformsTo = qp, f.deburr = Vo, f.defaultTo = A_, f.divide = V_, f.endsWith = Xg, f.eq = Xn, f.escape = Qg, f.escapeRegExp = kg, f.every = up, f.find = op, f.findIndex = yo, f.findKey = Sg, f.findLast = ap, f.findLastIndex = wo, f.findLastKey = mg, f.floor = Z_, f.forEach = Eo, f.forEachRight = Ro, f.forIn = xg, f.forInRight = Og, f.forOwn = Ag, f.forOwnRight = Eg, f.get = Hi, f.gt = $p, f.gte = Yp, f.has = Ig, f.hasIn = Ki, f.head = mo, f.identity = In, f.includes = pp, f.indexOf = ah, f.inRange = Vg, f.invoke = Cg, f.isArguments = De, f.isArray = H, f.isArrayBuffer = Vp, f.isArrayLike = Rn, f.isArrayLikeObject = ln, f.isBoolean = Zp, f.isBuffer = xe, f.isDate = Jp, f.isElement = Xp, f.isEmpty = Qp, f.isEqual = kp, f.isEqualWith = jp, f.isError = Fi, f.isFinite = ng, f.isFunction = le, f.isInteger = Wo, f.isLength = Sr, f.isMap = Mo, f.isMatch = eg, f.isMatchWith = tg, f.isNaN = rg, f.isNative = ig, f.isNil = fg, f.isNull = ug, f.isNumber = Bo, f.isObject = an, f.isObjectLike = sn, f.isPlainObject = Rt, f.isRegExp = Gi, f.isSafeInteger = og, f.isSet = Uo, f.isString = mr, f.isSymbol = Pn, f.isTypedArray = Qe, f.isUndefined = ag, f.isWeakMap = sg, f.isWeakSet = lg, f.join = ph, f.kebabCase = jg, f.last = zn, f.lastIndexOf = gh, f.lowerCase = n_, f.lowerFirst = e_, f.lt = cg, f.lte = hg, f.max = J_, f.maxBy = X_, f.mean = Q_, f.meanBy = k_, f.min = j_, f.minBy = nd, f.stubArray = Zi, f.stubFalse = Ji, f.stubObject = F_, f.stubString = G_, f.stubTrue = H_, f.multiply = ed, f.nth = _h, f.noConflict = C_, f.noop = Vi, f.now = vr, f.pad = t_, f.padEnd = r_, f.padStart = i_, f.parseInt = u_, f.random = Zg, f.reduce = yp, f.reduceRight = wp, f.repeat = f_, f.replace = o_, f.result = Ng, f.round = td, f.runInContext = h, f.sample = mp, f.size = Ap, f.snakeCase = a_, f.some = Ep, f.sortedIndex = xh, f.sortedIndexBy = Oh, f.sortedIndexOf = Ah, f.sortedLastIndex = Eh, f.sortedLastIndexBy = Rh, f.sortedLastIndexOf = bh, f.startCase = l_, f.startsWith = c_, f.subtract = rd, f.sum = id, f.sumBy = ud, f.template = h_, f.times = K_, f.toFinite = ce, f.toInteger = K, f.toLength = Fo, f.toLower = p_, f.toNumber = qn, f.toSafeInteger = pg, f.toString = j, f.toUpper = g_, f.trim = __, f.trimEnd = d_, f.trimStart = v_, f.truncate = y_, f.unescape = w_, f.uniqueId = q_, f.upperCase = S_, f.upperFirst = zi, f.each = Eo, f.eachRight = Ro, f.first = mo, Yi(f, function() {
-        var n = {};
-        return jn(f, function(e, t) {
-          nn.call(f.prototype, t) || (n[t] = e);
-        }), n;
-      }(), { chain: !1 }), f.VERSION = _, Nn(["bind", "bindKey", "curry", "curryRight", "partial", "partialRight"], function(n) {
-        f[n].placeholder = f;
-      }), Nn(["drop", "take"], function(n, e) {
-        V.prototype[n] = function(t) {
-          t = t === u ? 1 : pn(K(t), 0);
-          var r = this.__filtered__ && !e ? new V(this) : this.clone();
-          return r.__filtered__ ? r.__takeCount__ = Sn(t, r.__takeCount__) : r.__views__.push({
-            size: Sn(t, kn),
-            type: n + (r.__dir__ < 0 ? "Right" : "")
-          }), r;
-        }, V.prototype[n + "Right"] = function(t) {
-          return this.reverse()[n](t).reverse();
-        };
-      }), Nn(["filter", "map", "takeWhile"], function(n, e) {
-        var t = e + 1, r = t == Be || t == it;
-        V.prototype[n] = function(i) {
-          var o = this.clone();
-          return o.__iteratees__.push({
-            iteratee: L(i, 3),
-            type: t
-          }), o.__filtered__ = o.__filtered__ || r, o;
-        };
-      }), Nn(["head", "last"], function(n, e) {
-        var t = "take" + (e ? "Right" : "");
-        V.prototype[n] = function() {
-          return this[t](1).value()[0];
-        };
-      }), Nn(["initial", "tail"], function(n, e) {
-        var t = "drop" + (e ? "" : "Right");
-        V.prototype[n] = function() {
-          return this.__filtered__ ? new V(this) : this[t](1);
-        };
-      }), V.prototype.compact = function() {
-        return this.filter(In);
-      }, V.prototype.find = function(n) {
-        return this.filter(n).head();
-      }, V.prototype.findLast = function(n) {
-        return this.reverse().find(n);
-      }, V.prototype.invokeMap = $(function(n, e) {
-        return typeof n == "function" ? new V(this) : this.map(function(t) {
-          return St(t, n, e);
+      return f.after = bp, f.ary = bo, f.assign = gg, f.assignIn = Ho, f.assignInWith = xr, f.assignWith = _g, f.at = dg, f.before = Io, f.bind = Ui, f.bindAll = m_, f.bindKey = To, f.castArray = Fp, f.chain = Ao, f.chunk = Zc, f.compact = Jc, f.concat = Xc, f.cond = x_, f.conforms = O_, f.constant = qi, f.countBy = ip, f.create = vg, f.curry = Lo, f.curryRight = Co, f.debounce = Po, f.defaults = yg, f.defaultsDeep = wg, f.defer = Ip, f.delay = Tp, f.difference = Qc, f.differenceBy = kc, f.differenceWith = jc, f.drop = nh, f.dropRight = eh, f.dropRightWhile = th, f.dropWhile = rh, f.fill = ih, f.filter = fp, f.flatMap = sp, f.flatMapDeep = lp, f.flatMapDepth = cp, f.flatten = So, f.flattenDeep = uh, f.flattenDepth = fh, f.flip = Lp, f.flow = E_, f.flowRight = R_, f.fromPairs = oh, f.functions = Rg, f.functionsIn = bg, f.groupBy = hp, f.initial = sh, f.intersection = lh, f.intersectionBy = ch, f.intersectionWith = hh, f.invert = Tg, f.invertBy = Lg, f.invokeMap = gp, f.iteratee = $i, f.keyBy = _p, f.keys = gn, f.keysIn = bn, f.map = dr, f.mapKeys = Pg, f.mapValues = Dg, f.matches = b_, f.matchesProperty = I_, f.memoize = yr, f.merge = Wg, f.mergeWith = Ko, f.method = T_, f.methodOf = L_, f.mixin = Yi, f.negate = wr, f.nthArg = P_, f.omit = Mg, f.omitBy = Bg, f.once = Cp, f.orderBy = dp, f.over = D_, f.overArgs = Pp, f.overEvery = W_, f.overSome = M_, f.partial = Ni, f.partialRight = Do, f.partition = vp, f.pick = Ug, f.pickBy = zo, f.property = Xo, f.propertyOf = B_, f.pull = dh, f.pullAll = xo, f.pullAllBy = vh, f.pullAllWith = yh, f.pullAt = wh, f.range = U_, f.rangeRight = N_, f.rearg = Dp, f.reject = Sp, f.remove = Sh, f.rest = Wp, f.reverse = Mi, f.sampleSize = xp, f.set = Fg, f.setWith = Gg, f.shuffle = Op, f.slice = mh, f.sortBy = Rp, f.sortedUniq = Ih, f.sortedUniqBy = Th, f.split = s_, f.spread = Mp, f.tail = Lh, f.take = Ch, f.takeRight = Ph, f.takeRightWhile = Dh, f.takeWhile = Wh, f.tap = Jh, f.throttle = Bp, f.thru = _r, f.toArray = No, f.toPairs = qo, f.toPairsIn = $o, f.toPath = z_, f.toPlainObject = Go, f.transform = Hg, f.unary = Up, f.union = Mh, f.unionBy = Bh, f.unionWith = Uh, f.uniq = Nh, f.uniqBy = Fh, f.uniqWith = Gh, f.unset = Kg, f.unzip = Bi, f.unzipWith = Oo, f.update = zg, f.updateWith = qg, f.values = ke, f.valuesIn = $g, f.without = Hh, f.words = Zo, f.wrap = Np, f.xor = Kh, f.xorBy = zh, f.xorWith = qh, f.zip = $h, f.zipObject = Yh, f.zipObjectDeep = Vh, f.zipWith = Zh, f.entries = qo, f.entriesIn = $o, f.extend = Ho, f.extendWith = xr, Yi(f, f), f.add = $_, f.attempt = Jo, f.camelCase = Jg, f.capitalize = Yo, f.ceil = Y_, f.clamp = Yg, f.clone = Gp, f.cloneDeep = Kp, f.cloneDeepWith = zp, f.cloneWith = Hp, f.conformsTo = qp, f.deburr = Vo, f.defaultTo = A_, f.divide = V_, f.endsWith = Xg, f.eq = Xn, f.escape = Qg, f.escapeRegExp = kg, f.every = up, f.find = op, f.findIndex = yo, f.findKey = Sg, f.findLast = ap, f.findLastIndex = wo, f.findLastKey = mg, f.floor = Z_, f.forEach = Eo, f.forEachRight = Ro, f.forIn = xg, f.forInRight = Og, f.forOwn = Ag, f.forOwnRight = Eg, f.get = Hi, f.gt = $p, f.gte = Yp, f.has = Ig, f.hasIn = Ki, f.head = mo, f.identity = In, f.includes = pp, f.indexOf = ah, f.inRange = Vg, f.invoke = Cg, f.isArguments = De, f.isArray = H, f.isArrayBuffer = Vp, f.isArrayLike = Rn, f.isArrayLikeObject = ln, f.isBoolean = Zp, f.isBuffer = xe, f.isDate = Jp, f.isElement = Xp, f.isEmpty = Qp, f.isEqual = kp, f.isEqualWith = jp, f.isError = Fi, f.isFinite = ng, f.isFunction = le, f.isInteger = Wo, f.isLength = Sr, f.isMap = Mo, f.isMatch = eg, f.isMatchWith = tg, f.isNaN = rg, f.isNative = ig, f.isNil = fg, f.isNull = ug, f.isNumber = Bo, f.isObject = an, f.isObjectLike = sn, f.isPlainObject = Rt, f.isRegExp = Gi, f.isSafeInteger = og, f.isSet = Uo, f.isString = mr, f.isSymbol = Pn, f.isTypedArray = Qe, f.isUndefined = ag, f.isWeakMap = sg, f.isWeakSet = lg, f.join = ph, f.kebabCase = jg, f.last = zn, f.lastIndexOf = gh, f.lowerCase = n_, f.lowerFirst = e_, f.lt = cg, f.lte = hg, f.max = J_, f.maxBy = X_, f.mean = Q_, f.meanBy = k_, f.min = j_, f.minBy = nd, f.stubArray = Zi, f.stubFalse = Ji, f.stubObject = F_, f.stubString = G_, f.stubTrue = H_, f.multiply = ed, f.nth = _h, f.noConflict = C_, f.noop = Vi, f.now = vr, f.pad = t_, f.padEnd = r_, f.padStart = i_, f.parseInt = u_, f.random = Zg, f.reduce = yp, f.reduceRight = wp, f.repeat = f_, f.replace = o_, f.result = Ng, f.round = td, f.runInContext = h, f.sample = mp, f.size = Ap, f.snakeCase = a_, f.some = Ep, f.sortedIndex = xh, f.sortedIndexBy = Oh, f.sortedIndexOf = Ah, f.sortedLastIndex = Eh, f.sortedLastIndexBy = Rh, f.sortedLastIndexOf = bh, f.startCase = l_, f.startsWith = c_, f.subtract = rd, f.sum = id, f.sumBy = ud, f.template = h_, f.times = K_, f.toFinite = ce, f.toInteger = K, f.toLength = Fo, f.toLower = p_, f.toNumber = qn, f.toSafeInteger = pg, f.toString = j, f.toUpper = g_, f.trim = __, f.trimEnd = d_, f.trimStart = v_, f.truncate = y_, f.unescape = w_, f.uniqueId = q_, f.upperCase = S_, f.upperFirst = zi, f.each = Eo, f.eachRight = Ro, f.first = mo, Yi(f, function() {
+        var n = {};
+        return jn(f, function(e, t) {
+          nn.call(f.prototype, t) || (n[t] = e);
+        }), n;
+      }(), { chain: !1 }), f.VERSION = _, Nn(["bind", "bindKey", "curry", "curryRight", "partial", "partialRight"], function(n) {
+        f[n].placeholder = f;
+      }), Nn(["drop", "take"], function(n, e) {
+        V.prototype[n] = function(t) {
+          t = t === u ? 1 : pn(K(t), 0);
+          var r = this.__filtered__ && !e ? new V(this) : this.clone();
+          return r.__filtered__ ? r.__takeCount__ = Sn(t, r.__takeCount__) : r.__views__.push({
+            size: Sn(t, kn),
+            type: n + (r.__dir__ < 0 ? "Right" : "")
+          }), r;
+        }, V.prototype[n + "Right"] = function(t) {
+          return this.reverse()[n](t).reverse();
+        };
+      }), Nn(["filter", "map", "takeWhile"], function(n, e) {
+        var t = e + 1, r = t == Be || t == it;
+        V.prototype[n] = function(i) {
+          var o = this.clone();
+          return o.__iteratees__.push({
+            iteratee: L(i, 3),
+            type: t
+          }), o.__filtered__ = o.__filtered__ || r, o;
+        };
+      }), Nn(["head", "last"], function(n, e) {
+        var t = "take" + (e ? "Right" : "");
+        V.prototype[n] = function() {
+          return this[t](1).value()[0];
+        };
+      }), Nn(["initial", "tail"], function(n, e) {
+        var t = "drop" + (e ? "" : "Right");
+        V.prototype[n] = function() {
+          return this.__filtered__ ? new V(this) : this[t](1);
+        };
+      }), V.prototype.compact = function() {
+        return this.filter(In);
+      }, V.prototype.find = function(n) {
+        return this.filter(n).head();
+      }, V.prototype.findLast = function(n) {
+        return this.reverse().find(n);
+      }, V.prototype.invokeMap = $(function(n, e) {
+        return typeof n == "function" ? new V(this) : this.map(function(t) {
+          return St(t, n, e);
+        });
+      }), V.prototype.reject = function(n) {
+        return this.filter(wr(L(n)));
+      }, V.prototype.slice = function(n, e) {
+        n = K(n);
+        var t = this;
+        return t.__filtered__ && (n > 0 || e < 0) ? new V(t) : (n < 0 ? t = t.takeRight(-n) : n && (t = t.drop(n)), e !== u && (e = K(e), t = e < 0 ? t.dropRight(-e) : t.take(e - n)), t);
+      }, V.prototype.takeRightWhile = function(n) {
+        return this.reverse().takeWhile(n).reverse();
+      }, V.prototype.toArray = function() {
+        return this.take(kn);
+      }, jn(V.prototype, function(n, e) {
+        var t = /^(?:filter|find|map|reject)|While$/.test(e), r = /^(?:head|last)$/.test(e), i = f[r ? "take" + (e == "last" ? "Right" : "") : e], o = r || /^find/.test(e);
+        !i || (f.prototype[e] = function() {
+          var s = this.__wrapped__, l = r ? [1] : arguments, p = s instanceof V, y = l[0], w = p || H(s), S = function(Y) {
+            var J = i.apply(f, _e([Y], l));
+            return r && m ? J[0] : J;
+          };
+          w && t && typeof y == "function" && y.length != 1 && (p = w = !1);
+          var m = this.__chain__, E = !!this.__actions__.length, C = o && !m, q = p && !E;
+          if (!o && w) {
+            s = q ? s : new V(this);
+            var P = n.apply(s, l);
+            return P.__actions__.push({ func: _r, args: [S], thisArg: u }), new Gn(P, m);
+          }
+          return C && q ? n.apply(this, l) : (P = this.thru(S), C ? r ? P.value()[0] : P.value() : P);
+        });
+      }), Nn(["pop", "push", "shift", "sort", "splice", "unshift"], function(n) {
+        var e = Ht[n], t = /^(?:push|sort|unshift)$/.test(n) ? "tap" : "thru", r = /^(?:pop|shift)$/.test(n);
+        f.prototype[n] = function() {
+          var i = arguments;
+          if (r && !this.__chain__) {
+            var o = this.value();
+            return e.apply(H(o) ? o : [], i);
+          }
+          return this[t](function(s) {
+            return e.apply(H(s) ? s : [], i);
+          });
+        };
+      }), jn(V.prototype, function(n, e) {
+        var t = f[e];
+        if (t) {
+          var r = t.name + "";
+          nn.call(Ye, r) || (Ye[r] = []), Ye[r].push({ name: e, func: t });
+        }
+      }), Ye[ar(u, F).name] = [{
+        name: "wrapper",
+        func: u
+      }], V.prototype.clone = wl, V.prototype.reverse = Sl, V.prototype.value = ml, f.prototype.at = Xh, f.prototype.chain = Qh, f.prototype.commit = kh, f.prototype.next = jh, f.prototype.plant = ep, f.prototype.reverse = tp, f.prototype.toJSON = f.prototype.valueOf = f.prototype.value = rp, f.prototype.first = f.prototype.head, pt && (f.prototype[pt] = np), f;
+    }, ze = ks();
+    Ee ? ((Ee.exports = ze)._ = ze, $r._ = ze) : vn._ = ze;
+  }).call(bt);
+})(ko, ko.exports);
+const jo = (a) => {
+  let c;
+  const u = /* @__PURE__ */ new Set(), _ = (W, U) => {
+    const x = typeof W == "function" ? W(c) : W;
+    if (!Object.is(x, c)) {
+      const I = c;
+      c = U ?? typeof x != "object" ? x : Object.assign({}, c, x), u.forEach((D) => D(c, I));
+    }
+  }, v = () => c, R = { setState: _, getState: v, subscribe: (W) => (u.add(W), () => u.delete(W)), destroy: () => {
+    ({ BASE_URL: "/", MODE: "production", DEV: !1, PROD: !0 } && "production") !== "production" && console.warn(
+      "[DEPRECATED] The `destroy` method will be unsupported in a future version. Instead use unsubscribe function returned by subscribe. Everything will be garbage-collected if store is garbage-collected."
+    ), u.clear();
+  } };
+  return c = a(_, v, R), R;
+}, Pd = (a) => a ? jo(a) : jo;
+var pa = { exports: {} }, Xi = {}, Qi = { exports: {} }, ki = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var na;
+function ad() {
+  if (na)
+    return ki;
+  na = 1;
+  var a = br;
+  function c(I, D) {
+    return I === D && (I !== 0 || 1 / I === 1 / D) || I !== I && D !== D;
+  }
+  var u = typeof Object.is == "function" ? Object.is : c, _ = a.useState, v = a.useEffect, A = a.useLayoutEffect, b = a.useDebugValue;
+  function R(I, D) {
+    var N = D(), X = _({ inst: { value: N, getSnapshot: D } }), T = X[0].inst, M = X[1];
+    return A(function() {
+      T.value = N, T.getSnapshot = D, W(T) && M({ inst: T });
+    }, [I, N, D]), v(function() {
+      return W(T) && M({ inst: T }), I(function() {
+        W(T) && M({ inst: T });
+      });
+    }, [I]), b(N), N;
+  }
+  function W(I) {
+    var D = I.getSnapshot;
+    I = I.value;
+    try {
+      var N = D();
+      return !u(I, N);
+    } catch {
+      return !0;
+    }
+  }
+  function U(I, D) {
+    return D();
+  }
+  var x = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? U : R;
+  return ki.useSyncExternalStore = a.useSyncExternalStore !== void 0 ? a.useSyncExternalStore : x, ki;
+}
+var ji = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ea;
+function sd() {
+  return ea || (ea = 1, process.env.NODE_ENV !== "production" && function() {
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
+    var a = br, c = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function u(G) {
+      {
+        for (var z = arguments.length, k = new Array(z > 1 ? z - 1 : 0), Z = 1; Z < z; Z++)
+          k[Z - 1] = arguments[Z];
+        _("error", G, k);
+      }
+    }
+    function _(G, z, k) {
+      {
+        var Z = c.ReactDebugCurrentFrame, en = Z.getStackAddendum();
+        en !== "" && (z += "%s", k = k.concat([en]));
+        var _n = k.map(function(dn) {
+          return String(dn);
+        });
+        _n.unshift("Warning: " + z), Function.prototype.apply.call(console[G], console, _n);
+      }
+    }
+    function v(G, z) {
+      return G === z && (G !== 0 || 1 / G === 1 / z) || G !== G && z !== z;
+    }
+    var A = typeof Object.is == "function" ? Object.is : v, b = a.useState, R = a.useEffect, W = a.useLayoutEffect, U = a.useDebugValue, x = !1, I = !1;
+    function D(G, z, k) {
+      x || a.startTransition !== void 0 && (x = !0, u("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
+      var Z = z();
+      if (!I) {
+        var en = z();
+        A(Z, en) || (u("The result of getSnapshot should be cached to avoid an infinite loop"), I = !0);
+      }
+      var _n = b({
+        inst: {
+          value: Z,
+          getSnapshot: z
+        }
+      }), dn = _n[0].inst, Oe = _n[1];
+      return W(function() {
+        dn.value = Z, dn.getSnapshot = z, N(dn) && Oe({
+          inst: dn
         });
-      }), V.prototype.reject = function(n) {
-        return this.filter(wr(L(n)));
-      }, V.prototype.slice = function(n, e) {
-        n = K(n);
-        var t = this;
-        return t.__filtered__ && (n > 0 || e < 0) ? new V(t) : (n < 0 ? t = t.takeRight(-n) : n && (t = t.drop(n)), e !== u && (e = K(e), t = e < 0 ? t.dropRight(-e) : t.take(e - n)), t);
-      }, V.prototype.takeRightWhile = function(n) {
-        return this.reverse().takeWhile(n).reverse();
-      }, V.prototype.toArray = function() {
-        return this.take(kn);
-      }, jn(V.prototype, function(n, e) {
-        var t = /^(?:filter|find|map|reject)|While$/.test(e), r = /^(?:head|last)$/.test(e), i = f[r ? "take" + (e == "last" ? "Right" : "") : e], o = r || /^find/.test(e);
-        !i || (f.prototype[e] = function() {
-          var s = this.__wrapped__, l = r ? [1] : arguments, p = s instanceof V, y = l[0], w = p || H(s), S = function(Y) {
-            var J = i.apply(f, _e([Y], l));
-            return r && m ? J[0] : J;
-          };
-          w && t && typeof y == "function" && y.length != 1 && (p = w = !1);
-          var m = this.__chain__, E = !!this.__actions__.length, C = o && !m, q = p && !E;
-          if (!o && w) {
-            s = q ? s : new V(this);
-            var P = n.apply(s, l);
-            return P.__actions__.push({ func: _r, args: [S], thisArg: u }), new Gn(P, m);
-          }
-          return C && q ? n.apply(this, l) : (P = this.thru(S), C ? r ? P.value()[0] : P.value() : P);
+      }, [G, Z, z]), R(function() {
+        N(dn) && Oe({
+          inst: dn
         });
-      }), Nn(["pop", "push", "shift", "sort", "splice", "unshift"], function(n) {
-        var e = Ht[n], t = /^(?:push|sort|unshift)$/.test(n) ? "tap" : "thru", r = /^(?:pop|shift)$/.test(n);
-        f.prototype[n] = function() {
-          var i = arguments;
-          if (r && !this.__chain__) {
-            var o = this.value();
-            return e.apply(H(o) ? o : [], i);
-          }
-          return this[t](function(s) {
-            return e.apply(H(s) ? s : [], i);
+        var tt = function() {
+          N(dn) && Oe({
+            inst: dn
           });
         };
-      }), jn(V.prototype, function(n, e) {
-        var t = f[e];
-        if (t) {
-          var r = t.name + "";
-          nn.call(Ye, r) || (Ye[r] = []), Ye[r].push({ name: e, func: t });
+        return G(tt);
+      }, [G]), U(Z), Z;
+    }
+    function N(G) {
+      var z = G.getSnapshot, k = G.value;
+      try {
+        var Z = z();
+        return !A(k, Z);
+      } catch {
+        return !0;
+      }
+    }
+    function X(G, z, k) {
+      return z();
+    }
+    var T = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", M = !T, F = M ? X : D, un = a.useSyncExternalStore !== void 0 ? a.useSyncExternalStore : F;
+    ji.useSyncExternalStore = un, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+  }()), ji;
+}
+var ta;
+function ga() {
+  return ta || (ta = 1, function(a) {
+    process.env.NODE_ENV === "production" ? a.exports = ad() : a.exports = sd();
+  }(Qi)), Qi.exports;
+}
+/**
+ * @license React
+ * use-sync-external-store-shim/with-selector.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ra;
+function ld() {
+  if (ra)
+    return Xi;
+  ra = 1;
+  var a = br, c = ga();
+  function u(U, x) {
+    return U === x && (U !== 0 || 1 / U === 1 / x) || U !== U && x !== x;
+  }
+  var _ = typeof Object.is == "function" ? Object.is : u, v = c.useSyncExternalStore, A = a.useRef, b = a.useEffect, R = a.useMemo, W = a.useDebugValue;
+  return Xi.useSyncExternalStoreWithSelector = function(U, x, I, D, N) {
+    var X = A(null);
+    if (X.current === null) {
+      var T = { hasValue: !1, value: null };
+      X.current = T;
+    } else
+      T = X.current;
+    X = R(function() {
+      function F(Z) {
+        if (!un) {
+          if (un = !0, G = Z, Z = D(Z), N !== void 0 && T.hasValue) {
+            var en = T.value;
+            if (N(en, Z))
+              return z = en;
+          }
+          return z = Z;
         }
-      }), Ye[ar(u, F).name] = [{
-        name: "wrapper",
-        func: u
-      }], V.prototype.clone = wl, V.prototype.reverse = Sl, V.prototype.value = ml, f.prototype.at = Xh, f.prototype.chain = Qh, f.prototype.commit = kh, f.prototype.next = jh, f.prototype.plant = ep, f.prototype.reverse = tp, f.prototype.toJSON = f.prototype.valueOf = f.prototype.value = rp, f.prototype.first = f.prototype.head, pt && (f.prototype[pt] = np), f;
-    }, ze = ks();
-    Ee ? ((Ee.exports = ze)._ = ze, $r._ = ze) : vn._ = ze;
-  }).call(bt);
-})(ia, ia.exports);
+        if (en = z, _(G, Z))
+          return en;
+        var _n = D(Z);
+        return N !== void 0 && N(en, _n) ? en : (G = Z, z = _n);
+      }
+      var un = !1, G, z, k = I === void 0 ? null : I;
+      return [function() {
+        return F(x());
+      }, k === null ? void 0 : function() {
+        return F(k());
+      }];
+    }, [x, I, D, N]);
+    var M = v(U, X[0], X[1]);
+    return b(function() {
+      T.hasValue = !0, T.value = M;
+    }, [M]), W(M), M;
+  }, Xi;
+}
+var nu = {};
+/**
+ * @license React
+ * use-sync-external-store-shim/with-selector.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ia;
+function cd() {
+  return ia || (ia = 1, process.env.NODE_ENV !== "production" && function() {
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
+    var a = br, c = ga();
+    function u(x, I) {
+      return x === I && (x !== 0 || 1 / x === 1 / I) || x !== x && I !== I;
+    }
+    var _ = typeof Object.is == "function" ? Object.is : u, v = c.useSyncExternalStore, A = a.useRef, b = a.useEffect, R = a.useMemo, W = a.useDebugValue;
+    function U(x, I, D, N, X) {
+      var T = A(null), M;
+      T.current === null ? (M = {
+        hasValue: !1,
+        value: null
+      }, T.current = M) : M = T.current;
+      var F = R(function() {
+        var k = !1, Z, en, _n = function(Ae) {
+          if (!k) {
+            k = !0, Z = Ae;
+            var rt = N(Ae);
+            if (X !== void 0 && M.hasValue) {
+              var Be = M.value;
+              if (X(Be, rt))
+                return en = Be, Be;
+            }
+            return en = rt, rt;
+          }
+          var Ir = Z, it = en;
+          if (_(Ir, Ae))
+            return it;
+          var $n = N(Ae);
+          return X !== void 0 && X(it, $n) ? it : (Z = Ae, en = $n, $n);
+        }, dn = D === void 0 ? null : D, Oe = function() {
+          return _n(I());
+        }, tt = dn === null ? void 0 : function() {
+          return _n(dn());
+        };
+        return [Oe, tt];
+      }, [I, D, N, X]), un = F[0], G = F[1], z = v(x, un, G);
+      return b(function() {
+        M.hasValue = !0, M.value = z;
+      }, [z]), W(z), z;
+    }
+    nu.useSyncExternalStoreWithSelector = U, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+  }()), nu;
+}
+(function(a) {
+  process.env.NODE_ENV === "production" ? a.exports = ld() : a.exports = cd();
+})(pa);
+const hd = /* @__PURE__ */ fd(pa.exports), { useSyncExternalStoreWithSelector: pd } = hd;
+function Dd(a, c = a.getState, u) {
+  const _ = pd(
+    a.subscribe,
+    a.getState,
+    a.getServerState || a.getState,
+    c,
+    u
+  );
+  return od(_), _;
+}
 const fu = /* @__PURE__ */ new Map(), Or = (a) => {
   const c = fu.get(a);
   return c ? Object.fromEntries(
@@ -4433,6 +4433,6 @@ export {
   Pd as c,
   Wd as d,
   Md as i,
-  ia as l,
+  ko as l,
   Dd as u
 };

package/package.json

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

package/vite-env.d.ts

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

package/components/index.d8d41b1b.js

@@ -1 +0,0 @@
-

package/contexts/ResponsiveRelativeContext/index.b1f839dc.js

@@ -1,60 +0,0 @@
-import { createContext as m, useRef as p, useMemo as u, useCallback as d } from "react";
-import { c as f, d as k, i as b, l as h } from "../../node_modules.56b5d6e3.js";
-import { jsx as g } from "react/jsx-runtime";
-import { u as x } from "../../hooks/index.9e1fde8c.js";
-const v = { xs: 600, sm: 900, md: 1200, lg: 1536, xl: 1920 }, P = (r) => {
-  const s = {
-    ...r
-  };
-  return f(
-    k(
-      b((t, e) => ({
-        ...s,
-        responsiveRelativeActions: {
-          setBreakpoint: (o) => {
-            t(
-              (n) => {
-                n.breakPoint = o;
-              }
-            );
-          }
-        }
-      })),
-      { name: "Responsive Relative Store" }
-    )
-  );
-}, S = m(null), C = (r) => {
-  const {
-    children: s,
-    observedDivRef: t
-  } = r, e = p();
-  e.current || (e.current = P({
-    breakPoint: "md"
-  }));
-  const o = u(() => () => {
-    const i = t.current;
-    if (i instanceof HTMLElement && i.clientWidth) {
-      const l = Object.keys(v);
-      for (let a = 0; a < l.length; a++) {
-        const c = l[a];
-        if (i.clientWidth <= v[c] && c !== e.current?.getState().breakPoint) {
-          e.current?.getState().responsiveRelativeActions.setBreakpoint(c);
-          break;
-        }
-      }
-    }
-  }, []), n = h.exports.throttle(o, 200, {
-    leading: !1,
-    trailing: !0
-  }), R = d(() => {
-    n();
-  }, [e.current]);
-  return x(R, t), /* @__PURE__ */ g(S.Provider, {
-    value: e.current,
-    children: s
-  });
-};
-export {
-  S as R,
-  C as a
-};

package/contexts/ResponsiveRelativeContext/index.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { ResponsiveRelativeProviderProps } from './types';
-declare const ResponsiveRelativeContext: import("react").Context<(Omit<Omit<import("zustand").StoreApi<import("./types").ResponsiveRelativeStateWithActions>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: import("./types").ResponsiveRelativeStateWithActions | Partial<import("./types").ResponsiveRelativeStateWithActions> | ((state: import("./types").ResponsiveRelativeStateWithActions) => import("./types").ResponsiveRelativeStateWithActions | Partial<import("./types").ResponsiveRelativeStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "setState"> & {
-    setState(nextStateOrUpdater: import("./types").ResponsiveRelativeStateWithActions | Partial<import("./types").ResponsiveRelativeStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<import("./types").ResponsiveRelativeStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
-    } | undefined): void;
-}) | null>;
-declare const ResponsiveRelativeProvider: (props: ResponsiveRelativeProviderProps) => import("react").JSX.Element;
-export { ResponsiveRelativeProvider, ResponsiveRelativeContext };

package/contexts/ResponsiveRelativeContext/store.d.ts

@@ -1,11 +0,0 @@
-import { InitialResponsiveRelativeProps, ResponsiveRelativeStateWithActions } from './types';
-export declare const createResponsiveRelativeStore: (initProps: InitialResponsiveRelativeProps) => Omit<Omit<import("zustand").StoreApi<ResponsiveRelativeStateWithActions>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: ResponsiveRelativeStateWithActions | Partial<ResponsiveRelativeStateWithActions> | ((state: ResponsiveRelativeStateWithActions) => ResponsiveRelativeStateWithActions | Partial<ResponsiveRelativeStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "setState"> & {
-    setState(nextStateOrUpdater: ResponsiveRelativeStateWithActions | Partial<ResponsiveRelativeStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<ResponsiveRelativeStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
-    } | undefined): void;
-};
-export declare type ResponsiveRelativeStore = ReturnType<typeof createResponsiveRelativeStore>;

package/contexts/index.ee173661.js

@@ -1 +0,0 @@
-

package/hooks/index.9e1fde8c.js

@@ -1,44 +0,0 @@
-import { useRef as u, useEffect as n, useState as f, useContext as c, useLayoutEffect as i } from "react";
-import { H as a } from "../contexts/HostThemeContext/index.4291ba89.js";
-function w() {
-  const e = u(!0);
-  return n(
-    () => () => {
-      e.current = !1;
-    },
-    []
-  ), e;
-}
-function d(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 p = () => {
-  const e = c(a);
-  if (!e)
-    throw new Error("useHostTheme context must be use inside HostThemeProvider");
-  return e;
-};
-function T(e, o) {
-  i(() => {
-    const t = o?.current;
-    if (!t)
-      return;
-    const s = new ResizeObserver((r) => {
-      e(t, r[0]);
-    });
-    return s.observe(t), () => {
-      s.disconnect();
-    };
-  }, [e, o.current]);
-}
-export {
-  w as a,
-  d as b,
-  p as c,
-  T as u
-};

package/hooks/useResponsive/index.d90a6b52.js

@@ -1,17 +0,0 @@
-import { useContext as o } from "react";
-import { u as r } from "../../node_modules.56b5d6e3.js";
-import { R as n } from "../../contexts/ResponsiveRelativeContext/index.b1f839dc.js";
-import { useResponsive as i } from "@m4l/styles";
-function f(e, t) {
-  const s = o(n);
-  if (!s)
-    throw new Error("useAreasStore context must be use inside AreasContext");
-  return r(s, e, t);
-}
-function R() {
-  return i("up", "sm");
-}
-export {
-  R as a,
-  f as u
-};

package/hooks/useResponsiveRelative/index.d.ts

@@ -1,2 +0,0 @@
-import { ResponsiveRelativeStateWithActions } from '../../contexts/ResponsiveRelativeContext/types';
-export declare function useResponsiveRelativeStore<T>(selector: (state: ResponsiveRelativeStateWithActions) => T, equalityFn?: (left: T, right: T) => boolean): T;