suprform 1.2.0 → 1.2.1

package/dist/suprform.es.js

@@ -32,8 +32,8 @@ var Ee = (t) => /^\w*$/.test(t), N = (t) => t === void 0, we = (t) => Array.isAr
     const l = u[s];
     let V = e;
     if (s !== c) {
-      const h = t[l];
-      V = H(h) || Array.isArray(h) ? h : isNaN(+u[s + 1]) ? {} : [];
+      const g = t[l];
+      V = H(g) || Array.isArray(g) ? g : isNaN(+u[s + 1]) ? {} : [];
     }
     if (l === "__proto__" || l === "constructor" || l === "prototype")
       return;
@@ -93,10 +93,10 @@ function rr(t) {
     name: u,
     formState: V.current,
     exact: i,
-    callback: (h) => {
+    callback: (g) => {
       !s && l({
         ...e._formState,
-        ...h
+        ...g
       });
     }
   }), [u, s, i]), F.useEffect(() => {
@@ -128,25 +128,25 @@ function ae(t, r, e = /* @__PURE__ */ new WeakSet()) {
   return !0;
 }
 function Xe(t) {
-  const r = Ve(), { control: e = r.control, name: s, defaultValue: u, disabled: i, exact: c, compute: l } = t || {}, V = F.useRef(u), h = F.useRef(l), k = F.useRef(void 0), g = F.useRef(e), S = F.useRef(s);
-  h.current = l;
+  const r = Ve(), { control: e = r.control, name: s, defaultValue: u, disabled: i, exact: c, compute: l } = t || {}, V = F.useRef(u), g = F.useRef(l), k = F.useRef(void 0), h = F.useRef(e), S = F.useRef(s);
+  g.current = l;
   const [p, I] = F.useState(() => {
     const f = e._getWatch(s, V.current);
-    return h.current ? h.current(f) : f;
+    return g.current ? g.current(f) : f;
   }), R = F.useCallback((f) => {
     const d = qe(s, e._names, f || e._formValues, !1, V.current);
-    return h.current ? h.current(d) : d;
+    return g.current ? g.current(d) : d;
   }, [e._formValues, e._names, s]), T = F.useCallback((f) => {
     if (!i) {
       const d = qe(s, e._names, f || e._formValues, !1, V.current);
-      if (h.current) {
-        const A = h.current(d);
+      if (g.current) {
+        const A = g.current(d);
         ae(A, k.current) || (I(A), k.current = A);
       } else
         I(d);
     }
   }, [e._formValues, e._names, i, s]);
-  ke(() => ((g.current !== e || !ae(S.current, s)) && (g.current = e, S.current = s, T()), e._subscribe({
+  ke(() => ((h.current !== e || !ae(S.current, s)) && (h.current = e, S.current = s, T()), e._subscribe({
     name: s,
     formState: {
       values: !0
@@ -156,7 +156,7 @@ function Xe(t) {
       T(f.values);
     }
   })), [e, c, s, T]), F.useEffect(() => e._removeUnmounted());
-  const U = g.current !== e, x = S.current, B = F.useMemo(() => {
+  const U = h.current !== e, x = S.current, B = F.useMemo(() => {
     if (i)
       return null;
     const f = !U && !ae(x, s);
@@ -165,12 +165,12 @@ function Xe(t) {
   return B !== null ? B : p;
 }
 function sr(t) {
-  const r = Ve(), { name: e, disabled: s, control: u = r.control, shouldUnregister: i, defaultValue: c, exact: l = !0 } = t, V = St(u._names.array, e), h = F.useMemo(() => m(u._formValues, e, m(u._defaultValues, e, c)), [u, e, c]), k = Xe({
+  const r = Ve(), { name: e, disabled: s, control: u = r.control, shouldUnregister: i, defaultValue: c, exact: l = !0 } = t, V = St(u._names.array, e), g = F.useMemo(() => m(u._formValues, e, m(u._defaultValues, e, c)), [u, e, c]), k = Xe({
     control: u,
     name: e,
-    defaultValue: h,
+    defaultValue: g,
     exact: l
-  }), g = rr({
+  }), h = rr({
     control: u,
     name: e,
     exact: l
@@ -183,25 +183,25 @@ function sr(t) {
   const R = F.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
-      get: () => !!m(g.errors, e)
+      get: () => !!m(h.errors, e)
     },
     isDirty: {
       enumerable: !0,
-      get: () => !!m(g.dirtyFields, e)
+      get: () => !!m(h.dirtyFields, e)
     },
     isTouched: {
       enumerable: !0,
-      get: () => !!m(g.touchedFields, e)
+      get: () => !!m(h.touchedFields, e)
     },
     isValidating: {
       enumerable: !0,
-      get: () => !!m(g.validatingFields, e)
+      get: () => !!m(h.validatingFields, e)
     },
     error: {
       enumerable: !0,
-      get: () => m(g.errors, e)
+      get: () => m(h.errors, e)
     }
-  }), [g, e]), T = F.useCallback((f) => I.current.onChange({
+  }), [h, e]), T = F.useCallback((f) => I.current.onChange({
     target: {
       value: xt(f),
       name: e
@@ -224,11 +224,11 @@ function sr(t) {
   }, [u._fields, e]), B = F.useMemo(() => ({
     name: e,
     value: k,
-    ...J(s) || g.disabled ? { disabled: g.disabled || s } : {},
+    ...J(s) || h.disabled ? { disabled: h.disabled || s } : {},
     onChange: T,
     onBlur: U,
     ref: x
-  }), [e, s, g.disabled, T, U, x, k]);
+  }), [e, s, h.disabled, T, U, x, k]);
   return F.useEffect(() => {
     const f = u._options.shouldUnregister || i, d = p.current;
     d && d !== e && !V && u.unregister(d), u.register(e, {
@@ -253,9 +253,9 @@ function sr(t) {
     });
   }, [s, e, u]), F.useMemo(() => ({
     field: B,
-    formState: g,
+    formState: h,
     fieldState: R
-  }), [B, g, R]);
+  }), [B, h, R]);
 }
 const ar = (t) => t.render(sr(t));
 var nr = (t, r, e, s, u) => r ? {
@@ -463,7 +463,7 @@ var le = (t) => H(t) && !Se(t) ? t : {
   value: t,
   message: ""
 }, ze = async (t, r, e, s, u, i) => {
-  const { ref: c, refs: l, required: V, maxLength: h, minLength: k, min: g, max: S, pattern: p, validate: I, name: R, valueAsNumber: T, mount: U } = t._f, x = m(e, R);
+  const { ref: c, refs: l, required: V, maxLength: g, minLength: k, min: h, max: S, pattern: p, validate: I, name: R, valueAsNumber: T, mount: U } = t._f, x = m(e, R);
   if (!U || r.has(R))
     return {};
   const B = l ? l[0] : c, f = (E) => {
@@ -487,9 +487,9 @@ var le = (t) => H(t) && !Se(t) ? t : {
     }, !s))
       return f(C), d;
   }
-  if (!K && (!Q(g) || !Q(S))) {
+  if (!K && (!Q(h) || !Q(S))) {
     let E, C;
-    const $ = le(S), q = le(g);
+    const $ = le(S), q = le(h);
     if (!Q(x) && !isNaN(x)) {
       const se = c.valueAsNumber || x && +x;
       Q($.value) || (E = se > $.value), Q(q.value) || (C = se < q.value);
@@ -500,8 +500,8 @@ var le = (t) => H(t) && !Se(t) ? t : {
     if ((E || C) && (Fe(!!E, $.message, q.message, ne.max, ne.min), !s))
       return f(d[R].message), d;
   }
-  if ((h || k) && !K && (X(x) || i && Array.isArray(x))) {
-    const E = le(h), C = le(k), $ = !Q(E.value) && x.length > +E.value, q = !Q(C.value) && x.length < +C.value;
+  if ((g || k) && !K && (X(x) || i && Array.isArray(x))) {
+    const E = le(g), C = le(k), $ = !Q(E.value) && x.length > +E.value, q = !Q(C.value) && x.length < +C.value;
     if (($ || q) && (Fe($, E.message, C.message), !s))
       return f(d[R].message), d;
   }
@@ -578,7 +578,7 @@ function vr(t = {}) {
     unMount: /* @__PURE__ */ new Set(),
     array: /* @__PURE__ */ new Set(),
     watch: /* @__PURE__ */ new Set()
-  }, V, h = 0;
+  }, V, g = 0;
   const k = {
     isDirty: !1,
     dirtyFields: !1,
@@ -587,26 +587,26 @@ function vr(t = {}) {
     isValidating: !1,
     isValid: !1,
     errors: !1
-  }, g = {
+  }, h = {
     ...k
   };
   let S = {
-    ...g
+    ...h
   };
   const p = {
     array: yt(),
     state: yt()
   }, I = r.criteriaMode === re.all, R = (a) => (n) => {
-    clearTimeout(h), h = setTimeout(a, n);
+    clearTimeout(g), g = setTimeout(a, n);
   }, T = async (a) => {
-    if (!c.keepIsValid && !r.disabled && (g.isValid || S.isValid || a)) {
+    if (!c.keepIsValid && !r.disabled && (h.isValid || S.isValid || a)) {
       let n;
       r.resolver ? (n = j((await W()).errors), U()) : n = await Z(s, !0), n !== e.isValid && p.state.next({
         isValid: n
       });
     }
   }, U = (a, n) => {
-    !r.disabled && (g.isValidating || g.validatingFields || S.isValidating || S.validatingFields) && ((a || Array.from(l.mount)).forEach((o) => {
+    !r.disabled && (h.isValidating || h.validatingFields || S.isValidating || S.validatingFields) && ((a || Array.from(l.mount)).forEach((o) => {
       o && (n ? O(e.validatingFields, o, n) : P(e.validatingFields, o));
     }), p.state.next({
       validatingFields: e.validatingFields,
@@ -622,11 +622,11 @@ function vr(t = {}) {
         const b = o(m(e.errors, a), v.argA, v.argB);
         _ && O(e.errors, a, b), gr(e.errors, a);
       }
-      if ((g.touchedFields || S.touchedFields) && y && Array.isArray(m(e.touchedFields, a))) {
+      if ((h.touchedFields || S.touchedFields) && y && Array.isArray(m(e.touchedFields, a))) {
         const b = o(m(e.touchedFields, a), v.argA, v.argB);
         _ && O(e.touchedFields, a, b);
       }
-      (g.dirtyFields || S.dirtyFields) && (e.dirtyFields = ce(u, i)), p.state.next({
+      (h.dirtyFields || S.dirtyFields) && (e.dirtyFields = ce(u, i)), p.state.next({
         name: a,
         isDirty: E(a, n),
         dirtyFields: e.dirtyFields,
@@ -657,20 +657,20 @@ function vr(t = {}) {
     };
     if (!r.disabled) {
       if (!o || v) {
-        (g.isDirty || S.isDirty) && (b = e.isDirty, e.isDirty = D.isDirty = E(), y = b !== D.isDirty);
+        (h.isDirty || S.isDirty) && (b = e.isDirty, e.isDirty = D.isDirty = E(), y = b !== D.isDirty);
         const L = ae(m(u, a), n);
-        b = !!m(e.dirtyFields, a), L ? P(e.dirtyFields, a) : O(e.dirtyFields, a, !0), D.dirtyFields = e.dirtyFields, y = y || (g.dirtyFields || S.dirtyFields) && b !== !L;
+        b = !!m(e.dirtyFields, a), L ? P(e.dirtyFields, a) : O(e.dirtyFields, a, !0), D.dirtyFields = e.dirtyFields, y = y || (h.dirtyFields || S.dirtyFields) && b !== !L;
       }
       if (o) {
         const L = m(e.touchedFields, a);
-        L || (O(e.touchedFields, a, o), D.touchedFields = e.touchedFields, y = y || (g.touchedFields || S.touchedFields) && L !== o);
+        L || (O(e.touchedFields, a, o), D.touchedFields = e.touchedFields, y = y || (h.touchedFields || S.touchedFields) && L !== o);
       }
       y && _ && p.state.next(D);
     }
     return y ? D : {};
   }, w = (a, n, o, v) => {
-    const _ = m(e.errors, a), y = (g.isValid || S.isValid) && J(n) && e.isValid !== n;
-    if (r.delayError && o ? (V = R(() => B(a, o)), V(r.delayError)) : (clearTimeout(h), V = null, o ? O(e.errors, a, o) : P(e.errors, a)), (o ? !ae(_, o) : _) || !j(v) || y) {
+    const _ = m(e.errors, a), y = (h.isValid || S.isValid) && J(n) && e.isValid !== n;
+    if (r.delayError && o ? (V = R(() => B(a, o)), V(r.delayError)) : (clearTimeout(g), V = null, o ? O(e.errors, a, o) : P(e.errors, a)), (o ? !ae(_, o) : _) || !j(v) || y) {
       const b = {
         ...v,
         ...y && J(n) ? { isValid: n } : {},
@@ -701,9 +701,9 @@ function vr(t = {}) {
         const { _f: y, ...b } = _;
         if (y) {
           const D = l.array.has(y.name), L = _._f && dr(_._f);
-          L && g.validatingFields && U([y.name], !0);
+          L && h.validatingFields && U([y.name], !0);
           const ee = await ze(_, l.disabled, i, I, r.shouldUseNativeValidation && !n, D);
-          if (L && g.validatingFields && U([y.name]), ee[y.name] && (o.valid = !1, n))
+          if (L && h.validatingFields && U([y.name]), ee[y.name] && (o.valid = !1, n))
             break;
           !n && (m(ee, y.name) ? D ? Rt(e.errors, ee, y.name) : O(e.errors, y.name, ee[y.name]) : P(e.errors, y.name));
         }
@@ -744,7 +744,7 @@ function vr(t = {}) {
     O(i, a, y), _ ? (p.array.next({
       name: a,
       values: M(i)
-    }), (g.isDirty || g.dirtyFields || S.isDirty || S.dirtyFields) && o.shouldDirty && p.state.next({
+    }), (h.isDirty || h.dirtyFields || S.isDirty || S.dirtyFields) && o.shouldDirty && p.state.next({
       name: a,
       dirtyFields: ce(u, i),
       isDirty: E(a, y)
@@ -769,7 +769,7 @@ function vr(t = {}) {
         type: a.type,
         values: M(i)
       }), qt)
-        return (g.isValid || S.isValid) && (r.mode === "onBlur" ? ie && T() : ie || T()), jt && p.state.next({ name: o, ...Oe ? {} : Re });
+        return (h.isValid || S.isValid) && (r.mode === "onBlur" ? ie && T() : ie || T()), jt && p.state.next({ name: o, ...Oe ? {} : Re });
       if (!ie && Oe && p.state.next({ ...e }), r.resolver) {
         const { errors: dt } = await W([o]);
         if (U([o]), y(be), v) {
@@ -777,7 +777,7 @@ function vr(t = {}) {
           L = ft.error, o = ft.name, ee = j(dt);
         }
       } else
-        U([o], !0), L = (await ze(_, l.disabled, i, I, r.shouldUseNativeValidation))[o], U([o]), y(be), v && (L ? ee = !1 : (g.isValid || S.isValid) && (ee = await Z(s, !0)));
+        U([o], !0), L = (await ze(_, l.disabled, i, I, r.shouldUseNativeValidation))[o], U([o]), y(be), v && (L ? ee = !1 : (h.isValid || S.isValid) && (ee = await Z(s, !0)));
       v && (_._f.deps && (!Array.isArray(_._f.deps) || _._f.deps.length > 0) && ge(_._f.deps), w(o, ee, L, Re));
     }
   }, _e = (a, n) => {
@@ -794,7 +794,7 @@ function vr(t = {}) {
       return await Z(b && b._f ? { [y]: b } : b);
     }))).every(Boolean), !(!v && !e.isValid) && T()) : v = o = await Z(s);
     return p.state.next({
-      ...!X(a) || (g.isValid || S.isValid) && o !== e.isValid ? {} : { name: a },
+      ...!X(a) || (h.isValid || S.isValid) && o !== e.isValid ? {} : { name: a },
       ...r.resolver || !a ? { isValid: o } : {},
       errors: e.errors
     }), n.shouldFocus && !v && fe(s, _e, a ? _ : l.mount), v;
@@ -828,7 +828,7 @@ function vr(t = {}) {
     next: (o) => "values" in o && a(C(void 0, n), o)
   }) : C(a, n, !0), nt = (a) => p.state.subscribe({
     next: (n) => {
-      mr(a.name, n.name, a.exact) && yr(n, a.formState || g, $t, a.reRenderRoot) && a.callback({
+      mr(a.name, n.name, a.exact) && yr(n, a.formState || h, $t, a.reRenderRoot) && a.callback({
         values: { ...i },
         ...e,
         ...n,
@@ -946,7 +946,7 @@ function vr(t = {}) {
     }), v)
       throw v;
   }, Wt = (a, n = {}) => {
-    m(s, a) && (N(n.defaultValue) ? Y(a, M(m(u, a))) : (Y(a, n.defaultValue), O(u, a, M(n.defaultValue))), n.keepTouched || P(e.touchedFields, a), n.keepDirty || (P(e.dirtyFields, a), e.isDirty = n.defaultValue ? E(a, M(m(u, a))) : E()), n.keepError || (P(e.errors, a), g.isValid && T()), p.state.next({ ...e }));
+    m(s, a) && (N(n.defaultValue) ? Y(a, M(m(u, a))) : (Y(a, n.defaultValue), O(u, a, M(n.defaultValue))), n.keepTouched || P(e.touchedFields, a), n.keepDirty || (P(e.dirtyFields, a), e.isDirty = n.defaultValue ? E(a, M(m(u, a))) : E()), n.keepError || (P(e.errors, a), h.isValid && T()), p.state.next({ ...e }));
   }, ot = (a, n = {}) => {
     const o = a ? M(a) : u, v = M(o), _ = j(a), y = _ ? u : v;
     if (n.keepDefaultValues || (u = o), !n.keepValues) {
@@ -992,7 +992,7 @@ function vr(t = {}) {
       watch: /* @__PURE__ */ new Set(),
       watchAll: !1,
       focus: ""
-    }, c.mount = !g.isValid || !!n.keepIsValid || !!n.keepDirtyValues || !r.shouldUnregister && !j(y), c.watch = !!r.shouldUnregister, c.keepIsValid = !!n.keepIsValid, c.action = !1, n.keepErrors || (e.errors = {}), p.state.next({
+    }, c.mount = !h.isValid || !!n.keepIsValid || !!n.keepDirtyValues || !r.shouldUnregister && !j(y), c.watch = !!r.shouldUnregister, c.keepIsValid = !!n.keepIsValid, c.action = !1, n.keepErrors || (e.errors = {}), p.state.next({
       submitCount: n.keepSubmitCount ? e.submitCount : 0,
       isDirty: _ ? !1 : n.keepDirty ? e.isDirty : !!(n.keepDefaultValues && !ae(a, u)),
       isSubmitted: n.keepIsSubmitted ? e.isSubmitted : !1,
@@ -1043,7 +1043,7 @@ function vr(t = {}) {
       _removeUnmounted: Fe,
       _disableForm: Pt,
       _subjects: p,
-      _proxyFormState: g,
+      _proxyFormState: h,
       get _fields() {
         return s;
       },
@@ -1133,59 +1133,59 @@ var He = (t, r) => N(r) ? [] : Vr(t, z(r).sort((e, s) => e - s)), $e = (t, r, e)
   [t[r], t[e]] = [t[e], t[r]];
 }, bt = (t, r, e) => (t[r] = e, t);
 function Fr(t) {
-  const r = Ve(), { control: e = r.control, name: s, keyName: u = "id", shouldUnregister: i, rules: c } = t, [l, V] = F.useState(e._getFieldArray(s)), h = F.useRef(e._getFieldArray(s).map(ue)), k = F.useRef(!1);
+  const r = Ve(), { control: e = r.control, name: s, keyName: u = "id", shouldUnregister: i, rules: c } = t, [l, V] = F.useState(e._getFieldArray(s)), g = F.useRef(e._getFieldArray(s).map(ue)), k = F.useRef(!1);
   e._names.array.add(s), F.useMemo(() => c && l.length >= 0 && e.register(s, c), [e, s, l.length, c]), ke(() => e._subjects.array.subscribe({
     next: ({ values: f, name: d }) => {
       if (d === s || !d) {
         const A = m(f, s);
-        Array.isArray(A) && (V(A), h.current = A.map(ue));
+        Array.isArray(A) && (V(A), g.current = A.map(ue));
       }
     }
   }).unsubscribe, [e, s]);
-  const g = F.useCallback((f) => {
+  const h = F.useCallback((f) => {
     k.current = !0, e._setFieldArray(s, f);
   }, [e, s]), S = (f, d) => {
     const A = z(M(f)), w = Me(e._getFieldArray(s), A);
-    e._names.focus = Ue(s, w.length - 1, d), h.current = Me(h.current, A.map(ue)), g(w), V(w), e._setFieldArray(s, w, Me, {
+    e._names.focus = Ue(s, w.length - 1, d), g.current = Me(g.current, A.map(ue)), h(w), V(w), e._setFieldArray(s, w, Me, {
       argA: Ie(f)
     });
   }, p = (f, d) => {
     const A = z(M(f)), w = We(e._getFieldArray(s), A);
-    e._names.focus = Ue(s, 0, d), h.current = We(h.current, A.map(ue)), g(w), V(w), e._setFieldArray(s, w, We, {
+    e._names.focus = Ue(s, 0, d), g.current = We(g.current, A.map(ue)), h(w), V(w), e._setFieldArray(s, w, We, {
       argA: Ie(f)
     });
   }, I = (f) => {
     const d = He(e._getFieldArray(s), f);
-    h.current = He(h.current, f), g(d), V(d), !Array.isArray(m(e._fields, s)) && O(e._fields, s, void 0), e._setFieldArray(s, d, He, {
+    g.current = He(g.current, f), h(d), V(d), !Array.isArray(m(e._fields, s)) && O(e._fields, s, void 0), e._setFieldArray(s, d, He, {
       argA: f
     });
   }, R = (f, d, A) => {
     const w = z(M(d)), W = Be(e._getFieldArray(s), f, w);
-    e._names.focus = Ue(s, f, A), h.current = Be(h.current, f, w.map(ue)), g(W), V(W), e._setFieldArray(s, W, Be, {
+    e._names.focus = Ue(s, f, A), g.current = Be(g.current, f, w.map(ue)), h(W), V(W), e._setFieldArray(s, W, Be, {
       argA: f,
       argB: Ie(d)
     });
   }, T = (f, d) => {
     const A = e._getFieldArray(s);
-    $e(A, f, d), $e(h.current, f, d), g(A), V(A), e._setFieldArray(s, A, $e, {
+    $e(A, f, d), $e(g.current, f, d), h(A), V(A), e._setFieldArray(s, A, $e, {
       argA: f,
       argB: d
     }, !1);
   }, U = (f, d) => {
     const A = e._getFieldArray(s);
-    Pe(A, f, d), Pe(h.current, f, d), g(A), V(A), e._setFieldArray(s, A, Pe, {
+    Pe(A, f, d), Pe(g.current, f, d), h(A), V(A), e._setFieldArray(s, A, Pe, {
       argA: f,
       argB: d
     }, !1);
   }, x = (f, d) => {
     const A = M(d), w = bt(e._getFieldArray(s), f, A);
-    h.current = [...w].map((W, K) => !W || K === f ? ue() : h.current[K]), g(w), V([...w]), e._setFieldArray(s, w, bt, {
+    g.current = [...w].map((W, K) => !W || K === f ? ue() : g.current[K]), h(w), V([...w]), e._setFieldArray(s, w, bt, {
       argA: f,
       argB: A
     }, !0, !1);
   }, B = (f) => {
     const d = z(M(f));
-    h.current = d.map(ue), g([...d]), V([...d]), e._setFieldArray(s, [...d], (A) => A, {}, !0, !1);
+    g.current = d.map(ue), h([...d]), V([...d]), e._setFieldArray(s, [...d], (A) => A, {}, !0, !1);
   };
   return F.useEffect(() => {
     if (e._state.action = !1, Qe(s, e._names) && e._subjects.state.next({
@@ -1219,17 +1219,17 @@ function Fr(t) {
     };
     e._options.shouldUnregister || i ? e.unregister(s) : f(s, !1);
   }), [s, e, u, i]), {
-    swap: F.useCallback(T, [g, s, e]),
-    move: F.useCallback(U, [g, s, e]),
-    prepend: F.useCallback(p, [g, s, e]),
-    append: F.useCallback(S, [g, s, e]),
-    remove: F.useCallback(I, [g, s, e]),
-    insert: F.useCallback(R, [g, s, e]),
-    update: F.useCallback(x, [g, s, e]),
-    replace: F.useCallback(B, [g, s, e]),
+    swap: F.useCallback(T, [h, s, e]),
+    move: F.useCallback(U, [h, s, e]),
+    prepend: F.useCallback(p, [h, s, e]),
+    append: F.useCallback(S, [h, s, e]),
+    remove: F.useCallback(I, [h, s, e]),
+    insert: F.useCallback(R, [h, s, e]),
+    update: F.useCallback(x, [h, s, e]),
+    replace: F.useCallback(B, [h, s, e]),
     fields: F.useMemo(() => l.map((f, d) => ({
       ...f,
-      [u]: h.current[d] || ue()
+      [u]: g.current[d] || ue()
     })), [l, u])
   };
 }
@@ -1307,7 +1307,7 @@ const Lt = zt(void 0), Ar = ({ showAsterisk: t, children: r }) => /* @__PURE__ *
   return t;
 };
 function Nt(t, r, e) {
-  const { conditions: s, operator: u } = e, i = t.reduce((l, V, h) => (l[V] = r[h], l), {}), c = s.map((l) => {
+  const { conditions: s, operator: u } = e, i = t.reduce((l, V, g) => (l[V] = r[g], l), {}), c = s.map((l) => {
     const V = i[l.name];
     switch (l.operator) {
       case "EQUALS":
@@ -1358,19 +1358,19 @@ const xr = ({
   disabled: c,
   shouldUnregister: l,
   visibility: V,
-  description: h
+  description: g
 }) => {
-  const { control: k } = Ve(), g = t.props.value ?? "", { showAsterisk: S } = pr(), p = t.props.onChange, I = t.props.onBlur, R = ye(() => i || crypto.randomUUID(), []), T = ye(() => {
-    if (h)
-      return typeof h == "string" ? { position: "LABEL_BOTTOM", text: h } : h;
-  }, [h]);
+  const { control: k } = Ve(), h = t.props.value ?? "", { showAsterisk: S } = pr(), p = t.props.onChange, I = t.props.onBlur, R = ye(() => i || crypto.randomUUID(), []), T = ye(() => {
+    if (g)
+      return typeof g == "string" ? { position: "LABEL_BOTTOM", text: g } : g;
+  }, [g]);
   return /* @__PURE__ */ te(xr, { visibility: V, children: /* @__PURE__ */ te(Sr, { disabled: c, children: /* @__PURE__ */ te(
     ar,
     {
       control: k,
       name: r,
       rules: e,
-      defaultValue: g,
+      defaultValue: h,
       shouldUnregister: l,
       render: ({
         field: { name: U, onBlur: x, value: B, onChange: f, ref: d, disabled: A },
@@ -1437,43 +1437,43 @@ const Er = ({
     rules: r
   });
   At(e, () => c, [c]);
-  const l = (V, h) => Yt.map(V, (k) => {
+  const l = (V, g) => Yt.map(V, (k) => {
     var I, R;
     if (!Jt(k))
       return k;
-    const g = k.props, S = k.type;
-    if (((S == null ? void 0 : S.displayName) === "SuprFormControl" || S === tt || g.name !== void 0 && typeof S != "string") && g.name !== void 0) {
-      const T = u ? u[g.name] : void 0, U = T ? {
+    const h = k.props, S = k.type;
+    if (((S == null ? void 0 : S.displayName) === "SuprFormControl" || S === tt || h.name !== void 0 && typeof S != "string") && h.name !== void 0) {
+      const T = u ? u[h.name] : void 0, U = T ? {
         ...T,
         conditions: ((I = T.conditions) == null ? void 0 : I.map((d) => ({
           ...d,
-          name: `${h}${d.name}`
+          name: `${g}${d.name}`
         }))) || []
-      } : void 0, x = i ? i[g.name] : void 0, B = x ? {
+      } : void 0, x = i ? i[h.name] : void 0, B = x ? {
         ...x,
         conditions: ((R = x.conditions) == null ? void 0 : R.map((d) => ({
           ...d,
-          name: `${h}${d.name}`
+          name: `${g}${d.name}`
         }))) || []
       } : void 0, f = {
-        ...g,
-        name: `${h}${g.name}`,
+        ...h,
+        name: `${g}${h.name}`,
         visibility: U,
         disabled: B
       };
-      return g.id !== void 0 && (f.id = `${h}${g.id}`), Ae(k, f);
+      return h.id !== void 0 && (f.id = `${g}${h.id}`), Ae(k, f);
     }
-    return g.children ? Ae(k, {
-      ...g,
-      children: l(g.children, h)
+    return h.children ? Ae(k, {
+      ...h,
+      children: l(h.children, g)
     }) : k;
   });
-  return /* @__PURE__ */ te(Qt, { children: c.fields.map((V, h) => {
-    const k = `${t}.${h}.`;
+  return /* @__PURE__ */ te(Qt, { children: c.fields.map((V, g) => {
+    const k = `${t}.${g}.`;
     return /* @__PURE__ */ te(
       "div",
       {
-        "data-index": h,
+        "data-index": g,
         style: { display: "contents" },
         id: "field-array-item",
         children: l(s, k)
@@ -1494,7 +1494,7 @@ const Er = ({
   ref: l,
   onChange: V
 }) => {
-  const h = br({
+  const g = br({
     mode: "onSubmit",
     reValidateMode: "onChange",
     shouldFocusError: !0,
@@ -1503,29 +1503,30 @@ const Er = ({
   return At(
     l,
     () => ({
-      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
+      setValue: g.setValue,
+      setError: g.setError,
+      clearErrors: g.clearErrors,
+      getValues: g.getValues,
+      reset: g.reset,
+      setFocus: g.setFocus,
+      resetField: g.resetField,
+      trigger: g.trigger,
+      unregister: g.unregister,
+      watch: g.watch,
+      handleSubmit: g.handleSubmit,
+      formState: g.formState
     }),
-    [h]
+    [g]
   ), Xt(() => {
-    const k = h.watch((g) => {
-      V == null || V(g);
+    const k = g.watch((h) => {
+      V == null || V(h);
     });
     return () => k.unsubscribe();
-  }, [h.watch]), /* @__PURE__ */ te(Ar, { showAsterisk: c, children: /* @__PURE__ */ te(tr, { ...h, children: /* @__PURE__ */ te(
+  }, [g.watch]), /* @__PURE__ */ te(Ar, { showAsterisk: c, children: /* @__PURE__ */ te(tr, { ...g, children: /* @__PURE__ */ te(
     "form",
     {
       noValidate: !0,
-      onSubmit: h.handleSubmit(r, e),
+      onSubmit: g.handleSubmit(r, e),
       style: s,
       className: u,
       children: t