react-state-custom 1.0.30 → 1.0.32

package/dist/index.es.js

@@ -49,22 +49,22 @@ var I;
 function re() {
   return I || (I = 1, process.env.NODE_ENV === "production" ? j.exports = ne() : j.exports = ie()), j.exports;
 }
-var _ = re();
+var y = re();
 function H(n, e) {
-  let t = null, s = function(...r) {
+  let t = null, s = function(...o) {
     t && clearTimeout(t), t = setTimeout(() => {
-      n(...r);
+      n(...o);
     }, e);
   };
   return s.cancel = () => clearTimeout(t), s;
 }
 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 o = JSON.stringify(s);
+    if (e.has(o))
+      return e.get(o);
     const i = n(...s);
-    return e.set(r, i), i;
+    return e.set(o, i), i;
   };
   return t.cache = e, t;
 }
@@ -74,7 +74,7 @@ const F = () => Math.random().toString().slice(2), ae = (n) => {
     id: F()
   });
   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;
+  return t = t || !n != !e.current.values, t = t || n?.length != e.current.values?.length, t = t || n?.some((s, o) => s != e.current.values[o]), t && (e.current.values = n, e.current.id = F()), e.current.id;
 }, M = "@--change-event";
 class le extends Event {
   constructor(e, t) {
@@ -123,7 +123,7 @@ class ce extends EventTarget {
    */
   subscribe(e, t) {
     const s = ({
-      event: r,
+      event: o,
       value: i
     }) => {
       t(i);
@@ -134,9 +134,9 @@ class ce extends EventTarget {
     const t = (s) => {
       if (s instanceof G) {
         const {
-          value: r
+          value: o
         } = s;
-        e(r.event, this.data);
+        e(o.event, this.data);
       }
     };
     return this.addEventListener(String(M), t), () => this.removeEventListener(String(M), t);
@@ -150,71 +150,71 @@ const k = oe((n) => new ce(n)), z = (n = "noname") => {
     }, 100);
   }), [e]), e;
 }, Y = (n, ...e) => {
-  const t = _.c(6), s = e;
+  const t = y.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 o;
+  t[0] !== n || t[1] !== s ? (o = () => {
     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];
+  }, t[0] = n, t[1] = s, t[2] = o) : o = 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 = () => {
+  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(o, i);
+}, Le = (n, e, t) => {
+  const s = y.c(5);
+  let o, i;
+  s[0] !== n || s[1] !== e || s[2] !== t ? (o = () => {
     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);
+  }, i = [e, t, n], s[0] = n, s[1] = e, s[2] = t, s[3] = o, s[4] = i) : (o = s[3], i = s[4]), w(o, i), Y(n, e);
 }, ue = (n, e, t) => {
-  const s = _.c(11), r = t === void 0 ? 0 : t;
+  const s = y.c(11), o = 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
+    value: r
   } = l;
   let u;
-  s[3] !== n || s[4] !== r || s[5] !== e || s[6] !== o ? (u = () => {
+  s[3] !== n || s[4] !== o || s[5] !== e || s[6] !== r ? (u = () => {
     if (n) {
-      const d = r == 0 ? (m) => a({
-        value: m
-      }) : H((m) => a({
-        value: m
-      }), r), f = n.subscribe(e, d);
-      return o != n.data[e] && a({
+      const d = o == 0 ? (p) => a({
+        value: p
+      }) : H((p) => a({
+        value: p
+      }), o), f = n.subscribe(e, d);
+      return r != n.data[e] && a({
         value: n.data[e]
       }), () => {
         f();
       };
     }
-  }, s[3] = n, s[4] = r, s[5] = e, s[6] = o, s[7] = u) : u = s[7];
+  }, s[3] = n, s[4] = o, s[5] = e, s[6] = r, 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]]);
+}, Ae = (n, e, t) => {
+  const [, s] = N(0), o = 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));
+      let i = o, l = () => {
+        let r = t(n.data[e]);
+        r != i && (i = r, s((u) => u + 1));
       }, a = n.subscribe(e, l);
       return l(), () => a();
     }
-  }, [e, n]), r;
+  }, [e, n]), o;
 }, 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);
