cogsbox-state 0.5.40 → 0.5.42

package/dist/CogsState.jsx

@@ -8,8 +8,8 @@ import { getGlobalStore as o, formRefStore as lt } from "./store.js";
 import { useCogsConfig as Nt } from "./CogsStateClient.jsx";
 import tt from "./node_modules/uuid/dist/esm-browser/v4.js";
 function dt(t, a) {
-  const f = o.getState().getInitialOptions, u = o.getState().setInitialStateOptions, d = f(t) || {};
-  return a.log && (console.log("setAndMergeOptions", t, a), console.log("setAndMergeOptions oldValue", d)), u(t, {
+  const u = o.getState().getInitialOptions, f = o.getState().setInitialStateOptions, d = u(t) || {};
+  return a.log && (console.log("setAndMergeOptions", t, a), console.log("setAndMergeOptions oldValue", d)), f(t, {
     ...d,
     ...a
   }), {
@@ -20,21 +20,21 @@ function dt(t, a) {
 function ut({
   stateKey: t,
   options: a,
-  initialOptionsPart: f
+  initialOptionsPart: u
 }) {
-  const u = et(t) || {}, E = { ...f?.[t] || {}, ...u };
+  const f = et(t) || {}, E = { ...u?.[t] || {}, ...f };
   let w = !1;
-  a && Object.keys(a).forEach((m) => {
-    const y = a[m];
-    E[m] !== y && (E[m] = y, w = !0);
-  }), w && o.getState().setInitialStateOptions(t, E);
+  if (a)
+    for (const m in a)
+      E.hasOwnProperty(m) || (w = !0, E[m] = a[m]);
+  w && o.getState().setInitialStateOptions(t, E);
 }
-function Wt(t, { formElements: a, validation: f }) {
-  return { initialState: t, formElements: a, validation: f };
+function Wt(t, { formElements: a, validation: u }) {
+  return { initialState: t, formElements: a, validation: u };
 }
 const qt = (t, a) => {
-  let f = t;
-  const [u, d] = _t(f);
+  let u = t;
+  const [f, d] = _t(u);
   (a?.formElements || a?.validation) && Object.keys(d).forEach((m) => {
     d[m] = d[m] || {}, d[m].formElements = {
       ...a.formElements,
@@ -43,33 +43,33 @@ const qt = (t, a) => {
       ...d[m].formElements || {}
       // State-specific overrides
     };
-  }), o.getState().setInitialStates(u);
-  const E = (m, y) => {
-    const [p] = Y(y?.componentId ?? tt());
+  }), o.getState().setInitialStates(f);
+  const E = (m, I) => {
+    const [p] = Y(I?.componentId ?? tt());
     ut({
       stateKey: m,
-      options: y
+      options: I
     });
-    const s = o.getState().cogsStateStore[m] || u[m], e = y?.modifyState ? y.modifyState(s) : s;
-    y?.log && console.log("useCogsState", m, y);
-    const [I, N] = jt(
+    const s = o.getState().cogsStateStore[m] || f[m], e = I?.modifyState ? I.modifyState(s) : s;
+    I?.log && console.log("useCogsState", m, I);
+    const [v, N] = Ot(
       e,
       {
         stateKey: m,
-        syncUpdate: y?.syncUpdate,
+        syncUpdate: I?.syncUpdate,
         componentId: p,
-        localStorage: y?.localStorage,
-        middleware: y?.middleware,
-        enabledSync: y?.enabledSync,
-        reactiveType: y?.reactiveType,
-        reactiveDeps: y?.reactiveDeps,
-        initState: y?.initState
+        localStorage: I?.localStorage,
+        middleware: I?.middleware,
+        enabledSync: I?.enabledSync,
+        reactiveType: I?.reactiveType,
+        reactiveDeps: I?.reactiveDeps,
+        initState: I?.initState
       }
     );
     return N;
   };
-  function w(m, y) {
-    ut({ stateKey: m, options: y, initialOptionsPart: d });
+  function w(m, I) {
+    ut({ stateKey: m, options: I, initialOptionsPart: d });
   }
   return { useCogsState: E, setCogsOptions: w };
 }, {
@@ -91,31 +91,31 @@ const qt = (t, a) => {
   } catch (a) {
     return console.error("Error loading from localStorage:", a), null;
   }
-}, Tt = (t, a, f, u) => {
-  if (f.log && console.log(
+}, Tt = (t, a, u, f) => {
+  if (u.log && console.log(
     "saving to localstorage",
     a,
-    f.localStorage?.key,
-    u
-  ), f.localStorage?.key && u) {
+    u.localStorage?.key,
+    f
+  ), u.localStorage?.key && f) {
     const d = {
       state: t,
       lastUpdated: Date.now(),
       lastSyncedWithServer: o.getState().serverSyncLog[a]?.[0]?.timeStamp,
       baseServerState: o.getState().serverState[a]
-    }, E = `${u}-${a}-${f.localStorage?.key}`;
+    }, E = `${f}-${a}-${u.localStorage?.key}`;
     window.localStorage.setItem(E, JSON.stringify(d));
   }
-}, Ft = (t, a, f, u, d, E) => {
+}, Ft = (t, a, u, f, d, E) => {
   const w = {
     initialState: a,
     updaterState: Z(
       t,
-      u,
+      f,
       d,
       E
     ),
-    state: f
+    state: u
   };
   J(() => {
     nt(t, w.initialState), B(t, w.updaterState), x(t, w.state);
@@ -123,36 +123,36 @@ const qt = (t, a) => {
 }, mt = (t) => {
   const a = o.getState().stateComponents.get(t);
   if (!a) return;
-  const f = /* @__PURE__ */ new Set();
-  a.components.forEach((u) => {
-    f.add(() => u.forceUpdate());
+  const u = /* @__PURE__ */ new Set();
+  a.components.forEach((f) => {
+    u.add(() => f.forceUpdate());
   }), queueMicrotask(() => {
     J(() => {
-      f.forEach((u) => u());
+      u.forEach((f) => f());
     });
   });
 }, zt = (t, a) => {
-  const f = o.getState().stateComponents.get(t);
-  if (f) {
-    const u = `${t}////${a}`, d = f.components.get(u);
+  const u = o.getState().stateComponents.get(t);
+  if (u) {
+    const f = `${t}////${a}`, d = u.components.get(f);
     d && d.forceUpdate();
   }
 };
-function jt(t, {
+function Ot(t, {
   stateKey: a,
-  serverSync: f,
-  localStorage: u,
+  serverSync: u,
+  localStorage: f,
   formElements: d,
   middleware: E,
   reactiveDeps: w,
   reactiveType: m,
-  componentId: y,
+  componentId: I,
   initState: p,
   syncUpdate: s
 } = {}) {
-  const [e, I] = Y({}), { sessionId: N } = Nt();
-  let R = !a;
-  const [c] = Y(a ?? tt()), k = o.getState().stateLog[c], U = z(/* @__PURE__ */ new Set()), i = z(y ?? tt()), $ = z(null);
+  const [e, v] = Y({}), { sessionId: N } = Nt();
+  let k = !a;
+  const [c] = Y(a ?? tt()), R = o.getState().stateLog[c], P = z(/* @__PURE__ */ new Set()), i = z(I ?? tt()), $ = z(null);
   $.current = et(c), K(() => {
     if (s && s.stateKey === c && s.path?.[0]) {
       x(c, (r) => ({
@@ -168,12 +168,10 @@ function jt(t, {
   }, [s]), $.current.log && (console.log(
     "latestInitialOptionsRef.current ",
     $.current
-  ), console.log("latestInitialOptionsRef.current localStorage", u)), K(() => {
+  ), console.log("latestInitialOptionsRef.current localStorage", f)), K(() => {
     const n = dt(c, {
-      initState: p,
-      localStorage: u
+      initState: p
     });
-    $.current = n;
     let r = null;
     n.log && console.log("newoptions", n), n.localStorage?.key && N && (r = St(
       N + "-" + c + "-" + n.localStorage?.key
@@ -183,52 +181,52 @@ function jt(t, {
       c,
       p?.initialState,
       l,
-      P,
+      U,
       i.current,
       N
-    ), mt(c), I({}));
-  }, [u?.key, ...p?.dependencies || []]), vt(() => {
-    R && dt(c, {
-      serverSync: f,
+    ), mt(c), v({}));
+  }, [...p?.dependencies || []]), vt(() => {
+    k && dt(c, {
+      serverSync: u,
       formElements: d,
       initState: p,
-      localStorage: u,
+      localStorage: f,
       middleware: E
     });
     const n = `${c}////${i.current}`, r = o.getState().stateComponents.get(c) || {
       components: /* @__PURE__ */ new Map()
     };
     return r.components.set(n, {
-      forceUpdate: () => I({}),
+      forceUpdate: () => v({}),
       paths: /* @__PURE__ */ new Set(),
       deps: [],
       depsFunction: w || void 0,
       reactiveType: m ?? ["component", "deps"]
-    }), o.getState().stateComponents.set(c, r), I({}), () => {
+    }), o.getState().stateComponents.set(c, r), v({}), () => {
       const l = `${c}////${i.current}`;
       r && (r.components.delete(l), r.components.size === 0 && o.getState().stateComponents.delete(c));
     };
   }, []);
-  const P = (n, r, l, g) => {
+  const U = (n, r, l, g) => {
     if (Array.isArray(r)) {
       const S = `${c}-${r.join(".")}`;
-      U.current.add(S);
+      P.current.add(S);
     }
     x(c, (S) => {
-      const _ = ft(n) ? n(S) : n, j = `${c}-${r.join(".")}`;
-      if (j) {
-        let M = !1, v = o.getState().signalDomElements.get(j);
-        if ((!v || v.size === 0) && (l.updateType === "insert" || l.updateType === "cut")) {
+      const _ = ft(n) ? n(S) : n, O = `${c}-${r.join(".")}`;
+      if (O) {
+        let M = !1, y = o.getState().signalDomElements.get(O);
+        if ((!y || y.size === 0) && (l.updateType === "insert" || l.updateType === "cut")) {
           const h = r.slice(0, -1), C = L(_, h);
           if (Array.isArray(C)) {
             M = !0;
             const V = `${c}-${h.join(".")}`;
-            v = o.getState().signalDomElements.get(V);
+            y = o.getState().signalDomElements.get(V);
           }
         }
-        if (v) {
+        if (y) {
           const h = M ? L(_, r.slice(0, -1)) : L(_, r);
-          v.forEach(({ parentId: C, position: V, effect: D }) => {
+          y.forEach(({ parentId: C, position: V, effect: D }) => {
             const T = document.querySelector(
               `[data-parent-id="${C}"]`
             );
@@ -250,28 +248,28 @@ function jt(t, {
         $.current?.validationKey + "." + A.join(".")
       ), l.updateType === "insert" && $.current?.validationKey && $t(
         $.current?.validationKey + "." + A.join(".")
-      ).filter(([v, h]) => {
-        let C = v?.split(".").length;
-        if (v == A.join(".") && C == A.length - 1) {
-          let V = v + "." + A;
-          b(v), At(V, h);
+      ).filter(([y, h]) => {
+        let C = y?.split(".").length;
+        if (y == A.join(".") && C == A.length - 1) {
+          let V = y + "." + A;
+          b(y), At(V, h);
         }
       });
-      const O = L(S, r), F = L(_, r), W = l.updateType === "update" ? r.join(".") : [...r].slice(0, -1).join("."), rt = o.getState().stateComponents.get(c);
+      const j = L(S, r), F = L(_, r), W = l.updateType === "update" ? r.join(".") : [...r].slice(0, -1).join("."), rt = o.getState().stateComponents.get(c);
       if (rt)
-        for (const [M, v] of rt.components.entries()) {
+        for (const [M, y] of rt.components.entries()) {
           let h = !1;
-          const C = Array.isArray(v.reactiveType) ? v.reactiveType : [v.reactiveType || "component"];
+          const C = Array.isArray(y.reactiveType) ? y.reactiveType : [y.reactiveType || "component"];
           if (!C.includes("none")) {
             if (C.includes("all")) {
-              v.forceUpdate();
+              y.forceUpdate();
               continue;
             }
-            if (C.includes("component") && v.paths && (v.paths.has(W) || v.paths.has("")) && (h = !0), !h && C.includes("deps") && v.depsFunction) {
-              const V = v.depsFunction(_);
-              typeof V == "boolean" ? V && (h = !0) : G(v.deps, V) || (v.deps = V, h = !0);
+            if (C.includes("component") && y.paths && (y.paths.has(W) || y.paths.has("")) && (h = !0), !h && C.includes("deps") && y.depsFunction) {
+              const V = y.depsFunction(_);
+              typeof V == "boolean" ? V && (h = !0) : G(y.deps, V) || (y.deps = V, h = !0);
             }
-            h && v.forceUpdate();
+            h && y.forceUpdate();
           }
         }
       const ot = {
@@ -280,7 +278,7 @@ function jt(t, {
         path: r,
         updateType: l.updateType,
         status: "new",
-        oldValue: O,
+        oldValue: j,
         newValue: F
       };
       if (ht(c, (M) => {
@@ -295,14 +293,14 @@ function jt(t, {
         $.current,
         N
       ), E && E({
-        updateLog: k,
+        updateLog: R,
         update: ot
       }), $.current?.serverSync) {
-        const M = o.getState().serverState[c], v = $.current?.serverSync;
+        const M = o.getState().serverState[c], y = $.current?.serverSync;
         Ct(c, {
-          syncKey: typeof v.syncKey == "string" ? v.syncKey : v.syncKey({ state: _ }),
+          syncKey: typeof y.syncKey == "string" ? y.syncKey : y.syncKey({ state: _ }),
           rollBackState: M,
-          actionTimeStamp: Date.now() + (v.debounce ?? 3e3),
+          actionTimeStamp: Date.now() + (y.debounce ?? 3e3),
           status: "waiting"
         });
       }
@@ -313,46 +311,46 @@ function jt(t, {
     c,
     Z(
       c,
-      P,
+      U,
       i.current,
       N
     )
   ), o.getState().cogsStateStore[c] || x(c, t), o.getState().initialStateGlobal[c] || nt(c, t));
   const Q = It(() => Z(
     c,
-    P,
+    U,
     i.current,
     N
   ), [c]);
   return [gt(c), Q];
 }
-function Z(t, a, f, u) {
+function Z(t, a, u, f) {
   const d = /* @__PURE__ */ new Map();
   let E = 0;
   const w = (s) => {
     const e = s.join(".");
-    for (const [I] of d)
-      (I === e || I.startsWith(e + ".")) && d.delete(I);
+    for (const [v] of d)
+      (v === e || v.startsWith(e + ".")) && d.delete(v);
     E++;
-  }, m = /* @__PURE__ */ new Map(), y = {
+  }, m = /* @__PURE__ */ new Map(), I = {
     removeValidation: (s) => {
       s?.validationKey && b(s.validationKey);
     },
     revertToInitialState: (s) => {
       const e = o.getState().getInitialOptions(t)?.validation;
       e?.key && b(e?.key), s?.validationKey && b(s.validationKey);
-      const I = o.getState().initialStateGlobal[t];
+      const v = o.getState().initialStateGlobal[t];
       d.clear(), E++;
-      const N = p(I, []);
+      const N = p(v, []);
       J(() => {
-        B(t, N), x(t, I);
-        const R = o.getState().stateComponents.get(t);
-        R && R.components.forEach((k) => {
-          k.forceUpdate();
+        B(t, N), x(t, v);
+        const k = o.getState().stateComponents.get(t);
+        k && k.components.forEach((R) => {
+          R.forceUpdate();
         });
         const c = et(t);
         c?.localStorage?.key && localStorage.removeItem(
-          c?.initState ? u + "-" + t + "-" + c?.localStorage?.key : t
+          c?.initState ? f + "-" + t + "-" + c?.localStorage?.key : t
         ), localStorage.removeItem(t);
       });
     },
@@ -361,17 +359,17 @@ function Z(t, a, f, u) {
       const e = Z(
         t,
         a,
-        f,
-        u
+        u,
+        f
       );
       return J(() => {
         nt(t, s), B(t, e), x(t, s);
-        const I = o.getState().stateComponents.get(t);
-        I && I.components.forEach((N) => {
+        const v = o.getState().stateComponents.get(t);
+        v && v.components.forEach((N) => {
           N.forceUpdate();
         }), localStorage.removeItem(t);
       }), {
-        fetchId: (I) => e.get()[I]
+        fetchId: (v) => e.get()[v]
       };
     },
     _initialState: o.getState().initialStateGlobal[t],
@@ -382,22 +380,22 @@ function Z(t, a, f, u) {
       return !!(s && G(s, gt(t)));
     }
   };
-  function p(s, e = [], I) {
+  function p(s, e = [], v) {
     const N = e.map(String).join(".");
     d.get(N);
-    const R = function() {
+    const k = function() {
       return o().getNestedState(t, e);
     };
-    Object.keys(y).forEach((U) => {
-      R[U] = y[U];
+    Object.keys(I).forEach((P) => {
+      k[P] = I[P];
     });
     const c = {
-      apply(U, i, $) {
+      apply(P, i, $) {
         return o().getNestedState(t, e);
       },
-      get(U, i) {
+      get(P, i) {
         if (i !== "then" && !i.startsWith("$") && i !== "stateMapNoRender") {
-          const n = e.join("."), r = `${t}////${f}`, l = o.getState().stateComponents.get(t);
+          const n = e.join("."), r = `${t}////${u}`, l = o.getState().stateComponents.get(t);
           if (l) {
             const g = l.components.get(r);
             g && (e.length > 0 || i === "get") && g.paths.add(n);
@@ -418,31 +416,31 @@ function Z(t, a, f, u) {
                 return p(
                   s[n],
                   [...e, n.toString()],
-                  I
+                  v
                 );
             };
           if (i === "stateMap" || i === "stateMapNoRender")
             return (n) => {
-              const r = I?.filtered?.some(
+              const r = v?.filtered?.some(
                 (g) => g.join(".") === e.join(".")
               ), l = r ? s : o.getState().getNestedState(t, e);
               return i !== "stateMapNoRender" && (d.clear(), E++), l.map((g, S) => {
-                const _ = r && g.__origIndex ? g.__origIndex : S, j = p(
+                const _ = r && g.__origIndex ? g.__origIndex : S, O = p(
                   g,
                   [...e, _.toString()],
-                  I
+                  v
                 );
                 return n(
                   g,
-                  j,
+                  O,
                   S,
                   s,
-                  p(s, e, I)
+                  p(s, e, v)
                 );
               });
             };
           if (i === "$stateMap")
-            return (n) => H(Ot, {
+            return (n) => H(jt, {
               proxy: {
                 _stateKey: t,
                 _path: e,
@@ -453,7 +451,7 @@ function Z(t, a, f, u) {
             });
           if (i === "stateFlattenOn")
             return (n) => {
-              const l = I?.filtered?.some(
+              const l = v?.filtered?.some(
                 (S) => S.join(".") === e.join(".")
               ) ? s : o.getState().getNestedState(t, e);
               d.clear(), E++;
@@ -463,7 +461,7 @@ function Z(t, a, f, u) {
               return p(
                 g,
                 [...e, "[*]", n],
-                I
+                v
               );
             };
           if (i === "findWith")
@@ -496,15 +494,15 @@ function Z(t, a, f, u) {
                   );
                   return F && (_ = A), F;
                 }
-                const O = G(A, S);
-                return O && (_ = A), O;
+                const j = G(A, S);
+                return j && (_ = A), j;
               }))
                 w(e), st(a, S, e, t);
               else if (l && _) {
-                const A = l(_), O = g.map(
+                const A = l(_), j = g.map(
                   (F) => G(F, _) ? A : F
                 );
-                w(e), q(a, O, e);
+                w(e), q(a, j, e);
               }
             };
           if (i === "cut")
@@ -520,7 +518,7 @@ function Z(t, a, f, u) {
               for (let S = 0; S < r.length; S++)
                 n(r[S], S) && (l.push(S), g.push(r[S]));
               return d.clear(), E++, p(g, e, {
-                filtered: [...I?.filtered || [], e],
+                filtered: [...v?.filtered || [], e],
                 validIndices: l
                 // Always pass validIndices, even if empty
               });
@@ -565,7 +563,7 @@ function Z(t, a, f, u) {
           return Array.isArray(l) ? Number(e[e.length - 1]) === m.get(r) : void 0;
         }
         if (i == "getLocalStorage")
-          return (n) => St(u + "-" + t + "-" + n);
+          return (n) => St(f + "-" + t + "-" + n);
         if (i === "setSelected")
           return (n) => {
             const r = e.slice(0, -1), l = Number(e[e.length - 1]), g = r.join(".");
@@ -589,15 +587,15 @@ function Z(t, a, f, u) {
                   _ && _.startsWith(n.key) && b(_);
                 });
                 const S = n.zodSchema.safeParse(l);
-                return S.success ? !0 : (S.error.errors.forEach((j) => {
-                  const A = j.path, O = j.message, F = [n.key, ...A].join(".");
-                  r(F, O);
+                return S.success ? !0 : (S.error.errors.forEach((O) => {
+                  const A = O.path, j = O.message, F = [n.key, ...A].join(".");
+                  r(F, j);
                 }), mt(t), !1);
               } catch (g) {
                 return console.error("Zod schema validation failed", g), !1;
               }
             };
-          if (i === "_componentId") return f;
+          if (i === "_componentId") return u;
           if (i === "getComponents")
             return () => o().stateComponents.get(t);
           if (i === "getAllFormRefs")
@@ -609,9 +607,9 @@ function Z(t, a, f, u) {
           if (i === "_isLoading")
             return o.getState().isLoadingGlobal[t];
           if (i === "revertToInitialState")
-            return y.revertToInitialState;
-          if (i === "updateInitialState") return y.updateInitialState;
-          if (i === "removeValidation") return y.removeValidation;
+            return I.revertToInitialState;
+          if (i === "updateInitialState") return I.updateInitialState;
+          if (i === "removeValidation") return I.removeValidation;
         }
         if (i === "getFormRef")
           return () => lt.getState().getFormRef(t + "." + e.join("."));
@@ -626,13 +624,13 @@ function Z(t, a, f, u) {
               path: e,
               validationKey: o.getState().getInitialOptions(t)?.validation?.key || "",
               stateKey: t,
-              validIndices: I?.validIndices,
+              validIndices: v?.validIndices,
               children: n
             }
           );
         if (i === "_stateKey") return t;
         if (i === "_path") return e;
-        if (i === "_isServerSynced") return y._isServerSynced;
+        if (i === "_isServerSynced") return I._isServerSynced;
         if (i === "update")
           return (n, r) => {
             if (r?.debounce)
@@ -659,14 +657,14 @@ function Z(t, a, f, u) {
               formOpts: r
             }
           );
-        const P = [...e, i], Q = o.getState().getNestedState(t, P);
-        return p(Q, P, I);
+        const U = [...e, i], Q = o.getState().getNestedState(t, U);
+        return p(Q, U, v);
       }
-    }, k = new Proxy(R, c);
+    }, R = new Proxy(k, c);
     return d.set(N, {
-      proxy: k,
+      proxy: R,
       stateVersion: E
-    }), k;
+    }), R;
   }
   return p(
     o.getState().getNestedState(t, [])
@@ -675,26 +673,26 @@ function Z(t, a, f, u) {
 function X(t) {
   return H(Mt, { proxy: t });
 }
-function Ot({
+function jt({
   proxy: t,
   rebuildStateShape: a
 }) {
-  const f = o().getNestedState(t._stateKey, t._path);
-  return Array.isArray(f) ? a(
-    f,
+  const u = o().getNestedState(t._stateKey, t._path);
+  return Array.isArray(u) ? a(
+    u,
     t._path
   ).stateMapNoRender(
-    (d, E, w, m, y) => t._mapFn(d, E, w, m, y)
+    (d, E, w, m, I) => t._mapFn(d, E, w, m, I)
   ) : null;
 }
 function Mt({
   proxy: t
 }) {
-  const a = z(null), f = `${t._stateKey}-${t._path.join(".")}`;
+  const a = z(null), u = `${t._stateKey}-${t._path.join(".")}`;
   return K(() => {
-    const u = a.current;
-    if (!u || !u.parentElement) return;
-    const d = u.parentElement, w = Array.from(d.childNodes).indexOf(u);
+    const f = a.current;
+    if (!f || !f.parentElement) return;
+    const d = f.parentElement, w = Array.from(d.childNodes).indexOf(f);
     let m = d.getAttribute("data-parent-id");
     m || (m = `parent-${crypto.randomUUID()}`, d.setAttribute("data-parent-id", m));
     const p = {
@@ -703,7 +701,7 @@ function Mt({
       position: w,
       effect: t._effect
     };
-    o.getState().addSignalElement(f, p);
+    o.getState().addSignalElement(u, p);
     const s = o.getState().getNestedState(t._stateKey, t._path);
     let e;
     if (t._effect)
@@ -718,24 +716,24 @@ function Mt({
     else
       e = s;
     e !== null && typeof e == "object" && (e = JSON.stringify(e));
-    const I = document.createTextNode(String(e));
-    u.replaceWith(I);
+    const v = document.createTextNode(String(e));
+    f.replaceWith(v);
   }, [t._stateKey, t._path.join("."), t._effect]), H("span", {
     ref: a,
     style: { display: "none" },
-    "data-signal-id": f
+    "data-signal-id": u
   });
 }
 function Jt(t) {
   const a = Et(
-    (f) => {
-      const u = o.getState().stateComponents.get(t._stateKey) || {
+    (u) => {
+      const f = o.getState().stateComponents.get(t._stateKey) || {
         components: /* @__PURE__ */ new Map()
       };
-      return u.components.set(t._stateKey, {
-        forceUpdate: f,
+      return f.components.set(t._stateKey, {
+        forceUpdate: u,
         paths: /* @__PURE__ */ new Set([t._path.join(".")])
-      }), () => u.components.delete(t._stateKey);
+      }), () => f.components.delete(t._stateKey);
     },
     () => o.getState().getNestedState(t._stateKey, t._path)
   );
@@ -747,6 +745,6 @@ export {
   Wt as addStateOptions,
   qt as createCogsState,
   zt as notifyComponent,
-  jt as useCogsStateFn
+  Ot as useCogsStateFn
 };
 //# sourceMappingURL=CogsState.jsx.map