cogsbox-state 0.5.483 → 0.5.485

package/dist/CogsState.js

@@ -1,47 +1,47 @@
 "use client";
-import { jsx as Q, Fragment as Pe } from "react/jsx-runtime";
+import { jsx as Q, Fragment as Te } from "react/jsx-runtime";
 import { pluginStore as R } from "./pluginStore.js";
-import { useState as te, useRef as q, useCallback as Te, useEffect as x, useLayoutEffect as ke, useMemo as pe, createElement as fe, startTransition as Ie } from "react";
-import { transformStateFunc as De, isFunction as z, isDeepEqual as Z, isArray as Ce, getDifferences as _e } from "./utility.js";
+import { useState as ne, useRef as q, useCallback as Ie, useEffect as Z, useLayoutEffect as re, useMemo as Ae, createElement as Se, startTransition as ke } from "react";
+import { transformStateFunc as De, isFunction as L, isDeepEqual as X, isArray as Ce, getDifferences as _e } from "./utility.js";
 import { ValidationWrapper as Oe, IsolatedComponentWrapper as je, FormElementWrapper as Ne, MemoizedCogsItemWrapper as Ue } from "./Components.js";
 import Fe from "superjson";
-import { v4 as re } from "uuid";
-import { getGlobalStore as p, updateShadowTypeInfo as Se } from "./store.js";
-import { useCogsConfig as Ae } from "./CogsStateClient.js";
-import { runValidation as Re } from "./validation.js";
+import { v4 as ae } from "uuid";
+import { getGlobalStore as p, updateShadowTypeInfo as H } from "./store.js";
+import { useCogsConfig as Me } from "./CogsStateClient.js";
+import { runValidation as ze } from "./validation.js";
 const {
-  getInitialOptions: U,
-  updateInitialStateGlobal: Me,
-  getShadowMetadata: $,
-  setShadowMetadata: L,
-  getShadowValue: D,
-  initializeShadowState: X,
-  initializeAndMergeShadowState: ze,
+  getInitialOptions: j,
+  updateInitialStateGlobal: be,
+  getShadowMetadata: V,
+  setShadowMetadata: W,
+  getShadowValue: C,
+  initializeShadowState: K,
+  initializeAndMergeShadowState: Re,
   updateShadowAtPath: Le,
   insertShadowArrayElement: We,
-  insertManyShadowArrayElements: be,
+  insertManyShadowArrayElements: Ve,
   removeShadowArrayElement: Be,
-  setInitialStateOptions: ge,
-  setServerStateUpdate: ye,
-  markAsDirty: oe,
+  setInitialStateOptions: ye,
+  setServerStateUpdate: me,
+  markAsDirty: se,
   addPathComponent: Ge,
   clearSelectedIndexesForState: qe,
   addStateLog: xe,
   clearSelectedIndex: Je,
   getSyncInfo: He,
   notifyPathSubscribers: Qe,
-  getPluginMetaDataMap: me,
-  setPluginMetaData: he,
-  removePluginMetaData: ve
+  getPluginMetaDataMap: he,
+  setPluginMetaData: ve,
+  removePluginMetaData: we
 } = p.getState(), { notifyUpdate: Ye } = R.getState();
