cogsbox-state 0.5.436 → 0.5.437

package/dist/CogsState.jsx

@@ -1,51 +1,51 @@
 "use client";
 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 ft, createElement as lt, startTransition as Rt } from "react";
+import { memo as Ot, useState as K, useRef as q, useCallback as ct, useEffect as Z, useLayoutEffect as dt, useMemo as St, createElement as lt, startTransition as Rt } from "react";
 import { createRoot as At } from "react-dom/client";
-import { transformStateFunc as jt, isFunction as at, isArray as Tt, getDifferences as Ct, isDeepEqual as st } from "./utility.js";
+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";
 import Ft from "superjson";
 import { v4 as rt } from "uuid";
 import { getGlobalStore as e, formRefStore as vt } from "./store.js";
 import { useCogsConfig as Pt } from "./CogsStateClient.jsx";
-import { useInView as Lt } from "react-intersection-observer";
-function mt(t, o) {
-  const h = e.getState().getInitialOptions, S = e.getState().setInitialStateOptions, y = h(t) || {};
+import { useInView as jt } from "react-intersection-observer";
+function yt(t, n) {
+  const g = e.getState().getInitialOptions, S = e.getState().setInitialStateOptions, y = g(t) || {};
   S(t, {
     ...y,
-    ...o
+    ...n
   });
 }
-function Vt({
+function Et({
   stateKey: t,
-  options: o,
-  initialOptionsPart: h
+  options: n,
+  initialOptionsPart: g
 }) {
-  const S = nt(t) || {}, y = h[t] || {}, I = e.getState().setInitialStateOptions, V = { ...y, ...S };
+  const S = nt(t) || {}, y = g[t] || {}, I = e.getState().setInitialStateOptions, E = { ...y, ...S };
   let u = !1;
-  if (o)
-    for (const f in o)
-      V.hasOwnProperty(f) ? (f == "localStorage" && o[f] && V[f].key !== o[f]?.key && (u = !0, V[f] = o[f]), f == "defaultState" && o[f] && V[f] !== o[f] && !st(V[f], o[f]) && (u = !0, V[f] = o[f])) : (u = !0, V[f] = o[f]);
-  u && I(t, V);
+  if (n)
+    for (const f in n)
+      E.hasOwnProperty(f) ? (f == "localStorage" && n[f] && E[f].key !== n[f]?.key && (u = !0, E[f] = n[f]), f == "defaultState" && n[f] && E[f] !== n[f] && !st(E[f], n[f]) && (u = !0, E[f] = n[f])) : (u = !0, E[f] = n[f]);
+  u && I(t, E);
 }
-function se(t, { formElements: o, validation: h }) {
-  return { initialState: t, formElements: o, validation: h };
+function ie(t, { formElements: n, validation: g }) {
+  return { initialState: t, formElements: n, validation: g };
 }
-const ie = (t, o) => {
-  let h = t;
-  const [S, y] = jt(h);
-  Object.keys(S).forEach((u) => {
+const Lt = (t, n) => {
+  let g = t;
+  const [S, y] = Nt(g);
+  n?.__fromSyncSchema && n?.__syncNotifications && e.getState().setInitialStateOptions("__notifications", n.__syncNotifications), Object.keys(S).forEach((u) => {
     let f = y[u] || {};
     const A = {
       ...f
     };
-    if (o?.formElements && (A.formElements = {
-      ...o.formElements,
+    if (n?.formElements && (A.formElements = {
+      ...n.formElements,
       ...f.formElements || {}
-    }), o?.validation && (A.validation = {
-      ...o.validation,
+    }), n?.validation && (A.validation = {
+      ...n.validation,
       ...f.validation || {}
-    }, o.validation.key && !f.validation?.key && (A.validation.key = `${o.validation.key}.${u}`)), Object.keys(A).length > 0) {
+    }, n.validation.key && !f.validation?.key && (A.validation.key = `${n.validation.key}.${u}`)), Object.keys(A).length > 0) {
       const w = nt(u);
       w ? e.getState().setInitialStateOptions(u, {
         ...w,
@@ -57,13 +57,13 @@ const ie = (t, o) => {
   });
   const I = (u, f) => {
     const [A] = K(f?.componentId ?? rt());
-    Vt({
+    Et({
       stateKey: u,
       options: f,
       initialOptionsPart: y
     });
     const w = e.getState().getShadowValue(u) || S[u], i = f?.modifyState ? f.modifyState(w) : w;
-    return xt(i, {
+    return zt(i, {
       stateKey: u,
       syncUpdate: f?.syncUpdate,
       componentId: A,
@@ -76,33 +76,45 @@ const ie = (t, o) => {
       serverState: f?.serverState
     });
   };
-  function V(u, f) {
-    Vt({ stateKey: u, options: f, initialOptionsPart: y }), f.localStorage && Ht(u, f), it(u);
+  function E(u, f) {
+    Et({ stateKey: u, options: f, initialOptionsPart: y }), f.localStorage && xt(u, f), it(u);
   }
-  return { useCogsState: I, setCogsOptions: V };
-}, {
+  return { useCogsState: I, setCogsOptions: E };
+};
+function ce(t) {
+  const n = {};
+  for (const g in t.schemas) {
+    const S = t.schemas[g];
+    S.rawSchema ? n[g] = S.rawSchema : S.schemas?.defaults ? n[g] = S.schemas.defaults : n[g] = {};
+  }
+  return Lt(n, {
+    __fromSyncSchema: !0,
+    __syncNotifications: t.notifications
+  });
+}
+const {
   getInitialOptions: nt,
-  getValidationErrors: ce,
-  setStateLog: Nt,
-  updateInitialStateGlobal: Dt,
-  addValidationError: yt,
+  getValidationErrors: le,
+  setStateLog: Wt,
+  updateInitialStateGlobal: _t,
+  addValidationError: pt,
   removeValidationError: ut
-} = e.getState(), Wt = (t, o, h, S, y) => {
-  h?.log && console.log(
+} = e.getState(), Ht = (t, n, g, S, y) => {
+  g?.log && console.log(
     "saving to localstorage",
-    o,
-    h.localStorage?.key,
+    n,
+    g.localStorage?.key,
     S
   );
-  const I = at(h?.localStorage?.key) ? h.localStorage?.key(t) : h?.localStorage?.key;
+  const I = at(g?.localStorage?.key) ? g.localStorage?.key(t) : g?.localStorage?.key;
   if (I && S) {
-    const V = `${S}-${o}-${I}`;
+    const E = `${S}-${n}-${I}`;
     let u;
     try {
-      u = gt(V)?.lastSyncedWithServer;
+      u = gt(E)?.lastSyncedWithServer;
     } catch {
     }
-    const f = e.getState().getShadowMetadata(o, []), A = {
+    const f = e.getState().getShadowMetadata(n, []), A = {
       state: t,
       lastUpdated: Date.now(),
       lastSyncedWithServer: u,
@@ -110,20 +122,20 @@ const ie = (t, o) => {
       baseServerState: f?.baseServerState
     }, w = Ft.serialize(A);
     window.localStorage.setItem(
-      V,
+      E,
       JSON.stringify(w.json)
     );
   }
 }, gt = (t) => {
   if (!t) return null;
   try {
-    const o = window.localStorage.getItem(t);
-    return o ? JSON.parse(o) : null;
-  } catch (o) {
-    return console.error("Error loading from localStorage:", o), null;
+    const n = window.localStorage.getItem(t);
+    return n ? JSON.parse(n) : null;
+  } catch (n) {
+    return console.error("Error loading from localStorage:", n), null;
   }
-}, Ht = (t, o) => {
-  const h = e.getState().getShadowValue(t), { sessionId: S } = Pt(), y = at(o?.localStorage?.key) ? o.localStorage.key(h) : o?.localStorage?.key;
+}, xt = (t, n) => {
+  const g = e.getState().getShadowValue(t), { sessionId: S } = Pt(), y = at(n?.localStorage?.key) ? n.localStorage.key(g) : n?.localStorage?.key;
   if (y && S) {
     const I = gt(
       `${S}-${t}-${y}`
@@ -133,34 +145,34 @@ const ie = (t, o) => {
   }
   return !1;
 }, it = (t) => {
-  const o = e.getState().getShadowMetadata(t, []);
-  if (!o) return;
-  const h = /* @__PURE__ */ new Set();
-  o?.components?.forEach((S) => {
-    (S ? Array.isArray(S.reactiveType) ? S.reactiveType : [S.reactiveType || "component"] : null)?.includes("none") || h.add(() => S.forceUpdate());
+  const n = e.getState().getShadowMetadata(t, []);
+  if (!n) return;
+  const g = /* @__PURE__ */ new Set();
+  n?.components?.forEach((S) => {
+    (S ? Array.isArray(S.reactiveType) ? S.reactiveType : [S.reactiveType || "component"] : null)?.includes("none") || g.add(() => S.forceUpdate());
   }), queueMicrotask(() => {
-    h.forEach((S) => S());
+    g.forEach((S) => S());
   });
-}, le = (t, o) => {
-  const h = e.getState().getShadowMetadata(t, []);
-  if (h) {
-    const S = `${t}////${o}`, y = h?.components?.get(S);
+}, ue = (t, n) => {
+  const g = e.getState().getShadowMetadata(t, []);
+  if (g) {
+    const S = `${t}////${n}`, y = g?.components?.get(S);
     if ((y ? Array.isArray(y.reactiveType) ? y.reactiveType : [y.reactiveType || "component"] : null)?.includes("none"))
       return;
     y && y.forceUpdate();
   }
 };
-function wt(t, o, h, S) {
-  const y = e.getState(), I = y.getShadowMetadata(t, o);
-  if (y.setShadowMetadata(t, o, {
+function wt(t, n, g, S) {
+  const y = e.getState(), I = y.getShadowMetadata(t, n);
+  if (y.setShadowMetadata(t, n, {
     ...I,
     isDirty: !1,
     stateSource: "server",
     lastServerSync: S || Date.now()
-  }), Array.isArray(h)) {
-    const V = y.getShadowMetadata(t, o);
-    V?.arrayKeys && V.arrayKeys.forEach((u, f) => {
-      const A = u.split(".").slice(1), w = h[f];
+  }), Array.isArray(g)) {
+    const E = y.getShadowMetadata(t, n);
+    E?.arrayKeys && E.arrayKeys.forEach((u, f) => {
+      const A = u.split(".").slice(1), w = g[f];
       w !== void 0 && wt(
         t,
         A,
@@ -168,40 +180,40 @@ function wt(t, o, h, S) {
         S
       );
     });
-  } else h && typeof h == "object" && h.constructor === Object && Object.keys(h).forEach((V) => {
-    const u = [...o, V], f = h[V];
+  } else g && typeof g == "object" && g.constructor === Object && Object.keys(g).forEach((E) => {
+    const u = [...n, E], f = g[E];
     wt(t, u, f, S);
   });
 }
-function xt(t, {
-  stateKey: o,
-  localStorage: h,
+function zt(t, {
+  stateKey: n,
+  localStorage: g,
   formElements: S,
   reactiveDeps: y,
   reactiveType: I,
-  componentId: V,
+  componentId: E,
   defaultState: u,
   syncUpdate: f,
   dependencies: A,
   serverState: w
 } = {}) {
-  const [i, g] = K({}), { sessionId: M } = Pt();
-  let z = !o;
-  const [c] = K(o ?? rt()), B = e.getState().stateLog[c], J = q(/* @__PURE__ */ new Set()), H = q(V ?? rt()), W = q(
+  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(E ?? rt()), W = q(
     null
   );
   W.current = nt(c) ?? null, Z(() => {
     if (f && f.stateKey === c && f.path?.[0]) {
-      const n = `${f.stateKey}:${f.path.join(".")}`;
-      e.getState().setSyncInfo(n, {
+      const o = `${f.stateKey}:${f.path.join(".")}`;
+      e.getState().setSyncInfo(o, {
         timeStamp: f.timeStamp,
         userId: f.userId
       });
     }
   }, [f]);
   const m = ct(
-    (n) => {
-      const a = n ? { ...nt(c), ...n } : nt(c), d = a?.defaultState || u || t;
+    (o) => {
+      const a = o ? { ...nt(c), ...o } : nt(c), d = a?.defaultState || u || t;
       if (a?.serverState?.status === "success" && a?.serverState?.data !== void 0)
         return {
           value: a.serverState.data,
@@ -209,14 +221,14 @@ function xt(t, {
           timestamp: a.serverState.timestamp || Date.now()
         };
       if (a?.localStorage?.key && M) {
-        const p = at(a.localStorage.key) ? a.localStorage.key(d) : a.localStorage.key, E = gt(
+        const p = at(a.localStorage.key) ? a.localStorage.key(d) : a.localStorage.key, V = gt(
           `${M}-${c}-${p}`
         );
-        if (E && E.lastUpdated > (a?.serverState?.timestamp || 0))
+        if (V && V.lastUpdated > (a?.serverState?.timestamp || 0))
           return {
-            value: E.state,
+            value: V.state,
             source: "localStorage",
-            timestamp: E.lastUpdated
+            timestamp: V.lastUpdated
           };
       }
       return {
@@ -233,25 +245,25 @@ function xt(t, {
     if (r?.type === "SERVER_STATE_UPDATE") {
       const a = r.serverState;
       if (a?.status === "success" && a.data !== void 0) {
-        mt(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)) {
+        yt(c, { serverState: a });
+        const l = typeof a.merge == "object" ? a.merge : a.merge === !0 ? {} : null, p = e.getState().getShadowValue(c), V = a.data;
+        if (l && Array.isArray(p) && Array.isArray(V)) {
           const U = l.key || "id", C = new Set(
             p.map((x) => x[U])
-          ), F = E.filter((x) => !C.has(x[U]));
+          ), F = V.filter((x) => !C.has(x[U]));
           F.length > 0 && F.forEach((x) => {
             e.getState().insertShadowArrayElement(c, [], x);
-            const j = e.getState().getShadowMetadata(c, []);
-            if (j?.arrayKeys) {
-              const L = j.arrayKeys[j.arrayKeys.length - 1];
-              if (L) {
-                const b = L.split(".").slice(1);
+            const N = e.getState().getShadowMetadata(c, []);
+            if (N?.arrayKeys) {
+              const j = N.arrayKeys[N.arrayKeys.length - 1];
+              if (j) {
+                const b = j.split(".").slice(1);
                 e.getState().setShadowMetadata(c, b, {
                   isDirty: !1,
                   stateSource: "server",
                   lastServerSync: a.timestamp || Date.now()
                 });
-                const k = e.getState().getShadowValue(L);
+                const k = e.getState().getShadowValue(j);
                 k && typeof k == "object" && !Array.isArray(k) && Object.keys(k).forEach((P) => {
                   const O = [...b, P];
                   e.getState().setShadowMetadata(c, O, {
@@ -264,15 +276,15 @@ function xt(t, {
             }
           });
         } else
-          e.getState().initializeShadowState(c, E), wt(
+          e.getState().initializeShadowState(c, V), wt(
             c,
             [],
-            E,
+            V,
             a.timestamp
           );
-        const D = e.getState().getShadowMetadata(c, []);
+        const _ = e.getState().getShadowMetadata(c, []);
         e.getState().setShadowMetadata(c, [], {
-          ...D,
+          ..._,
           stateSource: "server",
           lastServerSync: a.timestamp || Date.now(),
           isDirty: !1
@@ -280,13 +292,13 @@ function xt(t, {
       }
     }
   }), [c, m]), Z(() => {
-    const n = e.getState().getShadowMetadata(c, []);
-    if (n && n.stateSource)
+    const o = e.getState().getShadowMetadata(c, []);
+    if (o && o.stateSource)
       return;
     const r = nt(c);
     if (r?.defaultState !== void 0 || u !== void 0) {
       const a = r?.defaultState || u;
-      r?.defaultState || mt(c, {
+      r?.defaultState || yt(c, {
         defaultState: a
       });
       const { value: d, source: l, timestamp: p } = m();
@@ -298,15 +310,15 @@ function xt(t, {
       }), it(c);
     }
   }, [c, ...A || []]), dt(() => {
-    z && mt(c, {
+    z && yt(c, {
       formElements: S,
       defaultState: u,
-      localStorage: h,
+      localStorage: g,
       middleware: W.current?.middleware
     });
-    const n = `${c}////${H.current}`, r = e.getState().getShadowMetadata(c, []), a = r?.components || /* @__PURE__ */ new Map();
-    return a.set(n, {
-      forceUpdate: () => g({}),
+    const o = `${c}////${H.current}`, r = e.getState().getShadowMetadata(c, []), a = r?.components || /* @__PURE__ */ new Map();
+    return a.set(o, {
+      forceUpdate: () => h({}),
       reactiveType: I ?? ["component", "deps"],
       paths: /* @__PURE__ */ new Set(),
       depsFunction: y || void 0,
@@ -315,28 +327,28 @@ function xt(t, {
     }), e.getState().setShadowMetadata(c, [], {
       ...r,
       components: a
-    }), g({}), () => {
-      const d = e.getState().getShadowMetadata(c, []), l = d?.components?.get(n);
+    }), h({}), () => {
+      const d = e.getState().getShadowMetadata(c, []), l = d?.components?.get(o);
       l?.paths && l.paths.forEach((p) => {
-        const D = p.split(".").slice(1), U = e.getState().getShadowMetadata(c, D);
-        U?.pathComponents && U.pathComponents.size === 0 && (delete U.pathComponents, e.getState().setShadowMetadata(c, D, U));
+        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);
     };
   }, []);
-  const Y = q(null), Q = (n, r, a) => {
+  const Y = q(null), Q = (o, r, a) => {
     const d = [c, ...r].join(".");
     if (Array.isArray(r)) {
       const b = `${c}-${r.join(".")}`;
       J.current.add(b);
     }
-    const l = e.getState(), p = l.getShadowMetadata(c, r), E = l.getShadowValue(d), D = a.updateType === "insert" && at(n) ? n({ state: E, uuid: rt() }) : at(n) ? n(E) : n, C = {
+    const l = e.getState(), p = l.getShadowMetadata(c, r), V = l.getShadowValue(d), _ = a.updateType === "insert" && at(o) ? o({ state: V, uuid: rt() }) : at(o) ? o(V) : o, C = {
       timeStamp: Date.now(),
       stateKey: c,
       path: r,
       updateType: a.updateType,
       status: "new",
-      oldValue: E,
-      newValue: D
+      oldValue: V,
+      newValue: _
     };
     switch (a.updateType) {
       case "insert": {
@@ -362,7 +374,7 @@ function xt(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 : D;
+      const b = a.updateType === "cut" ? null : _;
       p.signals.forEach(({ parentId: k, position: P, effect: O }) => {
         const v = document.querySelector(`[data-parent-id="${k}"]`);
         if (v) {
@@ -375,8 +387,8 @@ function xt(t, {
                   "state",
                   `return (${O})(state)`
                 )(b);
-              } catch (_) {
-                console.error("Error evaluating effect function:", _);
+              } catch (D) {
+                console.error("Error evaluating effect function:", D);
               }
             $ != null && typeof $ == "object" && ($ = JSON.stringify($)), T[P].textContent = String($ ?? "");
           }
@@ -391,47 +403,47 @@ function xt(t, {
       p.mapWrappers.forEach((v) => {
         let T = !0, $ = -1;
         if (v.meta?.transforms && v.meta.transforms.length > 0) {
-          for (const _ of v.meta.transforms)
-            if (_.type === "filter" && !_.fn(P, -1)) {
+          for (const D of v.meta.transforms)
+            if (D.type === "filter" && !D.fn(P, -1)) {
               T = !1;
               break;
             }
           if (T) {
-            const _ = It(
+            const D = It(
               c,
               r,
               v.meta.transforms
             ), R = v.meta.transforms.find(
-              (N) => N.type === "sort"
+              (L) => L.type === "sort"
             );
             if (R) {
-              const N = _.map((G) => ({
+              const L = D.map((G) => ({
                 key: G,
                 value: l.getShadowValue(G)
               }));
-              N.push({ key: k, value: P }), N.sort((G, tt) => R.fn(G.value, tt.value)), $ = N.findIndex(
+              L.push({ key: k, value: P }), L.sort((G, tt) => R.fn(G.value, tt.value)), $ = L.findIndex(
                 (G) => G.key === k
               );
             } else
-              $ = _.length;
+              $ = D.length;
           }
         } else
           T = !0, $ = b.length - 1;
         if (T && v.containerRef && v.containerRef.isConnected) {
-          const _ = document.createElement("div");
-          _.setAttribute("data-item-path", k);
+          const D = document.createElement("div");
+          D.setAttribute("data-item-path", k);
           const R = Array.from(v.containerRef.children);
           $ >= 0 && $ < R.length ? v.containerRef.insertBefore(
-            _,
+            D,
             R[$]
-          ) : v.containerRef.appendChild(_);
-          const N = At(_), G = rt(), tt = k.split(".").slice(1), et = v.rebuildStateShape({
+          ) : v.containerRef.appendChild(D);
+          const L = At(D), G = rt(), tt = k.split(".").slice(1), et = v.rebuildStateShape({
             path: v.path,
             currentState: O,
             componentId: v.componentId,
             meta: v.meta
           });
-          N.render(
+          L.render(
             lt(Mt, {
               stateKey: c,
               itemComponentId: G,
@@ -456,33 +468,33 @@ function xt(t, {
         }
       });
     }
-    const x = e.getState().getShadowValue(c), j = e.getState().getShadowMetadata(c, []), L = /* @__PURE__ */ new Set();
+    const x = e.getState().getShadowValue(c), N = e.getState().getShadowMetadata(c, []), j = /* @__PURE__ */ new Set();
     if (console.log(
       "rootMeta",
       c,
       e.getState().shadowStateStore
-    ), !j?.components)
+    ), !N?.components)
       return x;
     if (a.updateType === "update") {
       let b = [...r];
       for (; ; ) {
         const k = l.getShadowMetadata(c, b);
         if (k?.pathComponents && k.pathComponents.forEach((P) => {
-          if (L.has(P))
+          if (j.has(P))
             return;
-          const O = j.components?.get(P);
-          O && ((Array.isArray(O.reactiveType) ? O.reactiveType : [O.reactiveType || "component"]).includes("none") || (O.forceUpdate(), L.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();
       }
-      D && typeof D == "object" && !Tt(D) && E && typeof E == "object" && !Tt(E) && Ct(D, E).forEach((P) => {
+      _ && typeof _ == "object" && !Tt(_) && V && typeof V == "object" && !Tt(V) && Ct(_, V).forEach((P) => {
         const O = P.split("."), v = [...r, ...O], T = l.getShadowMetadata(c, v);
         T?.pathComponents && T.pathComponents.forEach(($) => {
-          if (L.has($))
+          if (j.has($))
             return;
-          const _ = j.components?.get($);
-          _ && ((Array.isArray(_.reactiveType) ? _.reactiveType : [_.reactiveType || "component"]).includes("none") || (_.forceUpdate(), L.add($)));
+          const D = N.components?.get($);
+          D && ((Array.isArray(D.reactiveType) ? D.reactiveType : [D.reactiveType || "component"]).includes("none") || (D.forceUpdate(), j.add($)));
         });
       });
     } else if (a.updateType === "insert" || a.updateType === "cut") {
@@ -490,55 +502,55 @@ function xt(t, {
       if (k?.signals && k.signals.length > 0) {
         const P = [c, ...b].join("."), O = l.getShadowValue(P);
         k.signals.forEach(({ parentId: v, position: T, effect: $ }) => {
-          const _ = document.querySelector(
+          const D = document.querySelector(
             `[data-parent-id="${v}"]`
           );
-          if (_) {
-            const R = Array.from(_.childNodes);
+          if (D) {
+            const R = Array.from(D.childNodes);
             if (R[T]) {
-              let N = O;
+              let L = O;
               if ($)
                 try {
-                  N = new Function(
+                  L = new Function(
                     "state",
                     `return (${$})(state)`
                   )(O);
                 } catch (G) {
-                  console.error("Error evaluating effect function:", G), N = O;
+                  console.error("Error evaluating effect function:", G), L = O;
                 }
-              N != null && typeof N == "object" && (N = JSON.stringify(N)), R[T].textContent = String(N ?? "");
+              L != null && typeof L == "object" && (L = JSON.stringify(L)), R[T].textContent = String(L ?? "");
             }
           }
         });
       }
       k?.pathComponents && k.pathComponents.forEach((P) => {
-        if (!L.has(P)) {
-          const O = j.components?.get(P);
-          O && (O.forceUpdate(), L.add(P));
+        if (!j.has(P)) {
+          const O = N.components?.get(P);
+          O && (O.forceUpdate(), j.add(P));
         }
       });
     }
-    return j.components.forEach((b, k) => {
-      if (L.has(k))
+    return N.components.forEach((b, k) => {
+      if (j.has(k))
         return;
       const P = Array.isArray(b.reactiveType) ? b.reactiveType : [b.reactiveType || "component"];
       if (P.includes("all")) {
-        b.forceUpdate(), L.add(k);
+        b.forceUpdate(), j.add(k);
         return;
       }
       if (P.includes("deps") && b.depsFunction) {
         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(), L.add(k));
+        v === !0 ? T = !0 : Array.isArray(v) && (st(b.prevDeps, v) || (b.prevDeps = v, T = !0)), T && (b.forceUpdate(), j.add(k));
       }
-    }), L.clear(), Nt(c, (b) => {
+    }), j.clear(), Wt(c, (b) => {
       const k = [...b ?? [], C], P = /* @__PURE__ */ new Map();
       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());
-    }), Wt(
-      D,
+    }), Ht(
+      _,
       c,
       W.current,
       M
@@ -547,8 +559,8 @@ function xt(t, {
       update: C
     }), x;
   };
-  e.getState().initialStateGlobal[c] || Dt(c, t);
-  const X = ft(() => _t(
+  e.getState().initialStateGlobal[c] || _t(c, t);
+  const X = St(() => Dt(
     c,
     Q,
     H.current,
@@ -556,65 +568,65 @@ function xt(t, {
   ), [c, M]), s = W.current?.cogsSync;
   return s && (Y.current = s(X)), X;
 }
-function zt(t) {
+function Bt(t) {
   return !t || t.length === 0 ? "" : t.map(
-    (o) => (
+    (n) => (
       // Safely stringify dependencies. An empty array becomes '[]'.
-      `${o.type}${JSON.stringify(o.dependencies || [])}`
+      `${n.type}${JSON.stringify(n.dependencies || [])}`
     )
   ).join("");
 }
-const It = (t, o, h) => {
-  let S = e.getState().getShadowMetadata(t, o)?.arrayKeys || [];
-  if (!h || h.length === 0)
+const It = (t, n, g) => {
+  let S = e.getState().getShadowMetadata(t, n)?.arrayKeys || [];
+  if (!g || g.length === 0)
     return S;
   let y = S.map((I) => ({
     key: I,
     value: e.getState().getShadowValue(I)
   }));
-  for (const I of h)
+  for (const I of g)
     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));
+      ({ value: E }, u) => I.fn(E, u)
+    ) : I.type === "sort" && y.sort((E, u) => I.fn(E.value, u.value));
   return y.map(({ key: I }) => I);
-}, Et = (t, o, h) => {
-  const S = `${t}////${o}`, { addPathComponent: y, getShadowMetadata: I } = e.getState(), u = I(t, [])?.components?.get(S);
-  !u || u.reactiveType === "none" || !(Array.isArray(u.reactiveType) ? u.reactiveType : [u.reactiveType]).includes("component") || y(t, h, S);
-}, pt = (t, o, h) => {
+}, Vt = (t, n, g) => {
+  const S = `${t}////${n}`, { addPathComponent: y, getShadowMetadata: I } = e.getState(), u = I(t, [])?.components?.get(S);
+  !u || u.reactiveType === "none" || !(Array.isArray(u.reactiveType) ? u.reactiveType : [u.reactiveType]).includes("component") || y(t, g, S);
+}, ft = (t, n, g) => {
   const S = e.getState(), y = S.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(), I.add(f));
-  }), S.getShadowMetadata(t, [...o, "getSelected"])?.pathComponents?.forEach((u) => {
+  }), S.getShadowMetadata(t, [...n, "getSelected"])?.pathComponents?.forEach((u) => {
     y?.components?.get(u)?.forceUpdate();
   });
-  const V = S.getShadowMetadata(t, o);
-  for (let u of V?.arrayKeys || []) {
+  const E = S.getShadowMetadata(t, n);
+  for (let u of E?.arrayKeys || []) {
     const f = u + ".selected", A = S.getShadowMetadata(
       t,
       f.split(".").slice(1)
     );
-    u == h && A?.pathComponents?.forEach((w) => {
+    u == g && A?.pathComponents?.forEach((w) => {
       y?.components?.get(w)?.forceUpdate();
     });
   }
 };
-function _t(t, o, h, S) {
+function Dt(t, n, g, S) {
   const y = /* @__PURE__ */ new Map();
   let I = 0;
-  const V = (w) => {
+  const E = (w) => {
     const i = w.join(".");
-    for (const [g] of y)
-      (g === i || g.startsWith(i + ".")) && y.delete(g);
+    for (const [h] of y)
+      (h === i || h.startsWith(i + ".")) && y.delete(h);
     I++;
   };
   function u({
     currentState: w,
     path: i = [],
-    meta: g,
+    meta: h,
     componentId: M
   }) {
     const z = i.map(String).join("."), c = [t, ...i].join(".");
-    w = e.getState().getShadowValue(c, g?.validIds);
+    w = e.getState().getShadowValue(c, h?.validIds);
     const B = function() {
       return e().getShadowValue(t, i);
     }, J = {
@@ -627,18 +639,18 @@ function _t(t, o, h, S) {
           return f[m];
         if (m === "getDifferences")
           return () => {
-            const s = e.getState().getShadowMetadata(t, []), n = e.getState().getShadowValue(t);
+            const s = e.getState().getShadowMetadata(t, []), o = e.getState().getShadowValue(t);
             let r;
-            return s?.stateSource === "server" && s.baseServerState ? r = s.baseServerState : r = e.getState().initialStateGlobal[t], Ct(n, r);
+            return s?.stateSource === "server" && s.baseServerState ? r = s.baseServerState : r = e.getState().initialStateGlobal[t], Ct(o, r);
           };
         if (m === "sync" && i.length === 0)
           return async function() {
-            const s = e.getState().getInitialOptions(t), n = s?.sync;
-            if (!n)
+            const s = e.getState().getInitialOptions(t), o = s?.sync;
+            if (!o)
               return console.error(`No mutation defined for state key "${t}"`), { success: !1, error: "No mutation defined" };
             const r = e.getState().getShadowValue(t, []), a = s?.validation?.key;
             try {
-              const d = await n.action(r);
+              const d = await o.action(r);
               if (d && !d.success && d.errors && a && (e.getState().removeValidationError(a), d.errors.forEach((l) => {
                 const p = [a, ...l.path].join(".");
                 e.getState().addValidationError(p, l.message);
@@ -651,23 +663,23 @@ function _t(t, o, h, S) {
                   stateSource: "server",
                   baseServerState: r
                   // Update base server state
-                }), n.onSuccess && n.onSuccess(d.data);
-              } else !d?.success && n.onError && n.onError(d.error);
+                }), o.onSuccess && o.onSuccess(d.data);
+              } else !d?.success && o.onError && o.onError(d.error);
               return d;
             } catch (d) {
-              return n.onError && n.onError(d), { success: !1, error: d };
+              return o.onError && o.onError(d), { success: !1, error: d };
             }
           };
         if (m === "_status" || m === "getStatus") {
           const s = () => {
-            const n = e.getState().getShadowMetadata(t, i), r = e.getState().getShadowValue(c);
-            return n?.isDirty === !0 ? "dirty" : n?.isDirty === !1 || n?.stateSource === "server" ? "synced" : n?.stateSource === "localStorage" ? "restored" : n?.stateSource === "default" ? "fresh" : e.getState().getShadowMetadata(t, [])?.stateSource === "server" && !n?.isDirty ? "synced" : r !== void 0 && !n ? "fresh" : "unknown";
+            const o = e.getState().getShadowMetadata(t, i), r = e.getState().getShadowValue(c);
+            return o?.isDirty === !0 ? "dirty" : o?.isDirty === !1 || o?.stateSource === "server" ? "synced" : o?.stateSource === "localStorage" ? "restored" : o?.stateSource === "default" ? "fresh" : e.getState().getShadowMetadata(t, [])?.stateSource === "server" && !o?.isDirty ? "synced" : r !== void 0 && !o ? "fresh" : "unknown";
           };
           return m === "_status" ? s() : s;
         }
         if (m === "removeStorage")
           return () => {
-            const s = e.getState().initialStateGlobal[t], n = nt(t), r = at(n?.localStorage?.key) ? n.localStorage.key(s) : n?.localStorage?.key, a = `${S}-${t}-${r}`;
+            const s = e.getState().initialStateGlobal[t], o = nt(t), r = at(o?.localStorage?.key) ? o.localStorage.key(s) : o?.localStorage?.key, a = `${S}-${t}-${r}`;
             a && localStorage.removeItem(a);
           };
         if (m === "showValidationErrors")
@@ -679,15 +691,15 @@ function _t(t, o, h, S) {
           if (m === "getSelected")
             return () => {
               const s = t + "." + i.join(".");
-              Et(t, M, [
+              Vt(t, M, [
                 ...i,
                 "getSelected"
               ]);
-              const n = e.getState().selectedIndicesMap;
-              if (!n || !n.has(s))
+              const o = e.getState().selectedIndicesMap;
+              if (!o || !o.has(s))
                 return;
-              const r = n.get(s);
-              if (g?.validIds && !g.validIds.includes(r))
+              const r = o.get(s);
+              if (h?.validIds && !h.validIds.includes(r))
                 return;
               const a = e.getState().getShadowValue(r);
               if (a)
@@ -700,10 +712,10 @@ function _t(t, o, h, S) {
           if (m === "getSelectedIndex")
             return () => e.getState().getSelectedIndex(
               t + "." + i.join("."),
-              g?.validIds
+              h?.validIds
             );
           if (m === "clearSelected")
-            return pt(t, i), () => {
+            return ft(t, i), () => {
               e.getState().clearSelectedIndex({
                 arrayKey: t + "." + i.join(".")
               });
@@ -711,14 +723,14 @@ function _t(t, o, h, S) {
           if (m === "useVirtualView")
             return (s) => {
               const {
-                itemHeight: n = 50,
+                itemHeight: o = 50,
                 overscan: r = 6,
                 stickToBottom: a = !1,
                 scrollStickTolerance: d = 75
-              } = s, l = q(null), [p, E] = K({
+              } = s, l = q(null), [p, V] = K({
                 startIndex: 0,
                 endIndex: 10
-              }), [D, U] = K({}), C = q(!0), F = q({
+              }), [_, U] = K({}), C = q(!0), F = q({
                 isUserScrolling: !1,
                 lastScrollTop: 0,
                 scrollUpCount: 0,
@@ -734,29 +746,29 @@ function _t(t, o, h, S) {
                   top: v.scrollHeight,
                   behavior: C.current ? "instant" : "smooth"
                 });
-              }, [D, a]);
-              const j = e.getState().getShadowMetadata(t, i)?.arrayKeys || [], { totalHeight: L, itemOffsets: b } = ft(() => {
+              }, [_, a]);
+              const N = e.getState().getShadowMetadata(t, i)?.arrayKeys || [], { totalHeight: j, itemOffsets: b } = St(() => {
                 let v = 0;
                 const T = /* @__PURE__ */ new Map();
-                return (e.getState().getShadowMetadata(t, i)?.arrayKeys || []).forEach((_) => {
-                  const R = _.split(".").slice(1), N = e.getState().getShadowMetadata(t, R)?.virtualizer?.itemHeight || n;
-                  T.set(_, {
-                    height: N,
+                return (e.getState().getShadowMetadata(t, i)?.arrayKeys || []).forEach((D) => {
+                  const R = D.split(".").slice(1), L = e.getState().getShadowMetadata(t, R)?.virtualizer?.itemHeight || o;
+                  T.set(D, {
+                    height: L,
                     offset: v
-                  }), v += N;
+                  }), v += L;
                 }), x.current = T, { totalHeight: v, itemOffsets: T };
-              }, [j.length, n]);
+              }, [N.length, o]);
               dt(() => {
-                if (a && j.length > 0 && l.current && !F.current.isUserScrolling && C.current) {
+                if (a && N.length > 0 && l.current && !F.current.isUserScrolling && C.current) {
                   const v = l.current, T = () => {
                     if (v.clientHeight > 0) {
                       const $ = Math.ceil(
-                        v.clientHeight / n
-                      ), _ = j.length - 1, R = Math.max(
+                        v.clientHeight / o
+                      ), D = N.length - 1, R = Math.max(
                         0,
-                        _ - $ - r
+                        D - $ - r
                       );
-                      E({ startIndex: R, endIndex: _ }), requestAnimationFrame(() => {
+                      V({ startIndex: R, endIndex: D }), requestAnimationFrame(() => {
                         P("instant"), C.current = !1;
                       });
                     } else
@@ -764,34 +776,34 @@ function _t(t, o, h, S) {
                   };
                   T();
                 }
-              }, [j.length, a, n, r]);
+              }, [N.length, a, o, r]);
               const k = ct(() => {
                 const v = l.current;
                 if (!v) return;
-                const T = v.scrollTop, { scrollHeight: $, clientHeight: _ } = v, R = F.current, N = $ - (T + _), G = R.isNearBottom;
-                R.isNearBottom = N <= 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;
+                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 < j.length; et++) {
-                  const St = j[et], ht = x.current.get(St);
-                  if (ht && ht.offset + ht.height > T) {
+                for (let et = 0; et < N.length; et++) {
+                  const ht = N[et], mt = x.current.get(ht);
+                  if (mt && mt.offset + mt.height > T) {
                     tt = et;
                     break;
                   }
                 }
                 if (tt !== p.startIndex) {
-                  const et = Math.ceil(_ / n);
-                  E({
+                  const et = Math.ceil(D / o);
+                  V({
                     startIndex: Math.max(0, tt - r),
                     endIndex: Math.min(
-                      j.length - 1,
+                      N.length - 1,
                       tt + et + r
                     )
                   });
                 }
               }, [
-                j.length,
+                N.length,
                 p.startIndex,
-                n,
+                o,
                 r,
                 d
               ]);
@@ -810,18 +822,18 @@ function _t(t, o, h, S) {
                   if (!T) return;
                   F.current.isUserScrolling = !1, F.current.isNearBottom = !0, F.current.scrollUpCount = 0;
                   const $ = () => {
-                    const _ = (R = 0) => {
+                    const D = (R = 0) => {
                       if (R > 5) return;
-                      const N = T.scrollHeight, G = T.scrollTop, tt = T.clientHeight;
-                      G + tt >= N - 1 || (T.scrollTo({
-                        top: N,
+                      const L = T.scrollHeight, G = T.scrollTop, tt = T.clientHeight;
+                      G + tt >= L - 1 || (T.scrollTo({
+                        top: L,
                         behavior: v
                       }), setTimeout(() => {
-                        const et = T.scrollHeight, St = T.scrollTop;
-                        (et !== N || St + tt < et - 1) && _(R + 1);
+                        const et = T.scrollHeight, ht = T.scrollTop;
+                        (et !== L || ht + tt < et - 1) && D(R + 1);
                       }, 50));
                     };
-                    _();
+                    D();
                   };
                   "requestIdleCallback" in window ? requestIdleCallback($, { timeout: 100 }) : requestAnimationFrame(() => {
                     requestAnimationFrame($);
@@ -833,14 +845,14 @@ function _t(t, o, h, S) {
                 if (!a || !l.current) return;
                 const v = l.current, T = F.current;
                 let $;
-                const _ = () => {
+                const D = () => {
                   clearTimeout($), $ = setTimeout(() => {
                     !T.isUserScrolling && T.isNearBottom && P(
                       C.current ? "instant" : "smooth"
                     );
                   }, 100);
                 }, R = new MutationObserver(() => {
-                  T.isUserScrolling || _();
+                  T.isUserScrolling || D();
                 });
                 R.observe(v, {
                   childList: !0,
@@ -849,19 +861,19 @@ function _t(t, o, h, S) {
                   attributeFilter: ["style", "class"]
                   // More specific than just 'height'
                 });
-                const N = (G) => {
-                  G.target instanceof HTMLImageElement && !T.isUserScrolling && _();
+                const L = (G) => {
+                  G.target instanceof HTMLImageElement && !T.isUserScrolling && D();
                 };
-                return v.addEventListener("load", N, !0), C.current ? setTimeout(() => {
+                return v.addEventListener("load", L, !0), C.current ? setTimeout(() => {
                   P("instant");
-                }, 0) : _(), () => {
-                  clearTimeout($), R.disconnect(), v.removeEventListener("load", N, !0);
+                }, 0) : D(), () => {
+                  clearTimeout($), R.disconnect(), v.removeEventListener("load", L, !0);
                 };
-              }, [a, j.length, P]), {
-                virtualState: ft(() => {
+              }, [a, N.length, P]), {
+                virtualState: St(() => {
                   const v = e.getState(), T = v.getShadowValue(
                     [t, ...i].join(".")
-                  ), $ = v.getShadowMetadata(t, i)?.arrayKeys || [], _ = T.slice(
+                  ), $ = v.getShadowMetadata(t, i)?.arrayKeys || [], D = T.slice(
                     p.startIndex,
                     p.endIndex + 1
                   ), R = $.slice(
@@ -869,12 +881,12 @@ function _t(t, o, h, S) {
                     p.endIndex + 1
                   );
                   return u({
-                    currentState: _,
+                    currentState: D,
                     path: i,
                     componentId: M,
-                    meta: { ...g, validIds: R }
+                    meta: { ...h, validIds: R }
                   });
-                }, [p.startIndex, p.endIndex, j.length]),
+                }, [p.startIndex, p.endIndex, N.length]),
                 virtualizerProps: {
                   outer: {
                     ref: l,
@@ -886,22 +898,22 @@ function _t(t, o, h, S) {
                   },
                   inner: {
                     style: {
-                      height: `${L}px`,
+                      height: `${j}px`,
                       position: "relative"
                     }
                   },
                   list: {
                     style: {
                       transform: `translateY(${x.current.get(
-                        j[p.startIndex]
+                        N[p.startIndex]
                       )?.offset || 0}px)`
                     }
                   }
                 },
                 scrollToBottom: P,
                 scrollToIndex: (v, T = "smooth") => {
-                  if (l.current && j[v]) {
-                    const $ = x.current.get(j[v])?.offset || 0;
+                  if (l.current && N[v]) {
+                    const $ = x.current.get(N[v])?.offset || 0;
                     l.current.scrollTo({ top: $, behavior: T });
                   }
                 }
@@ -909,47 +921,47 @@ function _t(t, o, h, S) {
             };
           if (m === "stateMap")
             return (s) => {
-              const [n, r] = K(
-                g?.validIds ?? e.getState().getShadowMetadata(t, i)?.arrayKeys
-              ), a = e.getState().getShadowValue(c, g?.validIds);
-              if (!n)
+              const [o, r] = K(
+                h?.validIds ?? e.getState().getShadowMetadata(t, i)?.arrayKeys
+              ), a = e.getState().getShadowValue(c, h?.validIds);
+              if (!o)
                 throw new Error("No array keys found for mapping");
               const d = u({
                 currentState: a,
                 path: i,
                 componentId: M,
-                meta: g
+                meta: h
               });
               return a.map((l, p) => {
-                const E = n[p]?.split(".").slice(1), D = u({
+                const V = o[p]?.split(".").slice(1), _ = u({
                   currentState: l,
-                  path: E,
+                  path: V,
                   componentId: M,
-                  meta: g
+                  meta: h
                 });
                 return s(
-                  D,
+                  _,
                   p,
                   d
                 );
               });
             };
           if (m === "$stateMap")
-            return (s) => lt(Bt, {
+            return (s) => lt(qt, {
               proxy: {
                 _stateKey: t,
                 _path: i,
                 _mapFn: s,
-                _meta: g
+                _meta: h
               },
               rebuildStateShape: u
             });
           if (m === "stateFind")
             return (s) => {
-              const n = g?.validIds ?? e.getState().getShadowMetadata(t, i)?.arrayKeys;
-              if (n)
-                for (let r = 0; r < n.length; r++) {
-                  const a = n[r];
+              const o = h?.validIds ?? e.getState().getShadowMetadata(t, i)?.arrayKeys;
+              if (o)
+                for (let r = 0; r < o.length; r++) {
+                  const a = o[r];
                   if (!a) continue;
                   const d = e.getState().getShadowValue(a);
                   if (s(d, r)) {
@@ -958,7 +970,7 @@ function _t(t, o, h, S) {
                       currentState: d,
                       path: l,
                       componentId: M,
-                      meta: g
+                      meta: h
                       // Pass along meta for potential further chaining
                     });
                   }
@@ -966,11 +978,11 @@ function _t(t, o, h, S) {
             };
           if (m === "stateFilter")
             return (s) => {
-              const n = g?.validIds ?? e.getState().getShadowMetadata(t, i)?.arrayKeys;
-              if (!n)
+              const o = h?.validIds ?? e.getState().getShadowMetadata(t, i)?.arrayKeys;
+              if (!o)
                 throw new Error("No array keys found for filtering.");
               const r = [], a = w.filter(
-                (d, l) => s(d, l) ? (r.push(n[l]), !0) : !1
+                (d, l) => s(d, l) ? (r.push(o[l]), !0) : !1
               );
               return u({
                 currentState: a,
@@ -979,7 +991,7 @@ function _t(t, o, h, S) {
                 meta: {
                   validIds: r,
                   transforms: [
-                    ...g?.transforms || [],
+                    ...h?.transforms || [],
                     {
                       type: "filter",
                       fn: s
@@ -990,12 +1002,12 @@ function _t(t, o, h, S) {
             };
           if (m === "stateSort")
             return (s) => {
-              const n = g?.validIds ?? e.getState().getShadowMetadata(t, i)?.arrayKeys;
-              if (!n)
+              const o = h?.validIds ?? e.getState().getShadowMetadata(t, i)?.arrayKeys;
+              if (!o)
                 throw new Error("No array keys found for sorting");
               const r = w.map((a, d) => ({
                 item: a,
-                key: n[d]
+                key: o[d]
               }));
               return r.sort((a, d) => s(a.item, d.item)).filter(Boolean), u({
                 currentState: r.map((a) => a.item),
@@ -1004,7 +1016,7 @@ function _t(t, o, h, S) {
                 meta: {
                   validIds: r.map((a) => a.key),
                   transforms: [
-                    ...g?.transforms || [],
+                    ...h?.transforms || [],
                     { type: "sort", fn: s }
                   ]
                 }
@@ -1013,74 +1025,74 @@ function _t(t, o, h, S) {
           if (m === "stream")
             return function(s = {}) {
               const {
-                bufferSize: n = 100,
+                bufferSize: o = 100,
                 flushInterval: r = 100,
                 bufferStrategy: a = "accumulate",
                 store: d,
                 onFlush: l
               } = s;
-              let p = [], E = !1, D = null;
-              const U = (L) => {
-                if (!E) {
-                  if (a === "sliding" && p.length >= n)
+              let p = [], V = !1, _ = null;
+              const U = (j) => {
+                if (!V) {
+                  if (a === "sliding" && p.length >= o)
                     p.shift();
-                  else if (a === "dropping" && p.length >= n)
+                  else if (a === "dropping" && p.length >= o)
                     return;
-                  p.push(L), p.length >= n && C();
+                  p.push(j), p.length >= o && C();
                 }
               }, C = () => {
                 if (p.length === 0) return;
-                const L = [...p];
+                const j = [...p];
                 if (p = [], d) {
-                  const b = d(L);
+                  const b = d(j);
                   b !== void 0 && (Array.isArray(b) ? b : [b]).forEach((P) => {
-                    o(P, i, {
+                    n(P, i, {
                       updateType: "insert"
                     });
                   });
                 } else
-                  L.forEach((b) => {
-                    o(b, i, {
+                  j.forEach((b) => {
+                    n(b, i, {
                       updateType: "insert"
                     });
                   });
-                l?.(L);
+                l?.(j);
               };
-              r > 0 && (D = setInterval(C, r));
-              const F = rt(), x = e.getState().getShadowMetadata(t, i) || {}, j = x.streams || /* @__PURE__ */ new Map();
-              return j.set(F, { buffer: p, flushTimer: D }), e.getState().setShadowMetadata(t, i, {
+              r > 0 && (_ = setInterval(C, r));
+              const F = rt(), x = e.getState().getShadowMetadata(t, i) || {}, N = x.streams || /* @__PURE__ */ new Map();
+              return N.set(F, { buffer: p, flushTimer: _ }), e.getState().setShadowMetadata(t, i, {
                 ...x,
-                streams: j
+                streams: N
               }), {
-                write: (L) => U(L),
-                writeMany: (L) => L.forEach(U),
+                write: (j) => U(j),
+                writeMany: (j) => j.forEach(U),
                 flush: () => C(),
                 pause: () => {
-                  E = !0;
+                  V = !0;
                 },
                 resume: () => {
-                  E = !1, p.length > 0 && C();
+                  V = !1, p.length > 0 && C();
                 },
                 close: () => {
-                  C(), D && clearInterval(D);
-                  const L = e.getState().getShadowMetadata(t, i);
-                  L?.streams && L.streams.delete(F);
+                  C(), _ && clearInterval(_);
+                  const j = e.getState().getShadowMetadata(t, i);
+                  j?.streams && j.streams.delete(F);
                 }
               };
             };
           if (m === "stateList")
             return (s) => /* @__PURE__ */ ot(() => {
-              const r = q(/* @__PURE__ */ new Map()), a = g?.transforms && g.transforms.length > 0 ? `${M}-${zt(g.transforms)}` : `${M}-base`, [d, l] = K({}), { validIds: p, arrayValues: E } = ft(() => {
+              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: V } = St(() => {
                 const U = e.getState().getShadowMetadata(t, i)?.transformCaches?.get(a);
                 let C;
                 U && U.validIds ? C = U.validIds : (C = It(
                   t,
                   i,
-                  g?.transforms
+                  h?.transforms
                 ), e.getState().setTransformCache(t, i, a, {
                   validIds: C,
                   computedAt: Date.now(),
-                  transforms: g?.transforms || []
+                  transforms: h?.transforms || []
                 }));
                 const F = e.getState().getShadowValue(c, C);
                 return {
@@ -1088,44 +1100,44 @@ function _t(t, o, h, S) {
                   arrayValues: F || []
                 };
               }, [a, d]);
-              if (console.log("freshValues", p, E), Z(() => {
+              if (Z(() => {
                 const U = e.getState().subscribeToPath(c, (C) => {
                   if (C.type === "GET_SELECTED")
                     return;
                   const x = e.getState().getShadowMetadata(t, i)?.transformCaches;
                   if (x)
-                    for (const j of x.keys())
-                      j.startsWith(M) && x.delete(j);
+                    for (const N of x.keys())
+                      N.startsWith(M) && x.delete(N);
                   (C.type === "INSERT" || C.type === "REMOVE" || C.type === "CLEAR_SELECTION") && l({});
                 });
                 return () => {
                   U();
                 };
-              }, [M, c]), !Array.isArray(E))
+              }, [M, c]), !Array.isArray(V))
                 return null;
-              const D = u({
-                currentState: E,
+              const _ = u({
+                currentState: V,
                 path: i,
                 componentId: M,
                 meta: {
-                  ...g,
+                  ...h,
                   validIds: p
                 }
               });
-              return console.log("sssssssssssssssssssssssssssss", D), /* @__PURE__ */ ot(Ut, { children: E.map((U, C) => {
+              return /* @__PURE__ */ ot(Ut, { children: V.map((U, C) => {
                 const F = p[C];
                 if (!F)
                   return null;
                 let x = r.current.get(F);
                 x || (x = rt(), r.current.set(F, x));
-                const j = F.split(".").slice(1);
+                const N = F.split(".").slice(1);
                 return lt(Mt, {
                   key: F,
                   stateKey: t,
                   itemComponentId: x,
-                  itemPath: j,
+                  itemPath: N,
                   localIndex: C,
-                  arraySetter: D,
+                  arraySetter: _,
                   rebuildStateShape: u,
                   renderFn: s
                 });
@@ -1133,79 +1145,79 @@ function _t(t, o, h, S) {
             }, {});
           if (m === "stateFlattenOn")
             return (s) => {
-              const n = w;
+              const o = w;
               y.clear(), I++;
-              const r = n.flatMap(
+              const r = o.flatMap(
                 (a) => a[s] ?? []
               );
               return u({
                 currentState: r,
                 path: [...i, "[*]", s],
                 componentId: M,
-                meta: g
+                meta: h
               });
             };
           if (m === "index")
             return (s) => {
               const r = e.getState().getShadowMetadata(t, i)?.arrayKeys?.filter(
-                (l) => !g?.validIds || g?.validIds && g?.validIds?.includes(l)
+                (l) => !h?.validIds || h?.validIds && h?.validIds?.includes(l)
               )?.[s];
               if (!r) return;
-              const a = e.getState().getShadowValue(r, g?.validIds);
+              const a = e.getState().getShadowValue(r, h?.validIds);
               return u({
                 currentState: a,
                 path: r.split(".").slice(1),
                 componentId: M,
-                meta: g
+                meta: h
               });
             };
           if (m === "last")
             return () => {
               const s = e.getState().getShadowValue(t, i);
               if (s.length === 0) return;
-              const n = s.length - 1, r = s[n], a = [...i, n.toString()];
+              const o = s.length - 1, r = s[o], a = [...i, o.toString()];
               return u({
                 currentState: r,
                 path: a,
                 componentId: M,
-                meta: g
+                meta: h
               });
             };
           if (m === "insert")
-            return (s, n) => (o(s, i, { updateType: "insert" }), u({
+            return (s, o) => (n(s, i, { updateType: "insert" }), u({
               currentState: e.getState().getShadowValue(t, i),
               path: i,
               componentId: M,
-              meta: g
+              meta: h
             }));
           if (m === "uniqueInsert")
-            return (s, n, r) => {
+            return (s, o, r) => {
               const a = e.getState().getShadowValue(t, i), d = at(s) ? s(a) : s;
               let l = null;
-              if (!a.some((E) => {
-                const D = n ? n.every(
-                  (U) => st(E[U], d[U])
-                ) : st(E, d);
-                return D && (l = E), D;
+              if (!a.some((V) => {
+                const _ = o ? o.every(
+                  (U) => st(V[U], d[U])
+                ) : st(V, d);
+                return _ && (l = V), _;
               }))
-                V(i), o(d, i, { updateType: "insert" });
+                E(i), n(d, i, { updateType: "insert" });
               else if (r && l) {
-                const E = r(l), D = a.map(
-                  (U) => st(U, l) ? E : U
+                const V = r(l), _ = a.map(
+                  (U) => st(U, l) ? V : U
                 );
-                V(i), o(D, i, {
+                E(i), n(_, i, {
                   updateType: "update"
                 });
               }
             };
           if (m === "cut")
-            return (s, n) => {
-              const r = g?.validIds ?? e.getState().getShadowMetadata(t, i)?.arrayKeys;
+            return (s, o) => {
+              const r = h?.validIds ?? e.getState().getShadowMetadata(t, i)?.arrayKeys;
               if (!r || r.length === 0) return;
               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);
-              o(w, l, {
+              n(w, l, {
                 updateType: "cut"
               });
             };
@@ -1214,21 +1226,23 @@ function _t(t, o, h, S) {
               const s = It(
                 t,
                 i,
-                g?.transforms
+                h?.transforms
               );
               if (!s || s.length === 0) return;
-              const n = e.getState().selectedIndicesMap.get(c);
+              const o = e.getState().selectedIndicesMap.get(c);
               let r = s.findIndex(
-                (d) => d === n
+                (l) => l === o
               );
               const a = s[r == -1 ? s.length - 1 : r]?.split(".").slice(1);
-              e.getState().clearSelectedIndex({ arrayKey: c }), o(w, a, {
+              e.getState().clearSelectedIndex({ arrayKey: c });
+              const d = a?.slice(0, -1);
+              ft(t, d), n(w, a, {
                 updateType: "cut"
               });
             };
           if (m === "cutByValue")
             return (s) => {
-              const n = e.getState().getShadowMetadata(t, i), r = g?.validIds ?? n?.arrayKeys;
+              const o = e.getState().getShadowMetadata(t, i), r = h?.validIds ?? o?.arrayKeys;
               if (!r) return;
               let a = null;
               for (const d of r)
@@ -1238,12 +1252,12 @@ function _t(t, o, h, S) {
                 }
               if (a) {
                 const d = a.split(".").slice(1);
-                o(null, d, { updateType: "cut" });
+                n(null, d, { updateType: "cut" });
               }
             };
           if (m === "toggleByValue")
             return (s) => {
-              const n = e.getState().getShadowMetadata(t, i), r = g?.validIds ?? n?.arrayKeys;
+              const o = e.getState().getShadowMetadata(t, i), r = h?.validIds ?? o?.arrayKeys;
               if (!r) return;
               let a = null;
               for (const d of r) {
@@ -1255,21 +1269,21 @@ function _t(t, o, h, S) {
               }
               if (console.log("itemValue keyToCut", a), a) {
                 const d = a.split(".").slice(1);
-                console.log("itemValue keyToCut", a), o(s, d, {
+                console.log("itemValue keyToCut", a), n(s, d, {
                   updateType: "cut"
                 });
               } else
-                o(s, i, { updateType: "insert" });
+                n(s, i, { updateType: "insert" });
             };
           if (m === "findWith")
-            return (s, n) => {
+            return (s, o) => {
               const r = e.getState().getShadowMetadata(t, i)?.arrayKeys;
               if (!r)
                 throw new Error("No array keys found for sorting");
               let a = null, d = [];
               for (const l of r) {
-                let p = e.getState().getShadowValue(l, g?.validIds);
-                if (p && p[s] === n) {
+                let p = e.getState().getShadowValue(l, h?.validIds);
+                if (p && p[s] === o) {
                   a = p, d = l.split(".").slice(1);
                   break;
                 }
@@ -1278,29 +1292,29 @@ function _t(t, o, h, S) {
                 currentState: a,
                 path: d,
                 componentId: M,
-                meta: g
+                meta: h
               });
             };
         }
         if (m === "cut") {
           let s = e.getState().getShadowValue(i.join("."));
           return () => {
-            o(s, i, { updateType: "cut" });
+            n(s, i, { updateType: "cut" });
           };
         }
         if (m === "get")
-          return () => (Et(t, M, i), e.getState().getShadowValue(c, g?.validIds));
+          return () => (Vt(t, M, i), e.getState().getShadowValue(c, h?.validIds));
         if (m === "getState")
-          return () => e.getState().getShadowValue(c, g?.validIds);
+          return () => e.getState().getShadowValue(c, h?.validIds);
         if (m === "$derive")
           return (s) => bt({
             _stateKey: t,
             _path: i,
             _effect: s.toString(),
-            _meta: g
+            _meta: h
           });
         if (m === "$get")
-          return () => bt({ _stateKey: t, _path: i, _meta: g });
+          return () => bt({ _stateKey: t, _path: i, _meta: h });
         if (m === "lastSynced") {
           const s = `${t}:${i.join(".")}`;
           return e.getState().getSyncInfo(s);
@@ -1309,40 +1323,40 @@ function _t(t, o, h, S) {
           return (s) => gt(S + "-" + t + "-" + s);
         if (m === "isSelected") {
           const s = [t, ...i].slice(0, -1);
-          if (pt(t, i, void 0), Array.isArray(
-            e.getState().getShadowValue(s.join("."), g?.validIds)
+          if (ft(t, i, void 0), Array.isArray(
+            e.getState().getShadowValue(s.join("."), h?.validIds)
           )) {
             i[i.length - 1];
-            const n = s.join("."), r = e.getState().selectedIndicesMap.get(n), a = t + "." + i.join(".");
+            const o = s.join("."), r = e.getState().selectedIndicesMap.get(o), a = t + "." + i.join(".");
             return r === a;
           }
           return;
         }
         if (m === "setSelected")
           return (s) => {
-            const n = i.slice(0, -1), r = t + "." + n.join("."), a = t + "." + i.join(".");
-            pt(t, n, void 0), e.getState().selectedIndicesMap.get(r), s && e.getState().setSelectedIndex(r, a);
+            const o = i.slice(0, -1), r = t + "." + o.join("."), a = t + "." + i.join(".");
+            ft(t, o, void 0), e.getState().selectedIndicesMap.get(r), s && e.getState().setSelectedIndex(r, a);
           };
         if (m === "toggleSelected")
           return () => {
-            const s = i.slice(0, -1), n = t + "." + s.join("."), r = t + "." + i.join(".");
-            e.getState().selectedIndicesMap.get(n) === r ? e.getState().clearSelectedIndex({ arrayKey: n }) : e.getState().setSelectedIndex(n, r);
+            const s = i.slice(0, -1), o = t + "." + s.join("."), r = t + "." + i.join(".");
+            e.getState().selectedIndicesMap.get(o) === r ? e.getState().clearSelectedIndex({ arrayKey: o }) : e.getState().setSelectedIndex(o, r);
           };
         if (m === "_componentId")
           return M;
         if (i.length == 0) {
           if (m === "addValidation")
             return (s) => {
-              const n = e.getState().getInitialOptions(t)?.validation;
-              if (!n?.key) throw new Error("Validation key not found");
-              ut(n.key), s.forEach((r) => {
-                const a = [n.key, ...r.path].join(".");
-                yt(a, r.message);
+              const o = e.getState().getInitialOptions(t)?.validation;
+              if (!o?.key) throw new Error("Validation key not found");
+              ut(o.key), s.forEach((r) => {
+                const a = [o.key, ...r.path].join(".");
+                pt(a, r.message);
               }), it(t);
             };
           if (m === "applyJsonPatch")
             return (s) => {
-              const n = e.getState(), r = n.getShadowMetadata(t, []);
+              const o = e.getState(), r = o.getShadowMetadata(t, []);
               if (!r?.components) return;
               const a = (l) => !l || l === "/" ? [] : l.split("/").slice(1).map((p) => p.replace(/~1/g, "/").replace(/~0/g, "~")), d = /* @__PURE__ */ new Set();
               for (const l of s) {
@@ -1350,40 +1364,40 @@ function _t(t, o, h, S) {
                 switch (l.op) {
                   case "add":
                   case "replace": {
-                    const { value: E } = l;
-                    n.updateShadowAtPath(t, p, E), n.markAsDirty(t, p, { bubble: !0 });
-                    let D = [...p];
+                    const { value: V } = l;
+                    o.updateShadowAtPath(t, p, V), o.markAsDirty(t, p, { bubble: !0 });
+                    let _ = [...p];
                     for (; ; ) {
-                      const U = n.getShadowMetadata(
+                      const U = o.getShadowMetadata(
                         t,
-                        D
+                        _
                       );
                       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));
                         }
-                      }), D.length === 0) break;
-                      D.pop();
+                      }), _.length === 0) break;
+                      _.pop();
                     }
                     break;
                   }
                   case "remove": {
-                    const E = p.slice(0, -1);
-                    n.removeShadowArrayElement(t, p), n.markAsDirty(t, E, { bubble: !0 });
-                    let D = [...E];
+                    const V = p.slice(0, -1);
+                    o.removeShadowArrayElement(t, p), o.markAsDirty(t, V, { bubble: !0 });
+                    let _ = [...V];
                     for (; ; ) {
-                      const U = n.getShadowMetadata(
+                      const U = o.getShadowMetadata(
                         t,
-                        D
+                        _
                       );
                       if (U?.pathComponents && U.pathComponents.forEach((C) => {
                         if (!d.has(C)) {
                           const F = r.components?.get(C);
                           F && (F.forceUpdate(), d.add(C));
                         }
-                      }), D.length === 0) break;
-                      D.pop();
+                      }), _.length === 0) break;
+                      _.pop();
                     }
                     break;
                   }
@@ -1392,19 +1406,19 @@ function _t(t, o, h, S) {
             };
           if (m === "validateZodSchema")
             return () => {
-              const s = e.getState().getInitialOptions(t)?.validation, n = s?.zodSchemaV4 || s?.zodSchemaV3;
-              if (!n || !s?.key)
+              const s = e.getState().getInitialOptions(t)?.validation, o = s?.zodSchemaV4 || s?.zodSchemaV3;
+              if (!o || !s?.key)
                 throw new Error(
                   "Zod schema (v3 or v4) or validation key not found"
                 );
               ut(s.key);
-              const r = e.getState().getShadowValue(t), a = n.safeParse(r);
+              const r = e.getState().getShadowValue(t), a = o.safeParse(r);
               return a.success ? !0 : ("issues" in a.error ? a.error.issues.forEach((d) => {
                 const l = [s.key, ...d.path].join(".");
-                yt(l, d.message);
+                pt(l, d.message);
               }) : a.error.errors.forEach((d) => {
                 const l = [s.key, ...d.path].join(".");
-                yt(l, d.message);
+                pt(l, d.message);
               }), it(t), !1);
             };
           if (m === "getComponents")
@@ -1417,11 +1431,11 @@ function _t(t, o, h, S) {
         if (m === "validationWrapper")
           return ({
             children: s,
-            hideMessage: n
+            hideMessage: o
           }) => /* @__PURE__ */ ot(
             kt,
             {
-              formOpts: n ? { validation: { message: "" } } : void 0,
+              formOpts: o ? { validation: { message: "" } } : void 0,
               path: i,
               stateKey: t,
               children: s
@@ -1430,14 +1444,14 @@ function _t(t, o, h, S) {
         if (m === "_stateKey") return t;
         if (m === "_path") return i;
         if (m === "update")
-          return (s) => (o(s, i, { updateType: "update" }), {
+          return (s) => (n(s, i, { updateType: "update" }), {
             /**
              * Marks this specific item, which was just updated, as 'synced' (not dirty).
              */
             synced: () => {
-              const n = e.getState().getShadowMetadata(t, i);
+              const o = e.getState().getShadowMetadata(t, i);
               e.getState().setShadowMetadata(t, i, {
-                ...n,
+                ...o,
                 isDirty: !1,
                 // EXPLICITLY set to false, not just undefined
                 stateSource: "server",
@@ -1457,20 +1471,20 @@ function _t(t, o, h, S) {
           if (console.log("currentValueAtPath", s), typeof w != "boolean")
             throw new Error("toggle() can only be used on boolean values");
           return () => {
-            o(!s, i, {
+            n(!s, i, {
               updateType: "update"
             });
           };
         }
         if (m === "formElement")
-          return (s, n) => /* @__PURE__ */ ot(
-            Yt,
+          return (s, o) => /* @__PURE__ */ ot(
+            Zt,
             {
               stateKey: t,
               path: i,
               rebuildStateShape: u,
-              setState: o,
-              formOpts: n,
+              setState: n,
+              formOpts: o,
               renderFn: s
             }
           );
@@ -1479,7 +1493,7 @@ function _t(t, o, h, S) {
           currentState: X,
           path: Q,
           componentId: M,
-          meta: g
+          meta: h
         });
       }
     }, H = new Proxy(B, J);
@@ -1495,13 +1509,13 @@ function _t(t, o, h, S) {
     revertToInitialState: (w) => {
       const i = e.getState().getInitialOptions(t)?.validation;
       i?.key && ut(i.key), w?.validationKey && ut(w.validationKey);
-      const g = e.getState().getShadowMetadata(t, []);
-      g?.stateSource === "server" && g.baseServerState ? g.baseServerState : e.getState().initialStateGlobal[t];
+      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(), I++, e.getState().initializeShadowState(t, M), u({
         currentState: M,
         path: [],
-        componentId: h
+        componentId: g
       });
       const z = nt(t), c = at(z?.localStorage?.key) ? z?.localStorage?.key(M) : z?.localStorage?.key, B = `${S}-${t}-${c}`;
       B && localStorage.removeItem(B);
@@ -1512,14 +1526,14 @@ function _t(t, o, h, S) {
     },
     updateInitialState: (w) => {
       y.clear(), I++;
-      const i = _t(
+      const i = Dt(
         t,
-        o,
-        h,
+        n,
+        g,
         S
-      ), g = e.getState().initialStateGlobal[t], M = nt(t), z = at(M?.localStorage?.key) ? M?.localStorage?.key(g) : M?.localStorage?.key, c = `${S}-${t}-${z}`;
+      ), h = e.getState().initialStateGlobal[t], M = nt(t), z = at(M?.localStorage?.key) ? M?.localStorage?.key(h) : M?.localStorage?.key, c = `${S}-${t}-${z}`;
       return localStorage.getItem(c) && localStorage.removeItem(c), Rt(() => {
-        Dt(t, w), e.getState().initializeShadowState(t, w);
+        _t(t, w), e.getState().initializeShadowState(t, w);
         const B = e.getState().getShadowMetadata(t, []);
         B && B?.components?.forEach((J) => {
           J.forceUpdate();
@@ -1531,20 +1545,20 @@ function _t(t, o, h, S) {
   };
   return u({
     currentState: e.getState().getShadowValue(t, []),
-    componentId: h,
+    componentId: g,
     path: []
   });
 }
 function bt(t) {
-  return lt(qt, { proxy: t });
+  return lt(Gt, { proxy: t });
 }
-function Bt({
+function qt({
   proxy: t,
-  rebuildStateShape: o
+  rebuildStateShape: n
 }) {
-  const h = q(null), S = q(`map-${crypto.randomUUID()}`), y = q(!1), I = q(/* @__PURE__ */ new Map());
+  const g = q(null), S = q(`map-${crypto.randomUUID()}`), y = q(!1), I = q(/* @__PURE__ */ new Map());
   Z(() => {
-    const u = h.current;
+    const u = g.current;
     if (!u || y.current) return;
     const f = setTimeout(() => {
       const A = e.getState().getShadowMetadata(t._stateKey, t._path) || {}, w = A.mapWrappers || [];
@@ -1552,14 +1566,14 @@ function Bt({
         instanceId: S.current,
         mapFn: t._mapFn,
         containerRef: u,
-        rebuildStateShape: o,
+        rebuildStateShape: n,
         path: t._path,
         componentId: S.current,
         meta: t._meta
       }), e.getState().setShadowMetadata(t._stateKey, t._path, {
         ...A,
         mapWrappers: w
-      }), y.current = !0, V();
+      }), y.current = !0, E();
     }, 0);
     return () => {
       if (clearTimeout(f), S.current) {
@@ -1571,22 +1585,22 @@ function Bt({
       I.current.forEach((A) => A.unmount());
     };
   }, []);
-  const V = () => {
-    const u = h.current;
+  const E = () => {
+    const u = g.current;
     if (!u) return;
     const f = e.getState().getShadowValue(
       [t._stateKey, ...t._path].join("."),
       t._meta?.validIds
     );
     if (!Array.isArray(f)) return;
-    const A = t._meta?.validIds ?? e.getState().getShadowMetadata(t._stateKey, t._path)?.arrayKeys ?? [], w = o({
+    const A = t._meta?.validIds ?? e.getState().getShadowMetadata(t._stateKey, t._path)?.arrayKeys ?? [], w = n({
       currentState: f,
       path: t._path,
       componentId: S.current,
       meta: t._meta
     });
-    f.forEach((i, g) => {
-      const M = A[g];
+    f.forEach((i, h) => {
+      const M = A[h];
       if (!M) return;
       const z = rt(), c = document.createElement("div");
       c.setAttribute("data-item-path", M), u.appendChild(c);
@@ -1598,42 +1612,42 @@ function Bt({
           stateKey: t._stateKey,
           itemComponentId: z,
           itemPath: J,
-          localIndex: g,
+          localIndex: h,
           arraySetter: w,
-          rebuildStateShape: o,
+          rebuildStateShape: n,
           renderFn: t._mapFn
         })
       );
     });
   };
-  return /* @__PURE__ */ ot("div", { ref: h, "data-map-container": S.current });
+  return /* @__PURE__ */ ot("div", { ref: g, "data-map-container": S.current });
 }
-function qt({
+function Gt({
   proxy: t
 }) {
-  const o = q(null), h = q(null), S = q(!1), y = `${t._stateKey}-${t._path.join(".")}`, I = e.getState().getShadowValue(
+  const n = q(null), g = q(null), S = q(!1), y = `${t._stateKey}-${t._path.join(".")}`, I = e.getState().getShadowValue(
     [t._stateKey, ...t._path].join("."),
     t._meta?.validIds
   );
   return Z(() => {
-    const V = o.current;
-    if (!V || S.current) return;
+    const E = n.current;
+    if (!E || S.current) return;
     const u = setTimeout(() => {
-      if (!V.parentElement) {
+      if (!E.parentElement) {
         console.warn("Parent element not found for signal", y);
         return;
       }
-      const f = V.parentElement, w = Array.from(f.childNodes).indexOf(V);
+      const f = E.parentElement, w = Array.from(f.childNodes).indexOf(E);
       let i = f.getAttribute("data-parent-id");
-      i || (i = `parent-${crypto.randomUUID()}`, f.setAttribute("data-parent-id", i)), h.current = `instance-${crypto.randomUUID()}`;
-      const g = e.getState().getShadowMetadata(t._stateKey, t._path) || {}, M = g.signals || [];
+      i || (i = `parent-${crypto.randomUUID()}`, f.setAttribute("data-parent-id", i)), g.current = `instance-${crypto.randomUUID()}`;
+      const h = e.getState().getShadowMetadata(t._stateKey, t._path) || {}, M = h.signals || [];
       M.push({
-        instanceId: h.current,
+        instanceId: g.current,
         parentId: i,
         position: w,
         effect: t._effect
       }), e.getState().setShadowMetadata(t._stateKey, t._path, {
-        ...g,
+        ...h,
         signals: M
       });
       let z = I;
@@ -1648,61 +1662,61 @@ function qt({
         }
       z !== null && typeof z == "object" && (z = JSON.stringify(z));
       const c = document.createTextNode(String(z ?? ""));
-      V.replaceWith(c), S.current = !0;
+      E.replaceWith(c), S.current = !0;
     }, 0);
     return () => {
-      if (clearTimeout(u), h.current) {
+      if (clearTimeout(u), g.current) {
         const f = e.getState().getShadowMetadata(t._stateKey, t._path) || {};
         f.signals && (f.signals = f.signals.filter(
-          (A) => A.instanceId !== h.current
+          (A) => A.instanceId !== g.current
         ), e.getState().setShadowMetadata(t._stateKey, t._path, f));
       }
     };
   }, []), lt("span", {
-    ref: o,
+    ref: n,
     style: { display: "contents" },
     "data-signal-id": y
   });
 }
 const Mt = Ot(
-  Jt,
-  (t, o) => t.itemPath.join(".") === o.itemPath.join(".") && t.stateKey === o.stateKey && t.itemComponentId === o.itemComponentId && t.localIndex === o.localIndex
-), Gt = (t) => {
-  const [o, h] = K(!1);
+  Yt,
+  (t, n) => t.itemPath.join(".") === n.itemPath.join(".") && t.stateKey === n.stateKey && t.itemComponentId === n.itemComponentId && t.localIndex === n.localIndex
+), Jt = (t) => {
+  const [n, g] = K(!1);
   return dt(() => {
     if (!t.current) {
-      h(!0);
+      g(!0);
       return;
     }
     const S = Array.from(t.current.querySelectorAll("img"));
     if (S.length === 0) {
-      h(!0);
+      g(!0);
       return;
     }
     let y = 0;
     const I = () => {
-      y++, y === S.length && h(!0);
+      y++, y === S.length && g(!0);
     };
-    return S.forEach((V) => {
-      V.complete ? I() : (V.addEventListener("load", I), V.addEventListener("error", I));
+    return S.forEach((E) => {
+      E.complete ? I() : (E.addEventListener("load", I), E.addEventListener("error", I));
     }), () => {
-      S.forEach((V) => {
-        V.removeEventListener("load", I), V.removeEventListener("error", I);
+      S.forEach((E) => {
+        E.removeEventListener("load", I), E.removeEventListener("error", I);
       });
     };
-  }, [t.current]), o;
+  }, [t.current]), n;
 };
-function Jt({
+function Yt({
   stateKey: t,
-  itemComponentId: o,
-  itemPath: h,
+  itemComponentId: n,
+  itemPath: g,
   localIndex: S,
   arraySetter: y,
   rebuildStateShape: I,
-  renderFn: V
+  renderFn: E
 }) {
-  const [, u] = K({}), { ref: f, inView: A } = Lt(), w = q(null), i = Gt(w), g = q(!1), M = [t, ...h].join(".");
-  $t(t, o, u);
+  const [, u] = K({}), { ref: f, inView: A } = jt(), w = q(null), i = Jt(w), h = q(!1), M = [t, ...g].join(".");
+  $t(t, n, u);
   const z = ct(
     (W) => {
       w.current = W, f(W);
@@ -1714,68 +1728,68 @@ function Jt({
       u({});
     });
   }, []), Z(() => {
-    if (!A || !i || g.current)
+    if (!A || !i || h.current)
       return;
     const W = w.current;
     if (W && W.offsetHeight > 0) {
-      g.current = !0;
+      h.current = !0;
       const m = W.offsetHeight;
-      e.getState().setShadowMetadata(t, h, {
+      e.getState().setShadowMetadata(t, g, {
         virtualizer: {
           itemHeight: m,
           domRef: W
         }
       });
-      const Y = h.slice(0, -1), Q = [t, ...Y].join(".");
+      const Y = g.slice(0, -1), Q = [t, ...Y].join(".");
       e.getState().notifyPathSubscribers(Q, {
         type: "ITEMHEIGHT",
-        itemKey: h.join("."),
+        itemKey: g.join("."),
         ref: w.current
       });
     }
-  }, [A, i, t, h]);
-  const c = [t, ...h].join("."), B = e.getState().getShadowValue(c);
+  }, [A, i, t, g]);
+  const c = [t, ...g].join("."), B = e.getState().getShadowValue(c);
   if (B === void 0)
     return null;
   const J = I({
     currentState: B,
-    path: h,
-    componentId: o
-  }), H = V(J, S, y);
+    path: g,
+    componentId: n
+  }), H = E(J, S, y);
   return /* @__PURE__ */ ot("div", { ref: z, children: H });
 }
-function Yt({
+function Zt({
   stateKey: t,
-  path: o,
-  rebuildStateShape: h,
+  path: n,
+  rebuildStateShape: g,
   renderFn: S,
   formOpts: y,
   setState: I
 }) {
-  const [V] = K(() => rt()), [, u] = K({}), f = [t, ...o].join(".");
-  $t(t, V, u);
-  const A = e.getState().getShadowValue(f), [w, i] = K(A), g = q(!1), M = q(null);
+  const [E] = K(() => rt()), [, u] = K({}), f = [t, ...n].join(".");
+  $t(t, E, u);
+  const A = e.getState().getShadowValue(f), [w, i] = K(A), h = q(!1), M = q(null);
   Z(() => {
-    !g.current && !st(A, w) && i(A);
+    !h.current && !st(A, w) && i(A);
   }, [A]), Z(() => {
     const H = e.getState().subscribeToPath(f, (W) => {
-      !g.current && w !== W && u({});
+      !h.current && w !== W && u({});
     });
     return () => {
-      H(), M.current && (clearTimeout(M.current), g.current = !1);
+      H(), M.current && (clearTimeout(M.current), h.current = !1);
     };
   }, []);
   const z = ct(
     (H) => {
-      typeof A === "number" && typeof H == "string" && (H = H === "" ? 0 : Number(H)), i(H), g.current = !0, M.current && clearTimeout(M.current);
+      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(() => {
-        g.current = !1, I(H, o, { updateType: "update" });
-        const { getInitialOptions: Y, setShadowMetadata: Q, getShadowMetadata: X } = e.getState(), s = Y(t)?.validation, n = s?.zodSchemaV4 || s?.zodSchemaV3;
-        if (n) {
-          const r = e.getState().getShadowValue(t), a = n.safeParse(r), d = X(t, o) || {};
+        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) || {};
           if (a.success)
-            Q(t, o, {
+            Q(t, n, {
               ...d,
               validation: {
                 status: "VALID_LIVE",
@@ -1784,16 +1798,16 @@ function Yt({
             });
           else {
             const p = ("issues" in a.error ? a.error.issues : a.error.errors).filter(
-              (E) => JSON.stringify(E.path) === JSON.stringify(o)
+              (V) => JSON.stringify(V.path) === JSON.stringify(n)
             );
-            p.length > 0 ? Q(t, o, {
+            p.length > 0 ? Q(t, n, {
               ...d,
               validation: {
                 status: "INVALID_LIVE",
                 message: p[0]?.message,
                 validatedValue: H
               }
-            }) : Q(t, o, {
+            }) : Q(t, n, {
               ...d,
               validation: {
                 status: "VALID_LIVE",
@@ -1804,13 +1818,13 @@ function Yt({
         }
       }, m), u({});
     },
-    [I, o, y?.debounceTime, t]
+    [I, n, y?.debounceTime, t]
   ), c = ct(async () => {
-    console.log("handleBlur triggered"), M.current && (clearTimeout(M.current), M.current = null, g.current = !1, I(w, o, { 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, o);
-    e.getState().setShadowMetadata(t, o, {
+    const Y = e.getState().getShadowMetadata(t, n);
+    e.getState().setShadowMetadata(t, n, {
       ...Y,
       validation: {
         status: "DIRTY",
@@ -1819,7 +1833,7 @@ function Yt({
     });
     const Q = e.getState().getShadowValue(t), X = m.safeParse(Q);
     if (console.log("result ", X), X.success)
-      e.getState().setShadowMetadata(t, o, {
+      e.getState().setShadowMetadata(t, n, {
         ...Y,
         validation: {
           status: "VALID_PENDING_SYNC",
@@ -1828,45 +1842,45 @@ function Yt({
       });
     else {
       const s = "issues" in X.error ? X.error.issues : X.error.errors;
-      console.log("All validation errors:", s), console.log("Current blur path:", o);
-      const n = s.filter((r) => {
-        if (console.log("Processing error:", r), o.some((d) => d.startsWith("id:"))) {
+      console.log("All validation errors:", s), console.log("Current blur path:", n);
+      const o = s.filter((r) => {
+        if (console.log("Processing error:", r), n.some((d) => d.startsWith("id:"))) {
           console.log("Detected array path with ULID");
-          const d = o[0].startsWith("id:") ? [] : o.slice(0, -1);
+          const d = n[0].startsWith("id:") ? [] : n.slice(0, -1);
           console.log("Parent path:", d);
           const l = e.getState().getShadowMetadata(t, d);
           if (console.log("Array metadata:", l), l?.arrayKeys) {
-            const p = [t, ...o.slice(0, -1)].join("."), E = l.arrayKeys.indexOf(p);
-            console.log("Item key:", p, "Index:", E);
-            const D = [...d, E, ...o.slice(-1)], U = JSON.stringify(r.path) === JSON.stringify(D);
+            const p = [t, ...n.slice(0, -1)].join("."), V = l.arrayKeys.indexOf(p);
+            console.log("Item key:", p, "Index:", V);
+            const _ = [...d, V, ...n.slice(-1)], U = JSON.stringify(r.path) === JSON.stringify(_);
             return console.log("Zod path comparison:", {
-              zodPath: D,
+              zodPath: _,
               errorPath: r.path,
               match: U
             }), U;
           }
         }
-        const a = JSON.stringify(r.path) === JSON.stringify(o);
+        const a = JSON.stringify(r.path) === JSON.stringify(n);
         return console.log("Direct path comparison:", {
           errorPath: r.path,
-          currentPath: o,
+          currentPath: n,
           match: a
         }), a;
       });
-      console.log("Filtered path errors:", n), e.getState().setShadowMetadata(t, o, {
+      console.log("Filtered path errors:", o), e.getState().setShadowMetadata(t, n, {
         ...Y,
         validation: {
           status: "VALIDATION_FAILED",
-          message: n[0]?.message,
+          message: o[0]?.message,
           validatedValue: w
         }
       });
     }
     u({});
-  }, [t, o, w, I]), B = h({
+  }, [t, n, w, I]), B = g({
     currentState: A,
-    path: o,
-    componentId: V
+    path: n,
+    componentId: E
   }), J = new Proxy(B, {
     get(H, W) {
       return W === "inputProps" ? {
@@ -1876,18 +1890,18 @@ function Yt({
         },
         // 5. Wire the new onBlur handler to the input props.
         onBlur: c,
-        ref: vt.getState().getFormRef(t + "." + o.join("."))
+        ref: vt.getState().getFormRef(t + "." + n.join("."))
       } : H[W];
     }
   });
-  return /* @__PURE__ */ ot(kt, { formOpts: y, path: o, stateKey: t, children: S(J) });
+  return /* @__PURE__ */ ot(kt, { formOpts: y, path: n, stateKey: t, children: S(J) });
 }
-function $t(t, o, h) {
-  const S = `${t}////${o}`;
+function $t(t, n, g) {
+  const S = `${t}////${n}`;
   dt(() => {
     const { registerComponent: y, unregisterComponent: I } = e.getState();
     return y(t, S, {
-      forceUpdate: () => h({}),
+      forceUpdate: () => g({}),
       paths: /* @__PURE__ */ new Set(),
       reactiveType: ["component"]
     }), () => {
@@ -1897,9 +1911,10 @@ function $t(t, o, h) {
 }
 export {
   bt as $cogsSignal,
-  se as addStateOptions,
-  ie as createCogsState,
-  le as notifyComponent,
-  xt as useCogsStateFn
+  ie as addStateOptions,
+  Lt as createCogsState,
+  ce as createCogsStateFromSync,
+  ue as notifyComponent,
+  zt as useCogsStateFn
 };
 //# sourceMappingURL=CogsState.jsx.map