cogsbox-state 0.5.488 → 0.5.489

package/dist/CogsState.js

@@ -14,7 +14,7 @@ const {
   updateInitialStateGlobal: Ve,
   getShadowMetadata: E,
   setShadowMetadata: B,
-  getShadowValue: O,
+  getShadowValue: _,
   initializeShadowState: K,
   initializeAndMergeShadowState: Re,
   updateShadowAtPath: Le,
@@ -44,9 +44,9 @@ function z(e, a, l) {
 function le(e, a, l) {
   for (let s = 0; s < e.length; s++)
     if (l(e[s], s)) {
-      const f = a[s];
-      if (f)
-        return { key: f, index: s, value: e[s] };
+      const S = a[s];
+      if (S)
+        return { key: S, index: s, value: e[s] };
     }
   return null;
 }
@@ -62,20 +62,20 @@ function fe({
   options: a,
   initialOptionsPart: l
 }) {
-  const s = U(e) || {}, f = l[e] || {};
-  let u = { ...f, ...s }, h = !1;
+  const s = U(e) || {}, S = l[e] || {};
+  let u = { ...S, ...s }, h = !1;
   if (a) {
-    const m = (t, o) => {
+    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]) || (m(t[d], o[d]), h = !0) : t[d] !== o[d] && (t[d] = o[d], h = !0));
+        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;
     };
-    u = m(u, a);
+    u = y(u, a);
   }
-  if (u.validation && (a?.validation?.hasOwnProperty("onBlur") || s?.validation?.hasOwnProperty("onBlur") || f?.validation?.hasOwnProperty("onBlur") || (u.validation.onBlur = "error", h = !0)), h) {
+  if (u.validation && (a?.validation?.hasOwnProperty("onBlur") || s?.validation?.hasOwnProperty("onBlur") || S?.validation?.hasOwnProperty("onBlur") || (u.validation.onBlur = "error", h = !0)), h) {
     ye(e, u);
-    const m = u.validation?.zodSchemaV4, t = u.validation?.zodSchemaV3;
-    (m !== s?.validation?.zodSchemaV4 || t !== s?.validation?.zodSchemaV3) && (m || t) && (m ? H(e, m, "zod4") : t && H(e, t, "zod3"), N(e));
+    const y = u.validation?.zodSchemaV4, t = u.validation?.zodSchemaV3;
+    (y !== s?.validation?.zodSchemaV4 || t !== s?.validation?.zodSchemaV3) && (y || t) && (y ? H(e, y, "zod4") : t && H(e, t, "zod3"), N(e));
   }
   return u;
 }
