cogsbox-state 0.5.472 → 0.5.474

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,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"}
+{"version":3,"file":"Components.d.ts","sourceRoot":"","sources":["../src/Components.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAGjB,KAAK,YAAY,EAClB,MAAM,aAAa,CAAC;AAGrB,OAAO,KASN,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,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,2CA2UA;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,295 +1,375 @@
-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";
+import { jsx as I, Fragment as x } from "react/jsx-runtime";
+import { pluginStore as E } from "./pluginStore.js";
+import { createMetadataContext as X, toDeconstructedMethods as Y } from "./plugins.js";
+import U, { memo as _, useState as C, useRef as D, useCallback as j, useEffect as L, useLayoutEffect as $, useMemo as Z } from "react";
+import { getGlobalStore as b } from "./store.js";
+import { useInView as V } from "react-intersection-observer";
+import { v4 as q } from "uuid";
+import { isDeepEqual as K } from "./utility.js";
+import { runValidation as B } from "./validation.js";
 const {
-  getInitialOptions: ae,
-  getShadowMetadata: ce,
-  setShadowMetadata: U,
-  getShadowValue: x,
-  registerComponent: le,
-  unregisterComponent: ue,
-  notifyPathSubscribers: de,
-  subscribeToPath: fe
-} = y.getState();
-function ge({
+  getInitialOptions: tt,
+  getShadowMetadata: yt,
+  setShadowMetadata: et,
+  getShadowValue: z,
+  registerComponent: nt,
+  unregisterComponent: ot,
+  notifyPathSubscribers: rt,
+  subscribeToPath: it
+} = b.getState(), { stateHandlers: bt, notifyFormUpdate: P } = E.getState();
+function at({
   formOpts: t,
   path: e,
-  stateKey: n,
-  children: s
+  stateKey: r,
+  children: 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,
+  const { getInitialOptions: l, getShadowMetadata: c, getShadowValue: o } = b.getState(), m = l(r), w = c(r, e)?.validation, A = w?.status || "NOT_VALIDATED", g = (w?.errors || []).map((a) => ({
+    ...a,
     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,
+  })), d = g.filter((a) => a.severity === "error").map((a) => a.message), s = g.filter((a) => a.severity === "warning").map((a) => a.message), M = d[0] || s[0], h = d.length > 0 ? "error" : s.length > 0 ? "warning" : void 0;
+  return /* @__PURE__ */ I(x, { children: m?.formElements?.validation && !t?.validation?.disable ? m.formElements.validation({
+    children: /* @__PURE__ */ I(U.Fragment, { children: i }, e.toString()),
+    status: A,
     // Now passes the new ValidationStatus type
-    message: t?.validation?.hideMessage ? "" : t?.validation?.message || E || "",
-    severity: m,
-    hasErrors: u.length > 0,
-    hasWarnings: d.length > 0,
+    message: t?.validation?.hideMessage ? "" : t?.validation?.message || M || "",
+    severity: h,
+    hasErrors: d.length > 0,
+    hasWarnings: s.length > 0,
     allErrors: g,
     path: e,
-    getData: () => a(n, e)
-  }) : /* @__PURE__ */ N(Q.Fragment, { children: s }, e.toString()) });
+    getData: () => o(r, e)
+  }) : /* @__PURE__ */ I(U.Fragment, { children: i }, e.toString()) });
 }
