cogsbox-state 0.5.471 → 0.5.472

package/dist/Components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Components.d.ts","sourceRoot":"","sources":["../src/Components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,KAQN,MAAM,OAAO,CAAC;AAuBf,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,sBAAsB,2CAqDxB;AACD,eAAO,MAAM,uBAAuB,mDAWnC,CAAC;AACF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,GAAG,CAAC;IAEjB,iBAAiB,EAAE,CAAC,OAAO,EAAE;QAC3B,YAAY,EAAE,GAAG,CAAC;QAClB,IAAI,EAAE,MAAM,EAAE,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,GAAG,CAAC;KACZ,KAAK,GAAG,CAAC;IACV,QAAQ,EAAE,CACR,MAAM,EAAE,GAAG,EACX,KAAK,EAAE,MAAM,EAEb,WAAW,EAAE,GAAG,KACb,KAAK,CAAC,SAAS,CAAC;CACtB,kDAkEA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,iBAAiB,EAAE,CAAC,OAAO,EAAE;QAC3B,IAAI,EAAE,MAAM,EAAE,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,GAAG,CAAC;KACZ,KAAK,GAAG,CAAC;IACV,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,GAAG,CAAC;CACf,2CAsQA;AACD,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,QAiBjC;AAiDD,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,iBAAiB,EAAE,CAAC,OAAO,EAAE;QAC3B,IAAI,EAAE,MAAM,EAAE,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,GAAG,CAAC;KACZ,KAAK,GAAG,CAAC;IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC;CAC3C,2CAuBA"}
+{"version":3,"file":"Components.d.ts","sourceRoot":"","sources":["../src/Components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,KAQN,MAAM,OAAO,CAAC;AAuBf,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,sBAAsB,2CAqDxB;AACD,eAAO,MAAM,uBAAuB,mDAWnC,CAAC;AACF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,GAAG,CAAC;IAEjB,iBAAiB,EAAE,CAAC,OAAO,EAAE;QAC3B,YAAY,EAAE,GAAG,CAAC;QAClB,IAAI,EAAE,MAAM,EAAE,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,GAAG,CAAC;KACZ,KAAK,GAAG,CAAC;IACV,QAAQ,EAAE,CACR,MAAM,EAAE,GAAG,EACX,KAAK,EAAE,MAAM,EAEb,WAAW,EAAE,GAAG,KACb,KAAK,CAAC,SAAS,CAAC;CACtB,kDAkEA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,iBAAiB,EAAE,CAAC,OAAO,EAAE;QAC3B,IAAI,EAAE,MAAM,EAAE,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,GAAG,CAAC;KACZ,KAAK,GAAG,CAAC;IACV,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,GAAG,CAAC;CACf,2CAoTA;AACD,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,QAiBjC;AAiDD,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,iBAAiB,EAAE,CAAC,OAAO,EAAE;QAC3B,IAAI,EAAE,MAAM,EAAE,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,GAAG,CAAC;KACZ,KAAK,GAAG,CAAC;IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC;CAC3C,2CAuBA"}

package/dist/Components.jsx

@@ -1,304 +1,295 @@
-import { jsx as w, Fragment as x } from "react/jsx-runtime";
-import U, { memo as _, useState as p, useRef as j, useCallback as J, useEffect as C, useLayoutEffect as B } from "react";
-import { getGlobalStore as b, formRefStore as Q } from "./store.js";
-import { useInView as X } from "react-intersection-observer";
-import { v4 as G } from "uuid";
-import { isDeepEqual as Y } from "./utility.js";
+import { jsx as N, Fragment as X } from "react/jsx-runtime";
+import Q, { memo as ne, useState as R, useRef as D, useCallback as z, useEffect as w, useLayoutEffect as Y } from "react";
+import { getGlobalStore as y, formRefStore as oe } from "./store.js";
+import { useInView as se } from "react-intersection-observer";
+import { v4 as Z } from "uuid";
+import { isDeepEqual as ie } from "./utility.js";
 const {
-  getInitialOptions: Z,
-  getShadowMetadata: H,
-  setShadowMetadata: I,
-  getShadowValue: R,
-  registerComponent: K,
-  unregisterComponent: ee,
-  notifyPathSubscribers: te,
-  subscribeToPath: re
-} = b.getState();
-function ne({
-  formOpts: e,
-  path: t,
+  getInitialOptions: ae,
+  getShadowMetadata: ce,
+  setShadowMetadata: U,
+  getShadowValue: x,
+  registerComponent: le,
+  unregisterComponent: ue,
+  notifyPathSubscribers: de,
+  subscribeToPath: fe
+} = y.getState();
+function ge({
+  formOpts: t,
+  path: e,
   stateKey: n,
-  children: o
+  children: s
 }) {
-  const { getInitialOptions: l, getShadowMetadata: s, getShadowValue: a } = b.getState(), f = l(n), m = s(n, t)?.validation, i = m?.status || "NOT_VALIDATED", v = (m?.errors || []).map((d) => ({
-    ...d,
-    path: t
-  })), u = v.filter((d) => d.severity === "error").map((d) => d.message), c = v.filter((d) => d.severity === "warning").map((d) => d.message), L = u[0] || c[0], V = u.length > 0 ? "error" : c.length > 0 ? "warning" : void 0;
-  return /* @__PURE__ */ w(x, { children: f?.formElements?.validation && !e?.validation?.disable ? f.formElements.validation({
-    children: /* @__PURE__ */ w(U.Fragment, { children: o }, t.toString()),
-    status: i,
+  const { getInitialOptions: l, getShadowMetadata: i, getShadowValue: a } = y.getState(), f = l(n), T = i(n, e)?.validation, c = T?.status || "NOT_VALIDATED", g = (T?.errors || []).map((o) => ({
+    ...o,
+    path: e
+  })), u = g.filter((o) => o.severity === "error").map((o) => o.message), d = g.filter((o) => o.severity === "warning").map((o) => o.message), E = u[0] || d[0], m = u.length > 0 ? "error" : d.length > 0 ? "warning" : void 0;
+  return /* @__PURE__ */ N(X, { children: f?.formElements?.validation && !t?.validation?.disable ? f.formElements.validation({
+    children: /* @__PURE__ */ N(Q.Fragment, { children: s }, e.toString()),
+    status: c,
     // Now passes the new ValidationStatus type
-    message: e?.validation?.hideMessage ? "" : e?.validation?.message || L || "",
-    severity: V,
+    message: t?.validation?.hideMessage ? "" : t?.validation?.message || E || "",
+    severity: m,
     hasErrors: u.length > 0,
-    hasWarnings: c.length > 0,
-    allErrors: v,
-    path: t,
-    getData: () => a(n, t)
-  }) : /* @__PURE__ */ w(U.Fragment, { children: o }, t.toString()) });
+    hasWarnings: d.length > 0,
+    allErrors: g,
+    path: e,
+    getData: () => a(n, e)
+  }) : /* @__PURE__ */ N(Q.Fragment, { children: s }, e.toString()) });
 }
-const me = _(
-  oe,
-  (e, t) => e.itemPath.join(".") === t.itemPath.join(".") && e.stateKey === t.stateKey && e.itemComponentId === t.itemComponentId && e.localIndex === t.localIndex
+const Te = ne(
+  me,
+  (t, e) => t.itemPath.join(".") === e.itemPath.join(".") && t.stateKey === e.stateKey && t.itemComponentId === e.itemComponentId && t.localIndex === e.localIndex
 );
-function oe({
-  stateKey: e,
-  itemComponentId: t,
+function me({
+  stateKey: t,
+  itemComponentId: e,
   itemPath: n,
-  localIndex: o,
+  localIndex: s,
   arraySetter: l,
-  rebuildStateShape: s,
+  rebuildStateShape: i,
   renderFn: a
 }) {
-  const [, f] = p({}), { ref: h, inView: m } = X(), i = j(null), v = se(i), u = j(!1), c = [e, ...n].join(".");
-  F(e, t, f);
-  const L = J(
-    (r) => {
-      i.current = r, h(r);
+  const [, f] = R({}), { ref: I, inView: T } = se(), c = D(null), g = Se(c), u = D(!1), d = [t, ...n].join(".");
+  $(t, e, f);
+  const E = z(
+    (S) => {
+      c.current = S, I(S);
     },
-    [h]
+    [I]
   );
-  C(() => {
-    const r = re(c, (g) => {
+  w(() => {
+    const S = fe(d, (O) => {
       f({});
     });
-    return () => r();
-  }, [c]), C(() => {
-    if (!m || !v || u.current)
+    return () => S();
+  }, [d]), w(() => {
+    if (!T || !g || u.current)
       return;
-    const r = i.current;
-    if (r && r.offsetHeight > 0) {
+    const S = c.current;
+    if (S && S.offsetHeight > 0) {
       u.current = !0;
-      const g = r.offsetHeight;
-      I(e, n, {
+      const O = S.offsetHeight;
+      U(t, n, {
         virtualizer: {
-          itemHeight: g,
-          domRef: r
+          itemHeight: O,
+          domRef: S
         }
       });
-      const S = n.slice(0, -1), D = [e, ...S].join(".");
-      te(D, {
+      const B = n.slice(0, -1), F = [t, ...B].join(".");
+      de(F, {
         type: "ITEMHEIGHT",
         itemKey: n.join("."),
-        ref: i.current
+        ref: c.current
       });
     }
-  }, [m, v, e, n]);
-  const V = R(e, n);
-  if (V === void 0)
+  }, [T, g, t, n]);
+  const m = x(t, n);
+  if (m === void 0)
     return null;
-  const d = s({
-    currentState: V,
+  const o = i({
+    currentState: m,
     path: n,
-    componentId: t
-  }), z = a(d, o, l);
-  return /* @__PURE__ */ w("div", { ref: L, children: z });
+    componentId: e
+  }), M = a(o, s, l);
+  return /* @__PURE__ */ N("div", { ref: E, children: M });
 }
-function ge({
-  stateKey: e,
-  path: t,
+function Ee({
+  stateKey: t,
+  path: e,
   rebuildStateShape: n,
-  renderFn: o,
+  renderFn: s,
   formOpts: l,
-  setState: s
+  setState: i
 }) {
-  const [a] = p(() => G()), [, f] = p({}), h = [e, ...t].join(".");
-  F(e, a, f);
-  const m = R(e, t), [i, v] = p(m), u = j(!1), c = j(null);
-  C(() => {
-    !u.current && !Y(m, i) && v(m);
-  }, [m]), C(() => {
-    const r = b.getState().subscribeToPath(h, (g) => {
-      !u.current && i !== g && f({});
+  const a = D(Z()).current, [, f] = R({}), I = [t, ...e].join(".");
+  $(t, a, f);
+  const c = y.getState().getShadowNode(t, e)?._meta?.typeInfo, g = c?.schema, u = x(t, e), [d, E] = R(u), m = D(!1), o = D(null);
+  w(() => {
+    !m.current && !ie(u, d) && E(u);
+  }, [u]), w(() => {
+    const r = y.getState().subscribeToPath(I, (b) => {
+      !m.current && d !== b && f({});
     });
     return () => {
-      r(), c.current && (clearTimeout(c.current), u.current = !1);
+      r(), o.current && (clearTimeout(o.current), m.current = !1);
     };
   }, []);
-  const L = J(
-    (r) => {
-      typeof m === "number" && typeof r == "string" && (r = r === "" ? 0 : Number(r)), v(r), u.current = !0, c.current && clearTimeout(c.current);
-      const S = l?.debounceTime ?? 200;
-      c.current = setTimeout(() => {
-        if (u.current = !1, s(r, t, { updateType: "update" }), !b.getState().getShadowMetadata(e, [])?.features?.validationEnabled) return;
-        const M = Z(e)?.validation, N = M?.zodSchemaV4 || M?.zodSchemaV3;
-        if (N) {
-          const E = R(e, []), y = N.safeParse(E), O = H(e, t) || {};
-          if (y.success)
-            I(e, t, {
-              ...O,
-              validation: {
-                status: "VALID",
-                errors: [],
-                lastValidated: Date.now(),
-                validatedValue: r
+  const M = z(
+    (r, b) => {
+      if (!y.getState().getShadowMetadata(t, [])?.features?.validationEnabled) return;
+      const h = ae(t)?.validation;
+      if (!h) return;
+      const V = ce(t, e) || {}, K = V?.validation?.status;
+      let C = !1, W;
+      if (console.log("trigger", b, h), b === "onBlur" && h.onBlur ? (C = !0, W = h.onBlur ?? "error") : b === "onChange" && (h.onChange ? (C = !0, W = h.onChange) : K === "INVALID" && (C = !0, W = "warning")), !C) return;
+      let v = null;
+      if (console.log(
+        "shouldValidate 33",
+        e,
+        g,
+        C,
+        r,
+        typeof r
+      ), g && C) {
+        const p = g.safeParse(r);
+        p.success ? v = { success: !0 } : v = {
+          success: !1,
+          message: ("issues" in p.error ? p.error.issues : p.error.errors)[0]?.message || "Invalid value"
+        };
+      } else {
+        const p = h.zodSchemaV4 || h.zodSchemaV3;
+        if (!p) return;
+        const q = x(t, []), P = JSON.parse(JSON.stringify(q));
+        let j = P;
+        for (let L = 0; L < e.length - 1; L++)
+          j[e[L]] || (j[e[L]] = {}), j = j[e[L]];
+        e.length > 0 ? j[e[e.length - 1]] = r : Object.assign(P, r);
+        const A = p.safeParse(P);
+        if (A.success)
+          v = { success: !0 };
+        else {
+          const G = ("issues" in A.error ? A.error.issues : A.error.errors).filter((_) => {
+            if (e.some((H) => H.startsWith("id:"))) {
+              const H = e[0].startsWith("id:") ? [] : e.slice(0, -1), k = y.getState().getShadowMetadata(t, H);
+              if (k?.arrayKeys) {
+                e.slice(0, -1).join(".");
+                const ee = k.arrayKeys.findIndex(
+                  (re) => re === e[e.length - 2]
+                ), te = [...H, ee, ...e.slice(-1)];
+                return JSON.stringify(_.path) === JSON.stringify(te);
               }
-            });
-          else {
-            const W = ("issues" in y.error ? y.error.issues : y.error.errors).filter(
-              (T) => JSON.stringify(T.path) === JSON.stringify(t)
-            );
-            W.length > 0 ? I(e, t, {
-              ...O,
-              validation: {
-                status: "INVALID",
-                errors: [
-                  {
-                    source: "client",
-                    message: W[0]?.message,
-                    severity: "warning"
-                    // Gentle error during typing
-                  }
-                ],
-                lastValidated: Date.now(),
-                validatedValue: r
-              }
-            }) : I(e, t, {
-              ...O,
-              validation: {
-                status: "VALID",
-                errors: [],
-                lastValidated: Date.now(),
-                validatedValue: r
-              }
-            });
-          }
+            }
+            return JSON.stringify(_.path) === JSON.stringify(e);
+          });
+          G.length > 0 ? v = {
+            success: !1,
+            message: G[0]?.message
+          } : v = { success: !0 };
         }
-      }, S), f({});
-    },
-    [s, t, l?.debounceTime, e]
-  ), V = J(async () => {
-    if (console.log("handleBlur triggered"), c.current && (clearTimeout(c.current), c.current = null, u.current = !1, s(i, t, { updateType: "update" })), !H(e, [])?.features?.validationEnabled) return;
-    const { getInitialOptions: g } = b.getState(), S = g(e)?.validation, D = S?.zodSchemaV4 || S?.zodSchemaV3;
-    if (!D) return;
-    const M = H(e, t);
-    I(e, t, {
-      ...M,
-      validation: {
-        status: "VALIDATING",
-        errors: [],
-        lastValidated: Date.now(),
-        validatedValue: i
       }
-    });
-    const N = R(e, []), E = D.safeParse(N);
-    if (E.success)
-      I(e, t, {
-        ...M,
+      v && (v.success ? U(t, e, {
+        ...V,
         validation: {
           status: "VALID",
           errors: [],
           lastValidated: Date.now(),
-          validatedValue: i
+          validatedValue: r
         }
-      });
-    else {
-      const O = ("issues" in E.error ? E.error.issues : E.error.errors).filter((A) => {
-        if (t.some((T) => T.startsWith("id:"))) {
-          const T = t[0].startsWith("id:") ? [] : t.slice(0, -1), P = b.getState().getShadowMetadata(e, T);
-          if (P?.arrayKeys) {
-            const $ = [e, ...t.slice(0, -1)].join("."), q = P.arrayKeys.indexOf($), k = [...T, q, ...t.slice(-1)];
-            return JSON.stringify(A.path) === JSON.stringify(k);
-          }
-        }
-        return JSON.stringify(A.path) === JSON.stringify(t);
-      });
-      I(e, t, {
-        ...M,
+      }) : U(t, e, {
+        ...V,
         validation: {
           status: "INVALID",
-          errors: O.map((A) => ({
-            source: "client",
-            message: A.message,
-            severity: "error"
-            // Hard error on blur
-          })),
+          errors: [
+            {
+              source: "client",
+              message: v.message,
+              severity: W
+            }
+          ],
           lastValidated: Date.now(),
-          validatedValue: i
+          validatedValue: r
         }
-      });
-    }
-    f({});
-  }, [e, t, i, s]), d = n({
-    path: t,
+      })), f({});
+    },
+    [t, e, g]
+  ), S = z(
+    (r) => {
+      c ? c.type === "number" && typeof r == "string" ? r = r === "" ? c.nullable ? null : c.default ?? 0 : Number(r) : c.type === "boolean" && typeof r == "string" ? r = r === "true" || r === "1" : c.type === "date" && typeof r == "string" && (r = new Date(r)) : typeof u === "number" && typeof r == "string" && (r = r === "" ? 0 : Number(r)), E(r), M(r, "onChange"), m.current = !0, o.current && clearTimeout(o.current);
+      const b = l?.debounceTime ?? 200;
+      o.current = setTimeout(() => {
+        m.current = !1, i(r, e, { updateType: "update" });
+      }, b);
+    },
+    [
+      i,
+      e,
+      l?.debounceTime,
+      M,
+      c,
+      u
+    ]
+  ), O = z(() => {
+    o.current && (clearTimeout(o.current), o.current = null, m.current = !1, i(d, e, { updateType: "update" })), M(d, "onBlur");
+  }, [d, i, e, M]), B = n({
+    path: e,
     componentId: a,
     meta: void 0
-  }), z = new Proxy(d, {
-    get(r, g) {
-      return g === "$inputProps" ? {
-        value: i ?? "",
-        onChange: (S) => {
-          L(S.target.value);
+  }), F = new Proxy(B, {
+    get(r, b) {
+      return b === "$inputProps" ? {
+        value: d ?? "",
+        onChange: (J) => {
+          S(J.target.value);
         },
-        // 5. Wire the new onBlur handler to the input props.
-        onBlur: V,
-        ref: Q.getState().getFormRef(e + "." + t.join("."))
-      } : r[g];
+        onBlur: O,
+        ref: oe.getState().getFormRef(t + "." + e.join("."))
+      } : r[b];
     }
   });
-  return /* @__PURE__ */ w(ne, { formOpts: l, path: t, stateKey: e, children: o(z) });
+  return /* @__PURE__ */ N(ge, { formOpts: l, path: e, stateKey: t, children: s(F) });
 }
-function F(e, t, n) {
-  const o = `${e}////${t}`;
-  B(() => (K(e, o, {
+function $(t, e, n) {
+  const s = `${t}////${e}`;
+  Y(() => (le(t, s, {
     forceUpdate: () => n({}),
     paths: /* @__PURE__ */ new Set(),
     reactiveType: ["component"]
   }), () => {
-    ee(e, o);
-  }), [e, o]);
+    ue(t, s);
+  }), [t, s]);
 }
-const se = (e) => {
-  const [t, n] = p(!1);
-  return B(() => {
-    if (!e.current) {
+const Se = (t) => {
+  const [e, n] = R(!1);
+  return Y(() => {
+    if (!t.current) {
       n(!0);
       return;
     }
-    const o = Array.from(e.current.querySelectorAll("img"));
-    if (o.length === 0) {
+    const s = Array.from(t.current.querySelectorAll("img"));
+    if (s.length === 0) {
       n(!0);
       return;
     }
     let l = 0;
-    const s = () => {
-      l++, l === o.length && n(!0);
+    const i = () => {
+      l++, l === s.length && n(!0);
     };
-    return o.forEach((a) => {
-      a.complete ? s() : (a.addEventListener("load", s), a.addEventListener("error", s));
+    return s.forEach((a) => {
+      a.complete ? i() : (a.addEventListener("load", i), a.addEventListener("error", i));
     }), () => {
-      o.forEach((a) => {
-        a.removeEventListener("load", s), a.removeEventListener("error", s);
+      s.forEach((a) => {
+        a.removeEventListener("load", i), a.removeEventListener("error", i);
       });
     };
-  }, [e.current]), t;
+  }, [t.current]), e;
 };
-function ve({
-  stateKey: e,
-  path: t,
+function Me({
+  stateKey: t,
+  path: e,
   rebuildStateShape: n,
-  renderFn: o
+  renderFn: s
 }) {
-  const [l] = p(() => G()), [, s] = p({}), a = [e, ...t].join(".");
-  F(e, l, s), C(() => {
-    const h = b.getState().subscribeToPath(a, () => {
-      s({});
+  const [l] = R(() => Z()), [, i] = R({}), a = [t, ...e].join(".");
+  $(t, l, i), w(() => {
+    const I = y.getState().subscribeToPath(a, () => {
+      i({});
     });
-    return () => h();
+    return () => I();
   }, [a]);
   const f = n({
-    path: t,
+    path: e,
     componentId: l,
     meta: void 0
   });
-  return /* @__PURE__ */ w(x, { children: o(f) });
+  return /* @__PURE__ */ N(X, { children: s(f) });
 }
 export {
-  ge as FormElementWrapper,
-  ve as IsolatedComponentWrapper,
-  oe as ListItemWrapper,
-  me as MemoizedCogsItemWrapper,
-  ne as ValidationWrapper,
-  F as useRegisterComponent
+  Ee as FormElementWrapper,
+  Me as IsolatedComponentWrapper,
+  me as ListItemWrapper,
+  Te as MemoizedCogsItemWrapper,
+  ge as ValidationWrapper,
+  $ as useRegisterComponent
 };
 //# sourceMappingURL=Components.jsx.map