react-shared-states 1.0.18 → 1.0.20

package/dist/main.esm.js

@@ -1,418 +1,136 @@
 /*!
-* react-shared-states v1.0.18
+* react-shared-states v1.0.20
 * (c) Hichem Taboukouyout
 * Released under the MIT License.
 * Github: github.com/HichemTab-tech/react-shared-states
 */
 
-import ve, { createContext as be, useMemo as A, useContext as xe, useEffect as se, useSyncExternalStore as V, useRef as Ee } from "react";
-function me(o) {
-  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
-}
-var F = { exports: {} }, C = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Q;
-function _e() {
-  if (Q) return C;
-  Q = 1;
-  var o = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
-  function r(t, i, n) {
-    var s = null;
-    if (n !== void 0 && (s = "" + n), i.key !== void 0 && (s = "" + i.key), "key" in i) {
-      n = {};
-      for (var f in i)
-        f !== "key" && (n[f] = i[f]);
-    } else n = i;
-    return i = n.ref, {
-      $$typeof: o,
-      type: t,
-      key: s,
-      ref: i !== void 0 ? i : null,
-      props: n
-    };
-  }
-  return C.Fragment = e, C.jsx = r, C.jsxs = r, C;
-}
-var D = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var K;
-function Re() {
-  return K || (K = 1, process.env.NODE_ENV !== "production" && (function() {
-    function o(a) {
-      if (a == null) return null;
-      if (typeof a == "function")
-        return a.$$typeof === he ? null : a.displayName || a.name || null;
-      if (typeof a == "string") return a;
-      switch (a) {
-        case x:
-          return "Fragment";
-        case L:
-          return "Profiler";
-        case O:
-          return "StrictMode";
-        case fe:
-          return "Suspense";
-        case le:
-          return "SuspenseList";
-        case pe:
-          return "Activity";
-      }
-      if (typeof a == "object")
-        switch (typeof a.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), a.$$typeof) {
-          case v:
-            return "Portal";
-          case ue:
-            return (a.displayName || "Context") + ".Provider";
-          case oe:
-            return (a._context.displayName || "Context") + ".Consumer";
-          case ce:
-            var c = a.render;
-            return a = a.displayName, a || (a = c.displayName || c.name || "", a = a !== "" ? "ForwardRef(" + a + ")" : "ForwardRef"), a;
-          case de:
-            return c = a.displayName || null, c !== null ? c : o(a.type) || "Memo";
-          case B:
-            c = a._payload, a = a._init;
-            try {
-              return o(a(c));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function e(a) {
-      return "" + a;
-    }
-    function r(a) {
-      try {
-        e(a);
-        var c = !1;
-      } catch {
-        c = !0;
-      }
-      if (c) {
-        c = console;
-        var h = c.error, E = typeof Symbol == "function" && Symbol.toStringTag && a[Symbol.toStringTag] || a.constructor.name || "Object";
-        return h.call(
-          c,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          E
-        ), e(a);
-      }
-    }
-    function t(a) {
-      if (a === x) return "<>";
-      if (typeof a == "object" && a !== null && a.$$typeof === B)
-        return "<...>";
-      try {
-        var c = o(a);
-        return c ? "<" + c + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function i() {
-      var a = $.A;
-      return a === null ? null : a.getOwner();
-    }
-    function n() {
-      return Error("react-stack-top-frame");
-    }
-    function s(a) {
-      if (J.call(a, "key")) {
-        var c = Object.getOwnPropertyDescriptor(a, "key").get;
-        if (c && c.isReactWarning) return !1;
-      }
-      return a.key !== void 0;
-    }
-    function f(a, c) {
-      function h() {
-        M || (M = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          c
-        ));
-      }
-      h.isReactWarning = !0, Object.defineProperty(a, "key", {
-        get: h,
-        configurable: !0
-      });
-    }
-    function u() {
-      var a = o(this.type);
-      return X[a] || (X[a] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), a = this.props.ref, a !== void 0 ? a : null;
-    }
-    function S(a, c, h, E, y, T, I, q) {
-      return h = T.ref, a = {
-        $$typeof: b,
-        type: a,
-        key: c,
-        props: T,
-        _owner: y
-      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(a, "ref", {
-        enumerable: !1,
-        get: u
-      }) : Object.defineProperty(a, "ref", { enumerable: !1, value: null }), a._store = {}, Object.defineProperty(a._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(a, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(a, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: I
-      }), Object.defineProperty(a, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: q
-      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
-    }
-    function p(a, c, h, E, y, T, I, q) {
-      var m = c.children;
-      if (m !== void 0)
-        if (E)
-          if (ge(m)) {
-            for (E = 0; E < m.length; E++)
-              l(m[E]);
-            Object.freeze && Object.freeze(m);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else l(m);
-      if (J.call(c, "key")) {
-        m = o(a);
-        var P = Object.keys(c).filter(function(Se) {
-          return Se !== "key";
-        });
-        E = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", k[m + E] || (P = 0 < P.length ? "{" + P.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          E,
-          m,
-          P,
-          m
-        ), k[m + E] = !0);
-      }
-      if (m = null, h !== void 0 && (r(h), m = "" + h), s(c) && (r(c.key), m = "" + c.key), "key" in c) {
-        h = {};
-        for (var W in c)
-          W !== "key" && (h[W] = c[W]);
-      } else h = c;
-      return m && f(
-        h,
-        typeof a == "function" ? a.displayName || a.name || "Unknown" : a
-      ), S(
-        a,
-        m,
-        T,
-        y,
-        i(),
-        h,
-        I,
-        q
-      );
-    }
-    function l(a) {
-      typeof a == "object" && a !== null && a.$$typeof === b && a._store && (a._store.validated = 1);
-    }
-    var _ = ve, b = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), L = Symbol.for("react.profiler"), oe = Symbol.for("react.consumer"), ue = Symbol.for("react.context"), ce = Symbol.for("react.forward_ref"), fe = Symbol.for("react.suspense"), le = Symbol.for("react.suspense_list"), de = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), pe = Symbol.for("react.activity"), he = Symbol.for("react.client.reference"), $ = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, ge = Array.isArray, Y = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    _ = {
-      react_stack_bottom_frame: function(a) {
-        return a();
-      }
-    };
-    var M, X = {}, H = _.react_stack_bottom_frame.bind(
-      _,
-      n
-    )(), Z = Y(t(n)), k = {};
-    D.Fragment = x, D.jsx = function(a, c, h, E, y) {
-      var T = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return p(
-        a,
-        c,
-        h,
-        !1,
-        E,
-        y,
-        T ? Error("react-stack-top-frame") : H,
-        T ? Y(t(a)) : Z
-      );
-    }, D.jsxs = function(a, c, h, E, y) {
-      var T = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return p(
-        a,
-        c,
-        h,
-        !0,
-        E,
-        y,
-        T ? Error("react-stack-top-frame") : H,
-        T ? Y(t(a)) : Z
-      );
-    };
-  })()), D;
-}
-var ee;
-function we() {
-  return ee || (ee = 1, process.env.NODE_ENV === "production" ? F.exports = _e() : F.exports = Re()), F.exports;
-}
-var Te = we();
-let ne = !1;
-const $e = (o) => {
-  ne = o;
-}, G = (...o) => {
-  ne && console.log(
+import { jsx as $ } from "react/jsx-runtime";
+import { createContext as q, useMemo as L, useContext as R, useEffect as C, useSyncExternalStore as m, useRef as z } from "react";
+let P = !1;
+const N = (a) => {
+  P = a;
+}, V = (...a) => {
+  P && console.log(
     "%c[react-shared-states]",
     "color: #007acc; font-weight: bold",
-    ...o
+    ...a
   );
-}, j = (o) => {
-  if (!o) throw new Error("Value is empty");
-  return o;
-}, ae = () => Math.random().toString(36).substring(2, 15), ie = be(void 0), Ye = ({ children: o, scopeName: e }) => {
-  if (e && e.includes("//")) throw new Error("scopeName cannot contain '//'");
-  return e || (e = A(() => ae(), [])), /* @__PURE__ */ Te.jsx(ie.Provider, { value: { scopeName: e }, children: o });
-}, Ae = () => xe(ie), te = [];
-class d {
+}, w = (a) => {
+  if (!a) throw new Error("Value is empty");
+  return a;
+}, _ = () => Math.random().toString(36).substring(2, 15), B = q(void 0), k = ({ children: a, scopeName: t }) => {
+  if (t && t.includes("//")) throw new Error("scopeName cannot contain '//'");
+  return t || (t = L(() => _(), [])), /* @__PURE__ */ $(B.Provider, { value: { scopeName: t }, children: a });
+}, G = () => R(B), F = [];
+class c {
   data = /* @__PURE__ */ new Map();
   defaultValue() {
     return {};
   }
-  addListener(e, r, t) {
-    this.data.has(d.prefix(e, r)) || this.data.set(d.prefix(e, r), {
+  addListener(t, r, e) {
+    this.data.has(c.prefix(t, r)) || this.data.set(c.prefix(t, r), {
       ...this.defaultValue(),
       listeners: []
-    }), this.data.get(d.prefix(e, r)).listeners.push(t);
+    }), this.data.get(c.prefix(t, r)).listeners.push(e);
   }
-  removeListener(e, r, t) {
-    this.data.has(d.prefix(e, r)) && (this.data.get(d.prefix(e, r)).listeners = this.data.get(d.prefix(e, r)).listeners.filter((i) => i !== t));
+  removeListener(t, r, e) {
+    this.data.has(c.prefix(t, r)) && (this.data.get(c.prefix(t, r)).listeners = this.data.get(c.prefix(t, r)).listeners.filter((i) => i !== e));
   }
-  callListeners(e, r) {
-    this.data.has(d.prefix(e, r)) && this.data.get(d.prefix(e, r)).listeners.forEach((t) => t());
+  callListeners(t, r) {
+    this.data.has(c.prefix(t, r)) && this.data.get(c.prefix(t, r)).listeners.forEach((e) => e());
   }
-  init(e, r, t, i = !1) {
-    this.data.has(d.prefix(e, r)) || this.data.set(d.prefix(e, r), {
-      ...t,
+  init(t, r, e, i = !1) {
+    this.data.has(c.prefix(t, r)) || this.data.set(c.prefix(t, r), {
+      ...e,
       isStatic: i,
       listeners: []
     });
   }
-  createStatic(e, r) {
-    const t = r ?? r ?? "_global", i = {
-      key: ae(),
-      prefix: t,
-      ...e
+  createStatic(t, r) {
+    const e = r ?? r ?? "_global", i = {
+      key: _(),
+      prefix: e,
+      ...t
     };
-    return te.push(i), this.initStatic(i), i;
+    return F.push(i), this.initStatic(i), i;
   }
-  initStatic(e) {
-    const { key: r, prefix: t } = e;
-    this.init(r, t, this.defaultValue(), !0);
+  initStatic(t) {
+    const { key: r, prefix: e } = t;
+    this.init(r, e, this.defaultValue(), !0);
   }
-  clearAll(e = !1, r = !1) {
-    this.data.forEach((t, i) => {
-      const [n, s] = d.extractPrefix(i);
-      this.clear(s, n, e, r);
+  clearAll(t = !1, r = !1) {
+    this.data.forEach((e, i) => {
+      const [n, s] = c.extractPrefix(i);
+      this.clear(s, n, t, r);
     });
   }
-  clear(e, r, t = !1, i = !1) {
-    t || this.callListeners(e, r);
-    const n = this.data.get(d.prefix(e, r));
+  clear(t, r, e = !1, i = !1) {
+    e || this.callListeners(t, r);
+    const n = this.data.get(c.prefix(t, r));
     if (!n) return;
     const s = { ...n };
-    if (this.data.delete(d.prefix(e, r)), s.isStatic && !i) {
-      const f = te.find((u) => u.key === e && u.prefix === r);
-      f && this.initStatic(f);
+    if (this.data.delete(c.prefix(t, r)), s.isStatic && !i) {
+      const u = F.find((o) => o.key === t && o.prefix === r);
+      u && this.initStatic(u);
     }
   }
-  get(e, r) {
-    let t = this.has(e, r);
-    if (t)
-      return this.data.get(t);
+  get(t, r) {
+    let e = this.has(t, r);
+    if (e)
+      return this.data.get(e);
   }
-  setValue(e, r, t) {
-    this.data.has(d.prefix(e, r)) && this.data.set(d.prefix(e, r), {
-      ...this.data.get(d.prefix(e, r)),
-      ...t
+  setValue(t, r, e) {
+    this.data.has(c.prefix(t, r)) && this.data.set(c.prefix(t, r), {
+      ...this.data.get(c.prefix(t, r)),
+      ...e
     });
   }
-  has(e, r) {
-    return this.data.has(d.prefix(e, r)) ? d.prefix(e, r) : this.data.has(d.prefix(e, "_global")) ? d.prefix(e, "_global") : void 0;
+  has(t, r) {
+    return this.data.has(c.prefix(t, r)) ? c.prefix(t, r) : this.data.has(c.prefix(t, "_global")) ? c.prefix(t, "_global") : void 0;
   }
-  static prefix(e, r) {
-    if (e.includes("//")) throw new Error("key cannot contain '//'");
-    return `${r}//${e}`;
+  static prefix(t, r) {
+    if (t.includes("//")) throw new Error("key cannot contain '//'");
+    return `${r}//${t}`;
   }
-  static extractPrefix(e) {
-    return e.split("//");
+  static extractPrefix(t) {
+    return t.split("//");
   }
-  useEffect(e, r, t = null) {
-    se(() => () => {
-      t?.(), G(`[${d.prefix(e, r)}]`, "unmount effect"), this.data.get(d.prefix(e, r)).listeners?.length === 0 && this.clear(e, r);
+  useEffect(t, r, e = null) {
+    C(() => () => {
+      e?.(), V(`[${c.prefix(t, r)}]`, "unmount effect"), this.data.get(c.prefix(t, r)).listeners?.length === 0 && this.clear(t, r);
     }, []);
   }
 }
-class U {
-  constructor(e) {
-    this.sharedData = e;
-  }
-  get(e, r) {
-    let t, i = r;
-    if (typeof e != "string") {
-      const { key: f, prefix: u } = e;
-      t = f, i = u;
+class O {
+  constructor(t) {
+    this.sharedData = t;
+  }
+  get(t, r) {
+    let e, i = r;
+    if (typeof t != "string") {
+      const { key: u, prefix: o } = t;
+      e = u, i = o;
     } else
-      t = j(e);
+      e = w(t);
     const n = i || "_global";
-    return this.sharedData.get(t, n);
+    return this.sharedData.get(e, n);
   }
-  set(e, r, t) {
-    let i, n = t;
-    if (typeof e != "string") {
-      const { key: f, prefix: u } = e;
-      i = f, n = u;
+  set(t, r, e) {
+    let i, n = e;
+    if (typeof t != "string") {
+      const { key: u, prefix: o } = t;
+      i = u, n = o;
     } else
-      i = j(e);
+      i = w(t);
     const s = n || "_global";
     this.sharedData.init(i, s, r), this.sharedData.setValue(i, s, r), this.sharedData.callListeners(i, s);
   }
-  update(e, r, t) {
+  update(t, r, e) {
     let i;
-    typeof e == "string" ? i = this.get(e, t) : i = this.get(e);
+    typeof t == "string" ? i = this.get(t, e) : i = this.get(t);
     const n = r(i);
-    typeof e == "string" ? this.set(e, n, t) : this.set(e, n);
+    typeof t == "string" ? this.set(t, n, e) : this.set(t, n);
   }
   /**
    * clear all values from the shared data
@@ -424,10 +142,10 @@ class U {
    * clear all values from the shared data in a scope
    * @param scopeName
    */
-  clearScope(e) {
-    const r = e || "_global";
-    this.sharedData.data.forEach((t, i) => {
-      const [n, s] = d.extractPrefix(i);
+  clearScope(t) {
+    const r = t || "_global";
+    this.sharedData.data.forEach((e, i) => {
+      const [n, s] = c.extractPrefix(i);
       if (n === r) {
         this.sharedData.clear(s, n), this.sharedData.callListeners(s, n);
         return;
@@ -438,179 +156,182 @@ class U {
    * resolve a shared created object to a value
    * @param sharedCreated
    */
-  resolve(e) {
-    const { key: r, prefix: t } = e;
-    return this.get(r, t);
+  resolve(t) {
+    const { key: r, prefix: e } = t;
+    return this.get(r, e);
   }
-  clear(e, r) {
-    let t, i;
-    typeof e == "string" ? (t = e, i = r || "_global") : (t = e.key, i = e.prefix), this.sharedData.clear(t, i);
+  clear(t, r) {
+    let e, i;
+    typeof t == "string" ? (e = t, i = r || "_global") : (e = t.key, i = t.prefix), this.sharedData.clear(e, i);
   }
   /**
    * check if a value exists in the shared data
    * @param key
    * @param scopeName
    */
-  has(e, r = "_global") {
-    const t = r || "_global";
-    return !!this.sharedData.has(e, t);
+  has(t, r = "_global") {
+    const e = r || "_global";
+    return !!this.sharedData.has(t, e);
   }
   /**
    * get all values from the shared data
    */
   getAll() {
-    const e = {};
-    return this.sharedData.data.forEach((r, t) => {
-      const [i, n] = d.extractPrefix(t);
-      e[i] = e[i] || {}, e[i][n] = r;
-    }), e;
+    const t = {};
+    return this.sharedData.data.forEach((r, e) => {
+      const [i, n] = c.extractPrefix(e);
+      t[i] = t[i] || {}, t[i][n] = r;
+    }), t;
   }
-  subscribe(e, r, t) {
+  subscribe(t, r, e) {
     let i, n;
-    return typeof e == "string" ? (i = e, n = t || "_global") : (i = e.key, n = e.prefix), this.sharedData.addListener(i, n, r), () => {
+    return typeof t == "string" ? (i = t, n = e || "_global") : (i = t.key, n = t.prefix), this.sharedData.addListener(i, n, r), () => {
       this.sharedData.removeListener(i, n, r);
     };
   }
 }
-const N = (o) => {
-  const e = Ae();
+const D = (a) => {
+  const t = G();
   return {
-    prefix: o ?? e?.scopeName ?? "_global"
+    prefix: a ?? t?.scopeName ?? "_global"
   };
 };
-var z, re;
-function ye() {
-  if (re) return z;
-  re = 1;
-  var o = typeof Element < "u", e = typeof Map == "function", r = typeof Set == "function", t = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
+function T(a) {
+  return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
+}
+var A, j;
+function W() {
+  if (j) return A;
+  j = 1;
+  var a = typeof Element < "u", t = typeof Map == "function", r = typeof Set == "function", e = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
   function i(n, s) {
     if (n === s) return !0;
     if (n && s && typeof n == "object" && typeof s == "object") {
       if (n.constructor !== s.constructor) return !1;
-      var f, u, S;
+      var u, o, d;
       if (Array.isArray(n)) {
-        if (f = n.length, f != s.length) return !1;
-        for (u = f; u-- !== 0; )
-          if (!i(n[u], s[u])) return !1;
+        if (u = n.length, u != s.length) return !1;
+        for (o = u; o-- !== 0; )
+          if (!i(n[o], s[o])) return !1;
         return !0;
       }
       var p;
-      if (e && n instanceof Map && s instanceof Map) {
+      if (t && n instanceof Map && s instanceof Map) {
         if (n.size !== s.size) return !1;
-        for (p = n.entries(); !(u = p.next()).done; )
-          if (!s.has(u.value[0])) return !1;
-        for (p = n.entries(); !(u = p.next()).done; )
-          if (!i(u.value[1], s.get(u.value[0]))) return !1;
+        for (p = n.entries(); !(o = p.next()).done; )
+          if (!s.has(o.value[0])) return !1;
+        for (p = n.entries(); !(o = p.next()).done; )
+          if (!i(o.value[1], s.get(o.value[0]))) return !1;
         return !0;
       }
       if (r && n instanceof Set && s instanceof Set) {
         if (n.size !== s.size) return !1;
-        for (p = n.entries(); !(u = p.next()).done; )
-          if (!s.has(u.value[0])) return !1;
+        for (p = n.entries(); !(o = p.next()).done; )
+          if (!s.has(o.value[0])) return !1;
         return !0;
       }
-      if (t && ArrayBuffer.isView(n) && ArrayBuffer.isView(s)) {
-        if (f = n.length, f != s.length) return !1;
-        for (u = f; u-- !== 0; )
-          if (n[u] !== s[u]) return !1;
+      if (e && ArrayBuffer.isView(n) && ArrayBuffer.isView(s)) {
+        if (u = n.length, u != s.length) return !1;
+        for (o = u; o-- !== 0; )
+          if (n[o] !== s[o]) return !1;
         return !0;
       }
       if (n.constructor === RegExp) return n.source === s.source && n.flags === s.flags;
       if (n.valueOf !== Object.prototype.valueOf && typeof n.valueOf == "function" && typeof s.valueOf == "function") return n.valueOf() === s.valueOf();
       if (n.toString !== Object.prototype.toString && typeof n.toString == "function" && typeof s.toString == "function") return n.toString() === s.toString();
-      if (S = Object.keys(n), f = S.length, f !== Object.keys(s).length) return !1;
-      for (u = f; u-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(s, S[u])) return !1;
-      if (o && n instanceof Element) return !1;
-      for (u = f; u-- !== 0; )
-        if (!((S[u] === "_owner" || S[u] === "__v" || S[u] === "__o") && n.$$typeof) && !i(n[S[u]], s[S[u]]))
+      if (d = Object.keys(n), u = d.length, u !== Object.keys(s).length) return !1;
+      for (o = u; o-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(s, d[o])) return !1;
+      if (a && n instanceof Element) return !1;
+      for (o = u; o-- !== 0; )
+        if (!((d[o] === "_owner" || d[o] === "__v" || d[o] === "__o") && n.$$typeof) && !i(n[d[o]], s[d[o]]))
           return !1;
       return !0;
     }
     return n !== n && s !== s;
   }
-  return z = function(s, f) {
+  return A = function(s, u) {
     try {
-      return i(s, f);
-    } catch (u) {
-      if ((u.message || "").match(/stack|recursion/i))
+      return i(s, u);
+    } catch (o) {
+      if ((o.message || "").match(/stack|recursion/i))
         return console.warn("react-fast-compare cannot handle circular refs"), !1;
-      throw u;
+      throw o;
     }
-  }, z;
+  }, A;
 }
-var Oe = ye();
-const Le = /* @__PURE__ */ me(Oe);
-class Pe extends d {
+var I = W();
+const K = /* @__PURE__ */ T(I);
+class H extends c {
   defaultValue() {
     return { value: void 0 };
   }
-  initValue(e, r, t, i = !1) {
-    super.init(e, r, { value: t }, i);
+  initValue(t, r, e, i = !1) {
+    super.init(t, r, { value: e }, i);
   }
-  initStatic(e) {
-    const { key: r, prefix: t, initialValue: i } = e;
-    this.initValue(r, t, i, !0);
+  initStatic(t) {
+    const { key: r, prefix: e, initialValue: i } = t;
+    this.initValue(r, e, i, !0);
   }
 }
-class je extends U {
-  constructor(e) {
-    super(e);
+class J extends O {
+  constructor(t) {
+    super(t);
   }
-  get(e, r = "_global") {
-    return typeof e != "string" ? super.get(e)?.value : super.get(e, r)?.value;
+  get(t, r = "_global") {
+    return typeof t != "string" ? super.get(t)?.value : super.get(t, r)?.value;
   }
-  set(e, r, t = "_global") {
-    if (typeof e != "string") {
-      super.set(e, { value: r });
+  set(t, r, e = "_global") {
+    if (typeof t != "string") {
+      super.set(t, { value: r });
       return;
     }
-    super.set(e, { value: r }, t);
+    super.set(t, { value: r }, e);
   }
-  update(e, r, t = "_global") {
+  update(t, r, e = "_global") {
     let i;
-    typeof e == "string" ? i = this.get(e, t) : i = this.get(e);
+    typeof t == "string" ? i = this.get(t, e) : i = this.get(t);
     const n = r(i);
-    typeof e == "string" ? this.set(e, n, t) : this.set(e, n);
+    typeof t == "string" ? this.set(t, n, e) : this.set(t, n);
   }
 }
-const R = new Pe(), Ie = new je(R), qe = (o, e) => R.createStatic({ initialValue: o }, e);
-function We(o, e, r) {
-  let t, i, n = r;
-  if (typeof o != "string") {
-    const { key: l, initialValue: _, prefix: b } = o;
-    t = l, i = _, n = b;
+const S = new H(), tt = new J(S), et = (a, t) => S.createStatic({ initialValue: a }, t);
+function rt(a, t, r) {
+  let e, i, n = r;
+  if (typeof a != "string") {
+    const { key: f, initialValue: b, prefix: g } = a;
+    e = f, i = b, n = g;
   } else
-    t = j(o), i = e;
-  const { prefix: s } = N(n);
-  R.initValue(t, s, i);
-  const f = A(() => (l) => (R.initValue(t, s, e), R.addListener(t, s, l), () => {
-    R.removeListener(t, s, l);
-  }), []), u = A(() => () => R.get(t, s)?.value, []), S = V(f, u), p = (l) => {
-    const _ = typeof l == "function" ? l(R.get(t, s)?.value) : l;
-    _ !== S && (R.setValue(t, s, { value: _ }), R.callListeners(t, s));
+    e = w(a), i = t;
+  const { prefix: s } = D(n);
+  S.initValue(e, s, i);
+  const u = L(() => (f) => (S.initValue(e, s, t), S.addListener(e, s, f), () => {
+    S.removeListener(e, s, f);
+  }), []), o = L(() => () => S.get(e, s)?.value, []), d = m(u, o), p = (f) => {
+    const b = typeof f == "function" ? f(S.get(e, s)?.value) : f;
+    b !== d && (S.setValue(e, s, { value: b }), S.callListeners(e, s));
   };
-  return R.useEffect(t, s), [
-    S,
+  return S.useEffect(e, s), [
+    d,
     p
   ];
 }
-function ze(o, e, r) {
-  let t, i = r;
-  if (typeof o != "string") {
-    const { key: p, prefix: l } = o;
-    t = p, i = l;
+function st(a, t, r) {
+  let e, i = r;
+  if (typeof a != "string") {
+    const { key: p, prefix: f } = a;
+    e = p, i = f;
   } else
-    t = j(o);
-  const { prefix: n } = N(i), s = Ee(void 0), f = A(() => (p) => (R.addListener(t, n, p), () => {
-    R.removeListener(t, n, p);
-  }), []), u = A(() => () => {
-    const p = R.get(t, n)?.value, l = e(p);
-    return Le(s.current, l) ? s.current : l;
-  }, []), S = V(f, u);
-  return R.useEffect(t, n), S;
+    e = w(a);
+  const { prefix: n } = D(i), s = z(void 0), u = L(() => (p) => (S.addListener(e, n, p), () => {
+    S.removeListener(e, n, p);
+  }), []), o = L(() => () => {
+    const p = S.get(e, n)?.value, f = t(p);
+    return K(s.current, f) ? s.current : f;
+  }, []), d = m(u, o);
+  return S.useEffect(e, n), d;
 }
-class Ce extends d {
+class Q extends c {
   defaultValue() {
     return {
       fnState: {
@@ -620,79 +341,79 @@ class Ce extends d {
       }
     };
   }
-  initValue(e, r, t = !1) {
-    super.init(e, r, this.defaultValue(), t);
+  initValue(t, r, e = !1) {
+    super.init(t, r, this.defaultValue(), e);
   }
-  setValue(e, r, t) {
-    super.setValue(e, r, t);
+  setValue(t, r, e) {
+    super.setValue(t, r, e);
   }
 }
-class De extends U {
-  constructor(e) {
-    super(e);
+class U extends O {
+  constructor(t) {
+    super(t);
   }
-  get(e, r = "_global") {
-    return typeof e != "string" ? super.get(e)?.fnState : super.get(e, r)?.fnState;
+  get(t, r = "_global") {
+    return typeof t != "string" ? super.get(t)?.fnState : super.get(t, r)?.fnState;
   }
-  set(e, r, t = "_global") {
-    if (typeof e != "string") {
-      super.set(e, r);
+  set(t, r, e = "_global") {
+    if (typeof t != "string") {
+      super.set(t, r);
       return;
     }
-    super.set(e, r, t);
+    super.set(t, r, e);
   }
-  update(e, r, t = "_global") {
+  update(t, r, e = "_global") {
     let i;
-    typeof e == "string" ? i = this.get(e, t) : i = this.get(e);
+    typeof t == "string" ? i = this.get(t, e) : i = this.get(t);
     const n = r(i);
-    typeof e == "string" ? this.set(e, n, t) : this.set(e, n);
+    typeof t == "string" ? this.set(t, n, e) : this.set(t, n);
   }
 }
-const w = new Ce(), Ge = new De(w), Ue = (o, e) => w.createStatic({ fn: o }, e);
-function Be(o, e, r) {
-  let t, i, n = r;
-  if (typeof o != "string") {
-    const { key: l, fn: _, prefix: b } = o;
-    t = l, i = _, n = b;
+const v = new Q(), nt = new U(v), it = (a, t) => v.createStatic({ fn: a }, t);
+function at(a, t, r) {
+  let e, i, n = r;
+  if (typeof a != "string") {
+    const { key: f, fn: b, prefix: g } = a;
+    e = f, i = b, n = g;
   } else
-    t = j(o), i = e;
-  const { prefix: s } = N(n);
-  w.initValue(t, s);
-  const f = A(
-    () => (l) => (w.initValue(t, s), w.addListener(t, s, l), () => {
-      w.removeListener(t, s, l);
+    e = w(a), i = t;
+  const { prefix: s } = D(n);
+  v.initValue(e, s);
+  const u = L(
+    () => (f) => (v.initValue(e, s), v.addListener(e, s, f), () => {
+      v.removeListener(e, s, f);
     }),
     []
-  ), u = A(
-    () => () => w.get(t, s).fnState,
+  ), o = L(
+    () => () => v.get(e, s).fnState,
     []
-  ), S = V(f, u), p = async (l, ..._) => {
-    const b = w.get(t, s);
-    if (!l && (b.fnState.isLoading || b.fnState.results !== void 0)) return b.fnState;
-    b.fnState = { ...b.fnState, isLoading: !0, error: void 0 }, w.callListeners(t, s);
+  ), d = m(u, o), p = async (f, ...b) => {
+    const g = v.get(e, s);
+    if (!f && (g.fnState.isLoading || g.fnState.results !== void 0)) return g.fnState;
+    g.fnState = { ...g.fnState, isLoading: !0, error: void 0 }, v.callListeners(e, s);
     try {
-      const v = await i(..._);
-      b.fnState = { results: v, isLoading: !1, error: void 0 };
-    } catch (v) {
-      b.fnState = { ...b.fnState, isLoading: !1, error: v };
+      const h = await i(...b);
+      g.fnState = { results: h, isLoading: !1, error: void 0 };
+    } catch (h) {
+      g.fnState = { ...g.fnState, isLoading: !1, error: h };
     }
-    w.callListeners(t, s);
+    v.callListeners(e, s);
   };
-  return w.useEffect(t, s), {
-    state: S,
-    trigger: (...l) => {
-      p(!1, ...l);
+  return v.useEffect(e, s), {
+    state: d,
+    trigger: (...f) => {
+      p(!1, ...f);
     },
-    forceTrigger: (...l) => {
-      p(!0, ...l);
+    forceTrigger: (...f) => {
+      p(!0, ...f);
     },
     clear: () => {
-      const l = w.get(t, s);
-      l && (l.fnState = w.defaultValue().fnState, w.callListeners(t, s));
+      const f = v.get(e, s);
+      f && (f.fnState = v.defaultValue().fnState, v.callListeners(e, s));
     }
   };
 }
-class Fe extends d {
+class X extends c {
   defaultValue() {
     return {
       fnState: {
@@ -703,112 +424,112 @@ class Fe extends d {
       }
     };
   }
-  initValue(e, r, t = !1) {
-    super.init(e, r, this.defaultValue(), t);
+  initValue(t, r, e = !1) {
+    super.init(t, r, this.defaultValue(), e);
   }
-  setValue(e, r, t) {
-    super.setValue(e, r, t);
+  setValue(t, r, e) {
+    super.setValue(t, r, e);
   }
-  useEffect(e, r) {
-    se(() => () => {
-      G(`[${d.prefix(e, r)}]`, "unmount effect2"), this.get(e, r)?.listeners.length === 0 && this.unsubscribe(e, r);
-    }, []), super.useEffect(e, r);
+  useEffect(t, r) {
+    C(() => () => {
+      V(`[${c.prefix(t, r)}]`, "unmount effect2"), this.get(t, r)?.listeners.length === 0 && this.unsubscribe(t, r);
+    }, []), super.useEffect(t, r);
   }
-  async unsubscribe(e, r) {
-    const t = this.get(e, r);
-    t && (t.unsubscribe && (t.unsubscribe(), t.unsubscribe = void 0), t.fnState = { ...t.fnState, subscribed: !1 }, this.callListeners(e, r));
+  async unsubscribe(t, r) {
+    const e = this.get(t, r);
+    e && (e.unsubscribe && (e.unsubscribe(), e.unsubscribe = void 0), e.fnState = { ...e.fnState, subscribed: !1 }, this.callListeners(t, r));
   }
 }
-class Ve extends U {
-  constructor(e) {
-    super(e);
+class Y extends O {
+  constructor(t) {
+    super(t);
   }
-  get(e, r = "_global") {
-    return typeof e != "string" ? super.get(e)?.fnState : super.get(e, r)?.fnState;
+  get(t, r = "_global") {
+    return typeof t != "string" ? super.get(t)?.fnState : super.get(t, r)?.fnState;
   }
-  set(e, r, t = "_global") {
-    if (typeof e != "string") {
-      super.set(e, r);
+  set(t, r, e = "_global") {
+    if (typeof t != "string") {
+      super.set(t, r);
       return;
     }
-    super.set(e, r, t);
+    super.set(t, r, e);
   }
-  update(e, r, t = "_global") {
+  update(t, r, e = "_global") {
     let i;
-    typeof e == "string" ? i = this.get(e, t) : i = this.get(e);
+    typeof t == "string" ? i = this.get(t, e) : i = this.get(t);
     const n = r(i);
-    typeof e == "string" ? this.set(e, n, t) : this.set(e, n);
+    typeof t == "string" ? this.set(t, n, e) : this.set(t, n);
   }
 }
-const g = new Fe(), Je = new Ve(g), Me = (o, e) => g.createStatic({ subscriber: o }, e);
-function Xe(o, e, r) {
-  let t, i, n = r;
-  if (typeof o != "string") {
-    const { key: v, subscriber: x, prefix: O } = o;
-    t = v, i = x, n = O;
+const l = new X(), ot = new Y(l), ft = (a, t) => l.createStatic({ subscriber: a }, t);
+function ct(a, t, r) {
+  let e, i, n = r;
+  if (typeof a != "string") {
+    const { key: h, subscriber: x, prefix: E } = a;
+    e = h, i = x, n = E;
   } else
-    t = j(o), i = e;
-  const { prefix: s } = N(n);
-  g.initValue(t, s);
-  const f = A(
-    () => (v) => (g.initValue(t, s), g.addListener(t, s, v), () => {
-      g.removeListener(t, s, v);
+    e = w(a), i = t;
+  const { prefix: s } = D(n);
+  l.initValue(e, s);
+  const u = L(
+    () => (h) => (l.initValue(e, s), l.addListener(e, s, h), () => {
+      l.removeListener(e, s, h);
     }),
     []
-  ), u = A(
-    () => () => g.get(t, s).fnState,
+  ), o = L(
+    () => () => l.get(e, s).fnState,
     []
-  ), S = V(f, u), p = (v) => {
-    const x = g.get(t, s);
-    x.fnState = { ...x.fnState, data: v }, g.callListeners(t, s);
-  }, l = (v) => {
-    const x = g.get(t, s);
-    x.fnState = { ...x.fnState, isLoading: !1, data: void 0, error: v }, g.callListeners(t, s);
-  }, _ = () => {
-    const v = g.get(t, s);
-    v.fnState = { ...v.fnState, isLoading: !1 }, g.callListeners(t, s);
-  }, b = async (v) => {
-    const x = g.get(t, s);
-    if (v && (await g.unsubscribe(t, s), x.fnState = { ...x.fnState, isLoading: !1, data: void 0, error: void 0, subscribed: !1 }), x.fnState.subscribed) return x.fnState;
-    G("triggered !!"), x.fnState = { ...x.fnState, isLoading: !0, error: void 0 }, g.callListeners(t, s);
+  ), d = m(u, o), p = (h) => {
+    const x = l.get(e, s);
+    x.fnState = { ...x.fnState, data: h }, l.callListeners(e, s);
+  }, f = (h) => {
+    const x = l.get(e, s);
+    x.fnState = { ...x.fnState, isLoading: !1, data: void 0, error: h }, l.callListeners(e, s);
+  }, b = () => {
+    const h = l.get(e, s);
+    h.fnState = { ...h.fnState, isLoading: !1 }, l.callListeners(e, s);
+  }, g = async (h) => {
+    const x = l.get(e, s);
+    if (h && (await l.unsubscribe(e, s), x.fnState = { ...x.fnState, isLoading: !1, data: void 0, error: void 0, subscribed: !1 }), x.fnState.subscribed) return x.fnState;
+    V("triggered !!"), x.fnState = { ...x.fnState, isLoading: !0, error: void 0 }, l.callListeners(e, s);
     try {
-      const O = await i(p, l, _), L = g.get(t, s);
-      L.unsubscribe = O, L.fnState.subscribed = !0;
-    } catch (O) {
-      const L = g.get(t, s);
-      L.fnState = { ...L.fnState, isLoading: !1, error: O };
+      const E = await i(p, f, b), y = l.get(e, s);
+      y.unsubscribe = E, y.fnState.subscribed = !0;
+    } catch (E) {
+      const y = l.get(e, s);
+      y.fnState = { ...y.fnState, isLoading: !1, error: E };
     }
-    g.callListeners(t, s);
+    l.callListeners(e, s);
   };
-  return g.useEffect(t, s), {
-    state: S,
+  return l.useEffect(e, s), {
+    state: d,
     trigger: () => {
-      b(!1);
+      g(!1);
     },
     forceTrigger: () => {
-      b(!0);
+      g(!0);
     },
     unsubscribe: () => {
-      g.unsubscribe(t, s);
+      l.unsubscribe(e, s);
     }
   };
 }
 export {
-  De as SharedFunctionsApi,
-  je as SharedStatesApi,
-  Ye as SharedStatesProvider,
-  Ve as SharedSubscriptionsApi,
-  Ue as createSharedFunction,
-  qe as createSharedState,
-  Me as createSharedSubscription,
-  ne as isDevMode,
-  $e as setDevMode,
-  Ge as sharedFunctionsApi,
-  Ie as sharedStatesApi,
-  Je as sharedSubscriptionsApi,
-  N as useSharedContext,
-  Be as useSharedFunction,
-  We as useSharedState,
-  ze as useSharedStateSelector,
-  Xe as useSharedSubscription
+  U as SharedFunctionsApi,
+  J as SharedStatesApi,
+  k as SharedStatesProvider,
+  Y as SharedSubscriptionsApi,
+  it as createSharedFunction,
+  et as createSharedState,
+  ft as createSharedSubscription,
+  P as isDevMode,
+  N as setDevMode,
+  nt as sharedFunctionsApi,
+  tt as sharedStatesApi,
+  ot as sharedSubscriptionsApi,
+  D as useSharedContext,
+  at as useSharedFunction,
+  rt as useSharedState,
+  st as useSharedStateSelector,
+  ct as useSharedSubscription
 };

package/dist/main.min.js

@@ -1,29 +1,8 @@
 /*!
-* react-shared-states v1.0.18
+* react-shared-states v1.0.20
 * (c) Hichem Taboukouyout
 * Released under the MIT License.
 * Github: github.com/HichemTab-tech/react-shared-states
 */
 
-(function(p,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],h):(p=typeof globalThis<"u"?globalThis:p||self,h(p.ReactSharedStates={},p.React))})(this,(function(p,h){"use strict";function ce(o){return o&&o.__esModule&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o}var N={exports:{}},C={};/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var J;function ue(){if(J)return C;J=1;var o=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function r(t,i,s){var n=null;if(s!==void 0&&(n=""+s),i.key!==void 0&&(n=""+i.key),"key"in i){s={};for(var f in i)f!=="key"&&(s[f]=i[f])}else s=i;return i=s.ref,{$$typeof:o,type:t,key:n,ref:i!==void 0?i:null,props:s}}return C.Fragment=e,C.jsx=r,C.jsxs=r,C}var F={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var X;function fe(){return X||(X=1,process.env.NODE_ENV!=="production"&&(function(){function o(a){if(a==null)return null;if(typeof a=="function")return a.$$typeof===Ie?null:a.displayName||a.name||null;if(typeof a=="string")return a;switch(a){case x:return"Fragment";case L:return"Profiler";case P:return"StrictMode";case Ve:return"Suspense";case Ne:return"SuspenseList";case Me:return"Activity"}if(typeof a=="object")switch(typeof a.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),a.$$typeof){case m:return"Portal";case Ce:return(a.displayName||"Context")+".Provider";case De:return(a._context.displayName||"Context")+".Consumer";case Fe:var u=a.render;return a=a.displayName,a||(a=u.displayName||u.name||"",a=a!==""?"ForwardRef("+a+")":"ForwardRef"),a;case Ye:return u=a.displayName||null,u!==null?u:o(a.type)||"Memo";case te:u=a._payload,a=a._init;try{return o(a(u))}catch{}}return null}function e(a){return""+a}function r(a){try{e(a);var u=!1}catch{u=!0}if(u){u=console;var g=u.error,_=typeof Symbol=="function"&&Symbol.toStringTag&&a[Symbol.toStringTag]||a.constructor.name||"Object";return g.call(u,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",_),e(a)}}function t(a){if(a===x)return"<>";if(typeof a=="object"&&a!==null&&a.$$typeof===te)return"<...>";try{var u=o(a);return u?"<"+u+">":"<...>"}catch{return"<...>"}}function i(){var a=W.A;return a===null?null:a.getOwner()}function s(){return Error("react-stack-top-frame")}function n(a){if(re.call(a,"key")){var u=Object.getOwnPropertyDescriptor(a,"key").get;if(u&&u.isReactWarning)return!1}return a.key!==void 0}function f(a,u){function g(){ne||(ne=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",u))}g.isReactWarning=!0,Object.defineProperty(a,"key",{get:g,configurable:!0})}function c(){var a=o(this.type);return se[a]||(se[a]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),a=this.props.ref,a!==void 0?a:null}function b(a,u,g,_,O,y,G,U){return g=y.ref,a={$$typeof:E,type:a,key:u,props:y,_owner:O},(g!==void 0?g:null)!==null?Object.defineProperty(a,"ref",{enumerable:!1,get:c}):Object.defineProperty(a,"ref",{enumerable:!1,value:null}),a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(a,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(a,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:G}),Object.defineProperty(a,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:U}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a}function S(a,u,g,_,O,y,G,U){var R=u.children;if(R!==void 0)if(_)if(We(R)){for(_=0;_<R.length;_++)l(R[_]);Object.freeze&&Object.freeze(R)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else l(R);if(re.call(u,"key")){R=o(a);var D=Object.keys(u).filter(function(ze){return ze!=="key"});_=0<D.length?"{key: someKey, "+D.join(": ..., ")+": ...}":"{key: someKey}",oe[R+_]||(D=0<D.length?"{"+D.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,_,R,D,R),oe[R+_]=!0)}if(R=null,g!==void 0&&(r(g),R=""+g),n(u)&&(r(u.key),R=""+u.key),"key"in u){g={};for(var B in u)B!=="key"&&(g[B]=u[B])}else g=u;return R&&f(g,typeof a=="function"?a.displayName||a.name||"Unknown":a),b(a,R,y,O,i(),g,G,U)}function l(a){typeof a=="object"&&a!==null&&a.$$typeof===E&&a._store&&(a._store.validated=1)}var A=h,E=Symbol.for("react.transitional.element"),m=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),P=Symbol.for("react.strict_mode"),L=Symbol.for("react.profiler"),De=Symbol.for("react.consumer"),Ce=Symbol.for("react.context"),Fe=Symbol.for("react.forward_ref"),Ve=Symbol.for("react.suspense"),Ne=Symbol.for("react.suspense_list"),Ye=Symbol.for("react.memo"),te=Symbol.for("react.lazy"),Me=Symbol.for("react.activity"),Ie=Symbol.for("react.client.reference"),W=A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,re=Object.prototype.hasOwnProperty,We=Array.isArray,z=console.createTask?console.createTask:function(){return null};A={react_stack_bottom_frame:function(a){return a()}};var ne,se={},ae=A.react_stack_bottom_frame.bind(A,s)(),ie=z(t(s)),oe={};F.Fragment=x,F.jsx=function(a,u,g,_,O){var y=1e4>W.recentlyCreatedOwnerStacks++;return S(a,u,g,!1,_,O,y?Error("react-stack-top-frame"):ae,y?z(t(a)):ie)},F.jsxs=function(a,u,g,_,O){var y=1e4>W.recentlyCreatedOwnerStacks++;return S(a,u,g,!0,_,O,y?Error("react-stack-top-frame"):ae,y?z(t(a)):ie)}})()),F}var H;function le(){return H||(H=1,process.env.NODE_ENV==="production"?N.exports=ue():N.exports=fe()),N.exports}var de=le();p.isDevMode=!1;const pe=o=>{p.isDevMode=o},Y=(...o)=>{p.isDevMode&&console.log("%c[react-shared-states]","color: #007acc; font-weight: bold",...o)},j=o=>{if(!o)throw new Error("Value is empty");return o},Z=()=>Math.random().toString(36).substring(2,15),k=h.createContext(void 0),he=({children:o,scopeName:e})=>{if(e&&e.includes("//"))throw new Error("scopeName cannot contain '//'");return e||(e=h.useMemo(()=>Z(),[])),de.jsx(k.Provider,{value:{scopeName:e},children:o})},Se=()=>h.useContext(k),Q=[];class d{data=new Map;defaultValue(){return{}}addListener(e,r,t){this.data.has(d.prefix(e,r))||this.data.set(d.prefix(e,r),{...this.defaultValue(),listeners:[]}),this.data.get(d.prefix(e,r)).listeners.push(t)}removeListener(e,r,t){this.data.has(d.prefix(e,r))&&(this.data.get(d.prefix(e,r)).listeners=this.data.get(d.prefix(e,r)).listeners.filter(i=>i!==t))}callListeners(e,r){this.data.has(d.prefix(e,r))&&this.data.get(d.prefix(e,r)).listeners.forEach(t=>t())}init(e,r,t,i=!1){this.data.has(d.prefix(e,r))||this.data.set(d.prefix(e,r),{...t,isStatic:i,listeners:[]})}createStatic(e,r){const t=r??r??"_global",i={key:Z(),prefix:t,...e};return Q.push(i),this.initStatic(i),i}initStatic(e){const{key:r,prefix:t}=e;this.init(r,t,this.defaultValue(),!0)}clearAll(e=!1,r=!1){this.data.forEach((t,i)=>{const[s,n]=d.extractPrefix(i);this.clear(n,s,e,r)})}clear(e,r,t=!1,i=!1){t||this.callListeners(e,r);const s=this.data.get(d.prefix(e,r));if(!s)return;const n={...s};if(this.data.delete(d.prefix(e,r)),n.isStatic&&!i){const f=Q.find(c=>c.key===e&&c.prefix===r);f&&this.initStatic(f)}}get(e,r){let t=this.has(e,r);if(t)return this.data.get(t)}setValue(e,r,t){this.data.has(d.prefix(e,r))&&this.data.set(d.prefix(e,r),{...this.data.get(d.prefix(e,r)),...t})}has(e,r){return this.data.has(d.prefix(e,r))?d.prefix(e,r):this.data.has(d.prefix(e,"_global"))?d.prefix(e,"_global"):void 0}static prefix(e,r){if(e.includes("//"))throw new Error("key cannot contain '//'");return`${r}//${e}`}static extractPrefix(e){return e.split("//")}useEffect(e,r,t=null){h.useEffect(()=>()=>{t?.(),Y(`[${d.prefix(e,r)}]`,"unmount effect"),this.data.get(d.prefix(e,r)).listeners?.length===0&&this.clear(e,r)},[])}}class M{constructor(e){this.sharedData=e}get(e,r){let t,i=r;if(typeof e!="string"){const{key:f,prefix:c}=e;t=f,i=c}else t=j(e);const s=i||"_global";return this.sharedData.get(t,s)}set(e,r,t){let i,s=t;if(typeof e!="string"){const{key:f,prefix:c}=e;i=f,s=c}else i=j(e);const n=s||"_global";this.sharedData.init(i,n,r),this.sharedData.setValue(i,n,r),this.sharedData.callListeners(i,n)}update(e,r,t){let i;typeof e=="string"?i=this.get(e,t):i=this.get(e);const s=r(i);typeof e=="string"?this.set(e,s,t):this.set(e,s)}clearAll(){this.sharedData.clearAll()}clearScope(e){const r=e||"_global";this.sharedData.data.forEach((t,i)=>{const[s,n]=d.extractPrefix(i);if(s===r){this.sharedData.clear(n,s),this.sharedData.callListeners(n,s);return}})}resolve(e){const{key:r,prefix:t}=e;return this.get(r,t)}clear(e,r){let t,i;typeof e=="string"?(t=e,i=r||"_global"):(t=e.key,i=e.prefix),this.sharedData.clear(t,i)}has(e,r="_global"){const t=r||"_global";return!!this.sharedData.has(e,t)}getAll(){const e={};return this.sharedData.data.forEach((r,t)=>{const[i,s]=d.extractPrefix(t);e[i]=e[i]||{},e[i][s]=r}),e}subscribe(e,r,t){let i,s;return typeof e=="string"?(i=e,s=t||"_global"):(i=e.key,s=e.prefix),this.sharedData.addListener(i,s,r),()=>{this.sharedData.removeListener(i,s,r)}}}const V=o=>{const e=Se();return{prefix:o??e?.scopeName??"_global"}};var I,K;function ge(){if(K)return I;K=1;var o=typeof Element<"u",e=typeof Map=="function",r=typeof Set=="function",t=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function i(s,n){if(s===n)return!0;if(s&&n&&typeof s=="object"&&typeof n=="object"){if(s.constructor!==n.constructor)return!1;var f,c,b;if(Array.isArray(s)){if(f=s.length,f!=n.length)return!1;for(c=f;c--!==0;)if(!i(s[c],n[c]))return!1;return!0}var S;if(e&&s instanceof Map&&n instanceof Map){if(s.size!==n.size)return!1;for(S=s.entries();!(c=S.next()).done;)if(!n.has(c.value[0]))return!1;for(S=s.entries();!(c=S.next()).done;)if(!i(c.value[1],n.get(c.value[0])))return!1;return!0}if(r&&s instanceof Set&&n instanceof Set){if(s.size!==n.size)return!1;for(S=s.entries();!(c=S.next()).done;)if(!n.has(c.value[0]))return!1;return!0}if(t&&ArrayBuffer.isView(s)&&ArrayBuffer.isView(n)){if(f=s.length,f!=n.length)return!1;for(c=f;c--!==0;)if(s[c]!==n[c])return!1;return!0}if(s.constructor===RegExp)return s.source===n.source&&s.flags===n.flags;if(s.valueOf!==Object.prototype.valueOf&&typeof s.valueOf=="function"&&typeof n.valueOf=="function")return s.valueOf()===n.valueOf();if(s.toString!==Object.prototype.toString&&typeof s.toString=="function"&&typeof n.toString=="function")return s.toString()===n.toString();if(b=Object.keys(s),f=b.length,f!==Object.keys(n).length)return!1;for(c=f;c--!==0;)if(!Object.prototype.hasOwnProperty.call(n,b[c]))return!1;if(o&&s instanceof Element)return!1;for(c=f;c--!==0;)if(!((b[c]==="_owner"||b[c]==="__v"||b[c]==="__o")&&s.$$typeof)&&!i(s[b[c]],n[b[c]]))return!1;return!0}return s!==s&&n!==n}return I=function(n,f){try{return i(n,f)}catch(c){if((c.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw c}},I}var ve=ge();const be=ce(ve);class me extends d{defaultValue(){return{value:void 0}}initValue(e,r,t,i=!1){super.init(e,r,{value:t},i)}initStatic(e){const{key:r,prefix:t,initialValue:i}=e;this.initValue(r,t,i,!0)}}class q extends M{constructor(e){super(e)}get(e,r="_global"){return typeof e!="string"?super.get(e)?.value:super.get(e,r)?.value}set(e,r,t="_global"){if(typeof e!="string"){super.set(e,{value:r});return}super.set(e,{value:r},t)}update(e,r,t="_global"){let i;typeof e=="string"?i=this.get(e,t):i=this.get(e);const s=r(i);typeof e=="string"?this.set(e,s,t):this.set(e,s)}}const w=new me,Ee=new q(w),xe=(o,e)=>w.createStatic({initialValue:o},e);function _e(o,e,r){let t,i,s=r;if(typeof o!="string"){const{key:l,initialValue:A,prefix:E}=o;t=l,i=A,s=E}else t=j(o),i=e;const{prefix:n}=V(s);w.initValue(t,n,i);const f=h.useMemo(()=>l=>(w.initValue(t,n,e),w.addListener(t,n,l),()=>{w.removeListener(t,n,l)}),[]),c=h.useMemo(()=>()=>w.get(t,n)?.value,[]),b=h.useSyncExternalStore(f,c),S=l=>{const A=typeof l=="function"?l(w.get(t,n)?.value):l;A!==b&&(w.setValue(t,n,{value:A}),w.callListeners(t,n))};return w.useEffect(t,n),[b,S]}function Re(o,e,r){let t,i=r;if(typeof o!="string"){const{key:S,prefix:l}=o;t=S,i=l}else t=j(o);const{prefix:s}=V(i),n=h.useRef(void 0),f=h.useMemo(()=>S=>(w.addListener(t,s,S),()=>{w.removeListener(t,s,S)}),[]),c=h.useMemo(()=>()=>{const S=w.get(t,s)?.value,l=e(S);return be(n.current,l)?n.current:l},[]),b=h.useSyncExternalStore(f,c);return w.useEffect(t,s),b}class we extends d{defaultValue(){return{fnState:{results:void 0,isLoading:!1,error:void 0}}}initValue(e,r,t=!1){super.init(e,r,this.defaultValue(),t)}setValue(e,r,t){super.setValue(e,r,t)}}class $ extends M{constructor(e){super(e)}get(e,r="_global"){return typeof e!="string"?super.get(e)?.fnState:super.get(e,r)?.fnState}set(e,r,t="_global"){if(typeof e!="string"){super.set(e,r);return}super.set(e,r,t)}update(e,r,t="_global"){let i;typeof e=="string"?i=this.get(e,t):i=this.get(e);const s=r(i);typeof e=="string"?this.set(e,s,t):this.set(e,s)}}const T=new we,Ae=new $(T),Te=(o,e)=>T.createStatic({fn:o},e);function ye(o,e,r){let t,i,s=r;if(typeof o!="string"){const{key:l,fn:A,prefix:E}=o;t=l,i=A,s=E}else t=j(o),i=e;const{prefix:n}=V(s);T.initValue(t,n);const f=h.useMemo(()=>l=>(T.initValue(t,n),T.addListener(t,n,l),()=>{T.removeListener(t,n,l)}),[]),c=h.useMemo(()=>()=>T.get(t,n).fnState,[]),b=h.useSyncExternalStore(f,c),S=async(l,...A)=>{const E=T.get(t,n);if(!l&&(E.fnState.isLoading||E.fnState.results!==void 0))return E.fnState;E.fnState={...E.fnState,isLoading:!0,error:void 0},T.callListeners(t,n);try{const m=await i(...A);E.fnState={results:m,isLoading:!1,error:void 0}}catch(m){E.fnState={...E.fnState,isLoading:!1,error:m}}T.callListeners(t,n)};return T.useEffect(t,n),{state:b,trigger:(...l)=>{S(!1,...l)},forceTrigger:(...l)=>{S(!0,...l)},clear:()=>{const l=T.get(t,n);l&&(l.fnState=T.defaultValue().fnState,T.callListeners(t,n))}}}class Oe extends d{defaultValue(){return{fnState:{data:void 0,isLoading:!1,error:void 0,subscribed:!1}}}initValue(e,r,t=!1){super.init(e,r,this.defaultValue(),t)}setValue(e,r,t){super.setValue(e,r,t)}useEffect(e,r){h.useEffect(()=>()=>{Y(`[${d.prefix(e,r)}]`,"unmount effect2"),this.get(e,r)?.listeners.length===0&&this.unsubscribe(e,r)},[]),super.useEffect(e,r)}async unsubscribe(e,r){const t=this.get(e,r);t&&(t.unsubscribe&&(t.unsubscribe(),t.unsubscribe=void 0),t.fnState={...t.fnState,subscribed:!1},this.callListeners(e,r))}}class ee extends M{constructor(e){super(e)}get(e,r="_global"){return typeof e!="string"?super.get(e)?.fnState:super.get(e,r)?.fnState}set(e,r,t="_global"){if(typeof e!="string"){super.set(e,r);return}super.set(e,r,t)}update(e,r,t="_global"){let i;typeof e=="string"?i=this.get(e,t):i=this.get(e);const s=r(i);typeof e=="string"?this.set(e,s,t):this.set(e,s)}}const v=new Oe,Pe=new ee(v),Le=(o,e)=>v.createStatic({subscriber:o},e);function je(o,e,r){let t,i,s=r;if(typeof o!="string"){const{key:m,subscriber:x,prefix:P}=o;t=m,i=x,s=P}else t=j(o),i=e;const{prefix:n}=V(s);v.initValue(t,n);const f=h.useMemo(()=>m=>(v.initValue(t,n),v.addListener(t,n,m),()=>{v.removeListener(t,n,m)}),[]),c=h.useMemo(()=>()=>v.get(t,n).fnState,[]),b=h.useSyncExternalStore(f,c),S=m=>{const x=v.get(t,n);x.fnState={...x.fnState,data:m},v.callListeners(t,n)},l=m=>{const x=v.get(t,n);x.fnState={...x.fnState,isLoading:!1,data:void 0,error:m},v.callListeners(t,n)},A=()=>{const m=v.get(t,n);m.fnState={...m.fnState,isLoading:!1},v.callListeners(t,n)},E=async m=>{const x=v.get(t,n);if(m&&(await v.unsubscribe(t,n),x.fnState={...x.fnState,isLoading:!1,data:void 0,error:void 0,subscribed:!1}),x.fnState.subscribed)return x.fnState;Y("triggered !!"),x.fnState={...x.fnState,isLoading:!0,error:void 0},v.callListeners(t,n);try{const P=await i(S,l,A),L=v.get(t,n);L.unsubscribe=P,L.fnState.subscribed=!0}catch(P){const L=v.get(t,n);L.fnState={...L.fnState,isLoading:!1,error:P}}v.callListeners(t,n)};return v.useEffect(t,n),{state:b,trigger:()=>{E(!1)},forceTrigger:()=>{E(!0)},unsubscribe:()=>{v.unsubscribe(t,n)}}}p.SharedFunctionsApi=$,p.SharedStatesApi=q,p.SharedStatesProvider=he,p.SharedSubscriptionsApi=ee,p.createSharedFunction=Te,p.createSharedState=xe,p.createSharedSubscription=Le,p.setDevMode=pe,p.sharedFunctionsApi=Ae,p.sharedStatesApi=Ee,p.sharedSubscriptionsApi=Pe,p.useSharedContext=V,p.useSharedFunction=ye,p.useSharedState=_e,p.useSharedStateSelector=Re,p.useSharedSubscription=je,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}));
+(function(l,E){typeof exports=="object"&&typeof module<"u"?E(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],E):(l=typeof globalThis<"u"?globalThis:l||self,E(l.ReactSharedStates={},l.jsxRuntime,l.React))})(this,(function(l,E,p){"use strict";l.isDevMode=!1;const B=a=>{l.isDevMode=a},V=(...a)=>{l.isDevMode&&console.log("%c[react-shared-states]","color: #007acc; font-weight: bold",...a)},y=a=>{if(!a)throw new Error("Value is empty");return a},O=()=>Math.random().toString(36).substring(2,15),P=p.createContext(void 0),$=({children:a,scopeName:t})=>{if(t&&t.includes("//"))throw new Error("scopeName cannot contain '//'");return t||(t=p.useMemo(()=>O(),[])),E.jsx(P.Provider,{value:{scopeName:t},children:a})},T=()=>p.useContext(P),C=[];class f{data=new Map;defaultValue(){return{}}addListener(t,r,e){this.data.has(f.prefix(t,r))||this.data.set(f.prefix(t,r),{...this.defaultValue(),listeners:[]}),this.data.get(f.prefix(t,r)).listeners.push(e)}removeListener(t,r,e){this.data.has(f.prefix(t,r))&&(this.data.get(f.prefix(t,r)).listeners=this.data.get(f.prefix(t,r)).listeners.filter(i=>i!==e))}callListeners(t,r){this.data.has(f.prefix(t,r))&&this.data.get(f.prefix(t,r)).listeners.forEach(e=>e())}init(t,r,e,i=!1){this.data.has(f.prefix(t,r))||this.data.set(f.prefix(t,r),{...e,isStatic:i,listeners:[]})}createStatic(t,r){const e=r??r??"_global",i={key:O(),prefix:e,...t};return C.push(i),this.initStatic(i),i}initStatic(t){const{key:r,prefix:e}=t;this.init(r,e,this.defaultValue(),!0)}clearAll(t=!1,r=!1){this.data.forEach((e,i)=>{const[n,s]=f.extractPrefix(i);this.clear(s,n,t,r)})}clear(t,r,e=!1,i=!1){e||this.callListeners(t,r);const n=this.data.get(f.prefix(t,r));if(!n)return;const s={...n};if(this.data.delete(f.prefix(t,r)),s.isStatic&&!i){const c=C.find(o=>o.key===t&&o.prefix===r);c&&this.initStatic(c)}}get(t,r){let e=this.has(t,r);if(e)return this.data.get(e)}setValue(t,r,e){this.data.has(f.prefix(t,r))&&this.data.set(f.prefix(t,r),{...this.data.get(f.prefix(t,r)),...e})}has(t,r){return this.data.has(f.prefix(t,r))?f.prefix(t,r):this.data.has(f.prefix(t,"_global"))?f.prefix(t,"_global"):void 0}static prefix(t,r){if(t.includes("//"))throw new Error("key cannot contain '//'");return`${r}//${t}`}static extractPrefix(t){return t.split("//")}useEffect(t,r,e=null){p.useEffect(()=>()=>{e?.(),V(`[${f.prefix(t,r)}]`,"unmount effect"),this.data.get(f.prefix(t,r)).listeners?.length===0&&this.clear(t,r)},[])}}class j{constructor(t){this.sharedData=t}get(t,r){let e,i=r;if(typeof t!="string"){const{key:c,prefix:o}=t;e=c,i=o}else e=y(t);const n=i||"_global";return this.sharedData.get(e,n)}set(t,r,e){let i,n=e;if(typeof t!="string"){const{key:c,prefix:o}=t;i=c,n=o}else i=y(t);const s=n||"_global";this.sharedData.init(i,s,r),this.sharedData.setValue(i,s,r),this.sharedData.callListeners(i,s)}update(t,r,e){let i;typeof t=="string"?i=this.get(t,e):i=this.get(t);const n=r(i);typeof t=="string"?this.set(t,n,e):this.set(t,n)}clearAll(){this.sharedData.clearAll()}clearScope(t){const r=t||"_global";this.sharedData.data.forEach((e,i)=>{const[n,s]=f.extractPrefix(i);if(n===r){this.sharedData.clear(s,n),this.sharedData.callListeners(s,n);return}})}resolve(t){const{key:r,prefix:e}=t;return this.get(r,e)}clear(t,r){let e,i;typeof t=="string"?(e=t,i=r||"_global"):(e=t.key,i=t.prefix),this.sharedData.clear(e,i)}has(t,r="_global"){const e=r||"_global";return!!this.sharedData.has(t,e)}getAll(){const t={};return this.sharedData.data.forEach((r,e)=>{const[i,n]=f.extractPrefix(e);t[i]=t[i]||{},t[i][n]=r}),t}subscribe(t,r,e){let i,n;return typeof t=="string"?(i=t,n=e||"_global"):(i=t.key,n=t.prefix),this.sharedData.addListener(i,n,r),()=>{this.sharedData.removeListener(i,n,r)}}}const w=a=>{const t=T();return{prefix:a??t?.scopeName??"_global"}};function z(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var F,R;function G(){if(R)return F;R=1;var a=typeof Element<"u",t=typeof Map=="function",r=typeof Set=="function",e=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function i(n,s){if(n===s)return!0;if(n&&s&&typeof n=="object"&&typeof s=="object"){if(n.constructor!==s.constructor)return!1;var c,o,S;if(Array.isArray(n)){if(c=n.length,c!=s.length)return!1;for(o=c;o--!==0;)if(!i(n[o],s[o]))return!1;return!0}var h;if(t&&n instanceof Map&&s instanceof Map){if(n.size!==s.size)return!1;for(h=n.entries();!(o=h.next()).done;)if(!s.has(o.value[0]))return!1;for(h=n.entries();!(o=h.next()).done;)if(!i(o.value[1],s.get(o.value[0])))return!1;return!0}if(r&&n instanceof Set&&s instanceof Set){if(n.size!==s.size)return!1;for(h=n.entries();!(o=h.next()).done;)if(!s.has(o.value[0]))return!1;return!0}if(e&&ArrayBuffer.isView(n)&&ArrayBuffer.isView(s)){if(c=n.length,c!=s.length)return!1;for(o=c;o--!==0;)if(n[o]!==s[o])return!1;return!0}if(n.constructor===RegExp)return n.source===s.source&&n.flags===s.flags;if(n.valueOf!==Object.prototype.valueOf&&typeof n.valueOf=="function"&&typeof s.valueOf=="function")return n.valueOf()===s.valueOf();if(n.toString!==Object.prototype.toString&&typeof n.toString=="function"&&typeof s.toString=="function")return n.toString()===s.toString();if(S=Object.keys(n),c=S.length,c!==Object.keys(s).length)return!1;for(o=c;o--!==0;)if(!Object.prototype.hasOwnProperty.call(s,S[o]))return!1;if(a&&n instanceof Element)return!1;for(o=c;o--!==0;)if(!((S[o]==="_owner"||S[o]==="__v"||S[o]==="__o")&&n.$$typeof)&&!i(n[S[o]],s[S[o]]))return!1;return!0}return n!==n&&s!==s}return F=function(s,c){try{return i(s,c)}catch(o){if((o.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw o}},F}var W=G();const I=z(W);class K extends f{defaultValue(){return{value:void 0}}initValue(t,r,e,i=!1){super.init(t,r,{value:e},i)}initStatic(t){const{key:r,prefix:e,initialValue:i}=t;this.initValue(r,e,i,!0)}}class q extends j{constructor(t){super(t)}get(t,r="_global"){return typeof t!="string"?super.get(t)?.value:super.get(t,r)?.value}set(t,r,e="_global"){if(typeof t!="string"){super.set(t,{value:r});return}super.set(t,{value:r},e)}update(t,r,e="_global"){let i;typeof t=="string"?i=this.get(t,e):i=this.get(t);const n=r(i);typeof t=="string"?this.set(t,n,e):this.set(t,n)}}const v=new K,H=new q(v),J=(a,t)=>v.createStatic({initialValue:a},t);function Q(a,t,r){let e,i,n=r;if(typeof a!="string"){const{key:u,initialValue:m,prefix:x}=a;e=u,i=m,n=x}else e=y(a),i=t;const{prefix:s}=w(n);v.initValue(e,s,i);const c=p.useMemo(()=>u=>(v.initValue(e,s,t),v.addListener(e,s,u),()=>{v.removeListener(e,s,u)}),[]),o=p.useMemo(()=>()=>v.get(e,s)?.value,[]),S=p.useSyncExternalStore(c,o),h=u=>{const m=typeof u=="function"?u(v.get(e,s)?.value):u;m!==S&&(v.setValue(e,s,{value:m}),v.callListeners(e,s))};return v.useEffect(e,s),[S,h]}function U(a,t,r){let e,i=r;if(typeof a!="string"){const{key:h,prefix:u}=a;e=h,i=u}else e=y(a);const{prefix:n}=w(i),s=p.useRef(void 0),c=p.useMemo(()=>h=>(v.addListener(e,n,h),()=>{v.removeListener(e,n,h)}),[]),o=p.useMemo(()=>()=>{const h=v.get(e,n)?.value,u=t(h);return I(s.current,u)?s.current:u},[]),S=p.useSyncExternalStore(c,o);return v.useEffect(e,n),S}class X extends f{defaultValue(){return{fnState:{results:void 0,isLoading:!1,error:void 0}}}initValue(t,r,e=!1){super.init(t,r,this.defaultValue(),e)}setValue(t,r,e){super.setValue(t,r,e)}}class M extends j{constructor(t){super(t)}get(t,r="_global"){return typeof t!="string"?super.get(t)?.fnState:super.get(t,r)?.fnState}set(t,r,e="_global"){if(typeof t!="string"){super.set(t,r);return}super.set(t,r,e)}update(t,r,e="_global"){let i;typeof t=="string"?i=this.get(t,e):i=this.get(t);const n=r(i);typeof t=="string"?this.set(t,n,e):this.set(t,n)}}const b=new X,Y=new M(b),Z=(a,t)=>b.createStatic({fn:a},t);function N(a,t,r){let e,i,n=r;if(typeof a!="string"){const{key:u,fn:m,prefix:x}=a;e=u,i=m,n=x}else e=y(a),i=t;const{prefix:s}=w(n);b.initValue(e,s);const c=p.useMemo(()=>u=>(b.initValue(e,s),b.addListener(e,s,u),()=>{b.removeListener(e,s,u)}),[]),o=p.useMemo(()=>()=>b.get(e,s).fnState,[]),S=p.useSyncExternalStore(c,o),h=async(u,...m)=>{const x=b.get(e,s);if(!u&&(x.fnState.isLoading||x.fnState.results!==void 0))return x.fnState;x.fnState={...x.fnState,isLoading:!0,error:void 0},b.callListeners(e,s);try{const g=await i(...m);x.fnState={results:g,isLoading:!1,error:void 0}}catch(g){x.fnState={...x.fnState,isLoading:!1,error:g}}b.callListeners(e,s)};return b.useEffect(e,s),{state:S,trigger:(...u)=>{h(!1,...u)},forceTrigger:(...u)=>{h(!0,...u)},clear:()=>{const u=b.get(e,s);u&&(u.fnState=b.defaultValue().fnState,b.callListeners(e,s))}}}class k extends f{defaultValue(){return{fnState:{data:void 0,isLoading:!1,error:void 0,subscribed:!1}}}initValue(t,r,e=!1){super.init(t,r,this.defaultValue(),e)}setValue(t,r,e){super.setValue(t,r,e)}useEffect(t,r){p.useEffect(()=>()=>{V(`[${f.prefix(t,r)}]`,"unmount effect2"),this.get(t,r)?.listeners.length===0&&this.unsubscribe(t,r)},[]),super.useEffect(t,r)}async unsubscribe(t,r){const e=this.get(t,r);e&&(e.unsubscribe&&(e.unsubscribe(),e.unsubscribe=void 0),e.fnState={...e.fnState,subscribed:!1},this.callListeners(t,r))}}class _ extends j{constructor(t){super(t)}get(t,r="_global"){return typeof t!="string"?super.get(t)?.fnState:super.get(t,r)?.fnState}set(t,r,e="_global"){if(typeof t!="string"){super.set(t,r);return}super.set(t,r,e)}update(t,r,e="_global"){let i;typeof t=="string"?i=this.get(t,e):i=this.get(t);const n=r(i);typeof t=="string"?this.set(t,n,e):this.set(t,n)}}const d=new k,tt=new _(d),et=(a,t)=>d.createStatic({subscriber:a},t);function rt(a,t,r){let e,i,n=r;if(typeof a!="string"){const{key:g,subscriber:L,prefix:A}=a;e=g,i=L,n=A}else e=y(a),i=t;const{prefix:s}=w(n);d.initValue(e,s);const c=p.useMemo(()=>g=>(d.initValue(e,s),d.addListener(e,s,g),()=>{d.removeListener(e,s,g)}),[]),o=p.useMemo(()=>()=>d.get(e,s).fnState,[]),S=p.useSyncExternalStore(c,o),h=g=>{const L=d.get(e,s);L.fnState={...L.fnState,data:g},d.callListeners(e,s)},u=g=>{const L=d.get(e,s);L.fnState={...L.fnState,isLoading:!1,data:void 0,error:g},d.callListeners(e,s)},m=()=>{const g=d.get(e,s);g.fnState={...g.fnState,isLoading:!1},d.callListeners(e,s)},x=async g=>{const L=d.get(e,s);if(g&&(await d.unsubscribe(e,s),L.fnState={...L.fnState,isLoading:!1,data:void 0,error:void 0,subscribed:!1}),L.fnState.subscribed)return L.fnState;V("triggered !!"),L.fnState={...L.fnState,isLoading:!0,error:void 0},d.callListeners(e,s);try{const A=await i(h,u,m),D=d.get(e,s);D.unsubscribe=A,D.fnState.subscribed=!0}catch(A){const D=d.get(e,s);D.fnState={...D.fnState,isLoading:!1,error:A}}d.callListeners(e,s)};return d.useEffect(e,s),{state:S,trigger:()=>{x(!1)},forceTrigger:()=>{x(!0)},unsubscribe:()=>{d.unsubscribe(e,s)}}}l.SharedFunctionsApi=M,l.SharedStatesApi=q,l.SharedStatesProvider=$,l.SharedSubscriptionsApi=_,l.createSharedFunction=Z,l.createSharedState=J,l.createSharedSubscription=et,l.setDevMode=B,l.sharedFunctionsApi=Y,l.sharedStatesApi=H,l.sharedSubscriptionsApi=tt,l.useSharedContext=w,l.useSharedFunction=N,l.useSharedState=Q,l.useSharedStateSelector=U,l.useSharedSubscription=rt,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-shared-states",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "type": "module",
   "description": "Global state made as simple as useState, with zero config, built-in async caching, and automatic scoping.",
   "keywords": [
@@ -14,6 +14,12 @@
   ],
   "main": "dist/main.min.js",
   "module": "dist/main.esm.js",
+  "exports": {
+    ".": {
+      "import": "./dist/main.esm.js",
+      "require": "./dist/main.min.js"
+    }
+  },
   "types": "dist/index.d.ts",
   "author": "Hichem Taboukouyout <hichem.taboukouyout@hichemtab-tech.me>",
   "repository": {

package/vite.config.ts

@@ -22,11 +22,12 @@ export default defineConfig({
             formats: ['es', 'umd']
         },
         rollupOptions: {
-            external: ['react', 'react-dom'], // Mark React, ReactDOM as external
+            external: ['react', 'react-dom', 'react/jsx-runtime'], // Mark React, ReactDOM as external
             output: {
                 globals: {
                     react: 'React',
-                    'react-dom': 'ReactDOM'
+                    'react-dom': 'ReactDOM',
+                    'react/jsx-runtime': 'jsxRuntime'
                 }
             }
         }