cogsbox-state 0.5.454 → 0.5.455

package/dist/CogsState.jsx

@@ -1,6 +1,6 @@
 "use client";
-import { jsx as ot, Fragment as Ot } from "react/jsx-runtime";
-import { memo as Ut, useState as K, useRef as q, useCallback as ct, useEffect as Z, useLayoutEffect as dt, useMemo as gt, createElement as lt, startTransition as Rt } from "react";
+import { jsx as ot, Fragment as Ut } from "react/jsx-runtime";
+import { memo as Ot, useState as K, useRef as q, useCallback as ct, useEffect as Z, useLayoutEffect as dt, useMemo as gt, createElement as lt, startTransition as Rt } from "react";
 import { createRoot as At } from "react-dom/client";
 import { transformStateFunc as Nt, isFunction as at, isArray as Tt, getDifferences as Ct, isDeepEqual as st } from "./utility.js";
 import { ValidationWrapper as kt } from "./Functions.jsx";
@@ -21,12 +21,12 @@ function Vt({
   options: n,
   initialOptionsPart: S
 }) {
-  const g = nt(t) || {}, y = S[t] || {}, w = e.getState().setInitialStateOptions, T = { ...y, ...g };
+  const g = nt(t) || {}, y = S[t] || {}, I = e.getState().setInitialStateOptions, V = { ...y, ...g };
   let u = !1;
   if (n)
     for (const f in n)
-      T.hasOwnProperty(f) ? (f == "localStorage" && n[f] && T[f].key !== n[f]?.key && (u = !0, T[f] = n[f]), f == "defaultState" && n[f] && T[f] !== n[f] && !st(T[f], n[f]) && (u = !0, T[f] = n[f])) : (u = !0, T[f] = n[f]);
-  u && w(t, T);
+      V.hasOwnProperty(f) ? (f == "localStorage" && n[f] && V[f].key !== n[f]?.key && (u = !0, V[f] = n[f]), f == "defaultState" && n[f] && V[f] !== n[f] && !st(V[f], n[f]) && (u = !0, V[f] = n[f])) : (u = !0, V[f] = n[f]);
+  u && I(t, V);
 }
 function ie(t, { formElements: n, validation: S }) {
   return { initialState: t, formElements: n, validation: S };
@@ -46,23 +46,23 @@ const Lt = (t, n) => {
       ...n.validation,
       ...f.validation || {}
     }, n.validation.key && !f.validation?.key && (A.validation.key = `${n.validation.key}.${u}`)), Object.keys(A).length > 0) {
-      const I = nt(u);
-      I ? e.getState().setInitialStateOptions(u, {
-        ...I,
+      const w = nt(u);
+      w ? e.getState().setInitialStateOptions(u, {
+        ...w,
         ...A
       }) : e.getState().setInitialStateOptions(u, A);
     }
   }), Object.keys(g).forEach((u) => {
     e.getState().initializeShadowState(u, g[u]);
   });