+}, Ke = (n, ...e) => {
+  const t = y.c(18), s = e, [, o] = N(0);
   let i;
   if (t[0] !== n?.data || t[1] !== s) {
     let c;
@@ -223,20 +223,20 @@ const k = oe((n) => new ce(n)), z = (n = "noname") => {
     i = t[2];
   const l = i;
   let a;
-  t[5] !== n || t[6] !== s || t[7] !== l || t[8] !== r ? (a = () => {
+  t[5] !== n || t[6] !== s || t[7] !== l || t[8] !== o ? (a = () => {
     if (n) {
       let c = l;
       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);
+        s.some((h, m) => c[m] != g[m]) && (c = g, o(he));
+      }, 1), f = s.map((g) => n.subscribe(g, d)), p = setTimeout(d, 1);
       return () => {
-        clearTimeout(m), d.cancel(), f.forEach(de);
+        clearTimeout(p), d.cancel(), f.forEach(de);
       };
     }
-  }, t[5] = n, t[6] = s, t[7] = l, t[8] = r, t[9] = a) : a = t[9];
-  let 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);
+  }, t[5] = n, t[6] = s, t[7] = l, t[8] = o, t[9] = a) : a = t[9];
+  let r;
+  t[10] !== n || t[11] !== s ? (r = [n, ...s], t[10] = n, t[11] = s, t[12] = r) : r = t[12], w(a, r);
   let u;
   if (t[13] !== s || t[14] !== l) {
     let c;
@@ -244,30 +244,30 @@ const k = oe((n) => new ce(n)), z = (n = "noname") => {
   } else
     u = t[15];
   return u;
-}, Le = (n, e, ...t) => {
-  const s = _.c(14), r = e === void 0 ? 50 : e, i = t, [, l] = N(0);
+}, Me = (n, e, ...t) => {
+  const s = y.c(14), o = e === void 0 ? 50 : e, i = t, [, l] = N(0);
   let a;
   if (s[0] !== n?.data || s[1] !== i) {
     let d;
     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
     a = s[2];
-  const o = a;
+  const r = a;
   let u;
-  s[5] !== n || s[6] !== r || s[7] !== i || s[8] !== o || s[9] !== l ? (u = () => {
+  s[5] !== n || s[6] !== o || s[7] !== i || s[8] !== r || s[9] !== l ? (u = () => {
     if (n) {
-      let d = o;
+      let d = r;
       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);
+        const h = i.map((m) => n?.data?.[m]);
+        i.some((m, b) => d[b] != h[b]) && (d = h, l(fe));
+      }, o), p = i.map((h) => n.subscribe(h, f)), g = setTimeout(f, 1);
       return () => {
-        clearTimeout(g), f.cancel(), m.forEach(pe);
+        clearTimeout(g), f.cancel(), p.forEach(pe);
       };
     }
-  }, s[5] = n, s[6] = r, s[7] = i, s[8] = o, s[9] = l, s[10] = u) : u = s[10];
+  }, s[5] = n, s[6] = o, s[7] = i, s[8] = r, s[9] = l, 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), 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), r;
 };
 function he(n) {
   return n + 1;
@@ -286,294 +286,309 @@ const J = (n = void 0) => Object.keys(n ?? {}).sort().map((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 = (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 g;
-    o[1] !== u ? (g = Object.entries(u), o[1] = u, o[2] = g) : g = o[2], q(d, ...g);
+}).join("&"), me = (n, e) => {
+  const t = (a) => [n, J(a)].filter(Boolean).join("?"), s = /* @__PURE__ */ new Set(), o = (a) => {
+    const r = y.c(7), u = t(a), c = z(u);
+    let d;
+    r[0] !== c.data ? (d = {
+      ...c.data
+    }, r[0] = c.data, r[1] = d) : d = r[1];
+    const f = e(a, d);
+    let p;
+    r[2] === Symbol.for("react.memo_cache_sentinel") ? (p = new Error(), r[2] = p) : p = r[2];
+    const g = p.stack;
     let h;
-    return o[3] !== c ? (h = () => {
-      if (s.has(c)) {
-        const p = new Error("RootContext " + c + " are mounted more than once");
-        throw p.stack = m, p;
+    r[3] !== f ? (h = Object.entries(f), r[3] = f, r[4] = h) : h = r[4], q(c, ...h);
+    let m;
+    return r[5] !== u ? (m = () => {
+      if (s.has(u)) {
+        const b = new Error("RootContext " + u + " are mounted more than once");
+        throw b.stack = g, b;
       }
-      return s.add(c), () => {
-        s.delete(c);
+      return s.add(u), () => {
+        s.delete(u);
       };
-    }, o[3] = c, o[4] = h) : h = o[4], w(h), u;
+    }, r[5] = u, r[6] = m) : m = r[6], w(m), f;
   }, i = (a) => {
-    const o = _.c(1);
+    const r = y.c(1);
     let u;
-    return o[0] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ v($, {}), o[0] = u) : u = o[0], u;
+    return r[0] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ v($, {}), r[0] = u) : u = r[0], u;
   }, l = (a) => {
-    const o = _.c(3), u = r(a);
+    const r = y.c(3), u = o(a);
     let 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 r[0] !== a || r[1] !== u ? (c = /* @__PURE__ */ v(i, { ...a, ...u }), r[0] = a, r[1] = u, r[2] = c) : c = r[2], c;
   };
-  return r.displayName = `useState[${n}]`, l.displayName = `StateContainer[${n}]`, i.displayName = `Debug[${n}]`, {
+  return o.displayName = `useState[${n}]`, l.displayName = `StateContainer[${n}]`, i.displayName = `Debug[${n}]`, {
     name: n,
     getCtxName: t,
-    useRootState: r,
+    useRootState: o,
     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: (a) => {
-      const o = t(a), u = x(() => new Error().stack, []);
+      const r = t(a), u = x(() => new Error().stack, []);
       return w(() => {
-        if (!s.has(o)) {
-          const c = new Error("RootContext [" + o + "] is not mounted");
+        if (!s.has(r)) {
+          const c = new Error("RootContext [" + r + "] is not mounted");
           throw c.stack = u, c;
         }
-      }, [o]), z(o);
+      }, [r]), z(r);
     },
     /**
      * 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: (a) => {
-      const o = t(a), u = x(() => new Error().stack, []);
+      const r = t(a), u = x(() => new Error().stack, []);
       return w(() => {
-        if (!s.has(o)) {
-          const c = new Error("RootContext [" + o + "] is not mounted");
+        if (!s.has(r)) {
+          const c = new Error("RootContext [" + r + "] is not mounted");
           c.stack = u;
           let d = setTimeout(() => console.error(c), 1e3);
           return () => clearTimeout(d);
         }
-      }, [s.has(o)]), z(o);
+      }, [s.has(r)]), z(r);
     }
   };
-}, me = (n) => {
-  const e = _.c(1);
+}, ge = (n) => {
+  const [, e] = N(0), {
+    proxy: t,
+    finalGetter: s,
+    openGetter: o,
+    clean: i
+  } = x(() => {
+    const l = /* @__PURE__ */ new Set(), a = {}, r = /* @__PURE__ */ new Map(), u = new Proxy(n?.data, {
+      get(h, m) {
+        if (c)
+          return l.add(m), a[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) => a[h] != n?.data?.[h]) && e((h) => h + 1);
+    }, 0), f = () => {
+      c = !0, l.clear();
+    }, p = () => {
+      c = !1, [...l.values()].filter((h) => !r.has(h)).forEach((h) => {
+        r.set(h, n?.subscribe(h, d));
+      }), [...r.keys()].filter((h) => !l.has(h)).forEach((h) => {
+        r.get(h)?.(), r.delete(h);
+      });
+    };
+    return {
+      proxy: u,
+      finalGetter: p,
+      openGetter: f,
+      clean: () => {
+        f(), p(), e((h) => h + 1);
+      }
+    };
+  }, [n]);
+  return o(), setTimeout(s, 0), w(() => () => i(), [i]), t;
+}, ve = (n) => {
+  const e = y.c(1);
   let t;
   return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ v($, {}), e[0] = t) : t = e[0], t;
-}, ge = ({
+}, be = ({
   useStateFn: n,
   params: e,
   debugging: t
 }) => {
   const s = n(e);
-  return t ? /* @__PURE__ */ v(me, { ...s }) : /* @__PURE__ */ v($, {});
-}, Ke = ({
+  return t ? /* @__PURE__ */ v(ve, { ...s }) : /* @__PURE__ */ v($, {});
+}, Ue = ({
   Wrapper: n = te,
   debugging: e = !1
 }) => {
-  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] ?? {
-          useStateFn: o,
-          params: u
+  const t = z("auto-ctx"), [s, o] = N({}), i = ee((a, r, u, c = 0, d = void 0) => {
+    const f = [a, J(u)].filter(Boolean).join("?");
+    return o((p) => ({
+      ...p,
+      [f]: {
+        ...p[f] ?? {
+          useStateFn: r,
+          params: u,
+          AttatchedComponent: d
         },
-        counter: (f[d]?.counter ?? 0) + 1,
+        counter: (p[f]?.counter ?? 0) + 1,
         keepUntil: void 0,
-        useStateFn: o
+        useStateFn: r,
+        AttatchedComponent: d
       }
-    })), () => r(({
-      [d]: f,
-      ...m
+    })), () => o(({
+      [f]: p,
+      ...g
     }) => ({
-      ...m,
-      ...f?.counter > 1 || c > 0 ? {
-        [d]: {
-          ...f,
-          counter: f.counter - 1,
-          keepUntil: f.counter > 1 ? void 0 : Date.now() + c
+      ...g,
+      ...p?.counter > 1 || c > 0 ? {
+        [f]: {
+          ...p,
+          counter: p.counter - 1,
+          keepUntil: p.counter > 1 ? void 0 : Date.now() + c
         }
       } : {}
     }));
   }, []), l = x(() => Object.entries(s).filter(([, {
     counter: a,
-    keepUntil: o
-  }]) => a <= 0 && o).toSorted(([, {
+    keepUntil: r
+  }]) => a <= 0 && r).toSorted(([, {
     keepUntil: a = 0
   }], [, {
-    keepUntil: o = 0
-  }]) => a - o)?.at(0), [s]);
+    keepUntil: r = 0
+  }]) => a - r)?.at(0), [s]);
   return w(() => {
     if (l) {
       const [a, {
-        keepUntil: o
+        keepUntil: r
       }] = l;
-      if (typeof o > "u") throw new Error("Invalid state mgr");
+      if (typeof r > "u") throw new Error("Invalid state mgr");
       let u = setTimeout(() => {
-        r(({
+        o(({
           [a]: c,
           ...d
         }) => d);
-      }, Math.max(0, o - Date.now()));
+      }, Math.max(0, r - Date.now()));
       return () => {
         clearTimeout(u);
       };
     }
   }, [l]), q(t, ["subscribe", i], ["state", s]), /* @__PURE__ */ v($, { children: Object.entries(s).filter(([, {
     counter: a,
-    keepUntil: o = 0
-  }]) => a > 0 || o >= Date.now()).map(([a, {
-    useStateFn: o,
-    params: u
-  }]) => /* @__PURE__ */ v(n, { children: /* @__PURE__ */ v(ge, { params: u, useStateFn: o, debugging: e }, a) }, a)) });
-}, Me = ({
+    keepUntil: r = 0
+  }]) => a > 0 || r >= Date.now()).map(([a, {
+    useStateFn: r,
+    params: u,
+    AttatchedComponent: c
+  }]) => /* @__PURE__ */ R(n, { children: [
+    /* @__PURE__ */ v(be, { params: u, useStateFn: r, debugging: e }, a),
+    c && /* @__PURE__ */ v(c, { ...u }, "attatch_" + a)
+  ] }, a)) });
+}, Se = ({
   useRootState: n,
   getCtxName: e,
   name: t
-}, 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);
-  }
-}), Ue = (n) => {
-  const [, e] = N(0), {
-    proxy: t,
-    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(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 = 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, n?.subscribe(h, d));
-      }), [...o.keys()].filter((h) => !l.has(h)).forEach((h) => {
-        o.get(h)?.(), o.delete(h);
-      });
-    };
-    return {
-      proxy: u,
-      finalGetter: m,
-      openGetter: f,
-      clean: () => {
-        f(), m(), e((h) => h + 1);
-      }
-    };
-  }, [n]);
-  return r(), setTimeout(s, 0), w(() => () => i(), [i]), t;
-};
-function ve(n) {
-  const e = _.c(4);
+}, s = 0, o = void 0) => {
+  const i = (l) => {
+    const a = e(l), r = ue(z("auto-ctx"), "subscribe");
+    return w(() => r?.(t, n, l, s, o), [n, r, t, a, s, o]), z(a);
+  };
+  return {
+    useCtxState: i,
+    useStore: (l) => ge(i(l))
+  };
+}, Be = (n, e, t = 0, s = void 0) => Se(me(n, e), t, s);
+function Ee(n) {
+  const e = y.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 ? we(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 o;
+  return e[2] !== s ? (o = {
     highlight: s
-  }, e[2] = s, e[3] = r) : r = e[3], r;
+  }, e[2] = s, e[3] = o) : o = e[3], o;
 }