-const Te = ne(
-  me,
+const Tt = _(
+  ct,
   (t, e) => t.itemPath.join(".") === e.itemPath.join(".") && t.stateKey === e.stateKey && t.itemComponentId === e.itemComponentId && t.localIndex === e.localIndex
 );
-function me({
+function ct({
   stateKey: t,
   itemComponentId: e,
-  itemPath: n,
-  localIndex: s,
+  itemPath: r,
+  localIndex: i,
   arraySetter: l,
-  rebuildStateShape: i,
-  renderFn: a
+  rebuildStateShape: c,
+  renderFn: o
 }) {
-  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);
+  const [, m] = C({}), { ref: f, inView: w } = V(), A = D(null), g = st(A), d = D(!1), s = [t, ...r].join(".");
+  O(t, e, m);
+  const M = j(
+    (T) => {
+      A.current = T, f(T);
     },
-    [I]
+    [f]
   );
-  w(() => {
-    const S = fe(d, (O) => {
-      f({});
+  L(() => {
+    const T = it(s, (W) => {
+      m({});
     });
-    return () => S();
-  }, [d]), w(() => {
-    if (!T || !g || u.current)
+    return () => T();
+  }, [s]), L(() => {
+    if (!w || !g || d.current)
       return;
-    const S = c.current;
-    if (S && S.offsetHeight > 0) {
-      u.current = !0;
-      const O = S.offsetHeight;
-      U(t, n, {
+    const T = A.current;
+    if (T && T.offsetHeight > 0) {
+      d.current = !0;
+      const W = T.offsetHeight;
+      et(t, r, {
         virtualizer: {
-          itemHeight: O,
-          domRef: S
+          itemHeight: W,
+          domRef: T
         }
       });
-      const B = n.slice(0, -1), F = [t, ...B].join(".");
-      de(F, {
+      const F = r.slice(0, -1), N = [t, ...F].join(".");
+      rt(N, {
         type: "ITEMHEIGHT",
-        itemKey: n.join("."),
-        ref: c.current
+        itemKey: r.join("."),
+        ref: A.current
       });
     }
-  }, [T, g, t, n]);
-  const m = x(t, n);
-  if (m === void 0)
+  }, [w, g, t, r]);
+  const h = z(t, r);
+  if (h === void 0)
     return null;
-  const o = i({
-    currentState: m,
-    path: n,
+  const a = c({
+    currentState: h,
+    path: r,
     componentId: e
-  }), M = a(o, s, l);
-  return /* @__PURE__ */ N("div", { ref: E, children: M });
+  }), R = o(a, i, l);
+  return /* @__PURE__ */ I("div", { ref: M, children: R });
 }
-function Ee({
+function Mt({
   stateKey: t,
   path: e,
-  rebuildStateShape: n,
-  renderFn: s,
+  rebuildStateShape: r,
+  renderFn: i,
   formOpts: l,
-  setState: i
+  setState: c
 }) {
-  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({});
+  const o = D(q()).current, [, m] = C({}), f = D(null), w = [t, ...e].join(".");
+  O(t, o, m);
+  const g = b.getState().getShadowNode(t, e)?._meta?.typeInfo, d = z(t, e), [s, M] = C(d), h = D(!1), a = D(null), R = Z(() => E.getState().getPluginConfigsForState(t).filter((n) => typeof n.plugin.formWrapper == "function"), [t]);
+  L(() => {
+    !h.current && !K(d, s) && M(d);
+  }, [d]), L(() => {
+    const { getShadowMetadata: n, setShadowMetadata: p } = b.getState(), u = n(t, e) || {};
+    u.clientActivityState || (u.clientActivityState = { elements: /* @__PURE__ */ new Map() });
+    const S = () => {
+      const v = f.current;
+      if (!v) return "input";
+      const k = v.tagName.toLowerCase();
+      if (k === "textarea") return "textarea";
+      if (k === "select") return "select";
+      if (k === "input") {
+        const y = v.type;
+        if (y === "checkbox") return "checkbox";
+        if (y === "radio") return "radio";
+        if (y === "range") return "range";
+        if (y === "file") return "file";
+      }
+      return "input";
+    };
+    u.clientActivityState.elements.set(o, {
+      domRef: f,
+      elementType: S(),
+      inputType: f.current?.type,
+      mountedAt: Date.now()
+    }), p(t, e, u);
+    const H = b.getState().subscribeToPath(w, (v) => {
+      !h.current && s !== v && m({});
     });
     return () => {
-      r(), o.current && (clearTimeout(o.current), m.current = !1);
+      H(), a.current && (clearTimeout(a.current), h.current = !1);
+      const v = b.getState().getShadowMetadata(t, e);
+      v?.clientActivityState?.elements && (v.clientActivityState.elements.delete(o), p(t, e, v));
     };
   }, []);
-  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);
-              }
-            }
-            return JSON.stringify(_.path) === JSON.stringify(e);
-          });
-          G.length > 0 ? v = {
-            success: !1,
-            message: G[0]?.message
-          } : v = { success: !0 };
-        }
+  const T = j(
+    (n) => {
+      g ? g.type === "number" && typeof n == "string" ? n = n === "" ? g.nullable ? null : g.default ?? 0 : Number(n) : g.type === "boolean" && typeof n == "string" ? n = n === "true" || n === "1" : g.type === "date" && typeof n == "string" && (n = new Date(n)) : typeof d === "number" && typeof n == "string" && (n = n === "" ? 0 : Number(n)), M(n);
+      const { getShadowMetadata: p, setShadowMetadata: u } = b.getState(), S = p(t, e);
+      if (S?.clientActivityState?.elements?.has(o)) {
+        const y = S.clientActivityState.elements.get(o);
+        y && y.currentActivity?.type === "focus" && (y.currentActivity.details = {
+          ...y.currentActivity.details,
+          value: n,
+          previousValue: y.currentActivity.details?.value || d,
+          inputLength: typeof n == "string" ? n.length : void 0,
+          keystrokeCount: (y.currentActivity.details?.keystrokeCount || 0) + 1
+        }, u(t, e, S));
       }
-      v && (v.success ? U(t, e, {
-        ...V,
-        validation: {
-          status: "VALID",
-          errors: [],
-          lastValidated: Date.now(),
-          validatedValue: r
+      const H = S?.clientActivityState?.elements?.get(o);
+      P({
+        stateKey: t,
+        activityType: "input",
+        // Changed from 'type'
+        path: e,
+        timestamp: Date.now(),
+        details: {
+          value: n,
+          inputLength: typeof n == "string" ? n.length : void 0,
+          isComposing: !1,
+          // You'd need to track this from the actual input event
+          isPasting: !1,
+          // You'd need to track this from paste events
+          keystrokeCount: (H?.currentActivity?.details?.keystrokeCount || 0) + 1
         }
-      }) : U(t, e, {
-        ...V,
-        validation: {
-          status: "INVALID",
-          errors: [
-            {
-              source: "client",
-              message: v.message,
-              severity: W
-            }
-          ],
-          lastValidated: Date.now(),
-          validatedValue: r
-        }
-      })), 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);
+      }), B({
+        stateKey: t,
+        path: e,
+        newValue: n,
+        updateType: "update"
+      }, "onChange"), h.current = !0, a.current && clearTimeout(a.current);
+      const k = l?.debounceTime ?? 200;
+      a.current = setTimeout(() => {
+        h.current = !1, c(n, e, {
+          updateType: "update",
+          validationTrigger: "onChange"
+        });
+      }, k);
     },
     [
-      i,
+      c,
       e,
       l?.debounceTime,
-      M,
-      c,
-      u
+      g,
+      d,
+      t,
+      o
     ]
-  ), 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({
+  ), W = j(() => {
+    const { getShadowMetadata: n, setShadowMetadata: p } = b.getState(), u = n(t, e);
+    if (u?.clientActivityState?.elements?.has(o)) {
+      const S = u.clientActivityState.elements.get(o);
+      S.currentActivity = {
+        type: "focus",
+        startTime: Date.now(),
+        details: {
+          value: s,
+          inputLength: typeof s == "string" ? s.length : void 0
+        }
+      }, p(t, e, u);
+    }
+    P({
+      stateKey: t,
+      activityType: "focus",
+      // Changed from 'type'
+      path: e,
+      timestamp: Date.now(),
+      details: {
+        cursorPosition: f.current?.selectionStart
+      }
+    });
+  }, [t, e, o, s]), F = j(() => {
+    const { getShadowMetadata: n, setShadowMetadata: p } = b.getState();
+    a.current && (clearTimeout(a.current), a.current = null, h.current = !1, c(s, e, {
+      updateType: "update",
+      validationTrigger: "onBlur"
+    }));
+    const u = n(t, e);
+    if (u?.clientActivityState?.elements?.has(o)) {
+      const v = u.clientActivityState.elements.get(o);
+      v.currentActivity = void 0, p(t, e, u);
+    }
+    const S = u?.clientActivityState?.elements?.get(o)?.currentActivity?.startTime;
+    P({
+      stateKey: t,
+      activityType: "blur",
+      // Changed from 'type'
+      path: e,
+      timestamp: Date.now(),
+      duration: S ? Date.now() - S : void 0,
+      details: {
+        duration: S ? Date.now() - S : 0
+      }
+    }), tt(t)?.validation?.onBlur && B({
+      stateKey: t,
+      path: e,
+      newValue: s,
+      updateType: "update"
+    }, "onBlur");
+  }, [s, c, e, t, o, d]), N = r({
     path: e,
-    componentId: a,
+    componentId: o,
     meta: void 0
-  }), F = new Proxy(B, {
-    get(r, b) {
-      return b === "$inputProps" ? {
-        value: d ?? "",
-        onChange: (J) => {
-          S(J.target.value);
+  }), G = new Proxy(N, {
+    get(n, p) {
+      return p === "$inputProps" ? {
+        value: s ?? "",
+        onChange: (u) => {
+          T(u.target.value);
         },
-        onBlur: O,
-        ref: oe.getState().getFormRef(t + "." + e.join("."))
-      } : r[b];
+        onFocus: W,
+        onBlur: F,
+        ref: f
+      } : n[p];
     }
-  });
-  return /* @__PURE__ */ N(ge, { formOpts: l, path: e, stateKey: t, children: s(F) });
+  }), J = i(G), Q = R.reduceRight(
+    (n, p, u) => /* @__PURE__ */ I(
+      ut,
+      {
+        stateKey: t,
+        path: e,
+        pluginName: p.plugin.name,
+        wrapperDepth: R.length - 1 - u,
+        children: n
+      }
+    ),
+    J
+  );
+  return /* @__PURE__ */ I(at, { formOpts: l, path: e, stateKey: t, children: Q });
 }
-function $(t, e, n) {
-  const s = `${t}////${e}`;
-  Y(() => (le(t, s, {
-    forceUpdate: () => n({}),
+function O(t, e, r) {
+  const i = `${t}////${e}`;
+  $(() => (nt(t, i, {
+    forceUpdate: () => r({}),
     paths: /* @__PURE__ */ new Set(),
     reactiveType: ["component"]
   }), () => {
-    ue(t, s);
-  }), [t, s]);
+    ot(t, i);
+  }), [t, i]);
 }
-const Se = (t) => {
-  const [e, n] = R(!1);
-  return Y(() => {
+const st = (t) => {
+  const [e, r] = C(!1);
+  return $(() => {
     if (!t.current) {
-      n(!0);
+      r(!0);
       return;
     }
-    const s = Array.from(t.current.querySelectorAll("img"));
-    if (s.length === 0) {
-      n(!0);
+    const i = Array.from(t.current.querySelectorAll("img"));
+    if (i.length === 0) {
+      r(!0);
       return;
     }
     let l = 0;
-    const i = () => {
-      l++, l === s.length && n(!0);
+    const c = () => {
+      l++, l === i.length && r(!0);
     };
-    return s.forEach((a) => {
-      a.complete ? i() : (a.addEventListener("load", i), a.addEventListener("error", i));
+    return i.forEach((o) => {
+      o.complete ? c() : (o.addEventListener("load", c), o.addEventListener("error", c));
     }), () => {
-      s.forEach((a) => {
-        a.removeEventListener("load", i), a.removeEventListener("error", i);
+      i.forEach((o) => {
+        o.removeEventListener("load", c), o.removeEventListener("error", c);
       });
     };
   }, [t.current]), e;
 };
-function Me({
+function wt({
   stateKey: t,
   path: e,
-  rebuildStateShape: n,
-  renderFn: s
+  rebuildStateShape: r,
+  renderFn: i
 }) {
-  const [l] = R(() => Z()), [, i] = R({}), a = [t, ...e].join(".");
-  $(t, l, i), w(() => {
-    const I = y.getState().subscribeToPath(a, () => {
-      i({});
+  const [l] = C(() => q()), [, c] = C({}), o = [t, ...e].join(".");
+  O(t, l, c), L(() => {
+    const f = b.getState().subscribeToPath(o, () => {
+      c({});
     });
-    return () => I();
-  }, [a]);
-  const f = n({
+    return () => f();
+  }, [o]);
+  const m = r({
     path: e,
     componentId: l,
     meta: void 0
   });
-  return /* @__PURE__ */ N(X, { children: s(f) });
+  return /* @__PURE__ */ I(x, { children: i(m) });
 }
+const ut = _(function({
+  children: e,
+  stateKey: r,
+  path: i,
+  pluginName: l,
+  wrapperDepth: c
+}) {
+  const [, o] = C({});
+  L(() => {
+    const M = [r, ...i].join(".");
+    return b.getState().subscribeToPath(M, () => {
+      o({});
+    });
+  }, [r, i]);
+  const m = E.getState().registeredPlugins.find((M) => M.name === l), f = E.getState().stateHandlers.get(r), w = b.getState().getShadowNode(r, i)?._meta?.typeInfo, A = E.getState().pluginOptions.get(r)?.get(l), g = E.getState().getHookResult(r, l);
+  if (!m?.formWrapper || !f)
+    return /* @__PURE__ */ I(x, { children: e });
+  const d = X(r, m.name), s = Y(f);
+  return m.formWrapper({
+    element: e,
+    path: i,
+    stateKey: r,
+    pluginName: m.name,
+    ...s,
+    ...d,
+    options: A,
+    hookData: g,
+    fieldType: w?.type,
+    wrapperDepth: c
+  });
+});
 export {
-  Ee as FormElementWrapper,
-  Me as IsolatedComponentWrapper,
-  me as ListItemWrapper,
-  Te as MemoizedCogsItemWrapper,
-  ge as ValidationWrapper,
-  $ as useRegisterComponent
+  Mt as FormElementWrapper,
+  wt as IsolatedComponentWrapper,
+  ct as ListItemWrapper,
+  Tt as MemoizedCogsItemWrapper,
+  at as ValidationWrapper,
+  O as useRegisterComponent
 };
 //# sourceMappingURL=Components.jsx.map