@@ -85,8 +85,8 @@ const bt = (e, a) => {
   if (a?.plugins)
     for (const o of a.plugins)
       typeof o.initialState == "function" && Object.assign(l, o.initialState());
-  const s = { ...l, ...e }, [f, u] = ke(s);
-  Object.keys(f).forEach((o) => {
+  const s = { ...l, ...e }, [S, u] = ke(s);
+  Object.keys(S).forEach((o) => {
     let d = {};
     a?.formElements && (d.formElements = a.formElements), d.validation = {
       onBlur: "error",
@@ -101,8 +101,8 @@ const bt = (e, a) => {
       }
     } : d;
     Object.keys(b).length > 0 && ye(o, b);
-  }), Object.keys(f).forEach((o) => {
-    K(o, f[o]);
+  }), Object.keys(S).forEach((o) => {
+    K(o, S[o]);
   });
   const h = (o, d) => {
     const [$] = ne(d?.componentId ?? ae()), b = fe({
@@ -111,7 +111,7 @@ const bt = (e, a) => {
       initialOptionsPart: u
     }), P = x(b);
     P.current = b;
-    const v = O(o, []) || f[o], j = ct(v, {
+    const v = _(o, []) || S[o], O = ct(v, {
       stateKey: o,
       syncUpdate: d?.syncUpdate,
       componentId: $,
@@ -125,14 +125,14 @@ const bt = (e, a) => {
     });
     return re(() => {
       d && L.getState().setPluginOptionsForState(o, d);
-    }, [o, d]), re(() => (L.getState().registerStateHandler(o, j), () => {
+    }, [o, d]), re(() => (L.getState().registerStateHandler(o, O), () => {
       L.getState().unregisterStateHandler(o);
-    }), [o, j]), re(() => {
+    }), [o, O]), re(() => {
       const D = U(o)?.validation;
       D?.zodSchemaV4 ? H(o, D.zodSchemaV4, "zod4") : D?.zodSchemaV3 && H(o, D.zodSchemaV3, "zod3");
-    }), j;
+    }), O;
   };
-  function m(o, d) {
+  function y(o, d) {
     if (fe({ stateKey: o, options: d, initialOptionsPart: u }), d.localStorage && Xe(o, d), d.formElements) {
       const b = L.getState().registeredPlugins.map((P) => d.formElements.hasOwnProperty(P.name) ? {
         ...P,
@@ -143,16 +143,16 @@ const bt = (e, a) => {
     N(o);
   }
   function t(o) {
-    Object.keys(f).forEach(($) => {
-      m($, o);
+    Object.keys(S).forEach(($) => {
+      y($, o);
     });
   }
   return {
     useCogsState: h,
-    setCogsOptionsByKey: m,
+    setCogsOptionsByKey: y,
     setCogsOptions: t
   };
-}, Ze = (e, a, l, s, f) => {
+}, Ze = (e, a, l, s, S) => {
   l?.log && console.log(
     "saving to localstorage",
     a,
@@ -162,15 +162,15 @@ const bt = (e, a) => {
   const u = W(l?.localStorage?.key) ? l.localStorage?.key(e) : l?.localStorage?.key;
   if (u && s) {
     const h = `${s}-${a}-${u}`;
-    let m;
+    let y;
     try {
-      m = ce(h)?.lastSyncedWithServer;
+      y = ce(h)?.lastSyncedWithServer;
     } catch {
     }
     const t = E(a, []), o = {
       state: e,
       lastUpdated: Date.now(),
-      lastSyncedWithServer: m,
+      lastSyncedWithServer: y,
       stateSource: t?.stateSource,
       baseServerState: t?.baseServerState
     }, d = Fe.serialize(o);
@@ -195,10 +195,10 @@ const bt = (e, a) => {
       console.error("Error removing from localStorage:", a);
     }
 }, Xe = (e, a) => {
-  const l = O(e, []), { sessionId: s } = Me(), f = W(a?.localStorage?.key) ? a.localStorage.key(l) : a?.localStorage?.key;
-  if (f && s) {
+  const l = _(e, []), { sessionId: s } = Me(), S = W(a?.localStorage?.key) ? a.localStorage.key(l) : a?.localStorage?.key;
+  if (S && s) {
     const u = ce(
-      `${s}-${e}-${f}`
+      `${s}-${e}-${S}`
     );
     if (u && u.lastUpdated > (u.lastSyncedWithServer || 0))
       return N(e), !0;
@@ -215,16 +215,16 @@ const bt = (e, a) => {
   });
 };
 function oe(e, a, l, s) {
-  const f = E(e, a);
+  const S = E(e, a);
   if (B(e, a, {
-    ...f,
+    ...S,
     isDirty: !1,
     stateSource: "server",
     lastServerSync: s || Date.now()
   }), Array.isArray(l)) {
     const u = E(e, a);
-    u?.arrayKeys && u.arrayKeys.forEach((h, m) => {
-      const t = [...a, h], o = l[m];
+    u?.arrayKeys && u.arrayKeys.forEach((h, y) => {
+      const t = [...a, h], o = l[y];
       o !== void 0 && oe(
         e,
         t,
@@ -233,8 +233,8 @@ function oe(e, a, l, s) {
       );
     });
   } else l && typeof l == "object" && l.constructor === Object && Object.keys(l).forEach((u) => {
-    const h = [...a, u], m = l[u];
-    oe(e, h, m, s);
+    const h = [...a, u], y = l[u];
+    oe(e, h, y, s);
   });
 }
 let se = [], ge = !1;
@@ -244,68 +244,68 @@ function Ke() {
   }));
 }
 function et(e, a) {
-  e?.signals?.length && e.signals.forEach(({ parentId: l, position: s, effect: f }) => {
+  e?.signals?.length && e.signals.forEach(({ parentId: l, position: s, effect: S }) => {
     const u = document.querySelector(`[data-parent-id="${l}"]`);
     if (!u) return;
     const h = Array.from(u.childNodes);
     if (!h[s]) return;
-    let m = a;
-    if (f && a !== null)
+    let y = a;
+    if (S && a !== null)
       try {
-        m = new Function("state", `return (${f})(state)`)(
+        y = new Function("state", `return (${S})(state)`)(
           a
         );
       } catch (t) {
         console.error("Error evaluating effect function:", t);
       }
-    m !== null && typeof m == "object" && (m = JSON.stringify(m)), h[s].textContent = String(m ?? "");
+    y !== null && typeof y == "object" && (y = JSON.stringify(y)), h[s].textContent = String(y ?? "");
   });
 }
 function tt(e, a, l) {
   const s = E(e, []);
   if (!s?.components)
     return /* @__PURE__ */ new Set();
-  const f = /* @__PURE__ */ new Set();
+  const S = /* @__PURE__ */ new Set();
   if (l.type === "update") {
     let u = [...a];
     for (; ; ) {
       const h = E(e, u);
-      if (h?.pathComponents && h.pathComponents.forEach((m) => {
-        const t = s.components?.get(m);
-        t && ((Array.isArray(t.reactiveType) ? t.reactiveType : [t.reactiveType || "component"]).includes("none") || f.add(t));
+      if (h?.pathComponents && h.pathComponents.forEach((y) => {
+        const t = s.components?.get(y);
+        t && ((Array.isArray(t.reactiveType) ? t.reactiveType : [t.reactiveType || "component"]).includes("none") || S.add(t));
       }), u.length === 0) break;
       u.pop();
     }
-    l.newValue && typeof l.newValue == "object" && !Ce(l.newValue) && _e(l.newValue, l.oldValue).forEach((m) => {
-      const t = m.split("."), o = [...a, ...t], d = E(e, o);
+    l.newValue && typeof l.newValue == "object" && !Ce(l.newValue) && _e(l.newValue, l.oldValue).forEach((y) => {
+      const t = y.split("."), o = [...a, ...t], d = E(e, o);
       d?.pathComponents && d.pathComponents.forEach(($) => {
         const b = s.components?.get($);
-        b && ((Array.isArray(b.reactiveType) ? b.reactiveType : [b.reactiveType || "component"]).includes("none") || f.add(b));
+        b && ((Array.isArray(b.reactiveType) ? b.reactiveType : [b.reactiveType || "component"]).includes("none") || S.add(b));
       });
     });
   } else if (l.type === "insert" || l.type === "cut" || l.type === "insert_many") {
     let h = [...l.type === "insert" ? a : a.slice(0, -1)];
     for (; ; ) {
-      const m = E(e, h);
-      if (m?.pathComponents && m.pathComponents.forEach((t) => {
+      const y = E(e, h);
+      if (y?.pathComponents && y.pathComponents.forEach((t) => {
         const o = s.components?.get(t);
-        o && f.add(o);
+        o && S.add(o);
       }), h.length === 0) break;
       h.pop();
     }
   }
-  return f;
+  return S;
 }
 function rt(e, a, l) {
-  const s = M.getState().getShadowValue(e, a), f = W(l) ? l(s) : l;
-  if (X(s, f))
+  const s = M.getState().getShadowValue(e, a), S = W(l) ? l(s) : l;
+  if (X(s, S))
     return null;
-  Le(e, a, f), ie(e, a, { bubble: !0 });
+  Le(e, a, S), ie(e, a, { bubble: !0 });
   const u = E(e, a);
   return {
     type: "update",
     oldValue: s,
-    newValue: f,
+    newValue: S,
     shadowMeta: u
   };
 }
@@ -319,10 +319,10 @@ function nt(e, a, l) {
     path: a
   };
 }
-function at(e, a, l, s, f) {
+function at(e, a, l, s, S) {
   let u;
   if (W(l)) {
-    const { value: o } = F(e, a);
+    const { value: o } = j(e, a);
     u = l({ state: o });
   } else
     u = l;
@@ -331,22 +331,22 @@ function at(e, a, l, s, f) {
     a,
     u,
     s,
-    f
+    S
   );
   ie(e, a, { bubble: !0 });
-  const m = E(e, a);
+  const y = E(e, a);
   let t;
-  return m?.arrayKeys && s !== void 0 && s > 0 && (t = m.arrayKeys[s - 1]), {
+  return y?.arrayKeys && s !== void 0 && s > 0 && (t = y.arrayKeys[s - 1]), {
     type: "insert",
     newValue: u,
-    shadowMeta: m,
+    shadowMeta: y,
     path: a,
     itemId: h,
     insertAfterId: t
   };
 }
 function ot(e, a) {
-  const l = a.slice(0, -1), s = O(e, a);
+  const l = a.slice(0, -1), s = _(e, a);
   return Be(e, a), ie(e, l, { bubble: !0 }), { type: "cut", oldValue: s, parentPath: l };
 }
 function st() {
@@ -356,90 +356,90 @@ function st() {
       l.push(s);
       continue;
     }
-    const f = s, u = f.type === "cut" ? null : f.newValue;
-    f.shadowMeta?.signals?.length > 0 && a.push({ shadowMeta: f.shadowMeta, displayValue: u }), tt(
-      f.stateKey,
-      f.path,
-      f
-    ).forEach((m) => {
-      e.add(m);
+    const S = s, u = S.type === "cut" ? null : S.newValue;
+    S.shadowMeta?.signals?.length > 0 && a.push({ shadowMeta: S.shadowMeta, displayValue: u }), tt(
+      S.stateKey,
+      S.path,
+      S
+    ).forEach((y) => {
+      e.add(y);
     });
   }
-  l.length > 0 && xe(l), a.forEach(({ shadowMeta: s, displayValue: f }) => {
-    et(s, f);
+  l.length > 0 && xe(l), a.forEach(({ shadowMeta: s, displayValue: S }) => {
+    et(s, S);
   }), e.forEach((s) => {
     s.forceUpdate();
   }), se = [], ge = !1;
 }
 function it(e, a, l) {
-  return (f, u, h) => {
-    s(e, u, f, h);
+  return (S, u, h) => {
+    s(e, u, S, h);
   };
-  function s(f, u, h, m) {
+  function s(S, u, h, y) {
     let t;
-    switch (m.updateType) {
+    switch (y.updateType) {
       case "update":
-        t = rt(f, u, h);
+        t = rt(S, u, h);
         break;
       case "insert":
         t = at(
-          f,
+          S,
           u,
           h,
-          m.index,
-          m.itemId
+          y.index,
+          y.itemId
         );
         break;
       case "insert_many":
-        t = nt(f, u, h);
+        t = nt(S, u, h);
         break;
       case "cut":
-        t = ot(f, u);
+        t = ot(S, u);
         break;
     }
     if (t === null)
       return;
-    t.stateKey = f, t.path = u, se.push(t), Ke();
+    t.stateKey = S, t.path = u, se.push(t), Ke();
     const o = {
       timeStamp: Date.now(),
-      stateKey: f,
+      stateKey: S,
       path: u,
-      updateType: m.updateType,
+      updateType: y.updateType,
       status: "new",
       oldValue: t.oldValue,
       newValue: t.newValue ?? null,
       itemId: t.itemId,
       insertAfterId: t.insertAfterId,
-      metaData: m.metaData
+      metaData: y.metaData
     };
     se.push(o), t.newValue !== void 0 && Ze(
       t.newValue,
-      f,
+      S,
       l.current,
       a
-    ), l.current?.middleware && l.current.middleware({ update: o }), ze(o, m.validationTrigger || "programmatic"), Ye(o);
+    ), l.current?.middleware && l.current.middleware({ update: o }), ze(o, y.validationTrigger || "programmatic"), Ye(o);
   }
 }
 function ct(e, {
   stateKey: a,
   localStorage: l,
   formElements: s,
-  reactiveDeps: f,
+  reactiveDeps: S,
   reactiveType: u,
   componentId: h,
-  defaultState: m,
+  defaultState: y,
   dependencies: t,
   serverState: o
 } = {}) {
   const [d, $] = ne({}), { sessionId: b } = Me();
   let P = !a;
-  const [v] = ne(a ?? ae()), j = x(h ?? ae()), D = x(
+  const [v] = ne(a ?? ae()), O = x(h ?? ae()), D = x(
     null
   );
   D.current = U(v) ?? null;
   const J = Ie(
     (k) => {
-      const r = k ? { ...U(v), ...k } : U(v), n = r?.defaultState || m || e;
+      const r = k ? { ...U(v), ...k } : U(v), n = r?.defaultState || y || e;
       if (r?.serverState?.status === "success" && r?.serverState?.data !== void 0)
         return {
           value: r.serverState.data,
@@ -447,14 +447,14 @@ function ct(e, {
           timestamp: r.serverState.timestamp || Date.now()
         };
       if (r?.localStorage?.key && b) {
-        const S = W(r.localStorage.key) ? r.localStorage.key(n) : r.localStorage.key, i = ce(
-          `${b}-${v}-${S}`
+        const f = W(r.localStorage.key) ? r.localStorage.key(n) : r.localStorage.key, c = ce(
+          `${b}-${v}-${f}`
         );
-        if (i && i.lastUpdated > (r?.serverState?.timestamp || 0))
+        if (c && c.lastUpdated > (r?.serverState?.timestamp || 0))
           return {
-            value: i.state,
+            value: c.state,
             source: "localStorage",
-            timestamp: i.lastUpdated
+            timestamp: c.lastUpdated
           };
       }
       return {
@@ -463,7 +463,7 @@ function ct(e, {
         timestamp: Date.now()
       };
     },
-    [v, m, e, b]
+    [v, y, e, b]
   );
   Z(() => {
     o && o.status === "success" && o.data !== void 0 && me(v, o);
@@ -473,22 +473,22 @@ function ct(e, {
       if (r?.status !== "success" || r.data === void 0)
         return;
       ue(v, { serverState: r });
-      const n = typeof r.merge == "object" ? r.merge : r.merge === !0 ? { strategy: "append", key: "id" } : null, c = O(v, []), S = r.data;
-      if (n && n.strategy === "append" && "key" in n && Array.isArray(c) && Array.isArray(S)) {
-        const i = n.key;
-        if (!i) {
+      const n = typeof r.merge == "object" ? r.merge : r.merge === !0 ? { strategy: "append", key: "id" } : null, i = _(v, []), f = r.data;
+      if (n && n.strategy === "append" && "key" in n && Array.isArray(i) && Array.isArray(f)) {
+        const c = n.key;
+        if (!c) {
           console.error(
             "CogsState: Merge strategy 'append' requires a 'key' field."
           );
           return;
         }
-        const y = new Set(
-          c.map((A) => A[i])
-        ), w = S.filter(
-          (A) => !y.has(A[i])
+        const m = new Set(
+          i.map((A) => A[c])
+        ), w = f.filter(
+          (A) => !m.has(A[c])
         );
         w.length > 0 && be(v, [], w);
-        const p = O(v, []);
+        const p = _(v, []);
         oe(
           v,
           [],
@@ -496,10 +496,10 @@ function ct(e, {
           r.timestamp || Date.now()
         );
       } else
-        K(v, S), oe(
+        K(v, f), oe(
           v,
           [],
-          S,
+          f,
           r.timestamp || Date.now()
         );
       N(v);
@@ -514,44 +514,44 @@ function ct(e, {
     if (B(v, [], {
       ...k,
       features: r
-    }), C?.defaultState !== void 0 || m !== void 0) {
-      const y = C?.defaultState || m;
+    }), C?.defaultState !== void 0 || y !== void 0) {
+      const m = C?.defaultState || y;
       C?.defaultState || ue(v, {
-        defaultState: y
+        defaultState: m
       });
     }
-    const { value: n, source: c, timestamp: S } = J();
+    const { value: n, source: i, timestamp: f } = J();
     K(v, n);
-    const i = U(v)?.validation;
-    i?.zodSchemaV4 ? H(v, i.zodSchemaV4, "zod4") : i?.zodSchemaV3 && H(v, i.zodSchemaV3, "zod3"), B(v, [], {
-      stateSource: c,
-      lastServerSync: c === "server" ? S : void 0,
-      isDirty: c === "server" ? !1 : void 0,
-      baseServerState: c === "server" ? n : void 0
-    }), c === "server" && o && me(v, o), N(v);
+    const c = U(v)?.validation;
+    c?.zodSchemaV4 ? H(v, c.zodSchemaV4, "zod4") : c?.zodSchemaV3 && H(v, c.zodSchemaV3, "zod3"), B(v, [], {
+      stateSource: i,
+      lastServerSync: i === "server" ? f : void 0,
+      isDirty: i === "server" ? !1 : void 0,
+      baseServerState: i === "server" ? n : void 0
+    }), i === "server" && o && me(v, o), N(v);
   }, [v, ...t || []]), re(() => {
     P && ue(v, {
       formElements: s,
-      defaultState: m,
+      defaultState: y,
       localStorage: l,
       middleware: D.current?.middleware
     });
-    const k = `${v}////${j.current}`, C = E(v, []), r = C?.components || /* @__PURE__ */ new Map();
+    const k = `${v}////${O.current}`, C = E(v, []), r = C?.components || /* @__PURE__ */ new Map();
     return r.set(k, {
       forceUpdate: () => $({}),
       reactiveType: u ?? ["component"],
       paths: /* @__PURE__ */ new Set(),
-      depsFunction: f || void 0,
-      deps: f ? f(O(v, [])) : [],
-      prevDeps: f ? f(O(v, [])) : []
+      depsFunction: S || void 0,
+      deps: S ? S(_(v, [])) : [],
+      prevDeps: S ? S(_(v, [])) : []
     }), B(v, [], {
       ...C,
       components: r
     }), $({}), () => {
-      const n = E(v, []), c = n?.components?.get(k);
-      c?.paths && c.paths.forEach((S) => {
-        const y = S.split(".").slice(1), w = M.getState().getShadowMetadata(v, y);
-        w?.pathComponents && w.pathComponents.size === 0 && (delete w.pathComponents, M.getState().setShadowMetadata(v, y, w));
+      const n = E(v, []), i = n?.components?.get(k);
+      i?.paths && i.paths.forEach((f) => {
+        const m = f.split(".").slice(1), w = M.getState().getShadowMetadata(v, m);
+        w?.pathComponents && w.pathComponents.size === 0 && (delete w.pathComponents, M.getState().setShadowMetadata(v, m, w));
       }), n?.components && B(v, [], n);
     };
   }, []);
@@ -563,24 +563,24 @@ function ct(e, {
   return M.getState().initialStateGlobal[v] || Ve(v, e), pe(() => Te(
     v,
     q,
-    j.current,
+    O.current,
     b
   ), [v, b]);
 }
 const lt = (e, a, l) => {
   let s = E(e, a)?.arrayKeys || [];
-  const f = l?.transforms;
-  if (!f || f.length === 0)
+  const S = l?.transforms;
+  if (!S || S.length === 0)
     return s;
-  for (const u of f)
+  for (const u of S)
     if (u.type === "filter") {
       const h = [];
-      s.forEach((m, t) => {
-        const o = O(e, [...a, m]);
-        u.fn(o, t) && h.push(m);
+      s.forEach((y, t) => {
+        const o = _(e, [...a, y]);
+        u.fn(o, t) && h.push(y);
       }), s = h;
-    } else u.type === "sort" && s.sort((h, m) => {
-      const t = O(e, [...a, h]), o = O(e, [...a, m]);
+    } else u.type === "sort" && s.sort((h, y) => {
+      const t = _(e, [...a, h]), o = _(e, [...a, y]);
       return u.fn(t, o);
     });
   return s;
@@ -588,9 +588,9 @@ const lt = (e, a, l) => {
   const s = `${e}////${a}`, u = E(e, [])?.components?.get(s);
   !u || u.reactiveType === "none" || !(Array.isArray(u.reactiveType) ? u.reactiveType : [u.reactiveType]).includes("component") || Ge(e, l, s);
 }, Y = (e, a, l) => {
-  const s = E(e, []), f = /* @__PURE__ */ new Set();
-  s?.components && s.components.forEach((h, m) => {
-    (Array.isArray(h.reactiveType) ? h.reactiveType : [h.reactiveType || "component"]).includes("all") && (h.forceUpdate(), f.add(m));
+  const s = E(e, []), S = /* @__PURE__ */ new Set();
+  s?.components && s.components.forEach((h, y) => {
+    (Array.isArray(h.reactiveType) ? h.reactiveType : [h.reactiveType || "component"]).includes("all") && (h.forceUpdate(), S.add(y));
   }), E(e, [
     ...a,
     "getSelected"
@@ -599,21 +599,21 @@ const lt = (e, a, l) => {
   });
   const u = E(e, a);
   for (let h of u?.arrayKeys || []) {
-    const m = h + ".selected", t = E(e, m.split(".").slice(1));
+    const y = h + ".selected", t = E(e, y.split(".").slice(1));
     h == l && t?.pathComponents?.forEach((o) => {
       s?.components?.get(o)?.forceUpdate();
     });
   }
 };
-function F(e, a, l) {
-  const s = E(e, a), f = a.length > 0 ? a.join(".") : "root", u = l?.arrayViews?.[f];
+function j(e, a, l) {
+  const s = E(e, a), S = a.length > 0 ? a.join(".") : "root", u = l?.arrayViews?.[S];
   if (Array.isArray(u) && u.length === 0)
     return {
       shadowMeta: s,
       value: [],
       arrayKeys: s?.arrayKeys
     };
-  const h = O(e, a, u);
+  const h = _(e, a, u);
   return {
     shadowMeta: s,
     value: h,
@@ -630,8 +630,8 @@ function Ee(e, a) {
   const l = M.getState().getShadowMetadata(e, a);
   if (!l?.clientActivityState?.elements) return [];
   const s = [];
-  return l.clientActivityState.elements.forEach((f) => {
-    f.domRef?.current && s.push(f.domRef);
+  return l.clientActivityState.elements.forEach((S) => {
+    S.domRef?.current && s.push(S.domRef);
   }), s;
 }
 function $e(e, a) {
@@ -647,23 +647,23 @@ function ft(e, a, l) {
   });
 }
 function Te(e, a, l, s) {
-  const f = /* @__PURE__ */ new Map();
+  const S = /* @__PURE__ */ new Map();
   function u({
     path: t = [],
     meta: o,
     componentId: d
   }) {
     if (E(e, t)?.isRaw)
-      return O(e, t);
+      return _(e, t);
     const b = o ? JSON.stringify(o.arrayViews || o.transforms) : "", P = t.join(".") + ":" + d + ":" + b;
-    if (f.has(P))
-      return f.get(P);
-    const v = [e, ...t].join("."), j = () => {
+    if (S.has(P))
+      return S.get(P);
+    const v = [e, ...t].join("."), O = () => {
     }, D = {
       apply(q, g, k) {
         if (k.length === 0) {
           const r = t.length > 0 ? t.join(".") : "root", n = o?.arrayViews?.[r];
-          return te(e, d, t), O(e, t, n);
+          return te(e, d, t), _(e, t, n);
         }
         const C = k[0];
         return a(C, t, { updateType: "update" }), !0;
@@ -674,7 +674,7 @@ function Te(e, a, l, s) {
         if (g === Symbol.toStringTag)
           return "CogsState";
         if (g === Symbol.iterator) {
-          const { value: r } = F(e, t, o);
+          const { value: r } = j(e, t, o);
           return Array.isArray(r) ? function* () {
             for (let n = 0; n < r.length; n++)
               yield r[n];
@@ -687,66 +687,68 @@ function Te(e, a, l, s) {
         if (t.length === 0 && g in h)
           return h[g];
         if (typeof g == "string" && !g.startsWith("$")) {
-          const { value: r } = F(e, t, o);
+          const { value: r } = j(e, t, o);
           if (r !== null && typeof r == "object" && !Array.isArray(r) && Object.prototype.hasOwnProperty.call(r, g)) {
-            const i = [...t, g];
+            const f = [...t, g];
             return u({
-              path: i,
+              path: f,
               componentId: d,
               meta: o
             });
           }
-          const c = L.getState().registeredPlugins;
-          for (const i of c) {
-            const y = i.chainMethods?.[g];
-            if (y && ut(t, y.pathPattern) && dt(r, y.target))
-              return (...w) => {
-                const p = L.getState(), A = p.pluginOptions.get(e)?.get(i.name), T = p.getHookResult(e, i.name);
-                return y.handler(
+          const i = [...t, g];
+          return u({
+            path: i,
+            componentId: d,
+            meta: o
+          });
+        }
+        if (typeof g == "string" && g.startsWith("$")) {
+          const r = g.slice(1), { value: n } = j(e, t, o), i = L.getState().registeredPlugins;
+          for (const f of i) {
+            const c = f.chainMethods?.[r];
+            if (c && ut(t, c.pathPattern) && dt(n, c.target))
+              return (...m) => {
+                const w = L.getState(), p = w.pluginOptions.get(e)?.get(f.name), A = w.getHookResult(e, f.name);
+                return c.handler(
                   {
                     stateKey: e,
                     path: t,
-                    pluginName: i.name,
-                    options: A,
-                    hookData: T,
-                    $get: () => F(e, t, o).value,
+                    pluginName: f.name,
+                    options: p,
+                    hookData: A,
+                    $get: () => j(e, t, o).value,
                     $update: (V) => (a(V, t, {
                       updateType: "update"
                     }), {
                       synced: () => {
-                        const _ = M.getState().getShadowMetadata(e, t);
+                        const T = M.getState().getShadowMetadata(e, t);
                         B(e, t, {
-                          ..._,
+                          ...T,
                           isDirty: !1,
                           stateSource: "server",
                           lastServerSync: Date.now()
                         });
                       }
                     }),
-                    $applyOperation: (V, _) => {
+                    $applyOperation: (V, T) => {
                       a(V.newValue, V.path, {
                         updateType: V.updateType,
                         itemId: V.itemId,
-                        metaData: _
+                        metaData: T
                       });
                     },
-                    getFieldMetaData: () => he(e, t)?.get(i.name),
-                    setFieldMetaData: (V) => ve(e, t, i.name, V),
-                    removeFieldMetaData: () => we(e, t, i.name),
+                    getFieldMetaData: () => he(e, t)?.get(f.name),
+                    setFieldMetaData: (V) => ve(e, t, f.name, V),
+                    removeFieldMetaData: () => we(e, t, f.name),
                     getFieldRefs: () => Ee(e, t),
                     getFieldElements: () => $e(e, t),
                     setFieldDisabled: (V) => ft(e, t, V)
                   },
-                  ...w
+                  ...m
                 );
               };
           }
-          const S = [...t, g];
-          return u({
-            path: S,
-            componentId: d,
-            meta: o
-          });
         }
         if (g === "$_rebuildStateShape")
           return u;
@@ -755,36 +757,36 @@ function Te(e, a, l, s) {
             const r = M.getState().getInitialOptions(e), n = r?.sync;
             if (!n)
               return console.error(`No mutation defined for state key "${e}"`), { success: !1, error: "No mutation defined" };
-            const c = M.getState().getShadowValue(e, []), S = r?.validation?.key;
+            const i = M.getState().getShadowValue(e, []), f = r?.validation?.key;
             try {
-              const i = await n.action(c);
-              if (i && !i.success && i.errors, i?.success) {
-                const y = M.getState().getShadowMetadata(e, []);
+              const c = await n.action(i);
+              if (c && !c.success && c.errors, c?.success) {
+                const m = M.getState().getShadowMetadata(e, []);
                 B(e, [], {
-                  ...y,
+                  ...m,
                   isDirty: !1,
                   lastServerSync: Date.now(),
                   stateSource: "server",
-                  baseServerState: c
+                  baseServerState: i
                   // Update base server state
-                }), n.onSuccess && n.onSuccess(i.data);
-              } else !i?.success && n.onError && n.onError(i.error);
-              return i;
-            } catch (i) {
-              return n.onError && n.onError(i), { success: !1, error: i };
+                }), n.onSuccess && n.onSuccess(c.data);
+              } else !c?.success && n.onError && n.onError(c.error);
+              return c;
+            } catch (c) {
+              return n.onError && n.onError(c), { success: !1, error: c };
             }
           };
         if (g === "$_status" || g === "$getStatus") {
           const r = () => {
-            const { shadowMeta: n, value: c } = F(e, t, o);
-            return n?.isDirty === !0 ? "dirty" : n?.stateSource === "server" || n?.isDirty === !1 ? "synced" : n?.stateSource === "localStorage" ? "restored" : n?.stateSource === "default" || c !== void 0 ? "fresh" : "unknown";
+            const { shadowMeta: n, value: i } = j(e, t, o);
+            return n?.isDirty === !0 ? "dirty" : n?.stateSource === "server" || n?.isDirty === !1 ? "synced" : n?.stateSource === "localStorage" ? "restored" : n?.stateSource === "default" || i !== void 0 ? "fresh" : "unknown";
           };
           return g === "$_status" ? r() : r;
         }
         if (g === "$removeStorage")
           return () => {
-            const r = M.getState().initialStateGlobal[e], n = U(e), c = W(n?.localStorage?.key) ? n.localStorage.key(r) : n?.localStorage?.key, S = s && c ? `${s}-${e}-${c}` : void 0;
-            de(S);
+            const r = M.getState().initialStateGlobal[e], n = U(e), i = W(n?.localStorage?.key) ? n.localStorage.key(r) : n?.localStorage?.key, f = s && i ? `${s}-${e}-${i}` : void 0;
+            de(f);
           };
         if (g === "$setRaw")
           return (r) => {
@@ -796,17 +798,17 @@ function Te(e, a, l, s) {
             const n = M.getState();
             if (r) {
               const w = r.map((p) => {
-                const A = [...t, p], T = n.getShadowValue(e, A), V = n.getShadowMetadata(e, A) || {}, _ = V.typeInfo?.schema;
-                if (!_)
+                const A = [...t, p], V = n.getShadowValue(e, A), T = n.getShadowMetadata(e, A) || {}, F = T.typeInfo?.schema;
+                if (!F)
                   return {
                     key: p,
                     path: A,
                     success: !0,
-                    data: T
+                    data: V
                   };
-                const I = _.safeParse(T), R = I.error?.issues || I.error?.errors || [];
+                const I = F.safeParse(V), R = I.error?.issues || I.error?.errors || [];
                 return n.setShadowMetadata(e, A, {
-                  ...V,
+                  ...T,
                   validation: {
                     status: I.success ? "VALID" : "INVALID",
                     errors: I.success ? [] : [
@@ -818,7 +820,7 @@ function Te(e, a, l, s) {
                       }
                     ],
                     lastValidated: Date.now(),
-                    validatedValue: T
+                    validatedValue: V
                   }
                 }), n.notifyPathSubscribers([e, ...A].join("."), {
                   type: "VALIDATION_UPDATE"
@@ -835,11 +837,11 @@ function Te(e, a, l, s) {
                 results: w
               };
             }
-            const { value: c } = F(e, t, o), S = n.getInitialOptions(e), i = S?.validation?.zodSchemaV4 || S?.validation?.zodSchemaV3;
-            if (!i)
-              return { success: !0, data: c };
-            const y = i.safeParse(c);
-            if (y.success) {
+            const { value: i } = j(e, t, o), f = n.getInitialOptions(e), c = f?.validation?.zodSchemaV4 || f?.validation?.zodSchemaV3;
+            if (!c)
+              return { success: !0, data: i };
+            const m = c.safeParse(i);
+            if (m.success) {
               const w = n.getShadowMetadata(e, t) || {};
               n.setShadowMetadata(e, t, {
                 ...w,
@@ -850,10 +852,10 @@ function Te(e, a, l, s) {
                 }
               });
             } else
-              (y.error?.issues || y.error?.errors || []).forEach((p) => {
-                const A = [...t, ...p.path.map(String)], T = n.getShadowMetadata(e, A) || {};
+              (m.error?.issues || m.error?.errors || []).forEach((p) => {
+                const A = [...t, ...p.path.map(String)], V = n.getShadowMetadata(e, A) || {};
                 n.setShadowMetadata(e, A, {
-                  ...T,
+                  ...V,
                   validation: {
                     status: "INVALID",
                     errors: [
@@ -869,38 +871,38 @@ function Te(e, a, l, s) {
                   }
                 });
               });
-            return N(e), y;
+            return N(e), m;
           };
         if (g === "$showValidationErrors")
           return () => {
-            const { shadowMeta: r } = F(e, t, o);
+            const { shadowMeta: r } = j(e, t, o);
             return r?.validation?.status === "INVALID" && r.validation.errors.length > 0 ? r.validation.errors.filter((n) => n.severity === "error").map((n) => n.message) : [];
           };
         if (g === "$validationErrors")
           return (r) => {
-            const n = M.getState(), c = (i) => {
-              const y = n.getShadowMetadata(e, i)?.validation, w = (y?.errors || []).map((V) => ({
-                ...V,
-                path: i
-              })), p = w.filter((V) => V.severity === "error"), A = w.filter(
-                (V) => V.severity === "warning"
-              ), T = p.length > 0 ? "error" : A.length > 0 ? "warning" : void 0;
+            const n = M.getState(), i = (c) => {
+              const m = n.getShadowMetadata(e, c)?.validation, w = (m?.errors || []).map((T) => ({
+                ...T,
+                path: c
+              })), p = w.filter((T) => T.severity === "error"), A = w.filter(
+                (T) => T.severity === "warning"
+              ), V = p.length > 0 ? "error" : A.length > 0 ? "warning" : void 0;
               return {
-                status: y?.status || "NOT_VALIDATED",
-                severity: T,
+                status: m?.status || "NOT_VALIDATED",
+                severity: V,
                 hasErrors: p.length > 0,
                 hasWarnings: A.length > 0,
                 message: p[0]?.message || A[0]?.message || "",
-                errors: p.map((V) => V.message),
-                warnings: A.map((V) => V.message),
+                errors: p.map((T) => T.message),
+                warnings: A.map((T) => T.message),
                 allErrors: w,
-                path: i,
-                getData: () => n.getShadowValue(e, i)
+                path: c,
+                getData: () => n.getShadowValue(e, c)
               };
             };
             return (r ?? Object.keys(n.getShadowNode(e, t) ?? {}).filter(
-              (i) => i !== "_meta"
-            )).map((i) => c([...t, i]));
+              (c) => c !== "_meta"
+            )).map((c) => i([...t, c]));
           };
         if (g === "$getSelected")
           return () => {
@@ -912,8 +914,8 @@ function Te(e, a, l, s) {
             const n = M.getState().selectedIndicesMap.get(r);
             if (!n)
               return;
-            const c = t.join("."), S = o?.arrayViews?.[c], i = n.split(".").pop();
-            if (!(S && !S.includes(i) || O(
+            const i = t.join("."), f = o?.arrayViews?.[i], c = n.split(".").pop();
+            if (!(f && !f.includes(c) || _(
               e,
               n.split(".").slice(1)
             ) === void 0))
@@ -930,11 +932,11 @@ function Te(e, a, l, s) {
             const n = M.getState().selectedIndicesMap.get(r);
             if (!n)
               return -1;
-            const { keys: c } = z(e, t, o);
-            if (!c)
+            const { keys: i } = z(e, t, o);
+            if (!i)
               return -1;
-            const S = n.split(".").pop();
-            return c.indexOf(S);
+            const f = n.split(".").pop();
+            return i.indexOf(f);
           };
         if (g === "$clearSelected")
           return Y(e, t), () => {
@@ -944,20 +946,20 @@ function Te(e, a, l, s) {
           };
         if (g === "$map")
           return (r) => {
-            const { value: n, keys: c } = z(
+            const { value: n, keys: i } = z(
               e,
               t,
               o
             );
-            if (te(e, d, t), !c || !Array.isArray(n))
+            if (te(e, d, t), !i || !Array.isArray(n))
               return [];
-            const S = u({
+            const f = u({
               path: t,
               componentId: d,
               meta: o
             });
-            return n.map((i, y) => {
-              const w = c[y];
+            return n.map((c, m) => {
+              const w = i[m];
               if (!w) return;
               const p = [...t, w], A = u({
                 path: p,
@@ -965,23 +967,23 @@ function Te(e, a, l, s) {
                 componentId: d,
                 meta: o
               });
-              return r(A, y, S);
+              return r(A, m, f);
             });
           };
         if (g === "$filter")
           return (r) => {
-            const n = t.length > 0 ? t.join(".") : "root", { keys: c, value: S } = z(
+            const n = t.length > 0 ? t.join(".") : "root", { keys: i, value: f } = z(
               e,
               t,
               o
             );
-            if (!Array.isArray(S))
+            if (!Array.isArray(f))
               throw new Error("filter can only be used on arrays");
-            const i = [];
-            return S.forEach((y, w) => {
-              if (r(y, w)) {
-                const p = c[w];
-                p && i.push(p);
+            const c = [];
+            return f.forEach((m, w) => {
+              if (r(m, w)) {
+                const p = i[w];
+                p && c.push(p);
               }
             }), u({
               path: t,
@@ -990,7 +992,7 @@ function Te(e, a, l, s) {
                 ...o,
                 arrayViews: {
                   ...o?.arrayViews || {},
-                  [n]: i
+                  [n]: c
                 },
                 transforms: [
                   ...o?.transforms || [],
@@ -1001,19 +1003,19 @@ function Te(e, a, l, s) {
           };
         if (g === "$sort")
           return (r) => {
-            const n = t.length > 0 ? t.join(".") : "root", { value: c, keys: S } = z(
+            const n = t.length > 0 ? t.join(".") : "root", { value: i, keys: f } = z(
               e,
               t,
               o
             );
-            if (!Array.isArray(c) || !S)
+            if (!Array.isArray(i) || !f)
               throw new Error("No array keys found for sorting");
-            const i = c.map((w, p) => ({
+            const c = i.map((w, p) => ({
               item: w,
-              key: S[p]
+              key: f[p]
             }));
-            i.sort((w, p) => r(w.item, p.item));
-            const y = i.map((w) => w.key);
+            c.sort((w, p) => r(w.item, p.item));
+            const m = c.map((w) => w.key);
             return u({
               path: t,
               componentId: d,
@@ -1021,7 +1023,7 @@ function Te(e, a, l, s) {
                 ...o,
                 arrayViews: {
                   ...o?.arrayViews || {},
-                  [n]: y
+                  [n]: m
                 },
                 transforms: [
                   ...o?.transforms || [],
@@ -1032,43 +1034,43 @@ function Te(e, a, l, s) {
           };
         if (g === "$list")
           return (r) => /* @__PURE__ */ Q(() => {
-            const c = x(/* @__PURE__ */ new Map()), [S, i] = ne({}), y = t.length > 0 ? t.join(".") : "root", w = lt(e, t, o), p = pe(() => ({
+            const i = x(/* @__PURE__ */ new Map()), [f, c] = ne({}), m = t.length > 0 ? t.join(".") : "root", w = lt(e, t, o), p = pe(() => ({
               ...o,
               arrayViews: {
                 ...o?.arrayViews || {},
-                [y]: w
+                [m]: w
               }
-            }), [o, y, w]), { value: A } = z(
+            }), [o, m, w]), { value: A } = z(
               e,
               t,
               p
             );
             if (Z(() => {
-              const _ = M.getState().subscribeToPath(v, (I) => {
+              const F = M.getState().subscribeToPath(v, (I) => {
                 if (I.type === "GET_SELECTED")
                   return;
                 const G = M.getState().getShadowMetadata(e, t)?.transformCaches;
                 if (G)
                   for (const ee of G.keys())
                     ee.startsWith(d) && G.delete(ee);
-                (I.type === "INSERT" || I.type === "INSERT_MANY" || I.type === "REMOVE" || I.type === "CLEAR_SELECTION" || I.type === "SERVER_STATE_UPDATE" && !o?.serverStateIsUpStream) && i({});
+                (I.type === "INSERT" || I.type === "INSERT_MANY" || I.type === "REMOVE" || I.type === "CLEAR_SELECTION" || I.type === "SERVER_STATE_UPDATE" && !o?.serverStateIsUpStream) && c({});
               });
               return () => {
-                _();
+                F();
               };
             }, [d, v]), !Array.isArray(A))
               return null;
-            const T = u({
+            const V = u({
               path: t,
               componentId: d,
               meta: p
               // Use updated meta here
-            }), V = A.map((_, I) => {
+            }), T = A.map((F, I) => {
               const R = w[I];
               if (!R)
                 return null;
-              let G = c.current.get(R);
-              G || (G = ae(), c.current.set(R, G));
+              let G = i.current.get(R);
+              G || (G = ae(), i.current.set(R, G));
               const ee = [...t, R];
               return Se(Ue, {
                 key: R,
@@ -1076,17 +1078,17 @@ function Te(e, a, l, s) {
                 itemComponentId: G,
                 itemPath: ee,
                 localIndex: I,
-                arraySetter: T,
+                arraySetter: V,
                 rebuildStateShape: u,
                 renderFn: r
               });
             });
-            return /* @__PURE__ */ Q(Pe, { children: V });
+            return /* @__PURE__ */ Q(Pe, { children: T });
           }, {});
         if (g === "$stateFlattenOn")
           return (r) => {
-            const n = t.length > 0 ? t.join(".") : "root", c = o?.arrayViews?.[n], S = M.getState().getShadowValue(e, t, c);
-            return Array.isArray(S) ? u({
+            const n = t.length > 0 ? t.join(".") : "root", i = o?.arrayViews?.[n], f = M.getState().getShadowValue(e, t, i);
+            return Array.isArray(f) ? u({
               path: [...t, "[*]", r],
               componentId: d,
               meta: o
@@ -1094,21 +1096,21 @@ function Te(e, a, l, s) {
           };
         if (g === "$index")
           return (r) => {
-            const n = t.length > 0 ? t.join(".") : "root", c = o?.arrayViews?.[n];
-            if (c) {
-              const y = c[r];
-              return y ? u({
-                path: [...t, y],
+            const n = t.length > 0 ? t.join(".") : "root", i = o?.arrayViews?.[n];
+            if (i) {
+              const m = i[r];
+              return m ? u({
+                path: [...t, m],
                 componentId: d,
                 meta: o
               }) : void 0;
             }
-            const S = E(e, t);
-            if (!S?.arrayKeys) return;
-            const i = S.arrayKeys[r];
-            if (i)
+            const f = E(e, t);
+            if (!f?.arrayKeys) return;
+            const c = f.arrayKeys[r];
+            if (c)
               return u({
-                path: [...t, i],
+                path: [...t, c],
                 componentId: d,
                 meta: o
               });
@@ -1121,9 +1123,9 @@ function Te(e, a, l, s) {
             const n = r[r.length - 1];
             if (!n)
               return;
-            const c = [...t, n];
+            const i = [...t, n];
             return u({
-              path: c,
+              path: i,
               componentId: d,
               meta: o
             });
@@ -1142,23 +1144,23 @@ function Te(e, a, l, s) {
             });
           };
         if (g === "$uniqueInsert")
-          return (r, n, c) => {
-            const { value: S } = F(
+          return (r, n, i) => {
+            const { value: f } = j(
               e,
               t,
               o
-            ), i = W(r) ? r(S) : r;
-            let y = null;
-            if (!S.some((p) => {
+            ), c = W(r) ? r(f) : r;
+            let m = null;
+            if (!f.some((p) => {
               const A = n ? n.every(
-                (T) => X(p[T], i[T])
-              ) : X(p, i);
-              return A && (y = p), A;
+                (V) => X(p[V], c[V])
+              ) : X(p, c);
+              return A && (m = p), A;
             }))
-              a(i, t, { updateType: "insert" });
-            else if (c && y) {
-              const p = c(y), A = S.map(
-                (T) => X(T, y) ? p : T
+              a(c, t, { updateType: "insert" });
+            else if (i && m) {
+              const p = i(m), A = f.map(
+                (V) => X(V, m) ? p : V
               );
               a(A, t, {
                 updateType: "update"
@@ -1167,11 +1169,11 @@ function Te(e, a, l, s) {
           };
         if (g === "$cut")
           return (r, n) => {
-            const c = E(e, t);
-            if (!c?.arrayKeys || c.arrayKeys.length === 0)
+            const i = E(e, t);
+            if (!i?.arrayKeys || i.arrayKeys.length === 0)
               return;
-            const S = r === -1 ? c.arrayKeys.length - 1 : r !== void 0 ? r : c.arrayKeys.length - 1, i = c.arrayKeys[S];
-            i && a(null, [...t, i], {
+            const f = r === -1 ? i.arrayKeys.length - 1 : r !== void 0 ? r : i.arrayKeys.length - 1, c = i.arrayKeys[f];
+            c && a(null, [...t, c], {
               updateType: "cut"
             });
           };
@@ -1180,16 +1182,16 @@ function Te(e, a, l, s) {
             const r = [e, ...t].join("."), { keys: n } = z(e, t, o);
             if (!n || n.length === 0)
               return;
-            const c = M.getState().selectedIndicesMap.get(r);
-            if (!c)
+            const i = M.getState().selectedIndicesMap.get(r);
+            if (!i)
               return;
-            const S = c.split(".").pop();
-            if (!n.includes(S))
+            const f = i.split(".").pop();
+            if (!n.includes(f))
               return;
-            const i = c.split(".").slice(1);
+            const c = i.split(".").slice(1);
             M.getState().clearSelectedIndex({ arrayKey: r });
-            const y = i.slice(0, -1);
-            Y(e, y), a(null, i, {
+            const m = c.slice(0, -1);
+            Y(e, m), a(null, c, {
               updateType: "cut"
             });
           };
@@ -1197,12 +1199,12 @@ function Te(e, a, l, s) {
           return (r) => {
             const {
               isArray: n,
-              value: c,
-              keys: S
+              value: i,
+              keys: f
             } = z(e, t, o);
             if (!n) return;
-            const i = le(c, S, (y) => y === r);
-            i && a(null, [...t, i.key], {
+            const c = le(i, f, (m) => m === r);
+            c && a(null, [...t, c.key], {
               updateType: "cut"
             });
           };
@@ -1210,14 +1212,14 @@ function Te(e, a, l, s) {
           return (r) => {
             const {
               isArray: n,
-              value: c,
-              keys: S
+              value: i,
+              keys: f
             } = z(e, t, o);
             if (!n) return;
-            const i = le(c, S, (y) => y === r);
-            if (i) {
-              const y = [...t, i.key];
-              a(null, y, {
+            const c = le(i, f, (m) => m === r);
+            if (c) {
+              const m = [...t, c.key];
+              a(null, m, {
                 updateType: "cut"
               });
             } else
@@ -1225,22 +1227,22 @@ function Te(e, a, l, s) {
           };
         if (g === "$findWith")
           return (r, n) => {
-            const { isArray: c, value: S, keys: i } = z(e, t, o);
-            if (!c)
+            const { isArray: i, value: f, keys: c } = z(e, t, o);
+            if (!i)
               throw new Error("findWith can only be used on arrays");
-            const y = le(
-              S,
-              i,
+            const m = le(
+              f,
+              c,
               (w) => w?.[r] === n
             );
-            return y ? u({
-              path: [...t, y.key],
+            return m ? u({
+              path: [...t, m.key],
               componentId: d,
               meta: o
             }) : null;
           };
         if (g === "$cutThis") {
-          const { value: r } = F(e, t, o), n = t.slice(0, -1);
+          const { value: r } = j(e, t, o), n = t.slice(0, -1);
           return Y(e, n), () => {
             a(r, t, { updateType: "cut" });
           };
@@ -1248,7 +1250,7 @@ function Te(e, a, l, s) {
         if (g === "$get")
           return () => {
             te(e, d, t);
-            const { value: r } = F(e, t, o);
+            const { value: r } = j(e, t, o);
             return r;
           };
         if (g === "$$derive")
@@ -1269,44 +1271,44 @@ function Te(e, a, l, s) {
         if (g === "$isSelected") {
           const r = t.slice(0, -1);
           if (E(e, r)?.arrayKeys) {
-            const c = e + "." + r.join("."), S = M.getState().selectedIndicesMap.get(c), i = e + "." + t.join(".");
-            return S === i;
+            const i = e + "." + r.join("."), f = M.getState().selectedIndicesMap.get(i), c = e + "." + t.join(".");
+            return f === c;
           }
           return;
         }
         if (g === "$setSelected")
           return (r) => {
-            const n = t.slice(0, -1), c = e + "." + n.join("."), S = e + "." + t.join(".");
-            Y(e, n, void 0), M.getState().selectedIndicesMap.get(c), r && M.getState().setSelectedIndex(c, S);
+            const n = t.slice(0, -1), i = e + "." + n.join("."), f = e + "." + t.join(".");
+            Y(e, n, void 0), M.getState().selectedIndicesMap.get(i), r && M.getState().setSelectedIndex(i, f);
           };
         if (g === "$toggleSelected")
           return () => {
-            const r = t.slice(0, -1), n = e + "." + r.join("."), c = e + "." + t.join(".");
-            M.getState().selectedIndicesMap.get(n) === c ? M.getState().clearSelectedIndex({ arrayKey: n }) : M.getState().setSelectedIndex(n, c), Y(e, r);
+            const r = t.slice(0, -1), n = e + "." + r.join("."), i = e + "." + t.join(".");
+            M.getState().selectedIndicesMap.get(n) === i ? M.getState().clearSelectedIndex({ arrayKey: n }) : M.getState().setSelectedIndex(n, i), Y(e, r);
           };
         if (g === "$clearValidation")
           return (r) => {
-            const n = r ? [...t, ...r] : t, c = M.getState(), S = c.getShadowNode(e, n);
-            if (console.log("startNode ", S), !S) return;
-            const i = [[S, n]];
-            for (console.log("stack ", i); i.length > 0; ) {
-              const [y, w] = i.pop();
-              if (console.log("while (stack.length ", y, w), !y || typeof y != "object") continue;
-              if (y._meta?.validation) {
-                y._meta.validation = {
+            const n = r ? [...t, ...r] : t, i = M.getState(), f = i.getShadowNode(e, n);
+            if (console.log("startNode ", f), !f) return;
+            const c = [[f, n]];
+            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(),
                   validatedValue: void 0
                 };
                 const A = [e, ...w].join(".");
-                c.notifyPathSubscribers(A, {
+                i.notifyPathSubscribers(A, {
                   type: "VALIDATION_CLEAR"
                 });
               }
-              const p = Object.keys(y);
+              const p = Object.keys(m);
               for (const A of p)
-                A !== "_meta" && i.push([y[A], [...w, A]]);
+                A !== "_meta" && c.push([m[A], [...w, A]]);
             }
             N(e);
           };
@@ -1318,8 +1320,8 @@ function Te(e, a, l, s) {
               fe({ stateKey: e, options: r, initialOptionsPart: {} });
             };
           if (g === "$_applyUpdate")
-            return (r, n, c = "update") => {
-              a(r, n, { updateType: c });
+            return (r, n, i = "update") => {
+              a(r, n, { updateType: i });
             };
           if (g === "$_getEffectiveSetState")
             return a;
@@ -1331,26 +1333,26 @@ function Te(e, a, l, s) {
             return (r) => we(e, t, r);
           if (g === "$addZodValidation")
             return (r, n) => {
-              const c = M.getState();
-              r.forEach((S) => {
-                const i = S.path.map(String), y = c.getShadowMetadata(e, i) || {};
-                c.setShadowMetadata(e, i, {
-                  ...y,
+              const i = M.getState();
+              r.forEach((f) => {
+                const c = f.path.map(String), m = i.getShadowMetadata(e, c) || {};
+                i.setShadowMetadata(e, c, {
+                  ...m,
                   validation: {
                     status: "INVALID",
                     errors: [
                       {
                         source: n || "client",
-                        message: S.message,
+                        message: f.message,
                         severity: "error",
-                        code: S.code
+                        code: f.code
                       }
                     ],
                     lastValidated: Date.now(),
                     validatedValue: void 0
                   }
-                }), c.notifyPathSubscribers(
-                  [e, ...i].join("."),
+                }), i.notifyPathSubscribers(
+                  [e, ...c].join("."),
                   { type: "VALIDATION_UPDATE" }
                 );
               }), N(e);
@@ -1358,10 +1360,10 @@ function Te(e, a, l, s) {
           if (g === "$clearZodValidationPaths")
             return (r) => {
               const n = M.getState();
-              r.forEach((c) => {
-                const S = n.getShadowMetadata(e, c) || {};
-                S.validation && (n.setShadowMetadata(e, c, {
-                  ...S,
+              r.forEach((i) => {
+                const f = n.getShadowMetadata(e, i) || {};
+                f.validation && (n.setShadowMetadata(e, i, {
+                  ...f,
                   validation: {
                     status: "NOT_VALIDATED",
                     errors: [],
@@ -1369,53 +1371,53 @@ function Te(e, a, l, s) {
                     validatedValue: void 0
                   }
                 }), n.notifyPathSubscribers(
-                  [e, ...c].join("."),
+                  [e, ...i].join("."),
                   { type: "VALIDATION_CLEAR" }
                 ));
               }), N(e);
             };
           if (g === "$applyOperation")
             return (r, n) => {
-              let c;
+              let i;
               if (r.insertAfterId && r.updateType === "insert") {
-                const S = E(e, r.path);
-                if (S?.arrayKeys) {
-                  const i = S.arrayKeys.indexOf(
+                const f = E(e, r.path);
+                if (f?.arrayKeys) {
+                  const c = f.arrayKeys.indexOf(
                     r.insertAfterId
                   );
-                  i !== -1 && (c = i + 1);
+                  c !== -1 && (i = c + 1);
                 }
               }
               a(r.newValue, r.path, {
                 updateType: r.updateType,
                 itemId: r.itemId,
-                index: c,
+                index: i,
                 // Pass the calculated index
                 metaData: n
               });
             };
           if (g === "$applyJsonPatch")
             return (r) => {
-              const n = M.getState(), c = n.getShadowMetadata(e, []);
-              if (!c?.components) return;
-              const S = (y) => !y || y === "/" ? [] : y.split("/").slice(1).map((w) => w.replace(/~1/g, "/").replace(/~0/g, "~")), i = /* @__PURE__ */ new Set();
-              for (const y of r) {
-                const w = S(y.path);
-                switch (y.op) {
+              const n = M.getState(), i = n.getShadowMetadata(e, []);
+              if (!i?.components) return;
+              const f = (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 = f(m.path);
+                switch (m.op) {
                   case "add":
                   case "replace": {
-                    const { value: p } = y;
+                    const { value: p } = m;
                     n.updateShadowAtPath(e, w, p), n.markAsDirty(e, w, { bubble: !0 });
                     let A = [...w];
                     for (; ; ) {
-                      const T = n.getShadowMetadata(
+                      const V = n.getShadowMetadata(
                         e,
                         A
                       );
-                      if (T?.pathComponents && T.pathComponents.forEach((V) => {
-                        if (!i.has(V)) {
-                          const _ = c.components?.get(V);
-                          _ && (_.forceUpdate(), i.add(V));
+                      if (V?.pathComponents && V.pathComponents.forEach((T) => {
+                        if (!c.has(T)) {
+                          const F = i.components?.get(T);
+                          F && (F.forceUpdate(), c.add(T));
                         }
                       }), A.length === 0) break;
                       A.pop();
@@ -1427,14 +1429,14 @@ function Te(e, a, l, s) {
                     n.removeShadowArrayElement(e, w), n.markAsDirty(e, p, { bubble: !0 });
                     let A = [...p];
                     for (; ; ) {
-                      const T = n.getShadowMetadata(
+                      const V = n.getShadowMetadata(
                         e,
                         A
                       );
-                      if (T?.pathComponents && T.pathComponents.forEach((V) => {
-                        if (!i.has(V)) {
-                          const _ = c.components?.get(V);
-                          _ && (_.forceUpdate(), i.add(V));
+                      if (V?.pathComponents && V.pathComponents.forEach((T) => {
+                        if (!c.has(T)) {
+                          const F = i.components?.get(T);
+                          F && (F.forceUpdate(), c.add(T));
                         }
                       }), A.length === 0) break;
                       A.pop();
@@ -1472,15 +1474,15 @@ function Te(e, a, l, s) {
                 stateSource: "server",
                 lastServerSync: Date.now()
               });
-              const c = [e, ...t].join(".");
-              Qe(c, {
+              const i = [e, ...t].join(".");
+              Qe(i, {
                 type: "SYNC_STATUS_CHANGE",
                 isDirty: !1
               });
             }
           });
         if (g === "$toggle") {
-          const { value: r } = F(
+          const { value: r } = j(
             e,
             t,
             o
@@ -1495,8 +1497,8 @@ function Te(e, a, l, s) {
         }
         if (g === "$isolate")
           return (r, n) => {
-            const c = Array.isArray(r), S = c ? r : void 0, i = c ? n : r;
-            if (!i || typeof i != "function")
+            const i = Array.isArray(r), f = i ? r : void 0, c = i ? n : r;
+            if (!c || typeof c != "function")
               throw new Error(
                 "CogsState: $isolate requires a render function."
               );
@@ -1505,9 +1507,9 @@ function Te(e, a, l, s) {
               {
                 stateKey: e,
                 path: t,
-                dependencies: S,
+                dependencies: f,
                 rebuildStateShape: u,
-                renderFn: i
+                renderFn: c
               }
             );
           };
@@ -1530,8 +1532,8 @@ function Te(e, a, l, s) {
           meta: o
         });
       }
-    }, J = new Proxy(j, D);
-    return f.set(P, J), J;
+    }, J = new Proxy(O, D);
+    return S.set(P, J), J;
   }
   const h = {
     $revertToInitialState: (t) => {
@@ -1557,8 +1559,8 @@ function Te(e, a, l, s) {
       return de(P), De(() => {
         Ve(e, t), K(e, t);
         const v = M.getState().getShadowMetadata(e, []);
-        v && v?.components?.forEach((j) => {
-          j.forceUpdate();
+        v && v?.components?.forEach((O) => {
+          O.forceUpdate();
         });
       }), {
         fetchId: (v) => o.$get()[v]
@@ -1576,35 +1578,35 @@ function Ae(e) {
 function gt({
   proxy: e
 }) {
-  const a = x(null), l = x(null), s = x(!1), f = `${e._stateKey}-${e._path.join(".")}`, u = e._path.length > 0 ? e._path.join(".") : "root", h = e._meta?.arrayViews?.[u], m = O(e._stateKey, e._path, h);
+  const a = x(null), l = x(null), s = x(!1), S = `${e._stateKey}-${e._path.join(".")}`, u = e._path.length > 0 ? e._path.join(".") : "root", h = e._meta?.arrayViews?.[u], y = _(e._stateKey, e._path, h);
   return Z(() => {
     const t = a.current;
     if (!t || s.current) return;
     const o = setTimeout(() => {
       if (!t.parentElement) {
-        console.warn("Parent element not found for signal", f);
+        console.warn("Parent element not found for signal", S);
         return;
       }
       const d = t.parentElement, b = Array.from(d.childNodes).indexOf(t);
       let P = d.getAttribute("data-parent-id");
       P || (P = `parent-${crypto.randomUUID()}`, d.setAttribute("data-parent-id", P)), l.current = `instance-${crypto.randomUUID()}`;
-      const v = M.getState().getShadowMetadata(e._stateKey, e._path) || {}, j = v.signals || [];
-      j.push({
+      const v = M.getState().getShadowMetadata(e._stateKey, e._path) || {}, O = v.signals || [];
+      O.push({
         instanceId: l.current,
         parentId: P,
         position: b,
         effect: e._effect
       }), M.getState().setShadowMetadata(e._stateKey, e._path, {
         ...v,
-        signals: j
+        signals: O
       });
-      let D = m;
+      let D = y;
       if (e._effect)
         try {
           D = new Function(
             "state",
             `return (${e._effect})(state)`
-          )(m);
+          )(y);
         } catch (q) {
           console.error("Error evaluating effect function:", q);
         }
@@ -1623,7 +1625,7 @@ function gt({
   }, []), Se("span", {
     ref: a,
     style: { display: "contents" },
-    "data-signal-id": f
+    "data-signal-id": S
   });
 }
 export {