-function be(n) {
+function Ce(n) {
   return n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function Se(n, e = "gi") {
-  const t = n.map(be).join("|");
+function we(n, e = "gi") {
+  const t = n.map(Ce).join("|");
   return new RegExp(`(${t})`, e);
 }
-function Ce(n, e) {
+function ye(n, e) {
   const t = [];
   let s = 0;
-  for (const r of n.matchAll(e)) {
-    const [i] = r, l = r.index;
+  for (const o of n.matchAll(e)) {
+    const [i] = o, l = o.index;
     l > s && t.push(n.slice(s, l)), t.push(/* @__PURE__ */ v("mark", { children: i }, l)), s = l + i.length;
   }
   return s < n.length && t.push(n.slice(s)), t;
 }
 const X = D.createContext({
   highlight: void 0
-}), Ee = (n) => {
-  const e = _.c(3), {
+}), _e = (n) => {
+  const e = y.c(3), {
     children: t,
     highlight: s
-  } = n, r = ve(s);
+  } = n, o = Ee(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), {
+  return e[0] !== t || e[1] !== o ? (i = /* @__PURE__ */ v(X.Provider, { value: o, children: t }), e[0] = t, e[1] = o, e[2] = i) : i = e[2], i;
+}, Ne = (n) => {
+  const e = y.c(5), {
     text: t
   } = 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 o;
+  e[0] !== s || e[1] !== t ? (o = s ? ye(t, s) : t, e[0] = s, e[1] = t, e[2] = o) : o = e[2];
+  const i = o;
   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 = _.c(5), {
+  const e = y.c(5), {
     name: t,
     value: s
   } = n;
-  let r;
+  let o;
   try {
     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;
+    }, null, 2), e[0] = t, e[1] = s, e[2] = a) : a = e[2], o = a;
   } catch (a) {
-    r = String(a);
+    o = String(a);
   }
-  const i = r;
+  const i = o;
   let l;
   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;
+}, De = (n) => {
+  const e = y.c(26);
+  let t, s, o, i;
   if (e[0] !== n) {
     const {
       selectedKey: S,
-      setKey: C,
-      currentKey: E,
+      setKey: E,
+      currentKey: C,
       highlight: O,
-      ...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;
+    o = S, i = E, t = C, s = _, e[0] = n, e[1] = t, e[2] = s, e[3] = o, e[4] = i;
   } else
-    t = e[1], s = e[2], r = e[3], i = e[4];
+    t = e[1], s = e[2], o = e[3], i = e[4];
   let l;
   e[5] !== t ? (l = k(t), e[5] = t, e[6] = l) : l = e[6];
-  const a = l, o = P(void 0);
+  const a = l, r = P(void 0);
   let u, c;
   e[7] !== a ? (u = () => {
-    if (o.current) {
+    if (r.current) {
       const S = H(() => {
-        o.current && (o.current?.classList.add("state-key-updated"), requestAnimationFrame(() => o.current?.classList.remove("state-key-updated")));
+        r.current && (r.current?.classList.add("state-key-updated"), requestAnimationFrame(() => r.current?.classList.remove("state-key-updated")));
       }, 5);
       return a.subscribeAll(S);
     }
-  }, 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;
+  }, c = [a, r], e[7] = a, e[8] = u, e[9] = c) : (u = e[8], c = e[9]), w(u, c);
+  const d = t == o;
   let f;
   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);
+  const p = String(t);
   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];
+  e[13] !== p ? (g = /* @__PURE__ */ v("div", { className: "state-key-name", children: /* @__PURE__ */ v(Ne, { text: p }) }), e[13] = p, e[14] = g) : g = e[14];
   let h;
   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: [
+  let m;
+  e[17] !== h.length ? (m = /* @__PURE__ */ R("div", { className: "state-key-meta", children: [
     h.length,
     " items"
-  ] }), e[17] = h.length, e[18] = p) : p = e[18];
+  ] }), 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] !== p ? (b = /* @__PURE__ */ R("div", { ref: o, className: "state-key", title: t, "data-active": d, onClick: f, ...s, children: [
+  return e[19] !== t || e[20] !== s || e[21] !== d || e[22] !== f || e[23] !== g || e[24] !== m ? (b = /* @__PURE__ */ R("div", { ref: r, 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;
+    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;
 };
 function T() {
   return T = Object.assign ? Object.assign.bind() : function(n) {
@@ -584,7 +599,7 @@ function T() {
     return n;
   }, T.apply(null, arguments);
 }
-function ye(n, e) {
+function Re(n, e) {
   if (n == null) return {};
   var t = {};
   for (var s in n) if ({}.hasOwnProperty.call(n, s)) {
@@ -593,7 +608,7 @@ function ye(n, e) {
   }
   return t;
 }
-var Ne = ["prefixCls", "className", "children", "mode", "visiable", "visible", "renderBar", "lineBar", "disable", "onDragEnd", "onDragging"];
+var Te = ["prefixCls", "className", "children", "mode", "visiable", "visible", "renderBar", "lineBar", "disable", "onDragEnd", "onDragging"];
 class U extends D.Component {
   constructor(e) {
     super(e), this.state = {
@@ -609,8 +624,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, o = this.target.nextElementSibling;
+      this.boxWidth = this.warpper.clientWidth, this.boxHeight = this.warpper.clientHeight, s && (this.preWidth = s.clientWidth, this.preHeight = s.clientHeight), o && (this.nextWidth = o.clientWidth, this.nextHeight = o.clientHeight), window.addEventListener("mousemove", this.onDragging), window.addEventListener("mouseup", this.onDragEnd, !1), this.setState({
         dragging: !0
       });
     }
@@ -623,16 +638,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, a = e.clientY - this.startY;
+      } = this.props, o = 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 + "%");
+        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 && o && (i.style.width = this.preSize + "%", o.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 + "%");
+        i && o && (i.style.height = this.preSize + "%", o.style.height = this.nextSize + "%");
       }
       s && s(this.preSize, this.nextSize, this.paneNumber);
     }
@@ -648,36 +663,36 @@ class U extends D.Component {
   render() {
     var e, t = this.props, {
       prefixCls: s,
-      className: r,
+      className: o,
       children: i,
       mode: l,
       visible: a = (e = this.props.visible) != null ? e : this.props.visiable,
-      renderBar: o,
+      renderBar: r,
       lineBar: u,
       disable: c
-    } = t, d = ye(t, Ne), {
+    } = t, d = Re(t, Te), {
       dragging: f
-    } = this.state, m = [s, r, s + "-" + l, f ? "dragging" : null].filter(Boolean).join(" ").trim(), g = D.Children.toArray(i);
+    } = this.state, p = [s, o, s + "-" + l, f ? "dragging" : null].filter(Boolean).join(" ").trim(), g = D.Children.toArray(i);
     return /* @__PURE__ */ v("div", T({
-      className: m
+      className: p
     }, d, {
       ref: (h) => this.warpper = h,
-      children: D.Children.map(g, (h, p) => {
+      children: D.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)
-        }), S = a === !0 || a && a.includes(p + 1) || !1, C = {
+        }), S = a === !0 || a && a.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(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)
+        (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 && r ? C = r(T({}, E, {
+          onMouseDown: this.onMouseDown.bind(this, m + 1)
+        })) : m !== 0 && S && (C = /* @__PURE__ */ D.createElement("div", T({}, E), /* @__PURE__ */ v("div", {
+          onMouseDown: this.onMouseDown.bind(this, m + 1)
         }))), /* @__PURE__ */ R(D.Fragment, {
-          children: [E, /* @__PURE__ */ D.cloneElement(h, T({}, b))]
-        }, p);
+          children: [C, /* @__PURE__ */ D.cloneElement(h, T({}, b))]
+        }, m);
       })
     }));
   }
@@ -687,108 +702,108 @@ U.defaultProps = {
   visiable: !0,
   mode: "horizontal"
 };
-const L = k.cache, De = (n) => {
-  const e = _.c(27), {
+const L = k.cache, ze = (n) => {
+  const e = y.c(27), {
     Component: t
-  } = n, [s, r] = N(Te), [i, l] = N(""), [a, o] = N("");
+  } = n, [s, o] = N($e), [i, l] = N(""), [a, r] = N("");
   let u, c;
   e[0] === Symbol.for("react.memo_cache_sentinel") ? (u = () => {
-    const y = setInterval(() => {
-      r(ze);
+    const _ = setInterval(() => {
+      o(He);
     }, 50);
-    return () => clearInterval(y);
+    return () => clearInterval(_);
   }, c = [L], 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 m;
-  e[4] !== f ? (m = (y) => {
-    const W = y.toLowerCase();
+  let p;
+  e[4] !== f ? (p = (_) => {
+    const W = _.toLowerCase();
     return f.every((Z) => W.includes(Z));
-  }, e[4] = f, e[5] = m) : m = e[5];
-  const g = m;
+  }, e[4] = f, e[5] = p) : p = e[5];
+  const g = p;
   let h;
-  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];
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (h = (_) => l(_.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];
   let b;
   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;
+    let _;
+    e[13] !== a ? (_ = (W) => /* @__PURE__ */ v(De, { selectedKey: a, setKey: r, currentKey: W }, W), e[13] = a, e[14] = _) : _ = e[14], b = s.map(Oe).filter(ke).filter(g).map(_), e[9] = s, e[10] = g, e[11] = a, e[12] = b;
   } else
     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];
+  e[15] !== i || e[16] !== b ? (S = /* @__PURE__ */ v(_e, { highlight: i, children: b }), e[15] = i, e[16] = b, e[17] = S) : S = e[17];
   let E;
-  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];
+  e[18] !== m || e[19] !== S ? (E = /* @__PURE__ */ R("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] !== a ? (C = /* @__PURE__ */ v("div", { className: "state-view", children: /* @__PURE__ */ v(xe, { dataKey: a, Component: t }, a) }), e[21] = t, e[22] = a, e[23] = C) : C = e[23];
   let O;
-  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), {
+  return e[24] !== C || e[25] !== E ? (O = /* @__PURE__ */ R(U, { mode: "horizontal", className: "main-panel", children: [
+    E,
+    C
+  ] }), e[24] = C, e[25] = E, e[26] = O) : O = e[26], O;
+}, xe = (n) => {
+  const e = y.c(11), {
     dataKey: t,
     Component: s
-  } = n, r = s === void 0 ? Q : s;
+  } = n, o = 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] !== a ? (o = {
+  let r;
+  e[2] !== a ? (r = {
     ...a
-  }, e[2] = a, e[3] = o) : o = e[3];
-  const [u, c] = N(o);
+  }, e[2] = a, e[3] = r) : r = e[3];
+  const [u, c] = N(r);
   let d, f;
   e[4] !== l ? (d = () => {
     const g = H(c, 5);
-    return l.subscribeAll((h, p) => g({
-      ...p
+    return l.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 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;
+  let p;
+  return e[7] !== o || e[8] !== u || e[9] !== t ? (p = /* @__PURE__ */ v(o, { value: u, name: t }), e[7] = o, e[8] = u, e[9] = t, e[10] = p) : p = e[10], p;
 };
-function Te() {
+function $e() {
   return [...L.keys()];
 }
-function ze(n) {
+function He(n) {
   return n.length != L.size ? [...L.keys()] : n;
 }
-function xe(n) {
+function Oe(n) {
   return JSON.parse(n)?.[0];
 }
-function $e(n) {
+function ke(n) {
   return n != "auto-ctx" && n;
 }
-const Be = (n) => {
-  const e = _.c(29);
-  let t, s, r;
+const Ve = (n) => {
+  const e = y.c(29);
+  let t, s, o;
   e[0] !== n ? ({
     toggleButton: s,
-    Component: r,
+    Component: o,
     ...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, a] = N(!1);
-  let o;
-  e[4] === Symbol.for("react.memo_cache_sentinel") ? (o = () => a(!0), e[4] = o) : o = e[4];
+  } = n, e[0] = n, e[1] = t, e[2] = s, e[3] = o) : (t = e[1], s = e[2], o = e[3]);
+  const i = o === void 0 ? Q : o, [l, a] = N(!1);
+  let r;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (r = () => a(!0), e[4] = r) : r = 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];
+  e[5] !== l || e[6] !== t || e[7] !== u ? (c = /* @__PURE__ */ v("button", { className: "react-state-dev-btn", "data-active": l, onClick: r, ...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 = {
     height: "100%"
   }, e[9] = d) : d = e[9];
   const f = l ? "66.66%" : "100%";
-  let m;
-  e[10] !== f ? (m = /* @__PURE__ */ v("div", { style: {
+  let p;
+  e[10] !== f ? (p = /* @__PURE__ */ v("div", { style: {
     height: f
-  } }), e[10] = f, e[11] = m) : m = e[11];
+  } }), e[10] = f, e[11] = p) : p = e[11];
   const g = l ? "33.33%" : "0";
   let h;
   e[12] !== g ? (h = {
@@ -796,41 +811,43 @@ const Be = (n) => {
     backgroundColor: "var(--rs-bg-color)",
     position: "relative"
   }, e[12] = g, e[13] = h) : h = e[13];
-  let p;
-  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 m;
+  e[14] !== l ? (m = l && /* @__PURE__ */ v("button", { className: "close-btn", onClick: () => a(!1), children: "[x]" }), e[14] = l, 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] !== i || e[17] !== l ? (b = l && /* @__PURE__ */ v(ze, { 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: [
+  e[19] !== h || e[20] !== m || e[21] !== b ? (S = /* @__PURE__ */ R("div", { className: "react-state-dev-panel", style: h, children: [
     m,
-    S
-  ] }) }), e[23] = S, e[24] = m, e[25] = C) : C = e[25];
+    b
+  ] }), e[19] = h, e[20] = m, e[21] = b, e[22] = S) : S = e[22];
   let E;
-  return e[26] !== C || e[27] !== c ? (E = /* @__PURE__ */ R($, { children: [
+  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,
+    S
+  ] }) }), e[23] = S, e[24] = p, e[25] = E) : E = e[25];
+  let C;
+  return e[26] !== E || e[27] !== c ? (C = /* @__PURE__ */ R($, { children: [
     c,
-    C
-  ] }), e[26] = C, e[27] = c, e[28] = E) : E = e[28], E;
+    E
+  ] }), e[26] = E, e[27] = c, e[28] = C) : C = e[28], C;
 };
 export {
-  Ke as AutoRootCtx,
+  Ue as AutoRootCtx,
   ce as Context,
-  Be as DevToolContainer,
-  Me as createAutoCtx,
-  Ae as createRootCtx,
+  Ve as DevToolContainer,
+  Se as createAutoCtx,
+  me as createRootCtx,
+  Be as createStore,
   k as getContext,
+  J as paramsToId,
   ae as useArrayChangeId,
   z as useDataContext,
-  ke as useDataSource,
+  Le as useDataSource,
   q as useDataSourceMultiple,
   ue as useDataSubscribe,
-  je as useDataSubscribeMultiple,
-  Le as useDataSubscribeMultipleWithDebounce,
-  We as useDataSubscribeWithTransform,
-  Ue as useQuickSubscribe
+  Ke as useDataSubscribeMultiple,
+  Me as useDataSubscribeMultipleWithDebounce,
+  Ae as useDataSubscribeWithTransform,
+  ge as useQuickSubscribe
 };
 //# sourceMappingURL=index.es.js.map