react-shared-states 1.0.13 → 1.0.14

package/README.md

@@ -519,11 +519,11 @@ const subStateScoped = sharedSubscriptionsApi.get('live-chat', 'myScope');
 
 ## API summary:
 
-| API                      | Methods                                                                                                                                                                                 |
-|--------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| `sharedStatesApi`        | `get(key, scopeName?)`, `set(key, val, scopeName?)`, `has(key, scopeName?)`, `clear(key, scopeName?)`, `clearAll(withoutListeners?, withStatic?)`, `clearScope(scopeName?)`, `getAll()` |
-| `sharedFunctionsApi`     | `get(key, scopeName?)`, `set(key, val, scopeName?)`, `has(key, scopeName?)`, `clear(key, scopeName?)`, `clearAll(withoutListeners?, withStatic?)`, `clearScope(scopeName?)`, `getAll()` |
-| `sharedSubscriptionsApi` | `get(key, scopeName?)`, `set(key, val, scopeName?)`, `has(key, scopeName?)`, `clear(key, scopeName?)`, `clearAll(withoutListeners?, withStatic?)`, `clearScope(scopeName?)`, `getAll()` |
+| API                      | Methods                                                                                                                                                                                                                     |
+|--------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| `sharedStatesApi`        | `get(key, scopeName?)`, `set(key, val, scopeName?)`, `update(key, updater, scopeName?)`, `has(key, scopeName?)`, `clear(key, scopeName?)`, `clearAll(withoutListeners?, withStatic?)`, `clearScope(scopeName?)`, `getAll()` |
+| `sharedFunctionsApi`     | `get(key, scopeName?)`, `set(key, val, scopeName?)`, `update(key, updater, scopeName?)`, `has(key, scopeName?)`, `clear(key, scopeName?)`, `clearAll(withoutListeners?, withStatic?)`, `clearScope(scopeName?)`, `getAll()` |
+| `sharedSubscriptionsApi` | `get(key, scopeName?)`, `set(key, val, scopeName?)`, `update(key, updater, scopeName?)`, `has(key, scopeName?)`, `clear(key, scopeName?)`, `clearAll(withoutListeners?, withStatic?)`, `clearScope(scopeName?)`, `getAll()` |
 
 `scopeName` defaults to `"_global"`. Internally, keys are stored as `${scope}//${key}`. The `.getAll()` method returns a nested object: `{ [scope]: { [key]: value } }`.
 

package/dist/SharedValuesManager.d.ts