-function N(e, n, l) {
-  const i = $(e, n);
+function F(e, n, l) {
+  const i = V(e, n);
   if (!!!i?.arrayKeys)
     return { isArray: !1, value: p.getState().getShadowValue(e, n), keys: [] };
-  const c = n.length > 0 ? n.join(".") : "root", m = l?.arrayViews?.[c] ?? i.arrayKeys;
-  return Array.isArray(m) && m.length === 0 ? { isArray: !0, value: [], keys: [] } : { isArray: !0, value: p.getState().getShadowValue(e, n, m), keys: m ?? [] };
+  const u = n.length > 0 ? n.join(".") : "root", h = l?.arrayViews?.[u] ?? i.arrayKeys;
+  return Array.isArray(h) && h.length === 0 ? { isArray: !0, value: [], keys: [] } : { isArray: !0, value: p.getState().getShadowValue(e, n, h), keys: h ?? [] };
 }
-function se(e, n, l) {
+function le(e, n, l) {
   for (let i = 0; i < e.length; i++)
     if (l(e[i], i)) {
       const f = n[i];
@@ -50,57 +50,49 @@ function se(e, n, l) {
     }
   return null;
 }
-function ce(e, n) {
+function ue(e, n) {
   const i = {
-    ...U(e) || {},
+    ...j(e) || {},
     ...n
   };
-  (i.validation?.zodSchemaV4 || i.validation?.zodSchemaV3) && !i.validation?.onBlur && (i.validation.onBlur = "error"), ge(e, i);
+  (i.validation?.zodSchemaV4 || i.validation?.zodSchemaV3) && !i.validation?.onBlur && (i.validation.onBlur = "error"), ye(e, i);
 }
-function ue({
+function fe({
   stateKey: e,
   options: n,
   initialOptionsPart: l
 }) {
-  const i = U(e) || {}, f = l[e] || {};
-  let c = { ...f, ...i }, m = !1;
+  const i = j(e) || {}, f = l[e] || {};
+  let u = { ...f, ...i }, h = !1;
   if (n) {
-    const y = (t, a) => {
-      for (const d in a)
-        a.hasOwnProperty(d) && (a[d] instanceof Object && !Array.isArray(a[d]) && t[d] instanceof Object ? Z(t[d], a[d]) || (y(t[d], a[d]), m = !0) : t[d] !== a[d] && (t[d] = a[d], m = !0));
+    const y = (t, o) => {
+      for (const d in o)
+        o.hasOwnProperty(d) && (o[d] instanceof Object && !Array.isArray(o[d]) && t[d] instanceof Object ? X(t[d], o[d]) || (y(t[d], o[d]), h = !0) : t[d] !== o[d] && (t[d] = o[d], h = !0));
       return t;
     };
-    c = y(c, n);
+    u = y(u, n);
   }
-  if (c.validation && (n?.validation?.hasOwnProperty("onBlur") || i?.validation?.hasOwnProperty("onBlur") || f?.validation?.hasOwnProperty("onBlur") || (c.validation.onBlur = "error", m = !0)), m) {
-    ge(e, c);
-    const y = i?.validation?.zodSchemaV4 || i?.validation?.zodSchemaV3, t = c.validation?.zodSchemaV4 && !i?.validation?.zodSchemaV4, a = c.validation?.zodSchemaV3 && !i?.validation?.zodSchemaV3;
-    !y && (t || a) && (t ? Se(
-      e,
-      c.validation.zodSchemaV4,
-      "zod4"
-    ) : a && Se(
-      e,
-      c.validation.zodSchemaV3,
-      "zod3"
-    ), W(e));
+  if (u.validation && (n?.validation?.hasOwnProperty("onBlur") || i?.validation?.hasOwnProperty("onBlur") || f?.validation?.hasOwnProperty("onBlur") || (u.validation.onBlur = "error", h = !0)), h) {
+    ye(e, u);
+    const y = u.validation?.zodSchemaV4, t = u.validation?.zodSchemaV3;
+    (y !== i?.validation?.zodSchemaV4 || t !== i?.validation?.zodSchemaV3) && (y || t) && (y ? H(e, y, "zod4") : t && H(e, t, "zod3"), U(e));
   }
-  return c;
+  return u;
 }
-const $t = (e, n) => {
+const Vt = (e, n) => {
   n?.plugins && R.getState().setRegisteredPlugins(n.plugins);
   const l = {};
   if (n?.plugins)
-    for (const a of n.plugins)
-      typeof a.initialState == "function" && Object.assign(l, a.initialState());
-  const i = { ...l, ...e }, [f, c] = De(i);
-  Object.keys(f).forEach((a) => {
+    for (const o of n.plugins)
+      typeof o.initialState == "function" && Object.assign(l, o.initialState());
+  const i = { ...l, ...e }, [f, u] = De(i);
+  Object.keys(f).forEach((o) => {
     let d = {};
     n?.formElements && (d.formElements = n.formElements), d.validation = {
       onBlur: "error",
       ...n?.validation
     };
-    const E = U(a), b = E ? {
+    const E = j(o), b = E ? {
       ...E,
       formElements: n?.formElements,
       validation: {
@@ -108,19 +100,19 @@ const $t = (e, n) => {
         ...d.validation
       }
     } : d;
-    Object.keys(b).length > 0 && ge(a, b);
-  }), Object.keys(f).forEach((a) => {
-    X(a, f[a]);
+    Object.keys(b).length > 0 && ye(o, b);
+  }), Object.keys(f).forEach((o) => {
+    K(o, f[o]);
   });
-  const m = (a, d) => {
-    const [E] = te(d?.componentId ?? re()), b = ue({
-      stateKey: a,
+  const h = (o, d) => {
+    const [E] = ne(d?.componentId ?? ae()), b = fe({
+      stateKey: o,
       options: d,
-      initialOptionsPart: c
-    }), V = q(b);
-    V.current = b;
-    const v = D(a, []) || f[a], C = ct(v, {
-      stateKey: a,
+      initialOptionsPart: u
+    }), $ = q(b);
+    $.current = b;
+    const v = C(o, []) || f[o], _ = ct(v, {
+      stateKey: o,
       syncUpdate: d?.syncUpdate,
       componentId: E,
       localStorage: d?.localStorage,
@@ -131,29 +123,32 @@ const $t = (e, n) => {
       dependencies: d?.dependencies,
       serverState: d?.serverState
     });
-    return x(() => {
-      d && R.getState().setPluginOptionsForState(a, d);
-    }, [a, d]), x(() => (R.getState().registerStateHandler(a, C), () => {
-      R.getState().unregisterStateHandler(a);
-    }), [a, C]), C;
+    return re(() => {
+      d && R.getState().setPluginOptionsForState(o, d);
+    }, [o, d]), re(() => (R.getState().registerStateHandler(o, _), () => {
+      R.getState().unregisterStateHandler(o);
+    }), [o, _]), re(() => {
+      const T = j(o)?.validation;
+      T?.zodSchemaV4 ? H(o, T.zodSchemaV4, "zod4") : T?.zodSchemaV3 && H(o, T.zodSchemaV3, "zod3");
+    }), _;
   };
-  function y(a, d) {
-    if (ue({ stateKey: a, options: d, initialOptionsPart: c }), d.localStorage && Xe(a, d), d.formElements) {
-      const b = R.getState().registeredPlugins.map((V) => d.formElements.hasOwnProperty(V.name) ? {
-        ...V,
-        formWrapper: d.formElements[V.name]
-      } : V);
+  function y(o, d) {
+    if (fe({ stateKey: o, options: d, initialOptionsPart: u }), d.localStorage && Xe(o, d), d.formElements) {
+      const b = R.getState().registeredPlugins.map(($) => d.formElements.hasOwnProperty($.name) ? {
+        ...$,
+        formWrapper: d.formElements[$.name]
+      } : $);
       R.getState().setRegisteredPlugins(b);
     }
-    W(a);
+    U(o);
   }
-  function t(a) {
+  function t(o) {
     Object.keys(f).forEach((E) => {
-      y(E, a);
+      y(E, o);
     });
   }
   return {
-    useCogsState: m,
+    useCogsState: h,
     setCogsOptionsByKey: y,
     setCogsOptions: t
   };
@@ -164,27 +159,27 @@ const $t = (e, n) => {
     l.localStorage?.key,
     i
   );
-  const c = z(l?.localStorage?.key) ? l.localStorage?.key(e) : l?.localStorage?.key;
-  if (c && i) {
-    const m = `${i}-${n}-${c}`;
+  const u = L(l?.localStorage?.key) ? l.localStorage?.key(e) : l?.localStorage?.key;
+  if (u && i) {
+    const h = `${i}-${n}-${u}`;
     let y;
     try {
-      y = ie(m)?.lastSyncedWithServer;
+      y = ce(h)?.lastSyncedWithServer;
     } catch {
     }
-    const t = $(n, []), a = {
+    const t = V(n, []), o = {
       state: e,
       lastUpdated: Date.now(),
       lastSyncedWithServer: y,
       stateSource: t?.stateSource,
       baseServerState: t?.baseServerState
-    }, d = Fe.serialize(a);
+    }, d = Fe.serialize(o);
     window.localStorage.setItem(
-      m,
+      h,
       JSON.stringify(d.json)
     );
   }
-}, ie = (e) => {
+}, ce = (e) => {
   if (!e) return null;
   try {
     const n = window.localStorage.getItem(e);
@@ -192,7 +187,7 @@ const $t = (e, n) => {
   } catch (n) {
     return console.error("Error loading from localStorage:", n), null;
   }
-}, le = (e) => {
+}, de = (e) => {
   if (e)
     try {
       typeof window < "u" && window.localStorage && window.localStorage.removeItem(e);
@@ -200,17 +195,17 @@ const $t = (e, n) => {
       console.error("Error removing from localStorage:", n);
     }
 }, Xe = (e, n) => {
-  const l = D(e, []), { sessionId: i } = Ae(), f = z(n?.localStorage?.key) ? n.localStorage.key(l) : n?.localStorage?.key;
+  const l = C(e, []), { sessionId: i } = Me(), f = L(n?.localStorage?.key) ? n.localStorage.key(l) : n?.localStorage?.key;
   if (f && i) {
-    const c = ie(
+    const u = ce(
       `${i}-${e}-${f}`
     );
-    if (c && c.lastUpdated > (c.lastSyncedWithServer || 0))
-      return W(e), !0;
+    if (u && u.lastUpdated > (u.lastSyncedWithServer || 0))
+      return U(e), !0;
   }
   return !1;
-}, W = (e) => {
-  const n = $(e, []);
+}, U = (e) => {
+  const n = V(e, []);
   if (!n) return;
   const l = /* @__PURE__ */ new Set();
   n?.components?.forEach((i) => {
@@ -219,41 +214,41 @@ const $t = (e, n) => {
     l.forEach((i) => i());
   });
 };
-function ne(e, n, l, i) {
-  const f = $(e, n);
-  if (L(e, n, {
+function oe(e, n, l, i) {
+  const f = V(e, n);
+  if (W(e, n, {
     ...f,
     isDirty: !1,
     stateSource: "server",
     lastServerSync: i || Date.now()
   }), Array.isArray(l)) {
-    const c = $(e, n);
-    c?.arrayKeys && c.arrayKeys.forEach((m, y) => {
-      const t = [...n, m], a = l[y];
-      a !== void 0 && ne(
+    const u = V(e, n);
+    u?.arrayKeys && u.arrayKeys.forEach((h, y) => {
+      const t = [...n, h], o = l[y];
+      o !== void 0 && oe(
         e,
         t,
-        a,
+        o,
         i
       );
     });
-  } else l && typeof l == "object" && l.constructor === Object && Object.keys(l).forEach((c) => {
-    const m = [...n, c], y = l[c];
-    ne(e, m, y, i);
+  } else l && typeof l == "object" && l.constructor === Object && Object.keys(l).forEach((u) => {
+    const h = [...n, u], y = l[u];
+    oe(e, h, y, i);
   });
 }
-let ae = [], de = !1;
+let ie = [], ge = !1;
 function Ke() {
-  de || (de = !0, queueMicrotask(() => {
+  ge || (ge = !0, queueMicrotask(() => {
     it();
   }));
 }
 function et(e, n) {
   e?.signals?.length && e.signals.forEach(({ parentId: l, position: i, effect: f }) => {
-    const c = document.querySelector(`[data-parent-id="${l}"]`);
-    if (!c) return;
-    const m = Array.from(c.childNodes);
-    if (!m[i]) return;
+    const u = document.querySelector(`[data-parent-id="${l}"]`);
+    if (!u) return;
+    const h = Array.from(u.childNodes);
+    if (!h[i]) return;
     let y = n;
     if (f && n !== null)
       try {
@@ -263,60 +258,60 @@ function et(e, n) {
       } catch (t) {
         console.error("Error evaluating effect function:", t);
       }
-    y !== null && typeof y == "object" && (y = JSON.stringify(y)), m[i].textContent = String(y ?? "");
+    y !== null && typeof y == "object" && (y = JSON.stringify(y)), h[i].textContent = String(y ?? "");
   });
 }
 function tt(e, n, l) {
-  const i = $(e, []);
+  const i = V(e, []);
   if (!i?.components)
     return /* @__PURE__ */ new Set();
   const f = /* @__PURE__ */ new Set();
   if (l.type === "update") {
-    let c = [...n];
+    let u = [...n];
     for (; ; ) {
-      const m = $(e, c);
-      if (m?.pathComponents && m.pathComponents.forEach((y) => {
+      const h = V(e, u);
+      if (h?.pathComponents && h.pathComponents.forEach((y) => {
         const t = i.components?.get(y);
         t && ((Array.isArray(t.reactiveType) ? t.reactiveType : [t.reactiveType || "component"]).includes("none") || f.add(t));
-      }), c.length === 0) break;
-      c.pop();
+      }), u.length === 0) break;
+      u.pop();
     }
     l.newValue && typeof l.newValue == "object" && !Ce(l.newValue) && _e(l.newValue, l.oldValue).forEach((y) => {
-      const t = y.split("."), a = [...n, ...t], d = $(e, a);
+      const t = y.split("."), o = [...n, ...t], d = V(e, o);
       d?.pathComponents && d.pathComponents.forEach((E) => {
         const b = i.components?.get(E);
         b && ((Array.isArray(b.reactiveType) ? b.reactiveType : [b.reactiveType || "component"]).includes("none") || f.add(b));
       });
     });
   } else if (l.type === "insert" || l.type === "cut" || l.type === "insert_many") {
-    let m = [...l.type === "insert" ? n : n.slice(0, -1)];
+    let h = [...l.type === "insert" ? n : n.slice(0, -1)];
     for (; ; ) {
-      const y = $(e, m);
+      const y = V(e, h);
       if (y?.pathComponents && y.pathComponents.forEach((t) => {
-        const a = i.components?.get(t);
-        a && f.add(a);
-      }), m.length === 0) break;
-      m.pop();
+        const o = i.components?.get(t);
+        o && f.add(o);
+      }), h.length === 0) break;
+      h.pop();
     }
   }
   return f;
 }
 function rt(e, n, l) {
-  const i = p.getState().getShadowValue(e, n), f = z(l) ? l(i) : l;
-  if (Z(i, f))
+  const i = p.getState().getShadowValue(e, n), f = L(l) ? l(i) : l;
+  if (X(i, f))
     return null;
-  Le(e, n, f), oe(e, n, { bubble: !0 });
-  const c = $(e, n);
+  Le(e, n, f), se(e, n, { bubble: !0 });
+  const u = V(e, n);
   return {
     type: "update",
     oldValue: i,
     newValue: f,
-    shadowMeta: c
+    shadowMeta: u
   };
 }
 function nt(e, n, l) {
-  be(e, n, l), oe(e, n, { bubble: !0 });
-  const i = $(e, n);
+  Ve(e, n, l), se(e, n, { bubble: !0 });
+  const i = V(e, n);
   return {
     type: "insert_many",
     count: l.length,
@@ -325,44 +320,44 @@ function nt(e, n, l) {
   };
 }
 function at(e, n, l, i, f) {
-  let c;
-  if (z(l)) {
-    const { value: a } = j(e, n);
-    c = l({ state: a });
+  let u;
+  if (L(l)) {
+    const { value: o } = N(e, n);
+    u = l({ state: o });
   } else
-    c = l;
-  const m = We(
+    u = l;
+  const h = We(
     e,
     n,
-    c,
+    u,
     i,
     f
   );
-  oe(e, n, { bubble: !0 });
-  const y = $(e, n);
+  se(e, n, { bubble: !0 });
+  const y = V(e, n);
   let t;
   return y?.arrayKeys && i !== void 0 && i > 0 && (t = y.arrayKeys[i - 1]), {
     type: "insert",
-    newValue: c,
+    newValue: u,
     shadowMeta: y,
     path: n,
-    itemId: m,
+    itemId: h,
     insertAfterId: t
   };
 }
 function ot(e, n) {
-  const l = n.slice(0, -1), i = D(e, n);
-  return Be(e, n), oe(e, l, { bubble: !0 }), { type: "cut", oldValue: i, parentPath: l };
+  const l = n.slice(0, -1), i = C(e, n);
+  return Be(e, n), se(e, l, { bubble: !0 }), { type: "cut", oldValue: i, parentPath: l };
 }
 function it() {
   const e = /* @__PURE__ */ new Set(), n = [], l = [];
-  for (const i of ae) {
+  for (const i of ie) {
     if (i.status && i.updateType) {
       l.push(i);
       continue;
     }
-    const f = i, c = f.type === "cut" ? null : f.newValue;
-    f.shadowMeta?.signals?.length > 0 && n.push({ shadowMeta: f.shadowMeta, displayValue: c }), tt(
+    const f = i, u = f.type === "cut" ? null : f.newValue;
+    f.shadowMeta?.signals?.length > 0 && n.push({ shadowMeta: f.shadowMeta, displayValue: u }), tt(
       f.stateKey,
       f.path,
       f
@@ -374,41 +369,41 @@ function it() {
     et(i, f);
   }), e.forEach((i) => {
     i.forceUpdate();
-  }), ae = [], de = !1;
+  }), ie = [], ge = !1;
 }
 function st(e, n, l) {
-  return (f, c, m) => {
-    i(e, c, f, m);
+  return (f, u, h) => {
+    i(e, u, f, h);
   };
-  function i(f, c, m, y) {
+  function i(f, u, h, y) {
     let t;
     switch (y.updateType) {
       case "update":
-        t = rt(f, c, m);
+        t = rt(f, u, h);
         break;
       case "insert":
         t = at(
           f,
-          c,
-          m,
+          u,
+          h,
           y.index,
           y.itemId
         );
         break;
       case "insert_many":
-        t = nt(f, c, m);
+        t = nt(f, u, h);
         break;
       case "cut":
-        t = ot(f, c);
+        t = ot(f, u);
         break;
     }
     if (t === null)
       return;
-    t.stateKey = f, t.path = c, ae.push(t), Ke();
-    const a = {
+    t.stateKey = f, t.path = u, ie.push(t), Ke();
+    const o = {
       timeStamp: Date.now(),
       stateKey: f,
-      path: c,
+      path: u,
       updateType: y.updateType,
       status: "new",
       oldValue: t.oldValue,
@@ -417,12 +412,12 @@ function st(e, n, l) {
       insertAfterId: t.insertAfterId,
       metaData: y.metaData
     };
-    ae.push(a), t.newValue !== void 0 && Ze(
+    ie.push(o), t.newValue !== void 0 && Ze(
       t.newValue,
       f,
       l.current,
       n
-    ), l.current?.middleware && l.current.middleware({ update: a }), Re(a, y.validationTrigger || "programmatic"), Ye(a);
+    ), l.current?.middleware && l.current.middleware({ update: o }), ze(o, y.validationTrigger || "programmatic"), Ye(o);
   }
 }
 function ct(e, {
@@ -430,21 +425,21 @@ function ct(e, {
   localStorage: l,
   formElements: i,
   reactiveDeps: f,
-  reactiveType: c,
-  componentId: m,
+  reactiveType: u,
+  componentId: h,
   defaultState: y,
   dependencies: t,
-  serverState: a
+  serverState: o
 } = {}) {
-  const [d, E] = te({}), { sessionId: b } = Ae();
-  let V = !n;
-  const [v] = te(n ?? re()), C = q(m ?? re()), _ = q(
+  const [d, E] = ne({}), { sessionId: b } = Me();
+  let $ = !n;
+  const [v] = ne(n ?? ae()), _ = q(h ?? ae()), T = q(
     null
   );
-  _.current = U(v) ?? null;
-  const J = Te(
-    (T) => {
-      const r = T ? { ...U(v), ...T } : U(v), o = r?.defaultState || y || e;
+  T.current = j(v) ?? null;
+  const x = Ie(
+    (I) => {
+      const r = I ? { ...j(v), ...I } : j(v), a = r?.defaultState || y || e;
       if (r?.serverState?.status === "success" && r?.serverState?.data !== void 0)
         return {
           value: r.serverState.data,
@@ -452,174 +447,176 @@ function ct(e, {
           timestamp: r.serverState.timestamp || Date.now()
         };
       if (r?.localStorage?.key && b) {
-        const S = z(r.localStorage.key) ? r.localStorage.key(o) : r.localStorage.key, u = ie(
+        const S = L(r.localStorage.key) ? r.localStorage.key(a) : r.localStorage.key, c = ce(
           `${b}-${v}-${S}`
         );
-        if (u && u.lastUpdated > (r?.serverState?.timestamp || 0))
+        if (c && c.lastUpdated > (r?.serverState?.timestamp || 0))
           return {
-            value: u.state,
+            value: c.state,
             source: "localStorage",
-            timestamp: u.lastUpdated
+            timestamp: c.lastUpdated
           };
       }
       return {
-        value: o || e,
+        value: a || e,
         source: "default",
         timestamp: Date.now()
       };
     },
     [v, y, e, b]
   );
-  x(() => {
-    a && a.status === "success" && a.data !== void 0 && ye(v, a);
-  }, [a, v]), x(() => p.getState().subscribeToPath(v, (k) => {
+  Z(() => {
+    o && o.status === "success" && o.data !== void 0 && me(v, o);
+  }, [o, v]), Z(() => p.getState().subscribeToPath(v, (k) => {
     if (k?.type === "SERVER_STATE_UPDATE") {
       const r = k.serverState;
       if (r?.status !== "success" || r.data === void 0)
         return;
-      ce(v, { serverState: r });
-      const o = typeof r.merge == "object" ? r.merge : r.merge === !0 ? { strategy: "append", key: "id" } : null, s = D(v, []), S = r.data;
-      if (o && o.strategy === "append" && "key" in o && Array.isArray(s) && Array.isArray(S)) {
-        const u = o.key;
-        if (!u) {
+      ue(v, { serverState: r });
+      const a = typeof r.merge == "object" ? r.merge : r.merge === !0 ? { strategy: "append", key: "id" } : null, s = C(v, []), S = r.data;
+      if (a && a.strategy === "append" && "key" in a && Array.isArray(s) && Array.isArray(S)) {
+        const c = a.key;
+        if (!c) {
           console.error(
             "CogsState: Merge strategy 'append' requires a 'key' field."
           );
           return;
         }
-        const h = new Set(
-          s.map((M) => M[u])
+        const m = new Set(
+          s.map((M) => M[c])
         ), w = S.filter(
-          (M) => !h.has(M[u])
+          (M) => !m.has(M[c])
         );
-        w.length > 0 && be(v, [], w);
-        const A = D(v, []);
-        ne(
+        w.length > 0 && Ve(v, [], w);
+        const A = C(v, []);
+        oe(
           v,
           [],
           A,
           r.timestamp || Date.now()
         );
       } else
-        X(v, S), ne(
+        K(v, S), oe(
           v,
           [],
           S,
           r.timestamp || Date.now()
         );
-      W(v);
+      U(v);
     }
-  }), [v]), x(() => {
-    const T = p.getState().getShadowMetadata(v, []);
-    if (T && T.stateSource)
+  }), [v]), Z(() => {
+    const I = p.getState().getShadowMetadata(v, []);
+    if (I && I.stateSource)
       return;
-    const k = U(v), r = {
+    const k = j(v), r = {
       localStorageEnabled: !!k?.localStorage?.key
     };
-    if (L(v, [], {
-      ...T,
+    if (W(v, [], {
+      ...I,
       features: r
     }), k?.defaultState !== void 0 || y !== void 0) {
-      const u = k?.defaultState || y;
-      k?.defaultState || ce(v, {
-        defaultState: u
+      const m = k?.defaultState || y;
+      k?.defaultState || ue(v, {
+        defaultState: m
       });
     }
-    const { value: o, source: s, timestamp: S } = J();
-    X(v, o), L(v, [], {
+    const { value: a, source: s, timestamp: S } = x();
+    K(v, a);
+    const c = j(v)?.validation;
+    c?.zodSchemaV4 ? H(v, c.zodSchemaV4, "zod4") : c?.zodSchemaV3 && H(v, c.zodSchemaV3, "zod3"), W(v, [], {
       stateSource: s,
       lastServerSync: s === "server" ? S : void 0,
       isDirty: s === "server" ? !1 : void 0,
-      baseServerState: s === "server" ? o : void 0
-    }), s === "server" && a && ye(v, a), W(v);
-  }, [v, ...t || []]), ke(() => {
-    V && ce(v, {
+      baseServerState: s === "server" ? a : void 0
+    }), s === "server" && o && me(v, o), U(v);
+  }, [v, ...t || []]), re(() => {
+    $ && ue(v, {
       formElements: i,
       defaultState: y,
       localStorage: l,
-      middleware: _.current?.middleware
+      middleware: T.current?.middleware
     });
-    const T = `${v}////${C.current}`, k = $(v, []), r = k?.components || /* @__PURE__ */ new Map();
-    return r.set(T, {
+    const I = `${v}////${_.current}`, k = V(v, []), r = k?.components || /* @__PURE__ */ new Map();
+    return r.set(I, {
       forceUpdate: () => E({}),
-      reactiveType: c ?? ["component"],
+      reactiveType: u ?? ["component"],
       paths: /* @__PURE__ */ new Set(),
       depsFunction: f || void 0,
-      deps: f ? f(D(v, [])) : [],
-      prevDeps: f ? f(D(v, [])) : []
-    }), L(v, [], {
+      deps: f ? f(C(v, [])) : [],
+      prevDeps: f ? f(C(v, [])) : []
+    }), W(v, [], {
       ...k,
       components: r
     }), E({}), () => {
-      const o = $(v, []), s = o?.components?.get(T);
+      const a = V(v, []), s = a?.components?.get(I);
       s?.paths && s.paths.forEach((S) => {
-        const h = S.split(".").slice(1), w = p.getState().getShadowMetadata(v, h);
-        w?.pathComponents && w.pathComponents.size === 0 && (delete w.pathComponents, p.getState().setShadowMetadata(v, h, w));
-      }), o?.components && L(v, [], o);
+        const m = S.split(".").slice(1), w = p.getState().getShadowMetadata(v, m);
+        w?.pathComponents && w.pathComponents.size === 0 && (delete w.pathComponents, p.getState().setShadowMetadata(v, m, w));
+      }), a?.components && W(v, [], a);
     };
   }, []);
   const G = st(
     v,
     b,
-    _
+    T
   );
-  return p.getState().initialStateGlobal[v] || Me(v, e), pe(() => Ve(
+  return p.getState().initialStateGlobal[v] || be(v, e), Ae(() => Pe(
     v,
     G,
-    C.current,
+    _.current,
     b
   ), [v, b]);
 }
 const lt = (e, n, l) => {
-  let i = $(e, n)?.arrayKeys || [];
+  let i = V(e, n)?.arrayKeys || [];
   const f = l?.transforms;
   if (!f || f.length === 0)
     return i;
-  for (const c of f)
-    if (c.type === "filter") {
-      const m = [];
+  for (const u of f)
+    if (u.type === "filter") {
+      const h = [];
       i.forEach((y, t) => {
-        const a = D(e, [...n, y]);
-        c.fn(a, t) && m.push(y);
-      }), i = m;
-    } else c.type === "sort" && i.sort((m, y) => {
-      const t = D(e, [...n, m]), a = D(e, [...n, y]);
-      return c.fn(t, a);
+        const o = C(e, [...n, y]);
+        u.fn(o, t) && h.push(y);
+      }), i = h;
+    } else u.type === "sort" && i.sort((h, y) => {
+      const t = C(e, [...n, h]), o = C(e, [...n, y]);
+      return u.fn(t, o);
     });
   return i;
-}, ee = (e, n, l) => {
-  const i = `${e}////${n}`, c = $(e, [])?.components?.get(i);
-  !c || c.reactiveType === "none" || !(Array.isArray(c.reactiveType) ? c.reactiveType : [c.reactiveType]).includes("component") || Ge(e, l, i);
+}, te = (e, n, l) => {
+  const i = `${e}////${n}`, u = V(e, [])?.components?.get(i);
+  !u || u.reactiveType === "none" || !(Array.isArray(u.reactiveType) ? u.reactiveType : [u.reactiveType]).includes("component") || Ge(e, l, i);
 }, Y = (e, n, l) => {
-  const i = $(e, []), f = /* @__PURE__ */ new Set();
-  i?.components && i.components.forEach((m, y) => {
-    (Array.isArray(m.reactiveType) ? m.reactiveType : [m.reactiveType || "component"]).includes("all") && (m.forceUpdate(), f.add(y));
-  }), $(e, [
+  const i = V(e, []), f = /* @__PURE__ */ new Set();
+  i?.components && i.components.forEach((h, y) => {
+    (Array.isArray(h.reactiveType) ? h.reactiveType : [h.reactiveType || "component"]).includes("all") && (h.forceUpdate(), f.add(y));
+  }), V(e, [
     ...n,
     "getSelected"
-  ])?.pathComponents?.forEach((m) => {
-    i?.components?.get(m)?.forceUpdate();
+  ])?.pathComponents?.forEach((h) => {
+    i?.components?.get(h)?.forceUpdate();
   });
-  const c = $(e, n);
-  for (let m of c?.arrayKeys || []) {
-    const y = m + ".selected", t = $(e, y.split(".").slice(1));
-    m == l && t?.pathComponents?.forEach((a) => {
-      i?.components?.get(a)?.forceUpdate();
+  const u = V(e, n);
+  for (let h of u?.arrayKeys || []) {
+    const y = h + ".selected", t = V(e, y.split(".").slice(1));
+    h == l && t?.pathComponents?.forEach((o) => {
+      i?.components?.get(o)?.forceUpdate();
     });
   }
 };
-function j(e, n, l) {
-  const i = $(e, n), f = n.length > 0 ? n.join(".") : "root", c = l?.arrayViews?.[f];
-  if (Array.isArray(c) && c.length === 0)
+function N(e, n, l) {
+  const i = V(e, n), f = n.length > 0 ? n.join(".") : "root", u = l?.arrayViews?.[f];
+  if (Array.isArray(u) && u.length === 0)
     return {
       shadowMeta: i,
       value: [],
       arrayKeys: i?.arrayKeys
     };
-  const m = D(e, n, c);
+  const h = C(e, n, u);
   return {
     shadowMeta: i,
-    value: m,
+    value: h,
     arrayKeys: i?.arrayKeys
   };
 }
@@ -629,7 +626,7 @@ function ut(e, n) {
 function dt(e, n) {
   return n === "any" ? !0 : n === "array" ? Array.isArray(e) : n === "boolean" ? typeof e == "boolean" : n === "object" ? e !== null && typeof e == "object" && !Array.isArray(e) : n === "primitive" ? e === null || typeof e != "object" && !Array.isArray(e) : !1;
 }
-function $e(e, n) {
+function Ee(e, n) {
   const l = p.getState().getShadowMetadata(e, n);
   if (!l?.clientActivityState?.elements) return [];
   const i = [];
@@ -637,11 +634,11 @@ function $e(e, n) {
     f.domRef?.current && i.push(f.domRef);
   }), i;
 }
-function Ee(e, n) {
-  return $e(e, n).map((i) => i.current).filter(Boolean);
+function $e(e, n) {
+  return Ee(e, n).map((i) => i.current).filter(Boolean);
 }
 function ft(e, n, l) {
-  Ee(e, n).forEach((i) => {
+  $e(e, n).forEach((i) => {
     if ("disabled" in i) {
       i.disabled = l;
       return;
@@ -649,76 +646,76 @@ function ft(e, n, l) {
     i.style.pointerEvents = l ? "none" : "", i.setAttribute("aria-disabled", String(l));
   });
 }
-function Ve(e, n, l, i) {
+function Pe(e, n, l, i) {
   const f = /* @__PURE__ */ new Map();
-  function c({
+  function u({
     path: t = [],
-    meta: a,
+    meta: o,
     componentId: d
   }) {
-    if ($(e, t)?.isRaw)
-      return D(e, t);
-    const b = a ? JSON.stringify(a.arrayViews || a.transforms) : "", V = t.join(".") + ":" + d + ":" + b;
-    if (f.has(V))
-      return f.get(V);
-    const v = [e, ...t].join("."), C = () => {
-    }, _ = {
-      apply(G, g, T) {
-        if (T.length === 0) {
-          const r = t.length > 0 ? t.join(".") : "root", o = a?.arrayViews?.[r];
-          return ee(e, d, t), D(e, t, o);
+    if (V(e, t)?.isRaw)
+      return C(e, t);
+    const b = o ? JSON.stringify(o.arrayViews || o.transforms) : "", $ = t.join(".") + ":" + d + ":" + b;
+    if (f.has($))
+      return f.get($);
+    const v = [e, ...t].join("."), _ = () => {
+    }, T = {
+      apply(G, g, I) {
+        if (I.length === 0) {
+          const r = t.length > 0 ? t.join(".") : "root", a = o?.arrayViews?.[r];
+          return te(e, d, t), C(e, t, a);
         }
-        const k = T[0];
+        const k = I[0];
         return n(k, t, { updateType: "update" }), !0;
       },
-      get(G, g, T) {
+      get(G, g, I) {
         if (g === Symbol.toPrimitive)
           return (r) => r === "number" ? NaN : r === "string" ? `[CogsState: ${t.join(".") || "root"}]` : null;
         if (g === Symbol.toStringTag)
           return "CogsState";
         if (g === Symbol.iterator) {
-          const { value: r } = j(e, t, a);
+          const { value: r } = N(e, t, o);
           return Array.isArray(r) ? function* () {
-            for (let o = 0; o < r.length; o++)
-              yield r[o];
+            for (let a = 0; a < r.length; a++)
+              yield r[a];
           } : void 0;
         }
         if (g === "call" || g === "apply" || g === "bind")
-          return Reflect.get(G, g, T);
+          return Reflect.get(G, g, I);
         if (typeof g != "string")
           return Reflect.get(G, g);
-        if (t.length === 0 && g in m)
-          return m[g];
+        if (t.length === 0 && g in h)
+          return h[g];
         if (typeof g == "string" && !g.startsWith("$")) {
-          const { value: r } = j(e, t, a);
+          const { value: r } = N(e, t, o);
           if (r !== null && typeof r == "object" && !Array.isArray(r) && Object.prototype.hasOwnProperty.call(r, g)) {
-            const u = [...t, g];
-            return c({
-              path: u,
+            const c = [...t, g];
+            return u({
+              path: c,
               componentId: d,
-              meta: a
+              meta: o
             });
           }
           const s = R.getState().registeredPlugins;
-          for (const u of s) {
-            const h = u.chainMethods?.[g];
-            if (h && ut(t, h.pathPattern) && dt(r, h.target))
+          for (const c of s) {
+            const m = c.chainMethods?.[g];
+            if (m && ut(t, m.pathPattern) && dt(r, m.target))
               return (...w) => {
-                const A = R.getState(), M = A.pluginOptions.get(e)?.get(u.name), I = A.getHookResult(e, u.name);
-                return h.handler(
+                const A = R.getState(), M = A.pluginOptions.get(e)?.get(c.name), D = A.getHookResult(e, c.name);
+                return m.handler(
                   {
                     stateKey: e,
                     path: t,
-                    pluginName: u.name,
+                    pluginName: c.name,
                     options: M,
-                    hookData: I,
-                    $get: () => j(e, t, a).value,
+                    hookData: D,
+                    $get: () => N(e, t, o).value,
                     $update: (P) => (n(P, t, {
                       updateType: "update"
                     }), {
                       synced: () => {
                         const O = p.getState().getShadowMetadata(e, t);
-                        L(e, t, {
+                        W(e, t, {
                           ...O,
                           isDirty: !1,
                           stateSource: "server",
@@ -733,11 +730,11 @@ function Ve(e, n, l, i) {
                         metaData: O
                       });
                     },
-                    getFieldMetaData: () => me(e, t)?.get(u.name),
-                    setFieldMetaData: (P) => he(e, t, u.name, P),
-                    removeFieldMetaData: () => ve(e, t, u.name),
-                    getFieldRefs: () => $e(e, t),
-                    getFieldElements: () => Ee(e, t),
+                    getFieldMetaData: () => he(e, t)?.get(c.name),
+                    setFieldMetaData: (P) => ve(e, t, c.name, P),
+                    removeFieldMetaData: () => we(e, t, c.name),
+                    getFieldRefs: () => Ee(e, t),
+                    getFieldElements: () => $e(e, t),
                     setFieldDisabled: (P) => ft(e, t, P)
                   },
                   ...w
@@ -745,65 +742,65 @@ function Ve(e, n, l, i) {
               };
           }
           const S = [...t, g];
-          return c({
+          return u({
             path: S,
             componentId: d,
-            meta: a
+            meta: o
           });
         }
         if (g === "$_rebuildStateShape")
-          return c;
+          return u;
         if (g === "$sync" && t.length === 0)
           return async function() {
-            const r = p.getState().getInitialOptions(e), o = r?.sync;
-            if (!o)
+            const r = p.getState().getInitialOptions(e), a = r?.sync;
+            if (!a)
               return console.error(`No mutation defined for state key "${e}"`), { success: !1, error: "No mutation defined" };
             const s = p.getState().getShadowValue(e, []), S = r?.validation?.key;
             try {
-              const u = await o.action(s);
-              if (u && !u.success && u.errors, u?.success) {
-                const h = p.getState().getShadowMetadata(e, []);
-                L(e, [], {
-                  ...h,
+              const c = await a.action(s);
+              if (c && !c.success && c.errors, c?.success) {
+                const m = p.getState().getShadowMetadata(e, []);
+                W(e, [], {
+                  ...m,
                   isDirty: !1,
                   lastServerSync: Date.now(),
                   stateSource: "server",
                   baseServerState: s
                   // Update base server state
-                }), o.onSuccess && o.onSuccess(u.data);
-              } else !u?.success && o.onError && o.onError(u.error);
-              return u;
-            } catch (u) {
-              return o.onError && o.onError(u), { success: !1, error: u };
+                }), a.onSuccess && a.onSuccess(c.data);
+              } else !c?.success && a.onError && a.onError(c.error);
+              return c;
+            } catch (c) {
+              return a.onError && a.onError(c), { success: !1, error: c };
             }
           };
         if (g === "$_status" || g === "$getStatus") {
           const r = () => {
-            const { shadowMeta: o, value: s } = j(e, t, a);
-            return o?.isDirty === !0 ? "dirty" : o?.stateSource === "server" || o?.isDirty === !1 ? "synced" : o?.stateSource === "localStorage" ? "restored" : o?.stateSource === "default" || s !== void 0 ? "fresh" : "unknown";
+            const { shadowMeta: a, value: s } = N(e, t, o);
+            return a?.isDirty === !0 ? "dirty" : a?.stateSource === "server" || a?.isDirty === !1 ? "synced" : a?.stateSource === "localStorage" ? "restored" : a?.stateSource === "default" || s !== void 0 ? "fresh" : "unknown";
           };
           return g === "$_status" ? r() : r;
         }
         if (g === "$removeStorage")
           return () => {
-            const r = p.getState().initialStateGlobal[e], o = U(e), s = z(o?.localStorage?.key) ? o.localStorage.key(r) : o?.localStorage?.key, S = i && s ? `${i}-${e}-${s}` : void 0;
-            le(S);
+            const r = p.getState().initialStateGlobal[e], a = j(e), s = L(a?.localStorage?.key) ? a.localStorage.key(r) : a?.localStorage?.key, S = i && s ? `${i}-${e}-${s}` : void 0;
+            de(S);
           };
         if (g === "$setRaw")
           return (r) => {
-            const o = $(e, t) || {};
-            L(e, t, { ...o, isRaw: !0 }), n(r, t, { updateType: "update" });
+            const a = V(e, t) || {};
+            W(e, t, { ...a, isRaw: !0 }), n(r, t, { updateType: "update" });
           };
         if (g === "$validate")
           return () => {
-            const r = p.getState(), { value: o } = j(e, t, a), s = r.getInitialOptions(e), S = s?.validation?.zodSchemaV4 || s?.validation?.zodSchemaV3;
+            const r = p.getState(), { value: a } = N(e, t, o), s = r.getInitialOptions(e), S = s?.validation?.zodSchemaV4 || s?.validation?.zodSchemaV3;
             if (!S)
-              return { success: !0, data: o };
-            const u = S.safeParse(o);
-            if (u.success) {
-              const h = r.getShadowMetadata(e, t) || {};
+              return { success: !0, data: a };
+            const c = S.safeParse(a);
+            if (c.success) {
+              const m = r.getShadowMetadata(e, t) || {};
               r.setShadowMetadata(e, t, {
-                ...h,
+                ...m,
                 validation: {
                   status: "VALID",
                   errors: [],
@@ -811,7 +808,7 @@ function Ve(e, n, l, i) {
                 }
               });
             } else
-              (u.error?.issues || u.error?.errors || []).forEach((w) => {
+              (c.error?.issues || c.error?.errors || []).forEach((w) => {
                 const A = [...t, ...w.path.map(String)], M = r.getShadowMetadata(e, A) || {};
                 r.setShadowMetadata(e, A, {
                   ...M,
@@ -830,45 +827,45 @@ function Ve(e, n, l, i) {
                   }
                 });
               });
-            return W(e), u;
+            return U(e), c;
           };
         if (g === "$showValidationErrors")
           return () => {
-            const { shadowMeta: r } = j(e, t, a);
-            return r?.validation?.status === "INVALID" && r.validation.errors.length > 0 ? r.validation.errors.filter((o) => o.severity === "error").map((o) => o.message) : [];
+            const { shadowMeta: r } = N(e, t, o);
+            return r?.validation?.status === "INVALID" && r.validation.errors.length > 0 ? r.validation.errors.filter((a) => a.severity === "error").map((a) => a.message) : [];
           };
         if (g === "$getSelected")
           return () => {
             const r = [e, ...t].join(".");
-            ee(e, d, [
+            te(e, d, [
               ...t,
               "getSelected"
             ]);
-            const o = p.getState().selectedIndicesMap.get(r);
-            if (!o)
+            const a = p.getState().selectedIndicesMap.get(r);
+            if (!a)
               return;
-            const s = t.join("."), S = a?.arrayViews?.[s], u = o.split(".").pop();
-            if (!(S && !S.includes(u) || D(
+            const s = t.join("."), S = o?.arrayViews?.[s], c = a.split(".").pop();
+            if (!(S && !S.includes(c) || C(
               e,
-              o.split(".").slice(1)
+              a.split(".").slice(1)
             ) === void 0))
-              return c({
-                path: o.split(".").slice(1),
+              return u({
+                path: a.split(".").slice(1),
                 componentId: d,
-                meta: a
+                meta: o
               });
           };
         if (g === "$getSelectedIndex")
           return () => {
             const r = e + "." + t.join(".");
             t.join(".");
-            const o = p.getState().selectedIndicesMap.get(r);
-            if (!o)
+            const a = p.getState().selectedIndicesMap.get(r);
+            if (!a)
               return -1;
-            const { keys: s } = N(e, t, a);
+            const { keys: s } = F(e, t, o);
             if (!s)
               return -1;
-            const S = o.split(".").pop();
+            const S = a.split(".").pop();
             return s.indexOf(S);
           };
         if (g === "$clearSelected")
@@ -879,56 +876,56 @@ function Ve(e, n, l, i) {
           };
         if (g === "$map")
           return (r) => {
-            const { value: o, keys: s } = N(
+            const { value: a, keys: s } = F(
               e,
               t,
-              a
+              o
             );
-            if (ee(e, d, t), !s || !Array.isArray(o))
+            if (te(e, d, t), !s || !Array.isArray(a))
               return [];
-            const S = c({
+            const S = u({
               path: t,
               componentId: d,
-              meta: a
+              meta: o
             });
-            return o.map((u, h) => {
-              const w = s[h];
+            return a.map((c, m) => {
+              const w = s[m];
               if (!w) return;
-              const A = [...t, w], M = c({
+              const A = [...t, w], M = u({
                 path: A,
                 // This now correctly points to the item in the shadow store.
                 componentId: d,
-                meta: a
+                meta: o
               });
-              return r(M, h, S);
+              return r(M, m, S);
             });
           };
         if (g === "$filter")
           return (r) => {
-            const o = t.length > 0 ? t.join(".") : "root", { keys: s, value: S } = N(
+            const a = t.length > 0 ? t.join(".") : "root", { keys: s, value: S } = F(
               e,
               t,
-              a
+              o
             );
             if (!Array.isArray(S))
               throw new Error("filter can only be used on arrays");
-            const u = [];
-            return S.forEach((h, w) => {
-              if (r(h, w)) {
+            const c = [];
+            return S.forEach((m, w) => {
+              if (r(m, w)) {
                 const A = s[w];
-                A && u.push(A);
+                A && c.push(A);
               }
-            }), c({
+            }), u({
               path: t,
               componentId: d,
               meta: {
-                ...a,
+                ...o,
                 arrayViews: {
-                  ...a?.arrayViews || {},
-                  [o]: u
+                  ...o?.arrayViews || {},
+                  [a]: c
                 },
                 transforms: [
-                  ...a?.transforms || [],
+                  ...o?.transforms || [],
                   { type: "filter", fn: r, path: t }
                 ]
               }
@@ -936,30 +933,30 @@ function Ve(e, n, l, i) {
           };
         if (g === "$sort")
           return (r) => {
-            const o = t.length > 0 ? t.join(".") : "root", { value: s, keys: S } = N(
+            const a = t.length > 0 ? t.join(".") : "root", { value: s, keys: S } = F(
               e,
               t,
-              a
+              o
             );
             if (!Array.isArray(s) || !S)
               throw new Error("No array keys found for sorting");
-            const u = s.map((w, A) => ({
+            const c = s.map((w, A) => ({
               item: w,
               key: S[A]
             }));
-            u.sort((w, A) => r(w.item, A.item));
-            const h = u.map((w) => w.key);
-            return c({
+            c.sort((w, A) => r(w.item, A.item));
+            const m = c.map((w) => w.key);
+            return u({
               path: t,
               componentId: d,
               meta: {
-                ...a,
+                ...o,
                 arrayViews: {
-                  ...a?.arrayViews || {},
-                  [o]: h
+                  ...o?.arrayViews || {},
+                  [a]: m
                 },
                 transforms: [
-                  ...a?.transforms || [],
+                  ...o?.transforms || [],
                   { type: "sort", fn: r, path: t }
                 ]
               }
@@ -967,107 +964,107 @@ function Ve(e, n, l, i) {
           };
         if (g === "$list")
           return (r) => /* @__PURE__ */ Q(() => {
-            const s = q(/* @__PURE__ */ new Map()), [S, u] = te({}), h = t.length > 0 ? t.join(".") : "root", w = lt(e, t, a), A = pe(() => ({
-              ...a,
+            const s = q(/* @__PURE__ */ new Map()), [S, c] = ne({}), m = t.length > 0 ? t.join(".") : "root", w = lt(e, t, o), A = Ae(() => ({
+              ...o,
               arrayViews: {
-                ...a?.arrayViews || {},
-                [h]: w
+                ...o?.arrayViews || {},
+                [m]: w
               }
-            }), [a, h, w]), { value: M } = N(
+            }), [o, m, w]), { value: M } = F(
               e,
               t,
               A
             );
-            if (x(() => {
-              const O = p.getState().subscribeToPath(v, (F) => {
-                if (F.type === "GET_SELECTED")
+            if (Z(() => {
+              const O = p.getState().subscribeToPath(v, (z) => {
+                if (z.type === "GET_SELECTED")
                   return;
                 const B = p.getState().getShadowMetadata(e, t)?.transformCaches;
                 if (B)
-                  for (const K of B.keys())
-                    K.startsWith(d) && B.delete(K);
-                (F.type === "INSERT" || F.type === "INSERT_MANY" || F.type === "REMOVE" || F.type === "CLEAR_SELECTION" || F.type === "SERVER_STATE_UPDATE" && !a?.serverStateIsUpStream) && u({});
+                  for (const ee of B.keys())
+                    ee.startsWith(d) && B.delete(ee);
+                (z.type === "INSERT" || z.type === "INSERT_MANY" || z.type === "REMOVE" || z.type === "CLEAR_SELECTION" || z.type === "SERVER_STATE_UPDATE" && !o?.serverStateIsUpStream) && c({});
               });
               return () => {
                 O();
               };
             }, [d, v]), !Array.isArray(M))
               return null;
-            const I = c({
+            const D = u({
               path: t,
               componentId: d,
               meta: A
               // Use updated meta here
-            }), P = M.map((O, F) => {
-              const H = w[F];
-              if (!H)
+            }), P = M.map((O, z) => {
+              const J = w[z];
+              if (!J)
                 return null;
-              let B = s.current.get(H);
-              B || (B = re(), s.current.set(H, B));
-              const K = [...t, H];
-              return fe(Ue, {
-                key: H,
+              let B = s.current.get(J);
+              B || (B = ae(), s.current.set(J, B));
+              const ee = [...t, J];
+              return Se(Ue, {
+                key: J,
                 stateKey: e,
                 itemComponentId: B,
-                itemPath: K,
-                localIndex: F,
-                arraySetter: I,
-                rebuildStateShape: c,
+                itemPath: ee,
+                localIndex: z,
+                arraySetter: D,
+                rebuildStateShape: u,
                 renderFn: r
               });
             });
-            return /* @__PURE__ */ Q(Pe, { children: P });
+            return /* @__PURE__ */ Q(Te, { children: P });
           }, {});
         if (g === "$stateFlattenOn")
           return (r) => {
-            const o = t.length > 0 ? t.join(".") : "root", s = a?.arrayViews?.[o], S = p.getState().getShadowValue(e, t, s);
-            return Array.isArray(S) ? c({
+            const a = t.length > 0 ? t.join(".") : "root", s = o?.arrayViews?.[a], S = p.getState().getShadowValue(e, t, s);
+            return Array.isArray(S) ? u({
               path: [...t, "[*]", r],
               componentId: d,
-              meta: a
+              meta: o
             }) : [];
           };
         if (g === "$index")
           return (r) => {
-            const o = t.length > 0 ? t.join(".") : "root", s = a?.arrayViews?.[o];
+            const a = t.length > 0 ? t.join(".") : "root", s = o?.arrayViews?.[a];
             if (s) {
-              const h = s[r];
-              return h ? c({
-                path: [...t, h],
+              const m = s[r];
+              return m ? u({
+                path: [...t, m],
                 componentId: d,
-                meta: a
+                meta: o
               }) : void 0;
             }
-            const S = $(e, t);
+            const S = V(e, t);
             if (!S?.arrayKeys) return;
-            const u = S.arrayKeys[r];
-            if (u)
-              return c({
-                path: [...t, u],
+            const c = S.arrayKeys[r];
+            if (c)
+              return u({
+                path: [...t, c],
                 componentId: d,
-                meta: a
+                meta: o
               });
           };
         if (g === "$last")
           return () => {
-            const { keys: r } = N(e, t, a);
+            const { keys: r } = F(e, t, o);
             if (!r || r.length === 0)
               return;
-            const o = r[r.length - 1];
-            if (!o)
+            const a = r[r.length - 1];
+            if (!a)
               return;
-            const s = [...t, o];
-            return c({
+            const s = [...t, a];
+            return u({
               path: s,
               componentId: d,
-              meta: a
+              meta: o
             });
           };
         if (g === "$insert")
-          return (r, o) => {
+          return (r, a) => {
             n(r, t, {
               updateType: "insert",
-              index: o
+              index: a
             });
           };
         if (g === "$insertMany")
@@ -1077,23 +1074,23 @@ function Ve(e, n, l, i) {
             });
           };
         if (g === "$uniqueInsert")
-          return (r, o, s) => {
-            const { value: S } = j(
+          return (r, a, s) => {
+            const { value: S } = N(
               e,
               t,
-              a
-            ), u = z(r) ? r(S) : r;
-            let h = null;
+              o
+            ), c = L(r) ? r(S) : r;
+            let m = null;
             if (!S.some((A) => {
-              const M = o ? o.every(
-                (I) => Z(A[I], u[I])
-              ) : Z(A, u);
-              return M && (h = A), M;
+              const M = a ? a.every(
+                (D) => X(A[D], c[D])
+              ) : X(A, c);
+              return M && (m = A), M;
             }))
-              n(u, t, { updateType: "insert" });
-            else if (s && h) {
-              const A = s(h), M = S.map(
-                (I) => Z(I, h) ? A : I
+              n(c, t, { updateType: "insert" });
+            else if (s && m) {
+              const A = s(m), M = S.map(
+                (D) => X(D, m) ? A : D
               );
               n(M, t, {
                 updateType: "update"
@@ -1101,134 +1098,134 @@ function Ve(e, n, l, i) {
             }
           };
         if (g === "$cut")
-          return (r, o) => {
-            const s = $(e, t);
+          return (r, a) => {
+            const s = V(e, t);
             if (!s?.arrayKeys || s.arrayKeys.length === 0)
               return;
-            const S = r === -1 ? s.arrayKeys.length - 1 : r !== void 0 ? r : s.arrayKeys.length - 1, u = s.arrayKeys[S];
-            u && n(null, [...t, u], {
+            const S = r === -1 ? s.arrayKeys.length - 1 : r !== void 0 ? r : s.arrayKeys.length - 1, c = s.arrayKeys[S];
+            c && n(null, [...t, c], {
               updateType: "cut"
             });
           };
         if (g === "$cutSelected")
           return () => {
-            const r = [e, ...t].join("."), { keys: o } = N(e, t, a);
-            if (!o || o.length === 0)
+            const r = [e, ...t].join("."), { keys: a } = F(e, t, o);
+            if (!a || a.length === 0)
               return;
             const s = p.getState().selectedIndicesMap.get(r);
             if (!s)
               return;
             const S = s.split(".").pop();
-            if (!o.includes(S))
+            if (!a.includes(S))
               return;
-            const u = s.split(".").slice(1);
+            const c = s.split(".").slice(1);
             p.getState().clearSelectedIndex({ arrayKey: r });
-            const h = u.slice(0, -1);
-            Y(e, h), n(null, u, {
+            const m = c.slice(0, -1);
+            Y(e, m), n(null, c, {
               updateType: "cut"
             });
           };
         if (g === "$cutByValue")
           return (r) => {
             const {
-              isArray: o,
+              isArray: a,
               value: s,
               keys: S
-            } = N(e, t, a);
-            if (!o) return;
-            const u = se(s, S, (h) => h === r);
-            u && n(null, [...t, u.key], {
+            } = F(e, t, o);
+            if (!a) return;
+            const c = le(s, S, (m) => m === r);
+            c && n(null, [...t, c.key], {
               updateType: "cut"
             });
           };
         if (g === "$toggleByValue")
           return (r) => {
             const {
-              isArray: o,
+              isArray: a,
               value: s,
               keys: S
-            } = N(e, t, a);
-            if (!o) return;
-            const u = se(s, S, (h) => h === r);
-            if (u) {
-              const h = [...t, u.key];
-              n(null, h, {
+            } = F(e, t, o);
+            if (!a) return;
+            const c = le(s, S, (m) => m === r);
+            if (c) {
+              const m = [...t, c.key];
+              n(null, m, {
                 updateType: "cut"
               });
             } else
               n(r, t, { updateType: "insert" });
           };
         if (g === "$findWith")
-          return (r, o) => {
-            const { isArray: s, value: S, keys: u } = N(e, t, a);
+          return (r, a) => {
+            const { isArray: s, value: S, keys: c } = F(e, t, o);
             if (!s)
               throw new Error("findWith can only be used on arrays");
-            const h = se(
+            const m = le(
               S,
-              u,
-              (w) => w?.[r] === o
+              c,
+              (w) => w?.[r] === a
             );
-            return h ? c({
-              path: [...t, h.key],
+            return m ? u({
+              path: [...t, m.key],
               componentId: d,
-              meta: a
+              meta: o
             }) : null;
           };
         if (g === "$cutThis") {
-          const { value: r } = j(e, t, a), o = t.slice(0, -1);
-          return Y(e, o), () => {
+          const { value: r } = N(e, t, o), a = t.slice(0, -1);
+          return Y(e, a), () => {
             n(r, t, { updateType: "cut" });
           };
         }
         if (g === "$get")
           return () => {
-            ee(e, d, t);
-            const { value: r } = j(e, t, a);
+            te(e, d, t);
+            const { value: r } = N(e, t, o);
             return r;
           };
         if (g === "$$derive")
-          return (r) => we({
+          return (r) => pe({
             _stateKey: e,
             _path: t,
             _effect: r.toString(),
-            _meta: a
+            _meta: o
           });
         if (g === "$$get")
-          return () => we({ _stateKey: e, _path: t, _meta: a });
+          return () => pe({ _stateKey: e, _path: t, _meta: o });
         if (g === "$lastSynced") {
           const r = `${e}:${t.join(".")}`;
           return He(r);
         }
         if (g == "getLocalStorage")
-          return (r) => ie(i + "-" + e + "-" + r);
+          return (r) => ce(i + "-" + e + "-" + r);
         if (g === "$isSelected") {
           const r = t.slice(0, -1);
-          if ($(e, r)?.arrayKeys) {
-            const s = e + "." + r.join("."), S = p.getState().selectedIndicesMap.get(s), u = e + "." + t.join(".");
-            return S === u;
+          if (V(e, r)?.arrayKeys) {
+            const s = e + "." + r.join("."), S = p.getState().selectedIndicesMap.get(s), c = e + "." + t.join(".");
+            return S === c;
           }
           return;
         }
         if (g === "$setSelected")
           return (r) => {
-            const o = t.slice(0, -1), s = e + "." + o.join("."), S = e + "." + t.join(".");
-            Y(e, o, void 0), p.getState().selectedIndicesMap.get(s), r && p.getState().setSelectedIndex(s, S);
+            const a = t.slice(0, -1), s = e + "." + a.join("."), S = e + "." + t.join(".");
+            Y(e, a, void 0), p.getState().selectedIndicesMap.get(s), r && p.getState().setSelectedIndex(s, S);
           };
         if (g === "$toggleSelected")
           return () => {
-            const r = t.slice(0, -1), o = e + "." + r.join("."), s = e + "." + t.join(".");
-            p.getState().selectedIndicesMap.get(o) === s ? p.getState().clearSelectedIndex({ arrayKey: o }) : p.getState().setSelectedIndex(o, s), Y(e, r);
+            const r = t.slice(0, -1), a = e + "." + r.join("."), s = e + "." + t.join(".");
+            p.getState().selectedIndicesMap.get(a) === s ? p.getState().clearSelectedIndex({ arrayKey: a }) : p.getState().setSelectedIndex(a, s), Y(e, r);
           };
         if (g === "$clearValidation")
           return (r) => {
-            const o = r ? [...t, ...r] : t, s = p.getState(), S = s.getShadowNode(e, o);
+            const a = r ? [...t, ...r] : t, s = p.getState(), S = s.getShadowNode(e, a);
             if (console.log("startNode ", S), !S) return;
-            const u = [[S, o]];
-            for (console.log("stack ", u); u.length > 0; ) {
-              const [h, w] = u.pop();
-              if (console.log("while (stack.length ", h, w), !h || typeof h != "object") continue;
-              if (h._meta?.validation) {
-                h._meta.validation = {
+            const c = [[S, a]];
+            for (console.log("stack ", c); c.length > 0; ) {
+              const [m, w] = c.pop();
+              if (console.log("while (stack.length ", m, w), !m || typeof m != "object") continue;
+              if (m._meta?.validation) {
+                m._meta.validation = {
                   status: "NOT_VALIDATED",
                   errors: [],
                   lastValidated: Date.now(),
@@ -1239,63 +1236,86 @@ function Ve(e, n, l, i) {
                   type: "VALIDATION_CLEAR"
                 });
               }
-              const A = Object.keys(h);
+              const A = Object.keys(m);
               for (const M of A)
-                M !== "_meta" && u.push([h[M], [...w, M]]);
+                M !== "_meta" && c.push([m[M], [...w, M]]);
             }
-            W(e);
+            U(e);
           };
         if (t.length == 0) {
           if (g === "$_componentId")
             return d;
           if (g === "$setOptions")
             return (r) => {
-              ue({ stateKey: e, options: r, initialOptionsPart: {} });
+              fe({ stateKey: e, options: r, initialOptionsPart: {} });
             };
           if (g === "$_applyUpdate")
-            return (r, o, s = "update") => {
-              n(r, o, { updateType: s });
+            return (r, a, s = "update") => {
+              n(r, a, { updateType: s });
             };
           if (g === "$_getEffectiveSetState")
             return n;
           if (g === "$getPluginMetaData")
-            return (r) => me(e, t)?.get(r);
+            return (r) => he(e, t)?.get(r);
           if (g === "$addPluginMetaData")
-            return (r, o) => he(e, t, r, o);
+            return (r, a) => ve(e, t, r, a);
           if (g === "$removePluginMetaData")
-            return (r) => ve(e, t, r);
+            return (r) => we(e, t, r);
           if (g === "$addZodValidation")
-            return (r, o) => {
-              r.forEach((s) => {
-                const S = p.getState().getShadowMetadata(e, s.path) || {};
-                p.getState().setShadowMetadata(e, s.path, {
-                  ...S,
+            return (r, a) => {
+              const s = p.getState();
+              r.forEach((S) => {
+                const c = S.path.map(String), m = s.getShadowMetadata(e, c) || {};
+                s.setShadowMetadata(e, c, {
+                  ...m,
                   validation: {
                     status: "INVALID",
                     errors: [
                       {
-                        source: o || "client",
-                        message: s.message,
+                        source: a || "client",
+                        message: S.message,
                         severity: "error",
-                        code: s.code
+                        code: S.code
                       }
                     ],
                     lastValidated: Date.now(),
                     validatedValue: void 0
                   }
-                });
-              });
+                }), s.notifyPathSubscribers(
+                  [e, ...c].join("."),
+                  { type: "VALIDATION_UPDATE" }
+                );
+              }), U(e);
+            };
+          if (g === "$clearZodValidationPaths")
+            return (r) => {
+              const a = p.getState();
+              r.forEach((s) => {
+                const S = a.getShadowMetadata(e, s) || {};
+                S.validation && (a.setShadowMetadata(e, s, {
+                  ...S,
+                  validation: {
+                    status: "NOT_VALIDATED",
+                    errors: [],
+                    lastValidated: Date.now(),
+                    validatedValue: void 0
+                  }
+                }), a.notifyPathSubscribers(
+                  [e, ...s].join("."),
+                  { type: "VALIDATION_CLEAR" }
+                ));
+              }), U(e);
             };
           if (g === "$applyOperation")
-            return (r, o) => {
+            return (r, a) => {
               let s;
               if (r.insertAfterId && r.updateType === "insert") {
-                const S = $(e, r.path);
+                const S = V(e, r.path);
                 if (S?.arrayKeys) {
-                  const u = S.arrayKeys.indexOf(
+                  const c = S.arrayKeys.indexOf(
                     r.insertAfterId
                   );
-                  u !== -1 && (s = u + 1);
+                  c !== -1 && (s = c + 1);
                 }
               }
               n(r.newValue, r.path, {
@@ -1303,31 +1323,31 @@ function Ve(e, n, l, i) {
                 itemId: r.itemId,
                 index: s,
                 // Pass the calculated index
-                metaData: o
+                metaData: a
               });
             };
           if (g === "$applyJsonPatch")
             return (r) => {
-              const o = p.getState(), s = o.getShadowMetadata(e, []);
+              const a = p.getState(), s = a.getShadowMetadata(e, []);
               if (!s?.components) return;
-              const S = (h) => !h || h === "/" ? [] : h.split("/").slice(1).map((w) => w.replace(/~1/g, "/").replace(/~0/g, "~")), u = /* @__PURE__ */ new Set();
-              for (const h of r) {
-                const w = S(h.path);
-                switch (h.op) {
+              const S = (m) => !m || m === "/" ? [] : m.split("/").slice(1).map((w) => w.replace(/~1/g, "/").replace(/~0/g, "~")), c = /* @__PURE__ */ new Set();
+              for (const m of r) {
+                const w = S(m.path);
+                switch (m.op) {
                   case "add":
                   case "replace": {
-                    const { value: A } = h;
-                    o.updateShadowAtPath(e, w, A), o.markAsDirty(e, w, { bubble: !0 });
+                    const { value: A } = m;
+                    a.updateShadowAtPath(e, w, A), a.markAsDirty(e, w, { bubble: !0 });
                     let M = [...w];
                     for (; ; ) {
-                      const I = o.getShadowMetadata(
+                      const D = a.getShadowMetadata(
                         e,
                         M
                       );
-                      if (I?.pathComponents && I.pathComponents.forEach((P) => {
-                        if (!u.has(P)) {
+                      if (D?.pathComponents && D.pathComponents.forEach((P) => {
+                        if (!c.has(P)) {
                           const O = s.components?.get(P);
-                          O && (O.forceUpdate(), u.add(P));
+                          O && (O.forceUpdate(), c.add(P));
                         }
                       }), M.length === 0) break;
                       M.pop();
@@ -1336,17 +1356,17 @@ function Ve(e, n, l, i) {
                   }
                   case "remove": {
                     const A = w.slice(0, -1);
-                    o.removeShadowArrayElement(e, w), o.markAsDirty(e, A, { bubble: !0 });
+                    a.removeShadowArrayElement(e, w), a.markAsDirty(e, A, { bubble: !0 });
                     let M = [...A];
                     for (; ; ) {
-                      const I = o.getShadowMetadata(
+                      const D = a.getShadowMetadata(
                         e,
                         M
                       );
-                      if (I?.pathComponents && I.pathComponents.forEach((P) => {
-                        if (!u.has(P)) {
+                      if (D?.pathComponents && D.pathComponents.forEach((P) => {
+                        if (!c.has(P)) {
                           const O = s.components?.get(P);
-                          O && (O.forceUpdate(), u.add(P));
+                          O && (O.forceUpdate(), c.add(P));
                         }
                       }), M.length === 0) break;
                       M.pop();
@@ -1357,16 +1377,16 @@ function Ve(e, n, l, i) {
               }
             };
           if (g === "$getComponents")
-            return () => $(e, [])?.components;
+            return () => V(e, [])?.components;
         }
         if (g === "$validationWrapper")
           return ({
             children: r,
-            hideMessage: o
+            hideMessage: a
           }) => /* @__PURE__ */ Q(
             Oe,
             {
-              formOpts: o ? { validation: { message: "" } } : void 0,
+              formOpts: a ? { validation: { message: "" } } : void 0,
               path: t,
               stateKey: e,
               children: r
@@ -1377,9 +1397,9 @@ function Ve(e, n, l, i) {
         if (g === "$update")
           return (r) => (n(r, t, { updateType: "update" }), {
             synced: () => {
-              const o = p.getState().getShadowMetadata(e, t);
-              L(e, t, {
-                ...o,
+              const a = p.getState().getShadowMetadata(e, t);
+              W(e, t, {
+                ...a,
                 isDirty: !1,
                 stateSource: "server",
                 lastServerSync: Date.now()
@@ -1392,10 +1412,10 @@ function Ve(e, n, l, i) {
             }
           });
         if (g === "$toggle") {
-          const { value: r } = j(
+          const { value: r } = N(
             e,
             t,
-            a
+            o
           );
           if (typeof r != "boolean")
             throw new Error("toggle() can only be used on boolean values");
@@ -1406,9 +1426,9 @@ function Ve(e, n, l, i) {
           };
         }
         if (g === "$isolate")
-          return (r, o) => {
-            const s = Array.isArray(r), S = s ? r : void 0, u = s ? o : r;
-            if (!u || typeof u != "function")
+          return (r, a) => {
+            const s = Array.isArray(r), S = s ? r : void 0, c = s ? a : r;
+            if (!c || typeof c != "function")
               throw new Error(
                 "CogsState: $isolate requires a render function."
               );
@@ -1418,129 +1438,129 @@ function Ve(e, n, l, i) {
                 stateKey: e,
                 path: t,
                 dependencies: S,
-                rebuildStateShape: c,
-                renderFn: u
+                rebuildStateShape: u,
+                renderFn: c
               }
             );
           };
         if (g === "$formElement")
-          return (r, o) => /* @__PURE__ */ Q(
+          return (r, a) => /* @__PURE__ */ Q(
             Ne,
             {
               stateKey: e,
               path: t,
-              rebuildStateShape: c,
+              rebuildStateShape: u,
               setState: n,
-              formOpts: o,
+              formOpts: a,
               renderFn: r
             }
           );
         const k = [...t, g];
-        return c({
+        return u({
           path: k,
           componentId: d,
-          meta: a
+          meta: o
         });
       }
-    }, J = new Proxy(C, _);
-    return f.set(V, J), J;
+    }, x = new Proxy(_, T);
+    return f.set($, x), x;
   }
-  const m = {
+  const h = {
     $revertToInitialState: (t) => {
-      const a = p.getState().getShadowMetadata(e, []);
+      const o = p.getState().getShadowMetadata(e, []);
       let d;
-      a?.stateSource === "server" && a.baseServerState ? d = a.baseServerState : d = p.getState().initialStateGlobal[e], qe(e), X(e, d), c({
+      o?.stateSource === "server" && o.baseServerState ? d = o.baseServerState : d = p.getState().initialStateGlobal[e], qe(e), K(e, d), u({
         path: [],
         componentId: l
       });
-      const E = U(e), b = z(E?.localStorage?.key) ? E?.localStorage?.key(d) : E?.localStorage?.key, V = i && b ? `${i}-${e}-${b}` : void 0;
-      return le(V), W(e), d;
+      const E = j(e), b = L(E?.localStorage?.key) ? E?.localStorage?.key(d) : E?.localStorage?.key, $ = i && b ? `${i}-${e}-${b}` : void 0;
+      return de($), U(e), d;
     },
     $initializeAndMergeShadowState: (t) => {
-      ze(e, t), W(e);
+      Re(e, t), U(e);
     },
     $updateInitialState: (t) => {
-      const a = Ve(
+      const o = Pe(
         e,
         n,
         l,
         i
-      ), d = p.getState().initialStateGlobal[e], E = U(e), b = z(E?.localStorage?.key) ? E?.localStorage?.key(d) : E?.localStorage?.key, V = i && b ? `${i}-${e}-${b}` : void 0;
-      return le(V), Ie(() => {
-        Me(e, t), X(e, t);
+      ), d = p.getState().initialStateGlobal[e], E = j(e), b = L(E?.localStorage?.key) ? E?.localStorage?.key(d) : E?.localStorage?.key, $ = i && b ? `${i}-${e}-${b}` : void 0;
+      return de($), ke(() => {
+        be(e, t), K(e, t);
         const v = p.getState().getShadowMetadata(e, []);
-        v && v?.components?.forEach((C) => {
-          C.forceUpdate();
+        v && v?.components?.forEach((_) => {
+          _.forceUpdate();
         });
       }), {
-        fetchId: (v) => a.$get()[v]
+        fetchId: (v) => o.$get()[v]
       };
     }
   };
-  return c({
+  return u({
     componentId: l,
     path: []
   });
 }
-function we(e) {
-  return fe(gt, { proxy: e });
+function pe(e) {
+  return Se(gt, { proxy: e });
 }
 function gt({
   proxy: e
 }) {
-  const n = q(null), l = q(null), i = q(!1), f = `${e._stateKey}-${e._path.join(".")}`, c = e._path.length > 0 ? e._path.join(".") : "root", m = e._meta?.arrayViews?.[c], y = D(e._stateKey, e._path, m);
-  return x(() => {
+  const n = q(null), l = q(null), i = q(!1), f = `${e._stateKey}-${e._path.join(".")}`, u = e._path.length > 0 ? e._path.join(".") : "root", h = e._meta?.arrayViews?.[u], y = C(e._stateKey, e._path, h);
+  return Z(() => {
     const t = n.current;
     if (!t || i.current) return;
-    const a = setTimeout(() => {
+    const o = setTimeout(() => {
       if (!t.parentElement) {
         console.warn("Parent element not found for signal", f);
         return;
       }
       const d = t.parentElement, b = Array.from(d.childNodes).indexOf(t);
-      let V = d.getAttribute("data-parent-id");
-      V || (V = `parent-${crypto.randomUUID()}`, d.setAttribute("data-parent-id", V)), l.current = `instance-${crypto.randomUUID()}`;
-      const v = p.getState().getShadowMetadata(e._stateKey, e._path) || {}, C = v.signals || [];
-      C.push({
+      let $ = d.getAttribute("data-parent-id");
+      $ || ($ = `parent-${crypto.randomUUID()}`, d.setAttribute("data-parent-id", $)), l.current = `instance-${crypto.randomUUID()}`;
+      const v = p.getState().getShadowMetadata(e._stateKey, e._path) || {}, _ = v.signals || [];
+      _.push({
         instanceId: l.current,
-        parentId: V,
+        parentId: $,
         position: b,
         effect: e._effect
       }), p.getState().setShadowMetadata(e._stateKey, e._path, {
         ...v,
-        signals: C
+        signals: _
       });
-      let _ = y;
+      let T = y;
       if (e._effect)
         try {
-          _ = new Function(
+          T = new Function(
             "state",
             `return (${e._effect})(state)`
           )(y);
         } catch (G) {
           console.error("Error evaluating effect function:", G);
         }
-      _ !== null && typeof _ == "object" && (_ = JSON.stringify(_));
-      const J = document.createTextNode(String(_ ?? ""));
-      t.replaceWith(J), i.current = !0;
+      T !== null && typeof T == "object" && (T = JSON.stringify(T));
+      const x = document.createTextNode(String(T ?? ""));
+      t.replaceWith(x), i.current = !0;
     }, 0);
     return () => {
-      if (clearTimeout(a), l.current) {
+      if (clearTimeout(o), l.current) {
         const d = p.getState().getShadowMetadata(e._stateKey, e._path) || {};
         d.signals && (d.signals = d.signals.filter(
           (E) => E.instanceId !== l.current
         ), p.getState().setShadowMetadata(e._stateKey, e._path, d));
       }
     };
-  }, []), fe("span", {
+  }, []), Se("span", {
     ref: n,
     style: { display: "contents" },
     "data-signal-id": f
   });
 }
 export {
-  we as $cogsSignal,
-  $t as createCogsState,
+  pe as $cogsSignal,
+  Vt as createCogsState,
   ct as useCogsStateFn
 };
 //# sourceMappingURL=CogsState.js.map