react-state-custom 1.0.5 → 1.0.7

package/dist/index.es.js

@@ -1,8 +1,8 @@
 var Ne = Object.defineProperty;
 var Ae = (e, t, r) => t in e ? Ne(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var Q = (e, t, r) => Ae(e, typeof t != "symbol" ? t + "" : t, r);
-import ke, { useMemo as z, useEffect as L, useState as U, useCallback as Me, Fragment as Ie } from "react";
-function $e(e) {
+import ke, { useMemo as z, useEffect as L, useState as U, useCallback as Me, Fragment as $e } from "react";
+function Ie(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Z = { exports: {} }, be;
@@ -20,14 +20,14 @@ function xe() {
   function u(s) {
     console && console.warn && console.warn(s);
   }
-  var c = Number.isNaN || function(a) {
+  var f = Number.isNaN || function(a) {
     return a !== a;
   };
   function n() {
     n.init.call(this);
   }
   Z.exports = n, Z.exports.once = N, n.EventEmitter = n, n.prototype._events = void 0, n.prototype._eventsCount = 0, n.prototype._maxListeners = void 0;
-  var f = 10;
+  var c = 10;
   function h(s) {
     if (typeof s != "function")
       throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof s);
@@ -35,17 +35,17 @@ function xe() {
   Object.defineProperty(n, "defaultMaxListeners", {
     enumerable: !0,
     get: function() {
-      return f;
+      return c;
     },
     set: function(s) {
-      if (typeof s != "number" || s < 0 || c(s))
+      if (typeof s != "number" || s < 0 || f(s))
         throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received ' + s + ".");
-      f = s;
+      c = s;
     }
   }), n.init = function() {
     (this._events === void 0 || this._events === Object.getPrototypeOf(this)._events) && (this._events = /* @__PURE__ */ Object.create(null), this._eventsCount = 0), this._maxListeners = this._maxListeners || void 0;
   }, n.prototype.setMaxListeners = function(a) {
-    if (typeof a != "number" || a < 0 || c(a))
+    if (typeof a != "number" || a < 0 || f(a))
       throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received ' + a + ".");
     return this._maxListeners = a, this;
   };
@@ -78,7 +78,7 @@ function xe() {
         t(H[l], this, o);
     return !0;
   };
-  function m(s, a, o, l) {
+  function v(s, a, o, l) {
     var d, _, b;
     if (h(o), _ = s._events, _ === void 0 ? (_ = s._events = /* @__PURE__ */ Object.create(null), s._eventsCount = 0) : (_.newListener !== void 0 && (s.emit(
       "newListener",
@@ -94,9 +94,9 @@ function xe() {
     return s;
   }
   n.prototype.addListener = function(a, o) {
-    return m(this, a, o, !1);
+    return v(this, a, o, !1);
   }, n.prototype.on = n.prototype.addListener, n.prototype.prependListener = function(a, o) {
-    return m(this, a, o, !0);
+    return v(this, a, o, !0);
   };
   function g() {
     if (!this.fired)
@@ -199,13 +199,13 @@ function xe() {
       function _() {
         typeof s.removeListener == "function" && s.removeListener("error", d), o([].slice.call(arguments));
       }
-      F(s, a, _, { once: !0 }), a !== "error" && x(s, d, { once: !0 });
+      D(s, a, _, { once: !0 }), a !== "error" && x(s, d, { once: !0 });
     });
   }
   function x(s, a, o) {
-    typeof s.on == "function" && F(s, "error", a, o);
+    typeof s.on == "function" && D(s, "error", a, o);
   }
-  function F(s, a, o, l) {
+  function D(s, a, o, l) {
     if (typeof s.on == "function")
       l.once ? s.once(a, o) : s.on(a, o);
     else if (typeof s.addEventListener == "function")
@@ -217,8 +217,8 @@ function xe() {
   }
   return Z.exports;
 }
-var Fe = xe();
-const De = /* @__PURE__ */ $e(Fe);
+var De = xe();
+const Fe = /* @__PURE__ */ Ie(De);
 var We = typeof global == "object" && global && global.Object === Object && global, ze = typeof self == "object" && self && self.Object === Object && self, re = We || ze || Function("return this")(), te = re.Symbol, Re = Object.prototype, Ye = Re.hasOwnProperty, Ge = Re.toString, q = te ? te.toStringTag : void 0;
 function Ue(e) {
   var t = Ye.call(e, q), r = e[q];
@@ -227,8 +227,8 @@ function Ue(e) {
     var u = !0;
   } catch {
   }
-  var c = Ge.call(e);
-  return u && (t ? e[q] = r : delete e[q]), c;
+  var f = Ge.call(e);
+  return u && (t ? e[q] = r : delete e[q]), f;
 }
 var Ve = Object.prototype, He = Ve.toString;
 function qe(e) {
@@ -344,23 +344,23 @@ function Mt(e) {
   var t = this.__data__;
   return K ? t[e] !== void 0 : kt.call(t, e);
 }
-var It = "__lodash_hash_undefined__";
-function $t(e, t) {
+var $t = "__lodash_hash_undefined__";
+function It(e, t) {
   var r = this.__data__;
-  return this.size += this.has(e) ? 0 : 1, r[e] = K && t === void 0 ? It : t, this;
+  return this.size += this.has(e) ? 0 : 1, r[e] = K && t === void 0 ? $t : t, this;
 }
-function I(e) {
+function $(e) {
   var t = -1, r = e == null ? 0 : e.length;
   for (this.clear(); ++t < r; ) {
     var u = e[t];
     this.set(u[0], u[1]);
   }
 }
-I.prototype.clear = St;
-I.prototype.delete = jt;
-I.prototype.get = Nt;
-I.prototype.has = Mt;
-I.prototype.set = $t;
+$.prototype.clear = St;
+$.prototype.delete = jt;
+$.prototype.get = Nt;
+$.prototype.has = Mt;
+$.prototype.set = It;
 function xt() {
   this.__data__ = [], this.size = 0;
 }
@@ -370,13 +370,13 @@ function ne(e, t) {
       return r;
   return -1;
 }
-var Ft = Array.prototype, Dt = Ft.splice;
+var Dt = Array.prototype, Ft = Dt.splice;
 function Wt(e) {
   var t = this.__data__, r = ne(t, e);
   if (r < 0)
     return !1;
   var u = t.length - 1;
-  return r == u ? t.pop() : Dt.call(t, r, 1), --this.size, !0;
+  return r == u ? t.pop() : Ft.call(t, r, 1), --this.size, !0;
 }
 function zt(e) {
   var t = this.__data__, r = ne(t, e);
@@ -404,9 +404,9 @@ V.prototype.set = Gt;
 var Ut = je(re, "Map");
 function Vt() {
   this.size = 0, this.__data__ = {
-    hash: new I(),
+    hash: new $(),
     map: new (Ut || V)(),
-    string: new I()
+    string: new $()
   };
 }
 function Ht(e) {
@@ -431,53 +431,53 @@ function Kt(e, t) {
   var r = oe(this, e), u = r.size;
   return r.set(e, t), this.size += r.size == u ? 0 : 1, this;
 }
-function $(e) {
+function I(e) {
   var t = -1, r = e == null ? 0 : e.length;
   for (this.clear(); ++t < r; ) {
     var u = e[t];
     this.set(u[0], u[1]);
   }
 }
-$.prototype.clear = Vt;
-$.prototype.delete = qt;
-$.prototype.get = Jt;
-$.prototype.has = Xt;
-$.prototype.set = Kt;
+I.prototype.clear = Vt;
+I.prototype.delete = qt;
+I.prototype.get = Jt;
+I.prototype.has = Xt;
+I.prototype.set = Kt;
 var Bt = "Expected a function";
 function fe(e, t) {
   if (typeof e != "function" || t != null && typeof t != "function")
     throw new TypeError(Bt);
   var r = function() {
-    var u = arguments, c = t ? t.apply(this, u) : u[0], n = r.cache;
-    if (n.has(c))
-      return n.get(c);
-    var f = e.apply(this, u);
-    return r.cache = n.set(c, f) || n, f;
+    var u = arguments, f = t ? t.apply(this, u) : u[0], n = r.cache;
+    if (n.has(f))
+      return n.get(f);
+    var c = e.apply(this, u);
+    return r.cache = n.set(f, c) || n, c;
   };
-  return r.cache = new (fe.Cache || $)(), r;
+  return r.cache = new (fe.Cache || I)(), r;
 }
-fe.Cache = $;
+fe.Cache = I;
 var le = function() {
   return re.Date.now();
 }, Qt = "Expected a function", Zt = Math.max, er = Math.min;
 function ae(e, t, r) {
-  var u, c, n, f, h, p, m = 0, g = !1, y = !1, T = !0;
+  var u, f, n, c, h, p, v = 0, g = !1, y = !1, T = !0;
   if (typeof e != "function")
     throw new TypeError(Qt);
   t = Ee(t) || 0, G(r) && (g = !!r.leading, y = "maxWait" in r, n = y ? Zt(Ee(r.maxWait) || 0, t) : n, T = "trailing" in r ? !!r.trailing : T);
   function C(o) {
-    var l = u, d = c;
-    return u = c = void 0, m = o, f = e.apply(d, l), f;
+    var l = u, d = f;
+    return u = f = void 0, v = o, c = e.apply(d, l), c;
   }
   function M(o) {
-    return m = o, h = setTimeout(N, t), g ? C(o) : f;
+    return v = o, h = setTimeout(N, t), g ? C(o) : c;
   }
   function E(o) {
-    var l = o - p, d = o - m, _ = t - l;
+    var l = o - p, d = o - v, _ = t - l;
     return y ? er(_, n - d) : _;
   }
   function O(o) {
-    var l = o - p, d = o - m;
+    var l = o - p, d = o - v;
     return p === void 0 || l >= t || l < 0 || y && d >= n;
   }
   function N() {
@@ -487,35 +487,35 @@ function ae(e, t, r) {
     h = setTimeout(N, E(o));
   }
   function x(o) {
-    return h = void 0, T && u ? C(o) : (u = c = void 0, f);
+    return h = void 0, T && u ? C(o) : (u = f = void 0, c);
   }
-  function F() {
-    h !== void 0 && clearTimeout(h), m = 0, u = p = c = h = void 0;
+  function D() {
+    h !== void 0 && clearTimeout(h), v = 0, u = p = f = h = void 0;
   }
   function s() {
-    return h === void 0 ? f : x(le());
+    return h === void 0 ? c : x(le());
   }
   function a() {
     var o = le(), l = O(o);
-    if (u = arguments, c = this, p = o, l) {
+    if (u = arguments, f = this, p = o, l) {
       if (h === void 0)
         return M(p);
       if (y)
         return clearTimeout(h), h = setTimeout(N, t), C(p);
     }
-    return h === void 0 && (h = setTimeout(N, t)), f;
+    return h === void 0 && (h = setTimeout(N, t)), c;
   }
-  return a.cancel = F, a.flush = s, a;
+  return a.cancel = D, a.flush = s, a;
 }
 var tr = "Expected a function";
 function rr(e, t, r) {
-  var u = !0, c = !0;
+  var u = !0, f = !0;
   if (typeof e != "function")
     throw new TypeError(tr);
-  return G(r) && (u = "leading" in r ? !!r.leading : u, c = "trailing" in r ? !!r.trailing : c), ae(e, t, {
+  return G(r) && (u = "leading" in r ? !!r.leading : u, f = "trailing" in r ? !!r.trailing : f), ae(e, t, {
     leading: u,
     maxWait: t,
-    trailing: c
+    trailing: f
   });
 }
 class nr {
@@ -524,7 +524,7 @@ class nr {
    * @param name - The name of the context (for debugging).
    */
   constructor(t) {
-    Q(this, "event", new De.EventEmitter());
+    Q(this, "event", new Fe.EventEmitter());
     /**
      * The current data held by the context.
      */
@@ -550,8 +550,8 @@ class nr {
    * @returns Unsubscribe function.
    */
   subscribe(t, r) {
-    const u = ({ value: c }) => {
-      r(c);
+    const u = ({ value: f }) => {
+      r(f);
     };
     return this.event.addListener(String(t), u), console.log("listenerCount:", String(t), this.event.listenerCount(String(t))), t in this.data && r(this.data[t]), () => (this.event.removeListener(String(t), u), void 0);
   }
@@ -572,32 +572,32 @@ const or = fe((e) => new nr(e)), Y = (e = "noname") => z(() => or(e), [e]), Ce =
     e && e.data[t] != r && e.publish(t, r);
   }, [t, r, e]), Ce(e, t);
 }, ar = (e, t, r = 0) => {
-  const [{ value: u }, c] = U(() => {
+  const [{ value: u }, f] = U(() => {
     var n;
     return { value: (n = e == null ? void 0 : e.data) == null ? void 0 : n[t] };
   });
   return L(() => {
     if (e) {
-      let n = r == 0 ? (h) => c({ value: h }) : ae((h) => c({ value: h }), r), f = e.subscribe(t, n);
-      return u != e.data[t] && c({ value: e.data[t] }), () => {
-        f();
+      let n = r == 0 ? (h) => f({ value: h }) : ae((h) => f({ value: h }), r), c = e.subscribe(t, n);
+      return u != e.data[t] && f({ value: e.data[t] }), () => {
+        c();
       };
     }
   }, [t, e]), e == null ? void 0 : e.data[t];
 }, pr = (e, t, r) => {
-  const [, u] = U(0), c = z(
+  const [, u] = U(0), f = z(
     () => r(e == null ? void 0 : e.data[t]),
     [r, e == null ? void 0 : e.data[t]]
   );
   return L(() => {
     if (e) {
-      let n = c, f = () => {
+      let n = f, c = () => {
         let p = r(e.data[t]);
-        p != n && (n = p, u((m) => m + 1));
-      }, h = e.subscribe(t, f);
-      return f(), () => h();
+        p != n && (n = p, u((v) => v + 1));
+      }, h = e.subscribe(t, c);
+      return c(), () => h();
     }
-  }, [t, e]), c;
+  }, [t, e]), f;
 }, Le = (e, ...t) => {
   L(() => {
     if (e)
@@ -605,47 +605,47 @@ const or = fe((e) => new nr(e)), Y = (e = "noname") => z(() => or(e), [e]), Ce =
         e.data[r] != u && e.publish(r, u);
   }, [e, ...t.flat()]), Ce(e, ...t.map((r) => r[0]));
 }, vr = (e, ...t) => {
-  const [, r] = U(0), u = t.map((c) => {
+  const [, r] = U(0), u = t.map((f) => {
     var n;
-    return (n = e == null ? void 0 : e.data) == null ? void 0 : n[c];
+    return (n = e == null ? void 0 : e.data) == null ? void 0 : n[f];
   });
   return L(() => {
     if (e) {
-      let c = u;
+      let f = u;
       const n = ae(() => {
-        let p = t.map((m) => {
+        let p = t.map((v) => {
           var g;
-          return (g = e == null ? void 0 : e.data) == null ? void 0 : g[m];
+          return (g = e == null ? void 0 : e.data) == null ? void 0 : g[v];
         });
-        t.some((m, g) => c[g] != p[g]) && (c = p, r((m) => m + 1));
+        t.some((v, g) => f[g] != p[g]) && (f = p, r((v) => v + 1));
       }, 1);
-      let f = t.map((p) => e.subscribe(p, n)), h = setTimeout(n, 1);
+      let c = t.map((p) => e.subscribe(p, n)), h = setTimeout(n, 1);
       return () => {
-        clearTimeout(h), n.cancel(), f.forEach((p) => p());
+        clearTimeout(h), n.cancel(), c.forEach((p) => p());
       };
     }
-  }, [e, ...t]), Object.fromEntries(t.map((c, n) => [c, u[n]]));
+  }, [e, ...t]), Object.fromEntries(t.map((f, n) => [f, u[n]]));
 }, mr = (e, t = 100, ...r) => {
-  const [, u] = U(0), c = r.map((n) => {
-    var f;
-    return (f = e == null ? void 0 : e.data) == null ? void 0 : f[n];
+  const [, u] = U(0), f = r.map((n) => {
+    var c;
+    return (c = e == null ? void 0 : e.data) == null ? void 0 : c[n];
   });
   return L(() => {
     if (e) {
-      let n = c;
-      const f = rr(() => {
-        let m = r.map((g) => {
+      let n = f;
+      const c = rr(() => {
+        let v = r.map((g) => {
           var y;
           return (y = e == null ? void 0 : e.data) == null ? void 0 : y[g];
         });
-        r.some((g, y) => n[y] != m[y]) && (n = m, u((g) => g + 1));
+        r.some((g, y) => n[y] != v[y]) && (n = v, u((g) => g + 1));
       }, t);
-      let h = r.map((m) => e.subscribe(m, f)), p = setTimeout(f, 1);
+      let h = r.map((v) => e.subscribe(v, c)), p = setTimeout(c, 1);
       return () => {
-        clearTimeout(p), f.cancel(), h.forEach((m) => m());
+        clearTimeout(p), c.cancel(), h.forEach((v) => v());
       };
     }
-  }, [e, ...r]), c;
+  }, [e, ...r]), f;
 };
 var ee = { exports: {} }, J = {};
 /**
@@ -662,18 +662,18 @@ function ir() {
   if (we) return J;
   we = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function r(u, c, n) {
-    var f = null;
-    if (n !== void 0 && (f = "" + n), c.key !== void 0 && (f = "" + c.key), "key" in c) {
+  function r(u, f, n) {
+    var c = null;
+    if (n !== void 0 && (c = "" + n), f.key !== void 0 && (c = "" + f.key), "key" in f) {
       n = {};
-      for (var h in c)
-        h !== "key" && (n[h] = c[h]);
-    } else n = c;
-    return c = n.ref, {
+      for (var h in f)
+        h !== "key" && (n[h] = f[h]);
+    } else n = f;
+    return f = n.ref, {
       $$typeof: e,
       type: u,
-      key: f,
-      ref: c !== void 0 ? c : null,
+      key: c,
+      ref: f !== void 0 ? f : null,
       props: n
     };
   }
@@ -717,19 +717,19 @@ function sr() {
         ), i.$$typeof) {
           case M:
             return "Portal";
-          case F:
+          case D:
             return (i.displayName || "Context") + ".Provider";
           case x:
             return (i._context.displayName || "Context") + ".Consumer";
           case s:
-            var v = i.render;
-            return i = i.displayName, i || (i = v.displayName || v.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
+            var m = i.render;
+            return i = i.displayName, i || (i = m.displayName || m.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
           case l:
-            return v = i.displayName || null, v !== null ? v : e(i.type) || "Memo";
+            return m = i.displayName || null, m !== null ? m : e(i.type) || "Memo";
           case d:
-            v = i._payload, i = i._init;
+            m = i._payload, i = i._init;
             try {
-              return e(i(v));
+              return e(i(m));
             } catch {
             }
         }
@@ -741,15 +741,15 @@ function sr() {
     function r(i) {
       try {
         t(i);
-        var v = !1;
+        var m = !1;
       } catch {
-        v = !0;
+        m = !0;
       }
-      if (v) {
-        v = console;
-        var w = v.error, R = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
+      if (m) {
+        m = console;
+        var w = m.error, R = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
         return w.call(
-          v,
+          m,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           R
         ), t(i);
@@ -760,31 +760,31 @@ function sr() {
       if (typeof i == "object" && i !== null && i.$$typeof === d)
         return "<...>";
       try {
-        var v = e(i);
-        return v ? "<" + v + ">" : "<...>";
+        var m = e(i);
+        return m ? "<" + m + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function c() {
+    function f() {
       var i = j.A;
       return i === null ? null : i.getOwner();
     }
     function n() {
       return Error("react-stack-top-frame");
     }
-    function f(i) {
+    function c(i) {
       if (A.call(i, "key")) {
-        var v = Object.getOwnPropertyDescriptor(i, "key").get;
-        if (v && v.isReactWarning) return !1;
+        var m = Object.getOwnPropertyDescriptor(i, "key").get;
+        if (m && m.isReactWarning) return !1;
       }
       return i.key !== void 0;
     }
-    function h(i, v) {
+    function h(i, m) {
       function w() {
         de || (de = !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)",
-          v
+          m
         ));
       }
       w.isReactWarning = !0, Object.defineProperty(i, "key", {
@@ -798,11 +798,11 @@ function sr() {
         "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."
       )), i = this.props.ref, i !== void 0 ? i : null;
     }
-    function m(i, v, w, R, k, P, ie, se) {
+    function v(i, m, w, R, k, P, ie, se) {
       return w = P.ref, i = {
         $$typeof: C,
         type: i,
-        key: v,
+        key: m,
         props: P,
         _owner: k
       }, (w !== void 0 ? w : null) !== null ? Object.defineProperty(i, "ref", {
@@ -830,8 +830,8 @@ function sr() {
         value: se
       }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
     }
-    function g(i, v, w, R, k, P, ie, se) {
-      var S = v.children;
+    function g(i, m, w, R, k, P, ie, se) {
+      var S = m.children;
       if (S !== void 0)
         if (R)
           if (B(S)) {
@@ -843,12 +843,12 @@ function sr() {
               "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 y(S);
-      if (A.call(v, "key")) {
+      if (A.call(m, "key")) {
         S = e(i);
-        var D = Object.keys(v).filter(function(Pe) {
+        var F = Object.keys(m).filter(function(Pe) {
           return Pe !== "key";
         });
-        R = 0 < D.length ? "{key: someKey, " + D.join(": ..., ") + ": ...}" : "{key: someKey}", me[S + R] || (D = 0 < D.length ? "{" + D.join(": ..., ") + ": ...}" : "{}", console.error(
+        R = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", me[S + R] || (F = 0 < F.length ? "{" + F.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -857,24 +857,24 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           R,
           S,
-          D,
+          F,
           S
         ), me[S + R] = !0);
       }
-      if (S = null, w !== void 0 && (r(w), S = "" + w), f(v) && (r(v.key), S = "" + v.key), "key" in v) {
+      if (S = null, w !== void 0 && (r(w), S = "" + w), c(m) && (r(m.key), S = "" + m.key), "key" in m) {
         w = {};
-        for (var ue in v)
-          ue !== "key" && (w[ue] = v[ue]);
-      } else w = v;
+        for (var ue in m)
+          ue !== "key" && (w[ue] = m[ue]);
+      } else w = m;
       return S && h(
         w,
         typeof i == "function" ? i.displayName || i.name || "Unknown" : i
-      ), m(
+      ), v(
         i,
         S,
         P,
         k,
-        c(),
+        f(),
         w,
         ie,
         se
@@ -883,7 +883,7 @@ React keys must be passed directly to JSX without using spread:
     function y(i) {
       typeof i == "object" && i !== null && i.$$typeof === C && i._store && (i._store.validated = 1);
     }
-    var T = ke, C = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), E = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), N = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), F = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), a = Symbol.for("react.suspense"), o = Symbol.for("react.suspense_list"), l = Symbol.for("react.memo"), d = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), b = Symbol.for("react.client.reference"), j = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, B = Array.isArray, H = console.createTask ? console.createTask : function() {
+    var T = ke, C = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), E = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), N = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), D = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), a = Symbol.for("react.suspense"), o = Symbol.for("react.suspense_list"), l = Symbol.for("react.memo"), d = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), b = Symbol.for("react.client.reference"), j = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, B = Array.isArray, H = console.createTask ? console.createTask : function() {
       return null;
     };
     T = {
@@ -895,11 +895,11 @@ React keys must be passed directly to JSX without using spread:
       T,
       n
     )(), ve = H(u(n)), me = {};
-    X.Fragment = E, X.jsx = function(i, v, w, R, k) {
+    X.Fragment = E, X.jsx = function(i, m, w, R, k) {
       var P = 1e4 > j.recentlyCreatedOwnerStacks++;
       return g(
         i,
-        v,
+        m,
         w,
         !1,
         R,
@@ -907,11 +907,11 @@ React keys must be passed directly to JSX without using spread:
         P ? Error("react-stack-top-frame") : pe,
         P ? H(u(i)) : ve
       );
-    }, X.jsxs = function(i, v, w, R, k) {
+    }, X.jsxs = function(i, m, w, R, k) {
       var P = 1e4 > j.recentlyCreatedOwnerStacks++;
       return g(
         i,
-        v,
+        m,
         w,
         !0,
         R,
@@ -928,47 +928,48 @@ function ur() {
 }
 var W = ur();
 const br = (e, t) => {
-  const r = (c) => [
+  const r = (n) => [
     e,
-    ...Object.entries(c ?? {}).sort((n, f) => n[0].localeCompare(f[0])).flat()
+    ...Object.entries(n ?? {}).sort((c, h) => c[0].localeCompare(h[0])).flat()
   ].join("-");
   let u = /* @__PURE__ */ new Set();
-  return {
+  const f = (n) => {
+    const c = r(n), h = Y(c), p = t(n), v = z(() => new Error().stack, []);
+    return Le(
+      h,
+      ...Object.entries(p)
+    ), L(() => {
+      if (u.has(c)) {
+        const g = new Error("RootContext " + c + " are mounted more than once");
+        throw g.stack = v, g;
+      }
+      return u.add(c), () => {
+        u.delete(c);
+      };
+    }), /* @__PURE__ */ W.jsx(W.Fragment, {});
+  };
+  return f.displayName = `State[${(t == null ? void 0 : t.name) ?? "??"}]`, {
     resolveCtxName: r,
-    Root: (c) => {
-      const n = r(c), f = Y(n), h = t(c), p = z(() => new Error().stack, []);
-      return Le(
-        f,
-        ...Object.entries(h)
-      ), L(() => {
-        if (u.has(n)) {
-          const m = new Error("RootContext " + n + " are mounted more than once");
-          throw m.stack = p, m;
-        }
-        return u.add(n), () => {
-          u.delete(n);
-        };
-      }), /* @__PURE__ */ W.jsx(W.Fragment, {});
-    },
-    useCtxStateStrict: (c) => {
-      const n = r(c), f = z(() => new Error().stack, []);
+    Root: f,
+    useCtxStateStrict: (n) => {
+      const c = r(n), h = z(() => new Error().stack, []);
       return L(() => {
-        if (!u.has(n)) {
-          const h = new Error("RootContext [" + n + "] is not mounted");
-          throw h.stack = f, h;
+        if (!u.has(c)) {
+          const p = new Error("RootContext [" + c + "] is not mounted");
+          throw p.stack = h, p;
         }
-      }, [n]), Y(n);
+      }, [c]), Y(c);
     },
-    useCtxState: (c) => {
-      const n = r(c), f = z(() => new Error().stack, []);
+    useCtxState: (n) => {
+      const c = r(n), h = z(() => new Error().stack, []);
       return L(() => {
-        if (!u.has(n)) {
-          const h = new Error("RootContext [" + n + "] is not mounted");
-          h.stack = f;
-          let p = setTimeout(() => console.error(h), 1e3);
-          return () => clearTimeout(p);
+        if (!u.has(c)) {
+          const p = new Error("RootContext [" + c + "] is not mounted");
+          p.stack = h;
+          let v = setTimeout(() => console.error(p), 1e3);
+          return () => clearTimeout(v);
         }
-      }, [u.has(n)]), Y(n);
+      }, [u.has(c)]), Y(c);
     }
   };
 }, cr = /* @__PURE__ */ function() {
@@ -979,15 +980,15 @@ const br = (e, t) => {
   };
 }(), lr = (e) => [
   ...Object.entries(e ?? {}).sort((t, r) => t[0].localeCompare(r[0])).flat()
-].join("-"), gr = ({ Wrapper: e = Ie }) => {
-  const t = Y("auto-ctx"), [r, u] = U({}), c = Me(
-    (n, f) => {
-      const h = cr(n), p = lr(f);
+].join("-"), gr = ({ Wrapper: e = $e }) => {
+  const t = Y("auto-ctx"), [r, u] = U({}), f = Me(
+    (n, c) => {
+      const h = cr(n), p = lr(c);
       return u(({
         [h]: {
-          Component: m = n,
+          Component: v = n,
           subState: {
-            [p]: g = { params: f, counter: 0 },
+            [p]: g = { params: c, counter: 0 },
             ...y
           } = {}
         } = {},
@@ -995,7 +996,7 @@ const br = (e, t) => {
       }) => ({
         ...T,
         [h]: {
-          Component: m,
+          Component: v,
           subState: {
             ...y,
             [p]: {
@@ -1006,9 +1007,9 @@ const br = (e, t) => {
         }
       })), () => u(({
         [h]: {
-          Component: m = n,
+          Component: v = n,
           subState: {
-            [p]: g = { params: f, counter: 0 },
+            [p]: g = { params: c, counter: 0 },
             ...y
           } = {}
         } = {},
@@ -1016,7 +1017,7 @@ const br = (e, t) => {
       }) => ({
         ...T,
         [h]: {
-          Component: m,
+          Component: v,
           subState: {
             ...y,
             ...g.counter > 1 ? {
@@ -1033,51 +1034,51 @@ const br = (e, t) => {
   );
   return Le(
     t,
-    ["subscribe", c],
+    ["subscribe", f],
     ["state", r]
   ), /* @__PURE__ */ W.jsx(W.Fragment, { children: Object.entries(r).flatMap(
-    ([n, { Component: f, subState: h }]) => Object.entries(h).map(([p, { counter: m, params: g }]) => ({ key: n + p, Component: f, params: g, counter: m })).filter((p) => p.counter > 0).map(({ key: p, params: m, Component: g }) => /* @__PURE__ */ W.jsx(e, { children: /* @__PURE__ */ W.jsx(g, { ...m }) }, p))
+    ([n, { Component: c, subState: h }]) => Object.entries(h).map(([p, { counter: v, params: g }]) => ({ key: n + p, Component: c, params: g, counter: v })).filter((p) => p.counter > 0).map(({ key: p, params: v, Component: g }) => /* @__PURE__ */ W.jsx(e, { children: /* @__PURE__ */ W.jsx(g, { ...v }) }, p))
   ) });
 }, _r = ({ Root: e, useCtxState: t, useCtxStateStrict: r, resolveCtxName: u }) => ({
-  useCtxState: (c) => {
-    const n = u(c), f = ar(Y("auto-ctx"), "subscribe");
-    return L(() => f(e, c), [f, n]), Y(n);
+  useCtxState: (f) => {
+    const n = u(f), c = ar(Y("auto-ctx"), "subscribe");
+    return L(() => c == null ? void 0 : c(e, f), [c, n]), Y(n);
   }
 }), Er = (e) => {
-  const [, t] = U(0), { proxy: r, finalGetter: u, openGetter: c, clean: n } = z(
+  const [, t] = U(0), { proxy: r, finalGetter: u, openGetter: f, clean: n } = z(
     () => {
-      const f = /* @__PURE__ */ new Set(), h = {}, p = /* @__PURE__ */ new Map(), m = new Proxy(
+      const c = /* @__PURE__ */ new Set(), h = {}, p = /* @__PURE__ */ new Map(), v = new Proxy(
         e == null ? void 0 : e.data,
         {
           get(E, O) {
             if (g)
-              return f.add(O), h[O] = E[O];
+              return c.add(O), h[O] = E[O];
             throw new Error("now allow here");
           }
         }
       );
       let g = !0, y = ae(() => {
-        [...f.values()].some((E) => {
+        [...c.values()].some((E) => {
           var O;
           return h[E] != ((O = e == null ? void 0 : e.data) == null ? void 0 : O[E]);
         }) && t((E) => E + 1);
       }, 0), T = () => {
-        g = !0, f.clear();
+        g = !0, c.clear();
       }, C = () => {
-        g = !1, [...f.values()].filter((E) => !p.has(E)).forEach((E) => {
+        g = !1, [...c.values()].filter((E) => !p.has(E)).forEach((E) => {
           p.set(E, e == null ? void 0 : e.subscribe(E, y));
-        }), [...p.keys()].filter((E) => !f.has(E)).forEach((E) => {
+        }), [...p.keys()].filter((E) => !c.has(E)).forEach((E) => {
           let O = p.get(E);
           O == null || O(), p.delete(E);
         });
       };
-      return { proxy: m, finalGetter: C, openGetter: T, clean: () => {
+      return { proxy: v, finalGetter: C, openGetter: T, clean: () => {
         T(), C(), t((E) => E + 1);
       } };
     },
     [e]
   );
-  return c(), setTimeout(u, 0), L(
+  return f(), setTimeout(u, 0), L(
     () => () => n(),
     [n]
   ), r;

package/dist/index.umd.js

@@ -1,4 +1,4 @@
-(function(T,v){typeof exports=="object"&&typeof module<"u"?v(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],v):(T=typeof globalThis<"u"?globalThis:T||self,v(T.RState={},T.React))})(this,function(T,v){"use strict";var pn=Object.defineProperty;var vn=(T,v,W)=>v in T?pn(T,v,{enumerable:!0,configurable:!0,writable:!0,value:W}):T[v]=W;var ae=(T,v,W)=>vn(T,typeof v!="symbol"?v+"":v,W);function W(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Z={exports:{}},he;function Me(){if(he)return Z.exports;he=1;var e=typeof Reflect=="object"?Reflect:null,t=e&&typeof e.apply=="function"?e.apply:function(a,o,f){return Function.prototype.apply.call(a,o,f)},n;e&&typeof e.ownKeys=="function"?n=e.ownKeys:Object.getOwnPropertySymbols?n=function(a){return Object.getOwnPropertyNames(a).concat(Object.getOwnPropertySymbols(a))}:n=function(a){return Object.getOwnPropertyNames(a)};function u(i){console&&console.warn&&console.warn(i)}var c=Number.isNaN||function(a){return a!==a};function r(){r.init.call(this)}Z.exports=r,Z.exports.once=A,r.EventEmitter=r,r.prototype._events=void 0,r.prototype._eventsCount=0,r.prototype._maxListeners=void 0;var l=10;function h(i){if(typeof i!="function")throw new TypeError('The "listener" argument must be of type Function. Received type '+typeof i)}Object.defineProperty(r,"defaultMaxListeners",{enumerable:!0,get:function(){return l},set:function(i){if(typeof i!="number"||i<0||c(i))throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received '+i+".");l=i}}),r.init=function(){(this._events===void 0||this._events===Object.getPrototypeOf(this)._events)&&(this._events=Object.create(null),this._eventsCount=0),this._maxListeners=this._maxListeners||void 0},r.prototype.setMaxListeners=function(a){if(typeof a!="number"||a<0||c(a))throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received '+a+".");return this._maxListeners=a,this};function p(i){return i._maxListeners===void 0?r.defaultMaxListeners:i._maxListeners}r.prototype.getMaxListeners=function(){return p(this)},r.prototype.emit=function(a){for(var o=[],f=1;f<arguments.length;f++)o.push(arguments[f]);var d=a==="error",E=this._events;if(E!==void 0)d=d&&E.error===void 0;else if(!d)return!1;if(d){var g;if(o.length>0&&(g=o[0]),g instanceof Error)throw g;var L=new Error("Unhandled error."+(g?" ("+g.message+")":""));throw L.context=g,L}var M=E[a];if(M===void 0)return!1;if(typeof M=="function")t(M,this,o);else for(var oe=M.length,Q=x(M,oe),f=0;f<oe;++f)t(Q[f],this,o);return!0};function b(i,a,o,f){var d,E,g;if(h(o),E=i._events,E===void 0?(E=i._events=Object.create(null),i._eventsCount=0):(E.newListener!==void 0&&(i.emit("newListener",a,o.listener?o.listener:o),E=i._events),g=E[a]),g===void 0)g=E[a]=o,++i._eventsCount;else if(typeof g=="function"?g=E[a]=f?[o,g]:[g,o]:f?g.unshift(o):g.push(o),d=p(i),d>0&&g.length>d&&!g.warned){g.warned=!0;var L=new Error("Possible EventEmitter memory leak detected. "+g.length+" "+String(a)+" listeners added. Use emitter.setMaxListeners() to increase limit");L.name="MaxListenersExceededWarning",L.emitter=i,L.type=a,L.count=g.length,u(L)}return i}r.prototype.addListener=function(a,o){return b(this,a,o,!1)},r.prototype.on=r.prototype.addListener,r.prototype.prependListener=function(a,o){return b(this,a,o,!0)};function _(){if(!this.fired)return this.target.removeListener(this.type,this.wrapFn),this.fired=!0,arguments.length===0?this.listener.call(this.target):this.listener.apply(this.target,arguments)}function S(i,a,o){var f={fired:!1,wrapFn:void 0,target:i,type:a,listener:o},d=_.bind(f);return d.listener=o,f.wrapFn=d,d}r.prototype.once=function(a,o){return h(o),this.on(a,S(this,a,o)),this},r.prototype.prependOnceListener=function(a,o){return h(o),this.prependListener(a,S(this,a,o)),this},r.prototype.removeListener=function(a,o){var f,d,E,g,L;if(h(o),d=this._events,d===void 0)return this;if(f=d[a],f===void 0)return this;if(f===o||f.listener===o)--this._eventsCount===0?this._events=Object.create(null):(delete d[a],d.removeListener&&this.emit("removeListener",a,f.listener||o));else if(typeof f!="function"){for(E=-1,g=f.length-1;g>=0;g--)if(f[g]===o||f[g].listener===o){L=f[g].listener,E=g;break}if(E<0)return this;E===0?f.shift():y(f,E),f.length===1&&(d[a]=f[0]),d.removeListener!==void 0&&this.emit("removeListener",a,L||o)}return this},r.prototype.off=r.prototype.removeListener,r.prototype.removeAllListeners=function(a){var o,f,d;if(f=this._events,f===void 0)return this;if(f.removeListener===void 0)return arguments.length===0?(this._events=Object.create(null),this._eventsCount=0):f[a]!==void 0&&(--this._eventsCount===0?this._events=Object.create(null):delete f[a]),this;if(arguments.length===0){var E=Object.keys(f),g;for(d=0;d<E.length;++d)g=E[d],g!=="removeListener"&&this.removeAllListeners(g);return this.removeAllListeners("removeListener"),this._events=Object.create(null),this._eventsCount=0,this}if(o=f[a],typeof o=="function")this.removeListener(a,o);else if(o!==void 0)for(d=o.length-1;d>=0;d--)this.removeListener(a,o[d]);return this};function O(i,a,o){var f=i._events;if(f===void 0)return[];var d=f[a];return d===void 0?[]:typeof d=="function"?o?[d.listener||d]:[d]:o?R(d):x(d,d.length)}r.prototype.listeners=function(a){return O(this,a,!0)},r.prototype.rawListeners=function(a){return O(this,a,!1)},r.listenerCount=function(i,a){return typeof i.listenerCount=="function"?i.listenerCount(a):P.call(i,a)},r.prototype.listenerCount=P;function P(i){var a=this._events;if(a!==void 0){var o=a[i];if(typeof o=="function")return 1;if(o!==void 0)return o.length}return 0}r.prototype.eventNames=function(){return this._eventsCount>0?n(this._events):[]};function x(i,a){for(var o=new Array(a),f=0;f<a;++f)o[f]=i[f];return o}function y(i,a){for(;a+1<i.length;a++)i[a]=i[a+1];i.pop()}function R(i){for(var a=new Array(i.length),o=0;o<a.length;++o)a[o]=i[o].listener||i[o];return a}function A(i,a){return new Promise(function(o,f){function d(g){i.removeListener(a,E),f(g)}function E(){typeof i.removeListener=="function"&&i.removeListener("error",d),o([].slice.call(arguments))}V(i,a,E,{once:!0}),a!=="error"&&U(i,d,{once:!0})})}function U(i,a,o){typeof i.on=="function"&&V(i,"error",a,o)}function V(i,a,o,f){if(typeof i.on=="function")f.once?i.once(a,o):i.on(a,o);else if(typeof i.addEventListener=="function")i.addEventListener(a,function d(E){f.once&&i.removeEventListener(a,d),o(E)});else throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type '+typeof i)}return Z.exports}var ke=Me();const De=W(ke);var Ie=typeof global=="object"&&global&&global.Object===Object&&global,Fe=typeof self=="object"&&self&&self.Object===Object&&self,$=Ie||Fe||Function("return this")(),q=$.Symbol,pe=Object.prototype,xe=pe.hasOwnProperty,We=pe.toString,J=q?q.toStringTag:void 0;function ze(e){var t=xe.call(e,J),n=e[J];try{e[J]=void 0;var u=!0}catch{}var c=We.call(e);return u&&(t?e[J]=n:delete e[J]),c}var Ye=Object.prototype,Ge=Ye.toString;function Ue(e){return Ge.call(e)}var Ve="[object Null]",He="[object Undefined]",ve=q?q.toStringTag:void 0;function me(e){return e==null?e===void 0?He:Ve:ve&&ve in Object(e)?ze(e):Ue(e)}function Je(e){return e!=null&&typeof e=="object"}var Xe="[object Symbol]";function Ke(e){return typeof e=="symbol"||Je(e)&&me(e)==Xe}var Be=/\s/;function Qe(e){for(var t=e.length;t--&&Be.test(e.charAt(t)););return t}var Ze=/^\s+/;function $e(e){return e&&e.slice(0,Qe(e)+1).replace(Ze,"")}function z(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var be=NaN,qe=/^[-+]0x[0-9a-f]+$/i,et=/^0b[01]+$/i,tt=/^0o[0-7]+$/i,nt=parseInt;function ge(e){if(typeof e=="number")return e;if(Ke(e))return be;if(z(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=z(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=$e(e);var n=et.test(e);return n||tt.test(e)?nt(e.slice(2),n?2:8):qe.test(e)?be:+e}var rt="[object AsyncFunction]",ot="[object Function]",at="[object GeneratorFunction]",st="[object Proxy]";function it(e){if(!z(e))return!1;var t=me(e);return t==ot||t==at||t==rt||t==st}var se=$["__core-js_shared__"],_e=function(){var e=/[^.]+$/.exec(se&&se.keys&&se.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function ut(e){return!!_e&&_e in e}var ct=Function.prototype,ft=ct.toString;function lt(e){if(e!=null){try{return ft.call(e)}catch{}try{return e+""}catch{}}return""}var dt=/[\\^$.*+?()[\]{}|]/g,ht=/^\[object .+?Constructor\]$/,pt=Function.prototype,vt=Object.prototype,mt=pt.toString,bt=vt.hasOwnProperty,gt=RegExp("^"+mt.call(bt).replace(dt,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function _t(e){if(!z(e)||ut(e))return!1;var t=it(e)?gt:ht;return t.test(lt(e))}function Et(e,t){return e==null?void 0:e[t]}function Ee(e,t){var n=Et(e,t);return _t(n)?n:void 0}function yt(e,t){return e===t||e!==e&&t!==t}var X=Ee(Object,"create");function Tt(){this.__data__=X?X(null):{},this.size=0}function St(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var wt="__lodash_hash_undefined__",Ot=Object.prototype,Rt=Ot.hasOwnProperty;function Ct(e){var t=this.__data__;if(X){var n=t[e];return n===wt?void 0:n}return Rt.call(t,e)?t[e]:void 0}var jt=Object.prototype,Lt=jt.hasOwnProperty;function Pt(e){var t=this.__data__;return X?t[e]!==void 0:Lt.call(t,e)}var Nt="__lodash_hash_undefined__";function At(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=X&&t===void 0?Nt:t,this}function D(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t<n;){var u=e[t];this.set(u[0],u[1])}}D.prototype.clear=Tt,D.prototype.delete=St,D.prototype.get=Ct,D.prototype.has=Pt,D.prototype.set=At;function Mt(){this.__data__=[],this.size=0}function ee(e,t){for(var n=e.length;n--;)if(yt(e[n][0],t))return n;return-1}var kt=Array.prototype,Dt=kt.splice;function It(e){var t=this.__data__,n=ee(t,e);if(n<0)return!1;var u=t.length-1;return n==u?t.pop():Dt.call(t,n,1),--this.size,!0}function Ft(e){var t=this.__data__,n=ee(t,e);return n<0?void 0:t[n][1]}function xt(e){return ee(this.__data__,e)>-1}function Wt(e,t){var n=this.__data__,u=ee(n,e);return u<0?(++this.size,n.push([e,t])):n[u][1]=t,this}function Y(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t<n;){var u=e[t];this.set(u[0],u[1])}}Y.prototype.clear=Mt,Y.prototype.delete=It,Y.prototype.get=Ft,Y.prototype.has=xt,Y.prototype.set=Wt;var zt=Ee($,"Map");function Yt(){this.size=0,this.__data__={hash:new D,map:new(zt||Y),string:new D}}function Gt(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}function te(e,t){var n=e.__data__;return Gt(t)?n[typeof t=="string"?"string":"hash"]:n.map}function Ut(e){var t=te(this,e).delete(e);return this.size-=t?1:0,t}function Vt(e){return te(this,e).get(e)}function Ht(e){return te(this,e).has(e)}function Jt(e,t){var n=te(this,e),u=n.size;return n.set(e,t),this.size+=n.size==u?0:1,this}function I(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t<n;){var u=e[t];this.set(u[0],u[1])}}I.prototype.clear=Yt,I.prototype.delete=Ut,I.prototype.get=Vt,I.prototype.has=Ht,I.prototype.set=Jt;var Xt="Expected a function";function ie(e,t){if(typeof e!="function"||t!=null&&typeof t!="function")throw new TypeError(Xt);var n=function(){var u=arguments,c=t?t.apply(this,u):u[0],r=n.cache;if(r.has(c))return r.get(c);var l=e.apply(this,u);return n.cache=r.set(c,l)||r,l};return n.cache=new(ie.Cache||I),n}ie.Cache=I;var ue=function(){return $.Date.now()},Kt="Expected a function",Bt=Math.max,Qt=Math.min;function ne(e,t,n){var u,c,r,l,h,p,b=0,_=!1,S=!1,O=!0;if(typeof e!="function")throw new TypeError(Kt);t=ge(t)||0,z(n)&&(_=!!n.leading,S="maxWait"in n,r=S?Bt(ge(n.maxWait)||0,t):r,O="trailing"in n?!!n.trailing:O);function P(o){var f=u,d=c;return u=c=void 0,b=o,l=e.apply(d,f),l}function x(o){return b=o,h=setTimeout(A,t),_?P(o):l}function y(o){var f=o-p,d=o-b,E=t-f;return S?Qt(E,r-d):E}function R(o){var f=o-p,d=o-b;return p===void 0||f>=t||f<0||S&&d>=r}function A(){var o=ue();if(R(o))return U(o);h=setTimeout(A,y(o))}function U(o){return h=void 0,O&&u?P(o):(u=c=void 0,l)}function V(){h!==void 0&&clearTimeout(h),b=0,u=p=c=h=void 0}function i(){return h===void 0?l:U(ue())}function a(){var o=ue(),f=R(o);if(u=arguments,c=this,p=o,f){if(h===void 0)return x(p);if(S)return clearTimeout(h),h=setTimeout(A,t),P(p)}return h===void 0&&(h=setTimeout(A,t)),l}return a.cancel=V,a.flush=i,a}var Zt="Expected a function";function $t(e,t,n){var u=!0,c=!0;if(typeof e!="function")throw new TypeError(Zt);return z(n)&&(u="leading"in n?!!n.leading:u,c="trailing"in n?!!n.trailing:c),ne(e,t,{leading:u,maxWait:t,trailing:c})}class ye{constructor(t){ae(this,"event",new De.EventEmitter);ae(this,"data",{});ae(this,"registry",new Set);this.name=t,console.log("[CONTEXT] %s",t),this.event.setMaxListeners(100)}publish(t,n){n!=this.data[t]&&(this.data[t]=n,this.event.emit(String(t),{value:n}))}subscribe(t,n){const u=({value:c})=>{n(c)};return this.event.addListener(String(t),u),console.log("listenerCount:",String(t),this.event.listenerCount(String(t))),t in this.data&&n(this.data[t]),()=>(this.event.removeListener(String(t),u),void 0)}}const Te=ie(e=>new ye(e)),F=(e="noname")=>v.useMemo(()=>Te(e),[e]),Se=(e,...t)=>{const n=new Error("[ctx] useRegistryChecker failed "+JSON.stringify({names:t,ctx:(e==null?void 0:e.name)??"undefined"}));v.useEffect(()=>{if(e)return t.some(u=>e.registry.has(u))&&console.error(n),t.forEach(u=>e.registry.add(u)),()=>{t.forEach(u=>e.registry.delete(u))}},[e,t.length])},qt=(e,t,n)=>{v.useEffect(()=>{e&&e.data[t]!=n&&e.publish(t,n)},[t,n,e]),Se(e,t)},we=(e,t,n=0)=>{const[{value:u},c]=v.useState(()=>{var r;return{value:(r=e==null?void 0:e.data)==null?void 0:r[t]}});return v.useEffect(()=>{if(e){let r=n==0?h=>c({value:h}):ne(h=>c({value:h}),n),l=e.subscribe(t,r);return u!=e.data[t]&&c({value:e.data[t]}),()=>{l()}}},[t,e]),e==null?void 0:e.data[t]},en=(e,t,n)=>{const[,u]=v.useState(0),c=v.useMemo(()=>n(e==null?void 0:e.data[t]),[n,e==null?void 0:e.data[t]]);return v.useEffect(()=>{if(e){let r=c,l=()=>{let p=n(e.data[t]);p!=r&&(r=p,u(b=>b+1))},h=e.subscribe(t,l);return l(),()=>h()}},[t,e]),c},ce=(e,...t)=>{v.useEffect(()=>{if(e)for(let[n,u]of t)e.data[n]!=u&&e.publish(n,u)},[e,...t.flat()]),Se(e,...t.map(n=>n[0]))},tn=(e,...t)=>{const[,n]=v.useState(0),u=t.map(c=>{var r;return(r=e==null?void 0:e.data)==null?void 0:r[c]});return v.useEffect(()=>{if(e){let c=u;const r=ne(()=>{let p=t.map(b=>{var _;return(_=e==null?void 0:e.data)==null?void 0:_[b]});t.some((b,_)=>c[_]!=p[_])&&(c=p,n(b=>b+1))},1);let l=t.map(p=>e.subscribe(p,r)),h=setTimeout(r,1);return()=>{clearTimeout(h),r.cancel(),l.forEach(p=>p())}}},[e,...t]),Object.fromEntries(t.map((c,r)=>[c,u[r]]))},nn=(e,t=100,...n)=>{const[,u]=v.useState(0),c=n.map(r=>{var l;return(l=e==null?void 0:e.data)==null?void 0:l[r]});return v.useEffect(()=>{if(e){let r=c;const l=$t(()=>{let b=n.map(_=>{var S;return(S=e==null?void 0:e.data)==null?void 0:S[_]});n.some((_,S)=>r[S]!=b[S])&&(r=b,u(_=>_+1))},t);let h=n.map(b=>e.subscribe(b,l)),p=setTimeout(l,1);return()=>{clearTimeout(p),l.cancel(),h.forEach(b=>b())}}},[e,...n]),c};var re={exports:{}},K={};/**
+(function(S,v){typeof exports=="object"&&typeof module<"u"?v(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],v):(S=typeof globalThis<"u"?globalThis:S||self,v(S.RState={},S.React))})(this,function(S,v){"use strict";var pn=Object.defineProperty;var vn=(S,v,W)=>v in S?pn(S,v,{enumerable:!0,configurable:!0,writable:!0,value:W}):S[v]=W;var ae=(S,v,W)=>vn(S,typeof v!="symbol"?v+"":v,W);function W(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Z={exports:{}},he;function Me(){if(he)return Z.exports;he=1;var e=typeof Reflect=="object"?Reflect:null,t=e&&typeof e.apply=="function"?e.apply:function(a,o,f){return Function.prototype.apply.call(a,o,f)},n;e&&typeof e.ownKeys=="function"?n=e.ownKeys:Object.getOwnPropertySymbols?n=function(a){return Object.getOwnPropertyNames(a).concat(Object.getOwnPropertySymbols(a))}:n=function(a){return Object.getOwnPropertyNames(a)};function u(i){console&&console.warn&&console.warn(i)}var l=Number.isNaN||function(a){return a!==a};function r(){r.init.call(this)}Z.exports=r,Z.exports.once=A,r.EventEmitter=r,r.prototype._events=void 0,r.prototype._eventsCount=0,r.prototype._maxListeners=void 0;var c=10;function h(i){if(typeof i!="function")throw new TypeError('The "listener" argument must be of type Function. Received type '+typeof i)}Object.defineProperty(r,"defaultMaxListeners",{enumerable:!0,get:function(){return c},set:function(i){if(typeof i!="number"||i<0||l(i))throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received '+i+".");c=i}}),r.init=function(){(this._events===void 0||this._events===Object.getPrototypeOf(this)._events)&&(this._events=Object.create(null),this._eventsCount=0),this._maxListeners=this._maxListeners||void 0},r.prototype.setMaxListeners=function(a){if(typeof a!="number"||a<0||l(a))throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received '+a+".");return this._maxListeners=a,this};function p(i){return i._maxListeners===void 0?r.defaultMaxListeners:i._maxListeners}r.prototype.getMaxListeners=function(){return p(this)},r.prototype.emit=function(a){for(var o=[],f=1;f<arguments.length;f++)o.push(arguments[f]);var d=a==="error",E=this._events;if(E!==void 0)d=d&&E.error===void 0;else if(!d)return!1;if(d){var g;if(o.length>0&&(g=o[0]),g instanceof Error)throw g;var L=new Error("Unhandled error."+(g?" ("+g.message+")":""));throw L.context=g,L}var M=E[a];if(M===void 0)return!1;if(typeof M=="function")t(M,this,o);else for(var oe=M.length,Q=F(M,oe),f=0;f<oe;++f)t(Q[f],this,o);return!0};function m(i,a,o,f){var d,E,g;if(h(o),E=i._events,E===void 0?(E=i._events=Object.create(null),i._eventsCount=0):(E.newListener!==void 0&&(i.emit("newListener",a,o.listener?o.listener:o),E=i._events),g=E[a]),g===void 0)g=E[a]=o,++i._eventsCount;else if(typeof g=="function"?g=E[a]=f?[o,g]:[g,o]:f?g.unshift(o):g.push(o),d=p(i),d>0&&g.length>d&&!g.warned){g.warned=!0;var L=new Error("Possible EventEmitter memory leak detected. "+g.length+" "+String(a)+" listeners added. Use emitter.setMaxListeners() to increase limit");L.name="MaxListenersExceededWarning",L.emitter=i,L.type=a,L.count=g.length,u(L)}return i}r.prototype.addListener=function(a,o){return m(this,a,o,!1)},r.prototype.on=r.prototype.addListener,r.prototype.prependListener=function(a,o){return m(this,a,o,!0)};function _(){if(!this.fired)return this.target.removeListener(this.type,this.wrapFn),this.fired=!0,arguments.length===0?this.listener.call(this.target):this.listener.apply(this.target,arguments)}function T(i,a,o){var f={fired:!1,wrapFn:void 0,target:i,type:a,listener:o},d=_.bind(f);return d.listener=o,f.wrapFn=d,d}r.prototype.once=function(a,o){return h(o),this.on(a,T(this,a,o)),this},r.prototype.prependOnceListener=function(a,o){return h(o),this.prependListener(a,T(this,a,o)),this},r.prototype.removeListener=function(a,o){var f,d,E,g,L;if(h(o),d=this._events,d===void 0)return this;if(f=d[a],f===void 0)return this;if(f===o||f.listener===o)--this._eventsCount===0?this._events=Object.create(null):(delete d[a],d.removeListener&&this.emit("removeListener",a,f.listener||o));else if(typeof f!="function"){for(E=-1,g=f.length-1;g>=0;g--)if(f[g]===o||f[g].listener===o){L=f[g].listener,E=g;break}if(E<0)return this;E===0?f.shift():y(f,E),f.length===1&&(d[a]=f[0]),d.removeListener!==void 0&&this.emit("removeListener",a,L||o)}return this},r.prototype.off=r.prototype.removeListener,r.prototype.removeAllListeners=function(a){var o,f,d;if(f=this._events,f===void 0)return this;if(f.removeListener===void 0)return arguments.length===0?(this._events=Object.create(null),this._eventsCount=0):f[a]!==void 0&&(--this._eventsCount===0?this._events=Object.create(null):delete f[a]),this;if(arguments.length===0){var E=Object.keys(f),g;for(d=0;d<E.length;++d)g=E[d],g!=="removeListener"&&this.removeAllListeners(g);return this.removeAllListeners("removeListener"),this._events=Object.create(null),this._eventsCount=0,this}if(o=f[a],typeof o=="function")this.removeListener(a,o);else if(o!==void 0)for(d=o.length-1;d>=0;d--)this.removeListener(a,o[d]);return this};function O(i,a,o){var f=i._events;if(f===void 0)return[];var d=f[a];return d===void 0?[]:typeof d=="function"?o?[d.listener||d]:[d]:o?R(d):F(d,d.length)}r.prototype.listeners=function(a){return O(this,a,!0)},r.prototype.rawListeners=function(a){return O(this,a,!1)},r.listenerCount=function(i,a){return typeof i.listenerCount=="function"?i.listenerCount(a):P.call(i,a)},r.prototype.listenerCount=P;function P(i){var a=this._events;if(a!==void 0){var o=a[i];if(typeof o=="function")return 1;if(o!==void 0)return o.length}return 0}r.prototype.eventNames=function(){return this._eventsCount>0?n(this._events):[]};function F(i,a){for(var o=new Array(a),f=0;f<a;++f)o[f]=i[f];return o}function y(i,a){for(;a+1<i.length;a++)i[a]=i[a+1];i.pop()}function R(i){for(var a=new Array(i.length),o=0;o<a.length;++o)a[o]=i[o].listener||i[o];return a}function A(i,a){return new Promise(function(o,f){function d(g){i.removeListener(a,E),f(g)}function E(){typeof i.removeListener=="function"&&i.removeListener("error",d),o([].slice.call(arguments))}V(i,a,E,{once:!0}),a!=="error"&&U(i,d,{once:!0})})}function U(i,a,o){typeof i.on=="function"&&V(i,"error",a,o)}function V(i,a,o,f){if(typeof i.on=="function")f.once?i.once(a,o):i.on(a,o);else if(typeof i.addEventListener=="function")i.addEventListener(a,function d(E){f.once&&i.removeEventListener(a,d),o(E)});else throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type '+typeof i)}return Z.exports}var ke=Me();const De=W(ke);var Ie=typeof global=="object"&&global&&global.Object===Object&&global,xe=typeof self=="object"&&self&&self.Object===Object&&self,$=Ie||xe||Function("return this")(),q=$.Symbol,pe=Object.prototype,Fe=pe.hasOwnProperty,We=pe.toString,J=q?q.toStringTag:void 0;function ze(e){var t=Fe.call(e,J),n=e[J];try{e[J]=void 0;var u=!0}catch{}var l=We.call(e);return u&&(t?e[J]=n:delete e[J]),l}var Ye=Object.prototype,Ge=Ye.toString;function Ue(e){return Ge.call(e)}var Ve="[object Null]",He="[object Undefined]",ve=q?q.toStringTag:void 0;function me(e){return e==null?e===void 0?He:Ve:ve&&ve in Object(e)?ze(e):Ue(e)}function Je(e){return e!=null&&typeof e=="object"}var Xe="[object Symbol]";function Ke(e){return typeof e=="symbol"||Je(e)&&me(e)==Xe}var Be=/\s/;function Qe(e){for(var t=e.length;t--&&Be.test(e.charAt(t)););return t}var Ze=/^\s+/;function $e(e){return e&&e.slice(0,Qe(e)+1).replace(Ze,"")}function z(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var be=NaN,qe=/^[-+]0x[0-9a-f]+$/i,et=/^0b[01]+$/i,tt=/^0o[0-7]+$/i,nt=parseInt;function ge(e){if(typeof e=="number")return e;if(Ke(e))return be;if(z(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=z(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=$e(e);var n=et.test(e);return n||tt.test(e)?nt(e.slice(2),n?2:8):qe.test(e)?be:+e}var rt="[object AsyncFunction]",ot="[object Function]",at="[object GeneratorFunction]",st="[object Proxy]";function it(e){if(!z(e))return!1;var t=me(e);return t==ot||t==at||t==rt||t==st}var se=$["__core-js_shared__"],_e=function(){var e=/[^.]+$/.exec(se&&se.keys&&se.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function ut(e){return!!_e&&_e in e}var ct=Function.prototype,ft=ct.toString;function lt(e){if(e!=null){try{return ft.call(e)}catch{}try{return e+""}catch{}}return""}var dt=/[\\^$.*+?()[\]{}|]/g,ht=/^\[object .+?Constructor\]$/,pt=Function.prototype,vt=Object.prototype,mt=pt.toString,bt=vt.hasOwnProperty,gt=RegExp("^"+mt.call(bt).replace(dt,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function _t(e){if(!z(e)||ut(e))return!1;var t=it(e)?gt:ht;return t.test(lt(e))}function Et(e,t){return e==null?void 0:e[t]}function Ee(e,t){var n=Et(e,t);return _t(n)?n:void 0}function yt(e,t){return e===t||e!==e&&t!==t}var X=Ee(Object,"create");function St(){this.__data__=X?X(null):{},this.size=0}function Tt(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var wt="__lodash_hash_undefined__",Ot=Object.prototype,Rt=Ot.hasOwnProperty;function Ct(e){var t=this.__data__;if(X){var n=t[e];return n===wt?void 0:n}return Rt.call(t,e)?t[e]:void 0}var jt=Object.prototype,Lt=jt.hasOwnProperty;function Pt(e){var t=this.__data__;return X?t[e]!==void 0:Lt.call(t,e)}var Nt="__lodash_hash_undefined__";function At(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=X&&t===void 0?Nt:t,this}function D(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t<n;){var u=e[t];this.set(u[0],u[1])}}D.prototype.clear=St,D.prototype.delete=Tt,D.prototype.get=Ct,D.prototype.has=Pt,D.prototype.set=At;function Mt(){this.__data__=[],this.size=0}function ee(e,t){for(var n=e.length;n--;)if(yt(e[n][0],t))return n;return-1}var kt=Array.prototype,Dt=kt.splice;function It(e){var t=this.__data__,n=ee(t,e);if(n<0)return!1;var u=t.length-1;return n==u?t.pop():Dt.call(t,n,1),--this.size,!0}function xt(e){var t=this.__data__,n=ee(t,e);return n<0?void 0:t[n][1]}function Ft(e){return ee(this.__data__,e)>-1}function Wt(e,t){var n=this.__data__,u=ee(n,e);return u<0?(++this.size,n.push([e,t])):n[u][1]=t,this}function Y(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t<n;){var u=e[t];this.set(u[0],u[1])}}Y.prototype.clear=Mt,Y.prototype.delete=It,Y.prototype.get=xt,Y.prototype.has=Ft,Y.prototype.set=Wt;var zt=Ee($,"Map");function Yt(){this.size=0,this.__data__={hash:new D,map:new(zt||Y),string:new D}}function Gt(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}function te(e,t){var n=e.__data__;return Gt(t)?n[typeof t=="string"?"string":"hash"]:n.map}function Ut(e){var t=te(this,e).delete(e);return this.size-=t?1:0,t}function Vt(e){return te(this,e).get(e)}function Ht(e){return te(this,e).has(e)}function Jt(e,t){var n=te(this,e),u=n.size;return n.set(e,t),this.size+=n.size==u?0:1,this}function I(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t<n;){var u=e[t];this.set(u[0],u[1])}}I.prototype.clear=Yt,I.prototype.delete=Ut,I.prototype.get=Vt,I.prototype.has=Ht,I.prototype.set=Jt;var Xt="Expected a function";function ie(e,t){if(typeof e!="function"||t!=null&&typeof t!="function")throw new TypeError(Xt);var n=function(){var u=arguments,l=t?t.apply(this,u):u[0],r=n.cache;if(r.has(l))return r.get(l);var c=e.apply(this,u);return n.cache=r.set(l,c)||r,c};return n.cache=new(ie.Cache||I),n}ie.Cache=I;var ue=function(){return $.Date.now()},Kt="Expected a function",Bt=Math.max,Qt=Math.min;function ne(e,t,n){var u,l,r,c,h,p,m=0,_=!1,T=!1,O=!0;if(typeof e!="function")throw new TypeError(Kt);t=ge(t)||0,z(n)&&(_=!!n.leading,T="maxWait"in n,r=T?Bt(ge(n.maxWait)||0,t):r,O="trailing"in n?!!n.trailing:O);function P(o){var f=u,d=l;return u=l=void 0,m=o,c=e.apply(d,f),c}function F(o){return m=o,h=setTimeout(A,t),_?P(o):c}function y(o){var f=o-p,d=o-m,E=t-f;return T?Qt(E,r-d):E}function R(o){var f=o-p,d=o-m;return p===void 0||f>=t||f<0||T&&d>=r}function A(){var o=ue();if(R(o))return U(o);h=setTimeout(A,y(o))}function U(o){return h=void 0,O&&u?P(o):(u=l=void 0,c)}function V(){h!==void 0&&clearTimeout(h),m=0,u=p=l=h=void 0}function i(){return h===void 0?c:U(ue())}function a(){var o=ue(),f=R(o);if(u=arguments,l=this,p=o,f){if(h===void 0)return F(p);if(T)return clearTimeout(h),h=setTimeout(A,t),P(p)}return h===void 0&&(h=setTimeout(A,t)),c}return a.cancel=V,a.flush=i,a}var Zt="Expected a function";function $t(e,t,n){var u=!0,l=!0;if(typeof e!="function")throw new TypeError(Zt);return z(n)&&(u="leading"in n?!!n.leading:u,l="trailing"in n?!!n.trailing:l),ne(e,t,{leading:u,maxWait:t,trailing:l})}class ye{constructor(t){ae(this,"event",new De.EventEmitter);ae(this,"data",{});ae(this,"registry",new Set);this.name=t,console.log("[CONTEXT] %s",t),this.event.setMaxListeners(100)}publish(t,n){n!=this.data[t]&&(this.data[t]=n,this.event.emit(String(t),{value:n}))}subscribe(t,n){const u=({value:l})=>{n(l)};return this.event.addListener(String(t),u),console.log("listenerCount:",String(t),this.event.listenerCount(String(t))),t in this.data&&n(this.data[t]),()=>(this.event.removeListener(String(t),u),void 0)}}const Se=ie(e=>new ye(e)),x=(e="noname")=>v.useMemo(()=>Se(e),[e]),Te=(e,...t)=>{const n=new Error("[ctx] useRegistryChecker failed "+JSON.stringify({names:t,ctx:(e==null?void 0:e.name)??"undefined"}));v.useEffect(()=>{if(e)return t.some(u=>e.registry.has(u))&&console.error(n),t.forEach(u=>e.registry.add(u)),()=>{t.forEach(u=>e.registry.delete(u))}},[e,t.length])},qt=(e,t,n)=>{v.useEffect(()=>{e&&e.data[t]!=n&&e.publish(t,n)},[t,n,e]),Te(e,t)},we=(e,t,n=0)=>{const[{value:u},l]=v.useState(()=>{var r;return{value:(r=e==null?void 0:e.data)==null?void 0:r[t]}});return v.useEffect(()=>{if(e){let r=n==0?h=>l({value:h}):ne(h=>l({value:h}),n),c=e.subscribe(t,r);return u!=e.data[t]&&l({value:e.data[t]}),()=>{c()}}},[t,e]),e==null?void 0:e.data[t]},en=(e,t,n)=>{const[,u]=v.useState(0),l=v.useMemo(()=>n(e==null?void 0:e.data[t]),[n,e==null?void 0:e.data[t]]);return v.useEffect(()=>{if(e){let r=l,c=()=>{let p=n(e.data[t]);p!=r&&(r=p,u(m=>m+1))},h=e.subscribe(t,c);return c(),()=>h()}},[t,e]),l},ce=(e,...t)=>{v.useEffect(()=>{if(e)for(let[n,u]of t)e.data[n]!=u&&e.publish(n,u)},[e,...t.flat()]),Te(e,...t.map(n=>n[0]))},tn=(e,...t)=>{const[,n]=v.useState(0),u=t.map(l=>{var r;return(r=e==null?void 0:e.data)==null?void 0:r[l]});return v.useEffect(()=>{if(e){let l=u;const r=ne(()=>{let p=t.map(m=>{var _;return(_=e==null?void 0:e.data)==null?void 0:_[m]});t.some((m,_)=>l[_]!=p[_])&&(l=p,n(m=>m+1))},1);let c=t.map(p=>e.subscribe(p,r)),h=setTimeout(r,1);return()=>{clearTimeout(h),r.cancel(),c.forEach(p=>p())}}},[e,...t]),Object.fromEntries(t.map((l,r)=>[l,u[r]]))},nn=(e,t=100,...n)=>{const[,u]=v.useState(0),l=n.map(r=>{var c;return(c=e==null?void 0:e.data)==null?void 0:c[r]});return v.useEffect(()=>{if(e){let r=l;const c=$t(()=>{let m=n.map(_=>{var T;return(T=e==null?void 0:e.data)==null?void 0:T[_]});n.some((_,T)=>r[T]!=m[T])&&(r=m,u(_=>_+1))},t);let h=n.map(m=>e.subscribe(m,c)),p=setTimeout(c,1);return()=>{clearTimeout(p),c.cancel(),h.forEach(m=>m())}}},[e,...n]),l};var re={exports:{}},K={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Oe;function rn(){if(Oe)return K;Oe=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function n(u,c,r){var l=null;if(r!==void 0&&(l=""+r),c.key!==void 0&&(l=""+c.key),"key"in c){r={};for(var h in c)h!=="key"&&(r[h]=c[h])}else r=c;return c=r.ref,{$$typeof:e,type:u,key:l,ref:c!==void 0?c:null,props:r}}return K.Fragment=t,K.jsx=n,K.jsxs=n,K}var B={};/**
+ */var Oe;function rn(){if(Oe)return K;Oe=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function n(u,l,r){var c=null;if(r!==void 0&&(c=""+r),l.key!==void 0&&(c=""+l.key),"key"in l){r={};for(var h in l)h!=="key"&&(r[h]=l[h])}else r=l;return l=r.ref,{$$typeof:e,type:u,key:c,ref:l!==void 0?l:null,props:r}}return K.Fragment=t,K.jsx=n,K.jsxs=n,K}var B={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Re;function on(){return Re||(Re=1,process.env.NODE_ENV!=="production"&&function(){function e(s){if(s==null)return null;if(typeof s=="function")return s.$$typeof===g?null:s.displayName||s.name||null;if(typeof s=="string")return s;switch(s){case y:return"Fragment";case A:return"Profiler";case R:return"StrictMode";case a:return"Suspense";case o:return"SuspenseList";case E: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 x:return"Portal";case V:return(s.displayName||"Context")+".Provider";case U:return(s._context.displayName||"Context")+".Consumer";case i:var m=s.render;return s=s.displayName,s||(s=m.displayName||m.name||"",s=s!==""?"ForwardRef("+s+")":"ForwardRef"),s;case f:return m=s.displayName||null,m!==null?m:e(s.type)||"Memo";case d:m=s._payload,s=s._init;try{return e(s(m))}catch{}}return null}function t(s){return""+s}function n(s){try{t(s);var m=!1}catch{m=!0}if(m){m=console;var w=m.error,C=typeof Symbol=="function"&&Symbol.toStringTag&&s[Symbol.toStringTag]||s.constructor.name||"Object";return w.call(m,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",C),t(s)}}function u(s){if(s===y)return"<>";if(typeof s=="object"&&s!==null&&s.$$typeof===d)return"<...>";try{var m=e(s);return m?"<"+m+">":"<...>"}catch{return"<...>"}}function c(){var s=L.A;return s===null?null:s.getOwner()}function r(){return Error("react-stack-top-frame")}function l(s){if(M.call(s,"key")){var m=Object.getOwnPropertyDescriptor(s,"key").get;if(m&&m.isReactWarning)return!1}return s.key!==void 0}function h(s,m){function w(){je||(je=!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)",m))}w.isReactWarning=!0,Object.defineProperty(s,"key",{get:w,configurable:!0})}function p(){var s=e(this.type);return Le[s]||(Le[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,m,w,C,k,N,fe,le){return w=N.ref,s={$$typeof:P,type:s,key:m,props:N,_owner:k},(w!==void 0?w:null)!==null?Object.defineProperty(s,"ref",{enumerable:!1,get:p}):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:fe}),Object.defineProperty(s,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:le}),Object.freeze&&(Object.freeze(s.props),Object.freeze(s)),s}function _(s,m,w,C,k,N,fe,le){var j=m.children;if(j!==void 0)if(C)if(oe(j)){for(C=0;C<j.length;C++)S(j[C]);Object.freeze&&Object.freeze(j)}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 S(j);if(M.call(m,"key")){j=e(s);var H=Object.keys(m).filter(function(hn){return hn!=="key"});C=0<H.length?"{key: someKey, "+H.join(": ..., ")+": ...}":"{key: someKey}",Ae[j+C]||(H=0<H.length?"{"+H.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var Re;function on(){return Re||(Re=1,process.env.NODE_ENV!=="production"&&function(){function e(s){if(s==null)return null;if(typeof s=="function")return s.$$typeof===g?null:s.displayName||s.name||null;if(typeof s=="string")return s;switch(s){case y:return"Fragment";case A:return"Profiler";case R:return"StrictMode";case a:return"Suspense";case o:return"SuspenseList";case E: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 F:return"Portal";case V:return(s.displayName||"Context")+".Provider";case U:return(s._context.displayName||"Context")+".Consumer";case i:var b=s.render;return s=s.displayName,s||(s=b.displayName||b.name||"",s=s!==""?"ForwardRef("+s+")":"ForwardRef"),s;case f:return b=s.displayName||null,b!==null?b:e(s.type)||"Memo";case d:b=s._payload,s=s._init;try{return e(s(b))}catch{}}return null}function t(s){return""+s}function n(s){try{t(s);var b=!1}catch{b=!0}if(b){b=console;var w=b.error,C=typeof Symbol=="function"&&Symbol.toStringTag&&s[Symbol.toStringTag]||s.constructor.name||"Object";return w.call(b,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",C),t(s)}}function u(s){if(s===y)return"<>";if(typeof s=="object"&&s!==null&&s.$$typeof===d)return"<...>";try{var b=e(s);return b?"<"+b+">":"<...>"}catch{return"<...>"}}function l(){var s=L.A;return s===null?null:s.getOwner()}function r(){return Error("react-stack-top-frame")}function c(s){if(M.call(s,"key")){var b=Object.getOwnPropertyDescriptor(s,"key").get;if(b&&b.isReactWarning)return!1}return s.key!==void 0}function h(s,b){function w(){je||(je=!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)",b))}w.isReactWarning=!0,Object.defineProperty(s,"key",{get:w,configurable:!0})}function p(){var s=e(this.type);return Le[s]||(Le[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 m(s,b,w,C,k,N,fe,le){return w=N.ref,s={$$typeof:P,type:s,key:b,props:N,_owner:k},(w!==void 0?w:null)!==null?Object.defineProperty(s,"ref",{enumerable:!1,get:p}):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:fe}),Object.defineProperty(s,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:le}),Object.freeze&&(Object.freeze(s.props),Object.freeze(s)),s}function _(s,b,w,C,k,N,fe,le){var j=b.children;if(j!==void 0)if(C)if(oe(j)){for(C=0;C<j.length;C++)T(j[C]);Object.freeze&&Object.freeze(j)}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 T(j);if(M.call(b,"key")){j=e(s);var H=Object.keys(b).filter(function(hn){return hn!=="key"});C=0<H.length?"{key: someKey, "+H.join(": ..., ")+": ...}":"{key: someKey}",Ae[j+C]||(H=0<H.length?"{"+H.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,j,H,j),Ae[j+C]=!0)}if(j=null,w!==void 0&&(n(w),j=""+w),l(m)&&(n(m.key),j=""+m.key),"key"in m){w={};for(var de in m)de!=="key"&&(w[de]=m[de])}else w=m;return j&&h(w,typeof s=="function"?s.displayName||s.name||"Unknown":s),b(s,j,N,k,c(),w,fe,le)}function S(s){typeof s=="object"&&s!==null&&s.$$typeof===P&&s._store&&(s._store.validated=1)}var O=v,P=Symbol.for("react.transitional.element"),x=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),R=Symbol.for("react.strict_mode"),A=Symbol.for("react.profiler"),U=Symbol.for("react.consumer"),V=Symbol.for("react.context"),i=Symbol.for("react.forward_ref"),a=Symbol.for("react.suspense"),o=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),d=Symbol.for("react.lazy"),E=Symbol.for("react.activity"),g=Symbol.for("react.client.reference"),L=O.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,oe=Array.isArray,Q=console.createTask?console.createTask:function(){return null};O={"react-stack-bottom-frame":function(s){return s()}};var je,Le={},Pe=O["react-stack-bottom-frame"].bind(O,r)(),Ne=Q(u(r)),Ae={};B.Fragment=y,B.jsx=function(s,m,w,C,k){var N=1e4>L.recentlyCreatedOwnerStacks++;return _(s,m,w,!1,C,k,N?Error("react-stack-top-frame"):Pe,N?Q(u(s)):Ne)},B.jsxs=function(s,m,w,C,k){var N=1e4>L.recentlyCreatedOwnerStacks++;return _(s,m,w,!0,C,k,N?Error("react-stack-top-frame"):Pe,N?Q(u(s)):Ne)}}()),B}var Ce;function an(){return Ce||(Ce=1,process.env.NODE_ENV==="production"?re.exports=rn():re.exports=on()),re.exports}var G=an();const sn=(e,t)=>{const n=c=>[e,...Object.entries(c??{}).sort((r,l)=>r[0].localeCompare(l[0])).flat()].join("-");let u=new Set;return{resolveCtxName:n,Root:c=>{const r=n(c),l=F(r),h=t(c),p=v.useMemo(()=>new Error().stack,[]);return ce(l,...Object.entries(h)),v.useEffect(()=>{if(u.has(r)){const b=new Error("RootContext "+r+" are mounted more than once");throw b.stack=p,b}return u.add(r),()=>{u.delete(r)}}),G.jsx(G.Fragment,{})},useCtxStateStrict:c=>{const r=n(c),l=v.useMemo(()=>new Error().stack,[]);return v.useEffect(()=>{if(!u.has(r)){const h=new Error("RootContext ["+r+"] is not mounted");throw h.stack=l,h}},[r]),F(r)},useCtxState:c=>{const r=n(c),l=v.useMemo(()=>new Error().stack,[]);return v.useEffect(()=>{if(!u.has(r)){const h=new Error("RootContext ["+r+"] is not mounted");h.stack=l;let p=setTimeout(()=>console.error(h),1e3);return()=>clearTimeout(p)}},[u.has(r)]),F(r)}}},un=function(){const e=new WeakMap;return t=>{let n=e.get(t);return n||e.set(t,n=((t==null?void 0:t.name)??"")+Math.random().toString()),n}}(),cn=e=>[...Object.entries(e??{}).sort((t,n)=>t[0].localeCompare(n[0])).flat()].join("-"),fn=({Wrapper:e=v.Fragment})=>{const t=F("auto-ctx"),[n,u]=v.useState({}),c=v.useCallback((r,l)=>{const h=un(r),p=cn(l);return u(({[h]:{Component:b=r,subState:{[p]:_={params:l,counter:0},...S}={}}={},...O})=>({...O,[h]:{Component:b,subState:{...S,[p]:{..._,counter:_.counter+1}}}})),()=>u(({[h]:{Component:b=r,subState:{[p]:_={params:l,counter:0},...S}={}}={},...O})=>({...O,[h]:{Component:b,subState:{...S,..._.counter>1?{[p]:{..._,counter:_.counter-1}}:{}}}}))},[]);return ce(t,["subscribe",c],["state",n]),G.jsx(G.Fragment,{children:Object.entries(n).flatMap(([r,{Component:l,subState:h}])=>Object.entries(h).map(([p,{counter:b,params:_}])=>({key:r+p,Component:l,params:_,counter:b})).filter(p=>p.counter>0).map(({key:p,params:b,Component:_})=>G.jsx(e,{children:G.jsx(_,{...b})},p)))})},ln=({Root:e,useCtxState:t,useCtxStateStrict:n,resolveCtxName:u})=>({useCtxState:c=>{const r=u(c),l=we(F("auto-ctx"),"subscribe");return v.useEffect(()=>l(e,c),[l,r]),F(r)}}),dn=e=>{const[,t]=v.useState(0),{proxy:n,finalGetter:u,openGetter:c,clean:r}=v.useMemo(()=>{const l=new Set,h={},p=new Map,b=new Proxy(e==null?void 0:e.data,{get(y,R){if(_)return l.add(R),h[R]=y[R];throw new Error("now allow here")}});let _=!0,S=ne(()=>{[...l.values()].some(y=>{var R;return h[y]!=((R=e==null?void 0:e.data)==null?void 0:R[y])})&&t(y=>y+1)},0),O=()=>{_=!0,l.clear()},P=()=>{_=!1,[...l.values()].filter(y=>!p.has(y)).forEach(y=>{p.set(y,e==null?void 0:e.subscribe(y,S))}),[...p.keys()].filter(y=>!l.has(y)).forEach(y=>{let R=p.get(y);R==null||R(),p.delete(y)})};return{proxy:b,finalGetter:P,openGetter:O,clean:()=>{O(),P(),t(y=>y+1)}}},[e]);return c(),setTimeout(u,0),v.useEffect(()=>()=>r(),[r]),n};T.AutoRootCtx=fn,T.Context=ye,T.createAutoCtx=ln,T.createRootCtx=sn,T.getContext=Te,T.useDataContext=F,T.useDataSource=qt,T.useDataSourceMultiple=ce,T.useDataSubscribe=we,T.useDataSubscribeMultiple=tn,T.useDataSubscribeMultipleWithDebounce=nn,T.useDataSubscribeWithTransform=en,T.useQuickSubscribe=dn,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,C,j,H,j),Ae[j+C]=!0)}if(j=null,w!==void 0&&(n(w),j=""+w),c(b)&&(n(b.key),j=""+b.key),"key"in b){w={};for(var de in b)de!=="key"&&(w[de]=b[de])}else w=b;return j&&h(w,typeof s=="function"?s.displayName||s.name||"Unknown":s),m(s,j,N,k,l(),w,fe,le)}function T(s){typeof s=="object"&&s!==null&&s.$$typeof===P&&s._store&&(s._store.validated=1)}var O=v,P=Symbol.for("react.transitional.element"),F=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),R=Symbol.for("react.strict_mode"),A=Symbol.for("react.profiler"),U=Symbol.for("react.consumer"),V=Symbol.for("react.context"),i=Symbol.for("react.forward_ref"),a=Symbol.for("react.suspense"),o=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),d=Symbol.for("react.lazy"),E=Symbol.for("react.activity"),g=Symbol.for("react.client.reference"),L=O.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,oe=Array.isArray,Q=console.createTask?console.createTask:function(){return null};O={"react-stack-bottom-frame":function(s){return s()}};var je,Le={},Pe=O["react-stack-bottom-frame"].bind(O,r)(),Ne=Q(u(r)),Ae={};B.Fragment=y,B.jsx=function(s,b,w,C,k){var N=1e4>L.recentlyCreatedOwnerStacks++;return _(s,b,w,!1,C,k,N?Error("react-stack-top-frame"):Pe,N?Q(u(s)):Ne)},B.jsxs=function(s,b,w,C,k){var N=1e4>L.recentlyCreatedOwnerStacks++;return _(s,b,w,!0,C,k,N?Error("react-stack-top-frame"):Pe,N?Q(u(s)):Ne)}}()),B}var Ce;function an(){return Ce||(Ce=1,process.env.NODE_ENV==="production"?re.exports=rn():re.exports=on()),re.exports}var G=an();const sn=(e,t)=>{const n=r=>[e,...Object.entries(r??{}).sort((c,h)=>c[0].localeCompare(h[0])).flat()].join("-");let u=new Set;const l=r=>{const c=n(r),h=x(c),p=t(r),m=v.useMemo(()=>new Error().stack,[]);return ce(h,...Object.entries(p)),v.useEffect(()=>{if(u.has(c)){const _=new Error("RootContext "+c+" are mounted more than once");throw _.stack=m,_}return u.add(c),()=>{u.delete(c)}}),G.jsx(G.Fragment,{})};return l.displayName=`State[${(t==null?void 0:t.name)??"??"}]`,{resolveCtxName:n,Root:l,useCtxStateStrict:r=>{const c=n(r),h=v.useMemo(()=>new Error().stack,[]);return v.useEffect(()=>{if(!u.has(c)){const p=new Error("RootContext ["+c+"] is not mounted");throw p.stack=h,p}},[c]),x(c)},useCtxState:r=>{const c=n(r),h=v.useMemo(()=>new Error().stack,[]);return v.useEffect(()=>{if(!u.has(c)){const p=new Error("RootContext ["+c+"] is not mounted");p.stack=h;let m=setTimeout(()=>console.error(p),1e3);return()=>clearTimeout(m)}},[u.has(c)]),x(c)}}},un=function(){const e=new WeakMap;return t=>{let n=e.get(t);return n||e.set(t,n=((t==null?void 0:t.name)??"")+Math.random().toString()),n}}(),cn=e=>[...Object.entries(e??{}).sort((t,n)=>t[0].localeCompare(n[0])).flat()].join("-"),fn=({Wrapper:e=v.Fragment})=>{const t=x("auto-ctx"),[n,u]=v.useState({}),l=v.useCallback((r,c)=>{const h=un(r),p=cn(c);return u(({[h]:{Component:m=r,subState:{[p]:_={params:c,counter:0},...T}={}}={},...O})=>({...O,[h]:{Component:m,subState:{...T,[p]:{..._,counter:_.counter+1}}}})),()=>u(({[h]:{Component:m=r,subState:{[p]:_={params:c,counter:0},...T}={}}={},...O})=>({...O,[h]:{Component:m,subState:{...T,..._.counter>1?{[p]:{..._,counter:_.counter-1}}:{}}}}))},[]);return ce(t,["subscribe",l],["state",n]),G.jsx(G.Fragment,{children:Object.entries(n).flatMap(([r,{Component:c,subState:h}])=>Object.entries(h).map(([p,{counter:m,params:_}])=>({key:r+p,Component:c,params:_,counter:m})).filter(p=>p.counter>0).map(({key:p,params:m,Component:_})=>G.jsx(e,{children:G.jsx(_,{...m})},p)))})},ln=({Root:e,useCtxState:t,useCtxStateStrict:n,resolveCtxName:u})=>({useCtxState:l=>{const r=u(l),c=we(x("auto-ctx"),"subscribe");return v.useEffect(()=>c==null?void 0:c(e,l),[c,r]),x(r)}}),dn=e=>{const[,t]=v.useState(0),{proxy:n,finalGetter:u,openGetter:l,clean:r}=v.useMemo(()=>{const c=new Set,h={},p=new Map,m=new Proxy(e==null?void 0:e.data,{get(y,R){if(_)return c.add(R),h[R]=y[R];throw new Error("now allow here")}});let _=!0,T=ne(()=>{[...c.values()].some(y=>{var R;return h[y]!=((R=e==null?void 0:e.data)==null?void 0:R[y])})&&t(y=>y+1)},0),O=()=>{_=!0,c.clear()},P=()=>{_=!1,[...c.values()].filter(y=>!p.has(y)).forEach(y=>{p.set(y,e==null?void 0:e.subscribe(y,T))}),[...p.keys()].filter(y=>!c.has(y)).forEach(y=>{let R=p.get(y);R==null||R(),p.delete(y)})};return{proxy:m,finalGetter:P,openGetter:O,clean:()=>{O(),P(),t(y=>y+1)}}},[e]);return l(),setTimeout(u,0),v.useEffect(()=>()=>r(),[r]),n};S.AutoRootCtx=fn,S.Context=ye,S.createAutoCtx=ln,S.createRootCtx=sn,S.getContext=Se,S.useDataContext=x,S.useDataSource=qt,S.useDataSourceMultiple=ce,S.useDataSubscribe=we,S.useDataSubscribeMultiple=tn,S.useDataSubscribeMultipleWithDebounce=nn,S.useDataSubscribeWithTransform=en,S.useQuickSubscribe=dn,Object.defineProperty(S,Symbol.toStringTag,{value:"Module"})});

package/dist/state-utils/createRootCtx.d.ts

@@ -1,7 +1,7 @@
 import { Context } from './ctx';
 export declare const createRootCtx: <U extends object, V extends object>(name: string, useFn: (e: U) => V) => {
     resolveCtxName: (e: U) => string;
-    Root: (e: U) => import("react/jsx-runtime").JSX.Element;
+    Root: import('react').FC<U>;
     useCtxStateStrict: (e: U) => Context<V>;
     useCtxState: (e: U) => Context<V>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-state-custom",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "A React library built with Vite and TypeScript",
   "type": "module",
   "main": "dist/index.umd.js",

package/src/state-utils/createAutoCtx.tsx

@@ -125,7 +125,7 @@ export const createAutoCtx = <U extends object, V extends object,>({ Root, useCt
       const subscribe = useDataSubscribe(useDataContext<any>("auto-ctx"), "subscribe")
 
       useEffect(() => {
-        return subscribe(Root, e)
+        return subscribe?.(Root, e)
       }, [subscribe, ctxName])
 
       return useDataContext<V>(ctxName)

package/src/state-utils/createRootCtx.tsx

@@ -15,31 +15,36 @@ export const createRootCtx = <U extends object, V extends object>(name: string,
 
   let ctxMountedCheck = new Set<string>()
 
-  return {
-    resolveCtxName,
-    Root: (e: U) => {
-      const ctxName = resolveCtxName(e)
-      const ctx = useDataContext<V>(ctxName)
-      const state = useFn(e)
-      const stack = useMemo(() => new Error().stack, [])
 
-      useDataSourceMultiple(
-        ctx,
-        ...Object.entries(state) as any
-      )
+  const RootState: React.FC<U> = (e: U) => {
+    const ctxName = resolveCtxName(e)
+    const ctx = useDataContext<V>(ctxName)
+    const state = useFn(e)
+    const stack = useMemo(() => new Error().stack, [])
 
-      useEffect(() => {
-        if (ctxMountedCheck.has(ctxName)) {
-          const err = new Error("RootContext " + ctxName + " are mounted more than once")
-          err.stack = stack;
-          throw err
-        }
-        ctxMountedCheck.add(ctxName)
-        return () => { ctxMountedCheck.delete(ctxName) };
-      })
+    useDataSourceMultiple(
+      ctx,
+      ...Object.entries(state) as any
+    )
 
-      return <></>
-    },
+    useEffect(() => {
+      if (ctxMountedCheck.has(ctxName)) {
+        const err = new Error("RootContext " + ctxName + " are mounted more than once")
+        err.stack = stack;
+        throw err
+      }
+      ctxMountedCheck.add(ctxName)
+      return () => { ctxMountedCheck.delete(ctxName) };
+    })
+
+    return <></>
+  }
+
+  RootState.displayName = `State[${useFn?.name??'??'}]`
+
+  return {
+    resolveCtxName,
+    Root: RootState,
     useCtxStateStrict: (e: U): Context<V> => {
       const ctxName = resolveCtxName(e)