@@ -39,6 +39,14 @@ export declare class SharedValuesApi<T extends SharedValue, V, R = T> {
      */
     set<S extends string = string>(key: S, value: V, scopeName: Prefix): void;
     set<S extends string = string>(sharedCreated: SharedCreated, value: V): void;
+    /**
+     * update a value in the shared data
+     * @param key
+     * @param updater
+     * @param scopeName
+     */
+    update<S extends string = string>(key: S, updater: (prev: R) => V, scopeName: Prefix): void;
+    update<S extends string = string>(sharedCreated: SharedCreated, updater: (prev: R) => V): void;
     /**
      * clear all values from the shared data
      */

package/dist/hooks/use-shared-function.d.ts

@@ -35,6 +35,12 @@ export declare class SharedFunctionsApi extends SharedValuesApi<SharedFunction<u
     set<T, Args extends unknown[]>(sharedFunctionCreated: SharedFunctionCreated<T, Args>, value: {
         fnState: SharedFunctionValue<T>;
     }): void;
+    update<T, Args extends unknown[], S extends string = string>(key: S, updater: (prev: SharedFunctionValue<T>) => {
+        fnState: SharedFunctionValue<T>;
+    }, scopeName?: Prefix): void;
+    update<T, Args extends unknown[]>(sharedFunctionCreated: SharedFunctionCreated<T, Args>, updater: (prev: SharedFunctionValue<T>) => {
+        fnState: SharedFunctionValue<T>;
+    }): void;
 }
 export declare const sharedFunctionsApi: SharedFunctionsApi;
 interface SharedFunctionCreated<T, Args extends unknown[]> extends SharedCreated {

package/dist/hooks/use-shared-state.d.ts

@@ -20,6 +20,8 @@ export declare class SharedStatesApi extends SharedValuesApi<SharedState<unknown
     get<T>(sharedStateCreated: SharedStateCreated<T>): T;
     set<T, S extends string = string>(key: S, value: T, scopeName?: Prefix): void;
     set<T>(sharedStateCreated: SharedStateCreated<T>, value: T): void;
+    update<T, S extends string = string>(key: S, updater: (prev: T) => T, scopeName?: Prefix): void;
+    update<T>(sharedStateCreated: SharedStateCreated<T>, updater: (prev: T) => T): void;
 }
 export declare const sharedStatesApi: SharedStatesApi;
 export interface SharedStateCreated<T> extends SharedCreated {

package/dist/hooks/use-shared-subscription.d.ts

@@ -47,6 +47,12 @@ export declare class SharedSubscriptionsApi extends SharedValuesApi<SharedSubscr
     set<T>(sharedSubscriptionCreated: SharedSubscriptionCreated<T>, value: {
         fnState: SharedSubscriptionValue<T>;
     }): void;
+    update<T, S extends string = string>(key: S, updater: (prev: SharedSubscriptionValue<T>) => {
+        fnState: SharedSubscriptionValue<T>;
+    }, scopeName?: Prefix): void;
+    update<T>(sharedSubscriptionCreated: SharedSubscriptionCreated<T>, updater: (prev: SharedSubscriptionValue<T>) => {
+        fnState: SharedSubscriptionValue<T>;
+    }): void;
 }
 export declare const sharedSubscriptionsApi: SharedSubscriptionsApi;
 interface SharedSubscriptionCreated<T> extends SharedCreated {

package/dist/main.esm.js

@@ -1,13 +1,13 @@
 /*!
-* react-shared-states v1.0.13
+* react-shared-states v1.0.14
 * (c) Hichem Taboukouyout
 * Released under the MIT License.
 * Github: github.com/HichemTab-tech/react-shared-states
 */
 
-import ve, { createContext as be, useMemo as T, useContext as xe, useEffect as ne, useSyncExternalStore as N, useRef as Ee } from "react";
-function me(i) {
-  return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
+import ve, { createContext as be, useMemo as A, useContext as xe, useEffect as ne, 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 = {};
 /**
@@ -20,22 +20,22 @@ var F = { exports: {} }, C = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Q;
-function Re() {
+function _e() {
   if (Q) return C;
   Q = 1;
-  var i = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
-  function r(t, o, a) {
+  var o = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
+  function r(t, i, a) {
     var n = null;
-    if (a !== void 0 && (n = "" + a), o.key !== void 0 && (n = "" + o.key), "key" in o) {
+    if (a !== void 0 && (n = "" + a), i.key !== void 0 && (n = "" + i.key), "key" in i) {
       a = {};
-      for (var f in o)
-        f !== "key" && (a[f] = o[f]);
-    } else a = o;
-    return o = a.ref, {
-      $$typeof: i,
+      for (var f in i)
+        f !== "key" && (a[f] = i[f]);
+    } else a = i;
+    return i = a.ref, {
+      $$typeof: o,
       type: t,
       key: n,
-      ref: o !== void 0 ? o : null,
+      ref: i !== void 0 ? i : null,
       props: a
     };
   }
@@ -52,9 +52,9 @@ var D = {};
  * LICENSE file in the root directory of this source tree.
  */
 var K;
-function _e() {
+function Re() {
   return K || (K = 1, process.env.NODE_ENV !== "production" && (function() {
-    function i(s) {
+    function o(s) {
       if (s == null) return null;
       if (typeof s == "function")
         return s.$$typeof === he ? null : s.displayName || s.name || null;
@@ -81,17 +81,17 @@ function _e() {
             return "Portal";
           case ce:
             return (s.displayName || "Context") + ".Provider";
-          case ie:
+          case oe:
             return (s._context.displayName || "Context") + ".Consumer";
           case ue:
             var u = s.render;
             return s = s.displayName, s || (s = u.displayName || u.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
           case de:
-            return u = s.displayName || null, u !== null ? u : i(s.type) || "Memo";
-          case U:
+            return u = s.displayName || null, u !== null ? u : o(s.type) || "Memo";
+          case B:
             u = s._payload, s = s._init;
             try {
-              return i(s(u));
+              return o(s(u));
             } catch {
             }
         }
@@ -119,16 +119,16 @@ function _e() {
     }
     function t(s) {
       if (s === x) return "<>";
-      if (typeof s == "object" && s !== null && s.$$typeof === U)
+      if (typeof s == "object" && s !== null && s.$$typeof === B)
         return "<...>";
       try {
-        var u = i(s);
+        var u = o(s);
         return u ? "<" + u + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
+    function i() {
       var s = $.A;
       return s === null ? null : s.getOwner();
     }
@@ -136,7 +136,7 @@ function _e() {
       return Error("react-stack-top-frame");
     }
     function n(s) {
-      if (B.call(s, "key")) {
+      if (J.call(s, "key")) {
         var u = Object.getOwnPropertyDescriptor(s, "key").get;
         if (u && u.isReactWarning) return !1;
       }
@@ -144,7 +144,7 @@ function _e() {
     }
     function f(s, u) {
       function h() {
-        J || (J = !0, console.error(
+        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)",
           u
         ));
@@ -155,18 +155,18 @@ function _e() {
       });
     }
     function c() {
-      var s = i(this.type);
-      return M[s] || (M[s] = !0, console.error(
+      var s = o(this.type);
+      return X[s] || (X[s] = !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."
       )), s = this.props.ref, s !== void 0 ? s : null;
     }
-    function g(s, u, h, E, A, w, Y, I) {
-      return h = w.ref, s = {
+    function S(s, u, h, E, y, T, I, q) {
+      return h = T.ref, s = {
         $$typeof: b,
         type: s,
         key: u,
-        props: w,
-        _owner: A
+        props: T,
+        _owner: y
       }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(s, "ref", {
         enumerable: !1,
         get: c
@@ -184,19 +184,19 @@ function _e() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Y
+        value: I
       }), Object.defineProperty(s, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: I
+        value: q
       }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
     }
-    function p(s, u, h, E, A, w, Y, I) {
+    function p(s, u, h, E, y, T, I, q) {
       var m = u.children;
       if (m !== void 0)
         if (E)
-          if (Se(m)) {
+          if (ge(m)) {
             for (E = 0; E < m.length; E++)
               l(m[E]);
             Object.freeze && Object.freeze(m);
@@ -205,10 +205,10 @@ function _e() {
               "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 (B.call(u, "key")) {
-        m = i(s);
-        var L = Object.keys(u).filter(function(ge) {
-          return ge !== "key";
+      if (J.call(u, "key")) {
+        m = o(s);
+        var L = Object.keys(u).filter(function(Se) {
+          return Se !== "key";
         });
         E = 0 < L.length ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}", Z[m + E] || (L = 0 < L.length ? "{" + L.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
@@ -225,86 +225,86 @@ React keys must be passed directly to JSX without using spread:
       }
       if (m = null, h !== void 0 && (r(h), m = "" + h), n(u) && (r(u.key), m = "" + u.key), "key" in u) {
         h = {};
-        for (var q in u)
-          q !== "key" && (h[q] = u[q]);
+        for (var W in u)
+          W !== "key" && (h[W] = u[W]);
       } else h = u;
       return m && f(
         h,
         typeof s == "function" ? s.displayName || s.name || "Unknown" : s
-      ), g(
+      ), S(
         s,
         m,
-        w,
-        A,
-        o(),
+        T,
+        y,
+        i(),
         h,
-        Y,
-        I
+        I,
+        q
       );
     }
     function l(s) {
       typeof s == "object" && s !== null && s.$$typeof === b && s._store && (s._store.validated = 1);
     }
-    var R = ve, b = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), ie = Symbol.for("react.consumer"), ce = Symbol.for("react.context"), ue = Symbol.for("react.forward_ref"), fe = Symbol.for("react.suspense"), le = Symbol.for("react.suspense_list"), de = Symbol.for("react.memo"), U = Symbol.for("react.lazy"), pe = Symbol.for("react.activity"), he = Symbol.for("react.client.reference"), $ = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, Se = Array.isArray, V = console.createTask ? console.createTask : function() {
+    var _ = ve, b = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), oe = Symbol.for("react.consumer"), ce = Symbol.for("react.context"), ue = 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;
     };
-    R = {
+    _ = {
       react_stack_bottom_frame: function(s) {
         return s();
       }
     };
-    var J, M = {}, X = R.react_stack_bottom_frame.bind(
-      R,
+    var M, X = {}, k = _.react_stack_bottom_frame.bind(
+      _,
       a
-    )(), H = V(t(a)), Z = {};
-    D.Fragment = x, D.jsx = function(s, u, h, E, A) {
-      var w = 1e4 > $.recentlyCreatedOwnerStacks++;
+    )(), H = Y(t(a)), Z = {};
+    D.Fragment = x, D.jsx = function(s, u, h, E, y) {
+      var T = 1e4 > $.recentlyCreatedOwnerStacks++;
       return p(
         s,
         u,
         h,
         !1,
         E,
-        A,
-        w ? Error("react-stack-top-frame") : X,
-        w ? V(t(s)) : H
+        y,
+        T ? Error("react-stack-top-frame") : k,
+        T ? Y(t(s)) : H
       );
-    }, D.jsxs = function(s, u, h, E, A) {
-      var w = 1e4 > $.recentlyCreatedOwnerStacks++;
+    }, D.jsxs = function(s, u, h, E, y) {
+      var T = 1e4 > $.recentlyCreatedOwnerStacks++;
       return p(
         s,
         u,
         h,
         !0,
         E,
-        A,
-        w ? Error("react-stack-top-frame") : X,
-        w ? V(t(s)) : H
+        y,
+        T ? Error("react-stack-top-frame") : k,
+        T ? Y(t(s)) : H
       );
     };
   })()), D;
 }
 var ee;
-function ye() {
-  return ee || (ee = 1, process.env.NODE_ENV === "production" ? F.exports = Re() : F.exports = _e()), F.exports;
+function we() {
+  return ee || (ee = 1, process.env.NODE_ENV === "production" ? F.exports = _e() : F.exports = Re()), F.exports;
 }
-var we = ye();
+var Te = we();
 let se = !1;
-const $e = (i) => {
-  se = i;
-}, z = (...i) => {
+const $e = (o) => {
+  se = o;
+}, G = (...o) => {
   se && console.log(
     "%c[react-shared-states]",
     "color: #007acc; font-weight: bold",
-    ...i
+    ...o
   );
-}, j = (i) => {
-  if (!i) throw new Error("Value is empty");
-  return i;
-}, ae = () => Math.random().toString(36).substring(2, 15), oe = be(void 0), Ve = ({ children: i, scopeName: e }) => {
+}, 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 = T(() => ae(), [])), /* @__PURE__ */ we.jsx(oe.Provider, { value: { scopeName: e }, children: i });
-}, Te = () => xe(oe), te = [];
+  return e || (e = A(() => ae(), [])), /* @__PURE__ */ Te.jsx(ie.Provider, { value: { scopeName: e }, children: o });
+}, Ae = () => xe(ie), te = [];
 class d {
   data = /* @__PURE__ */ new Map();
   defaultValue() {
@@ -317,42 +317,42 @@ class d {
     }), 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((o) => o !== 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, o = !1) {
+  init(e, r, t, i = !1) {
     this.data.has(d.prefix(e, r)) || this.data.set(d.prefix(e, r), {
       ...t,
-      isStatic: o,
+      isStatic: i,
       listeners: []
     });
   }
   createStatic(e, r) {
-    const t = r ?? r ?? "_global", o = {
+    const t = r ?? r ?? "_global", i = {
       key: ae(),
       prefix: t,
       ...e
     };
-    return te.push(o), this.initStatic(o), o;
+    return te.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, o) => {
-      const [a, n] = d.extractPrefix(o);
+    this.data.forEach((t, i) => {
+      const [a, n] = d.extractPrefix(i);
       this.clear(n, a, e, r);
     });
   }
-  clear(e, r, t = !1, o = !1) {
+  clear(e, r, t = !1, i = !1) {
     t || this.callListeners(e, r);
     const a = this.data.get(d.prefix(e, r));
     if (!a) return;
     const n = { ...a };
-    if (this.data.delete(d.prefix(e, r)), n.isStatic && !o) {
+    if (this.data.delete(d.prefix(e, r)), n.isStatic && !i) {
       const f = te.find((c) => c.key === e && c.prefix === r);
       f && this.initStatic(f);
     }
@@ -380,33 +380,39 @@ class d {
   }
   useEffect(e, r, t = null) {
     ne(() => () => {
-      t?.(), z(`[${d.prefix(e, r)}]`, "unmount effect"), this.data.get(d.prefix(e, r)).listeners?.length === 0 && this.clear(e, r);
+      t?.(), G(`[${d.prefix(e, r)}]`, "unmount effect"), this.data.get(d.prefix(e, r)).listeners?.length === 0 && this.clear(e, r);
     }, []);
   }
 }
-class G {
+class U {
   constructor(e) {
     this.sharedData = e;
   }
   get(e, r) {
-    let t, o = r;
+    let t, i = r;
     if (typeof e != "string") {
       const { key: f, prefix: c } = e;
-      t = f, o = c;
+      t = f, i = c;
     } else
       t = j(e);
-    const a = o || "_global";
+    const a = i || "_global";
     return this.sharedData.get(t, a);
   }
   set(e, r, t) {
-    let o, a = t;
+    let i, a = t;
     if (typeof e != "string") {
       const { key: f, prefix: c } = e;
-      o = f, a = c;
+      i = f, a = c;
     } else
-      o = j(e);
+      i = j(e);
     const n = a || "_global";
-    this.sharedData.init(o, n, r), this.sharedData.setValue(o, n, r), this.sharedData.callListeners(o, n);
+    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 a = r(i);
+    typeof e == "string" ? this.set(e, a, t) : this.set(e, a);
   }
   /**
    * clear all values from the shared data
@@ -420,8 +426,8 @@ class G {
    */
   clearScope(e) {
     const r = e || "_global";
-    this.sharedData.data.forEach((t, o) => {
-      const [a, n] = d.extractPrefix(o);
+    this.sharedData.data.forEach((t, i) => {
+      const [a, n] = d.extractPrefix(i);
       if (a === r) {
         this.sharedData.clear(n, a), this.sharedData.callListeners(n, a);
         return;
@@ -437,8 +443,8 @@ class G {
     return this.get(r, t);
   }
   clear(e, r) {
-    let t, o;
-    typeof e == "string" ? (t = e, o = r || "_global") : (t = e.key, o = e.prefix), this.sharedData.clear(t, o);
+    let t, i;
+    typeof e == "string" ? (t = e, i = r || "_global") : (t = e.key, i = e.prefix), this.sharedData.clear(t, i);
   }
   /**
    * check if a value exists in the shared data
@@ -455,31 +461,31 @@ class G {
   getAll() {
     const e = {};
     return this.sharedData.data.forEach((r, t) => {
-      const [o, a] = d.extractPrefix(t);
-      e[o] = e[o] || {}, e[o][a] = r;
+      const [i, a] = d.extractPrefix(t);
+      e[i] = e[i] || {}, e[i][a] = r;
     }), e;
   }
 }
-const k = (i) => {
-  const e = Te();
+const N = (o) => {
+  const e = Ae();
   return {
-    prefix: i ?? e?.scopeName ?? "_global"
+    prefix: o ?? e?.scopeName ?? "_global"
   };
 };
-var W, re;
-function Ae() {
-  if (re) return W;
+var z, re;
+function ye() {
+  if (re) return z;
   re = 1;
-  var i = typeof Element < "u", e = typeof Map == "function", r = typeof Set == "function", t = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
-  function o(a, n) {
+  var o = typeof Element < "u", e = typeof Map == "function", r = typeof Set == "function", t = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
+  function i(a, n) {
     if (a === n) return !0;
     if (a && n && typeof a == "object" && typeof n == "object") {
       if (a.constructor !== n.constructor) return !1;
-      var f, c, g;
+      var f, c, S;
       if (Array.isArray(a)) {
         if (f = a.length, f != n.length) return !1;
         for (c = f; c-- !== 0; )
-          if (!o(a[c], n[c])) return !1;
+          if (!i(a[c], n[c])) return !1;
         return !0;
       }
       var p;
@@ -488,7 +494,7 @@ function Ae() {
         for (p = a.entries(); !(c = p.next()).done; )
           if (!n.has(c.value[0])) return !1;
         for (p = a.entries(); !(c = p.next()).done; )
-          if (!o(c.value[1], n.get(c.value[0]))) return !1;
+          if (!i(c.value[1], n.get(c.value[0]))) return !1;
         return !0;
       }
       if (r && a instanceof Set && n instanceof Set) {
@@ -506,42 +512,42 @@ function Ae() {
       if (a.constructor === RegExp) return a.source === n.source && a.flags === n.flags;
       if (a.valueOf !== Object.prototype.valueOf && typeof a.valueOf == "function" && typeof n.valueOf == "function") return a.valueOf() === n.valueOf();
       if (a.toString !== Object.prototype.toString && typeof a.toString == "function" && typeof n.toString == "function") return a.toString() === n.toString();
-      if (g = Object.keys(a), f = g.length, f !== Object.keys(n).length) return !1;
+      if (S = Object.keys(a), f = S.length, f !== Object.keys(n).length) return !1;
       for (c = f; c-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(n, g[c])) return !1;
-      if (i && a instanceof Element) return !1;
+        if (!Object.prototype.hasOwnProperty.call(n, S[c])) return !1;
+      if (o && a instanceof Element) return !1;
       for (c = f; c-- !== 0; )
-        if (!((g[c] === "_owner" || g[c] === "__v" || g[c] === "__o") && a.$$typeof) && !o(a[g[c]], n[g[c]]))
+        if (!((S[c] === "_owner" || S[c] === "__v" || S[c] === "__o") && a.$$typeof) && !i(a[S[c]], n[S[c]]))
           return !1;
       return !0;
     }
     return a !== a && n !== n;
   }
-  return W = function(n, f) {
+  return z = function(n, f) {
     try {
-      return o(n, f);
+      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;
     }
-  }, W;
+  }, z;
 }
-var Oe = Ae();
+var Oe = ye();
 const Pe = /* @__PURE__ */ me(Oe);
 class Le extends d {
   defaultValue() {
     return { value: void 0 };
   }
-  initValue(e, r, t, o = !1) {
-    super.init(e, r, { value: t }, o);
+  initValue(e, r, t, i = !1) {
+    super.init(e, r, { value: t }, i);
   }
   initStatic(e) {
-    const { key: r, prefix: t, initialValue: o } = e;
-    this.initValue(r, t, o, !0);
+    const { key: r, prefix: t, initialValue: i } = e;
+    this.initValue(r, t, i, !0);
   }
 }
-class je extends G {
+class je extends U {
   constructor(e) {
     super(e);
   }
@@ -555,42 +561,48 @@ class je extends G {
     }
     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 a = r(i);
+    typeof e == "string" ? this.set(e, a, t) : this.set(e, a);
+  }
 }
-const _ = new Le(), Ye = new je(_), Ie = (i, e) => _.createStatic({ initialValue: i }, e);
-function qe(i, e, r) {
-  let t, o, a = r;
-  if (typeof i != "string") {
-    const { key: l, initialValue: R, prefix: b } = i;
-    t = l, o = R, a = b;
+const R = new Le(), Ie = new je(R), qe = (o, e) => R.createStatic({ initialValue: o }, e);
+function We(o, e, r) {
+  let t, i, a = r;
+  if (typeof o != "string") {
+    const { key: l, initialValue: _, prefix: b } = o;
+    t = l, i = _, a = b;
   } else
-    t = j(i), o = e;
-  const { prefix: n } = k(a);
-  _.initValue(t, n, o);
-  const f = T(() => (l) => (_.initValue(t, n, e), _.addListener(t, n, l), () => {
-    _.removeListener(t, n, l);
-  }), []), c = T(() => () => _.get(t, n)?.value, []), g = N(f, c), p = (l) => {
-    const R = typeof l == "function" ? l(_.get(t, n)?.value) : l;
-    R !== g && (_.setValue(t, n, { value: R }), _.callListeners(t, n));
+    t = j(o), i = e;
+  const { prefix: n } = N(a);
+  R.initValue(t, n, i);
+  const f = A(() => (l) => (R.initValue(t, n, e), R.addListener(t, n, l), () => {
+    R.removeListener(t, n, l);
+  }), []), c = A(() => () => R.get(t, n)?.value, []), S = V(f, c), p = (l) => {
+    const _ = typeof l == "function" ? l(R.get(t, n)?.value) : l;
+    _ !== S && (R.setValue(t, n, { value: _ }), R.callListeners(t, n));
   };
-  return _.useEffect(t, n), [
-    g,
+  return R.useEffect(t, n), [
+    S,
     p
   ];
 }
-function We(i, e, r) {
-  let t, o = r;
-  if (typeof i != "string") {
-    const { key: p, prefix: l } = i;
-    t = p, o = l;
+function ze(o, e, r) {
+  let t, i = r;
+  if (typeof o != "string") {
+    const { key: p, prefix: l } = o;
+    t = p, i = l;
   } else
-    t = j(i);
-  const { prefix: a } = k(o), n = Ee(void 0), f = T(() => (p) => (_.addListener(t, a, p), () => {
-    _.removeListener(t, a, p);
-  }), []), c = T(() => () => {
-    const p = _.get(t, a)?.value, l = e(p);
+    t = j(o);
+  const { prefix: a } = N(i), n = Ee(void 0), f = A(() => (p) => (R.addListener(t, a, p), () => {
+    R.removeListener(t, a, p);
+  }), []), c = A(() => () => {
+    const p = R.get(t, a)?.value, l = e(p);
     return Pe(n.current, l) ? n.current : l;
-  }, []), g = N(f, c);
-  return _.useEffect(t, a), g;
+  }, []), S = V(f, c);
+  return R.useEffect(t, a), S;
 }
 class Ce extends d {
   defaultValue() {
@@ -609,7 +621,7 @@ class Ce extends d {
     super.setValue(e, r, t);
   }
 }
-class De extends G {
+class De extends U {
   constructor(e) {
     super(e);
   }
@@ -623,39 +635,45 @@ class De extends G {
     }
     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 a = r(i);
+    typeof e == "string" ? this.set(e, a, t) : this.set(e, a);
+  }
 }
-const y = new Ce(), ze = new De(y), Ge = (i, e) => y.createStatic({ fn: i }, e);
-function Ue(i, e, r) {
-  let t, o, a = r;
-  if (typeof i != "string") {
-    const { key: l, fn: R, prefix: b } = i;
-    t = l, o = R, a = b;
+const w = new Ce(), Ge = new De(w), Ue = (o, e) => w.createStatic({ fn: o }, e);
+function Be(o, e, r) {
+  let t, i, a = r;
+  if (typeof o != "string") {
+    const { key: l, fn: _, prefix: b } = o;
+    t = l, i = _, a = b;
   } else
-    t = j(i), o = e;
-  const { prefix: n } = k(a);
-  y.initValue(t, n);
-  const f = T(
-    () => (l) => (y.initValue(t, n), y.addListener(t, n, l), () => {
-      y.removeListener(t, n, l);
+    t = j(o), i = e;
+  const { prefix: n } = N(a);
+  w.initValue(t, n);
+  const f = A(
+    () => (l) => (w.initValue(t, n), w.addListener(t, n, l), () => {
+      w.removeListener(t, n, l);
     }),
     []
-  ), c = T(
-    () => () => y.get(t, n).fnState,
+  ), c = A(
+    () => () => w.get(t, n).fnState,
     []
-  ), g = N(f, c), p = async (l, ...R) => {
-    const b = y.get(t, n);
+  ), S = V(f, c), p = async (l, ..._) => {
+    const b = w.get(t, n);
     if (!l && (b.fnState.isLoading || b.fnState.results !== void 0)) return b.fnState;
-    b.fnState = { ...b.fnState, isLoading: !0, error: void 0 }, y.callListeners(t, n);
+    b.fnState = { ...b.fnState, isLoading: !0, error: void 0 }, w.callListeners(t, n);
     try {
-      const v = await o(...R);
+      const v = await i(..._);
       b.fnState = { results: v, isLoading: !1, error: void 0 };
     } catch (v) {
       b.fnState = { ...b.fnState, isLoading: !1, error: v };
     }
-    y.callListeners(t, n);
+    w.callListeners(t, n);
   };
-  return y.useEffect(t, n), {
-    state: g,
+  return w.useEffect(t, n), {
+    state: S,
     trigger: (...l) => {
       p(!1, ...l);
     },
@@ -663,8 +681,8 @@ function Ue(i, e, r) {
       p(!0, ...l);
     },
     clear: () => {
-      const l = y.get(t, n);
-      l && (l.fnState = y.defaultValue().fnState, y.callListeners(t, n));
+      const l = w.get(t, n);
+      l && (l.fnState = w.defaultValue().fnState, w.callListeners(t, n));
     }
   };
 }
@@ -687,7 +705,7 @@ class Fe extends d {
   }
   useEffect(e, r) {
     ne(() => () => {
-      z(`[${d.prefix(e, r)}]`, "unmount effect2"), this.get(e, r)?.listeners.length === 0 && this.unsubscribe(e, r);
+      G(`[${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) {
@@ -695,7 +713,7 @@ class Fe extends d {
     t && (t.unsubscribe && (t.unsubscribe(), t.unsubscribe = void 0), t.fnState = { ...t.fnState, subscribed: !1 }, this.callListeners(e, r));
   }
 }
-class Ne extends G {
+class Ve extends U {
   constructor(e) {
     super(e);
   }
@@ -709,49 +727,55 @@ class Ne extends G {
     }
     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 a = r(i);
+    typeof e == "string" ? this.set(e, a, t) : this.set(e, a);
+  }
 }
-const S = new Fe(), Be = new Ne(S), Je = (i, e) => S.createStatic({ subscriber: i }, e);
-function Me(i, e, r) {
-  let t, o, a = r;
-  if (typeof i != "string") {
-    const { key: v, subscriber: x, prefix: O } = i;
-    t = v, o = x, a = O;
+const g = new Fe(), Je = new Ve(g), Me = (o, e) => g.createStatic({ subscriber: o }, e);
+function Xe(o, e, r) {
+  let t, i, a = r;
+  if (typeof o != "string") {
+    const { key: v, subscriber: x, prefix: O } = o;
+    t = v, i = x, a = O;
   } else
-    t = j(i), o = e;
-  const { prefix: n } = k(a);
-  S.initValue(t, n);
-  const f = T(
-    () => (v) => (S.initValue(t, n), S.addListener(t, n, v), () => {
-      S.removeListener(t, n, v);
+    t = j(o), i = e;
+  const { prefix: n } = N(a);
+  g.initValue(t, n);
+  const f = A(
+    () => (v) => (g.initValue(t, n), g.addListener(t, n, v), () => {
+      g.removeListener(t, n, v);
     }),
     []
-  ), c = T(
-    () => () => S.get(t, n).fnState,
+  ), c = A(
+    () => () => g.get(t, n).fnState,
     []
-  ), g = N(f, c), p = (v) => {
-    const x = S.get(t, n);
-    x.fnState = { ...x.fnState, data: v }, S.callListeners(t, n);
+  ), S = V(f, c), p = (v) => {
+    const x = g.get(t, n);
+    x.fnState = { ...x.fnState, data: v }, g.callListeners(t, n);
   }, l = (v) => {
-    const x = S.get(t, n);
-    x.fnState = { ...x.fnState, isLoading: !1, data: void 0, error: v }, S.callListeners(t, n);
-  }, R = () => {
-    const v = S.get(t, n);
-    v.fnState = { ...v.fnState, isLoading: !1 }, S.callListeners(t, n);
+    const x = g.get(t, n);
+    x.fnState = { ...x.fnState, isLoading: !1, data: void 0, error: v }, g.callListeners(t, n);
+  }, _ = () => {
+    const v = g.get(t, n);
+    v.fnState = { ...v.fnState, isLoading: !1 }, g.callListeners(t, n);
   }, b = async (v) => {
-    const x = S.get(t, n);
-    if (v && (await S.unsubscribe(t, n), x.fnState = { ...x.fnState, isLoading: !1, data: void 0, error: void 0, subscribed: !1 }), x.fnState.subscribed) return x.fnState;
-    z("triggered !!"), x.fnState = { ...x.fnState, isLoading: !0, error: void 0 }, S.callListeners(t, n);
+    const x = g.get(t, n);
+    if (v && (await g.unsubscribe(t, n), 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, n);
     try {
-      const O = await o(p, l, R), P = S.get(t, n);
+      const O = await i(p, l, _), P = g.get(t, n);
       P.unsubscribe = O, P.fnState.subscribed = !0;
     } catch (O) {
-      const P = S.get(t, n);
+      const P = g.get(t, n);
       P.fnState = { ...P.fnState, isLoading: !1, error: O };
     }
-    S.callListeners(t, n);
+    g.callListeners(t, n);
   };
-  return S.useEffect(t, n), {
-    state: g,
+  return g.useEffect(t, n), {
+    state: S,
     trigger: () => {
       b(!1);
     },
@@ -759,25 +783,25 @@ function Me(i, e, r) {
       b(!0);
     },
     unsubscribe: () => {
-      S.unsubscribe(t, n);
+      g.unsubscribe(t, n);
     }
   };
 }
 export {
   De as SharedFunctionsApi,
   je as SharedStatesApi,
-  Ve as SharedStatesProvider,
-  Ne as SharedSubscriptionsApi,
-  Ge as createSharedFunction,
-  Ie as createSharedState,
-  Je as createSharedSubscription,
+  Ye as SharedStatesProvider,
+  Ve as SharedSubscriptionsApi,
+  Ue as createSharedFunction,
+  qe as createSharedState,
+  Me as createSharedSubscription,
   se as isDevMode,
   $e as setDevMode,
-  ze as sharedFunctionsApi,
-  Ye as sharedStatesApi,
-  Be as sharedSubscriptionsApi,
-  Ue as useSharedFunction,
-  qe as useSharedState,
-  We as useSharedStateSelector,
-  Me as useSharedSubscription
+  Ge as sharedFunctionsApi,
+  Ie as sharedStatesApi,
+  Je as sharedSubscriptionsApi,
+  Be as useSharedFunction,
+  We as useSharedState,
+  ze as useSharedStateSelector,
+  Xe as useSharedSubscription
 };

package/dist/main.min.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-shared-states",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "type": "module",
   "description": "Global state made as simple as useState, with zero config, built-in async caching, and automatic scoping.",
   "keywords": [

package/tests/index.test.tsx

@@ -159,6 +159,14 @@ describe('useSharedState', () => {
         // Get updated value
         expect(sharedStatesApi.get(sharedCounter)).toBe(200);
 
+        // Update the value
+        act(() => {
+            sharedStatesApi.update(sharedCounter, (prev) => prev + 50);
+        });
+
+        // Get updated value after update
+        expect(sharedStatesApi.get(sharedCounter)).toBe(250);
+
         // Clear the value
         act(() => {
             sharedStatesApi.clear(sharedCounter);
@@ -310,6 +318,20 @@ describe('useSharedFunction', () => {
         expect(updatedState.isLoading).toBe(true);
         expect(updatedState.error).toBe('test error');
 
+        // Update the state
+        act(() => {
+            sharedFunctionsApi.update(sharedFunction, (prev) => ({
+                fnState: {
+                    ...prev,
+                    results: 'updated data',
+                }
+            }));
+        });
+
+        // Get updated state after update
+        const updatedState2 = sharedFunctionsApi.get(sharedFunction);
+        expect(updatedState2.results).toBe('updated data');
+
         // Clear the value
         act(() => {
             sharedFunctionsApi.clear(sharedFunction);
@@ -374,6 +396,20 @@ describe('useSharedSubscription', () => {
         expect(updatedState.isLoading).toBe(true);
         expect(updatedState.error).toBe('test error');
 
+        // Update the state
+        act(() => {
+            sharedSubscriptionsApi.update(sharedSubscription, (prev) => ({
+                fnState: {
+                    ...prev,
+                    data: 'updated data',
+                }
+            }));
+        });
+
+        // Get updated state after update
+        const updatedState2 = sharedSubscriptionsApi.get(sharedSubscription);
+        expect(updatedState2.data).toBe('updated data');
+
         // Clear the value
         act(() => {
             sharedSubscriptionsApi.clear(sharedSubscription);
@@ -513,6 +549,20 @@ describe('useSharedSubscription', () => {
         expect(updatedState.isLoading).toBe(true);
         expect(updatedState.error).toBe('test error');
 
+        // Update the state
+        act(() => {
+            sharedSubscriptionsApi.update(sharedSubscription, (prev) => ({
+                fnState: {
+                    ...prev,
+                    data: 'updated data',
+                }
+            }));
+        });
+
+        // Get updated state after update
+        const updatedState2 = sharedSubscriptionsApi.get(sharedSubscription);
+        expect(updatedState2.data).toBe('updated data');
+
         // Clear the value
         act(() => {
             sharedSubscriptionsApi.clear(sharedSubscription);