react-state-custom 1.0.27 → 1.0.28

package/dist/index.es.js

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