cogsbox-state 0.5.439 → 0.5.441

package/dist/CogsState.jsx

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as ot, Fragment as Ut } from "react/jsx-runtime";
-import { memo as Ot, useState as K, useRef as q, useCallback as ct, useEffect as Z, useLayoutEffect as dt, useMemo as St, createElement as lt, startTransition as Rt } from "react";
+import { memo as Ot, useState as K, useRef as q, useCallback as ct, useEffect as Z, useLayoutEffect as dt, useMemo as gt, createElement as lt, startTransition as Rt } from "react";
 import { createRoot as At } from "react-dom/client";
 import { transformStateFunc as Nt, isFunction as at, isArray as Tt, getDifferences as Ct, isDeepEqual as st } from "./utility.js";
 import { ValidationWrapper as kt } from "./Functions.jsx";
@@ -10,8 +10,8 @@ import { getGlobalStore as e, formRefStore as vt } from "./store.js";
 import { useCogsConfig as Pt } from "./CogsStateClient.jsx";
 import { useInView as jt } from "react-intersection-observer";
 function yt(t, n) {
-  const g = e.getState().getInitialOptions, S = e.getState().setInitialStateOptions, y = g(t) || {};
-  S(t, {
+  const S = e.getState().getInitialOptions, g = e.getState().setInitialStateOptions, y = S(t) || {};
+  g(t, {
     ...y,
     ...n
   });
@@ -19,22 +19,22 @@ function yt(t, n) {
 function Et({
   stateKey: t,
   options: n,
-  initialOptionsPart: g
+  initialOptionsPart: S
 }) {
-  const S = nt(t) || {}, y = g[t] || {}, I = e.getState().setInitialStateOptions, E = { ...y, ...S };
+  const g = nt(t) || {}, y = S[t] || {}, I = e.getState().setInitialStateOptions, E = { ...y, ...g };
   let u = !1;
   if (n)
     for (const f in n)
       E.hasOwnProperty(f) ? (f == "localStorage" && n[f] && E[f].key !== n[f]?.key && (u = !0, E[f] = n[f]), f == "defaultState" && n[f] && E[f] !== n[f] && !st(E[f], n[f]) && (u = !0, E[f] = n[f])) : (u = !0, E[f] = n[f]);
   u && I(t, E);
 }
-function ie(t, { formElements: n, validation: g }) {
-  return { initialState: t, formElements: n, validation: g };
+function ie(t, { formElements: n, validation: S }) {
+  return { initialState: t, formElements: n, validation: S };
 }
 const Lt = (t, n) => {
-  let g = t;
-  const [S, y] = Nt(g);
-  n?.__fromSyncSchema && n?.__syncNotifications && e.getState().setInitialStateOptions("__notifications", n.__syncNotifications), Object.keys(S).forEach((u) => {
+  let S = t;
+  const [g, y] = Nt(S);
+  n?.__fromSyncSchema && n?.__syncNotifications && e.getState().setInitialStateOptions("__notifications", n.__syncNotifications), Object.keys(g).forEach((u) => {
     let f = y[u] || {};
     const A = {
       ...f
@@ -52,8 +52,8 @@ const Lt = (t, n) => {
         ...A
       }) : e.getState().setInitialStateOptions(u, A);
     }
-  }), Object.keys(S).forEach((u) => {
-    e.getState().initializeShadowState(u, S[u]);
+  }), Object.keys(g).forEach((u) => {
+    e.getState().initializeShadowState(u, g[u]);
   });
   const I = (u, f) => {
     const [A] = K(f?.componentId ?? rt());
@@ -62,7 +62,7 @@ const Lt = (t, n) => {
       options: f,
       initialOptionsPart: y
     });
-    const w = e.getState().getShadowValue(u) || S[u], i = f?.modifyState ? f.modifyState(w) : w;
+    const w = e.getState().getShadowValue(u) || g[u], i = f?.modifyState ? f.modifyState(w) : w;
     return zt(i, {
       stateKey: u,
       syncUpdate: f?.syncUpdate,
@@ -82,15 +82,12 @@ const Lt = (t, n) => {
   return { useCogsState: I, setCogsOptions: E };
 };
 function ce(t) {
-  const n = {};
-  for (const g in t.schemas) {
-    const S = t.schemas[g];
-    S.rawSchema ? n[g] = S.rawSchema : S.schemas?.defaults ? n[g] = S.schemas.defaults : n[g] = {};
+  const n = t.schemas, S = {};
+  for (const g in n) {
+    const y = n[g];
+    S[g] = y.schemas?.defaults || {};
   }
-  return Lt(n, {
-    __fromSyncSchema: !0,
-    __syncNotifications: t.notifications
-  });
+  return e.getState().setInitialStateOptions("__notifications", t.notifications), Lt(S);
 }
 const {
   getInitialOptions: nt,
@@ -99,19 +96,19 @@ const {
   updateInitialStateGlobal: _t,
   addValidationError: pt,
   removeValidationError: ut
-} = e.getState(), Ht = (t, n, g, S, y) => {
-  g?.log && console.log(
+} = e.getState(), Ht = (t, n, S, g, y) => {
+  S?.log && console.log(
     "saving to localstorage",
     n,
-    g.localStorage?.key,
-    S
+    S.localStorage?.key,
+    g
   );
-  const I = at(g?.localStorage?.key) ? g.localStorage?.key(t) : g?.localStorage?.key;
-  if (I && S) {
-    const E = `${S}-${n}-${I}`;
+  const I = at(S?.localStorage?.key) ? S.localStorage?.key(t) : S?.localStorage?.key;
+  if (I && g) {
+    const E = `${g}-${n}-${I}`;
     let u;
     try {
-      u = gt(E)?.lastSyncedWithServer;
+      u = St(E)?.lastSyncedWithServer;
     } catch {
     }
     const f = e.getState().getShadowMetadata(n, []), A = {
@@ -126,7 +123,7 @@ const {
       JSON.stringify(w.json)
     );
   }
-}, gt = (t) => {
+}, St = (t) => {
   if (!t) return null;
   try {
     const n = window.localStorage.getItem(t);
@@ -135,10 +132,10 @@ const {
     return console.error("Error loading from localStorage:", n), null;
   }
 }, xt = (t, n) => {
-  const g = e.getState().getShadowValue(t), { sessionId: S } = Pt(), y = at(n?.localStorage?.key) ? n.localStorage.key(g) : n?.localStorage?.key;
-  if (y && S) {
-    const I = gt(
-      `${S}-${t}-${y}`
+  const S = e.getState().getShadowValue(t), { sessionId: g } = Pt(), y = at(n?.localStorage?.key) ? n.localStorage.key(S) : n?.localStorage?.key;
+  if (y && g) {
+    const I = St(
+      `${g}-${t}-${y}`
     );
     if (I && I.lastUpdated > (I.lastSyncedWithServer || 0))
       return it(t), !0;
@@ -147,48 +144,48 @@ const {
 }, it = (t) => {
   const n = e.getState().getShadowMetadata(t, []);
   if (!n) return;
-  const g = /* @__PURE__ */ new Set();
-  n?.components?.forEach((S) => {
-    (S ? Array.isArray(S.reactiveType) ? S.reactiveType : [S.reactiveType || "component"] : null)?.includes("none") || g.add(() => S.forceUpdate());
+  const S = /* @__PURE__ */ new Set();
+  n?.components?.forEach((g) => {
+    (g ? Array.isArray(g.reactiveType) ? g.reactiveType : [g.reactiveType || "component"] : null)?.includes("none") || S.add(() => g.forceUpdate());
   }), queueMicrotask(() => {
-    g.forEach((S) => S());
+    S.forEach((g) => g());
   });
 }, ue = (t, n) => {
-  const g = e.getState().getShadowMetadata(t, []);
-  if (g) {
-    const S = `${t}////${n}`, y = g?.components?.get(S);
+  const S = e.getState().getShadowMetadata(t, []);
+  if (S) {
+    const g = `${t}////${n}`, y = S?.components?.get(g);
     if ((y ? Array.isArray(y.reactiveType) ? y.reactiveType : [y.reactiveType || "component"] : null)?.includes("none"))
       return;
     y && y.forceUpdate();
   }
 };
-function wt(t, n, g, S) {
+function wt(t, n, S, g) {
   const y = e.getState(), I = y.getShadowMetadata(t, n);
   if (y.setShadowMetadata(t, n, {
     ...I,
     isDirty: !1,
     stateSource: "server",
-    lastServerSync: S || Date.now()
-  }), Array.isArray(g)) {
+    lastServerSync: g || Date.now()
+  }), Array.isArray(S)) {
     const E = y.getShadowMetadata(t, n);
     E?.arrayKeys && E.arrayKeys.forEach((u, f) => {
-      const A = u.split(".").slice(1), w = g[f];
+      const A = u.split(".").slice(1), w = S[f];
       w !== void 0 && wt(
         t,
         A,
         w,
-        S
+        g
       );
     });
-  } else g && typeof g == "object" && g.constructor === Object && Object.keys(g).forEach((E) => {
-    const u = [...n, E], f = g[E];
-    wt(t, u, f, S);
+  } else S && typeof S == "object" && S.constructor === Object && Object.keys(S).forEach((E) => {
+    const u = [...n, E], f = S[E];
+    wt(t, u, f, g);
   });
 }
 function zt(t, {
   stateKey: n,
-  localStorage: g,
-  formElements: S,
+  localStorage: S,
+  formElements: g,
   reactiveDeps: y,
   reactiveType: I,
   componentId: E,
@@ -221,7 +218,7 @@ function zt(t, {
           timestamp: a.serverState.timestamp || Date.now()
         };
       if (a?.localStorage?.key && M) {
-        const p = at(a.localStorage.key) ? a.localStorage.key(d) : a.localStorage.key, V = gt(
+        const p = at(a.localStorage.key) ? a.localStorage.key(d) : a.localStorage.key, V = St(
           `${M}-${c}-${p}`
         );
         if (V && V.lastUpdated > (a?.serverState?.timestamp || 0))
@@ -311,9 +308,9 @@ function zt(t, {
     }
   }, [c, ...A || []]), dt(() => {
     z && yt(c, {
-      formElements: S,
+      formElements: g,
       defaultState: u,
-      localStorage: g,
+      localStorage: S,
       middleware: W.current?.middleware
     });
     const o = `${c}////${H.current}`, r = e.getState().getShadowMetadata(c, []), a = r?.components || /* @__PURE__ */ new Map();
@@ -560,7 +557,7 @@ function zt(t, {
     }), x;
   };
   e.getState().initialStateGlobal[c] || _t(c, t);
-  const X = St(() => Dt(
+  const X = gt(() => Dt(
     c,
     Q,
     H.current,
@@ -576,41 +573,41 @@ function Bt(t) {
     )
   ).join("");
 }
-const It = (t, n, g) => {
-  let S = e.getState().getShadowMetadata(t, n)?.arrayKeys || [];
-  if (!g || g.length === 0)
-    return S;
-  let y = S.map((I) => ({
+const It = (t, n, S) => {
+  let g = e.getState().getShadowMetadata(t, n)?.arrayKeys || [];
+  if (!S || S.length === 0)
+    return g;
+  let y = g.map((I) => ({
     key: I,
     value: e.getState().getShadowValue(I)
   }));
-  for (const I of g)
+  for (const I of S)
     I.type === "filter" ? y = y.filter(
       ({ value: E }, u) => I.fn(E, u)
     ) : I.type === "sort" && y.sort((E, u) => I.fn(E.value, u.value));
   return y.map(({ key: I }) => I);
-}, Vt = (t, n, g) => {
-  const S = `${t}////${n}`, { addPathComponent: y, getShadowMetadata: I } = e.getState(), u = I(t, [])?.components?.get(S);
-  !u || u.reactiveType === "none" || !(Array.isArray(u.reactiveType) ? u.reactiveType : [u.reactiveType]).includes("component") || y(t, g, S);
-}, ft = (t, n, g) => {
-  const S = e.getState(), y = S.getShadowMetadata(t, []), I = /* @__PURE__ */ new Set();
+}, Vt = (t, n, S) => {
+  const g = `${t}////${n}`, { addPathComponent: y, getShadowMetadata: I } = e.getState(), u = I(t, [])?.components?.get(g);
+  !u || u.reactiveType === "none" || !(Array.isArray(u.reactiveType) ? u.reactiveType : [u.reactiveType]).includes("component") || y(t, S, g);
+}, ft = (t, n, S) => {
+  const g = e.getState(), y = g.getShadowMetadata(t, []), I = /* @__PURE__ */ new Set();
   y?.components && y.components.forEach((u, f) => {
     (Array.isArray(u.reactiveType) ? u.reactiveType : [u.reactiveType || "component"]).includes("all") && (u.forceUpdate(), I.add(f));
-  }), S.getShadowMetadata(t, [...n, "getSelected"])?.pathComponents?.forEach((u) => {
+  }), g.getShadowMetadata(t, [...n, "getSelected"])?.pathComponents?.forEach((u) => {
     y?.components?.get(u)?.forceUpdate();
   });
-  const E = S.getShadowMetadata(t, n);
+  const E = g.getShadowMetadata(t, n);
   for (let u of E?.arrayKeys || []) {
-    const f = u + ".selected", A = S.getShadowMetadata(
+    const f = u + ".selected", A = g.getShadowMetadata(
       t,
       f.split(".").slice(1)
     );
-    u == g && A?.pathComponents?.forEach((w) => {
+    u == S && A?.pathComponents?.forEach((w) => {
       y?.components?.get(w)?.forceUpdate();
     });
   }
 };
-function Dt(t, n, g, S) {
+function Dt(t, n, S, g) {
   const y = /* @__PURE__ */ new Map();
   let I = 0;
   const E = (w) => {
@@ -679,7 +676,7 @@ function Dt(t, n, g, S) {
         }
         if (m === "removeStorage")
           return () => {
-            const s = e.getState().initialStateGlobal[t], o = nt(t), r = at(o?.localStorage?.key) ? o.localStorage.key(s) : o?.localStorage?.key, a = `${S}-${t}-${r}`;
+            const s = e.getState().initialStateGlobal[t], o = nt(t), r = at(o?.localStorage?.key) ? o.localStorage.key(s) : o?.localStorage?.key, a = `${g}-${t}-${r}`;
             a && localStorage.removeItem(a);
           };
         if (m === "showValidationErrors")
@@ -747,7 +744,7 @@ function Dt(t, n, g, S) {
                   behavior: C.current ? "instant" : "smooth"
                 });
               }, [_, a]);
-              const N = e.getState().getShadowMetadata(t, i)?.arrayKeys || [], { totalHeight: j, itemOffsets: b } = St(() => {
+              const N = e.getState().getShadowMetadata(t, i)?.arrayKeys || [], { totalHeight: j, itemOffsets: b } = gt(() => {
                 let v = 0;
                 const T = /* @__PURE__ */ new Map();
                 return (e.getState().getShadowMetadata(t, i)?.arrayKeys || []).forEach((D) => {
@@ -870,7 +867,7 @@ function Dt(t, n, g, S) {
                   clearTimeout($), R.disconnect(), v.removeEventListener("load", L, !0);
                 };
               }, [a, N.length, P]), {
-                virtualState: St(() => {
+                virtualState: gt(() => {
                   const v = e.getState(), T = v.getShadowValue(
                     [t, ...i].join(".")
                   ), $ = v.getShadowMetadata(t, i)?.arrayKeys || [], D = T.slice(
@@ -1082,7 +1079,7 @@ function Dt(t, n, g, S) {
             };
           if (m === "stateList")
             return (s) => /* @__PURE__ */ ot(() => {
-              const r = q(/* @__PURE__ */ new Map()), a = h?.transforms && h.transforms.length > 0 ? `${M}-${Bt(h.transforms)}` : `${M}-base`, [d, l] = K({}), { validIds: p, arrayValues: V } = St(() => {
+              const r = q(/* @__PURE__ */ new Map()), a = h?.transforms && h.transforms.length > 0 ? `${M}-${Bt(h.transforms)}` : `${M}-base`, [d, l] = K({}), { validIds: p, arrayValues: V } = gt(() => {
                 const U = e.getState().getShadowMetadata(t, i)?.transformCaches?.get(a);
                 let C;
                 U && U.validIds ? C = U.validIds : (C = It(
@@ -1320,7 +1317,7 @@ function Dt(t, n, g, S) {
           return e.getState().getSyncInfo(s);
         }
         if (m == "getLocalStorage")
-          return (s) => gt(S + "-" + t + "-" + s);
+          return (s) => St(g + "-" + t + "-" + s);
         if (m === "isSelected") {
           const s = [t, ...i].slice(0, -1);
           if (ft(t, i, void 0), Array.isArray(
@@ -1515,9 +1512,9 @@ function Dt(t, n, g, S) {
       e.getState().clearSelectedIndexesForState(t), y.clear(), I++, e.getState().initializeShadowState(t, M), u({
         currentState: M,
         path: [],
-        componentId: g
+        componentId: S
       });
-      const z = nt(t), c = at(z?.localStorage?.key) ? z?.localStorage?.key(M) : z?.localStorage?.key, B = `${S}-${t}-${c}`;
+      const z = nt(t), c = at(z?.localStorage?.key) ? z?.localStorage?.key(M) : z?.localStorage?.key, B = `${g}-${t}-${c}`;
       B && localStorage.removeItem(B);
       const J = e.getState().getShadowMetadata(t, []);
       return J && J?.components?.forEach((H) => {
@@ -1529,9 +1526,9 @@ function Dt(t, n, g, S) {
       const i = Dt(
         t,
         n,
-        g,
-        S
-      ), h = e.getState().initialStateGlobal[t], M = nt(t), z = at(M?.localStorage?.key) ? M?.localStorage?.key(h) : M?.localStorage?.key, c = `${S}-${t}-${z}`;
+        S,
+        g
+      ), h = e.getState().initialStateGlobal[t], M = nt(t), z = at(M?.localStorage?.key) ? M?.localStorage?.key(h) : M?.localStorage?.key, c = `${g}-${t}-${z}`;
       return localStorage.getItem(c) && localStorage.removeItem(c), Rt(() => {
         _t(t, w), e.getState().initializeShadowState(t, w);
         const B = e.getState().getShadowMetadata(t, []);
@@ -1545,7 +1542,7 @@ function Dt(t, n, g, S) {
   };
   return u({
     currentState: e.getState().getShadowValue(t, []),
-    componentId: g,
+    componentId: S,
     path: []
   });
 }
@@ -1556,19 +1553,19 @@ function qt({
   proxy: t,
   rebuildStateShape: n
 }) {
-  const g = q(null), S = q(`map-${crypto.randomUUID()}`), y = q(!1), I = q(/* @__PURE__ */ new Map());
+  const S = q(null), g = q(`map-${crypto.randomUUID()}`), y = q(!1), I = q(/* @__PURE__ */ new Map());
   Z(() => {
-    const u = g.current;
+    const u = S.current;
     if (!u || y.current) return;
     const f = setTimeout(() => {
       const A = e.getState().getShadowMetadata(t._stateKey, t._path) || {}, w = A.mapWrappers || [];
       w.push({
-        instanceId: S.current,
+        instanceId: g.current,
         mapFn: t._mapFn,
         containerRef: u,
         rebuildStateShape: n,
         path: t._path,
-        componentId: S.current,
+        componentId: g.current,
         meta: t._meta
       }), e.getState().setShadowMetadata(t._stateKey, t._path, {
         ...A,
@@ -1576,17 +1573,17 @@ function qt({
       }), y.current = !0, E();
     }, 0);
     return () => {
-      if (clearTimeout(f), S.current) {
+      if (clearTimeout(f), g.current) {
         const A = e.getState().getShadowMetadata(t._stateKey, t._path) || {};
         A.mapWrappers && (A.mapWrappers = A.mapWrappers.filter(
-          (w) => w.instanceId !== S.current
+          (w) => w.instanceId !== g.current
         ), e.getState().setShadowMetadata(t._stateKey, t._path, A));
       }
       I.current.forEach((A) => A.unmount());
     };
   }, []);
   const E = () => {
-    const u = g.current;
+    const u = S.current;
     if (!u) return;
     const f = e.getState().getShadowValue(
       [t._stateKey, ...t._path].join("."),
@@ -1596,7 +1593,7 @@ function qt({
     const A = t._meta?.validIds ?? e.getState().getShadowMetadata(t._stateKey, t._path)?.arrayKeys ?? [], w = n({
       currentState: f,
       path: t._path,
-      componentId: S.current,
+      componentId: g.current,
       meta: t._meta
     });
     f.forEach((i, h) => {
@@ -1620,18 +1617,18 @@ function qt({
       );
     });
   };
-  return /* @__PURE__ */ ot("div", { ref: g, "data-map-container": S.current });
+  return /* @__PURE__ */ ot("div", { ref: S, "data-map-container": g.current });
 }
 function Gt({
   proxy: t
 }) {
-  const n = q(null), g = q(null), S = q(!1), y = `${t._stateKey}-${t._path.join(".")}`, I = e.getState().getShadowValue(
+  const n = q(null), S = q(null), g = q(!1), y = `${t._stateKey}-${t._path.join(".")}`, I = e.getState().getShadowValue(
     [t._stateKey, ...t._path].join("."),
     t._meta?.validIds
   );
   return Z(() => {
     const E = n.current;
-    if (!E || S.current) return;
+    if (!E || g.current) return;
     const u = setTimeout(() => {
       if (!E.parentElement) {
         console.warn("Parent element not found for signal", y);
@@ -1639,10 +1636,10 @@ function Gt({
       }
       const f = E.parentElement, w = Array.from(f.childNodes).indexOf(E);
       let i = f.getAttribute("data-parent-id");
-      i || (i = `parent-${crypto.randomUUID()}`, f.setAttribute("data-parent-id", i)), g.current = `instance-${crypto.randomUUID()}`;
+      i || (i = `parent-${crypto.randomUUID()}`, f.setAttribute("data-parent-id", i)), S.current = `instance-${crypto.randomUUID()}`;
       const h = e.getState().getShadowMetadata(t._stateKey, t._path) || {}, M = h.signals || [];
       M.push({
-        instanceId: g.current,
+        instanceId: S.current,
         parentId: i,
         position: w,
         effect: t._effect
@@ -1662,13 +1659,13 @@ function Gt({
         }
       z !== null && typeof z == "object" && (z = JSON.stringify(z));
       const c = document.createTextNode(String(z ?? ""));
-      E.replaceWith(c), S.current = !0;
+      E.replaceWith(c), g.current = !0;
     }, 0);
     return () => {
-      if (clearTimeout(u), g.current) {
+      if (clearTimeout(u), S.current) {
         const f = e.getState().getShadowMetadata(t._stateKey, t._path) || {};
         f.signals && (f.signals = f.signals.filter(
-          (A) => A.instanceId !== g.current
+          (A) => A.instanceId !== S.current
         ), e.getState().setShadowMetadata(t._stateKey, t._path, f));
       }
     };
@@ -1682,25 +1679,25 @@ const Mt = Ot(
   Yt,
   (t, n) => t.itemPath.join(".") === n.itemPath.join(".") && t.stateKey === n.stateKey && t.itemComponentId === n.itemComponentId && t.localIndex === n.localIndex
 ), Jt = (t) => {
-  const [n, g] = K(!1);
+  const [n, S] = K(!1);
   return dt(() => {
     if (!t.current) {
-      g(!0);
+      S(!0);
       return;
     }
-    const S = Array.from(t.current.querySelectorAll("img"));
-    if (S.length === 0) {
-      g(!0);
+    const g = Array.from(t.current.querySelectorAll("img"));
+    if (g.length === 0) {
+      S(!0);
       return;
     }
     let y = 0;
     const I = () => {
-      y++, y === S.length && g(!0);
+      y++, y === g.length && S(!0);
     };
-    return S.forEach((E) => {
+    return g.forEach((E) => {
       E.complete ? I() : (E.addEventListener("load", I), E.addEventListener("error", I));
     }), () => {
-      S.forEach((E) => {
+      g.forEach((E) => {
         E.removeEventListener("load", I), E.removeEventListener("error", I);
       });
     };
@@ -1709,13 +1706,13 @@ const Mt = Ot(
 function Yt({
   stateKey: t,
   itemComponentId: n,
-  itemPath: g,
-  localIndex: S,
+  itemPath: S,
+  localIndex: g,
   arraySetter: y,
   rebuildStateShape: I,
   renderFn: E
 }) {
-  const [, u] = K({}), { ref: f, inView: A } = jt(), w = q(null), i = Jt(w), h = q(!1), M = [t, ...g].join(".");
+  const [, u] = K({}), { ref: f, inView: A } = jt(), w = q(null), i = Jt(w), h = q(!1), M = [t, ...S].join(".");
   $t(t, n, u);
   const z = ct(
     (W) => {
@@ -1734,35 +1731,35 @@ function Yt({
     if (W && W.offsetHeight > 0) {
       h.current = !0;
       const m = W.offsetHeight;
-      e.getState().setShadowMetadata(t, g, {
+      e.getState().setShadowMetadata(t, S, {
         virtualizer: {
           itemHeight: m,
           domRef: W
         }
       });
-      const Y = g.slice(0, -1), Q = [t, ...Y].join(".");
+      const Y = S.slice(0, -1), Q = [t, ...Y].join(".");
       e.getState().notifyPathSubscribers(Q, {
         type: "ITEMHEIGHT",
-        itemKey: g.join("."),
+        itemKey: S.join("."),
         ref: w.current
       });
     }
-  }, [A, i, t, g]);
-  const c = [t, ...g].join("."), B = e.getState().getShadowValue(c);
+  }, [A, i, t, S]);
+  const c = [t, ...S].join("."), B = e.getState().getShadowValue(c);
   if (B === void 0)
     return null;
   const J = I({
     currentState: B,
-    path: g,
+    path: S,
     componentId: n
-  }), H = E(J, S, y);
+  }), H = E(J, g, y);
   return /* @__PURE__ */ ot("div", { ref: z, children: H });
 }
 function Zt({
   stateKey: t,
   path: n,
-  rebuildStateShape: g,
-  renderFn: S,
+  rebuildStateShape: S,
+  renderFn: g,
   formOpts: y,
   setState: I
 }) {
@@ -1877,7 +1874,7 @@ function Zt({
       });
     }
     u({});
-  }, [t, n, w, I]), B = g({
+  }, [t, n, w, I]), B = S({
     currentState: A,
     path: n,
     componentId: E
@@ -1894,20 +1891,20 @@ function Zt({
       } : H[W];
     }
   });
-  return /* @__PURE__ */ ot(kt, { formOpts: y, path: n, stateKey: t, children: S(J) });
+  return /* @__PURE__ */ ot(kt, { formOpts: y, path: n, stateKey: t, children: g(J) });
 }
-function $t(t, n, g) {
-  const S = `${t}////${n}`;
+function $t(t, n, S) {
+  const g = `${t}////${n}`;
   dt(() => {
     const { registerComponent: y, unregisterComponent: I } = e.getState();
-    return y(t, S, {
-      forceUpdate: () => g({}),
+    return y(t, g, {
+      forceUpdate: () => S({}),
       paths: /* @__PURE__ */ new Set(),
       reactiveType: ["component"]
     }), () => {
-      I(t, S);
+      I(t, g);
     };
-  }, [t, S]);
+  }, [t, g]);
 }
 export {
   bt as $cogsSignal,