react-shared-states 1.0.4 → 1.0.6

package/dist/main.esm.js

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