react-state-custom 1.0.31 → 1.0.33

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import D, { useRef as P, useMemo as x, useEffect as w, useState as N, useCallback as ee, Fragment as te, useContext as se } from "react";
-import { jsx as v, Fragment as $, jsxs as R } from "react/jsx-runtime";
-var j = { exports: {} }, A = {};
+import R, { useRef as J, createContext as ne, useContext as H, useMemo as x, useEffect as w, useState as D, useCallback as ie, Fragment as re, useId as oe } from "react";
+import { jsx as v, Fragment as z, jsxs as _ } from "react/jsx-runtime";
+var I = { exports: {} }, V = {};
 /**
  * @license React
  * react-compiler-runtime.production.js
@@ -10,16 +10,16 @@ var j = { exports: {} }, A = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var B;
-function ne() {
-  if (B) return A;
-  B = 1;
-  var n = D.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-  return A.c = function(e) {
+var P;
+function ae() {
+  if (P) return V;
+  P = 1;
+  var n = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+  return V.c = function(e) {
     return n.H.useMemoCache(e);
-  }, A;
+  }, V;
 }
-var K = {};
+var A = {};
 /**
  * @license React
  * react-compiler-runtime.development.js
@@ -29,11 +29,11 @@ var K = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var V;
-function ie() {
-  return V || (V = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = D.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    K.c = function(e) {
+var F;
+function le() {
+  return F || (F = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    A.c = function(e) {
       var t = n.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:
@@ -43,50 +43,81 @@ function ie() {
 See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`
       ), t.useMemoCache(e);
     };
-  }()), K;
+  }()), A;
 }
-var I;
-function re() {
-  return I || (I = 1, process.env.NODE_ENV === "production" ? j.exports = ne() : j.exports = ie()), j.exports;
+var G;
+function ce() {
+  return G || (G = 1, process.env.NODE_ENV === "production" ? I.exports = ae() : I.exports = le()), I.exports;
 }
-var y = re();
-function H(n, e) {
-  let t = null, s = function(...r) {
+var N = ce();
+function O(n, e) {
+  let t = null, s = function(...i) {
     t && clearTimeout(t), t = setTimeout(() => {
-      n(...r);
+      n(...i);
     }, e);
   };
   return s.cancel = () => clearTimeout(t), s;
 }
-function oe(n) {
+function ue(n) {
   const e = /* @__PURE__ */ new Map(), t = function(...s) {
-    const r = JSON.stringify(s);
-    if (e.has(r))
-      return e.get(r);
-    const i = n(...s);
-    return e.set(r, i), i;
+    const i = JSON.stringify(s);
+    if (e.has(i))
+      return e.get(i);
+    const r = n(...s);
+    return e.set(i, r), r;
   };
   return t.cache = e, t;
 }
