cogsbox-state 0.5.484 → 0.5.486

package/dist/Components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Components.d.ts","sourceRoot":"","sources":["../src/Components.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAGjB,KAAK,YAAY,EAClB,MAAM,aAAa,CAAC;AAQrB,OAAO,KAAK,EAAE,EASZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAsBf,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,sBAAsB,2CAiFxB;AACD,eAAO,MAAM,uBAAuB,mDAWnC,CAAC;AAEF,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;IACjB,iBAAiB,EAAE,GAAG,CAAC;IACvB,QAAQ,EAAE,GAAG,CAAC;CACf,kDA2DA;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,SAAS,CAAC;IACxD,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,GAAG,CAAC;CACf,2CA0TA;AAED,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,QAcjC;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,IAAI,EAAE,8CAA8C;AACpD,YAAY,EAAE,sDAAsD;AACpE,iBAAiB,EACjB,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC;IACrB,iBAAiB,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,GAAG,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC;CAC3C,2CAuCA"}
+{"version":3,"file":"Components.d.ts","sourceRoot":"","sources":["../src/Components.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAGjB,KAAK,YAAY,EAClB,MAAM,aAAa,CAAC;AAQrB,OAAO,KAAK,EAAE,EASZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAsBf,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,sBAAsB,2CAiFxB;AACD,eAAO,MAAM,uBAAuB,mDAWnC,CAAC;AAEF,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;IACjB,iBAAiB,EAAE,GAAG,CAAC;IACvB,QAAQ,EAAE,GAAG,CAAC;CACf,kDA2DA;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,SAAS,CAAC;IACxD,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,GAAG,CAAC;CACf,2CAkVA;AAED,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,QAcjC;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,IAAI,EAAE,8CAA8C;AACpD,YAAY,EAAE,sDAAsD;AACpE,iBAAiB,EACjB,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC;IACrB,iBAAiB,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,GAAG,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC;CAC3C,2CAuCA"}

package/dist/Components.js

@@ -1,132 +1,132 @@
-import { jsx as E, Fragment as B } from "react/jsx-runtime";
-import { pluginStore as C } from "./pluginStore.js";
-import { createScopedMetadataContext as $, toDeconstructedMethods as Q } from "./plugins.js";
-import j, { memo as q, useState as F, useRef as N, useCallback as O, useEffect as P, useLayoutEffect as X, useMemo as Y } from "react";
-import { getGlobalStore as M } from "./store.js";
-import { useInView as Z } from "react-intersection-observer";
-import { v4 as z } from "uuid";
-import { isDeepEqual as V } from "./utility.js";
-import { runValidation as _ } from "./validation.js";
+import { jsx as C, Fragment as q } from "react/jsx-runtime";
+import { pluginStore as E } from "./pluginStore.js";
+import { createScopedMetadataContext as J, toDeconstructedMethods as et } from "./plugins.js";
+import j, { memo as Q, useState as R, useRef as N, useCallback as L, useEffect as P, useLayoutEffect as nt, useMemo as ot } from "react";
+import { getGlobalStore as b } from "./store.js";
+import { useInView as rt } from "react-intersection-observer";
+import { v4 as X } from "uuid";
+import { isDeepEqual as it } from "./utility.js";
+import { runValidation as G } from "./validation.js";
 const {
-  getInitialOptions: K,
-  getShadowMetadata: ft,
-  setShadowMetadata: pt,
-  getShadowValue: G,
-  registerComponent: tt,
-  unregisterComponent: et,
-  notifyPathSubscribers: St,
-  subscribeToPath: nt
-} = M.getState(), { stateHandlers: vt, notifyFormUpdate: U } = C.getState();
-function ot({
+  getInitialOptions: at,
+  getShadowMetadata: st,
+  setShadowMetadata: Tt,
+  getShadowValue: $,
+  registerComponent: ct,
+  unregisterComponent: lt,
+  notifyPathSubscribers: wt,
+  subscribeToPath: ut
+} = b.getState(), { stateHandlers: At, notifyFormUpdate: B } = E.getState();
+function dt({
   formOpts: e,
   path: t,
   stateKey: o,
   children: c
 }) {
-  const { getInitialOptions: v, getShadowMetadata: b, getShadowValue: r } = M.getState(), s = v(o), y = b(o, t)?.validation, A = y?.status || "NOT_VALIDATED", g = (y?.errors || []).map((p) => ({
-    ...p,
+  const { getInitialOptions: v, getShadowMetadata: p, getShadowValue: r } = b.getState(), l = v(o), h = p(o, t)?.validation, A = h?.status || "NOT_VALIDATED", g = (h?.errors || []).map((S) => ({
+    ...S,
     path: t
-  })), l = g.filter((p) => p.severity === "error").map((p) => p.message), i = g.filter((p) => p.severity === "warning").map((p) => p.message), T = l[0] || i[0], f = l.length > 0 ? "error" : i.length > 0 ? "warning" : void 0, { registeredPlugins: a } = C.getState(), h = {};
-  return a.forEach((p) => {
-    if (s && s.hasOwnProperty(p.name)) {
-      const R = p.name, L = C.getState().getHookResult(o, R), W = $(
+  })), d = g.filter((S) => S.severity === "error").map((S) => S.message), a = g.filter((S) => S.severity === "warning").map((S) => S.message), T = d[0] || a[0], f = d.length > 0 ? "error" : a.length > 0 ? "warning" : void 0, { registeredPlugins: s } = E.getState(), y = {};
+  return s.forEach((S) => {
+    if (l && l.hasOwnProperty(S.name)) {
+      const W = S.name, O = E.getState().getHookResult(o, W), k = J(
         o,
-        R,
+        W,
         t
       );
-      h[R] = {
-        hookData: L,
-        getFieldMetaData: W.getFieldMetaData,
-        setFieldMetaData: W.setFieldMetaData,
-        removeFieldMetaData: W.removeFieldMetaData
+      y[W] = {
+        hookData: O,
+        getFieldMetaData: k.getFieldMetaData,
+        setFieldMetaData: k.setFieldMetaData,
+        removeFieldMetaData: k.removeFieldMetaData
       };
     }
-  }), /* @__PURE__ */ E(B, { children: s?.formElements?.validation && !e?.validation?.disable ? s.formElements.validation({
-    children: /* @__PURE__ */ E(j.Fragment, { children: c }, t.toString()),
+  }), /* @__PURE__ */ C(q, { children: l?.formElements?.validation && !e?.validation?.disable ? l.formElements.validation({
+    children: /* @__PURE__ */ C(j.Fragment, { children: c }, t.toString()),
     status: A,
     // Now passes the new ValidationStatus type
     message: e?.validation?.hideMessage ? "" : e?.validation?.message || T || "",
     severity: f,
-    hasErrors: l.length > 0,
-    hasWarnings: i.length > 0,
+    hasErrors: d.length > 0,
+    hasWarnings: a.length > 0,
     allErrors: g,
     path: t,
     getData: () => r(o, t),
-    plugins: h
-  }) : /* @__PURE__ */ E(j.Fragment, { children: c }, t.toString()) });
+    plugins: y
+  }) : /* @__PURE__ */ C(j.Fragment, { children: c }, t.toString()) });
 }
-const bt = q(
-  rt,
+const Dt = Q(
+  gt,
   (e, t) => e.itemPath.join(".") === t.itemPath.join(".") && e.stateKey === t.stateKey && e.itemComponentId === t.itemComponentId && e.localIndex === t.localIndex
 );
-function rt({
+function gt({
   stateKey: e,
   itemComponentId: t,
   itemPath: o,
   localIndex: c,
   arraySetter: v,
-  rebuildStateShape: b,
+  rebuildStateShape: p,
   renderFn: r
 }) {
-  const [, s] = F({}), { ref: m, inView: y } = Z(), A = N(null), g = [e, ...o].join(".");
-  H(e, t, s);
-  const l = O(
-    (a) => {
-      A.current = a, m(a);
+  const [, l] = R({}), { ref: m, inView: h } = rt(), A = N(null), g = [e, ...o].join(".");
+  z(e, t, l);
+  const d = L(
+    (s) => {
+      A.current = s, m(s);
     },
     [m]
   );
   P(() => {
-    const a = nt(g, (h) => {
-      s({});
+    const s = ut(g, (y) => {
+      l({});
     });
-    return () => a();
+    return () => s();
   }, [g]);
-  const i = G(e, o);
-  if (i === void 0) return null;
-  const T = b({
-    currentState: i,
+  const a = $(e, o);
+  if (a === void 0) return null;
+  const T = p({
+    currentState: a,
     path: o,
     componentId: t
   }), f = r(T, c, v);
   return j.isValidElement(f) ? j.cloneElement(f, {
-    ref: (a) => {
-      l(a);
-      const { ref: h } = f;
-      typeof h == "function" ? h(a) : h && "current" in h && (h.current = a);
+    ref: (s) => {
+      d(s);
+      const { ref: y } = f;
+      typeof y == "function" ? y(s) : y && "current" in y && (y.current = s);
     }
-  }) : /* @__PURE__ */ E("div", { ref: l, children: f });
+  }) : /* @__PURE__ */ C("div", { ref: d, children: f });
 }
-function Mt({
+function It({
   stateKey: e,
   path: t,
   rebuildStateShape: o,
   renderFn: c,
   formOpts: v,
-  setState: b
+  setState: p
 }) {
-  const r = N(z()).current, [, s] = F({}), m = N(null), y = [e, ...t].join(".");
-  H(e, r, s);
-  const g = M.getState().getShadowNode(e, t)?._meta?.typeInfo, l = G(e, t), [i, T] = F(l), f = N(!1), a = N(null);
+  const r = N(X()).current, [, l] = R({}), m = N(null), h = [e, ...t].join(".");
+  z(e, r, l);
+  const g = b.getState().getShadowNode(e, t)?._meta?.typeInfo, d = $(e, t), [a, T] = R(d), f = N(!1), s = N(null);
   P(() => {
-    !f.current && !V(l, i) && T(l);
-  }, [l]), P(() => {
-    const { getShadowMetadata: n, setShadowMetadata: d } = M.getState();
+    !f.current && !it(d, a) && T(d);
+  }, [d]), P(() => {
+    const { getShadowMetadata: n, setShadowMetadata: i } = b.getState();
     console.log("FormElementWrapper effect running for:", e, t);
     const u = n(e, t) || {};
     u.clientActivityState || (u.clientActivityState = { elements: /* @__PURE__ */ new Map() });
     const w = () => {
-      const S = m.current;
-      if (!S) return "input";
-      const x = S.tagName.toLowerCase();
+      const M = m.current;
+      if (!M) return "input";
+      const x = M.tagName.toLowerCase();
       if (x === "textarea") return "textarea";
       if (x === "select") return "select";
       if (x === "input") {
-        const k = S.type;
-        if (k === "checkbox") return "checkbox";
-        if (k === "radio") return "radio";
-        if (k === "range") return "range";
-        if (k === "file") return "file";
+        const F = M.type;
+        if (F === "checkbox") return "checkbox";
+        if (F === "radio") return "radio";
+        if (F === "range") return "range";
+        if (F === "file") return "file";
       }
       return "input";
     };
@@ -135,33 +135,33 @@ function Mt({
       elementType: w(),
       inputType: m.current?.type,
       mountedAt: Date.now()
-    }), console.log("currentMeta", u), d(e, t, u);
-    const D = M.getState().subscribeToPath(y, (S) => {
-      !f.current && i !== S && s({});
+    }), console.log("currentMeta", u), i(e, t, u);
+    const D = b.getState().subscribeToPath(h, (M) => {
+      !f.current && a !== M && l({});
     });
     return () => {
-      D(), a.current && (clearTimeout(a.current), f.current = !1);
-      const S = M.getState().getShadowMetadata(e, t);
-      S?.clientActivityState?.elements && (S.clientActivityState.elements.delete(r), d(e, t, S));
+      D(), s.current && (clearTimeout(s.current), f.current = !1);
+      const M = b.getState().getShadowMetadata(e, t);
+      M?.clientActivityState?.elements && (M.clientActivityState.elements.delete(r), i(e, t, M));
     };
   }, []);
-  const h = O(
+  const y = L(
     (n) => {
-      const d = M.getState().getShadowNode(e, t)?._meta?.typeInfo ?? g;
-      d ? d.type === "number" && typeof n == "string" ? n = n === "" ? d.nullable ? null : d.default ?? 0 : Number(n) : d.type === "boolean" && typeof n == "string" ? n = n === "true" || n === "1" : d.type === "date" && typeof n == "string" && (n = new Date(n)) : typeof l === "number" && typeof n == "string" && (n = n === "" ? 0 : Number(n)), T(n);
-      const { getShadowMetadata: u, setShadowMetadata: w } = M.getState(), D = u(e, t);
+      const i = b.getState().getShadowNode(e, t)?._meta?.typeInfo ?? g;
+      i ? i.type === "number" && typeof n == "string" ? n = n === "" ? i.nullable ? null : i.default ?? 0 : Number(n) : i.type === "boolean" && typeof n == "string" ? n = n === "true" || n === "1" : i.type === "date" && typeof n == "string" && (n = new Date(n)) : typeof d === "number" && typeof n == "string" && (n = n === "" ? 0 : Number(n)), T(n);
+      const { getShadowMetadata: u, setShadowMetadata: w } = b.getState(), D = u(e, t);
       if (D?.clientActivityState?.elements?.has(r)) {
         const I = D.clientActivityState.elements.get(r);
         I && I.currentActivity?.type === "focus" && (I.currentActivity.details = {
           ...I.currentActivity.details,
           value: n,
-          previousValue: I.currentActivity.details?.value || l,
+          previousValue: I.currentActivity.details?.value || d,
           inputLength: typeof n == "string" ? n.length : void 0,
           keystrokeCount: (I.currentActivity.details?.keystrokeCount || 0) + 1
         }, w(e, t, D));
       }
-      const S = D?.clientActivityState?.elements?.get(r);
-      U({
+      const M = D?.clientActivityState?.elements?.get(r);
+      B({
         stateKey: e,
         activityType: "input",
         // Changed from 'type'
@@ -174,45 +174,45 @@ function Mt({
           // You'd need to track this from the actual input event
           isPasting: !1,
           // You'd need to track this from paste events
-          keystrokeCount: (S?.currentActivity?.details?.keystrokeCount || 0) + 1
+          keystrokeCount: (M?.currentActivity?.details?.keystrokeCount || 0) + 1
         }
-      }), _({
+      }), G({
         stateKey: e,
         path: t,
         newValue: n,
         updateType: "update"
-      }, "onChange"), f.current = !0, a.current && clearTimeout(a.current);
-      const k = v?.debounceTime ?? 200;
-      a.current = setTimeout(() => {
-        f.current = !1, b(n, t, {
+      }, "onChange"), f.current = !0, s.current && clearTimeout(s.current);
+      const F = v?.debounceTime ?? 200;
+      s.current = setTimeout(() => {
+        f.current = !1, p(n, t, {
           updateType: "update",
           validationTrigger: "onChange"
         });
-      }, k);
+      }, F);
     },
     [
-      b,
+      p,
       t,
       v?.debounceTime,
       g,
-      l,
+      d,
       e,
       r
     ]
-  ), p = O(() => {
-    const { getShadowMetadata: n, setShadowMetadata: d } = M.getState(), u = n(e, t);
+  ), S = L(() => {
+    const { getShadowMetadata: n, setShadowMetadata: i } = b.getState(), u = n(e, t);
     if (u?.clientActivityState?.elements?.has(r)) {
       const w = u.clientActivityState.elements.get(r);
       w.currentActivity = {
         type: "focus",
         startTime: Date.now(),
         details: {
-          value: i,
-          inputLength: typeof i == "string" ? i.length : void 0
+          value: a,
+          inputLength: typeof a == "string" ? a.length : void 0
         }
-      }, d(e, t, u);
+      }, i(e, t, u);
     }
-    U({
+    B({
       stateKey: e,
       activityType: "focus",
       // Changed from 'type'
@@ -222,64 +222,66 @@ function Mt({
         cursorPosition: m.current?.selectionStart
       }
     });
-  }, [e, t, r, i]), R = O(() => {
-    const { getShadowMetadata: n, setShadowMetadata: d } = M.getState();
-    a.current && (clearTimeout(a.current), a.current = null, f.current = !1, b(i, t, {
-      updateType: "update",
-      validationTrigger: "onBlur"
-    }));
+  }, [e, t, r, a]), W = L(() => {
+    const { getShadowMetadata: n, setShadowMetadata: i } = b.getState();
+    s.current && (clearTimeout(s.current), s.current = null, f.current = !1, p(a, t, { updateType: "update" }));
     const u = n(e, t);
     if (u?.clientActivityState?.elements?.has(r)) {
-      const S = u.clientActivityState.elements.get(r);
-      S.currentActivity = void 0, d(e, t, u);
+      const M = u.clientActivityState.elements.get(r);
+      M.currentActivity = void 0, i(e, t, u);
     }
     const w = u?.clientActivityState?.elements?.get(r)?.currentActivity?.startTime;
-    U({
+    at(e)?.validation?.onBlur && G(
+      {
+        stateKey: e,
+        path: t,
+        newValue: a,
+        updateType: "update"
+      },
+      "onBlur"
+    ), B({
       stateKey: e,
       activityType: "blur",
-      // Changed from 'type'
       path: t,
       timestamp: Date.now(),
       duration: w ? Date.now() - w : void 0,
       details: {
         duration: w ? Date.now() - w : 0
       }
-    }), K(e)?.validation?.onBlur && _({
-      stateKey: e,
-      path: t,
-      newValue: i,
-      updateType: "update"
-    }, "onBlur");
-  }, [i, b, t, e, r, l]), L = o({
+    });
+  }, [a, p, t, e, r, d]), O = o({
     path: t,
     componentId: r,
     meta: void 0
-  }), W = new Proxy(L, {
-    get(n, d) {
-      return d === "$inputProps" ? {
-        value: i ?? "",
+  }), k = st(e, t)?.validation, Y = k?.status || "NOT_VALIDATED", U = (k?.errors || []).map((n) => ({
+    ...n,
+    path: t
+  })), _ = U.filter((n) => n.severity === "error").map((n) => n.message), H = U.filter((n) => n.severity === "warning").map((n) => n.message), Z = _[0] || H[0] || "", V = _.length > 0 ? "error" : H.length > 0 ? "warning" : void 0, K = new Proxy(O, {
+    get(n, i) {
+      return i === "$inputProps" ? {
+        value: a ?? "",
         onChange: (u) => {
-          h(u.target.value);
+          y(u.target.value);
         },
-        onFocus: p,
-        onBlur: R,
+        onFocus: S,
+        onBlur: W,
         ref: m
-      } : n[d];
+      } : i === "status" ? Y : i === "severity" ? V : i === "hasErrors" ? _.length > 0 : i === "hasWarnings" ? H.length > 0 : i === "allErrors" ? U : i === "message" ? Z : i === "getData" ? () => $(e, t) : n[i];
     }
-  }), J = c(W);
-  return /* @__PURE__ */ E(ot, { formOpts: v, path: t, stateKey: e, children: J });
+  }), tt = c(K);
+  return /* @__PURE__ */ C(dt, { formOpts: v, path: t, stateKey: e, children: tt });
 }
-function H(e, t, o) {
+function z(e, t, o) {
   const c = `${e}////${t}`;
-  X(() => (tt(e, c, {
+  nt(() => (ct(e, c, {
     forceUpdate: () => o({}),
     paths: /* @__PURE__ */ new Set(),
     reactiveType: ["component"]
   }), () => {
-    et(e, c);
+    lt(e, c);
   }), [e, c]);
 }
-function yt({
+function Et({
   stateKey: e,
   path: t,
   // The path of the parent node (e.g. ['form'])
@@ -288,65 +290,65 @@ function yt({
   rebuildStateShape: c,
   renderFn: v
 }) {
-  const [b] = F(() => z()), [, r] = F({});
-  H(e, b, r);
-  const s = Y(() => o && o.length > 0 ? o.map((y) => [e, ...y.$_path].join(".")) : [[e, ...t].join(".")], [e, t, o]);
+  const [p] = R(() => X()), [, r] = R({});
+  z(e, p, r);
+  const l = ot(() => o && o.length > 0 ? o.map((h) => [e, ...h.$_path].join(".")) : [[e, ...t].join(".")], [e, t, o]);
   P(() => {
-    const y = M.getState(), A = s.map((g) => y.subscribeToPath(g, () => {
+    const h = b.getState(), A = l.map((g) => h.subscribeToPath(g, () => {
       r({});
     }));
     return () => {
       A.forEach((g) => g());
     };
-  }, [s]);
+  }, [l]);
   const m = c({
     path: t,
-    componentId: b,
+    componentId: p,
     meta: void 0
   });
-  return /* @__PURE__ */ E(B, { children: v(m) });
+  return /* @__PURE__ */ C(q, { children: v(m) });
 }
-q(function({
+Q(function({
   children: t,
   stateKey: o,
   path: c,
   pluginName: v,
-  wrapperDepth: b
+  wrapperDepth: p
 }) {
-  const [, r] = F({});
+  const [, r] = R({});
   P(() => {
     const T = [o, ...c].join(".");
-    return M.getState().subscribeToPath(T, () => {
+    return b.getState().subscribeToPath(T, () => {
       r({});
     });
   }, [o, c]);
-  const s = C.getState().registeredPlugins.find((T) => T.name === v), m = C.getState().stateHandlers.get(o), y = M.getState().getShadowNode(o, c)?._meta?.typeInfo, A = C.getState().pluginOptions.get(o)?.get(v), g = C.getState().getHookResult(o, v);
-  if (!s?.formWrapper || !m)
-    return /* @__PURE__ */ E(B, { children: t });
-  const l = Q(m), i = $(
+  const l = E.getState().registeredPlugins.find((T) => T.name === v), m = E.getState().stateHandlers.get(o), h = b.getState().getShadowNode(o, c)?._meta?.typeInfo, A = E.getState().pluginOptions.get(o)?.get(v), g = E.getState().getHookResult(o, v);
+  if (!l?.formWrapper || !m)
+    return /* @__PURE__ */ C(q, { children: t });
+  const d = et(m), a = J(
     o,
-    s.name,
+    l.name,
     c
   );
-  return s.formWrapper({
+  return l.formWrapper({
     element: t,
     path: c,
     stateKey: o,
-    pluginName: s.name,
-    ...l,
-    ...i,
+    pluginName: l.name,
+    ...d,
+    ...a,
     options: A,
     hookData: g,
-    fieldType: y?.type,
-    wrapperDepth: b
+    fieldType: h?.type,
+    wrapperDepth: p
   });
 });
 export {
-  Mt as FormElementWrapper,
-  yt as IsolatedComponentWrapper,
-  rt as ListItemWrapper,
-  bt as MemoizedCogsItemWrapper,
-  ot as ValidationWrapper,
-  H as useRegisterComponent
+  It as FormElementWrapper,
+  Et as IsolatedComponentWrapper,
+  gt as ListItemWrapper,
+  Dt as MemoizedCogsItemWrapper,
+  dt as ValidationWrapper,
+  z as useRegisterComponent
 };
 //# sourceMappingURL=Components.js.map