react-state-custom 1.0.25 → 1.0.26

package/dist/index.es.js

@@ -1,25 +1,79 @@
-import A, { useRef as j, useMemo as g, useEffect as m, useState as p, useCallback as F, Fragment as H, useContext as G } from "react";
-import { jsx as h, Fragment as D, jsxs as v } from "react/jsx-runtime";
-function C(e, t) {
-  let n = null, r = function(...o) {
-    n && clearTimeout(n), n = setTimeout(() => {
-      e(...o);
-    }, t);
+import M, { useRef as W, useMemo as T, useEffect as v, useState as E, useCallback as X, Fragment as Z, useContext as x } from "react";
+import { jsx as b, Fragment as $, jsxs as D } from "react/jsx-runtime";
+var K = { exports: {} }, V = {};
+/**
+ * @license React
+ * react-compiler-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var I;
+function ee() {
+  if (I) return V;
+  I = 1;
+  var s = M.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+  return V.c = function(e) {
+    return s.H.useMemoCache(e);
+  }, V;
+}
+var U = {};
+/**
+ * @license React
+ * react-compiler-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var F;
+function te() {
+  return F || (F = 1, process.env.NODE_ENV !== "production" && function() {
+    var s = M.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    U.c = function(e) {
+      var t = s.H;
+      return t === null && console.error(
+        `Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
+1. You might have mismatching versions of React and the renderer (such as React DOM)
+2. You might be breaking the Rules of Hooks
+3. You might have more than one copy of React in the same app
+See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`
+      ), t.useMemoCache(e);
+    };
+  }()), U;
+}
+var G;
+function ne() {
+  return G || (G = 1, process.env.NODE_ENV === "production" ? K.exports = ee() : K.exports = te()), K.exports;
+}
+var C = ne();
+function O(s, e) {
+  let t = null, n = function(...a) {
+    t && clearTimeout(t), t = setTimeout(() => {
+      s(...a);
+    }, e);
   };
-  return r.cancel = () => clearTimeout(n), r;
+  return n.cancel = () => clearTimeout(t), n;
 }
-function U(e) {
-  const t = /* @__PURE__ */ new Map(), n = function(...r) {
-    const o = JSON.stringify(r);
-    if (t.has(o))
-      return t.get(o);
-    const a = e(...r);
-    return t.set(o, a), a;
+function se(s) {
+  const e = /* @__PURE__ */ new Map(), t = function(...n) {
+    const a = JSON.stringify(n);
+    if (e.has(a))
+      return e.get(a);
+    const r = s(...n);
+    return e.set(a, r), r;
   };
-  return n.cache = t, n;
+  return t.cache = e, t;
 }
-const y = () => Math.random().toString().slice(2), K = (e) => {
-  const { current: { computedHash: t } } = j({
+const q = () => Math.random().toString().slice(2), re = (s) => {
+  const {
+    current: {
+      computedHash: e
+    }
+  } = W({
     /**
      * Getter for the computed hash function.
      *
@@ -28,32 +82,32 @@ const y = () => Math.random().toString().slice(2), K = (e) => {
      * - Updates the hash if any difference is detected.
      */
     get computedHash() {
-      let n = [], r = y();
-      return (o) => {
-        let a = !1;
-        return a = a || !o != !n, a = a || o?.length != n?.length, a = a || o.some((s, i) => s != n[i]), n = o, a && (r = y()), r;
+      let t = [], n = q();
+      return (a) => {
+        let r = !1;
+        return r = r || !a != !t, r = r || a?.length != t?.length, r = r || a.some((i, l) => i != t[l]), t = a, r && (n = q()), n;
       };
     }
   });
-  return t(e);
-}, T = "@--change-event";
-class $ extends Event {
-  constructor(t, n) {
-    super(String(t)), this.event = t, this.value = n;
+  return e(s);
+}, j = "@--change-event";
+class oe extends Event {
+  constructor(e, t) {
+    super(String(e)), this.event = e, this.value = t;
   }
 }
-class R extends Event {
-  constructor(t) {
-    super(T, t), this.value = t;
+class J extends Event {
+  constructor(e) {
+    super(j, e), this.value = e;
   }
 }
-class J extends EventTarget {
+class ae extends EventTarget {
   /**
    * Create a new Context instance.
    * @param name - The name of the context (for debugging).
    */
-  constructor(t) {
-    console.log("[CONTEXT] %s", t), super(), this.name = t;
+  constructor(e) {
+    console.log("[CONTEXT] %s", e), super(), this.name = e;
   }
   /**
    * The current data held by the context.
@@ -69,11 +123,11 @@ class J extends EventTarget {
    * @param key - The key to update.
    * @param value - The new value.
    */
-  publish(t, n) {
-    if (n != this.data[t]) {
-      this.data[t] = n;
-      let r = new $(t, n);
-      this.dispatchEvent(r), this.dispatchEvent(new R(r));
+  publish(e, t) {
+    if (t != this.data[e]) {
+      this.data[e] = t;
+      let n = new oe(e, t);
+      this.dispatchEvent(n), this.dispatchEvent(new J(n));
     }
   }
   /**
@@ -82,389 +136,579 @@ class J extends EventTarget {
    * @param _listener - Callback invoked with the new value.
    * @returns Unsubscribe function.
    */
-  subscribe(t, n) {
-    const r = ({ event: o, value: a }) => {
-      n(a);
+  subscribe(e, t) {
+    const n = ({
+      event: a,
+      value: r
+    }) => {
+      t(r);
     };
-    return this.addEventListener(String(t), r), t in this.data && n(this.data[t]), () => this.removeEventListener(String(t), r);
+    return this.addEventListener(String(e), n), e in this.data && t(this.data[e]), () => this.removeEventListener(String(e), n);
   }
-  subscribeAll(t) {
-    const n = (r) => {
-      if (r instanceof R) {
-        const { value: o } = r;
-        t(o.event, this.data);
+  subscribeAll(e) {
+    const t = (n) => {
+      if (n instanceof J) {
+        const {
+          value: a
+        } = n;
+        e(a.event, this.data);
       }
     };
-    return this.addEventListener(String(T), n), () => this.removeEventListener(String(T), n);
+    return this.addEventListener(String(j), t), () => this.removeEventListener(String(j), t);
   }
 }
-const S = U((e) => new J(e)), b = (e = "noname") => {
-  const t = g(() => S(e), [e]);
-  return m(() => (t.useCounter += 1, () => {
-    t.useCounter -= 1, t.useCounter <= 0 && setTimeout(() => {
-      t.useCounter <= 0 && S.cache.delete(JSON.stringify([e]));
+const A = se((s) => new ae(s)), y = (s = "noname") => {
+  const e = T(() => A(s), [s]);
+  return v(() => (e.useCounter += 1, () => {
+    e.useCounter -= 1, e.useCounter <= 0 && setTimeout(() => {
+      e.useCounter <= 0 && A.cache.delete(JSON.stringify([s]));
     }, 100);
-  }), [t]), t;
-}, V = (e, ...t) => {
-  const n = new Error("[ctx] useRegistryChecker failed " + JSON.stringify({ names: t, ctx: e?.name ?? "undefined" }));
-  m(
-    () => {
-      if (e)
-        return t.some((r) => e.registry.has(r)) && console.error(n), t.forEach((r) => e.registry.add(r)), () => {
-          t.forEach((r) => e.registry.delete(r));
-        };
-    },
-    [e, t.length]
-  );
-}, re = (e, t, n) => {
-  m(() => {
-    e && e.data[t] != n && e.publish(t, n);
-  }, [t, n, e]), V(e, t);
-}, W = (e, t, n = 0) => {
-  const [{ value: r }, o] = p(() => ({ value: e?.data?.[t] }));
-  return m(() => {
-    if (e) {
-      let a = n == 0 ? (i) => o({ value: i }) : C((i) => o({ value: i }), n), s = e.subscribe(t, a);
-      return r != e.data[t] && o({ value: e.data[t] }), () => {
-        s();
+  }), [e]), e;
+}, Y = (s, ...e) => {
+  const t = C.c(12), n = e;
+  let a;
+  t[0] !== s?.name || t[1] !== n ? (a = JSON.stringify({
+    names: n,
+    ctx: s?.name ?? "undefined"
+  }), t[0] = s?.name, t[1] = n, t[2] = a) : a = t[2];
+  const r = "[ctx] useRegistryChecker failed " + a;
+  let i;
+  t[3] !== r ? (i = new Error(r), t[3] = r, t[4] = i) : i = t[4];
+  const l = i;
+  let o;
+  t[5] !== s || t[6] !== n || t[7] !== l ? (o = () => {
+    if (s)
+      return n.some((c) => s.registry.has(c)) && console.error(l), n.forEach((c) => s.registry.add(c)), () => {
+        n.forEach((c) => s.registry.delete(c));
+      };
+  }, t[5] = s, t[6] = n, t[7] = l, t[8] = o) : o = t[8];
+  let u;
+  t[9] !== s || t[10] !== n.length ? (u = [s, n.length], t[9] = s, t[10] = n.length, t[11] = u) : u = t[11], v(o, u);
+}, Oe = (s, e, t) => {
+  const n = C.c(5);
+  let a, r;
+  n[0] !== s || n[1] !== e || n[2] !== t ? (a = () => {
+    s && s.data[e] != t && s.publish(e, t);
+  }, r = [e, t, s], n[0] = s, n[1] = e, n[2] = t, n[3] = a, n[4] = r) : (a = n[3], r = n[4]), v(a, r), Y(s, e);
+}, le = (s, e, t) => {
+  const n = C.c(11), a = t === void 0 ? 0 : t;
+  let r;
+  n[0] !== s?.data || n[1] !== e ? (r = () => ({
+    value: s?.data?.[e]
+  }), n[0] = s?.data, n[1] = e, n[2] = r) : r = n[2];
+  const [i, l] = E(r), {
+    value: o
+  } = i;
+  let u;
+  n[3] !== s || n[4] !== a || n[5] !== e || n[6] !== o ? (u = () => {
+    if (s) {
+      const d = a == 0 ? (m) => l({
+        value: m
+      }) : O((m) => l({
+        value: m
+      }), a), f = s.subscribe(e, d);
+      return o != s.data[e] && l({
+        value: s.data[e]
+      }), () => {
+        f();
       };
     }
-  }, [t, e]), e?.data[t];
-}, se = (e, t, n) => {
-  const [, r] = p(0), o = g(
-    () => n(e?.data[t]),
-    [n, e?.data[t]]
-  );
-  return m(() => {
-    if (e) {
-      let a = o, s = () => {
-        let c = n(e.data[t]);
-        c != a && (a = c, r((l) => l + 1));
-      }, i = e.subscribe(t, s);
-      return s(), () => i();
+  }, n[3] = s, n[4] = a, n[5] = e, n[6] = o, n[7] = u) : u = n[7];
+  let c;
+  return n[8] !== s || n[9] !== e ? (c = [e, s], n[8] = s, n[9] = e, n[10] = c) : c = n[10], v(u, c), s?.data[e];
+}, ke = (s, e, t) => {
+  const [, n] = E(0), a = T(() => t(s?.data[e]), [t, s?.data[e]]);
+  return v(() => {
+    if (s) {
+      let r = a, i = () => {
+        let o = t(s.data[e]);
+        o != r && (r = o, n((u) => u + 1));
+      }, l = s.subscribe(e, i);
+      return i(), () => l();
     }
-  }, [t, e]), o;
-}, L = (e, ...t) => {
-  m(() => {
-    if (e)
-      for (let [n, r] of t)
-        e.data[n] != r && e.publish(n, r);
-  }, [e, K(t.flat())]), V(e, ...t.map((n) => n[0]));
-}, ae = (e, ...t) => {
-  const [, n] = p(0), r = t.map((o) => e?.data?.[o]);
-  return m(() => {
-    if (e) {
-      let o = r;
-      const a = C(() => {
-        let c = t.map((l) => e?.data?.[l]);
-        t.some((l, u) => o[u] != c[u]) && (o = c, n((l) => l + 1));
-      }, 1);
-      let s = t.map((c) => e.subscribe(c, a)), i = setTimeout(a, 1);
+  }, [e, s]), a;
+}, P = (s, ...e) => {
+  v(() => {
+    if (s)
+      for (let [t, n] of e)
+        s.data[t] != n && s.publish(t, n);
+  }, [s, re(e.flat())]), Y(s, ...e.map((t) => t[0]));
+}, Ae = (s, ...e) => {
+  const t = C.c(18), n = e, [, a] = E(0);
+  let r;
+  if (t[0] !== s?.data || t[1] !== n) {
+    let c;
+    t[3] !== s?.data ? (c = (d) => s?.data?.[d], t[3] = s?.data, t[4] = c) : c = t[4], r = n.map(c), t[0] = s?.data, t[1] = n, t[2] = r;
+  } else
+    r = t[2];
+  const i = r;
+  let l;
+  t[5] !== s || t[6] !== n || t[7] !== i || t[8] !== a ? (l = () => {
+    if (s) {
+      let c = i;
+      const d = O(() => {
+        const p = n.map((h) => s?.data?.[h]);
+        n.some((h, g) => c[g] != p[g]) && (c = p, a(ie));
+      }, 1), f = n.map((p) => s.subscribe(p, d)), m = setTimeout(d, 1);
       return () => {
-        clearTimeout(i), a.cancel(), s.forEach((c) => c());
+        clearTimeout(m), d.cancel(), f.forEach(ce);
       };
     }
-  }, [e, ...t]), Object.fromEntries(t.map((o, a) => [o, r[a]]));
-}, oe = (e, t = 50, ...n) => {
-  const [, r] = p(0), o = n.map((a) => e?.data?.[a]);
-  return m(() => {
-    if (e) {
-      let a = o;
-      const s = C(() => {
-        let l = n.map((u) => e?.data?.[u]);
-        n.some((u, d) => a[d] != l[d]) && (a = l, r((u) => u + 1));
-      }, t);
-      let i = n.map((l) => e.subscribe(l, s)), c = setTimeout(s, 1);
+  }, t[5] = s, t[6] = n, t[7] = i, t[8] = a, t[9] = l) : l = t[9];
+  let o;
+  t[10] !== s || t[11] !== n ? (o = [s, ...n], t[10] = s, t[11] = n, t[12] = o) : o = t[12], v(l, o);
+  let u;
+  if (t[13] !== n || t[14] !== i) {
+    let c;
+    t[16] !== i ? (c = (d, f) => [d, i[f]], t[16] = i, t[17] = c) : c = t[17], u = Object.fromEntries(n.map(c)), t[13] = n, t[14] = i, t[15] = u;
+  } else
+    u = t[15];
+  return u;
+}, He = (s, e, ...t) => {
+  const n = C.c(14), a = e === void 0 ? 50 : e, r = t, [, i] = E(0);
+  let l;
+  if (n[0] !== s?.data || n[1] !== r) {
+    let d;
+    n[3] !== s?.data ? (d = (f) => s?.data?.[f], n[3] = s?.data, n[4] = d) : d = n[4], l = r.map(d), n[0] = s?.data, n[1] = r, n[2] = l;
+  } else
+    l = n[2];
+  const o = l;
+  let u;
+  n[5] !== s || n[6] !== a || n[7] !== r || n[8] !== o || n[9] !== i ? (u = () => {
+    if (s) {
+      let d = o;
+      const f = O(() => {
+        const h = r.map((g) => s?.data?.[g]);
+        r.some((g, S) => d[S] != h[S]) && (d = h, i(ue));
+      }, a), m = r.map((h) => s.subscribe(h, f)), p = setTimeout(f, 1);
       return () => {
-        clearTimeout(c), s.cancel(), i.forEach((l) => l());
+        clearTimeout(p), f.cancel(), m.forEach(fe);
       };
     }
-  }, [e, ...n]), o;
-}, ce = (e, t) => {
-  const n = (s) => [
-    e,
-    ...Object.entries(s ?? {}).sort((i, c) => i[0].localeCompare(c[0])).flat()
-  ].join("-"), r = /* @__PURE__ */ new Set(), o = ({}) => /* @__PURE__ */ h(D, {}), a = (s) => {
-    const i = t(s), c = n(s), l = b(c), u = g(() => new Error().stack, []);
-    return L(
-      l,
-      ...Object.entries(i)
-    ), m(() => {
-      if (r.has(c)) {
-        const d = new Error("RootContext " + c + " are mounted more than once");
-        throw d.stack = u, d;
+  }, n[5] = s, n[6] = a, n[7] = r, n[8] = o, n[9] = i, n[10] = u) : u = n[10];
+  let c;
+  return n[11] !== s || n[12] !== r ? (c = [s, ...r], n[11] = s, n[12] = r, n[13] = c) : c = n[13], v(u, c), o;
+};
+function ie(s) {
+  return s + 1;
+}
+function ce(s) {
+  return s();
+}
+function ue(s) {
+  return s + 1;
+}
+function fe(s) {
+  return s();
+}
+const Ke = (s, e) => {
+  const t = (l) => [s, ...Object.entries(l ?? {}).sort((o, u) => o[0].localeCompare(u[0])).flat()].join("-"), n = /* @__PURE__ */ new Set(), a = (l) => {
+    const o = C.c(5), u = e(l), c = t(l), d = y(c);
+    let f;
+    o[0] === Symbol.for("react.memo_cache_sentinel") ? (f = new Error(), o[0] = f) : f = o[0];
+    const m = f.stack;
+    let p;
+    o[1] !== u ? (p = Object.entries(u), o[1] = u, o[2] = p) : p = o[2], P(d, ...p);
+    let h;
+    return o[3] !== c ? (h = () => {
+      if (n.has(c)) {
+        const g = new Error("RootContext " + c + " are mounted more than once");
+        throw g.stack = m, g;
       }
-      return r.add(c), () => {
-        r.delete(c);
+      return n.add(c), () => {
+        n.delete(c);
       };
-    }), /* @__PURE__ */ h(o, { ...s, ...i });
+    }, o[3] = c, o[4] = h) : h = o[4], v(h), u;
+  }, r = (l) => {
+    const o = C.c(1);
+    let u;
+    return o[0] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ b($, {}), o[0] = u) : u = o[0], u;
+  }, i = (l) => {
+    const o = C.c(3), u = a(l);
+    let c;
+    return o[0] !== l || o[1] !== u ? (c = /* @__PURE__ */ b(r, { ...l, ...u }), o[0] = l, o[1] = u, o[2] = c) : c = o[2], c;
   };
-  return a.displayName = `StateContainer[${e}]`, o.displayName = `Debug[${e}]`, {
-    name: e,
-    resolveCtxName: n,
-    Root: a,
+  return a.displayName = `useState[${s}]`, i.displayName = `StateContainer[${s}]`, r.displayName = `Debug[${s}]`, {
+    name: s,
+    getCtxName: t,
+    useRootState: a,
+    Root: i,
     /**
      * Strict consumer: throws if the corresponding Root for these props isn't mounted.
      * Use in development/tests to fail fast when wiring is incorrect.
      */
-    useCtxStateStrict: (s) => {
-      const i = n(s), c = g(() => new Error().stack, []);
-      return m(() => {
-        if (!r.has(i)) {
-          const l = new Error("RootContext [" + i + "] is not mounted");
-          throw l.stack = c, l;
+    useCtxStateStrict: (l) => {
+      const o = t(l), u = T(() => new Error().stack, []);
+      return v(() => {
+        if (!n.has(o)) {
+          const c = new Error("RootContext [" + o + "] is not mounted");
+          throw c.stack = u, c;
         }
-      }, [i]), b(i);
+      }, [o]), y(o);
     },
     /**
      * Lenient consumer: schedules a console.error if the Root isn't mounted instead of throwing.
      * Useful in production to avoid hard crashes while still surfacing misconfiguration.
      */
-    useCtxState: (s) => {
-      const i = n(s), c = g(() => new Error().stack, []);
-      return m(() => {
-        if (!r.has(i)) {
-          const l = new Error("RootContext [" + i + "] is not mounted");
-          l.stack = c;
-          let u = setTimeout(() => console.error(l), 1e3);
-          return () => clearTimeout(u);
+    useCtxState: (l) => {
+      const o = t(l), u = T(() => new Error().stack, []);
+      return v(() => {
+        if (!n.has(o)) {
+          const c = new Error("RootContext [" + o + "] is not mounted");
+          c.stack = u;
+          let d = setTimeout(() => console.error(c), 1e3);
+          return () => clearTimeout(d);
         }
-      }, [r.has(i)]), b(i);
+      }, [n.has(o)]), y(o);
     }
   };
-}, I = /* @__PURE__ */ function() {
-  const e = /* @__PURE__ */ new WeakMap();
-  return (t) => {
-    let n = e.get(t);
-    return n || e.set(t, n = (t?.name ?? "") + ":" + Math.random().toString()), n;
-  };
-}(), O = (e) => [
-  ...Object.entries(e ?? {}).sort((t, n) => t[0].localeCompare(n[0])).flat()
-].join("-"), ie = ({ Wrapper: e = H }) => {
-  const t = b("auto-ctx"), [n, r] = p({}), o = F(
-    (s, i, c, l = 0) => {
-      const u = [s, I(i), O(c)].join(":");
-      return r((d) => ({
-        ...d,
-        [u]: {
-          ...d[u] ?? { Component: i, params: c, paramKey: O(c) },
-          counter: (d[u]?.counter ?? 0) + 1,
-          keepUntil: void 0
+}, de = (s) => Object.keys(s ?? {}).toSorted().map((e) => e + "=" + s?.[e]).join("&"), he = (s) => {
+  const e = C.c(1);
+  let t;
+  return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ b($, {}), e[0] = t) : t = e[0], t;
+}, me = ({
+  useStateFn: s,
+  params: e,
+  debugging: t
+}) => {
+  const n = s(e);
+  return t ? /* @__PURE__ */ b(he, { ...n }) : /* @__PURE__ */ b($, {});
+}, Le = ({
+  Wrapper: s = Z,
+  debugging: e = !1
+}) => {
+  const t = y("auto-ctx"), [n, a] = E({}), r = X((l, o, u, c = 0) => {
+    const d = l + "?" + de(u);
+    return a((f) => ({
+      ...f,
+      [d]: {
+        ...f[d] ?? {
+          useStateFn: o,
+          params: u
+        },
+        counter: (f[d]?.counter ?? 0) + 1,
+        keepUntil: void 0,
+        useStateFn: o
+      }
+    })), () => a(({
+      [d]: f,
+      ...m
+    }) => ({
+      ...m,
+      ...f?.counter > 1 || c > 0 ? {
+        [d]: {
+          ...f,
+          counter: f.counter - 1,
+          keepUntil: f.counter > 1 ? void 0 : Date.now() + c
         }
-      })), () => r(({ [u]: d, ...w }) => ({
-        ...w,
-        ...d?.counter > 1 || l > 0 ? {
-          [u]: {
-            ...d,
-            counter: d.counter - 1,
-            keepUntil: d.counter > 1 ? void 0 : Date.now() + l
-          }
-        } : {}
-      }));
-    },
-    []
-  ), a = g(
-    () => Object.entries(n).filter(([, { counter: s, keepUntil: i }]) => s <= 0 && i).toSorted(([, { keepUntil: s = 0 }], [, { keepUntil: i = 0 }]) => s - i)?.at(0),
-    [n]
-  );
-  return console.log({ state: n, nextDelete: a }), m(() => {
-    if (a) {
-      const [s, { keepUntil: i }] = a;
-      if (typeof i > "u")
-        throw new Error("Invalid state mfr");
-      let c = setTimeout(() => {
-        r(({ [s]: l, ...u }) => u);
-      }, Math.max(0, i - Date.now()));
+      } : {}
+    }));
+  }, []), i = T(() => Object.entries(n).filter(([, {
+    counter: l,
+    keepUntil: o
+  }]) => l <= 0 && o).toSorted(([, {
+    keepUntil: l = 0
+  }], [, {
+    keepUntil: o = 0
+  }]) => l - o)?.at(0), [n]);
+  return v(() => {
+    if (i) {
+      const [l, {
+        keepUntil: o
+      }] = i;
+      if (typeof o > "u") throw new Error("Invalid state mgr");
+      let u = setTimeout(() => {
+        a(({
+          [l]: c,
+          ...d
+        }) => d);
+      }, Math.max(0, o - Date.now()));
       return () => {
-        clearTimeout(c);
+        clearTimeout(u);
       };
     }
-  }, [a]), L(
-    t,
-    ["subscribe", o],
-    ["state", n]
-  ), /* @__PURE__ */ h(D, { children: Object.entries(n).filter(([, { counter: s, keepUntil: i = 0 }]) => s > 0 || i >= Date.now()).map(([s, { Component: i, params: c, counter: l, paramKey: u, keepUntil: d }]) => /* @__PURE__ */ h(e, { children: /* @__PURE__ */ h(i, { ...c }, u) }, s)) });
-}, le = ({ Root: e, resolveCtxName: t, name: n }, r = 0) => ({
-  useCtxState: (o) => {
-    const a = t(o), s = W(b("auto-ctx"), "subscribe");
-    return m(
-      () => s?.(n, e, o, r),
-      [e, s, n, a, r]
-    ), b(a);
+  }, [i]), P(t, ["subscribe", r], ["state", n]), /* @__PURE__ */ b($, { children: Object.entries(n).filter(([, {
+    counter: l,
+    keepUntil: o = 0
+  }]) => l > 0 || o >= Date.now()).map(([l, {
+    useStateFn: o,
+    params: u
+  }]) => /* @__PURE__ */ b(s, { children: /* @__PURE__ */ b(me, { params: u, useStateFn: o, debugging: e }, l) }, l)) });
+}, Ve = ({
+  useRootState: s,
+  getCtxName: e,
+  name: t
+}, n = 0) => ({
+  useCtxState: (a) => {
+    const r = e(a), i = le(y("auto-ctx"), "subscribe");
+    return v(() => i?.(t, s, a, n), [s, i, t, r, n]), y(r);
   }
-}), ue = (e) => {
-  const [, t] = p(0), { proxy: n, finalGetter: r, openGetter: o, clean: a } = g(
-    () => {
-      const s = /* @__PURE__ */ new Set(), i = {}, c = /* @__PURE__ */ new Map(), l = new Proxy(
-        e?.data,
-        {
-          get(f, E) {
-            if (u)
-              return s.add(E), i[E] = f[E];
-            throw new Error("now allow here");
-          }
-        }
-      );
-      let u = !0, d = C(() => {
-        [...s.values()].some((f) => i[f] != e?.data?.[f]) && t((f) => f + 1);
-      }, 0), w = () => {
-        u = !0, s.clear();
-      }, k = () => {
-        u = !1, [...s.values()].filter((f) => !c.has(f)).forEach((f) => {
-          c.set(f, e?.subscribe(f, d));
-        }), [...c.keys()].filter((f) => !s.has(f)).forEach((f) => {
-          c.get(f)?.(), c.delete(f);
-        });
-      };
-      return { proxy: l, finalGetter: k, openGetter: w, clean: () => {
-        w(), k(), t((f) => f + 1);
-      } };
-    },
-    [e]
-  );
-  return o(), setTimeout(r, 0), m(
-    () => () => a(),
-    [a]
-  ), n;
+}), Ue = (s) => {
+  const [, e] = E(0), {
+    proxy: t,
+    finalGetter: n,
+    openGetter: a,
+    clean: r
+  } = T(() => {
+    const i = /* @__PURE__ */ new Set(), l = {}, o = /* @__PURE__ */ new Map(), u = new Proxy(s?.data, {
+      get(h, g) {
+        if (c)
+          return i.add(g), l[g] = h[g];
+        throw new Error("now allow here");
+      }
+    });
+    let c = !0, d = O(() => {
+      [...i.values()].some((h) => l[h] != s?.data?.[h]) && e((h) => h + 1);
+    }, 0), f = () => {
+      c = !0, i.clear();
+    }, m = () => {
+      c = !1, [...i.values()].filter((h) => !o.has(h)).forEach((h) => {
+        o.set(h, s?.subscribe(h, d));
+      }), [...o.keys()].filter((h) => !i.has(h)).forEach((h) => {
+        o.get(h)?.(), o.delete(h);
+      });
+    };
+    return {
+      proxy: u,
+      finalGetter: m,
+      openGetter: f,
+      clean: () => {
+        f(), m(), e((h) => h + 1);
+      }
+    };
+  }, [s]);
+  return a(), setTimeout(n, 0), v(() => () => r(), [r]), t;
 };
-function z(e) {
-  return { highlight: g(
-    () => P(e.toLowerCase().split(" "), "gi"),
-    [e]
-  ) };
+function pe(s) {
+  const e = C.c(4);
+  let t;
+  e[0] !== s ? (t = be(s.toLowerCase().split(" "), "gi"), e[0] = s, e[1] = t) : t = e[1];
+  const n = t;
+  let a;
+  return e[2] !== n ? (a = {
+    highlight: n
+  }, e[2] = n, e[3] = a) : a = e[3], a;
 }
-function B(e) {
-  return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function ge(s) {
+  return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function P(e, t = "gi") {
-  const n = e.map(B).join("|");
-  return new RegExp(`(${n})`, t);
+function be(s, e = "gi") {
+  const t = s.map(ge).join("|");
+  return new RegExp(`(${t})`, e);
 }
-function q(e, t) {
-  const n = [];
-  let r = 0;
-  for (const o of e.matchAll(t)) {
-    const [a] = o, s = o.index;
-    s > r && n.push(e.slice(r, s)), n.push(/* @__PURE__ */ h("mark", { children: a }, s)), r = s + a.length;
+function ve(s, e) {
+  const t = [];
+  let n = 0;
+  for (const a of s.matchAll(e)) {
+    const [r] = a, i = a.index;
+    i > n && t.push(s.slice(n, i)), t.push(/* @__PURE__ */ b("mark", { children: r }, i)), n = i + r.length;
   }
-  return r < e.length && n.push(e.slice(r)), n;
+  return n < s.length && t.push(s.slice(n)), t;
 }
-const M = A.createContext({
+const z = M.createContext({
   highlight: void 0
-}), Q = ({ children: e, highlight: t }) => /* @__PURE__ */ h(M.Provider, { value: z(t), children: e }), X = ({ text: e }) => {
-  const { highlight: t } = G(M), n = g(
-    () => t ? q(e, t) : e,
-    [e, t]
-  );
-  return /* @__PURE__ */ h(D, { children: n });
-}, x = ({ name: e, value: t }) => {
-  const n = g(() => {
-    try {
-      return JSON.stringify({ [e]: t }, null, 2);
-    } catch (r) {
-      return String(r);
-    }
-  }, [e, t]);
-  return /* @__PURE__ */ h("pre", { children: n });
-}, _ = ({ selectedKey: e, setKey: t, currentKey: n, highlight: r, ...o }) => {
-  const a = S(n), s = j(void 0);
-  return m(() => {
-    if (s.current) {
-      let i = C(() => {
-        s.current && (s.current?.classList.add("state-key-updated"), requestAnimationFrame(() => s.current?.classList.remove("state-key-updated")));
+}), Ce = (s) => {
+  const e = C.c(3), {
+    children: t,
+    highlight: n
+  } = s, a = pe(n);
+  let r;
+  return e[0] !== t || e[1] !== a ? (r = /* @__PURE__ */ b(z.Provider, { value: a, children: t }), e[0] = t, e[1] = a, e[2] = r) : r = e[2], r;
+}, Se = (s) => {
+  const e = C.c(5), {
+    text: t
+  } = s, {
+    highlight: n
+  } = x(z);
+  let a;
+  e[0] !== n || e[1] !== t ? (a = n ? ve(t, n) : t, e[0] = n, e[1] = t, e[2] = a) : a = e[2];
+  const r = a;
+  let i;
+  return e[3] !== r ? (i = /* @__PURE__ */ b($, { children: r }), e[3] = r, e[4] = i) : i = e[4], i;
+}, B = (s) => {
+  const e = C.c(5), {
+    name: t,
+    value: n
+  } = s;
+  let a;
+  try {
+    let l;
+    e[0] !== t || e[1] !== n ? (l = JSON.stringify({
+      [t]: n
+    }, null, 2), e[0] = t, e[1] = n, e[2] = l) : l = e[2], a = l;
+  } catch (l) {
+    a = String(l);
+  }
+  const r = a;
+  let i;
+  return e[3] !== r ? (i = /* @__PURE__ */ b("pre", { children: r }), e[3] = r, e[4] = i) : i = e[4], i;
+}, _e = (s) => {
+  const e = C.c(26);
+  let t, n, a, r;
+  if (e[0] !== s) {
+    const {
+      selectedKey: R,
+      setKey: N,
+      currentKey: w,
+      highlight: k,
+      ..._
+    } = s;
+    a = R, r = N, t = w, n = _, e[0] = s, e[1] = t, e[2] = n, e[3] = a, e[4] = r;
+  } else
+    t = e[1], n = e[2], a = e[3], r = e[4];
+  let i;
+  e[5] !== t ? (i = A(t), e[5] = t, e[6] = i) : i = e[6];
+  const l = i, o = W(void 0);
+  let u, c;
+  e[7] !== l ? (u = () => {
+    if (o.current) {
+      const R = O(() => {
+        o.current && (o.current?.classList.add("state-key-updated"), requestAnimationFrame(() => o.current?.classList.remove("state-key-updated")));
       }, 5);
-      return a.subscribeAll(i);
+      return l.subscribeAll(R);
     }
-  }, [a, s]), /* @__PURE__ */ v(
-    "div",
-    {
-      ref: s,
-      className: "state-key",
-      title: n,
-      "data-active": n == e,
-      onClick: () => t(n),
-      ...o,
-      children: [
-        /* @__PURE__ */ h("div", { className: "state-key-name", children: /* @__PURE__ */ h(X, { text: String(n) }) }),
-        /* @__PURE__ */ v("div", { className: "state-key-meta", children: [
-          Object.keys(a.data).length,
-          " items"
-        ] })
-      ]
-    }
-  );
-}, N = S.cache, Y = ({ Component: e }) => {
-  const [t, n] = p(() => [...N.keys()]), [r, o] = p(""), [a, s] = p("");
-  m(() => {
-    let c = setInterval(() => {
-      n(
-        (l) => l.length != N.size ? [...N.keys()] : l
-      );
+  }, c = [l, o], e[7] = l, e[8] = u, e[9] = c) : (u = e[8], c = e[9]), v(u, c);
+  const d = t == a;
+  let f;
+  e[10] !== t || e[11] !== r ? (f = () => r(t), e[10] = t, e[11] = r, e[12] = f) : f = e[12];
+  const m = String(t);
+  let p;
+  e[13] !== m ? (p = /* @__PURE__ */ b("div", { className: "state-key-name", children: /* @__PURE__ */ b(Se, { text: m }) }), e[13] = m, e[14] = p) : p = e[14];
+  let h;
+  e[15] !== l.data ? (h = Object.keys(l.data), e[15] = l.data, e[16] = h) : h = e[16];
+  let g;
+  e[17] !== h.length ? (g = /* @__PURE__ */ D("div", { className: "state-key-meta", children: [
+    h.length,
+    " items"
+  ] }), e[17] = h.length, e[18] = g) : g = e[18];
+  let S;
+  return e[19] !== t || e[20] !== n || e[21] !== d || e[22] !== f || e[23] !== p || e[24] !== g ? (S = /* @__PURE__ */ D("div", { ref: o, className: "state-key", title: t, "data-active": d, onClick: f, ...n, children: [
+    p,
+    g
+  ] }), e[19] = t, e[20] = n, e[21] = d, e[22] = f, e[23] = p, e[24] = g, e[25] = S) : S = e[25], S;
+}, L = A.cache, Ee = (s) => {
+  const e = C.c(27), {
+    Component: t
+  } = s, [n, a] = E(Ne), [r, i] = E(""), [l, o] = E("");
+  let u, c;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (u = () => {
+    const _ = setInterval(() => {
+      a(we);
     }, 50);
-    return () => clearInterval(c);
-  }, [N]);
-  const i = g(
-    () => {
-      const c = r.toLowerCase().split(" ");
-      return (l) => {
-        const u = l.toLowerCase();
-        return c.every((d) => u.includes(d));
-      };
-    },
-    [r]
-  );
-  return /* @__PURE__ */ v("div", { className: "main-panel", children: [
-    /* @__PURE__ */ v("div", { className: "state-list", children: [
-      /* @__PURE__ */ h(
-        "input",
-        {
-          placeholder: "Type to Filter ...",
-          className: "state-filter",
-          value: r,
-          onChange: (c) => o(c.target.value)
-        }
-      ),
-      /* @__PURE__ */ h(Q, { highlight: r, children: t.map((c) => JSON.parse(c)?.[0]).filter((c) => c != "auto-ctx" && c).filter(i).map((c) => /* @__PURE__ */ h(_, { selectedKey: a, setKey: s, currentKey: c })) })
-    ] }),
-    /* @__PURE__ */ h("div", { className: "state-view", children: /* @__PURE__ */ h(Z, { dataKey: a, Component: e }, a) })
-  ] });
-}, Z = ({ dataKey: e, Component: t = x }) => {
-  const n = S(e), [r, o] = p({ ...n?.data });
-  return m(() => {
-    let a = C(o, 5);
-    return n.subscribeAll((s, i) => a({ ...i }));
-  }, [n]), /* @__PURE__ */ h(
-    t,
-    {
-      value: r,
-      name: e
-    }
-  );
-}, he = ({ toggleButton: e = "[x]", Component: t = x, ...n }) => {
-  const [r, o] = p(!1);
-  return /* @__PURE__ */ v(D, { children: [
-    /* @__PURE__ */ h("button", { className: "react-state-dev-btn", "data-active": r, onClick: () => o(!0), ...n, children: n?.children ?? "Toggle Dev Tool" }),
-    /* @__PURE__ */ v("div", { className: "react-state-dev-container", "data-active": r, children: [
-      /* @__PURE__ */ h("button", { className: "close-btn", onClick: () => o(!1), children: "[x]" }),
-      r && /* @__PURE__ */ h(Y, { Component: t })
-    ] })
-  ] });
+    return () => clearInterval(_);
+  }, c = [L], e[0] = u, e[1] = c) : (u = e[0], c = e[1]), v(u, c);
+  let d;
+  e[2] !== r ? (d = r.toLowerCase().split(" "), e[2] = r, e[3] = d) : d = e[3];
+  const f = d;
+  let m;
+  e[4] !== f ? (m = (_) => {
+    const H = _.toLowerCase();
+    return f.every((Q) => H.includes(Q));
+  }, e[4] = f, e[5] = m) : m = e[5];
+  const p = m;
+  let h;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (h = (_) => i(_.target.value), e[6] = h) : h = e[6];
+  let g;
+  e[7] !== r ? (g = /* @__PURE__ */ b("input", { placeholder: "Type to Filter ...", className: "state-filter", value: r, onChange: h }), e[7] = r, e[8] = g) : g = e[8];
+  let S;
+  if (e[9] !== n || e[10] !== p || e[11] !== l) {
+    let _;
+    e[13] !== l ? (_ = (H) => /* @__PURE__ */ b(_e, { selectedKey: l, setKey: o, currentKey: H }, H), e[13] = l, e[14] = _) : _ = e[14], S = n.map(ye).filter(Te).filter(p).map(_), e[9] = n, e[10] = p, e[11] = l, e[12] = S;
+  } else
+    S = e[12];
+  let R;
+  e[15] !== r || e[16] !== S ? (R = /* @__PURE__ */ b(Ce, { highlight: r, children: S }), e[15] = r, e[16] = S, e[17] = R) : R = e[17];
+  let N;
+  e[18] !== g || e[19] !== R ? (N = /* @__PURE__ */ D("div", { className: "state-list", children: [
+    g,
+    R
+  ] }), e[18] = g, e[19] = R, e[20] = N) : N = e[20];
+  let w;
+  e[21] !== t || e[22] !== l ? (w = /* @__PURE__ */ b("div", { className: "state-view", children: /* @__PURE__ */ b(Re, { dataKey: l, Component: t }, l) }), e[21] = t, e[22] = l, e[23] = w) : w = e[23];
+  let k;
+  return e[24] !== w || e[25] !== N ? (k = /* @__PURE__ */ D("div", { className: "main-panel", children: [
+    N,
+    w
+  ] }), e[24] = w, e[25] = N, e[26] = k) : k = e[26], k;
+}, Re = (s) => {
+  const e = C.c(11), {
+    dataKey: t,
+    Component: n
+  } = s, a = n === void 0 ? B : n;
+  let r;
+  e[0] !== t ? (r = A(t), e[0] = t, e[1] = r) : r = e[1];
+  const i = r, l = i?.data;
+  let o;
+  e[2] !== l ? (o = {
+    ...l
+  }, e[2] = l, e[3] = o) : o = e[3];
+  const [u, c] = E(o);
+  let d, f;
+  e[4] !== i ? (d = () => {
+    const p = O(c, 5);
+    return i.subscribeAll((h, g) => p({
+      ...g
+    }));
+  }, f = [i], e[4] = i, e[5] = d, e[6] = f) : (d = e[5], f = e[6]), v(d, f);
+  let m;
+  return e[7] !== a || e[8] !== u || e[9] !== t ? (m = /* @__PURE__ */ b(a, { value: u, name: t }), e[7] = a, e[8] = u, e[9] = t, e[10] = m) : m = e[10], m;
+};
+function Ne() {
+  return [...L.keys()];
+}
+function we(s) {
+  return s.length != L.size ? [...L.keys()] : s;
+}
+function ye(s) {
+  return JSON.parse(s)?.[0];
+}
+function Te(s) {
+  return s != "auto-ctx" && s;
+}
+const je = (s) => {
+  const e = C.c(19);
+  let t, n, a;
+  e[0] !== s ? ({
+    toggleButton: n,
+    Component: a,
+    ...t
+  } = s, e[0] = s, e[1] = t, e[2] = n, e[3] = a) : (t = e[1], n = e[2], a = e[3]);
+  const r = a === void 0 ? B : a, [i, l] = E(!1);
+  let o;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (o = () => l(!0), e[4] = o) : o = e[4];
+  const u = t?.children ?? "Toggle Dev Tool";
+  let c;
+  e[5] !== i || e[6] !== t || e[7] !== u ? (c = /* @__PURE__ */ b("button", { className: "react-state-dev-btn", "data-active": i, onClick: o, ...t, children: u }), e[5] = i, e[6] = t, e[7] = u, e[8] = c) : c = e[8];
+  let d;
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ b("button", { className: "close-btn", onClick: () => l(!1), children: "[x]" }), e[9] = d) : d = e[9];
+  let f;
+  e[10] !== r || e[11] !== i ? (f = i && /* @__PURE__ */ b(Ee, { Component: r }), e[10] = r, e[11] = i, e[12] = f) : f = e[12];
+  let m;
+  e[13] !== i || e[14] !== f ? (m = /* @__PURE__ */ D("div", { className: "react-state-dev-container", "data-active": i, children: [
+    d,
+    f
+  ] }), e[13] = i, e[14] = f, e[15] = m) : m = e[15];
+  let p;
+  return e[16] !== c || e[17] !== m ? (p = /* @__PURE__ */ D($, { children: [
+    c,
+    m
+  ] }), e[16] = c, e[17] = m, e[18] = p) : p = e[18], p;
 };
 export {
-  ie as AutoRootCtx,
-  J as Context,
-  he as DevToolContainer,
-  le as createAutoCtx,
-  ce as createRootCtx,
-  S as getContext,
-  K as useArrayHash,
-  b as useDataContext,
-  re as useDataSource,
-  L as useDataSourceMultiple,
-  W as useDataSubscribe,
-  ae as useDataSubscribeMultiple,
-  oe as useDataSubscribeMultipleWithDebounce,
-  se as useDataSubscribeWithTransform,
-  ue as useQuickSubscribe
+  Le as AutoRootCtx,
+  ae as Context,
+  je as DevToolContainer,
+  Ve as createAutoCtx,
+  Ke as createRootCtx,
+  A as getContext,
+  re as useArrayHash,
+  y as useDataContext,
+  Oe as useDataSource,
+  P as useDataSourceMultiple,
+  le as useDataSubscribe,
+  Ae as useDataSubscribeMultiple,
+  He as useDataSubscribeMultipleWithDebounce,
+  ke as useDataSubscribeWithTransform,
+  Ue as useQuickSubscribe
 };
 //# sourceMappingURL=index.es.js.map