suprform 1.0.9 → 1.0.11

package/dist/suprform.es.js

@@ -1,8 +1,8 @@
-import { jsx as ne, Fragment as jr, jsxs as cr } from "react/jsx-runtime";
-import F, { createContext as Qr, useContext as Gr, useMemo as We, useImperativeHandle as Fr, cloneElement as He, Children as zr, isValidElement as Kr } from "react";
+import { jsx as ae, Fragment as jr, jsxs as cr } from "react/jsx-runtime";
+import b, { createContext as Qr, useContext as Gr, useMemo as We, useImperativeHandle as Fr, useEffect as zr, cloneElement as He, Children as Kr, isValidElement as Yr } from "react";
 var ve = (e) => e.type === "checkbox", le = (e) => e instanceof Date, G = (e) => e == null;
 const br = (e) => typeof e == "object";
-var M = (e) => !G(e) && !Array.isArray(e) && br(e) && !le(e), Ar = (e) => M(e) && e.target ? ve(e.target) ? e.target.checked : e.target.value : e, Yr = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, pr = (e, t) => e.has(Yr(t)), Jr = (e) => {
+var M = (e) => !G(e) && !Array.isArray(e) && br(e) && !le(e), Ar = (e) => M(e) && e.target ? ve(e.target) ? e.target.checked : e.target.value : e, Jr = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, pr = (e, t) => e.has(Jr(t)), Xr = (e) => {
   const t = e.constructor && e.constructor.prototype;
   return M(t) && t.hasOwnProperty("isPrototypeOf");
 }, ze = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
@@ -12,7 +12,7 @@ function U(e) {
   if (e instanceof Date)
     t = new Date(e);
   else if (!(ze && (e instanceof Blob || s)) && (r || M(e)))
-    if (t = r ? [] : Object.create(Object.getPrototypeOf(e)), !r && !Jr(e))
+    if (t = r ? [] : Object.create(Object.getPrototypeOf(e)), !r && !Xr(e))
       t = e;
     else
       for (const u in e)
@@ -31,14 +31,14 @@ var xe = (e) => /^\w*$/.test(e), T = (e) => e === void 0, Se = (e) => Array.isAr
   const u = xe(t) ? [t] : Ke(t), i = u.length, l = i - 1;
   for (; ++s < i; ) {
     const c = u[s];
-    let v = r;
+    let F = r;
     if (s !== l) {
-      const p = e[c];
-      v = M(p) || Array.isArray(p) ? p : isNaN(+u[s + 1]) ? {} : [];
+      const h = e[c];
+      F = M(h) || Array.isArray(h) ? h : isNaN(+u[s + 1]) ? {} : [];
     }
     if (c === "__proto__" || c === "constructor" || c === "prototype")
       return;
-    e[c] = v, e = e[c];
+    e[c] = F, e = e[c];
   }
 };
 const be = {
@@ -51,7 +51,7 @@ const be = {
   onSubmit: "onSubmit",
   onTouched: "onTouched",
   all: "all"
-}, ae = {
+}, ne = {
   max: "max",
   min: "min",
   maxLength: "maxLength",
@@ -59,11 +59,11 @@ const be = {
   pattern: "pattern",
   required: "required",
   validate: "validate"
-}, Ye = F.createContext(null);
+}, Ye = b.createContext(null);
 Ye.displayName = "HookFormContext";
-const _e = () => F.useContext(Ye), Xr = (e) => {
+const _e = () => b.useContext(Ye), Zr = (e) => {
   const { children: t, ...r } = e;
-  return F.createElement(Ye.Provider, { value: r }, t);
+  return b.createElement(Ye.Provider, { value: r }, t);
 };
 var xr = (e, t, r, s = !0) => {
   const u = {
@@ -78,9 +78,9 @@ var xr = (e, t, r, s = !0) => {
     });
   return u;
 };
-const Ee = typeof window < "u" ? F.useLayoutEffect : F.useEffect;
-function Zr(e) {
-  const t = _e(), { control: r = t.control, disabled: s, name: u, exact: i } = e || {}, [l, c] = F.useState(r._formState), v = F.useRef({
+const Ee = typeof window < "u" ? b.useLayoutEffect : b.useEffect;
+function et(e) {
+  const t = _e(), { control: r = t.control, disabled: s, name: u, exact: i } = e || {}, [l, c] = b.useState(r._formState), F = b.useRef({
     isDirty: !1,
     isLoading: !1,
     dirtyFields: !1,
@@ -92,17 +92,17 @@ function Zr(e) {
   });
   return Ee(() => r._subscribe({
     name: u,
-    formState: v.current,
+    formState: F.current,
     exact: i,
-    callback: (p) => {
+    callback: (h) => {
       !s && c({
         ...r._formState,
-        ...p
+        ...h
       });
     }
-  }), [u, s, i]), F.useEffect(() => {
-    v.current.isValid && r._setValid(!0);
-  }, [r]), F.useMemo(() => xr(l, r, v.current, !1), [l, r]);
+  }), [u, s, i]), b.useEffect(() => {
+    F.current.isValid && r._setValid(!0);
+  }, [r]), b.useMemo(() => xr(l, r, F.current, !1), [l, r]);
 }
 var Y = (e) => typeof e == "string", $e = (e, t, r, s, u) => Y(e) ? (s && t.watch.add(e), m(r, e, u)) : Array.isArray(e) ? e.map((i) => (s && t.watch.add(i), m(r, i))) : (s && (t.watchAll = !0), r), qe = (e) => G(e) || !br(e);
 function ee(e, t, r = /* @__PURE__ */ new WeakSet()) {
@@ -129,25 +129,25 @@ function ee(e, t, r = /* @__PURE__ */ new WeakSet()) {
   return !0;
 }
 function Sr(e) {
-  const t = _e(), { control: r = t.control, name: s, defaultValue: u, disabled: i, exact: l, compute: c } = e || {}, v = F.useRef(u), p = F.useRef(c), V = F.useRef(void 0), g = F.useRef(r), b = F.useRef(s);
-  p.current = c;
-  const [H, I] = F.useState(() => {
-    const f = r._getWatch(s, v.current);
-    return p.current ? p.current(f) : f;
-  }), C = F.useCallback((f) => {
-    const y = $e(s, r._names, f || r._formValues, !1, v.current);
-    return p.current ? p.current(y) : y;
-  }, [r._formValues, r._names, s]), B = F.useCallback((f) => {
+  const t = _e(), { control: r = t.control, name: s, defaultValue: u, disabled: i, exact: l, compute: c } = e || {}, F = b.useRef(u), h = b.useRef(c), V = b.useRef(void 0), g = b.useRef(r), A = b.useRef(s);
+  h.current = c;
+  const [H, I] = b.useState(() => {
+    const f = r._getWatch(s, F.current);
+    return h.current ? h.current(f) : f;
+  }), k = b.useCallback((f) => {
+    const y = $e(s, r._names, f || r._formValues, !1, F.current);
+    return h.current ? h.current(y) : y;
+  }, [r._formValues, r._names, s]), B = b.useCallback((f) => {
     if (!i) {
-      const y = $e(s, r._names, f || r._formValues, !1, v.current);
-      if (p.current) {
-        const x = p.current(y);
+      const y = $e(s, r._names, f || r._formValues, !1, F.current);
+      if (h.current) {
+        const x = h.current(y);
         ee(x, V.current) || (I(x), V.current = x);
       } else
         I(y);
     }
   }, [r._formValues, r._names, i, s]);
-  Ee(() => ((g.current !== r || !ee(b.current, s)) && (g.current = r, b.current = s, B()), r._subscribe({
+  Ee(() => ((g.current !== r || !ee(A.current, s)) && (g.current = r, A.current = s, B()), r._subscribe({
     name: s,
     formState: {
       values: !0
@@ -156,32 +156,32 @@ function Sr(e) {
     callback: (f) => {
       B(f.values);
     }
-  })), [r, l, s, B]), F.useEffect(() => r._removeUnmounted());
-  const j = g.current !== r, S = b.current, P = F.useMemo(() => {
+  })), [r, l, s, B]), b.useEffect(() => r._removeUnmounted());
+  const j = g.current !== r, S = A.current, P = b.useMemo(() => {
     if (i)
       return null;
     const f = !j && !ee(S, s);
-    return j || f ? C() : null;
-  }, [i, j, s, S, C]);
+    return j || f ? k() : null;
+  }, [i, j, s, S, k]);
   return P !== null ? P : H;
 }
-function et(e) {
-  const t = _e(), { name: r, disabled: s, control: u = t.control, shouldUnregister: i, defaultValue: l, exact: c = !0 } = e, v = pr(u._names.array, r), p = F.useMemo(() => m(u._formValues, r, m(u._defaultValues, r, l)), [u, r, l]), V = Sr({
+function rt(e) {
+  const t = _e(), { name: r, disabled: s, control: u = t.control, shouldUnregister: i, defaultValue: l, exact: c = !0 } = e, F = pr(u._names.array, r), h = b.useMemo(() => m(u._formValues, r, m(u._defaultValues, r, l)), [u, r, l]), V = Sr({
     control: u,
     name: r,
-    defaultValue: p,
+    defaultValue: h,
     exact: c
-  }), g = Zr({
+  }), g = et({
     control: u,
     name: r,
     exact: c
-  }), b = F.useRef(e), H = F.useRef(void 0), I = F.useRef(u.register(r, {
+  }), A = b.useRef(e), H = b.useRef(void 0), I = b.useRef(u.register(r, {
     ...e.rules,
     value: V,
     ...K(e.disabled) ? { disabled: e.disabled } : {}
   }));
-  b.current = e;
-  const C = F.useMemo(() => Object.defineProperties({}, {
+  A.current = e;
+  const k = b.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
       get: () => !!m(g.errors, r)
@@ -202,19 +202,19 @@ function et(e) {
       enumerable: !0,
       get: () => m(g.errors, r)
     }
-  }), [g, r]), B = F.useCallback((f) => I.current.onChange({
+  }), [g, r]), B = b.useCallback((f) => I.current.onChange({
     target: {
       value: Ar(f),
       name: r
     },
     type: be.CHANGE
-  }), [r]), j = F.useCallback(() => I.current.onBlur({
+  }), [r]), j = b.useCallback(() => I.current.onBlur({
     target: {
       value: m(u._formValues, r),
       name: r
     },
     type: be.BLUR
-  }), [r, u._formValues]), S = F.useCallback((f) => {
+  }), [r, u._formValues]), S = b.useCallback((f) => {
     const y = m(u._fields, r);
     y && f && (y._f.ref = {
       focus: () => f.focus && f.focus(),
@@ -222,7 +222,7 @@ function et(e) {
       setCustomValidity: (x) => f.setCustomValidity(x),
       reportValidity: () => f.reportValidity()
     });
-  }, [u._fields, r]), P = F.useMemo(() => ({
+  }, [u._fields, r]), P = b.useMemo(() => ({
     name: r,
     value: V,
     ...K(s) || g.disabled ? { disabled: g.disabled || s } : {},
@@ -230,36 +230,36 @@ function et(e) {
     onBlur: j,
     ref: S
   }), [r, s, g.disabled, B, j, S, V]);
-  return F.useEffect(() => {
+  return b.useEffect(() => {
     const f = u._options.shouldUnregister || i, y = H.current;
-    y && y !== r && !v && u.unregister(y), u.register(r, {
-      ...b.current.rules,
-      ...K(b.current.disabled) ? { disabled: b.current.disabled } : {}
+    y && y !== r && !F && u.unregister(y), u.register(r, {
+      ...A.current.rules,
+      ...K(A.current.disabled) ? { disabled: A.current.disabled } : {}
     });
     const x = (E, Z) => {
       const W = m(u._fields, E);
       W && W._f && (W._f.mount = Z);
     };
     if (x(r, !0), f) {
-      const E = U(m(u._options.defaultValues, r, b.current.defaultValue));
+      const E = U(m(u._options.defaultValues, r, A.current.defaultValue));
       R(u._defaultValues, r, E), T(m(u._formValues, r)) && R(u._formValues, r, E);
     }
-    return !v && u.register(r), H.current = r, () => {
-      (v ? f && !u._state.action : f) ? u.unregister(r) : x(r, !1);
+    return !F && u.register(r), H.current = r, () => {
+      (F ? f && !u._state.action : f) ? u.unregister(r) : x(r, !1);
     };
-  }, [r, u, v, i]), F.useEffect(() => {
+  }, [r, u, F, i]), b.useEffect(() => {
     u._setDisabledField({
       disabled: s,
       name: r
     });
-  }, [s, r, u]), F.useMemo(() => ({
+  }, [s, r, u]), b.useMemo(() => ({
     field: P,
     formState: g,
-    fieldState: C
-  }), [P, g, C]);
+    fieldState: k
+  }), [P, g, k]);
 }
-const rt = (e) => e.render(et(e));
-var tt = (e, t, r, s, u) => t ? {
+const tt = (e) => e.render(rt(e));
+var st = (e, t, r, s, u) => t ? {
   ...r[e],
   types: {
     ...r[e] && r[e].types ? r[e].types : {},
@@ -302,37 +302,37 @@ var $ = (e) => M(e) && !Object.keys(e).length, Je = (e) => e.type === "file", re
     return !1;
   const t = e ? e.ownerDocument : 0;
   return e instanceof (t && t.defaultView ? t.defaultView.HTMLElement : HTMLElement);
-}, wr = (e) => e.type === "select-multiple", Xe = (e) => e.type === "radio", st = (e) => Xe(e) || ve(e), Oe = (e) => Ae(e) && e.isConnected;
-function at(e, t) {
+}, wr = (e) => e.type === "select-multiple", Xe = (e) => e.type === "radio", at = (e) => Xe(e) || ve(e), Oe = (e) => Ae(e) && e.isConnected;
+function nt(e, t) {
   const r = t.slice(0, -1).length;
   let s = 0;
   for (; s < r; )
     e = T(e) ? s++ : e[t[s++]];
   return e;
 }
-function nt(e) {
+function it(e) {
   for (const t in e)
     if (e.hasOwnProperty(t) && !T(e[t]))
       return !1;
   return !0;
 }
 function L(e, t) {
-  const r = Array.isArray(t) ? t : xe(t) ? [t] : Ke(t), s = r.length === 1 ? e : at(e, r), u = r.length - 1, i = r[u];
-  return s && delete s[i], u !== 0 && (M(s) && $(s) || Array.isArray(s) && nt(s)) && L(e, r.slice(0, -1)), e;
+  const r = Array.isArray(t) ? t : xe(t) ? [t] : Ke(t), s = r.length === 1 ? e : nt(e, r), u = r.length - 1, i = r[u];
+  return s && delete s[i], u !== 0 && (M(s) && $(s) || Array.isArray(s) && it(s)) && L(e, r.slice(0, -1)), e;
 }
-var it = (e) => {
+var ut = (e) => {
   for (const t in e)
     if (re(e[t]))
       return !0;
   return !1;
 };
-function Cr(e) {
-  return Array.isArray(e) || M(e) && !it(e);
+function kr(e) {
+  return Array.isArray(e) || M(e) && !ut(e);
 }
 function je(e, t = {}) {
   for (const r in e) {
     const s = e[r];
-    Cr(s) ? (t[r] = Array.isArray(s) ? [] : {}, je(s, t[r])) : T(s) || (t[r] = !0);
+    kr(s) ? (t[r] = Array.isArray(s) ? [] : {}, je(s, t[r])) : T(s) || (t[r] = !0);
   }
   return t;
 }
@@ -340,7 +340,7 @@ function fe(e, t, r) {
   r || (r = je(t));
   for (const s in e) {
     const u = e[s];
-    if (Cr(u))
+    if (kr(u))
       T(t) || qe(r[s]) ? r[s] = je(u, Array.isArray(u) ? [] : {}) : fe(u, G(t) ? {} : t[s], r[s]);
     else {
       const i = t[s];
@@ -353,7 +353,7 @@ const fr = {
   value: !1,
   isValid: !1
 }, yr = { value: !0, isValid: !0 };
-var kr = (e) => {
+var Cr = (e) => {
   if (Array.isArray(e)) {
     if (e.length > 1) {
       const t = e.filter((r) => r && r.checked && !r.disabled).map((r) => r.value);
@@ -376,9 +376,9 @@ var Rr = (e) => Array.isArray(e) ? e.reduce((t, r) => r && r.checked && !r.disab
 } : t, mr) : mr;
 function _r(e) {
   const t = e.ref;
-  return Je(t) ? t.files : Xe(t) ? Rr(e.refs).value : wr(t) ? [...t.selectedOptions].map(({ value: r }) => r) : ve(t) ? kr(e.refs).value : Dr(T(t.value) ? e.ref.value : t.value, e);
+  return Je(t) ? t.files : Xe(t) ? Rr(e.refs).value : wr(t) ? [...t.selectedOptions].map(({ value: r }) => r) : ve(t) ? Cr(e.refs).value : Dr(T(t.value) ? e.ref.value : t.value, e);
 }
-var ut = (e, t, r, s) => {
+var ot = (e, t, r, s) => {
   const u = {};
   for (const i of e) {
     const l = m(t, i);
@@ -398,7 +398,7 @@ var ut = (e, t, r, s) => {
   isOnTouch: e === X.onTouched
 });
 const gr = "AsyncFunction";
-var ot = (e) => !!e && !!e.validate && !!(re(e.validate) && e.validate.constructor.name === gr || M(e.validate) && Object.values(e.validate).find((t) => t.constructor.name === gr)), lt = (e) => e.mount && (e.required || e.min || e.max || e.maxLength || e.minLength || e.pattern || e.validate), Qe = (e, t, r) => !r && (t.watchAll || t.watch.has(e) || [...t.watch].some((s) => e.startsWith(s) && /^\.\w+/.test(e.slice(s.length))));
+var lt = (e) => !!e && !!e.validate && !!(re(e.validate) && e.validate.constructor.name === gr || M(e.validate) && Object.values(e.validate).find((t) => t.constructor.name === gr)), ct = (e) => e.mount && (e.required || e.min || e.max || e.maxLength || e.minLength || e.pattern || e.validate), Qe = (e, t, r) => !r && (t.watchAll || t.watch.has(e) || [...t.watch].some((s) => e.startsWith(s) && /^\.\w+/.test(e.slice(s.length))));
 const me = (e, t, r, s) => {
   for (const u of r || Object.keys(e)) {
     const i = m(e, u);
@@ -444,11 +444,11 @@ function hr(e, t, r) {
     name: r
   };
 }
-var ct = (e, t, r, s) => {
+var dt = (e, t, r, s) => {
   r(e);
   const { name: u, ...i } = e;
   return $(i) || Object.keys(i).length >= Object.keys(t).length || Object.keys(i).find((l) => t[l] === (!s || X.all));
-}, dt = (e, t, r) => !e || !t || e === t || z(e).some((s) => s && (r ? s === t : s.startsWith(t) || t.startsWith(s))), ft = (e, t, r, s, u) => u.isOnAll ? !1 : !r && u.isOnTouch ? !(t || e) : (r ? s.isOnBlur : u.isOnBlur) ? !e : (r ? s.isOnChange : u.isOnChange) ? e : !0, yt = (e, t) => !Se(m(e, t)).length && L(e, t), Or = (e, t, r) => {
+}, ft = (e, t, r) => !e || !t || e === t || z(e).some((s) => s && (r ? s === t : s.startsWith(t) || t.startsWith(s))), yt = (e, t, r, s, u) => u.isOnAll ? !1 : !r && u.isOnTouch ? !(t || e) : (r ? s.isOnBlur : u.isOnBlur) ? !e : (r ? s.isOnChange : u.isOnChange) ? e : !0, mt = (e, t) => !Se(m(e, t)).length && L(e, t), Or = (e, t, r) => {
   const s = z(m(e, r));
   return R(s, "root", t[r]), R(e, r, s), e;
 };
@@ -464,33 +464,33 @@ var de = (e) => M(e) && !pe(e) ? e : {
   value: e,
   message: ""
 }, Ge = async (e, t, r, s, u, i) => {
-  const { ref: l, refs: c, required: v, maxLength: p, minLength: V, min: g, max: b, pattern: H, validate: I, name: C, valueAsNumber: B, mount: j } = e._f, S = m(r, C);
-  if (!j || t.has(C))
+  const { ref: l, refs: c, required: F, maxLength: h, minLength: V, min: g, max: A, pattern: H, validate: I, name: k, valueAsNumber: B, mount: j } = e._f, S = m(r, k);
+  if (!j || t.has(k))
     return {};
   const P = c ? c[0] : l, f = (w) => {
     u && P.reportValidity && (P.setCustomValidity(K(w) ? "" : w || ""), P.reportValidity());
-  }, y = {}, x = Xe(l), E = ve(l), Z = x || E, W = (B || Je(l)) && T(l.value) && T(S) || Ae(l) && l.value === "" || S === "" || Array.isArray(S) && !S.length, oe = tt.bind(null, C, s, y), te = (w, D, N, q = ae.maxLength, Q = ae.minLength) => {
+  }, y = {}, x = Xe(l), E = ve(l), Z = x || E, W = (B || Je(l)) && T(l.value) && T(S) || Ae(l) && l.value === "" || S === "" || Array.isArray(S) && !S.length, oe = st.bind(null, k, s, y), te = (w, D, N, q = ne.maxLength, Q = ne.minLength) => {
     const se = w ? D : N;
-    y[C] = {
+    y[k] = {
       type: w ? q : Q,
       message: se,
       ref: l,
       ...oe(w ? q : Q, se)
     };
   };
-  if (i ? !Array.isArray(S) || !S.length : v && (!Z && (W || G(S)) || K(S) && !S || E && !kr(c).isValid || x && !Rr(c).isValid)) {
-    const { value: w, message: D } = Y(v) ? { value: !!v, message: v } : de(v);
-    if (w && (y[C] = {
-      type: ae.required,
+  if (i ? !Array.isArray(S) || !S.length : F && (!Z && (W || G(S)) || K(S) && !S || E && !Cr(c).isValid || x && !Rr(c).isValid)) {
+    const { value: w, message: D } = Y(F) ? { value: !!F, message: F } : de(F);
+    if (w && (y[k] = {
+      type: ne.required,
       message: D,
       ref: P,
-      ...oe(ae.required, D)
+      ...oe(ne.required, D)
     }, !s))
       return f(D), y;
   }
-  if (!W && (!G(g) || !G(b))) {
+  if (!W && (!G(g) || !G(A))) {
     let w, D;
-    const N = de(b), q = de(g);
+    const N = de(A), q = de(g);
     if (!G(S) && !isNaN(S)) {
       const Q = l.valueAsNumber || S && +S;
       G(N.value) || (w = Q > N.value), G(q.value) || (D = Q < q.value);
@@ -498,30 +498,30 @@ var de = (e) => M(e) && !pe(e) ? e : {
       const Q = l.valueAsDate || new Date(S), se = (Ve) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + Ve), ge = l.type == "time", ce = l.type == "week";
       Y(N.value) && S && (w = ge ? se(S) > se(N.value) : ce ? S > N.value : Q > new Date(N.value)), Y(q.value) && S && (D = ge ? se(S) < se(q.value) : ce ? S < q.value : Q < new Date(q.value));
     }
-    if ((w || D) && (te(!!w, N.message, q.message, ae.max, ae.min), !s))
-      return f(y[C].message), y;
+    if ((w || D) && (te(!!w, N.message, q.message, ne.max, ne.min), !s))
+      return f(y[k].message), y;
   }
-  if ((p || V) && !W && (Y(S) || i && Array.isArray(S))) {
-    const w = de(p), D = de(V), N = !G(w.value) && S.length > +w.value, q = !G(D.value) && S.length < +D.value;
+  if ((h || V) && !W && (Y(S) || i && Array.isArray(S))) {
+    const w = de(h), D = de(V), N = !G(w.value) && S.length > +w.value, q = !G(D.value) && S.length < +D.value;
     if ((N || q) && (te(N, w.message, D.message), !s))
-      return f(y[C].message), y;
+      return f(y[k].message), y;
   }
   if (H && !W && Y(S)) {
     const { value: w, message: D } = de(H);
-    if (pe(w) && !S.match(w) && (y[C] = {
-      type: ae.pattern,
+    if (pe(w) && !S.match(w) && (y[k] = {
+      type: ne.pattern,
       message: D,
       ref: l,
-      ...oe(ae.pattern, D)
+      ...oe(ne.pattern, D)
     }, !s))
       return f(D), y;
   }
   if (I) {
     if (re(I)) {
       const w = await I(S, r), D = vr(w, P);
-      if (D && (y[C] = {
+      if (D && (y[k] = {
         ...D,
-        ...oe(ae.validate, D.message)
+        ...oe(ne.validate, D.message)
       }, !s))
         return f(D.message), y;
     } else if (M(I)) {
@@ -533,9 +533,9 @@ var de = (e) => M(e) && !pe(e) ? e : {
         N && (w = {
           ...N,
           ...oe(D, N.message)
-        }, f(N.message), s && (y[C] = w));
+        }, f(N.message), s && (y[k] = w));
       }
-      if (!$(w) && (y[C] = {
+      if (!$(w) && (y[k] = {
         ref: P,
         ...w
       }, !s))
@@ -544,14 +544,14 @@ var de = (e) => M(e) && !pe(e) ? e : {
   }
   return f(!0), y;
 };
-const mt = {
+const _t = {
   mode: X.onSubmit,
   reValidateMode: X.onChange,
   shouldFocusError: !0
 };
-function _t(e = {}) {
+function gt(e = {}) {
   let t = {
-    ...mt,
+    ..._t,
     ...e
   }, r = {
     submitCount: 0,
@@ -578,7 +578,7 @@ function _t(e = {}) {
     unMount: /* @__PURE__ */ new Set(),
     array: /* @__PURE__ */ new Set(),
     watch: /* @__PURE__ */ new Set()
-  }, v, p = 0;
+  }, F, h = 0;
   const V = {
     isDirty: !1,
     dirtyFields: !1,
@@ -591,40 +591,40 @@ function _t(e = {}) {
   let g = {
     ...V
   };
-  const b = {
+  const A = {
     array: dr(),
     state: dr()
   }, H = t.criteriaMode === X.all, I = (a) => (n) => {
-    clearTimeout(p), p = setTimeout(a, n);
-  }, C = async (a) => {
+    clearTimeout(h), h = setTimeout(a, n);
+  }, k = async (a) => {
     if (!t.disabled && (V.isValid || g.isValid || a)) {
       const n = t.resolver ? $((await E()).errors) : await W(s, !0);
-      n !== r.isValid && b.state.next({
+      n !== r.isValid && A.state.next({
         isValid: n
       });
     }
   }, B = (a, n) => {
     !t.disabled && (V.isValidating || V.validatingFields || g.isValidating || g.validatingFields) && ((a || Array.from(c.mount)).forEach((o) => {
       o && (n ? R(r.validatingFields, o, n) : L(r.validatingFields, o));
-    }), b.state.next({
+    }), A.state.next({
       validatingFields: r.validatingFields,
       isValidating: !$(r.validatingFields)
     }));
-  }, j = (a, n = [], o, h, _ = !0, d = !0) => {
-    if (h && o && !t.disabled) {
+  }, j = (a, n = [], o, v, _ = !0, d = !0) => {
+    if (v && o && !t.disabled) {
       if (l.action = !0, d && Array.isArray(m(s, a))) {
-        const A = o(m(s, a), h.argA, h.argB);
-        _ && R(s, a, A);
+        const p = o(m(s, a), v.argA, v.argB);
+        _ && R(s, a, p);
       }
       if (d && Array.isArray(m(r.errors, a))) {
-        const A = o(m(r.errors, a), h.argA, h.argB);
-        _ && R(r.errors, a, A), yt(r.errors, a);
+        const p = o(m(r.errors, a), v.argA, v.argB);
+        _ && R(r.errors, a, p), mt(r.errors, a);
       }
       if ((V.touchedFields || g.touchedFields) && d && Array.isArray(m(r.touchedFields, a))) {
-        const A = o(m(r.touchedFields, a), h.argA, h.argB);
-        _ && R(r.touchedFields, a, A);
+        const p = o(m(r.touchedFields, a), v.argA, v.argB);
+        _ && R(r.touchedFields, a, p);
       }
-      (V.dirtyFields || g.dirtyFields) && (r.dirtyFields = fe(u, i)), b.state.next({
+      (V.dirtyFields || g.dirtyFields) && (r.dirtyFields = fe(u, i)), A.state.next({
         name: a,
         isDirty: te(a, n),
         dirtyFields: r.dirtyFields,
@@ -634,62 +634,62 @@ function _t(e = {}) {
     } else
       R(i, a, n);
   }, S = (a, n) => {
-    R(r.errors, a, n), b.state.next({
+    R(r.errors, a, n), A.state.next({
       errors: r.errors
     });
   }, P = (a) => {
-    r.errors = a, b.state.next({
+    r.errors = a, A.state.next({
       errors: r.errors,
       isValid: !1
     });
-  }, f = (a, n, o, h) => {
+  }, f = (a, n, o, v) => {
     const _ = m(s, a);
     if (_) {
       const d = m(i, a, T(o) ? m(u, a) : o);
-      T(d) || h && h.defaultChecked || n ? R(i, a, n ? d : _r(_._f)) : N(a, d), l.mount && !l.action && C();
+      T(d) || v && v.defaultChecked || n ? R(i, a, n ? d : _r(_._f)) : N(a, d), l.mount && !l.action && k();
     }
-  }, y = (a, n, o, h, _) => {
-    let d = !1, A = !1;
-    const k = {
+  }, y = (a, n, o, v, _) => {
+    let d = !1, p = !1;
+    const C = {
       name: a
     };
     if (!t.disabled) {
-      if (!o || h) {
-        (V.isDirty || g.isDirty) && (A = r.isDirty, r.isDirty = k.isDirty = te(), d = A !== k.isDirty);
+      if (!o || v) {
+        (V.isDirty || g.isDirty) && (p = r.isDirty, r.isDirty = C.isDirty = te(), d = p !== C.isDirty);
         const O = ee(m(u, a), n);
-        A = !!m(r.dirtyFields, a), O ? L(r.dirtyFields, a) : R(r.dirtyFields, a, !0), k.dirtyFields = r.dirtyFields, d = d || (V.dirtyFields || g.dirtyFields) && A !== !O;
+        p = !!m(r.dirtyFields, a), O ? L(r.dirtyFields, a) : R(r.dirtyFields, a, !0), C.dirtyFields = r.dirtyFields, d = d || (V.dirtyFields || g.dirtyFields) && p !== !O;
       }
       if (o) {
         const O = m(r.touchedFields, a);
-        O || (R(r.touchedFields, a, o), k.touchedFields = r.touchedFields, d = d || (V.touchedFields || g.touchedFields) && O !== o);
+        O || (R(r.touchedFields, a, o), C.touchedFields = r.touchedFields, d = d || (V.touchedFields || g.touchedFields) && O !== o);
       }
-      d && _ && b.state.next(k);
+      d && _ && A.state.next(C);
     }
-    return d ? k : {};
-  }, x = (a, n, o, h) => {
+    return d ? C : {};
+  }, x = (a, n, o, v) => {
     const _ = m(r.errors, a), d = (V.isValid || g.isValid) && K(n) && r.isValid !== n;
-    if (t.delayError && o ? (v = I(() => S(a, o)), v(t.delayError)) : (clearTimeout(p), v = null, o ? R(r.errors, a, o) : L(r.errors, a)), (o ? !ee(_, o) : _) || !$(h) || d) {
-      const A = {
-        ...h,
+    if (t.delayError && o ? (F = I(() => S(a, o)), F(t.delayError)) : (clearTimeout(h), F = null, o ? R(r.errors, a, o) : L(r.errors, a)), (o ? !ee(_, o) : _) || !$(v) || d) {
+      const p = {
+        ...v,
         ...d && K(n) ? { isValid: n } : {},
         errors: r.errors,
         name: a
       };
       r = {
         ...r,
-        ...A
-      }, b.state.next(A);
+        ...p
+      }, A.state.next(p);
     }
   }, E = async (a) => {
     B(a, !0);
-    const n = await t.resolver(i, t.context, ut(a || c.mount, s, t.criteriaMode, t.shouldUseNativeValidation));
+    const n = await t.resolver(i, t.context, ot(a || c.mount, s, t.criteriaMode, t.shouldUseNativeValidation));
     return B(a), n;
   }, Z = async (a) => {
     const { errors: n } = await E(a);
     if (a)
       for (const o of a) {
-        const h = m(n, o);
-        h ? R(r.errors, o, h) : L(r.errors, o);
+        const v = m(n, o);
+        v ? R(r.errors, o, v) : L(r.errors, o);
       }
     else
       r.errors = n;
@@ -697,19 +697,19 @@ function _t(e = {}) {
   }, W = async (a, n, o = {
     valid: !0
   }) => {
-    for (const h in a) {
-      const _ = a[h];
+    for (const v in a) {
+      const _ = a[v];
       if (_) {
-        const { _f: d, ...A } = _;
+        const { _f: d, ...p } = _;
         if (d) {
-          const k = c.array.has(d.name), O = _._f && ot(_._f);
+          const C = c.array.has(d.name), O = _._f && lt(_._f);
           O && V.validatingFields && B([d.name], !0);
-          const J = await Ge(_, c.disabled, i, H, t.shouldUseNativeValidation && !n, k);
+          const J = await Ge(_, c.disabled, i, H, t.shouldUseNativeValidation && !n, C);
           if (O && V.validatingFields && B([d.name]), J[d.name] && (o.valid = !1, n))
             break;
-          !n && (m(J, d.name) ? k ? Or(r.errors, J, d.name) : R(r.errors, d.name, J[d.name]) : L(r.errors, d.name));
+          !n && (m(J, d.name) ? C ? Or(r.errors, J, d.name) : R(r.errors, d.name, J[d.name]) : L(r.errors, d.name));
         }
-        !$(A) && await W(A, n, o);
+        !$(p) && await W(p, n, o);
       }
     }
     return o.valid;
@@ -722,89 +722,89 @@ function _t(e = {}) {
   }, te = (a, n) => !t.disabled && (a && n && R(i, a, n), !ee(Ve(), u)), w = (a, n, o) => $e(a, c, {
     ...l.mount ? i : T(n) ? u : Y(a) ? { [a]: n } : n
   }, o, n), D = (a) => Se(m(l.mount ? i : u, a, t.shouldUnregister ? m(u, a, []) : [])), N = (a, n, o = {}) => {
-    const h = m(s, a);
+    const v = m(s, a);
     let _ = n;
-    if (h) {
-      const d = h._f;
-      d && (!d.disabled && R(i, a, Dr(n, d)), _ = Ae(d.ref) && G(n) ? "" : n, wr(d.ref) ? [...d.ref.options].forEach((A) => A.selected = _.includes(A.value)) : d.refs ? ve(d.ref) ? d.refs.forEach((A) => {
-        (!A.defaultChecked || !A.disabled) && (Array.isArray(_) ? A.checked = !!_.find((k) => k === A.value) : A.checked = _ === A.value || !!_);
-      }) : d.refs.forEach((A) => A.checked = A.value === _) : Je(d.ref) ? d.ref.value = "" : (d.ref.value = _, d.ref.type || b.state.next({
+    if (v) {
+      const d = v._f;
+      d && (!d.disabled && R(i, a, Dr(n, d)), _ = Ae(d.ref) && G(n) ? "" : n, wr(d.ref) ? [...d.ref.options].forEach((p) => p.selected = _.includes(p.value)) : d.refs ? ve(d.ref) ? d.refs.forEach((p) => {
+        (!p.defaultChecked || !p.disabled) && (Array.isArray(_) ? p.checked = !!_.find((C) => C === p.value) : p.checked = _ === p.value || !!_);
+      }) : d.refs.forEach((p) => p.checked = p.value === _) : Je(d.ref) ? d.ref.value = "" : (d.ref.value = _, d.ref.type || A.state.next({
         name: a,
         values: U(i)
       })));
     }
     (o.shouldDirty || o.shouldTouch) && y(a, _, o.shouldTouch, o.shouldDirty, !0), o.shouldValidate && ce(a);
   }, q = (a, n, o) => {
-    for (const h in n) {
-      if (!n.hasOwnProperty(h))
+    for (const v in n) {
+      if (!n.hasOwnProperty(v))
         return;
-      const _ = n[h], d = a + "." + h, A = m(s, d);
-      (c.array.has(a) || M(_) || A && !A._f) && !le(_) ? q(d, _, o) : N(d, _, o);
+      const _ = n[v], d = a + "." + v, p = m(s, d);
+      (c.array.has(a) || M(_) || p && !p._f) && !le(_) ? q(d, _, o) : N(d, _, o);
     }
   }, Q = (a, n, o = {}) => {
-    const h = m(s, a), _ = c.array.has(a), d = U(n);
-    R(i, a, d), _ ? (b.array.next({
+    const v = m(s, a), _ = c.array.has(a), d = U(n);
+    R(i, a, d), _ ? (A.array.next({
       name: a,
       values: U(i)
-    }), (V.isDirty || V.dirtyFields || g.isDirty || g.dirtyFields) && o.shouldDirty && b.state.next({
+    }), (V.isDirty || V.dirtyFields || g.isDirty || g.dirtyFields) && o.shouldDirty && A.state.next({
       name: a,
       dirtyFields: fe(u, i),
       isDirty: te(a, d)
-    })) : h && !h._f && !G(d) ? q(a, d, o) : N(a, d, o), Qe(a, c) && b.state.next({ ...r, name: a }), b.state.next({
+    })) : v && !v._f && !G(d) ? q(a, d, o) : N(a, d, o), Qe(a, c) && A.state.next({ ...r, name: a }), A.state.next({
       name: l.mount ? a : void 0,
       values: U(i)
     });
   }, se = async (a) => {
     l.mount = !0;
     const n = a.target;
-    let o = n.name, h = !0;
+    let o = n.name, v = !0;
     const _ = m(s, o), d = (O) => {
-      h = Number.isNaN(O) || le(O) && isNaN(O.getTime()) || ee(O, m(i, o, O));
-    }, A = ye(t.mode), k = ye(t.reValidateMode);
+      v = Number.isNaN(O) || le(O) && isNaN(O.getTime()) || ee(O, m(i, o, O));
+    }, p = ye(t.mode), C = ye(t.reValidateMode);
     if (_) {
       let O, J;
-      const Fe = n.type ? _r(_._f) : Ar(a), ie = a.type === be.BLUR || a.type === be.FOCUS_OUT, Hr = !lt(_._f) && !t.resolver && !m(r.errors, o) && !_._f.deps || ft(ie, m(r.touchedFields, o), r.isSubmitted, k, A), De = Qe(o, c, ie);
-      R(i, o, Fe), ie ? (!n || !n.readOnly) && (_._f.onBlur && _._f.onBlur(a), v && v(0)) : _._f.onChange && _._f.onChange(a);
+      const Fe = n.type ? _r(_._f) : Ar(a), ie = a.type === be.BLUR || a.type === be.FOCUS_OUT, Hr = !ct(_._f) && !t.resolver && !m(r.errors, o) && !_._f.deps || yt(ie, m(r.touchedFields, o), r.isSubmitted, C, p), De = Qe(o, c, ie);
+      R(i, o, Fe), ie ? (!n || !n.readOnly) && (_._f.onBlur && _._f.onBlur(a), F && F(0)) : _._f.onChange && _._f.onChange(a);
       const Re = y(o, Fe, ie), $r = !$(Re) || De;
-      if (!ie && b.state.next({
+      if (!ie && A.state.next({
         name: o,
         type: a.type,
         values: U(i)
       }), Hr)
-        return (V.isValid || g.isValid) && (t.mode === "onBlur" ? ie && C() : ie || C()), $r && b.state.next({ name: o, ...De ? {} : Re });
-      if (!ie && De && b.state.next({ ...r }), t.resolver) {
+        return (V.isValid || g.isValid) && (t.mode === "onBlur" ? ie && k() : ie || k()), $r && A.state.next({ name: o, ...De ? {} : Re });
+      if (!ie && De && A.state.next({ ...r }), t.resolver) {
         const { errors: or } = await E([o]);
-        if (d(Fe), h) {
+        if (d(Fe), v) {
           const qr = hr(r.errors, s, o), lr = hr(or, s, qr.name || o);
           O = lr.error, o = lr.name, J = $(or);
         }
       } else
-        B([o], !0), O = (await Ge(_, c.disabled, i, H, t.shouldUseNativeValidation))[o], B([o]), d(Fe), h && (O ? J = !1 : (V.isValid || g.isValid) && (J = await W(s, !0)));
-      h && (_._f.deps && (!Array.isArray(_._f.deps) || _._f.deps.length > 0) && ce(_._f.deps), x(o, J, O, Re));
+        B([o], !0), O = (await Ge(_, c.disabled, i, H, t.shouldUseNativeValidation))[o], B([o]), d(Fe), v && (O ? J = !1 : (V.isValid || g.isValid) && (J = await W(s, !0)));
+      v && (_._f.deps && (!Array.isArray(_._f.deps) || _._f.deps.length > 0) && ce(_._f.deps), x(o, J, O, Re));
     }
   }, ge = (a, n) => {
     if (m(r.errors, n) && a.focus)
       return a.focus(), 1;
   }, ce = async (a, n = {}) => {
-    let o, h;
+    let o, v;
     const _ = z(a);
     if (t.resolver) {
       const d = await Z(T(a) ? a : _);
-      o = $(d), h = a ? !_.some((A) => m(d, A)) : o;
-    } else a ? (h = (await Promise.all(_.map(async (d) => {
-      const A = m(s, d);
-      return await W(A && A._f ? { [d]: A } : A);
-    }))).every(Boolean), !(!h && !r.isValid) && C()) : h = o = await W(s);
-    return b.state.next({
+      o = $(d), v = a ? !_.some((p) => m(d, p)) : o;
+    } else a ? (v = (await Promise.all(_.map(async (d) => {
+      const p = m(s, d);
+      return await W(p && p._f ? { [d]: p } : p);
+    }))).every(Boolean), !(!v && !r.isValid) && k()) : v = o = await W(s);
+    return A.state.next({
       ...!Y(a) || (V.isValid || g.isValid) && o !== r.isValid ? {} : { name: a },
       ...t.resolver || !a ? { isValid: o } : {},
       errors: r.errors
-    }), n.shouldFocus && !h && me(s, ge, a ? _ : c.mount), h;
+    }), n.shouldFocus && !v && me(s, ge, a ? _ : c.mount), v;
   }, Ve = (a, n) => {
     let o = {
       ...l.mount ? i : u
     };
-    return n && (o = Er(n.dirtyFields ? r.dirtyFields : r.touchedFields, o)), T(a) ? o : Y(a) ? m(o, a) : a.map((h) => m(o, h));
+    return n && (o = Er(n.dirtyFields ? r.dirtyFields : r.touchedFields, o)), T(a) ? o : Y(a) ? m(o, a) : a.map((v) => m(o, v));
   }, er = (a, n) => ({
     invalid: !!m((n || r).errors, a),
     isDirty: !!m((n || r).dirtyFields, a),
@@ -812,25 +812,25 @@ function _t(e = {}) {
     isValidating: !!m(r.validatingFields, a),
     isTouched: !!m((n || r).touchedFields, a)
   }), Nr = (a) => {
-    a && z(a).forEach((n) => L(r.errors, n)), b.state.next({
+    a && z(a).forEach((n) => L(r.errors, n)), A.state.next({
       errors: a ? r.errors : {}
     });
   }, rr = (a, n, o) => {
-    const h = (m(s, a, { _f: {} })._f || {}).ref, _ = m(r.errors, a) || {}, { ref: d, message: A, type: k, ...O } = _;
+    const v = (m(s, a, { _f: {} })._f || {}).ref, _ = m(r.errors, a) || {}, { ref: d, message: p, type: C, ...O } = _;
     R(r.errors, a, {
       ...O,
       ...n,
-      ref: h
-    }), b.state.next({
+      ref: v
+    }), A.state.next({
       name: a,
       errors: r.errors,
       isValid: !1
-    }), o && o.shouldFocus && h && h.focus && h.focus();
-  }, Lr = (a, n) => re(a) ? b.state.subscribe({
+    }), o && o.shouldFocus && v && v.focus && v.focus();
+  }, Lr = (a, n) => re(a) ? A.state.subscribe({
     next: (o) => "values" in o && a(w(void 0, n), o)
-  }) : w(a, n, !0), tr = (a) => b.state.subscribe({
+  }) : w(a, n, !0), tr = (a) => A.state.subscribe({
     next: (n) => {
-      dt(a.name, n.name, a.exact) && ct(n, a.formState || V, Wr, a.reRenderRoot) && a.callback({
+      ft(a.name, n.name, a.exact) && dt(n, a.formState || V, Wr, a.reRenderRoot) && a.callback({
         values: { ...i },
         ...r,
         ...n,
@@ -846,17 +846,17 @@ function _t(e = {}) {
   })), we = (a, n = {}) => {
     for (const o of a ? z(a) : c.mount)
       c.mount.delete(o), c.array.delete(o), n.keepValue || (L(s, o), L(i, o)), !n.keepError && L(r.errors, o), !n.keepDirty && L(r.dirtyFields, o), !n.keepTouched && L(r.touchedFields, o), !n.keepIsValidating && L(r.validatingFields, o), !t.shouldUnregister && !n.keepDefaultValue && L(u, o);
-    b.state.next({
+    A.state.next({
       values: U(i)
-    }), b.state.next({
+    }), A.state.next({
       ...r,
       ...n.keepDirty ? { isDirty: te() } : {}
-    }), !n.keepIsValid && C();
+    }), !n.keepIsValid && k();
   }, sr = ({ disabled: a, name: n }) => {
     (K(a) && l.mount || a || c.disabled.has(n)) && (a ? c.disabled.add(n) : c.disabled.delete(n));
-  }, Ce = (a, n = {}) => {
+  }, ke = (a, n = {}) => {
     let o = m(s, a);
-    const h = K(n.disabled) || K(t.disabled);
+    const v = K(n.disabled) || K(t.disabled);
     return R(s, a, {
       ...o || {},
       _f: {
@@ -869,7 +869,7 @@ function _t(e = {}) {
       disabled: K(n.disabled) ? n.disabled : t.disabled,
       name: a
     }) : f(a, !0, n.value), {
-      ...h ? { disabled: n.disabled || t.disabled } : {},
+      ...v ? { disabled: n.disabled || t.disabled } : {},
       ...t.progressive ? {
         required: !!n.required,
         min: he(n.min),
@@ -883,16 +883,16 @@ function _t(e = {}) {
       onBlur: se,
       ref: (_) => {
         if (_) {
-          Ce(a, n), o = m(s, a);
-          const d = T(_.value) && _.querySelectorAll && _.querySelectorAll("input,select,textarea")[0] || _, A = st(d), k = o._f.refs || [];
-          if (A ? k.find((O) => O === d) : d === o._f.ref)
+          ke(a, n), o = m(s, a);
+          const d = T(_.value) && _.querySelectorAll && _.querySelectorAll("input,select,textarea")[0] || _, p = at(d), C = o._f.refs || [];
+          if (p ? C.find((O) => O === d) : d === o._f.ref)
             return;
           R(s, a, {
             _f: {
               ...o._f,
-              ...A ? {
+              ...p ? {
                 refs: [
-                  ...k.filter(Oe),
+                  ...C.filter(Oe),
                   d,
                   ...Array.isArray(m(u, a)) ? [{}] : []
                 ],
@@ -904,64 +904,64 @@ function _t(e = {}) {
           o = m(s, a, {}), o._f && (o._f.mount = !1), (t.shouldUnregister || n.shouldUnregister) && !(pr(c.array, a) && l.action) && c.unMount.add(a);
       }
     };
-  }, ke = () => t.shouldFocusError && me(s, ge, c.mount), Ir = (a) => {
-    K(a) && (b.state.next({ disabled: a }), me(s, (n, o) => {
-      const h = m(s, o);
-      h && (n.disabled = h._f.disabled || a, Array.isArray(h._f.refs) && h._f.refs.forEach((_) => {
-        _.disabled = h._f.disabled || a;
+  }, Ce = () => t.shouldFocusError && me(s, ge, c.mount), Ir = (a) => {
+    K(a) && (A.state.next({ disabled: a }), me(s, (n, o) => {
+      const v = m(s, o);
+      v && (n.disabled = v._f.disabled || a, Array.isArray(v._f.refs) && v._f.refs.forEach((_) => {
+        _.disabled = v._f.disabled || a;
       }));
     }, 0, !1));
   }, ar = (a, n) => async (o) => {
-    let h;
+    let v;
     o && (o.preventDefault && o.preventDefault(), o.persist && o.persist());
     let _ = U(i);
-    if (b.state.next({
+    if (A.state.next({
       isSubmitting: !0
     }), t.resolver) {
-      const { errors: d, values: A } = await E();
-      r.errors = d, _ = U(A);
+      const { errors: d, values: p } = await E();
+      r.errors = d, _ = U(p);
     } else
       await W(s);
     if (c.disabled.size)
       for (const d of c.disabled)
         L(_, d);
     if (L(r.errors, "root"), $(r.errors)) {
-      b.state.next({
+      A.state.next({
         errors: {}
       });
       try {
         await a(_, o);
       } catch (d) {
-        h = d;
+        v = d;
       }
     } else
-      n && await n({ ...r.errors }, o), ke(), setTimeout(ke);
-    if (b.state.next({
+      n && await n({ ...r.errors }, o), Ce(), setTimeout(Ce);
+    if (A.state.next({
       isSubmitted: !0,
       isSubmitting: !1,
-      isSubmitSuccessful: $(r.errors) && !h,
+      isSubmitSuccessful: $(r.errors) && !v,
       submitCount: r.submitCount + 1,
       errors: r.errors
-    }), h)
-      throw h;
+    }), v)
+      throw v;
   }, Br = (a, n = {}) => {
-    m(s, a) && (T(n.defaultValue) ? Q(a, U(m(u, a))) : (Q(a, n.defaultValue), R(u, a, U(n.defaultValue))), n.keepTouched || L(r.touchedFields, a), n.keepDirty || (L(r.dirtyFields, a), r.isDirty = n.defaultValue ? te(a, U(m(u, a))) : te()), n.keepError || (L(r.errors, a), V.isValid && C()), b.state.next({ ...r }));
+    m(s, a) && (T(n.defaultValue) ? Q(a, U(m(u, a))) : (Q(a, n.defaultValue), R(u, a, U(n.defaultValue))), n.keepTouched || L(r.touchedFields, a), n.keepDirty || (L(r.dirtyFields, a), r.isDirty = n.defaultValue ? te(a, U(m(u, a))) : te()), n.keepError || (L(r.errors, a), V.isValid && k()), A.state.next({ ...r }));
   }, nr = (a, n = {}) => {
-    const o = a ? U(a) : u, h = U(o), _ = $(a), d = _ ? u : h;
+    const o = a ? U(a) : u, v = U(o), _ = $(a), d = _ ? u : v;
     if (n.keepDefaultValues || (u = o), !n.keepValues) {
       if (n.keepDirtyValues) {
-        const A = /* @__PURE__ */ new Set([
+        const p = /* @__PURE__ */ new Set([
           ...c.mount,
           ...Object.keys(fe(u, i))
         ]);
-        for (const k of Array.from(A))
-          m(r.dirtyFields, k) ? R(d, k, m(i, k)) : Q(k, m(d, k));
+        for (const C of Array.from(p))
+          m(r.dirtyFields, C) ? R(d, C, m(i, C)) : Q(C, m(d, C));
       } else {
         if (ze && T(a))
-          for (const A of c.mount) {
-            const k = m(s, A);
-            if (k && k._f) {
-              const O = Array.isArray(k._f.refs) ? k._f.refs[0] : k._f.ref;
+          for (const p of c.mount) {
+            const C = m(s, p);
+            if (C && C._f) {
+              const O = Array.isArray(C._f.refs) ? C._f.refs[0] : C._f.ref;
               if (Ae(O)) {
                 const J = O.closest("form");
                 if (J) {
@@ -972,14 +972,14 @@ function _t(e = {}) {
             }
           }
         if (n.keepFieldsRef)
-          for (const A of c.mount)
-            Q(A, m(d, A));
+          for (const p of c.mount)
+            Q(p, m(d, p));
         else
           s = {};
       }
-      i = t.shouldUnregister ? n.keepDefaultValues ? U(u) : {} : U(d), b.array.next({
+      i = t.shouldUnregister ? n.keepDefaultValues ? U(u) : {} : U(d), A.array.next({
         values: { ...d }
-      }), b.state.next({
+      }), A.state.next({
         values: { ...d }
       });
     }
@@ -991,7 +991,7 @@ function _t(e = {}) {
       watch: /* @__PURE__ */ new Set(),
       watchAll: !1,
       focus: ""
-    }, l.mount = !V.isValid || !!n.keepIsValid || !!n.keepDirtyValues || !t.shouldUnregister && !$(d), l.watch = !!t.shouldUnregister, l.action = !1, n.keepErrors || (r.errors = {}), b.state.next({
+    }, l.mount = !V.isValid || !!n.keepIsValid || !!n.keepDirtyValues || !t.shouldUnregister && !$(d), l.watch = !!t.shouldUnregister, l.action = !1, n.keepErrors || (r.errors = {}), A.state.next({
       submitCount: n.keepSubmitCount ? r.submitCount : 0,
       isDirty: _ ? !1 : n.keepDirty ? r.isDirty : !!(n.keepDefaultValues && !ee(a, u)),
       isSubmitted: n.keepIsSubmitted ? r.isSubmitted : !1,
@@ -1003,9 +1003,9 @@ function _t(e = {}) {
       defaultValues: u
     });
   }, ir = (a, n) => nr(re(a) ? a(i) : a, n), Pr = (a, n = {}) => {
-    const o = m(s, a), h = o && o._f;
-    if (h) {
-      const _ = h.refs ? h.refs[0] : h.ref;
+    const o = m(s, a), v = o && o._f;
+    if (v) {
+      const _ = v.refs ? v.refs[0] : v.ref;
       _.focus && (_.focus(), n.shouldSelect && re(_.select) && _.select());
     }
   }, Wr = (a) => {
@@ -1015,30 +1015,30 @@ function _t(e = {}) {
     };
   }, ur = {
     control: {
-      register: Ce,
+      register: ke,
       unregister: we,
       getFieldState: er,
       handleSubmit: ar,
       setError: rr,
       _subscribe: tr,
       _runSchema: E,
-      _focusError: ke,
+      _focusError: Ce,
       _getWatch: w,
       _getDirty: te,
-      _setValid: C,
+      _setValid: k,
       _setFieldArray: j,
       _setDisabledField: sr,
       _setErrors: P,
       _getFieldArray: D,
       _reset: nr,
       _resetDefaultValues: () => re(t.defaultValues) && t.defaultValues().then((a) => {
-        ir(a, t.resetOptions), b.state.next({
+        ir(a, t.resetOptions), A.state.next({
           isLoading: !1
         });
       }),
       _removeUnmounted: oe,
       _disableForm: Ir,
-      _subjects: b,
+      _subjects: A,
       _proxyFormState: V,
       get _fields() {
         return s;
@@ -1076,7 +1076,7 @@ function _t(e = {}) {
     },
     subscribe: Mr,
     trigger: ce,
-    register: Ce,
+    register: ke,
     handleSubmit: ar,
     watch: Lr,
     setValue: Q,
@@ -1118,72 +1118,72 @@ var Me = (e, t, r) => Array.isArray(e) ? (T(e[r]) && (e[r] = void 0), e.splice(r
   ...z(t),
   ...z(e)
 ];
-function gt(e, t) {
+function ht(e, t) {
   let r = 0;
   const s = [...e];
   for (const u of t)
     s.splice(u - r, 1), r++;
   return Se(s).length ? s : [];
 }
-var Be = (e, t) => T(t) ? [] : gt(e, z(t).sort((r, s) => r - s)), Pe = (e, t, r) => {
+var Be = (e, t) => T(t) ? [] : ht(e, z(t).sort((r, s) => r - s)), Pe = (e, t, r) => {
   [e[t], e[r]] = [e[r], e[t]];
 }, Vr = (e, t, r) => (e[t] = r, e);
-function ht(e) {
-  const t = _e(), { control: r = t.control, name: s, keyName: u = "id", shouldUnregister: i, rules: l } = e, [c, v] = F.useState(r._getFieldArray(s)), p = F.useRef(r._getFieldArray(s).map(ue)), V = F.useRef(!1);
-  r._names.array.add(s), F.useMemo(() => l && c.length >= 0 && r.register(s, l), [r, s, c.length, l]), Ee(() => r._subjects.array.subscribe({
+function vt(e) {
+  const t = _e(), { control: r = t.control, name: s, keyName: u = "id", shouldUnregister: i, rules: l } = e, [c, F] = b.useState(r._getFieldArray(s)), h = b.useRef(r._getFieldArray(s).map(ue)), V = b.useRef(!1);
+  r._names.array.add(s), b.useMemo(() => l && c.length >= 0 && r.register(s, l), [r, s, c.length, l]), Ee(() => r._subjects.array.subscribe({
     next: ({ values: f, name: y }) => {
       if (y === s || !y) {
         const x = m(f, s);
-        Array.isArray(x) && (v(x), p.current = x.map(ue));
+        Array.isArray(x) && (F(x), h.current = x.map(ue));
       }
     }
   }).unsubscribe, [r, s]);
-  const g = F.useCallback((f) => {
+  const g = b.useCallback((f) => {
     V.current = !0, r._setFieldArray(s, f);
-  }, [r, s]), b = (f, y) => {
+  }, [r, s]), A = (f, y) => {
     const x = z(U(f)), E = Ue(r._getFieldArray(s), x);
-    r._names.focus = Te(s, E.length - 1, y), p.current = Ue(p.current, x.map(ue)), g(E), v(E), r._setFieldArray(s, E, Ue, {
+    r._names.focus = Te(s, E.length - 1, y), h.current = Ue(h.current, x.map(ue)), g(E), F(E), r._setFieldArray(s, E, Ue, {
       argA: Ne(f)
     });
   }, H = (f, y) => {
     const x = z(U(f)), E = Ie(r._getFieldArray(s), x);
-    r._names.focus = Te(s, 0, y), p.current = Ie(p.current, x.map(ue)), g(E), v(E), r._setFieldArray(s, E, Ie, {
+    r._names.focus = Te(s, 0, y), h.current = Ie(h.current, x.map(ue)), g(E), F(E), r._setFieldArray(s, E, Ie, {
       argA: Ne(f)
     });
   }, I = (f) => {
     const y = Be(r._getFieldArray(s), f);
-    p.current = Be(p.current, f), g(y), v(y), !Array.isArray(m(r._fields, s)) && R(r._fields, s, void 0), r._setFieldArray(s, y, Be, {
+    h.current = Be(h.current, f), g(y), F(y), !Array.isArray(m(r._fields, s)) && R(r._fields, s, void 0), r._setFieldArray(s, y, Be, {
       argA: f
     });
-  }, C = (f, y, x) => {
+  }, k = (f, y, x) => {
     const E = z(U(y)), Z = Le(r._getFieldArray(s), f, E);
-    r._names.focus = Te(s, f, x), p.current = Le(p.current, f, E.map(ue)), g(Z), v(Z), r._setFieldArray(s, Z, Le, {
+    r._names.focus = Te(s, f, x), h.current = Le(h.current, f, E.map(ue)), g(Z), F(Z), r._setFieldArray(s, Z, Le, {
       argA: f,
       argB: Ne(y)
     });
   }, B = (f, y) => {
     const x = r._getFieldArray(s);
-    Pe(x, f, y), Pe(p.current, f, y), g(x), v(x), r._setFieldArray(s, x, Pe, {
+    Pe(x, f, y), Pe(h.current, f, y), g(x), F(x), r._setFieldArray(s, x, Pe, {
       argA: f,
       argB: y
     }, !1);
   }, j = (f, y) => {
     const x = r._getFieldArray(s);
-    Me(x, f, y), Me(p.current, f, y), g(x), v(x), r._setFieldArray(s, x, Me, {
+    Me(x, f, y), Me(h.current, f, y), g(x), F(x), r._setFieldArray(s, x, Me, {
       argA: f,
       argB: y
     }, !1);
   }, S = (f, y) => {
     const x = U(y), E = Vr(r._getFieldArray(s), f, x);
-    p.current = [...E].map((Z, W) => !Z || W === f ? ue() : p.current[W]), g(E), v([...E]), r._setFieldArray(s, E, Vr, {
+    h.current = [...E].map((Z, W) => !Z || W === f ? ue() : h.current[W]), g(E), F([...E]), r._setFieldArray(s, E, Vr, {
       argA: f,
       argB: x
     }, !0, !1);
   }, P = (f) => {
     const y = z(U(f));
-    p.current = y.map(ue), g([...y]), v([...y]), r._setFieldArray(s, [...y], (x) => x, {}, !0, !1);
+    h.current = y.map(ue), g([...y]), F([...y]), r._setFieldArray(s, [...y], (x) => x, {}, !0, !1);
   };
-  return F.useEffect(() => {
+  return b.useEffect(() => {
     if (r._state.action = !1, Qe(s, r._names) && r._subjects.state.next({
       ...r._formState
     }), V.current && (!ye(r._options.mode).isOnSubmit || r._formState.isSubmitted) && !ye(r._options.reValidateMode).isOnSubmit)
@@ -1207,29 +1207,29 @@ function ht(e) {
       if (r._names.focus && y.startsWith(r._names.focus) && f.focus)
         return f.focus(), 1;
     }), r._names.focus = "", r._setValid(), V.current = !1;
-  }, [c, s, r]), F.useEffect(() => (!m(r._formValues, s) && r._setFieldArray(s), () => {
+  }, [c, s, r]), b.useEffect(() => (!m(r._formValues, s) && r._setFieldArray(s), () => {
     const f = (y, x) => {
       const E = m(r._fields, y);
       E && E._f && (E._f.mount = x);
     };
     r._options.shouldUnregister || i ? r.unregister(s) : f(s, !1);
   }), [s, r, u, i]), {
-    swap: F.useCallback(B, [g, s, r]),
-    move: F.useCallback(j, [g, s, r]),
-    prepend: F.useCallback(H, [g, s, r]),
-    append: F.useCallback(b, [g, s, r]),
-    remove: F.useCallback(I, [g, s, r]),
-    insert: F.useCallback(C, [g, s, r]),
-    update: F.useCallback(S, [g, s, r]),
-    replace: F.useCallback(P, [g, s, r]),
-    fields: F.useMemo(() => c.map((f, y) => ({
+    swap: b.useCallback(B, [g, s, r]),
+    move: b.useCallback(j, [g, s, r]),
+    prepend: b.useCallback(H, [g, s, r]),
+    append: b.useCallback(A, [g, s, r]),
+    remove: b.useCallback(I, [g, s, r]),
+    insert: b.useCallback(k, [g, s, r]),
+    update: b.useCallback(S, [g, s, r]),
+    replace: b.useCallback(P, [g, s, r]),
+    fields: b.useMemo(() => c.map((f, y) => ({
       ...f,
-      [u]: p.current[y] || ue()
+      [u]: h.current[y] || ue()
     })), [c, u])
   };
 }
-function vt(e = {}) {
-  const t = F.useRef(void 0), r = F.useRef(void 0), [s, u] = F.useState({
+function Vt(e = {}) {
+  const t = b.useRef(void 0), r = b.useRef(void 0), [s, u] = b.useState({
     isDirty: !1,
     isValidating: !1,
     isLoading: re(e.defaultValues),
@@ -1253,7 +1253,7 @@ function vt(e = {}) {
         formState: s
       }, e.defaultValues && !re(e.defaultValues) && e.formControl.reset(e.defaultValues, e.resetOptions);
     else {
-      const { formControl: l, ...c } = _t(e);
+      const { formControl: l, ...c } = gt(e);
       t.current = {
         ...c,
         formState: s
@@ -1270,37 +1270,37 @@ function vt(e = {}) {
       ...c,
       isReady: !0
     })), i._formState.isReady = !0, l;
-  }, [i]), F.useEffect(() => i._disableForm(e.disabled), [i, e.disabled]), F.useEffect(() => {
+  }, [i]), b.useEffect(() => i._disableForm(e.disabled), [i, e.disabled]), b.useEffect(() => {
     e.mode && (i._options.mode = e.mode), e.reValidateMode && (i._options.reValidateMode = e.reValidateMode);
-  }, [i, e.mode, e.reValidateMode]), F.useEffect(() => {
+  }, [i, e.mode, e.reValidateMode]), b.useEffect(() => {
     e.errors && (i._setErrors(e.errors), i._focusError());
-  }, [i, e.errors]), F.useEffect(() => {
+  }, [i, e.errors]), b.useEffect(() => {
     e.shouldUnregister && i._subjects.state.next({
       values: i._getWatch()
     });
-  }, [i, e.shouldUnregister]), F.useEffect(() => {
+  }, [i, e.shouldUnregister]), b.useEffect(() => {
     if (i._proxyFormState.isDirty) {
       const l = i._getDirty();
       l !== s.isDirty && i._subjects.state.next({
         isDirty: l
       });
     }
-  }, [i, s.isDirty]), F.useEffect(() => {
+  }, [i, s.isDirty]), b.useEffect(() => {
     var l;
     e.values && !ee(e.values, r.current) ? (i._reset(e.values, {
       keepFieldsRef: !0,
       ...i._options.resetOptions
     }), !((l = i._options.resetOptions) === null || l === void 0) && l.keepIsValid || i._setValid(), r.current = e.values, u((c) => ({ ...c }))) : i._resetDefaultValues();
-  }, [i, e.values]), F.useEffect(() => {
+  }, [i, e.values]), b.useEffect(() => {
     i._state.mount || (i._setValid(), i._state.mount = !0), i._state.watch && (i._state.watch = !1, i._subjects.state.next({ ...i._formState })), i._removeUnmounted();
   }), t.current.formState = xr(s, i), t.current;
 }
-const Tr = Qr(void 0), Vt = ({ showAsterisk: e, children: t }) => /* @__PURE__ */ ne(Tr.Provider, { value: { showAsterisk: e }, children: t }), Ft = () => {
+const Tr = Qr(void 0), Ft = ({ showAsterisk: e, children: t }) => /* @__PURE__ */ ae(Tr.Provider, { value: { showAsterisk: e }, children: t }), bt = () => {
   const e = Gr(Tr);
   if (!e)
     throw new Error("useSuprFormContext must be used within a SuprFormProvider");
   return e;
-}, bt = ({
+}, At = ({
   children: e,
   visibility: t
 }) => {
@@ -1308,8 +1308,8 @@ const Tr = Qr(void 0), Vt = ({ showAsterisk: e, children: t }) => /* @__PURE__ *
   return We(() => {
     if (typeof t == "boolean") return t;
     if (!t || (t == null ? void 0 : t.conditions.length) === 0) return !0;
-    const { conditions: l, operator: c } = t, v = s.reduce((V, g, b) => (V[g] = u[b], V), {}), p = l.map((V) => {
-      const g = v[V.name];
+    const { conditions: l, operator: c } = t, F = s.reduce((V, g, A) => (V[g] = u[A], V), {}), h = l.map((V) => {
+      const g = F[V.name];
       switch (V.operator) {
         case "EQUALS":
           return g === V.value;
@@ -1335,7 +1335,7 @@ const Tr = Qr(void 0), Vt = ({ showAsterisk: e, children: t }) => /* @__PURE__ *
           return !1;
       }
     });
-    return c === "AND" ? p.every(Boolean) : p.some(Boolean);
+    return c === "AND" ? h.every(Boolean) : h.some(Boolean);
   }, [t, s, u, r]) ? e : null;
 }, Ur = ({
   children: e,
@@ -1347,9 +1347,10 @@ const Tr = Qr(void 0), Vt = ({ showAsterisk: e, children: t }) => /* @__PURE__ *
   className: u = "",
   formOptions: i,
   showAsterisk: l,
-  ref: c
+  ref: c,
+  onChange: F
 }) => {
-  const v = vt({
+  const h = Vt({
     mode: "onSubmit",
     reValidateMode: "onChange",
     shouldFocusError: !0,
@@ -1358,23 +1359,29 @@ const Tr = Qr(void 0), Vt = ({ showAsterisk: e, children: t }) => /* @__PURE__ *
   return Fr(
     c,
     () => ({
-      setValue: v.setValue,
-      setError: v.setError,
-      clearErrors: v.clearErrors,
-      getValues: v.getValues,
-      reset: v.reset,
-      setFocus: v.setFocus,
-      resetField: v.resetField,
-      trigger: v.trigger,
-      unregister: v.unregister,
-      watch: v.watch
+      setValue: h.setValue,
+      setError: h.setError,
+      clearErrors: h.clearErrors,
+      getValues: h.getValues,
+      reset: h.reset,
+      setFocus: h.setFocus,
+      resetField: h.resetField,
+      trigger: h.trigger,
+      unregister: h.unregister,
+      watch: h.watch,
+      handleSubmit: h.handleSubmit
     }),
-    [v]
-  ), /* @__PURE__ */ ne(Vt, { showAsterisk: l, children: /* @__PURE__ */ ne(Xr, { ...v, children: /* @__PURE__ */ ne(
+    [h]
+  ), zr(() => {
+    const V = h.watch((g) => {
+      F == null || F(g);
+    });
+    return () => V.unsubscribe();
+  }, [h.watch]), /* @__PURE__ */ ae(Ft, { showAsterisk: l, children: /* @__PURE__ */ ae(Zr, { ...h, children: /* @__PURE__ */ ae(
     "form",
     {
       noValidate: !0,
-      onSubmit: v.handleSubmit(t, r),
+      onSubmit: h.handleSubmit(t, r),
       style: s,
       className: u,
       children: e
@@ -1384,17 +1391,17 @@ const Tr = Qr(void 0), Vt = ({ showAsterisk: e, children: t }) => /* @__PURE__ *
   children: e,
   name: t,
   rules: r,
-  className: s,
+  className: s = "",
   label: u,
   id: i,
   disabled: l,
   shouldUnregister: c,
-  visibility: v
+  visibility: F
 }) => {
-  const { control: p } = _e(), V = e.props.value, { showAsterisk: g } = Ft(), b = e.props.onChange, H = e.props.onBlur, I = We(() => i || crypto.randomUUID(), []), C = /* @__PURE__ */ ne(
-    rt,
+  const { control: h } = _e(), V = e.props.value ?? "", { showAsterisk: g } = bt(), A = e.props.onChange, H = e.props.onBlur, I = We(() => i || crypto.randomUUID(), []), k = /* @__PURE__ */ ae(
+    tt,
     {
-      control: p,
+      control: h,
       name: t,
       rules: r,
       defaultValue: V,
@@ -1408,7 +1415,7 @@ const Tr = Qr(void 0), Vt = ({ showAsterisk: e, children: t }) => /* @__PURE__ *
           children: [
             u && /* @__PURE__ */ cr("label", { htmlFor: I, className: "controlled-field-label", children: [
               u,
-              g && !!r && /* @__PURE__ */ ne("span", { style: { color: "red" }, children: " *" })
+              g && !!r && /* @__PURE__ */ ae("span", { style: { color: "red" }, children: " *" })
             ] }),
             He(e, {
               ...e.props,
@@ -1416,7 +1423,7 @@ const Tr = Qr(void 0), Vt = ({ showAsterisk: e, children: t }) => /* @__PURE__ *
               name: B,
               disabled: l,
               onChange: (...x) => {
-                P(...x), b == null || b(...x);
+                P(...x), A == null || A(...x);
               },
               value: S,
               onBlur: (...x) => {
@@ -1424,43 +1431,52 @@ const Tr = Qr(void 0), Vt = ({ showAsterisk: e, children: t }) => /* @__PURE__ *
               },
               ref: f
             }),
-            y && /* @__PURE__ */ ne("div", { style: { color: "red", fontSize: 13 }, className: "controlled-field-error", children: y.message })
+            y && /* @__PURE__ */ ae("div", { style: { color: "red", fontSize: 13 }, className: "controlled-field-error", children: y.message })
           ]
         }
       )
     }
   );
-  return v ? /* @__PURE__ */ ne(bt, { visibility: v, children: C }) : C;
-}, At = ({ name: e, rules: t, ref: r, children: s }) => {
-  const u = ht({
+  return F ? /* @__PURE__ */ ae(At, { visibility: F, children: k }) : k;
+}, pt = ({ name: e, rules: t, ref: r, children: s }) => {
+  const u = vt({
     name: e,
     rules: t
   });
   Fr(r, () => u, [u]);
-  const i = (l, c) => zr.map(l, (v) => {
-    if (!Kr(v))
-      return v;
-    const p = v.props, V = v.type;
-    if (((V == null ? void 0 : V.displayName) === "SuprFormControl" || V === Ze || p.name !== void 0 && typeof V != "string") && p.name !== void 0) {
-      const b = {
-        ...p,
-        name: `${c}${p.name}`
+  const i = (l, c) => Kr.map(l, (F) => {
+    if (!Yr(F))
+      return F;
+    const h = F.props, V = F.type;
+    if (((V == null ? void 0 : V.displayName) === "SuprFormControl" || V === Ze || h.name !== void 0 && typeof V != "string") && h.name !== void 0) {
+      const A = {
+        ...h,
+        name: `${c}${h.name}`
       };
-      return p.id !== void 0 && (b.id = `${c}${p.id}`), He(v, b);
+      return h.id !== void 0 && (A.id = `${c}${h.id}`), He(F, A);
     }
-    return p.children ? He(v, {
-      ...p,
-      children: i(p.children, c)
-    }) : v;
+    return h.children ? He(F, {
+      ...h,
+      children: i(h.children, c)
+    }) : F;
   });
-  return /* @__PURE__ */ ne(jr, { children: u.fields.map((l, c) => {
-    const v = `${e}.${c}.`;
-    return i(s, v);
+  return /* @__PURE__ */ ae(jr, { children: u.fields.map((l, c) => {
+    const F = `${e}.${c}.`;
+    return /* @__PURE__ */ ae(
+      "div",
+      {
+        "data-index": c,
+        style: { display: "contents" },
+        id: "field-array-item",
+        children: i(s, F)
+      },
+      F
+    );
   }) });
 };
 Ze.displayName = "SuprFormControl";
 Ur.Control = Ze;
-Ur.ControlArray = At;
+Ur.ControlArray = pt;
 export {
   Ur as SuprForm
 };