-  const w = (u, f) => {
+  const I = (u, f) => {
     const [A] = K(f?.componentId ?? rt());
     Vt({
       stateKey: u,
       options: f,
       initialOptionsPart: y
     });
-    const I = e.getState().getShadowValue(u) || g[u], i = f?.modifyState ? f.modifyState(I) : I;
+    const w = e.getState().getShadowValue(u) || g[u], i = f?.modifyState ? f.modifyState(w) : w;
     return zt(i, {
       stateKey: u,
       syncUpdate: f?.syncUpdate,
@@ -76,25 +76,18 @@ const Lt = (t, n) => {
       serverState: f?.serverState
     });
   };
-  function T(u, f) {
+  function V(u, f) {
     Vt({ stateKey: u, options: f, initialOptionsPart: y }), f.localStorage && xt(u, f), it(u);
   }
-  return { useCogsState: w, setCogsOptions: T };
+  return { useCogsState: I, setCogsOptions: V };
 };
 function ce(t) {
   const n = t.schemas, S = {};
-  for (const w in n) {
-    const T = n[w];
-    S[w] = T?.schemas?.defaultValues || {};
+  for (const g in n) {
+    const y = n[g];
+    S[g] = y?.schemas?.defaultValues || {};
   }
-  const g = Lt(S, {
-    __fromSyncSchema: !0,
-    __syncNotifications: t.notifications
-  });
-  return {
-    useCogsState: (w, T) => g.useCogsState(w, T),
-    setCogsOptions: g.setCogsOptions
-  };
+  return Lt(S);
 }
 const {
   getInitialOptions: nt,
@@ -110,12 +103,12 @@ const {
     S.localStorage?.key,
     g
   );
-  const w = at(S?.localStorage?.key) ? S.localStorage?.key(t) : S?.localStorage?.key;
-  if (w && g) {
-    const T = `${g}-${n}-${w}`;
+  const I = at(S?.localStorage?.key) ? S.localStorage?.key(t) : S?.localStorage?.key;
+  if (I && g) {
+    const V = `${g}-${n}-${I}`;
     let u;
     try {
-      u = St(T)?.lastSyncedWithServer;
+      u = St(V)?.lastSyncedWithServer;
     } catch {
     }
     const f = e.getState().getShadowMetadata(n, []), A = {
@@ -124,10 +117,10 @@ const {
       lastSyncedWithServer: u,
       stateSource: f?.stateSource,
       baseServerState: f?.baseServerState
-    }, I = Ft.serialize(A);
+    }, w = Ft.serialize(A);
     window.localStorage.setItem(
-      T,
-      JSON.stringify(I.json)
+      V,
+      JSON.stringify(w.json)
     );
   }
 }, St = (t) => {
@@ -141,10 +134,10 @@ const {
 }, xt = (t, n) => {
   const S = e.getState().getShadowValue(t), { sessionId: g } = Pt(), y = at(n?.localStorage?.key) ? n.localStorage.key(S) : n?.localStorage?.key;
   if (y && g) {
-    const w = St(
+    const I = St(
       `${g}-${t}-${y}`
     );
-    if (w && w.lastUpdated > (w.lastSyncedWithServer || 0))
+    if (I && I.lastUpdated > (I.lastSyncedWithServer || 0))
       return it(t), !0;
   }
   return !1;
@@ -167,25 +160,25 @@ const {
   }
 };
 function wt(t, n, S, g) {
-  const y = e.getState(), w = y.getShadowMetadata(t, n);
+  const y = e.getState(), I = y.getShadowMetadata(t, n);
   if (y.setShadowMetadata(t, n, {
-    ...w,
+    ...I,
     isDirty: !1,
     stateSource: "server",
     lastServerSync: g || Date.now()
   }), Array.isArray(S)) {
-    const T = y.getShadowMetadata(t, n);
-    T?.arrayKeys && T.arrayKeys.forEach((u, f) => {
-      const A = u.split(".").slice(1), I = S[f];
-      I !== void 0 && wt(
+    const V = y.getShadowMetadata(t, n);
+    V?.arrayKeys && V.arrayKeys.forEach((u, f) => {
+      const A = u.split(".").slice(1), w = S[f];
+      w !== void 0 && wt(
         t,
         A,
-        I,
+        w,
         g
       );
     });
-  } else S && typeof S == "object" && S.constructor === Object && Object.keys(S).forEach((T) => {
-    const u = [...n, T], f = S[T];
+  } else S && typeof S == "object" && S.constructor === Object && Object.keys(S).forEach((V) => {
+    const u = [...n, V], f = S[V];
     wt(t, u, f, g);
   });
 }
@@ -194,16 +187,16 @@ function zt(t, {
   localStorage: S,
   formElements: g,
   reactiveDeps: y,
-  reactiveType: w,
-  componentId: T,
+  reactiveType: I,
+  componentId: V,
   defaultState: u,
   syncUpdate: f,
   dependencies: A,
-  serverState: I
+  serverState: w
 } = {}) {
   const [i, h] = K({}), { sessionId: M } = Pt();
   let z = !n;
-  const [c] = K(n ?? rt()), B = e.getState().stateLog[c], J = q(/* @__PURE__ */ new Set()), H = q(T ?? rt()), W = q(
+  const [c] = K(n ?? rt()), B = e.getState().stateLog[c], J = q(/* @__PURE__ */ new Set()), H = q(V ?? rt()), W = q(
     null
   );
   W.current = nt(c) ?? null, Z(() => {
@@ -244,17 +237,17 @@ function zt(t, {
     [c, u, t, M]
   );
   Z(() => {
-    e.getState().setServerStateUpdate(c, I);
-  }, [I, c]), Z(() => e.getState().subscribeToPath(c, (r) => {
+    e.getState().setServerStateUpdate(c, w);
+  }, [w, c]), Z(() => e.getState().subscribeToPath(c, (r) => {
     if (r?.type === "SERVER_STATE_UPDATE") {
       const a = r.serverState;
       if (a?.status === "success" && a.data !== void 0) {
         yt(c, { serverState: a });
         const l = typeof a.merge == "object" ? a.merge : a.merge === !0 ? {} : null, p = e.getState().getShadowValue(c), E = a.data;
         if (l && Array.isArray(p) && Array.isArray(E)) {
-          const O = l.key || "id", C = new Set(
-            p.map((x) => x[O])
-          ), F = E.filter((x) => !C.has(x[O]));
+          const U = l.key || "id", C = new Set(
+            p.map((x) => x[U])
+          ), F = E.filter((x) => !C.has(x[U]));
           F.length > 0 && F.forEach((x) => {
             e.getState().insertShadowArrayElement(c, [], x);
             const N = e.getState().getShadowMetadata(c, []);
@@ -269,8 +262,8 @@ function zt(t, {
                 });
                 const k = e.getState().getShadowValue(j);
                 k && typeof k == "object" && !Array.isArray(k) && Object.keys(k).forEach((P) => {
-                  const U = [...b, P];
-                  e.getState().setShadowMetadata(c, U, {
+                  const O = [...b, P];
+                  e.getState().setShadowMetadata(c, O, {
                     isDirty: !1,
                     stateSource: "server",
                     lastServerSync: a.timestamp || Date.now()
@@ -323,7 +316,7 @@ function zt(t, {
     const o = `${c}////${H.current}`, r = e.getState().getShadowMetadata(c, []), a = r?.components || /* @__PURE__ */ new Map();
     return a.set(o, {
       forceUpdate: () => h({}),
-      reactiveType: w ?? ["component", "deps"],
+      reactiveType: I ?? ["component", "deps"],
       paths: /* @__PURE__ */ new Set(),
       depsFunction: y || void 0,
       deps: y ? y(e.getState().getShadowValue(c)) : [],
@@ -334,8 +327,8 @@ function zt(t, {
     }), h({}), () => {
       const d = e.getState().getShadowMetadata(c, []), l = d?.components?.get(o);
       l?.paths && l.paths.forEach((p) => {
-        const _ = p.split(".").slice(1), O = e.getState().getShadowMetadata(c, _);
-        O?.pathComponents && O.pathComponents.size === 0 && (delete O.pathComponents, e.getState().setShadowMetadata(c, _, O));
+        const _ = p.split(".").slice(1), U = e.getState().getShadowMetadata(c, _);
+        U?.pathComponents && U.pathComponents.size === 0 && (delete U.pathComponents, e.getState().setShadowMetadata(c, _, U));
       }), d?.components && e.getState().setShadowMetadata(c, [], d);
     };
   }, []);
@@ -379,40 +372,40 @@ function zt(t, {
     }
     if (a.sync !== !1 && Y.current && Y.current.connected && Y.current.updateState({ operation: C }), p?.signals && p.signals.length > 0) {
       const b = a.updateType === "cut" ? null : _;
-      p.signals.forEach(({ parentId: k, position: P, effect: U }) => {
+      p.signals.forEach(({ parentId: k, position: P, effect: O }) => {
         const v = document.querySelector(`[data-parent-id="${k}"]`);
         if (v) {
-          const V = Array.from(v.childNodes);
-          if (V[P]) {
+          const T = Array.from(v.childNodes);
+          if (T[P]) {
             let $ = b;
-            if (U && b !== null)
+            if (O && b !== null)
               try {
                 $ = new Function(
                   "state",
-                  `return (${U})(state)`
+                  `return (${O})(state)`
                 )(b);
               } catch (D) {
                 console.error("Error evaluating effect function:", D);
               }
-            $ != null && typeof $ == "object" && ($ = JSON.stringify($)), V[P].textContent = String($ ?? "");
+            $ != null && typeof $ == "object" && ($ = JSON.stringify($)), T[P].textContent = String($ ?? "");
           }
         }
       });
     }
     if (a.updateType === "insert" && p?.mapWrappers && p.mapWrappers.length > 0) {
-      const b = l.getShadowMetadata(c, r)?.arrayKeys || [], k = b[b.length - 1], P = l.getShadowValue(k), U = l.getShadowValue(
+      const b = l.getShadowMetadata(c, r)?.arrayKeys || [], k = b[b.length - 1], P = l.getShadowValue(k), O = l.getShadowValue(
         [c, ...r].join(".")
       );
       if (!k || P === void 0) return;
       p.mapWrappers.forEach((v) => {
-        let V = !0, $ = -1;
+        let T = !0, $ = -1;
         if (v.meta?.transforms && v.meta.transforms.length > 0) {
           for (const D of v.meta.transforms)
             if (D.type === "filter" && !D.fn(P, -1)) {
-              V = !1;
+              T = !1;
               break;
             }
-          if (V) {
+          if (T) {
             const D = It(
               c,
               r,
@@ -432,8 +425,8 @@ function zt(t, {
               $ = D.length;
           }
         } else
-          V = !0, $ = b.length - 1;
-        if (V && v.containerRef && v.containerRef.isConnected) {
+          T = !0, $ = b.length - 1;
+        if (T && v.containerRef && v.containerRef.isConnected) {
           const D = document.createElement("div");
           D.setAttribute("data-item-path", k);
           const R = Array.from(v.containerRef.children);
@@ -443,7 +436,7 @@ function zt(t, {
           ) : v.containerRef.appendChild(D);
           const L = At(D), G = rt(), tt = k.split(".").slice(1), et = v.rebuildStateShape({
             path: v.path,
-            currentState: U,
+            currentState: O,
             componentId: v.componentId,
             meta: v.meta
           });
@@ -465,10 +458,10 @@ function zt(t, {
       const b = r.slice(0, -1), k = l.getShadowMetadata(c, b);
       k?.mapWrappers && k.mapWrappers.length > 0 && k.mapWrappers.forEach((P) => {
         if (P.containerRef && P.containerRef.isConnected) {
-          const U = P.containerRef.querySelector(
+          const O = P.containerRef.querySelector(
             `[data-item-path="${d}"]`
           );
-          U && U.remove();
+          O && O.remove();
         }
       });
     }
@@ -486,15 +479,15 @@ function zt(t, {
         if (k?.pathComponents && k.pathComponents.forEach((P) => {
           if (j.has(P))
             return;
-          const U = N.components?.get(P);
-          U && ((Array.isArray(U.reactiveType) ? U.reactiveType : [U.reactiveType || "component"]).includes("none") || (U.forceUpdate(), j.add(P)));
+          const O = N.components?.get(P);
+          O && ((Array.isArray(O.reactiveType) ? O.reactiveType : [O.reactiveType || "component"]).includes("none") || (O.forceUpdate(), j.add(P)));
         }), b.length === 0)
           break;
         b.pop();
       }
       _ && typeof _ == "object" && !Tt(_) && E && typeof E == "object" && !Tt(E) && Ct(_, E).forEach((P) => {
-        const U = P.split("."), v = [...r, ...U], V = l.getShadowMetadata(c, v);
-        V?.pathComponents && V.pathComponents.forEach(($) => {
+        const O = P.split("."), v = [...r, ...O], T = l.getShadowMetadata(c, v);
+        T?.pathComponents && T.pathComponents.forEach(($) => {
           if (j.has($))
             return;
           const D = N.components?.get($);
@@ -504,33 +497,33 @@ function zt(t, {
     } else if (a.updateType === "insert" || a.updateType === "cut") {
       const b = a.updateType === "insert" ? r : r.slice(0, -1), k = l.getShadowMetadata(c, b);
       if (k?.signals && k.signals.length > 0) {
-        const P = [c, ...b].join("."), U = l.getShadowValue(P);
-        k.signals.forEach(({ parentId: v, position: V, effect: $ }) => {
+        const P = [c, ...b].join("."), O = l.getShadowValue(P);
+        k.signals.forEach(({ parentId: v, position: T, effect: $ }) => {
           const D = document.querySelector(
             `[data-parent-id="${v}"]`
           );
           if (D) {
             const R = Array.from(D.childNodes);
-            if (R[V]) {
-              let L = U;
+            if (R[T]) {
+              let L = O;
               if ($)
                 try {
                   L = new Function(
                     "state",
                     `return (${$})(state)`
-                  )(U);
+                  )(O);
                 } catch (G) {
-                  console.error("Error evaluating effect function:", G), L = U;
+                  console.error("Error evaluating effect function:", G), L = O;
                 }
-              L != null && typeof L == "object" && (L = JSON.stringify(L)), R[V].textContent = String(L ?? "");
+              L != null && typeof L == "object" && (L = JSON.stringify(L)), R[T].textContent = String(L ?? "");
             }
           }
         });
       }
       k?.pathComponents && k.pathComponents.forEach((P) => {
         if (!j.has(P)) {
-          const U = N.components?.get(P);
-          U && (U.forceUpdate(), j.add(P));
+          const O = N.components?.get(P);
+          O && (O.forceUpdate(), j.add(P));
         }
       });
     }
@@ -543,15 +536,15 @@ function zt(t, {
         return;
       }
       if (P.includes("deps") && b.depsFunction) {
-        const U = l.getShadowValue(c), v = b.depsFunction(U);
-        let V = !1;
-        v === !0 ? V = !0 : Array.isArray(v) && (st(b.prevDeps, v) || (b.prevDeps = v, V = !0)), V && (b.forceUpdate(), j.add(k));
+        const O = l.getShadowValue(c), v = b.depsFunction(O);
+        let T = !1;
+        v === !0 ? T = !0 : Array.isArray(v) && (st(b.prevDeps, v) || (b.prevDeps = v, T = !0)), T && (b.forceUpdate(), j.add(k));
       }
     }), j.clear(), Wt(c, (b) => {
       const k = [...b ?? [], C], P = /* @__PURE__ */ new Map();
-      return k.forEach((U) => {
-        const v = `${U.stateKey}:${JSON.stringify(U.path)}`, V = P.get(v);
-        V ? (V.timeStamp = Math.max(V.timeStamp, U.timeStamp), V.newValue = U.newValue, V.oldValue = V.oldValue ?? U.oldValue, V.updateType = U.updateType) : P.set(v, { ...U });
+      return k.forEach((O) => {
+        const v = `${O.stateKey}:${JSON.stringify(O.path)}`, T = P.get(v);
+        T ? (T.timeStamp = Math.max(T.timeStamp, O.timeStamp), T.newValue = O.newValue, T.oldValue = T.oldValue ?? O.oldValue, T.updateType = O.updateType) : P.set(v, { ...O });
       }), Array.from(P.values());
     }), Ht(
       _,
@@ -584,53 +577,53 @@ const It = (t, n, S) => {
   let g = e.getState().getShadowMetadata(t, n)?.arrayKeys || [];
   if (!S || S.length === 0)
     return g;
-  let y = g.map((w) => ({
-    key: w,
-    value: e.getState().getShadowValue(w)
+  let y = g.map((I) => ({
+    key: I,
+    value: e.getState().getShadowValue(I)
   }));
-  for (const w of S)
-    w.type === "filter" ? y = y.filter(
-      ({ value: T }, u) => w.fn(T, u)
-    ) : w.type === "sort" && y.sort((T, u) => w.fn(T.value, u.value));
-  return y.map(({ key: w }) => w);
+  for (const I of S)
+    I.type === "filter" ? y = y.filter(
+      ({ value: V }, u) => I.fn(V, u)
+    ) : I.type === "sort" && y.sort((V, u) => I.fn(V.value, u.value));
+  return y.map(({ key: I }) => I);
 }, Et = (t, n, S) => {
-  const g = `${t}////${n}`, { addPathComponent: y, getShadowMetadata: w } = e.getState(), u = w(t, [])?.components?.get(g);
+  const g = `${t}////${n}`, { addPathComponent: y, getShadowMetadata: I } = e.getState(), u = I(t, [])?.components?.get(g);
   !u || u.reactiveType === "none" || !(Array.isArray(u.reactiveType) ? u.reactiveType : [u.reactiveType]).includes("component") || y(t, S, g);
 }, ft = (t, n, S) => {
-  const g = e.getState(), y = g.getShadowMetadata(t, []), w = /* @__PURE__ */ new Set();
+  const g = e.getState(), y = g.getShadowMetadata(t, []), I = /* @__PURE__ */ new Set();
   y?.components && y.components.forEach((u, f) => {
-    (Array.isArray(u.reactiveType) ? u.reactiveType : [u.reactiveType || "component"]).includes("all") && (u.forceUpdate(), w.add(f));
+    (Array.isArray(u.reactiveType) ? u.reactiveType : [u.reactiveType || "component"]).includes("all") && (u.forceUpdate(), I.add(f));
   }), g.getShadowMetadata(t, [...n, "getSelected"])?.pathComponents?.forEach((u) => {
     y?.components?.get(u)?.forceUpdate();
   });
-  const T = g.getShadowMetadata(t, n);
-  for (let u of T?.arrayKeys || []) {
+  const V = g.getShadowMetadata(t, n);
+  for (let u of V?.arrayKeys || []) {
     const f = u + ".selected", A = g.getShadowMetadata(
       t,
       f.split(".").slice(1)
     );
-    u == S && A?.pathComponents?.forEach((I) => {
-      y?.components?.get(I)?.forceUpdate();
+    u == S && A?.pathComponents?.forEach((w) => {
+      y?.components?.get(w)?.forceUpdate();
     });
   }
 };
 function Dt(t, n, S, g) {
   const y = /* @__PURE__ */ new Map();
-  let w = 0;
-  const T = (I) => {
-    const i = I.join(".");
+  let I = 0;
+  const V = (w) => {
+    const i = w.join(".");
     for (const [h] of y)
       (h === i || h.startsWith(i + ".")) && y.delete(h);
-    w++;
+    I++;
   };
   function u({
-    currentState: I,
+    currentState: w,
     path: i = [],
     meta: h,
     componentId: M
   }) {
     const z = i.map(String).join("."), c = [t, ...i].join(".");
-    I = e.getState().getShadowValue(c, h?.validIds);
+    w = e.getState().getShadowValue(c, h?.validIds);
     const B = function() {
       return e().getShadowValue(t, i);
     }, J = {
@@ -691,7 +684,7 @@ function Dt(t, n, S, g) {
             const s = e.getState().getShadowMetadata(t, i);
             return s?.validation?.status === "VALIDATION_FAILED" && s.validation.message ? [s.validation.message] : [];
           };
-        if (Array.isArray(I)) {
+        if (Array.isArray(w)) {
           if (m === "getSelected")
             return () => {
               const s = t + "." + i.join(".");
@@ -734,7 +727,7 @@ function Dt(t, n, S, g) {
               } = s, l = q(null), [p, E] = K({
                 startIndex: 0,
                 endIndex: 10
-              }), [_, O] = K({}), C = q(!0), F = q({
+              }), [_, U] = K({}), C = q(!0), F = q({
                 isUserScrolling: !1,
                 lastScrollTop: 0,
                 scrollUpCount: 0,
@@ -753,18 +746,18 @@ function Dt(t, n, S, g) {
               }, [_, a]);
               const N = e.getState().getShadowMetadata(t, i)?.arrayKeys || [], { totalHeight: j, itemOffsets: b } = gt(() => {
                 let v = 0;
-                const V = /* @__PURE__ */ new Map();
+                const T = /* @__PURE__ */ new Map();
                 return (e.getState().getShadowMetadata(t, i)?.arrayKeys || []).forEach((D) => {
                   const R = D.split(".").slice(1), L = e.getState().getShadowMetadata(t, R)?.virtualizer?.itemHeight || o;
-                  V.set(D, {
+                  T.set(D, {
                     height: L,
                     offset: v
                   }), v += L;
-                }), x.current = V, { totalHeight: v, itemOffsets: V };
+                }), x.current = T, { totalHeight: v, itemOffsets: T };
               }, [N.length, o]);
               dt(() => {
                 if (a && N.length > 0 && l.current && !F.current.isUserScrolling && C.current) {
-                  const v = l.current, V = () => {
+                  const v = l.current, T = () => {
                     if (v.clientHeight > 0) {
                       const $ = Math.ceil(
                         v.clientHeight / o
@@ -776,20 +769,20 @@ function Dt(t, n, S, g) {
                         P("instant"), C.current = !1;
                       });
                     } else
-                      requestAnimationFrame(V);
+                      requestAnimationFrame(T);
                   };
-                  V();
+                  T();
                 }
               }, [N.length, a, o, r]);
               const k = ct(() => {
                 const v = l.current;
                 if (!v) return;
-                const V = v.scrollTop, { scrollHeight: $, clientHeight: D } = v, R = F.current, L = $ - (V + D), G = R.isNearBottom;
-                R.isNearBottom = L <= d, V < R.lastScrollTop ? (R.scrollUpCount++, R.scrollUpCount > 3 && G && (R.isUserScrolling = !0, console.log("User scrolled away from bottom"))) : R.isNearBottom && (R.isUserScrolling = !1, R.scrollUpCount = 0), R.lastScrollTop = V;
+                const T = v.scrollTop, { scrollHeight: $, clientHeight: D } = v, R = F.current, L = $ - (T + D), G = R.isNearBottom;
+                R.isNearBottom = L <= d, T < R.lastScrollTop ? (R.scrollUpCount++, R.scrollUpCount > 3 && G && (R.isUserScrolling = !0, console.log("User scrolled away from bottom"))) : R.isNearBottom && (R.isUserScrolling = !1, R.scrollUpCount = 0), R.lastScrollTop = T;
                 let tt = 0;
                 for (let et = 0; et < N.length; et++) {
                   const ht = N[et], mt = x.current.get(ht);
-                  if (mt && mt.offset + mt.height > V) {
+                  if (mt && mt.offset + mt.height > T) {
                     tt = et;
                     break;
                   }
@@ -822,18 +815,18 @@ function Dt(t, n, S, g) {
               }, [k, a]);
               const P = ct(
                 (v = "smooth") => {
-                  const V = l.current;
-                  if (!V) return;
+                  const T = l.current;
+                  if (!T) return;
                   F.current.isUserScrolling = !1, F.current.isNearBottom = !0, F.current.scrollUpCount = 0;
                   const $ = () => {
                     const D = (R = 0) => {
                       if (R > 5) return;
-                      const L = V.scrollHeight, G = V.scrollTop, tt = V.clientHeight;
-                      G + tt >= L - 1 || (V.scrollTo({
+                      const L = T.scrollHeight, G = T.scrollTop, tt = T.clientHeight;
+                      G + tt >= L - 1 || (T.scrollTo({
                         top: L,
                         behavior: v
                       }), setTimeout(() => {
-                        const et = V.scrollHeight, ht = V.scrollTop;
+                        const et = T.scrollHeight, ht = T.scrollTop;
                         (et !== L || ht + tt < et - 1) && D(R + 1);
                       }, 50));
                     };
@@ -847,16 +840,16 @@ function Dt(t, n, S, g) {
               );
               return Z(() => {
                 if (!a || !l.current) return;
-                const v = l.current, V = F.current;
+                const v = l.current, T = F.current;
                 let $;
                 const D = () => {
                   clearTimeout($), $ = setTimeout(() => {
-                    !V.isUserScrolling && V.isNearBottom && P(
+                    !T.isUserScrolling && T.isNearBottom && P(
                       C.current ? "instant" : "smooth"
                     );
                   }, 100);
                 }, R = new MutationObserver(() => {
-                  V.isUserScrolling || D();
+                  T.isUserScrolling || D();
                 });
                 R.observe(v, {
                   childList: !0,
@@ -866,7 +859,7 @@ function Dt(t, n, S, g) {
                   // More specific than just 'height'
                 });
                 const L = (G) => {
-                  G.target instanceof HTMLImageElement && !V.isUserScrolling && D();
+                  G.target instanceof HTMLImageElement && !T.isUserScrolling && D();
                 };
                 return v.addEventListener("load", L, !0), C.current ? setTimeout(() => {
                   P("instant");
@@ -875,9 +868,9 @@ function Dt(t, n, S, g) {
                 };
               }, [a, N.length, P]), {
                 virtualState: gt(() => {
-                  const v = e.getState(), V = v.getShadowValue(
+                  const v = e.getState(), T = v.getShadowValue(
                     [t, ...i].join(".")
-                  ), $ = v.getShadowMetadata(t, i)?.arrayKeys || [], D = V.slice(
+                  ), $ = v.getShadowMetadata(t, i)?.arrayKeys || [], D = T.slice(
                     p.startIndex,
                     p.endIndex + 1
                   ), R = $.slice(
@@ -915,10 +908,10 @@ function Dt(t, n, S, g) {
                   }
                 },
                 scrollToBottom: P,
-                scrollToIndex: (v, V = "smooth") => {
+                scrollToIndex: (v, T = "smooth") => {
                   if (l.current && N[v]) {
                     const $ = x.current.get(N[v])?.offset || 0;
-                    l.current.scrollTo({ top: $, behavior: V });
+                    l.current.scrollTo({ top: $, behavior: T });
                   }
                 }
               };
@@ -985,7 +978,7 @@ function Dt(t, n, S, g) {
               const o = h?.validIds ?? e.getState().getShadowMetadata(t, i)?.arrayKeys;
               if (!o)
                 throw new Error("No array keys found for filtering.");
-              const r = [], a = I.filter(
+              const r = [], a = w.filter(
                 (d, l) => s(d, l) ? (r.push(o[l]), !0) : !1
               );
               return u({
@@ -1009,7 +1002,7 @@ function Dt(t, n, S, g) {
               const o = h?.validIds ?? e.getState().getShadowMetadata(t, i)?.arrayKeys;
               if (!o)
                 throw new Error("No array keys found for sorting");
-              const r = I.map((a, d) => ({
+              const r = w.map((a, d) => ({
                 item: a,
                 key: o[d]
               }));
@@ -1036,7 +1029,7 @@ function Dt(t, n, S, g) {
                 onFlush: l
               } = s;
               let p = [], E = !1, _ = null;
-              const O = (j) => {
+              const U = (j) => {
                 if (!E) {
                   if (a === "sliding" && p.length >= o)
                     p.shift();
@@ -1068,8 +1061,8 @@ function Dt(t, n, S, g) {
                 ...x,
                 streams: N
               }), {
-                write: (j) => O(j),
-                writeMany: (j) => j.forEach(O),
+                write: (j) => U(j),
+                writeMany: (j) => j.forEach(U),
                 flush: () => C(),
                 pause: () => {
                   E = !0;
@@ -1087,9 +1080,9 @@ function Dt(t, n, S, g) {
           if (m === "stateList")
             return (s) => /* @__PURE__ */ ot(() => {
               const r = q(/* @__PURE__ */ new Map()), a = h?.transforms && h.transforms.length > 0 ? `${M}-${Bt(h.transforms)}` : `${M}-base`, [d, l] = K({}), { validIds: p, arrayValues: E } = gt(() => {
-                const O = e.getState().getShadowMetadata(t, i)?.transformCaches?.get(a);
+                const U = e.getState().getShadowMetadata(t, i)?.transformCaches?.get(a);
                 let C;
-                O && O.validIds ? C = O.validIds : (C = It(
+                U && U.validIds ? C = U.validIds : (C = It(
                   t,
                   i,
                   h?.transforms
@@ -1105,7 +1098,7 @@ function Dt(t, n, S, g) {
                 };
               }, [a, d]);
               if (Z(() => {
-                const O = e.getState().subscribeToPath(c, (C) => {
+                const U = e.getState().subscribeToPath(c, (C) => {
                   if (C.type === "GET_SELECTED")
                     return;
                   const x = e.getState().getShadowMetadata(t, i)?.transformCaches;
@@ -1115,7 +1108,7 @@ function Dt(t, n, S, g) {
                   (C.type === "INSERT" || C.type === "REMOVE" || C.type === "CLEAR_SELECTION") && l({});
                 });
                 return () => {
-                  O();
+                  U();
                 };
               }, [M, c]), !Array.isArray(E))
                 return null;
@@ -1128,7 +1121,7 @@ function Dt(t, n, S, g) {
                   validIds: p
                 }
               });
-              return /* @__PURE__ */ ot(Ot, { children: E.map((O, C) => {
+              return /* @__PURE__ */ ot(Ut, { children: E.map((U, C) => {
                 const F = p[C];
                 if (!F)
                   return null;
@@ -1149,8 +1142,8 @@ function Dt(t, n, S, g) {
             }, {});
           if (m === "stateFlattenOn")
             return (s) => {
-              const o = I;
-              y.clear(), w++;
+              const o = w;
+              y.clear(), I++;
               const r = o.flatMap(
                 (a) => a[s] ?? []
               );
@@ -1200,16 +1193,16 @@ function Dt(t, n, S, g) {
               let l = null;
               if (!a.some((E) => {
                 const _ = o ? o.every(
-                  (O) => st(E[O], d[O])
+                  (U) => st(E[U], d[U])
                 ) : st(E, d);
                 return _ && (l = E), _;
               }))
-                T(i), n(d, i, { updateType: "insert" });
+                V(i), n(d, i, { updateType: "insert" });
               else if (r && l) {
                 const E = r(l), _ = a.map(
-                  (O) => st(O, l) ? E : O
+                  (U) => st(U, l) ? E : U
                 );
-                T(i), n(_, i, {
+                V(i), n(_, i, {
                   updateType: "update"
                 });
               }
@@ -1221,7 +1214,7 @@ function Dt(t, n, S, g) {
               const a = s == -1 ? r.length - 1 : s !== void 0 ? s : r.length - 1, d = r[a];
               if (!d) return;
               const l = d.split(".").slice(1);
-              n(I, l, {
+              n(w, l, {
                 updateType: "cut"
               });
             };
@@ -1240,7 +1233,7 @@ function Dt(t, n, S, g) {
               const a = s[r == -1 ? s.length - 1 : r]?.split(".").slice(1);
               e.getState().clearSelectedIndex({ arrayKey: c });
               const d = a?.slice(0, -1);
-              ft(t, d), n(I, a, {
+              ft(t, d), n(w, a, {
                 updateType: "cut"
               });
             };
@@ -1372,11 +1365,11 @@ function Dt(t, n, S, g) {
                     o.updateShadowAtPath(t, p, E), o.markAsDirty(t, p, { bubble: !0 });
                     let _ = [...p];
                     for (; ; ) {
-                      const O = o.getShadowMetadata(
+                      const U = o.getShadowMetadata(
                         t,
                         _
                       );
-                      if (console.log("pathMeta", O), O?.pathComponents && O.pathComponents.forEach((C) => {
+                      if (console.log("pathMeta", U), U?.pathComponents && U.pathComponents.forEach((C) => {
                         if (!d.has(C)) {
                           const F = r.components?.get(C);
                           F && (F.forceUpdate(), d.add(C));
@@ -1391,11 +1384,11 @@ function Dt(t, n, S, g) {
                     o.removeShadowArrayElement(t, p), o.markAsDirty(t, E, { bubble: !0 });
                     let _ = [...E];
                     for (; ; ) {
-                      const O = o.getShadowMetadata(
+                      const U = o.getShadowMetadata(
                         t,
                         _
                       );
-                      if (O?.pathComponents && O.pathComponents.forEach((C) => {
+                      if (U?.pathComponents && U.pathComponents.forEach((C) => {
                         if (!d.has(C)) {
                           const F = r.components?.get(C);
                           F && (F.forceUpdate(), d.add(C));
@@ -1472,7 +1465,7 @@ function Dt(t, n, S, g) {
           });
         if (m === "toggle") {
           const s = e.getState().getShadowValue([t, ...i].join("."));
-          if (console.log("currentValueAtPath", s), typeof I != "boolean")
+          if (console.log("currentValueAtPath", s), typeof w != "boolean")
             throw new Error("toggle() can only be used on boolean values");
           return () => {
             n(!s, i, {
@@ -1503,20 +1496,20 @@ function Dt(t, n, S, g) {
     }, H = new Proxy(B, J);
     return y.set(z, {
       proxy: H,
-      stateVersion: w
+      stateVersion: I
     }), H;
   }
   const f = {
-    removeValidation: (I) => {
-      I?.validationKey && ut(I.validationKey);
+    removeValidation: (w) => {
+      w?.validationKey && ut(w.validationKey);
     },
-    revertToInitialState: (I) => {
+    revertToInitialState: (w) => {
       const i = e.getState().getInitialOptions(t)?.validation;
-      i?.key && ut(i.key), I?.validationKey && ut(I.validationKey);
+      i?.key && ut(i.key), w?.validationKey && ut(w.validationKey);
       const h = e.getState().getShadowMetadata(t, []);
       h?.stateSource === "server" && h.baseServerState ? h.baseServerState : e.getState().initialStateGlobal[t];
       const M = e.getState().initialStateGlobal[t];
-      e.getState().clearSelectedIndexesForState(t), y.clear(), w++, e.getState().initializeShadowState(t, M), u({
+      e.getState().clearSelectedIndexesForState(t), y.clear(), I++, e.getState().initializeShadowState(t, M), u({
         currentState: M,
         path: [],
         componentId: S
@@ -1528,8 +1521,8 @@ function Dt(t, n, S, g) {
         H.forceUpdate();
       }), M;
     },
-    updateInitialState: (I) => {
-      y.clear(), w++;
+    updateInitialState: (w) => {
+      y.clear(), I++;
       const i = Dt(
         t,
         n,
@@ -1537,7 +1530,7 @@ function Dt(t, n, S, g) {
         g
       ), h = e.getState().initialStateGlobal[t], M = nt(t), z = at(M?.localStorage?.key) ? M?.localStorage?.key(h) : M?.localStorage?.key, c = `${g}-${t}-${z}`;
       return localStorage.getItem(c) && localStorage.removeItem(c), Rt(() => {
-        _t(t, I), e.getState().initializeShadowState(t, I);
+        _t(t, w), e.getState().initializeShadowState(t, w);
         const B = e.getState().getShadowMetadata(t, []);
         B && B?.components?.forEach((J) => {
           J.forceUpdate();
@@ -1560,13 +1553,13 @@ function qt({
   proxy: t,
   rebuildStateShape: n
 }) {
-  const S = q(null), g = q(`map-${crypto.randomUUID()}`), y = q(!1), w = q(/* @__PURE__ */ new Map());
+  const S = q(null), g = q(`map-${crypto.randomUUID()}`), y = q(!1), I = q(/* @__PURE__ */ new Map());
   Z(() => {
     const u = S.current;
     if (!u || y.current) return;
     const f = setTimeout(() => {
-      const A = e.getState().getShadowMetadata(t._stateKey, t._path) || {}, I = A.mapWrappers || [];
-      I.push({
+      const A = e.getState().getShadowMetadata(t._stateKey, t._path) || {}, w = A.mapWrappers || [];
+      w.push({
         instanceId: g.current,
         mapFn: t._mapFn,
         containerRef: u,
@@ -1576,20 +1569,20 @@ function qt({
         meta: t._meta
       }), e.getState().setShadowMetadata(t._stateKey, t._path, {
         ...A,
-        mapWrappers: I
-      }), y.current = !0, T();
+        mapWrappers: w
+      }), y.current = !0, V();
     }, 0);
     return () => {
       if (clearTimeout(f), g.current) {
         const A = e.getState().getShadowMetadata(t._stateKey, t._path) || {};
         A.mapWrappers && (A.mapWrappers = A.mapWrappers.filter(
-          (I) => I.instanceId !== g.current
+          (w) => w.instanceId !== g.current
         ), e.getState().setShadowMetadata(t._stateKey, t._path, A));
       }
-      w.current.forEach((A) => A.unmount());
+      I.current.forEach((A) => A.unmount());
     };
   }, []);
-  const T = () => {
+  const V = () => {
     const u = S.current;
     if (!u) return;
     const f = e.getState().getShadowValue(
@@ -1597,7 +1590,7 @@ function qt({
       t._meta?.validIds
     );
     if (!Array.isArray(f)) return;
-    const A = t._meta?.validIds ?? e.getState().getShadowMetadata(t._stateKey, t._path)?.arrayKeys ?? [], I = n({
+    const A = t._meta?.validIds ?? e.getState().getShadowMetadata(t._stateKey, t._path)?.arrayKeys ?? [], w = n({
       currentState: f,
       path: t._path,
       componentId: g.current,
@@ -1609,7 +1602,7 @@ function qt({
       const z = rt(), c = document.createElement("div");
       c.setAttribute("data-item-path", M), u.appendChild(c);
       const B = At(c);
-      w.current.set(M, B);
+      I.current.set(M, B);
       const J = M.split(".").slice(1);
       B.render(
         lt(Mt, {
@@ -1617,7 +1610,7 @@ function qt({
           itemComponentId: z,
           itemPath: J,
           localIndex: h,
-          arraySetter: I,
+          arraySetter: w,
           rebuildStateShape: n,
           renderFn: t._mapFn
         })
@@ -1629,44 +1622,44 @@ function qt({
 function Gt({
   proxy: t
 }) {
-  const n = q(null), S = q(null), g = q(!1), y = `${t._stateKey}-${t._path.join(".")}`, w = e.getState().getShadowValue(
+  const n = q(null), S = q(null), g = q(!1), y = `${t._stateKey}-${t._path.join(".")}`, I = e.getState().getShadowValue(
     [t._stateKey, ...t._path].join("."),
     t._meta?.validIds
   );
   return Z(() => {
-    const T = n.current;
-    if (!T || g.current) return;
+    const V = n.current;
+    if (!V || g.current) return;
     const u = setTimeout(() => {
-      if (!T.parentElement) {
+      if (!V.parentElement) {
         console.warn("Parent element not found for signal", y);
         return;
       }
-      const f = T.parentElement, I = Array.from(f.childNodes).indexOf(T);
+      const f = V.parentElement, w = Array.from(f.childNodes).indexOf(V);
       let i = f.getAttribute("data-parent-id");
       i || (i = `parent-${crypto.randomUUID()}`, f.setAttribute("data-parent-id", i)), S.current = `instance-${crypto.randomUUID()}`;
       const h = e.getState().getShadowMetadata(t._stateKey, t._path) || {}, M = h.signals || [];
       M.push({
         instanceId: S.current,
         parentId: i,
-        position: I,
+        position: w,
         effect: t._effect
       }), e.getState().setShadowMetadata(t._stateKey, t._path, {
         ...h,
         signals: M
       });
-      let z = w;
+      let z = I;
       if (t._effect)
         try {
           z = new Function(
             "state",
             `return (${t._effect})(state)`
-          )(w);
+          )(I);
         } catch (B) {
           console.error("Error evaluating effect function:", B);
         }
       z !== null && typeof z == "object" && (z = JSON.stringify(z));
       const c = document.createTextNode(String(z ?? ""));
-      T.replaceWith(c), g.current = !0;
+      V.replaceWith(c), g.current = !0;
     }, 0);
     return () => {
       if (clearTimeout(u), S.current) {
@@ -1682,7 +1675,7 @@ function Gt({
     "data-signal-id": y
   });
 }
-const Mt = Ut(
+const Mt = Ot(
   Yt,
   (t, n) => t.itemPath.join(".") === n.itemPath.join(".") && t.stateKey === n.stateKey && t.itemComponentId === n.itemComponentId && t.localIndex === n.localIndex
 ), Jt = (t) => {
@@ -1698,14 +1691,14 @@ const Mt = Ut(
       return;
     }
     let y = 0;
-    const w = () => {
+    const I = () => {
       y++, y === g.length && S(!0);
     };
-    return g.forEach((T) => {
-      T.complete ? w() : (T.addEventListener("load", w), T.addEventListener("error", w));
+    return g.forEach((V) => {
+      V.complete ? I() : (V.addEventListener("load", I), V.addEventListener("error", I));
     }), () => {
-      g.forEach((T) => {
-        T.removeEventListener("load", w), T.removeEventListener("error", w);
+      g.forEach((V) => {
+        V.removeEventListener("load", I), V.removeEventListener("error", I);
       });
     };
   }, [t.current]), n;
@@ -1716,14 +1709,14 @@ function Yt({
   itemPath: S,
   localIndex: g,
   arraySetter: y,
-  rebuildStateShape: w,
-  renderFn: T
+  rebuildStateShape: I,
+  renderFn: V
 }) {
-  const [, u] = K({}), { ref: f, inView: A } = jt(), I = q(null), i = Jt(I), h = q(!1), M = [t, ...S].join(".");
+  const [, u] = K({}), { ref: f, inView: A } = jt(), w = q(null), i = Jt(w), h = q(!1), M = [t, ...S].join(".");
   $t(t, n, u);
   const z = ct(
     (W) => {
-      I.current = W, f(W);
+      w.current = W, f(W);
     },
     [f]
   );
@@ -1734,7 +1727,7 @@ function Yt({
   }, []), Z(() => {
     if (!A || !i || h.current)
       return;
-    const W = I.current;
+    const W = w.current;
     if (W && W.offsetHeight > 0) {
       h.current = !0;
       const m = W.offsetHeight;
@@ -1748,18 +1741,18 @@ function Yt({
       e.getState().notifyPathSubscribers(Q, {
         type: "ITEMHEIGHT",
         itemKey: S.join("."),
-        ref: I.current
+        ref: w.current
       });
     }
   }, [A, i, t, S]);
   const c = [t, ...S].join("."), B = e.getState().getShadowValue(c);
   if (B === void 0)
     return null;
-  const J = w({
+  const J = I({
     currentState: B,
     path: S,
     componentId: n
-  }), H = T(J, g, y);
+  }), H = V(J, g, y);
   return /* @__PURE__ */ ot("div", { ref: z, children: H });
 }
 function Zt({
@@ -1768,16 +1761,16 @@ function Zt({
   rebuildStateShape: S,
   renderFn: g,
   formOpts: y,
-  setState: w
+  setState: I
 }) {
-  const [T] = K(() => rt()), [, u] = K({}), f = [t, ...n].join(".");
-  $t(t, T, u);
-  const A = e.getState().getShadowValue(f), [I, i] = K(A), h = q(!1), M = q(null);
+  const [V] = K(() => rt()), [, u] = K({}), f = [t, ...n].join(".");
+  $t(t, V, u);
+  const A = e.getState().getShadowValue(f), [w, i] = K(A), h = q(!1), M = q(null);
   Z(() => {
-    !h.current && !st(A, I) && i(A);
+    !h.current && !st(A, w) && i(A);
   }, [A]), Z(() => {
     const H = e.getState().subscribeToPath(f, (W) => {
-      !h.current && I !== W && u({});
+      !h.current && w !== W && u({});
     });
     return () => {
       H(), M.current && (clearTimeout(M.current), h.current = !1);
@@ -1788,7 +1781,7 @@ function Zt({
       typeof A === "number" && typeof H == "string" && (H = H === "" ? 0 : Number(H)), i(H), h.current = !0, M.current && clearTimeout(M.current);
       const m = y?.debounceTime ?? 200;
       M.current = setTimeout(() => {
-        h.current = !1, w(H, n, { updateType: "update" });
+        h.current = !1, I(H, n, { updateType: "update" });
         const { getInitialOptions: Y, setShadowMetadata: Q, getShadowMetadata: X } = e.getState(), s = Y(t)?.validation, o = s?.zodSchemaV4 || s?.zodSchemaV3;
         if (o) {
           const r = e.getState().getShadowValue(t), a = o.safeParse(r), d = X(t, n) || {};
@@ -1822,9 +1815,9 @@ function Zt({
         }
       }, m), u({});
     },
-    [w, n, y?.debounceTime, t]
+    [I, n, y?.debounceTime, t]
   ), c = ct(async () => {
-    console.log("handleBlur triggered"), M.current && (clearTimeout(M.current), M.current = null, h.current = !1, w(I, n, { updateType: "update" }));
+    console.log("handleBlur triggered"), M.current && (clearTimeout(M.current), M.current = null, h.current = !1, I(w, n, { updateType: "update" }));
     const { getInitialOptions: H } = e.getState(), W = H(t)?.validation, m = W?.zodSchemaV4 || W?.zodSchemaV3;
     if (!m) return;
     const Y = e.getState().getShadowMetadata(t, n);
@@ -1832,7 +1825,7 @@ function Zt({
       ...Y,
       validation: {
         status: "DIRTY",
-        validatedValue: I
+        validatedValue: w
       }
     });
     const Q = e.getState().getShadowValue(t), X = m.safeParse(Q);
@@ -1841,7 +1834,7 @@ function Zt({
         ...Y,
         validation: {
           status: "VALID_PENDING_SYNC",
-          validatedValue: I
+          validatedValue: w
         }
       });
     else {
@@ -1856,12 +1849,12 @@ function Zt({
           if (console.log("Array metadata:", l), l?.arrayKeys) {
             const p = [t, ...n.slice(0, -1)].join("."), E = l.arrayKeys.indexOf(p);
             console.log("Item key:", p, "Index:", E);
-            const _ = [...d, E, ...n.slice(-1)], O = JSON.stringify(r.path) === JSON.stringify(_);
+            const _ = [...d, E, ...n.slice(-1)], U = JSON.stringify(r.path) === JSON.stringify(_);
             return console.log("Zod path comparison:", {
               zodPath: _,
               errorPath: r.path,
-              match: O
-            }), O;
+              match: U
+            }), U;
           }
         }
         const a = JSON.stringify(r.path) === JSON.stringify(n);
@@ -1876,19 +1869,19 @@ function Zt({
         validation: {
           status: "VALIDATION_FAILED",
           message: o[0]?.message,
-          validatedValue: I
+          validatedValue: w
         }
       });
     }
     u({});
-  }, [t, n, I, w]), B = S({
+  }, [t, n, w, I]), B = S({
     currentState: A,
     path: n,
-    componentId: T
+    componentId: V
   }), J = new Proxy(B, {
     get(H, W) {
       return W === "inputProps" ? {
-        value: I ?? "",
+        value: w ?? "",
         onChange: (m) => {
           z(m.target.value);
         },
@@ -1903,13 +1896,13 @@ function Zt({
 function $t(t, n, S) {
   const g = `${t}////${n}`;
   dt(() => {
-    const { registerComponent: y, unregisterComponent: w } = e.getState();
+    const { registerComponent: y, unregisterComponent: I } = e.getState();
     return y(t, g, {
       forceUpdate: () => S({}),
       paths: /* @__PURE__ */ new Set(),
       reactiveType: ["component"]
     }), () => {
-      w(t, g);
+      I(t, g);
     };
   }, [t, g]);
 }