-const F = () => Math.random().toString().slice(2), ae = (n) => {
-  const e = P({
+const K = {
+  stack: [],
+  graph: /* @__PURE__ */ new Map(),
+  enter(n) {
+    process.env.NODE_ENV !== "production" && this.stack.push(n);
+  },
+  leave() {
+    process.env.NODE_ENV !== "production" && this.stack.pop();
+  },
+  addDependency(n) {
+    if (process.env.NODE_ENV === "production") return;
+    const e = this.stack[this.stack.length - 1];
+    e && e !== n && (this.graph.has(e) || this.graph.set(e, /* @__PURE__ */ new Set()), this.graph.get(e).add(n), this.checkCycle(e, n));
+  },
+  checkCycle(n, e) {
+    if (process.env.NODE_ENV === "production") return;
+    const t = /* @__PURE__ */ new Set(), s = [e];
+    for (; s.length > 0; ) {
+      const i = s.shift();
+      if (i === n) {
+        console.warn(`[react-state-custom] Circular dependency detected: ${n} -> ... -> ${i}`);
+        return;
+      }
+      if (t.has(i)) continue;
+      t.add(i);
+      const r = this.graph.get(i);
+      if (r)
+        for (const a of r)
+          s.push(a);
+    }
+  }
+}, Y = () => Math.random().toString().slice(2), he = (n) => {
+  const e = J({
     values: [],
-    id: F()
+    id: Y()
   });
   let t = !1;
-  return t = t || !n != !e.current.values, t = t || n?.length != e.current.values?.length, t = t || n?.some((s, r) => s != e.current.values[r]), t && (e.current.values = n, e.current.id = F()), e.current.id;
-}, M = "@--change-event";
-class le extends Event {
+  return t = t || !n != !e.current.values, t = t || n?.length != e.current.values?.length, t = t || n?.some((s, i) => s != e.current.values[i]), t && (e.current.values = n, e.current.id = Y()), e.current.id;
+}, W = ne(null), U = "@--change-event";
+class de extends Event {
   constructor(e, t) {
     super(String(e)), this.event = e, this.value = t;
   }
 }
-class G extends Event {
+class q extends Event {
   constructor(e) {
-    super(M, e), this.value = e;
+    super(U, e), this.value = e;
   }
 }
-class ce extends EventTarget {
+class pe extends EventTarget {
   /**
    * Create a new Context instance.
    * @param name - The name of the context (for debugging).
@@ -111,8 +142,8 @@ class ce extends EventTarget {
   publish(e, t) {
     if (t != this.data[e]) {
       this.data[e] = t;
-      let s = new le(e, t);
-      this.dispatchEvent(s), this.dispatchEvent(new G(s));
+      let s = new de(e, t);
+      this.dispatchEvent(s), this.dispatchEvent(new q(s));
     }
   }
   /**
@@ -123,474 +154,497 @@ class ce extends EventTarget {
    */
   subscribe(e, t) {
     const s = ({
-      event: r,
-      value: i
+      event: i,
+      value: r
     }) => {
-      t(i);
+      t(r);
     };
     return this.addEventListener(String(e), s), e in this.data && t(this.data[e]), () => this.removeEventListener(String(e), s);
   }
   subscribeAll(e) {
     const t = (s) => {
-      if (s instanceof G) {
+      if (s instanceof q) {
         const {
-          value: r
+          value: i
         } = s;
-        e(r.event, this.data);
+        e(i.event, this.data);
       }
     };
-    return this.addEventListener(String(M), t), () => this.removeEventListener(String(M), t);
+    return this.addEventListener(String(U), t), () => this.removeEventListener(String(U), t);
   }
 }
-const k = oe((n) => new ce(n)), z = (n = "noname") => {
-  const e = x(() => k(n), [n]);
-  return w(() => (e.useCounter += 1, () => {
-    e.useCounter -= 1, e.useCounter <= 0 && setTimeout(() => {
-      e.useCounter <= 0 && k.cache.delete(JSON.stringify([n]));
+const j = ue((n) => new pe(n)), T = (n = "noname") => {
+  const e = H(W), t = e ? `${e}/${n}` : n;
+  K.addDependency(t);
+  const s = x(() => j(t), [t]);
+  return w(() => (s.useCounter += 1, () => {
+    s.useCounter -= 1, s.useCounter <= 0 && setTimeout(() => {
+      s.useCounter <= 0 && j.cache.delete(JSON.stringify([t]));
     }, 100);
-  }), [e]), e;
-}, Y = (n, ...e) => {
-  const t = y.c(6), s = e;
+  }), [s]), s;
+}, X = (n, ...e) => {
+  const t = N.c(6), s = e;
   new Error("[ctx] useRegistryChecker failed " + JSON.stringify({
     names: s,
     ctx: n?.name ?? "undefined"
   }));
-  let r;
-  t[0] !== n || t[1] !== s ? (r = () => {
+  let i;
+  t[0] !== n || t[1] !== s ? (i = () => {
     if (n)
-      return s.some((l) => n.registry.has(l)), s.forEach((l) => n.registry.add(l)), () => {
-        s.forEach((l) => n.registry.delete(l));
+      return s.some((a) => n.registry.has(a)), s.forEach((a) => n.registry.add(a)), () => {
+        s.forEach((a) => n.registry.delete(a));
       };
-  }, t[0] = n, t[1] = s, t[2] = r) : r = t[2];
-  let i;
-  t[3] !== n || t[4] !== s.length ? (i = [n, s.length], t[3] = n, t[4] = s.length, t[5] = i) : i = t[5], w(r, i);
-}, ke = (n, e, t) => {
-  const s = y.c(5);
-  let r, i;
-  s[0] !== n || s[1] !== e || s[2] !== t ? (r = () => {
+  }, t[0] = n, t[1] = s, t[2] = i) : i = t[2];
+  let r;
+  t[3] !== n || t[4] !== s.length ? (r = [n, s.length], t[3] = n, t[4] = s.length, t[5] = r) : r = t[5], w(i, r);
+}, Ke = (n, e, t) => {
+  const s = N.c(5);
+  let i, r;
+  s[0] !== n || s[1] !== e || s[2] !== t ? (i = () => {
     n && n.data[e] != t && n.publish(e, t);
-  }, i = [e, t, n], s[0] = n, s[1] = e, s[2] = t, s[3] = r, s[4] = i) : (r = s[3], i = s[4]), w(r, i), Y(n, e);
-}, ue = (n, e, t) => {
-  const s = y.c(11), r = t === void 0 ? 0 : t;
-  let i;
-  s[0] !== n?.data || s[1] !== e ? (i = () => ({
+  }, r = [e, t, n], s[0] = n, s[1] = e, s[2] = t, s[3] = i, s[4] = r) : (i = s[3], r = s[4]), w(i, r), X(n, e);
+}, fe = (n, e, t) => {
+  const s = N.c(11), i = t === void 0 ? 0 : t;
+  let r;
+  s[0] !== n?.data || s[1] !== e ? (r = () => ({
     value: n?.data?.[e]
-  }), s[0] = n?.data, s[1] = e, s[2] = i) : i = s[2];
-  const [l, o] = N(i), {
-    value: a
-  } = l;
+  }), s[0] = n?.data, s[1] = e, s[2] = r) : r = s[2];
+  const [a, o] = D(r), {
+    value: l
+  } = a;
   let u;
-  s[3] !== n || s[4] !== r || s[5] !== e || s[6] !== a ? (u = () => {
+  s[3] !== n || s[4] !== i || s[5] !== e || s[6] !== l ? (u = () => {
     if (n) {
-      const d = r == 0 ? (p) => o({
-        value: p
-      }) : H((p) => o({
-        value: p
-      }), r), f = n.subscribe(e, d);
-      return a != n.data[e] && o({
+      const d = i == 0 ? (f) => o({
+        value: f
+      }) : O((f) => o({
+        value: f
+      }), i), p = n.subscribe(e, d);
+      return l != n.data[e] && o({
         value: n.data[e]
       }), () => {
-        f();
+        p();
       };
     }
-  }, s[3] = n, s[4] = r, s[5] = e, s[6] = a, s[7] = u) : u = s[7];
+  }, s[3] = n, s[4] = i, s[5] = e, s[6] = l, s[7] = u) : u = s[7];
   let c;
   return s[8] !== n || s[9] !== e ? (c = [e, n], s[8] = n, s[9] = e, s[10] = c) : c = s[10], w(u, c), n?.data[e];
-}, We = (n, e, t) => {
-  const [, s] = N(0), r = x(() => t(n?.data[e]), [t, n?.data[e]]);
+}, Ue = (n, e, t) => {
+  const [, s] = D(0), i = x(() => t(n?.data[e]), [t, n?.data[e]]);
   return w(() => {
     if (n) {
-      let i = r, l = () => {
-        let a = t(n.data[e]);
-        a != i && (i = a, s((u) => u + 1));
-      }, o = n.subscribe(e, l);
-      return l(), () => o();
+      let r = i, a = () => {
+        let l = t(n.data[e]);
+        l != r && (r = l, s((u) => u + 1));
+      }, o = n.subscribe(e, a);
+      return a(), () => o();
     }
-  }, [e, n]), r;
-}, q = (n, ...e) => {
+  }, [e, n]), i;
+}, Q = (n, ...e) => {
   w(() => {
     if (n)
       for (let [t, s] of e)
         n.data[t] != s && n.publish(t, s);
-  }, [n, ae(e.flat())]), Y(n, ...e.map((t) => t[0]));
-}, je = (n, ...e) => {
-  const t = y.c(18), s = e, [, r] = N(0);
-  let i;
+  }, [n, he(e.flat())]), X(n, ...e.map((t) => t[0]));
+}, Be = (n, ...e) => {
+  const t = N.c(18), s = e, [, i] = D(0);
+  let r;
   if (t[0] !== n?.data || t[1] !== s) {
     let c;
-    t[3] !== n?.data ? (c = (d) => n?.data?.[d], t[3] = n?.data, t[4] = c) : c = t[4], i = s.map(c), t[0] = n?.data, t[1] = s, t[2] = i;
+    t[3] !== n?.data ? (c = (d) => n?.data?.[d], t[3] = n?.data, t[4] = c) : c = t[4], r = s.map(c), t[0] = n?.data, t[1] = s, t[2] = r;
   } else
-    i = t[2];
-  const l = i;
+    r = t[2];
+  const a = r;
   let o;
-  t[5] !== n || t[6] !== s || t[7] !== l || t[8] !== r ? (o = () => {
+  t[5] !== n || t[6] !== s || t[7] !== a || t[8] !== i ? (o = () => {
     if (n) {
-      let c = l;
-      const d = H(() => {
+      let c = a;
+      const d = O(() => {
         const g = s.map((h) => n?.data?.[h]);
-        s.some((h, m) => c[m] != g[m]) && (c = g, r(he));
-      }, 1), f = s.map((g) => n.subscribe(g, d)), p = setTimeout(d, 1);
+        s.some((h, m) => c[m] != g[m]) && (c = g, i(me));
+      }, 1), p = s.map((g) => n.subscribe(g, d)), f = setTimeout(d, 1);
       return () => {
-        clearTimeout(p), d.cancel(), f.forEach(de);
+        clearTimeout(f), d.cancel(), p.forEach(ge);
       };
     }
-  }, t[5] = n, t[6] = s, t[7] = l, t[8] = r, t[9] = o) : o = t[9];
-  let a;
-  t[10] !== n || t[11] !== s ? (a = [n, ...s], t[10] = n, t[11] = s, t[12] = a) : a = t[12], w(o, a);
+  }, t[5] = n, t[6] = s, t[7] = a, t[8] = i, t[9] = o) : o = t[9];
+  let l;
+  t[10] !== n || t[11] !== s ? (l = [n, ...s], t[10] = n, t[11] = s, t[12] = l) : l = t[12], w(o, l);
   let u;
-  if (t[13] !== s || t[14] !== l) {
+  if (t[13] !== s || t[14] !== a) {
     let c;
-    t[16] !== l ? (c = (d, f) => [d, l[f]], t[16] = l, t[17] = c) : c = t[17], u = Object.fromEntries(s.map(c)), t[13] = s, t[14] = l, t[15] = u;
+    t[16] !== a ? (c = (d, p) => [d, a[p]], t[16] = a, t[17] = c) : c = t[17], u = Object.fromEntries(s.map(c)), t[13] = s, t[14] = a, t[15] = u;
   } else
     u = t[15];
   return u;
-}, Le = (n, e, ...t) => {
-  const s = y.c(14), r = e === void 0 ? 50 : e, i = t, [, l] = N(0);
+}, Pe = (n, e, ...t) => {
+  const s = N.c(14), i = e === void 0 ? 50 : e, r = t, [, a] = D(0);
   let o;
-  if (s[0] !== n?.data || s[1] !== i) {
+  if (s[0] !== n?.data || s[1] !== r) {
     let d;
-    s[3] !== n?.data ? (d = (f) => n?.data?.[f], s[3] = n?.data, s[4] = d) : d = s[4], o = i.map(d), s[0] = n?.data, s[1] = i, s[2] = o;
+    s[3] !== n?.data ? (d = (p) => n?.data?.[p], s[3] = n?.data, s[4] = d) : d = s[4], o = r.map(d), s[0] = n?.data, s[1] = r, s[2] = o;
   } else
     o = s[2];
-  const a = o;
+  const l = o;
   let u;
-  s[5] !== n || s[6] !== r || s[7] !== i || s[8] !== a || s[9] !== l ? (u = () => {
+  s[5] !== n || s[6] !== i || s[7] !== r || s[8] !== l || s[9] !== a ? (u = () => {
     if (n) {
-      let d = a;
-      const f = H(() => {
-        const h = i.map((m) => n?.data?.[m]);
-        i.some((m, b) => d[b] != h[b]) && (d = h, l(fe));
-      }, r), p = i.map((h) => n.subscribe(h, f)), g = setTimeout(f, 1);
+      let d = l;
+      const p = O(() => {
+        const h = r.map((m) => n?.data?.[m]);
+        r.some((m, b) => d[b] != h[b]) && (d = h, a(ve));
+      }, i), f = r.map((h) => n.subscribe(h, p)), g = setTimeout(p, 1);
       return () => {
-        clearTimeout(g), f.cancel(), p.forEach(pe);
+        clearTimeout(g), p.cancel(), f.forEach(be);
       };
     }
-  }, s[5] = n, s[6] = r, s[7] = i, s[8] = a, s[9] = l, s[10] = u) : u = s[10];
+  }, s[5] = n, s[6] = i, s[7] = r, s[8] = l, s[9] = a, s[10] = u) : u = s[10];
   let c;
-  return s[11] !== n || s[12] !== i ? (c = [n, ...i], s[11] = n, s[12] = i, s[13] = c) : c = s[13], w(u, c), a;
+  return s[11] !== n || s[12] !== r ? (c = [n, ...r], s[11] = n, s[12] = r, s[13] = c) : c = s[13], w(u, c), l;
 };
-function he(n) {
+function me(n) {
   return n + 1;
 }
-function de(n) {
+function ge(n) {
   return n();
 }
-function fe(n) {
+function ve(n) {
   return n + 1;
 }
-function pe(n) {
+function be(n) {
   return n();
 }
-const J = (n = void 0) => Object.keys(n ?? {}).sort().map((e) => {
+const Z = (n = void 0) => Object.keys(n ?? {}).sort().map((e) => {
   const t = n?.[e];
   if (t !== null && (typeof t == "object" || typeof t == "function"))
     throw new Error(`Parameter "${e}" must be a primitive value (string, number, bigint, null, or undefined), but received ${typeof t}`);
   return e + "=" + t;
-}).join("&"), Ae = (n, e) => {
-  const t = (o) => [n, J(o)].filter(Boolean).join("?"), s = /* @__PURE__ */ new Set(), r = (o) => {
-    const a = y.c(5), u = e(o), c = t(o), d = z(c);
-    let f;
-    a[0] === Symbol.for("react.memo_cache_sentinel") ? (f = new Error(), a[0] = f) : f = a[0];
-    const p = f.stack;
-    let g;
-    a[1] !== u ? (g = Object.entries(u), a[1] = u, a[2] = g) : g = a[2], q(d, ...g);
-    let h;
-    return a[3] !== c ? (h = () => {
+}).join("&"), Se = (n, e) => {
+  const t = (o) => [n, Z(o)].filter(Boolean).join("?"), s = /* @__PURE__ */ new Set(), i = (o) => {
+    const l = t(o), u = H(W), c = u ? `${u}/${l}` : l, d = T(l);
+    K.enter(c);
+    let p;
+    try {
+      p = e(o, {
+        ...d.data
+      });
+    } finally {
+      K.leave();
+    }
+    const f = x(() => new Error().stack, []);
+    return Q(d, ...Object.entries(p)), w(() => {
       if (s.has(c)) {
-        const m = new Error("RootContext " + c + " are mounted more than once");
-        throw m.stack = p, m;
+        const g = new Error("RootContext " + c + " are mounted more than once");
+        throw g.stack = f, g;
       }
       return s.add(c), () => {
         s.delete(c);
       };
-    }, a[3] = c, a[4] = h) : h = a[4], w(h), u;
-  }, i = (o) => {
-    const a = y.c(1);
+    }), p;
+  }, r = (o) => {
+    const l = N.c(1);
     let u;
-    return a[0] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ v($, {}), a[0] = u) : u = a[0], u;
-  }, l = (o) => {
-    const a = y.c(3), u = r(o);
+    return l[0] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ v(z, {}), l[0] = u) : u = l[0], u;
+  }, a = (o) => {
+    const l = N.c(3), u = i(o);
     let c;
-    return a[0] !== o || a[1] !== u ? (c = /* @__PURE__ */ v(i, { ...o, ...u }), a[0] = o, a[1] = u, a[2] = c) : c = a[2], c;
+    return l[0] !== o || l[1] !== u ? (c = /* @__PURE__ */ v(r, { ...o, ...u }), l[0] = o, l[1] = u, l[2] = c) : c = l[2], c;
   };
-  return r.displayName = `useState[${n}]`, l.displayName = `StateContainer[${n}]`, i.displayName = `Debug[${n}]`, {
+  return i.displayName = `useState[${n}]`, a.displayName = `StateContainer[${n}]`, r.displayName = `Debug[${n}]`, {
     name: n,
     getCtxName: t,
-    useRootState: r,
-    Root: l,
+    useRootState: i,
+    Root: a,
     /**
      * 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: (o) => {
-      const a = t(o), u = x(() => new Error().stack, []);
+      const l = t(o), u = H(W), c = u ? `${u}/${l}` : l, d = x(() => new Error().stack, []);
       return w(() => {
-        if (!s.has(a)) {
-          const c = new Error("RootContext [" + a + "] is not mounted");
-          throw c.stack = u, c;
+        if (!s.has(c)) {
+          const p = new Error("RootContext [" + c + "] is not mounted");
+          throw p.stack = d, p;
         }
-      }, [a]), z(a);
+      }, [c]), T(l);
     },
     /**
      * 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: (o) => {
-      const a = t(o), u = x(() => new Error().stack, []);
+      const l = t(o), u = H(W), c = u ? `${u}/${l}` : l, d = x(() => new Error().stack, []);
       return w(() => {
-        if (!s.has(a)) {
-          const c = new Error("RootContext [" + a + "] is not mounted");
-          c.stack = u;
-          let d = setTimeout(() => console.error(c), 1e3);
-          return () => clearTimeout(d);
+        if (!s.has(c)) {
+          const p = new Error("RootContext [" + c + "] is not mounted");
+          p.stack = d;
+          let f = setTimeout(() => console.error(p), 1e3);
+          return () => clearTimeout(f);
         }
-      }, [s.has(a)]), z(a);
+      }, [s.has(c)]), T(l);
     }
   };
-}, me = (n) => {
-  const e = y.c(1);
+}, Ee = (n) => {
+  const [, e] = D(0), {
+    proxy: t,
+    finalGetter: s,
+    openGetter: i,
+    clean: r
+  } = x(() => {
+    const a = /* @__PURE__ */ new Set(), o = {}, l = /* @__PURE__ */ new Map(), u = new Proxy(n?.data, {
+      get(h, m) {
+        if (c)
+          return a.add(m), o[m] = h[m];
+        throw new Error("useQuickSubscribe: Cannot access context data outside render phase. Destructure needed properties immediately during render.");
+      },
+      ownKeys(h) {
+        return console.warn("useQuickSubscribe: Rest object operations aren't recommended as they bypass selective subscription and may cause performance issues"), Reflect.ownKeys(h);
+      }
+    });
+    let c = !0, d = O(() => {
+      [...a.values()].some((h) => o[h] != n?.data?.[h]) && e((h) => h + 1);
+    }, 0), p = () => {
+      c = !0, a.clear();
+    }, f = () => {
+      c = !1, [...a.values()].filter((h) => !l.has(h)).forEach((h) => {
+        l.set(h, n?.subscribe(h, d));
+      }), [...l.keys()].filter((h) => !a.has(h)).forEach((h) => {
+        l.get(h)?.(), l.delete(h);
+      });
+    };
+    return {
+      proxy: u,
+      finalGetter: f,
+      openGetter: p,
+      clean: () => {
+        p(), f(), e((h) => h + 1);
+      }
+    };
+  }, [n]);
+  return i(), setTimeout(s, 0), w(() => () => r(), [r]), t;
+}, Ce = (n) => {
+  const e = N.c(1);
   let t;
-  return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ v($, {}), e[0] = t) : t = e[0], t;
-}, ge = ({
+  return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ v(z, {}), e[0] = t) : t = e[0], t;
+}, we = ({
   useStateFn: n,
   params: e,
   debugging: t
 }) => {
   const s = n(e);
-  return t ? /* @__PURE__ */ v(me, { ...s }) : /* @__PURE__ */ v($, {});
-}, Ke = ({
-  Wrapper: n = te,
+  return t ? /* @__PURE__ */ v(Ce, { ...s }) : /* @__PURE__ */ v(z, {});
+}, Ne = ({
+  Wrapper: n = re,
   debugging: e = !1
 }) => {
-  const t = z("auto-ctx"), [s, r] = N({}), i = ee((o, a, u, c = 0, d = void 0) => {
-    const f = [o, J(u)].filter(Boolean).join("?");
-    return r((p) => ({
-      ...p,
-      [f]: {
-        ...p[f] ?? {
-          useStateFn: a,
+  const t = T("auto-ctx"), [s, i] = D({}), r = ie((o, l, u, c = 0, d = void 0) => {
+    const p = [o, Z(u)].filter(Boolean).join("?");
+    return i((f) => ({
+      ...f,
+      [p]: {
+        ...f[p] ?? {
+          useStateFn: l,
           params: u,
           AttatchedComponent: d
         },
-        counter: (p[f]?.counter ?? 0) + 1,
+        counter: (f[p]?.counter ?? 0) + 1,
         keepUntil: void 0,
-        useStateFn: a,
+        useStateFn: l,
         AttatchedComponent: d
       }
-    })), () => r(({
-      [f]: p,
+    })), () => i(({
+      [p]: f,
       ...g
     }) => ({
       ...g,
-      ...p?.counter > 1 || c > 0 ? {
-        [f]: {
-          ...p,
-          counter: p.counter - 1,
-          keepUntil: p.counter > 1 ? void 0 : Date.now() + c
+      ...f?.counter > 1 || c > 0 ? {
+        [p]: {
+          ...f,
+          counter: f.counter - 1,
+          keepUntil: f.counter > 1 ? void 0 : Date.now() + c
         }
       } : {}
     }));
-  }, []), l = x(() => Object.entries(s).filter(([, {
+  }, []), a = x(() => Object.entries(s).filter(([, {
     counter: o,
-    keepUntil: a
-  }]) => o <= 0 && a).toSorted(([, {
+    keepUntil: l
+  }]) => o <= 0 && l).toSorted(([, {
     keepUntil: o = 0
   }], [, {
-    keepUntil: a = 0
-  }]) => o - a)?.at(0), [s]);
+    keepUntil: l = 0
+  }]) => o - l)?.at(0), [s]);
   return w(() => {
-    if (l) {
+    if (a) {
       const [o, {
-        keepUntil: a
-      }] = l;
-      if (typeof a > "u") throw new Error("Invalid state mgr");
+        keepUntil: l
+      }] = a;
+      if (typeof l > "u") throw new Error("Invalid state mgr");
       let u = setTimeout(() => {
-        r(({
+        i(({
           [o]: c,
           ...d
         }) => d);
-      }, Math.max(0, a - Date.now()));
+      }, Math.max(0, l - Date.now()));
       return () => {
         clearTimeout(u);
       };
     }
-  }, [l]), q(t, ["subscribe", i], ["state", s]), /* @__PURE__ */ v($, { children: Object.entries(s).filter(([, {
+  }, [a]), Q(t, ["subscribe", r], ["state", s]), /* @__PURE__ */ v(z, { children: Object.entries(s).filter(([, {
     counter: o,
-    keepUntil: a = 0
-  }]) => o > 0 || a >= Date.now()).map(([o, {
-    useStateFn: a,
+    keepUntil: l = 0
+  }]) => o > 0 || l >= Date.now()).map(([o, {
+    useStateFn: l,
     params: u,
     AttatchedComponent: c
-  }]) => /* @__PURE__ */ R(n, { children: [
-    /* @__PURE__ */ v(ge, { params: u, useStateFn: a, debugging: e }, o),
+  }]) => /* @__PURE__ */ _(n, { children: [
+    /* @__PURE__ */ v(we, { params: u, useStateFn: l, debugging: e }, o),
     c && /* @__PURE__ */ v(c, { ...u }, "attatch_" + o)
   ] }, o)) });
-}, Me = ({
+}, ye = ({
   useRootState: n,
   getCtxName: e,
   name: t
-}, s = 0, r = void 0) => ({
-  useCtxState: (i) => {
-    const l = e(i), o = ue(z("auto-ctx"), "subscribe");
-    return w(() => o?.(t, n, i, s, r), [n, o, t, l, s, r]), z(l);
-  }
-}), Ue = (n) => {
-  const [, e] = N(0), {
-    proxy: t,
-    finalGetter: s,
-    openGetter: r,
-    clean: i
-  } = x(() => {
-    const l = /* @__PURE__ */ new Set(), o = {}, a = /* @__PURE__ */ new Map(), u = new Proxy(n?.data, {
-      get(h, m) {
-        if (c)
-          return l.add(m), o[m] = h[m];
-        throw new Error("useQuickSubscribe: Cannot access context data outside render phase. Destructure needed properties immediately during render.");
-      },
-      ownKeys(h) {
-        return console.warn("useQuickSubscribe: Rest object operations aren't recommended as they bypass selective subscription and may cause performance issues"), Reflect.ownKeys(h);
-      }
-    });
-    let c = !0, d = H(() => {
-      [...l.values()].some((h) => o[h] != n?.data?.[h]) && e((h) => h + 1);
-    }, 0), f = () => {
-      c = !0, l.clear();
-    }, p = () => {
-      c = !1, [...l.values()].filter((h) => !a.has(h)).forEach((h) => {
-        a.set(h, n?.subscribe(h, d));
-      }), [...a.keys()].filter((h) => !l.has(h)).forEach((h) => {
-        a.get(h)?.(), a.delete(h);
-      });
-    };
-    return {
-      proxy: u,
-      finalGetter: p,
-      openGetter: f,
-      clean: () => {
-        f(), p(), e((h) => h + 1);
-      }
-    };
-  }, [n]);
-  return r(), setTimeout(s, 0), w(() => () => i(), [i]), t;
+}, s = 0, i = void 0) => {
+  const r = (a) => {
+    const o = e(a), l = fe(T("auto-ctx"), "subscribe");
+    return w(() => l?.(t, n, a, s, i), [n, l, t, o, s, i]), T(o);
+  };
+  return {
+    useCtxState: r,
+    useStore: (a) => Ee(r(a))
+  };
+}, Fe = (n, e, t = 0, s = void 0) => ye(Se(n, e), t, s), Ge = (n) => {
+  const e = N.c(7), {
+    children: t,
+    Wrapper: s,
+    debugging: i
+  } = n, r = oe();
+  let a;
+  e[0] !== s || e[1] !== i ? (a = /* @__PURE__ */ v(Ne, { Wrapper: s, debugging: i }), e[0] = s, e[1] = i, e[2] = a) : a = e[2];
+  let o;
+  return e[3] !== t || e[4] !== r || e[5] !== a ? (o = /* @__PURE__ */ _(W.Provider, { value: r, children: [
+    a,
+    t
+  ] }), e[3] = t, e[4] = r, e[5] = a, e[6] = o) : o = e[6], o;
 };
-function ve(n) {
-  const e = y.c(4);
+function De(n) {
+  const e = N.c(4);
   let t;
-  e[0] !== n ? (t = n ? Se(n.trim().toLowerCase().split(" "), "gi") : void 0, e[0] = n, e[1] = t) : t = e[1];
+  e[0] !== n ? (t = n ? Re(n.trim().toLowerCase().split(" "), "gi") : void 0, e[0] = n, e[1] = t) : t = e[1];
   const s = t;
-  let r;
-  return e[2] !== s ? (r = {
+  let i;
+  return e[2] !== s ? (i = {
     highlight: s
-  }, e[2] = s, e[3] = r) : r = e[3], r;
+  }, e[2] = s, e[3] = i) : i = e[3], i;
 }
-function be(n) {
+function _e(n) {
   return n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function Se(n, e = "gi") {
-  const t = n.map(be).join("|");
+function Re(n, e = "gi") {
+  const t = n.map(_e).join("|");
   return new RegExp(`(${t})`, e);
 }
-function Ee(n, e) {
+function $e(n, e) {
   const t = [];
   let s = 0;
-  for (const r of n.matchAll(e)) {
-    const [i] = r, l = r.index;
-    l > s && t.push(n.slice(s, l)), t.push(/* @__PURE__ */ v("mark", { children: i }, l)), s = l + i.length;
+  for (const i of n.matchAll(e)) {
+    const [r] = i, a = i.index;
+    a > s && t.push(n.slice(s, a)), t.push(/* @__PURE__ */ v("mark", { children: r }, a)), s = a + r.length;
   }
   return s < n.length && t.push(n.slice(s)), t;
 }
-const X = D.createContext({
+const ee = R.createContext({
   highlight: void 0
-}), Ce = (n) => {
-  const e = y.c(3), {
+}), xe = (n) => {
+  const e = N.c(3), {
     children: t,
     highlight: s
-  } = n, r = ve(s);
-  let i;
-  return e[0] !== t || e[1] !== r ? (i = /* @__PURE__ */ v(X.Provider, { value: r, children: t }), e[0] = t, e[1] = r, e[2] = i) : i = e[2], i;
-}, we = (n) => {
-  const e = y.c(5), {
+  } = n, i = De(s);
+  let r;
+  return e[0] !== t || e[1] !== i ? (r = /* @__PURE__ */ v(ee.Provider, { value: i, children: t }), e[0] = t, e[1] = i, e[2] = r) : r = e[2], r;
+}, Te = (n) => {
+  const e = N.c(5), {
     text: t
   } = n, {
     highlight: s
-  } = se(X);
-  let r;
-  e[0] !== s || e[1] !== t ? (r = s ? Ee(t, s) : t, e[0] = s, e[1] = t, e[2] = r) : r = e[2];
-  const i = r;
-  let l;
-  return e[3] !== i ? (l = /* @__PURE__ */ v($, { children: i }), e[3] = i, e[4] = l) : l = e[4], l;
-}, Q = (n) => {
-  const e = y.c(5), {
+  } = H(ee);
+  let i;
+  e[0] !== s || e[1] !== t ? (i = s ? $e(t, s) : t, e[0] = s, e[1] = t, e[2] = i) : i = e[2];
+  const r = i;
+  let a;
+  return e[3] !== r ? (a = /* @__PURE__ */ v(z, { children: r }), e[3] = r, e[4] = a) : a = e[4], a;
+}, te = (n) => {
+  const e = N.c(5), {
     name: t,
     value: s
   } = n;
-  let r;
+  let i;
   try {
     let o;
     e[0] !== t || e[1] !== s ? (o = JSON.stringify({
       [t]: s
-    }, null, 2), e[0] = t, e[1] = s, e[2] = o) : o = e[2], r = o;
+    }, null, 2), e[0] = t, e[1] = s, e[2] = o) : o = e[2], i = o;
   } catch (o) {
-    r = String(o);
+    i = String(o);
   }
-  const i = r;
-  let l;
-  return e[3] !== i ? (l = /* @__PURE__ */ v("pre", { children: i }), e[3] = i, e[4] = l) : l = e[4], l;
-}, ye = (n) => {
-  const e = y.c(26);
-  let t, s, r, i;
+  const r = i;
+  let a;
+  return e[3] !== r ? (a = /* @__PURE__ */ v("pre", { children: r }), e[3] = r, e[4] = a) : a = e[4], a;
+}, ze = (n) => {
+  const e = N.c(26);
+  let t, s, i, r;
   if (e[0] !== n) {
     const {
       selectedKey: S,
       setKey: E,
       currentKey: C,
-      highlight: O,
-      ..._
+      highlight: k,
+      ...y
     } = n;
-    r = S, i = E, t = C, s = _, e[0] = n, e[1] = t, e[2] = s, e[3] = r, e[4] = i;
+    i = S, r = E, t = C, s = y, e[0] = n, e[1] = t, e[2] = s, e[3] = i, e[4] = r;
   } else
-    t = e[1], s = e[2], r = e[3], i = e[4];
-  let l;
-  e[5] !== t ? (l = k(t), e[5] = t, e[6] = l) : l = e[6];
-  const o = l, a = P(void 0);
+    t = e[1], s = e[2], i = e[3], r = e[4];
+  let a;
+  e[5] !== t ? (a = j(t), e[5] = t, e[6] = a) : a = e[6];
+  const o = a, l = J(void 0);
   let u, c;
   e[7] !== o ? (u = () => {
-    if (a.current) {
-      const S = H(() => {
-        a.current && (a.current?.classList.add("state-key-updated"), requestAnimationFrame(() => a.current?.classList.remove("state-key-updated")));
+    if (l.current) {
+      const S = O(() => {
+        l.current && (l.current?.classList.add("state-key-updated"), requestAnimationFrame(() => l.current?.classList.remove("state-key-updated")));
       }, 5);
       return o.subscribeAll(S);
     }
-  }, c = [o, a], e[7] = o, e[8] = u, e[9] = c) : (u = e[8], c = e[9]), w(u, c);
-  const d = t == r;
-  let f;
-  e[10] !== t || e[11] !== i ? (f = () => i(t), e[10] = t, e[11] = i, e[12] = f) : f = e[12];
-  const p = String(t);
+  }, c = [o, l], e[7] = o, e[8] = u, e[9] = c) : (u = e[8], c = e[9]), w(u, c);
+  const d = t == i;
+  let p;
+  e[10] !== t || e[11] !== r ? (p = () => r(t), e[10] = t, e[11] = r, e[12] = p) : p = e[12];
+  const f = String(t);
   let g;
-  e[13] !== p ? (g = /* @__PURE__ */ v("div", { className: "state-key-name", children: /* @__PURE__ */ v(we, { text: p }) }), e[13] = p, e[14] = g) : g = e[14];
+  e[13] !== f ? (g = /* @__PURE__ */ v("div", { className: "state-key-name", children: /* @__PURE__ */ v(Te, { text: f }) }), e[13] = f, e[14] = g) : g = e[14];
   let h;
   e[15] !== o.data ? (h = Object.keys(o.data), e[15] = o.data, e[16] = h) : h = e[16];
   let m;
-  e[17] !== h.length ? (m = /* @__PURE__ */ R("div", { className: "state-key-meta", children: [
+  e[17] !== h.length ? (m = /* @__PURE__ */ _("div", { className: "state-key-meta", children: [
     h.length,
     " items"
   ] }), e[17] = h.length, e[18] = m) : m = e[18];
   let b;
-  return e[19] !== t || e[20] !== s || e[21] !== d || e[22] !== f || e[23] !== g || e[24] !== m ? (b = /* @__PURE__ */ R("div", { ref: a, className: "state-key", title: t, "data-active": d, onClick: f, ...s, children: [
+  return e[19] !== t || e[20] !== s || e[21] !== d || e[22] !== p || e[23] !== g || e[24] !== m ? (b = /* @__PURE__ */ _("div", { ref: l, className: "state-key", title: t, "data-active": d, onClick: p, ...s, children: [
     g,
     m
-  ] }), e[19] = t, e[20] = s, e[21] = d, e[22] = f, e[23] = g, e[24] = m, e[25] = b) : b = e[25], b;
+  ] }), e[19] = t, e[20] = s, e[21] = d, e[22] = p, e[23] = g, e[24] = m, e[25] = b) : b = e[25], b;
 };
-function T() {
-  return T = Object.assign ? Object.assign.bind() : function(n) {
+function $() {
+  return $ = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var s in t) ({}).hasOwnProperty.call(t, s) && (n[s] = t[s]);
     }
     return n;
-  }, T.apply(null, arguments);
+  }, $.apply(null, arguments);
 }
-function _e(n, e) {
+function Oe(n, e) {
   if (n == null) return {};
   var t = {};
   for (var s in n) if ({}.hasOwnProperty.call(n, s)) {
@@ -599,8 +653,8 @@ function _e(n, e) {
   }
   return t;
 }
-var Ne = ["prefixCls", "className", "children", "mode", "visiable", "visible", "renderBar", "lineBar", "disable", "onDragEnd", "onDragging"];
-class U extends D.Component {
+var ke = ["prefixCls", "className", "children", "mode", "visiable", "visible", "renderBar", "lineBar", "disable", "onDragEnd", "onDragging"];
+class B extends R.Component {
   constructor(e) {
     super(e), this.state = {
       dragging: !1
@@ -615,8 +669,8 @@ class U extends D.Component {
   onMouseDown(e, t) {
     if (!(!t.target || !this.warpper)) {
       this.paneNumber = e, this.startX = t.clientX, this.startY = t.clientY, this.move = !0, this.target = t.target.parentNode;
-      var s = this.target.previousElementSibling, r = this.target.nextElementSibling;
-      this.boxWidth = this.warpper.clientWidth, this.boxHeight = this.warpper.clientHeight, s && (this.preWidth = s.clientWidth, this.preHeight = s.clientHeight), r && (this.nextWidth = r.clientWidth, this.nextHeight = r.clientHeight), window.addEventListener("mousemove", this.onDragging), window.addEventListener("mouseup", this.onDragEnd, !1), this.setState({
+      var s = this.target.previousElementSibling, i = this.target.nextElementSibling;
+      this.boxWidth = this.warpper.clientWidth, this.boxHeight = this.warpper.clientHeight, s && (this.preWidth = s.clientWidth, this.preHeight = s.clientHeight), i && (this.nextWidth = i.clientWidth, this.nextHeight = i.clientHeight), window.addEventListener("mousemove", this.onDragging), window.addEventListener("mouseup", this.onDragEnd, !1), this.setState({
         dragging: !0
       });
     }
@@ -629,16 +683,16 @@ class U extends D.Component {
       var {
         mode: t,
         onDragging: s
-      } = this.props, r = this.target.nextElementSibling, i = this.target.previousElementSibling, l = e.clientX - this.startX, o = e.clientY - this.startY;
+      } = this.props, i = this.target.nextElementSibling, r = this.target.previousElementSibling, a = e.clientX - this.startX, o = e.clientY - this.startY;
       if (this.preSize = 0, this.nextSize = 0, t === "horizontal") {
-        if (this.preSize = this.preWidth + l > -1 ? this.preWidth + l : 0, this.nextSize = this.nextWidth - l > -1 ? this.nextWidth - l : 0, this.preSize === 0 || this.nextSize === 0)
+        if (this.preSize = this.preWidth + a > -1 ? this.preWidth + a : 0, this.nextSize = this.nextWidth - a > -1 ? this.nextWidth - a : 0, this.preSize === 0 || this.nextSize === 0)
           return;
-        this.preSize = (this.preSize / this.boxWidth >= 1 ? 1 : this.preSize / this.boxWidth) * 100, this.nextSize = (this.nextSize / this.boxWidth >= 1 ? 1 : this.nextSize / this.boxWidth) * 100, i && r && (i.style.width = this.preSize + "%", r.style.width = this.nextSize + "%");
+        this.preSize = (this.preSize / this.boxWidth >= 1 ? 1 : this.preSize / this.boxWidth) * 100, this.nextSize = (this.nextSize / this.boxWidth >= 1 ? 1 : this.nextSize / this.boxWidth) * 100, r && i && (r.style.width = this.preSize + "%", i.style.width = this.nextSize + "%");
       }
       if (t === "vertical" && this.preHeight + o > -1 && this.nextHeight - o > -1) {
         if (this.preSize = this.preHeight + o > -1 ? this.preHeight + o : 0, this.nextSize = this.nextHeight - o > -1 ? this.nextHeight - o : 0, this.preSize = (this.preSize / this.boxHeight >= 1 ? 1 : this.preSize / this.boxHeight) * 100, this.nextSize = (this.nextSize / this.boxHeight >= 1 ? 1 : this.nextSize / this.boxHeight) * 100, this.preSize === 0 || this.nextSize === 0)
           return;
-        i && r && (i.style.height = this.preSize + "%", r.style.height = this.nextSize + "%");
+        r && i && (r.style.height = this.preSize + "%", i.style.height = this.nextSize + "%");
       }
       s && s(this.preSize, this.nextSize, this.paneNumber);
     }
@@ -654,148 +708,148 @@ class U extends D.Component {
   render() {
     var e, t = this.props, {
       prefixCls: s,
-      className: r,
-      children: i,
-      mode: l,
+      className: i,
+      children: r,
+      mode: a,
       visible: o = (e = this.props.visible) != null ? e : this.props.visiable,
-      renderBar: a,
+      renderBar: l,
       lineBar: u,
       disable: c
-    } = t, d = _e(t, Ne), {
-      dragging: f
-    } = this.state, p = [s, r, s + "-" + l, f ? "dragging" : null].filter(Boolean).join(" ").trim(), g = D.Children.toArray(i);
-    return /* @__PURE__ */ v("div", T({
-      className: p
+    } = t, d = Oe(t, ke), {
+      dragging: p
+    } = this.state, f = [s, i, s + "-" + a, p ? "dragging" : null].filter(Boolean).join(" ").trim(), g = R.Children.toArray(r);
+    return /* @__PURE__ */ v("div", $({
+      className: f
     }, d, {
       ref: (h) => this.warpper = h,
-      children: D.Children.map(g, (h, m) => {
+      children: R.Children.map(g, (h, m) => {
         var b = Object.assign({}, h.props, {
           className: [s + "-pane", h.props.className].filter(Boolean).join(" ").trim(),
-          style: T({}, h.props.style)
+          style: $({}, h.props.style)
         }), S = o === !0 || o && o.includes(m + 1) || !1, E = {
           className: [s + "-bar", u ? s + "-line-bar" : null, u ? null : s + "-large-bar"].filter(Boolean).join(" ").trim()
         };
         (c === !0 || c && c.includes(m + 1)) && (E.className = [E.className, c ? "disable" : null].filter(Boolean).join(" ").trim());
         var C = null;
-        return m !== 0 && S && a ? C = a(T({}, E, {
+        return m !== 0 && S && l ? C = l($({}, E, {
           onMouseDown: this.onMouseDown.bind(this, m + 1)
-        })) : m !== 0 && S && (C = /* @__PURE__ */ D.createElement("div", T({}, E), /* @__PURE__ */ v("div", {
+        })) : m !== 0 && S && (C = /* @__PURE__ */ R.createElement("div", $({}, E), /* @__PURE__ */ v("div", {
           onMouseDown: this.onMouseDown.bind(this, m + 1)
-        }))), /* @__PURE__ */ R(D.Fragment, {
-          children: [C, /* @__PURE__ */ D.cloneElement(h, T({}, b))]
+        }))), /* @__PURE__ */ _(R.Fragment, {
+          children: [C, /* @__PURE__ */ R.cloneElement(h, $({}, b))]
         }, m);
       })
     }));
   }
 }
-U.defaultProps = {
+B.defaultProps = {
   prefixCls: "w-split",
   visiable: !0,
   mode: "horizontal"
 };
-const L = k.cache, De = (n) => {
-  const e = y.c(27), {
+const M = j.cache, He = (n) => {
+  const e = N.c(27), {
     Component: t
-  } = n, [s, r] = N(Te), [i, l] = N(""), [o, a] = N("");
+  } = n, [s, i] = D(je), [r, a] = D(""), [o, l] = D("");
   let u, c;
   e[0] === Symbol.for("react.memo_cache_sentinel") ? (u = () => {
-    const _ = setInterval(() => {
-      r(ze);
+    const y = setInterval(() => {
+      i(Le);
     }, 50);
-    return () => clearInterval(_);
-  }, c = [L], e[0] = u, e[1] = c) : (u = e[0], c = e[1]), w(u, c);
+    return () => clearInterval(y);
+  }, c = [M], e[0] = u, e[1] = c) : (u = e[0], c = e[1]), w(u, c);
   let d;
-  e[2] !== i ? (d = i.toLowerCase().split(" "), e[2] = i, e[3] = d) : d = e[3];
-  const f = d;
-  let p;
-  e[4] !== f ? (p = (_) => {
-    const W = _.toLowerCase();
-    return f.every((Z) => W.includes(Z));
-  }, e[4] = f, e[5] = p) : p = e[5];
-  const g = p;
+  e[2] !== r ? (d = r.toLowerCase().split(" "), e[2] = r, e[3] = d) : d = e[3];
+  const p = d;
+  let f;
+  e[4] !== p ? (f = (y) => {
+    const L = y.toLowerCase();
+    return p.every((se) => L.includes(se));
+  }, e[4] = p, e[5] = f) : f = e[5];
+  const g = f;
   let h;
-  e[6] === Symbol.for("react.memo_cache_sentinel") ? (h = (_) => l(_.target.value), e[6] = h) : h = e[6];
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (h = (y) => a(y.target.value), e[6] = h) : h = e[6];
   let m;
-  e[7] !== i ? (m = /* @__PURE__ */ v("input", { placeholder: "Type to Filter ...", className: "state-filter", value: i, onChange: h }), e[7] = i, e[8] = m) : m = e[8];
+  e[7] !== r ? (m = /* @__PURE__ */ v("input", { placeholder: "Type to Filter ...", className: "state-filter", value: r, onChange: h }), e[7] = r, e[8] = m) : m = e[8];
   let b;
   if (e[9] !== s || e[10] !== g || e[11] !== o) {
-    let _;
-    e[13] !== o ? (_ = (W) => /* @__PURE__ */ v(ye, { selectedKey: o, setKey: a, currentKey: W }, W), e[13] = o, e[14] = _) : _ = e[14], b = s.map(xe).filter($e).filter(g).map(_), e[9] = s, e[10] = g, e[11] = o, e[12] = b;
+    let y;
+    e[13] !== o ? (y = (L) => /* @__PURE__ */ v(ze, { selectedKey: o, setKey: l, currentKey: L }, L), e[13] = o, e[14] = y) : y = e[14], b = s.map(Ie).filter(Me).filter(g).map(y), e[9] = s, e[10] = g, e[11] = o, e[12] = b;
   } else
     b = e[12];
   let S;
-  e[15] !== i || e[16] !== b ? (S = /* @__PURE__ */ v(Ce, { highlight: i, children: b }), e[15] = i, e[16] = b, e[17] = S) : S = e[17];
+  e[15] !== r || e[16] !== b ? (S = /* @__PURE__ */ v(xe, { highlight: r, children: b }), e[15] = r, e[16] = b, e[17] = S) : S = e[17];
   let E;
-  e[18] !== m || e[19] !== S ? (E = /* @__PURE__ */ R("div", { className: "state-list", children: [
+  e[18] !== m || e[19] !== S ? (E = /* @__PURE__ */ _("div", { className: "state-list", children: [
     m,
     S
   ] }), e[18] = m, e[19] = S, e[20] = E) : E = e[20];
   let C;
-  e[21] !== t || e[22] !== o ? (C = /* @__PURE__ */ v("div", { className: "state-view", children: /* @__PURE__ */ v(Re, { dataKey: o, Component: t }, o) }), e[21] = t, e[22] = o, e[23] = C) : C = e[23];
-  let O;
-  return e[24] !== C || e[25] !== E ? (O = /* @__PURE__ */ R(U, { mode: "horizontal", className: "main-panel", children: [
+  e[21] !== t || e[22] !== o ? (C = /* @__PURE__ */ v("div", { className: "state-view", children: /* @__PURE__ */ v(We, { dataKey: o, Component: t }, o) }), e[21] = t, e[22] = o, e[23] = C) : C = e[23];
+  let k;
+  return e[24] !== C || e[25] !== E ? (k = /* @__PURE__ */ _(B, { mode: "horizontal", className: "main-panel", children: [
     E,
     C
-  ] }), e[24] = C, e[25] = E, e[26] = O) : O = e[26], O;
-}, Re = (n) => {
-  const e = y.c(11), {
+  ] }), e[24] = C, e[25] = E, e[26] = k) : k = e[26], k;
+}, We = (n) => {
+  const e = N.c(11), {
     dataKey: t,
     Component: s
-  } = n, r = s === void 0 ? Q : s;
-  let i;
-  e[0] !== t ? (i = k(t), e[0] = t, e[1] = i) : i = e[1];
-  const l = i, o = l?.data;
-  let a;
-  e[2] !== o ? (a = {
+  } = n, i = s === void 0 ? te : s;
+  let r;
+  e[0] !== t ? (r = j(t), e[0] = t, e[1] = r) : r = e[1];
+  const a = r, o = a?.data;
+  let l;
+  e[2] !== o ? (l = {
     ...o
-  }, e[2] = o, e[3] = a) : a = e[3];
-  const [u, c] = N(a);
-  let d, f;
-  e[4] !== l ? (d = () => {
-    const g = H(c, 5);
-    return l.subscribeAll((h, m) => g({
+  }, e[2] = o, e[3] = l) : l = e[3];
+  const [u, c] = D(l);
+  let d, p;
+  e[4] !== a ? (d = () => {
+    const g = O(c, 5);
+    return a.subscribeAll((h, m) => g({
       ...m
     }));
-  }, f = [l], e[4] = l, e[5] = d, e[6] = f) : (d = e[5], f = e[6]), w(d, f);
-  let p;
-  return e[7] !== r || e[8] !== u || e[9] !== t ? (p = /* @__PURE__ */ v(r, { value: u, name: t }), e[7] = r, e[8] = u, e[9] = t, e[10] = p) : p = e[10], p;
+  }, p = [a], e[4] = a, e[5] = d, e[6] = p) : (d = e[5], p = e[6]), w(d, p);
+  let f;
+  return e[7] !== i || e[8] !== u || e[9] !== t ? (f = /* @__PURE__ */ v(i, { value: u, name: t }), e[7] = i, e[8] = u, e[9] = t, e[10] = f) : f = e[10], f;
 };
-function Te() {
-  return [...L.keys()];
+function je() {
+  return [...M.keys()];
 }
-function ze(n) {
-  return n.length != L.size ? [...L.keys()] : n;
+function Le(n) {
+  return n.length != M.size ? [...M.keys()] : n;
 }
-function xe(n) {
+function Ie(n) {
   return JSON.parse(n)?.[0];
 }
-function $e(n) {
+function Me(n) {
   return n != "auto-ctx" && n;
 }
-const Be = (n) => {
-  const e = y.c(29);
-  let t, s, r;
+const Ye = (n) => {
+  const e = N.c(29);
+  let t, s, i;
   e[0] !== n ? ({
     toggleButton: s,
-    Component: r,
+    Component: i,
     ...t
-  } = n, e[0] = n, e[1] = t, e[2] = s, e[3] = r) : (t = e[1], s = e[2], r = e[3]);
-  const i = r === void 0 ? Q : r, [l, o] = N(!1);
-  let a;
-  e[4] === Symbol.for("react.memo_cache_sentinel") ? (a = () => o(!0), e[4] = a) : a = e[4];
+  } = n, e[0] = n, e[1] = t, e[2] = s, e[3] = i) : (t = e[1], s = e[2], i = e[3]);
+  const r = i === void 0 ? te : i, [a, o] = D(!1);
+  let l;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (l = () => o(!0), e[4] = l) : l = e[4];
   const u = t?.children ?? "Toggle Dev Tool";
   let c;
-  e[5] !== l || e[6] !== t || e[7] !== u ? (c = /* @__PURE__ */ v("button", { className: "react-state-dev-btn", "data-active": l, onClick: a, ...t, children: u }), e[5] = l, e[6] = t, e[7] = u, e[8] = c) : c = e[8];
+  e[5] !== a || e[6] !== t || e[7] !== u ? (c = /* @__PURE__ */ v("button", { className: "react-state-dev-btn", "data-active": a, onClick: l, ...t, children: u }), e[5] = a, e[6] = t, e[7] = u, e[8] = c) : c = e[8];
   let d;
   e[9] === Symbol.for("react.memo_cache_sentinel") ? (d = {
     height: "100%"
   }, e[9] = d) : d = e[9];
-  const f = l ? "66.66%" : "100%";
-  let p;
-  e[10] !== f ? (p = /* @__PURE__ */ v("div", { style: {
-    height: f
-  } }), e[10] = f, e[11] = p) : p = e[11];
-  const g = l ? "33.33%" : "0";
+  const p = a ? "66.66%" : "100%";
+  let f;
+  e[10] !== p ? (f = /* @__PURE__ */ v("div", { style: {
+    height: p
+  } }), e[10] = p, e[11] = f) : f = e[11];
+  const g = a ? "33.33%" : "0";
   let h;
   e[12] !== g ? (h = {
     height: g,
@@ -803,41 +857,43 @@ const Be = (n) => {
     position: "relative"
   }, e[12] = g, e[13] = h) : h = e[13];
   let m;
-  e[14] !== l ? (m = l && /* @__PURE__ */ v("button", { className: "close-btn", onClick: () => o(!1), children: "[x]" }), e[14] = l, e[15] = m) : m = e[15];
+  e[14] !== a ? (m = a && /* @__PURE__ */ v("button", { className: "close-btn", onClick: () => o(!1), children: "[x]" }), e[14] = a, e[15] = m) : m = e[15];
   let b;
-  e[16] !== i || e[17] !== l ? (b = l && /* @__PURE__ */ v(De, { Component: i }), e[16] = i, e[17] = l, e[18] = b) : b = e[18];
+  e[16] !== r || e[17] !== a ? (b = a && /* @__PURE__ */ v(He, { Component: r }), e[16] = r, e[17] = a, e[18] = b) : b = e[18];
   let S;
-  e[19] !== h || e[20] !== m || e[21] !== b ? (S = /* @__PURE__ */ R("div", { className: "react-state-dev-panel", style: h, children: [
+  e[19] !== h || e[20] !== m || e[21] !== b ? (S = /* @__PURE__ */ _("div", { className: "react-state-dev-panel", style: h, children: [
     m,
     b
   ] }), e[19] = h, e[20] = m, e[21] = b, e[22] = S) : S = e[22];
   let E;
-  e[23] !== S || e[24] !== p ? (E = /* @__PURE__ */ v("div", { className: "react-state-dev-container", children: /* @__PURE__ */ R(U, { mode: "vertical", style: d, children: [
-    p,
+  e[23] !== S || e[24] !== f ? (E = /* @__PURE__ */ v("div", { className: "react-state-dev-container", children: /* @__PURE__ */ _(B, { mode: "vertical", style: d, children: [
+    f,
     S
-  ] }) }), e[23] = S, e[24] = p, e[25] = E) : E = e[25];
+  ] }) }), e[23] = S, e[24] = f, e[25] = E) : E = e[25];
   let C;
-  return e[26] !== E || e[27] !== c ? (C = /* @__PURE__ */ R($, { children: [
+  return e[26] !== E || e[27] !== c ? (C = /* @__PURE__ */ _(z, { children: [
     c,
     E
   ] }), e[26] = E, e[27] = c, e[28] = C) : C = e[28], C;
 };
 export {
-  Ke as AutoRootCtx,
-  ce as Context,
-  Be as DevToolContainer,
-  Me as createAutoCtx,
-  Ae as createRootCtx,
-  k as getContext,
-  J as paramsToId,
-  ae as useArrayChangeId,
-  z as useDataContext,
-  ke as useDataSource,
-  q as useDataSourceMultiple,
-  ue as useDataSubscribe,
-  je as useDataSubscribeMultiple,
-  Le as useDataSubscribeMultipleWithDebounce,
-  We as useDataSubscribeWithTransform,
-  Ue as useQuickSubscribe
+  Ne as AutoRootCtx,
+  pe as Context,
+  Ye as DevToolContainer,
+  Ge as StateScopeProvider,
+  ye as createAutoCtx,
+  Se as createRootCtx,
+  Fe as createStore,
+  j as getContext,
+  Z as paramsToId,
+  he as useArrayChangeId,
+  T as useDataContext,
+  Ke as useDataSource,
+  Q as useDataSourceMultiple,
+  fe as useDataSubscribe,
+  Be as useDataSubscribeMultiple,
+  Pe as useDataSubscribeMultipleWithDebounce,
+  Ue as useDataSubscribeWithTransform,
+  Ee as useQuickSubscribe
 };
 //# sourceMappingURL=index.es.js.map