react-shared-states 1.0.6 → 1.0.8

package/dist/main.esm.js

@@ -1,12 +1,12 @@
 /*!
-* react-shared-states v1.0.6
+* react-shared-states v1.0.8
 * (c) Hichem Taboukouyout
 * Released under the MIT License.
 * Github: github.com/HichemTab-tech/react-shared-states
 */
 
-import de, { createContext as be, useMemo as w, useContext as ge, useEffect as Q, useSyncExternalStore as M } from "react";
-var L = { exports: {} }, P = {};
+import he, { createContext as ge, useMemo as L, useContext as pe, useEffect as ee, useSyncExternalStore as I } from "react";
+var y = { exports: {} }, V = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -16,29 +16,29 @@ var L = { exports: {} }, P = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var D;
-function pe() {
-  if (D) return P;
-  D = 1;
-  var s = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
-  function r(t, i, b) {
-    var S = null;
-    if (b !== void 0 && (S = "" + b), i.key !== void 0 && (S = "" + i.key), "key" in i) {
-      b = {};
-      for (var m in i)
-        m !== "key" && (b[m] = i[m]);
-    } else b = i;
-    return i = b.ref, {
-      $$typeof: s,
+var Z;
+function Se() {
+  if (Z) return V;
+  Z = 1;
+  var a = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
+  function r(t, s, f) {
+    var o = null;
+    if (f !== void 0 && (o = "" + f), s.key !== void 0 && (o = "" + s.key), "key" in s) {
+      f = {};
+      for (var _ in s)
+        _ !== "key" && (f[_] = s[_]);
+    } else f = s;
+    return s = f.ref, {
+      $$typeof: a,
       type: t,
-      key: S,
-      ref: i !== void 0 ? i : null,
-      props: b
+      key: o,
+      ref: s !== void 0 ? s : null,
+      props: f
     };
   }
-  return P.Fragment = e, P.jsx = r, P.jsxs = r, P;
+  return V.Fragment = e, V.jsx = r, V.jsxs = r, V;
 }
-var j = {};
+var C = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -48,47 +48,47 @@ var j = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var H;
-function he() {
-  return H || (H = 1, process.env.NODE_ENV !== "production" && function() {
-    function s(n) {
+var Q;
+function Ee() {
+  return Q || (Q = 1, process.env.NODE_ENV !== "production" && function() {
+    function a(n) {
       if (n == null) return null;
       if (typeof n == "function")
-        return n.$$typeof === ce ? null : n.displayName || n.name || null;
+        return n.$$typeof === fe ? null : n.displayName || n.name || null;
       if (typeof n == "string") return n;
       switch (n) {
-        case C:
+        case l:
           return "Fragment";
-        case te:
+        case ne:
           return "Profiler";
-        case ee:
+        case v:
           return "StrictMode";
-        case ae:
+        case ie:
           return "Suspense";
-        case oe:
-          return "SuspenseList";
         case le:
+          return "SuspenseList";
+        case ue:
           return "Activity";
       }
       if (typeof n == "object")
         switch (typeof n.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), n.$$typeof) {
-          case k:
+          case d:
             return "Portal";
-          case ne:
+          case ae:
             return (n.displayName || "Context") + ".Provider";
-          case re:
-            return (n._context.displayName || "Context") + ".Consumer";
           case se:
-            var a = n.render;
-            return n = n.displayName, n || (n = a.displayName || a.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
-          case ie:
-            return a = n.displayName || null, a !== null ? a : s(n.type) || "Memo";
-          case U:
-            a = n._payload, n = n._init;
+            return (n._context.displayName || "Context") + ".Consumer";
+          case oe:
+            var i = n.render;
+            return n = n.displayName, n || (n = i.displayName || i.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
+          case ce:
+            return i = n.displayName || null, i !== null ? i : a(n.type) || "Memo";
+          case G:
+            i = n._payload, n = n._init;
             try {
-              return s(n(a));
+              return a(n(i));
             } catch {
             }
         }
@@ -100,73 +100,73 @@ function he() {
     function r(n) {
       try {
         e(n);
-        var a = !1;
+        var i = !1;
       } catch {
-        a = !0;
+        i = !0;
       }
-      if (a) {
-        a = console;
-        var u = a.error, p = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return u.call(
-          a,
+      if (i) {
+        i = console;
+        var b = i.error, g = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return b.call(
+          i,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          p
+          g
         ), e(n);
       }
     }
     function t(n) {
-      if (n === C) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === U)
+      if (n === l) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === G)
         return "<...>";
       try {
-        var a = s(n);
-        return a ? "<" + a + ">" : "<...>";
+        var i = a(n);
+        return i ? "<" + i + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function i() {
-      var n = N.A;
+    function s() {
+      var n = F.A;
       return n === null ? null : n.getOwner();
     }
-    function b() {
+    function f() {
       return Error("react-stack-top-frame");
     }
-    function S(n) {
-      if (G.call(n, "key")) {
-        var a = Object.getOwnPropertyDescriptor(n, "key").get;
-        if (a && a.isReactWarning) return !1;
+    function o(n) {
+      if (q.call(n, "key")) {
+        var i = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (i && i.isReactWarning) return !1;
       }
       return n.key !== void 0;
     }
-    function m(n, a) {
-      function u() {
-        q || (q = !0, console.error(
+    function _(n, i) {
+      function b() {
+        J || (J = !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)",
-          a
+          i
         ));
       }
-      u.isReactWarning = !0, Object.defineProperty(n, "key", {
-        get: u,
+      b.isReactWarning = !0, Object.defineProperty(n, "key", {
+        get: b,
         configurable: !0
       });
     }
-    function f() {
-      var n = s(this.type);
-      return J[n] || (J[n] = !0, console.error(
+    function O() {
+      var n = a(this.type);
+      return z[n] || (z[n] = !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."
       )), n = this.props.ref, n !== void 0 ? n : null;
     }
-    function T(n, a, u, p, A, _, Y, F) {
-      return u = _.ref, n = {
-        $$typeof: x,
+    function w(n, i, b, g, P, T, $, k) {
+      return b = T.ref, n = {
+        $$typeof: h,
         type: n,
-        key: a,
-        props: _,
-        _owner: A
-      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(n, "ref", {
+        key: i,
+        props: T,
+        _owner: P
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(n, "ref", {
         enumerable: !1,
-        get: f
+        get: O
       }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -181,144 +181,146 @@ function he() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Y
+        value: $
       }), Object.defineProperty(n, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: F
+        value: k
       }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    function g(n, a, u, p, A, _, Y, F) {
-      var h = a.children;
-      if (h !== void 0)
-        if (p)
-          if (ue(h)) {
-            for (p = 0; p < h.length; p++)
-              c(h[p]);
-            Object.freeze && Object.freeze(h);
+    function A(n, i, b, g, P, T, $, k) {
+      var p = i.children;
+      if (p !== void 0)
+        if (g)
+          if (de(p)) {
+            for (g = 0; g < p.length; g++)
+              c(p[g]);
+            Object.freeze && Object.freeze(p);
           } 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 c(h);
-      if (G.call(a, "key")) {
-        h = s(n);
-        var O = Object.keys(a).filter(function(fe) {
-          return fe !== "key";
+        else c(p);
+      if (q.call(i, "key")) {
+        p = a(n);
+        var j = Object.keys(i).filter(function(be) {
+          return be !== "key";
         });
-        p = 0 < O.length ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}", X[h + p] || (O = 0 < O.length ? "{" + O.join(": ..., ") + ": ...}" : "{}", console.error(
+        g = 0 < j.length ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}", H[p + g] || (j = 0 < j.length ? "{" + j.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} />`,
+          g,
           p,
-          h,
-          O,
-          h
-        ), X[h + p] = !0);
+          j,
+          p
+        ), H[p + g] = !0);
       }
-      if (h = null, u !== void 0 && (r(u), h = "" + u), S(a) && (r(a.key), h = "" + a.key), "key" in a) {
-        u = {};
-        for (var $ in a)
-          $ !== "key" && (u[$] = a[$]);
-      } else u = a;
-      return h && m(
-        u,
+      if (p = null, b !== void 0 && (r(b), p = "" + b), o(i) && (r(i.key), p = "" + i.key), "key" in i) {
+        b = {};
+        for (var M in i)
+          M !== "key" && (b[M] = i[M]);
+      } else b = i;
+      return p && _(
+        b,
         typeof n == "function" ? n.displayName || n.name || "Unknown" : n
-      ), T(
+      ), w(
         n,
-        h,
-        _,
-        A,
-        i(),
-        u,
-        Y,
-        F
+        p,
+        T,
+        P,
+        s(),
+        b,
+        $,
+        k
       );
     }
     function c(n) {
-      typeof n == "object" && n !== null && n.$$typeof === x && n._store && (n._store.validated = 1);
+      typeof n == "object" && n !== null && n.$$typeof === h && n._store && (n._store.validated = 1);
     }
-    var o = de, x = Symbol.for("react.transitional.element"), k = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), ee = Symbol.for("react.strict_mode"), te = Symbol.for("react.profiler"), re = Symbol.for("react.consumer"), ne = Symbol.for("react.context"), se = Symbol.for("react.forward_ref"), ae = Symbol.for("react.suspense"), oe = Symbol.for("react.suspense_list"), ie = Symbol.for("react.memo"), U = Symbol.for("react.lazy"), le = Symbol.for("react.activity"), ce = Symbol.for("react.client.reference"), N = o.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, ue = Array.isArray, V = console.createTask ? console.createTask : function() {
+    var S = he, h = Symbol.for("react.transitional.element"), d = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), ne = Symbol.for("react.profiler"), se = Symbol.for("react.consumer"), ae = Symbol.for("react.context"), oe = Symbol.for("react.forward_ref"), ie = Symbol.for("react.suspense"), le = Symbol.for("react.suspense_list"), ce = Symbol.for("react.memo"), G = Symbol.for("react.lazy"), ue = Symbol.for("react.activity"), fe = Symbol.for("react.client.reference"), F = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, de = Array.isArray, Y = console.createTask ? console.createTask : function() {
       return null;
     };
-    o = {
+    S = {
       react_stack_bottom_frame: function(n) {
         return n();
       }
     };
-    var q, J = {}, z = o.react_stack_bottom_frame.bind(
-      o,
-      b
-    )(), B = V(t(b)), X = {};
-    j.Fragment = C, j.jsx = function(n, a, u, p, A) {
-      var _ = 1e4 > N.recentlyCreatedOwnerStacks++;
-      return g(
+    var J, z = {}, X = S.react_stack_bottom_frame.bind(
+      S,
+      f
+    )(), B = Y(t(f)), H = {};
+    C.Fragment = l, C.jsx = function(n, i, b, g, P) {
+      var T = 1e4 > F.recentlyCreatedOwnerStacks++;
+      return A(
         n,
-        a,
-        u,
+        i,
+        b,
         !1,
-        p,
-        A,
-        _ ? Error("react-stack-top-frame") : z,
-        _ ? V(t(n)) : B
+        g,
+        P,
+        T ? Error("react-stack-top-frame") : X,
+        T ? Y(t(n)) : B
       );
-    }, j.jsxs = function(n, a, u, p, A) {
-      var _ = 1e4 > N.recentlyCreatedOwnerStacks++;
-      return g(
+    }, C.jsxs = function(n, i, b, g, P) {
+      var T = 1e4 > F.recentlyCreatedOwnerStacks++;
+      return A(
         n,
-        a,
-        u,
+        i,
+        b,
         !0,
-        p,
-        A,
-        _ ? Error("react-stack-top-frame") : z,
-        _ ? V(t(n)) : B
+        g,
+        P,
+        T ? Error("react-stack-top-frame") : X,
+        T ? Y(t(n)) : B
       );
     };
-  }()), j;
+  }()), C;
 }
-var Z;
-function Ee() {
-  return Z || (Z = 1, process.env.NODE_ENV === "production" ? L.exports = pe() : L.exports = he()), L.exports;
+var K;
+function ve() {
+  return K || (K = 1, process.env.NODE_ENV === "production" ? y.exports = Se() : y.exports = Ee()), y.exports;
 }
-var ve = Ee();
-const K = be(void 0), Oe = ({ children: s, scopeName: e }) => (e || (e = w(() => Math.random().toString(36).substring(2, 15), [])), /* @__PURE__ */ ve.jsx(K.Provider, { value: { scopeName: e }, children: s })), Se = () => ge(K);
-let y = !1;
-const Pe = (s) => {
-  y = s;
-}, I = (...s) => {
-  y && console.log(
+var xe = ve();
+let te = !1;
+const Le = (a) => {
+  te = a;
+}, D = (...a) => {
+  te && console.log(
     "%c[react-shared-states]",
     "color: #007acc; font-weight: bold",
-    ...s
+    ...a
   );
-}, R = (s) => {
-  if (!s) throw new Error("Value is empty");
-  return s;
-};
-class l {
+}, R = (a) => {
+  if (!a) throw new Error("Value is empty");
+  return a;
+}, N = () => Math.random().toString(36).substring(2, 15), re = ge(void 0), je = ({ children: a, scopeName: e }) => {
+  if (e && e.includes("//")) throw new Error("scopeName cannot contain '//'");
+  return e || (e = L(() => N(), [])), /* @__PURE__ */ xe.jsx(re.Provider, { value: { scopeName: e }, children: a });
+}, me = () => pe(re);
+class u {
   data = /* @__PURE__ */ new Map();
   defaultValue() {
     return {};
   }
   addListener(e, r, t) {
-    this.data.has(l.prefix(e, r)) || this.data.set(l.prefix(e, r), {
+    this.data.has(u.prefix(e, r)) || this.data.set(u.prefix(e, r), {
       ...this.defaultValue,
       listeners: []
-    }), this.data.get(l.prefix(e, r)).listeners.push(t);
+    }), this.data.get(u.prefix(e, r)).listeners.push(t);
   }
   removeListener(e, r, t) {
-    this.data.has(l.prefix(e, r)) && (this.data.get(l.prefix(e, r)).listeners = this.data.get(l.prefix(e, r)).listeners.filter((i) => i !== t));
+    this.data.has(u.prefix(e, r)) && (this.data.get(u.prefix(e, r)).listeners = this.data.get(u.prefix(e, r)).listeners.filter((s) => s !== t));
   }
   callListeners(e, r) {
-    this.data.has(l.prefix(e, r)) && this.data.get(l.prefix(e, r)).listeners.forEach((t) => t());
+    this.data.has(u.prefix(e, r)) && this.data.get(u.prefix(e, r)).listeners.forEach((t) => t());
   }
   init(e, r, t) {
-    this.data.has(l.prefix(e, r)) || this.data.set(l.prefix(e, r), {
+    this.data.has(u.prefix(e, r)) || this.data.set(u.prefix(e, r), {
       ...t,
       listeners: []
     });
@@ -329,7 +331,7 @@ class l {
     }), this.data.clear();
   }
   clear(e, r, t = !1) {
-    t || this.callListeners(e, r), this.data.delete(l.prefix(e, r));
+    t || this.callListeners(e, r), this.data.delete(u.prefix(e, r));
   }
   get(e, r) {
     let t = this.has(e, r);
@@ -337,30 +339,116 @@ class l {
       return this.data.get(t);
   }
   setValue(e, r, t) {
-    this.data.has(l.prefix(e, r)) && this.data.set(l.prefix(e, r), {
-      ...this.data.get(l.prefix(e, r)),
+    this.data.has(u.prefix(e, r)) && this.data.set(u.prefix(e, r), {
+      ...this.data.get(u.prefix(e, r)),
       ...t
     });
   }
   has(e, r) {
-    return this.data.has(l.prefix(e, r)) ? l.prefix(e, r) : this.data.has(l.prefix(e, "_global")) ? l.prefix(e, "_global") : void 0;
+    return this.data.has(u.prefix(e, r)) ? u.prefix(e, r) : this.data.has(u.prefix(e, "_global")) ? u.prefix(e, "_global") : void 0;
   }
   static prefix(e, r) {
-    return `${r}_${e}`;
+    if (e.includes("//")) throw new Error("key cannot contain '//'");
+    return `${r}//${e}`;
+  }
+  static extractPrefix(e) {
+    return e.split("//");
   }
   useEffect(e, r, t = null) {
-    Q(() => () => {
-      t?.(), I(`[${l.prefix(e, r)}]`, "unmount effect"), this.data.get(l.prefix(e, r)).listeners?.length === 0 && this.clear(e, r);
+    ee(() => () => {
+      t?.(), D(`[${u.prefix(e, r)}]`, "unmount effect"), this.data.get(u.prefix(e, r)).listeners?.length === 0 && this.clear(e, r);
     }, []);
   }
 }
-const W = (s) => {
-  const e = Se();
+class W {
+  constructor(e) {
+    this.sharedData = e;
+  }
+  /**
+   * get a value from the shared data
+   * @param key
+   * @param scopeName
+   */
+  get(e, r) {
+    e = R(e);
+    const t = r || "_global";
+    return this.sharedData.get(e, t);
+  }
+  /**
+   * set a value in the shared data
+   * @param key
+   * @param value
+   * @param scopeName
+   */
+  set(e, r, t) {
+    e = R(e);
+    const s = t || "_global";
+    this.sharedData.setValue(e, s, r);
+  }
+  /**
+   * clear all values from the shared data
+   */
+  clearAll() {
+    this.sharedData.clearAll();
+  }
+  /**
+   * clear all values from the shared data in a scope
+   * @param scopeName
+   */
+  clearScope(e) {
+    const r = e || "_global";
+    this.sharedData.data.forEach((t, s) => {
+      const [f] = u.extractPrefix(s);
+      if (f === r) {
+        this.sharedData.clear(s, f);
+        return;
+      }
+    });
+  }
+  /**
+   * resolve a shared created object to a value
+   * @param sharedCreated
+   */
+  resolve(e) {
+    const { key: r, prefix: t } = e;
+    return this.get(r, t);
+  }
+  /**
+   * clear a value from the shared data
+   * @param key
+   * @param scopeName
+   */
+  clear(e, r) {
+    let t, s;
+    typeof e == "string" ? (t = e, s = r || "_global") : (t = e.key, s = e.prefix), this.sharedData.clear(t, s);
+  }
+  /**
+   * 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);
+  }
+  /**
+   * get all values from the shared data
+   */
+  getAll() {
+    const e = {};
+    return this.sharedData.data.forEach((r, t) => {
+      const [s, f] = u.extractPrefix(t);
+      e[s] = e[s] || {}, e[s][f] = r;
+    }), e;
+  }
+}
+const U = (a) => {
+  const e = me();
   return {
-    prefix: s ?? e?.scopeName ?? "_global"
+    prefix: a ?? e?.scopeName ?? "_global"
   };
 };
-class me extends l {
+class _e extends u {
   defaultValue() {
     return { value: void 0 };
   }
@@ -374,48 +462,47 @@ class me extends l {
     super.removeListener(e, r, t);
   }
 }
-class xe {
+class Re extends W {
   get(e, r = "_global") {
     e = R(e);
     const t = r || "_global";
-    return E.get(e, t)?.value;
+    return m.get(e, t)?.value;
   }
   set(e, r, t = "_global") {
     e = R(e);
-    const i = t || "_global";
-    E.setValue(e, i, { value: r });
-  }
-  clearAll() {
-    E.clearAll();
-  }
-  clear(e, r = "_global") {
-    const t = r || "_global";
-    E.clear(e, t);
-  }
-  has(e, r = "_global") {
-    const t = r || "_global";
-    return !!E.has(e, t);
-  }
-  getAll() {
-    return E.data;
+    const s = t || "_global";
+    m.setValue(e, s, { value: r });
   }
 }
-const je = new xe(), E = new me(), Le = (s, e, r) => {
-  s = R(s);
-  const { prefix: t } = W(r);
-  E.init(s, t, e);
-  const i = w(() => (f) => (E.init(s, t, e), E.addListener(s, t, f), () => {
-    E.removeListener(s, t, f);
-  }), []), b = w(() => () => E.get(s, t)?.value, []), S = M(i, b), m = (f) => {
-    const T = typeof f == "function" ? f(E.get(s, t)?.value) : f;
-    T !== S && (E.setValue(s, t, T), E.callListeners(s, t));
+const m = new _e(), Ve = new Re(m), Ce = (a, e) => {
+  const r = e ?? e ?? "_global";
+  return {
+    key: N(),
+    prefix: r,
+    initialValue: a
   };
-  return E.useEffect(s, t), [
-    S,
-    m
-  ];
 };
-class _e extends l {
+function ye(a, e, r) {
+  let t, s, f = r;
+  if (typeof a != "string") {
+    const { key: c, initialValue: S, prefix: h } = a;
+    t = c, s = S, f = h;
+  } else
+    t = R(a), s = e;
+  const { prefix: o } = U(f);
+  m.init(t, o, s);
+  const _ = L(() => (c) => (m.init(t, o, e), m.addListener(t, o, c), () => {
+    m.removeListener(t, o, c);
+  }), []), O = L(() => () => m.get(t, o)?.value, []), w = I(_, O), A = (c) => {
+    const S = typeof c == "function" ? c(m.get(t, o)?.value) : c;
+    S !== w && (m.setValue(t, o, S), m.callListeners(t, o));
+  };
+  return m.useEffect(t, o), [
+    w,
+    A
+  ];
+}
+class Te extends u {
   defaultValue() {
     return {
       fnState: {
@@ -432,70 +519,70 @@ class _e extends l {
     super.setValue(e, r, t);
   }
 }
-class Re {
+class Ae extends W {
   get(e, r = "_global") {
     e = R(e);
     const t = r || "_global";
-    return v.get(e, t)?.fnState;
+    return x.get(e, t)?.fnState;
   }
   set(e, r, t = "_global") {
     e = R(e);
-    const i = t || "_global";
-    v.setValue(e, i, r);
-  }
-  clearAll() {
-    v.clearAll();
-  }
-  clear(e, r = "_global") {
-    const t = r || "_global";
-    v.clear(e, t);
-  }
-  has(e, r = "_global") {
-    const t = r || "_global";
-    return !!v.has(e, t);
-  }
-  getAll() {
-    return v.data;
+    const s = t || "_global";
+    x.setValue(e, s, r);
   }
 }
-const Ce = new Re(), v = new _e(), Ne = (s, e, r) => {
-  s = R(s);
-  const { prefix: t } = W(r);
-  v.init(s, t);
-  const i = w(
-    () => (f) => (v.init(s, t), v.addListener(s, t, f), () => {
-      v.removeListener(s, t, f);
+const x = new Te(), Ne = new Ae(x), Fe = (a, e) => {
+  const r = e ?? e ?? "_global";
+  return {
+    key: N(),
+    prefix: r,
+    fn: a
+  };
+};
+function Ye(a, e, r) {
+  let t, s, f = r;
+  if (typeof a != "string") {
+    const { key: c, fn: S, prefix: h } = a;
+    t = c, s = S, f = h;
+  } else
+    t = R(a), s = e;
+  const { prefix: o } = U(f);
+  x.init(t, o);
+  const _ = L(
+    () => (c) => (x.init(t, o), x.addListener(t, o, c), () => {
+      x.removeListener(t, o, c);
     }),
     []
-  ), b = w(
-    () => () => v.get(s, t).fnState,
+  ), O = L(
+    () => () => x.get(t, o).fnState,
     []
-  ), S = M(i, b), m = async (f, ...T) => {
-    const g = v.get(s, t);
-    if (!f && (g.fnState.isLoading || g.fnState.results !== void 0)) return g.fnState;
-    g.fnState = { ...g.fnState, isLoading: !0, error: void 0 }, g.listeners.forEach((c) => c());
+  ), w = I(_, O), A = async (c, ...S) => {
+    const h = x.get(t, o);
+    if (!c && (h.fnState.isLoading || h.fnState.results !== void 0)) return h.fnState;
+    h.fnState = { ...h.fnState, isLoading: !0, error: void 0 }, h.listeners.forEach((d) => d());
     try {
-      const c = await e(...T);
-      g.fnState = { results: c, isLoading: !1, error: void 0 };
-    } catch (c) {
-      g.fnState = { ...g.fnState, isLoading: !1, error: c };
+      const d = await s(...S);
+      h.fnState = { results: d, isLoading: !1, error: void 0 };
+    } catch (d) {
+      h.fnState = { ...h.fnState, isLoading: !1, error: d };
     }
-    g.listeners.forEach((c) => c());
+    h.listeners.forEach((d) => d());
   };
-  return v.useEffect(s, t), {
-    state: S,
-    trigger: (...f) => {
-      m(!1, ...f);
+  return x.useEffect(t, o), {
+    state: w,
+    trigger: (...c) => {
+      A(!1, ...c);
     },
-    forceTrigger: (...f) => {
-      m(!0, ...f);
+    forceTrigger: (...c) => {
+      A(!0, ...c);
     },
     clear: () => {
-      v.clear(s, t), v.init(s, t);
+      const c = x.get(t, o);
+      c && (c.fnState = x.defaultValue().fnState, x.callListeners(t, o));
     }
   };
-};
-class Te extends l {
+}
+class we extends u {
   defaultValue() {
     return {
       fnState: {
@@ -513,94 +600,99 @@ class Te extends l {
     super.setValue(e, r, t);
   }
   useEffect(e, r) {
-    Q(() => () => {
-      I(`[${l.prefix(e, r)}]`, "unmount effect2"), this.get(e, r)?.listeners.length === 0 && this.unsubscribe(e, r);
+    ee(() => () => {
+      D(`[${u.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.subscribed = !1);
+    t && (t.unsubscribe && (t.unsubscribe(), t.unsubscribe = void 0), t.fnState = { ...t.fnState, subscribed: !1 }, this.callListeners(e, r));
   }
 }
-class Ae {
+class Pe extends W {
   get(e, r = "_global") {
     e = R(e);
     const t = r || "_global";
-    return d.get(e, t)?.fnState;
+    return E.get(e, t)?.fnState;
   }
   set(e, r, t = "_global") {
     e = R(e);
-    const i = t || "_global";
-    d.setValue(e, i, r);
-  }
-  clearAll() {
-    d.clearAll();
-  }
-  clear(e, r = "_global") {
-    const t = r || "_global";
-    d.clear(e, t);
-  }
-  has(e, r = "_global") {
-    const t = r || "_global";
-    return !!d.has(e, t);
-  }
-  getAll() {
-    return d.data;
+    const s = t || "_global";
+    E.setValue(e, s, r);
   }
 }
-const Ve = new Ae(), d = new Te(), Ye = (s, e, r) => {
-  s = R(s);
-  const { prefix: t } = W(r);
-  d.init(s, t);
-  const i = w(
-    () => (c) => (d.init(s, t), d.addListener(s, t, c), () => {
-      d.removeListener(s, t, c);
+const E = new we(), $e = new Pe(E), ke = (a, e) => {
+  const r = e ?? e ?? "_global";
+  return {
+    key: N(),
+    prefix: r,
+    subscriber: a
+  };
+};
+function Me(a, e, r) {
+  let t, s, f = r;
+  if (typeof a != "string") {
+    const { key: d, subscriber: l, prefix: v } = a;
+    t = d, s = l, f = v;
+  } else
+    t = R(a), s = e;
+  const { prefix: o } = U(f);
+  E.init(t, o);
+  const _ = L(
+    () => (d) => (E.init(t, o), E.addListener(t, o, d), () => {
+      E.removeListener(t, o, d);
     }),
     []
-  ), b = w(
-    () => () => d.get(s, t).fnState,
+  ), O = L(
+    () => () => E.get(t, o).fnState,
     []
-  ), S = M(i, b), m = (c) => {
-    const o = d.get(s, t);
-    o.fnState = { ...o.fnState, data: c }, o.listeners.forEach((x) => x());
-  }, f = (c) => {
-    const o = d.get(s, t);
-    o.fnState = { ...o.fnState, isLoading: !1, data: void 0, error: c }, o.listeners.forEach((x) => x());
-  }, T = () => {
-    const c = d.get(s, t);
-    c.fnState = { ...c.fnState, isLoading: !1 }, c.listeners.forEach((o) => o());
-  }, g = async (c) => {
-    const o = d.get(s, t);
-    if (c && (await d.unsubscribe(s, t), o.fnState = { ...o.fnState, isLoading: !1, data: void 0, error: void 0, subscribed: !1 }), o.fnState.subscribed) return o.fnState;
-    I("triggered !!"), o.fnState = { ...o.fnState, isLoading: !0, error: void 0 }, o.listeners.forEach((x) => x());
+  ), w = I(_, O), A = (d) => {
+    const l = E.get(t, o);
+    l.fnState = { ...l.fnState, data: d }, l.listeners.forEach((v) => v());
+  }, c = (d) => {
+    const l = E.get(t, o);
+    l.fnState = { ...l.fnState, isLoading: !1, data: void 0, error: d }, l.listeners.forEach((v) => v());
+  }, S = () => {
+    const d = E.get(t, o);
+    d.fnState = { ...d.fnState, isLoading: !1 }, d.listeners.forEach((l) => l());
+  }, h = async (d) => {
+    const l = E.get(t, o);
+    if (d && (await E.unsubscribe(t, o), l.fnState = { ...l.fnState, isLoading: !1, data: void 0, error: void 0, subscribed: !1 }), l.fnState.subscribed) return l.fnState;
+    D("triggered !!"), l.fnState = { ...l.fnState, isLoading: !0, error: void 0 }, l.listeners.forEach((v) => v());
     try {
-      o.unsubscribe = await e(m, f, T), o.fnState.subscribed = !0;
-    } catch (x) {
-      o.fnState = { ...o.fnState, isLoading: !1, error: x };
+      l.unsubscribe = await s(A, c, S), l.fnState.subscribed = !0;
+    } catch (v) {
+      l.fnState = { ...l.fnState, isLoading: !1, error: v };
     }
-    o.listeners.forEach((x) => x());
+    l.listeners.forEach((v) => v());
   };
-  return d.useEffect(s, t), {
-    state: S,
+  return E.useEffect(t, o), {
+    state: w,
     trigger: () => {
-      g(!1);
+      h(!1);
     },
     forceTrigger: () => {
-      g(!0);
+      h(!0);
     },
     unsubscribe: () => {
-      d.unsubscribe(s, t);
+      E.unsubscribe(t, o);
     }
   };
-};
+}
 export {
-  Oe as SharedStatesProvider,
-  y as isDevMode,
-  Pe as setDevMode,
-  Ce as sharedFunctionsApi,
-  je as sharedStatesApi,
-  Ve as sharedSubscriptionsApi,
-  Ne as useSharedFunction,
-  Le as useSharedState,
-  Ye as useSharedSubscription
+  Ae as SharedFunctionsApi,
+  Re as SharedStatesApi,
+  je as SharedStatesProvider,
+  Pe as SharedSubscriptionsApi,
+  Fe as createSharedFunction,
+  Ce as createSharedState,
+  ke as createSharedSubscription,
+  te as isDevMode,
+  Le as setDevMode,
+  Ne as sharedFunctionsApi,
+  Ve as sharedStatesApi,
+  $e as sharedSubscriptionsApi,
+  Ye as useSharedFunction,
+  ye as useSharedState,
+  Me as useSharedSubscription
 };