suprform 1.0.1 → 1.0.3

package/dist/suprform.es.js

@@ -1,47 +1,47 @@
-import { jsx as he, jsxs as Et, Fragment as St } from "react/jsx-runtime";
-import _, { useCallback as Ye, cloneElement as Ct } from "react";
-var ge = (e) => e.type === "checkbox", ae = (e) => e instanceof Date, j = (e) => e == null;
-const ut = (e) => typeof e == "object";
-var M = (e) => !j(e) && !Array.isArray(e) && ut(e) && !ae(e), lt = (e) => M(e) && e.target ? ge(e.target) ? e.target.checked : e.target.value : e, Rt = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, ot = (e, s) => e.has(Rt(s)), Ot = (e) => {
+import { jsx as oe, jsxs as Et } from "react/jsx-runtime";
+import m, { useCallback as Ye, cloneElement as St } from "react";
+var ge = (e) => e.type === "checkbox", ae = (e) => e instanceof Date, $ = (e) => e == null;
+const lt = (e) => typeof e == "object";
+var M = (e) => !$(e) && !Array.isArray(e) && lt(e) && !ae(e), ut = (e) => M(e) && e.target ? ge(e.target) ? e.target.checked : e.target.value : e, Ct = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, ot = (e, s) => e.has(Ct(s)), Rt = (e) => {
   const s = e.constructor && e.constructor.prototype;
   return M(s) && s.hasOwnProperty("isPrototypeOf");
 }, Te = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
-function U(e) {
+function p(e) {
   let s;
   const t = Array.isArray(e), i = typeof FileList < "u" ? e instanceof FileList : !1;
   if (e instanceof Date)
     s = new Date(e);
   else if (!(Te && (e instanceof Blob || i)) && (t || M(e)))
-    if (s = t ? [] : Object.create(Object.getPrototypeOf(e)), !t && !Ot(e))
+    if (s = t ? [] : Object.create(Object.getPrototypeOf(e)), !t && !Rt(e))
       s = e;
     else
-      for (const u in e)
-        e.hasOwnProperty(u) && (s[u] = U(e[u]));
+      for (const l in e)
+        e.hasOwnProperty(l) && (s[l] = p(e[l]));
   else
     return e;
   return s;
 }
-var Fe = (e) => /^\w*$/.test(e), O = (e) => e === void 0, Le = (e) => Array.isArray(e) ? e.filter(Boolean) : [], Me = (e) => Le(e.replace(/["|']|\]/g, "").split(/\.|\[/)), y = (e, s, t) => {
+var Fe = (e) => /^\w*$/.test(e), O = (e) => e === void 0, Le = (e) => Array.isArray(e) ? e.filter(Boolean) : [], Ue = (e) => Le(e.replace(/["|']|\]/g, "").split(/\.|\[/)), y = (e, s, t) => {
   if (!s || !M(e))
     return t;
-  const i = (Fe(s) ? [s] : Me(s)).reduce((u, n) => j(u) ? u : u[n], e);
+  const i = (Fe(s) ? [s] : Ue(s)).reduce((l, n) => $(l) ? l : l[n], e);
   return O(i) || i === e ? O(e[s]) ? t : e[s] : i;
-}, z = (e) => typeof e == "boolean", C = (e, s, t) => {
+}, K = (e) => typeof e == "boolean", C = (e, s, t) => {
   let i = -1;
-  const u = Fe(s) ? [s] : Me(s), n = u.length, d = n - 1;
+  const l = Fe(s) ? [s] : Ue(s), n = l.length, o = n - 1;
   for (; ++i < n; ) {
-    const c = u[i];
+    const c = l[i];
     let w = t;
-    if (i !== d) {
-      const E = e[c];
-      w = M(E) || Array.isArray(E) ? E : isNaN(+u[i + 1]) ? {} : [];
+    if (i !== o) {
+      const R = e[c];
+      w = M(R) || Array.isArray(R) ? R : isNaN(+l[i + 1]) ? {} : [];
     }
     if (c === "__proto__" || c === "constructor" || c === "prototype")
       return;
     e[c] = w, e = e[c];
   }
 };
-const me = {
+const _e = {
   BLUR: "blur",
   FOCUS_OUT: "focusout",
   CHANGE: "change"
@@ -59,28 +59,28 @@ const me = {
   pattern: "pattern",
   required: "required",
   validate: "validate"
-}, Ue = _.createContext(null);
-Ue.displayName = "HookFormContext";
-const Ae = () => _.useContext(Ue), Tt = (e) => {
+}, Me = m.createContext(null);
+Me.displayName = "HookFormContext";
+const xe = () => m.useContext(Me), Ot = (e) => {
   const { children: s, ...t } = e;
-  return _.createElement(Ue.Provider, { value: t }, s);
+  return m.createElement(Me.Provider, { value: t }, s);
 };
 var dt = (e, s, t, i = !0) => {
-  const u = {
+  const l = {
     defaultValues: s._defaultValues
   };
   for (const n in e)
-    Object.defineProperty(u, n, {
+    Object.defineProperty(l, n, {
       get: () => {
-        const d = n;
-        return s._proxyFormState[d] !== J.all && (s._proxyFormState[d] = !i || J.all), t && (t[d] = !0), e[d];
+        const o = n;
+        return s._proxyFormState[o] !== J.all && (s._proxyFormState[o] = !i || J.all), t && (t[o] = !0), e[o];
       }
     });
-  return u;
+  return l;
 };
-const pe = typeof window < "u" ? _.useLayoutEffect : _.useEffect;
-function Lt(e) {
-  const s = Ae(), { control: t = s.control, disabled: i, name: u, exact: n } = e || {}, [d, c] = _.useState(t._formState), w = _.useRef({
+const pe = typeof window < "u" ? m.useLayoutEffect : m.useEffect;
+function Tt(e) {
+  const s = xe(), { control: t = s.control, disabled: i, name: l, exact: n } = e || {}, [o, c] = m.useState(t._formState), w = m.useRef({
     isDirty: !1,
     isLoading: !1,
     dirtyFields: !1,
@@ -91,193 +91,193 @@ function Lt(e) {
     errors: !1
   });
   return pe(() => t._subscribe({
-    name: u,
+    name: l,
     formState: w.current,
     exact: n,
-    callback: (E) => {
+    callback: (R) => {
       !i && c({
         ...t._formState,
-        ...E
+        ...R
       });
     }
-  }), [u, i, n]), _.useEffect(() => {
+  }), [l, i, n]), m.useEffect(() => {
     w.current.isValid && t._setValid(!0);
-  }, [t]), _.useMemo(() => dt(d, t, w.current, !1), [d, t]);
+  }, [t]), m.useMemo(() => dt(o, t, w.current, !1), [o, t]);
 }
-var G = (e) => typeof e == "string", Ce = (e, s, t, i, u) => G(e) ? (i && s.watch.add(e), y(t, e, u)) : Array.isArray(e) ? e.map((n) => (i && s.watch.add(n), y(t, n))) : (i && (s.watchAll = !0), t), Re = (e) => j(e) || !ut(e);
+var G = (e) => typeof e == "string", Ce = (e, s, t, i, l) => G(e) ? (i && s.watch.add(e), y(t, e, l)) : Array.isArray(e) ? e.map((n) => (i && s.watch.add(n), y(t, n))) : (i && (s.watchAll = !0), t), Re = (e) => $(e) || !lt(e);
 function Q(e, s, t = /* @__PURE__ */ new WeakSet()) {
   if (Re(e) || Re(s))
     return Object.is(e, s);
   if (ae(e) && ae(s))
     return e.getTime() === s.getTime();
-  const i = Object.keys(e), u = Object.keys(s);
-  if (i.length !== u.length)
+  const i = Object.keys(e), l = Object.keys(s);
+  if (i.length !== l.length)
     return !1;
   if (t.has(e) || t.has(s))
     return !0;
   t.add(e), t.add(s);
   for (const n of i) {
-    const d = e[n];
-    if (!u.includes(n))
+    const o = e[n];
+    if (!l.includes(n))
       return !1;
     if (n !== "ref") {
       const c = s[n];
-      if (ae(d) && ae(c) || M(d) && M(c) || Array.isArray(d) && Array.isArray(c) ? !Q(d, c, t) : !Object.is(d, c))
+      if (ae(o) && ae(c) || M(o) && M(c) || Array.isArray(o) && Array.isArray(c) ? !Q(o, c, t) : !Object.is(o, c))
         return !1;
     }
   }
   return !0;
 }
-function Mt(e) {
-  const s = Ae(), { control: t = s.control, name: i, defaultValue: u, disabled: n, exact: d, compute: c } = e || {}, w = _.useRef(u), E = _.useRef(c), V = _.useRef(void 0), m = _.useRef(t), v = _.useRef(i);
-  E.current = c;
-  const [p, q] = _.useState(() => {
-    const F = t._getWatch(i, w.current);
-    return E.current ? E.current(F) : F;
-  }), R = _.useCallback((F) => {
-    const A = Ce(i, t._names, F || t._formValues, !1, w.current);
-    return E.current ? E.current(A) : A;
-  }, [t._formValues, t._names, i]), B = _.useCallback((F) => {
+function Lt(e) {
+  const s = xe(), { control: t = s.control, name: i, defaultValue: l, disabled: n, exact: o, compute: c } = e || {}, w = m.useRef(l), R = m.useRef(c), F = m.useRef(void 0), _ = m.useRef(t), v = m.useRef(i);
+  R.current = c;
+  const [B, N] = m.useState(() => {
+    const V = t._getWatch(i, w.current);
+    return R.current ? R.current(V) : V;
+  }), E = m.useCallback((V) => {
+    const x = Ce(i, t._names, V || t._formValues, !1, w.current);
+    return R.current ? R.current(x) : x;
+  }, [t._formValues, t._names, i]), L = m.useCallback((V) => {
     if (!n) {
-      const A = Ce(i, t._names, F || t._formValues, !1, w.current);
-      if (E.current) {
-        const $ = E.current(A);
-        Q($, V.current) || (q($), V.current = $);
+      const x = Ce(i, t._names, V || t._formValues, !1, w.current);
+      if (R.current) {
+        const j = R.current(x);
+        Q(j, F.current) || (N(j), F.current = j);
       } else
-        q(A);
+        N(x);
     }
   }, [t._formValues, t._names, n, i]);
-  pe(() => ((m.current !== t || !Q(v.current, i)) && (m.current = t, v.current = i, B()), t._subscribe({
+  pe(() => ((_.current !== t || !Q(v.current, i)) && (_.current = t, v.current = i, L()), t._subscribe({
     name: i,
     formState: {
       values: !0
     },
-    exact: d,
-    callback: (F) => {
-      B(F.values);
+    exact: o,
+    callback: (V) => {
+      L(V.values);
     }
-  })), [t, d, i, B]), _.useEffect(() => t._removeUnmounted());
-  const Z = m.current !== t, b = v.current, N = _.useMemo(() => {
+  })), [t, o, i, L]), m.useEffect(() => t._removeUnmounted());
+  const Z = _.current !== t, b = v.current, I = m.useMemo(() => {
     if (n)
       return null;
-    const F = !Z && !Q(b, i);
-    return Z || F ? R() : null;
-  }, [n, Z, i, b, R]);
-  return N !== null ? N : p;
+    const V = !Z && !Q(b, i);
+    return Z || V ? E() : null;
+  }, [n, Z, i, b, E]);
+  return I !== null ? I : B;
 }
 function Ut(e) {
-  const s = Ae(), { name: t, disabled: i, control: u = s.control, shouldUnregister: n, defaultValue: d, exact: c = !0 } = e, w = ot(u._names.array, t), E = _.useMemo(() => y(u._formValues, t, y(u._defaultValues, t, d)), [u, t, d]), V = Mt({
-    control: u,
+  const s = xe(), { name: t, disabled: i, control: l = s.control, shouldUnregister: n, defaultValue: o, exact: c = !0 } = e, w = ot(l._names.array, t), R = m.useMemo(() => y(l._formValues, t, y(l._defaultValues, t, o)), [l, t, o]), F = Lt({
+    control: l,
     name: t,
-    defaultValue: E,
+    defaultValue: R,
     exact: c
-  }), m = Lt({
-    control: u,
+  }), _ = Tt({
+    control: l,
     name: t,
     exact: c
-  }), v = _.useRef(e), p = _.useRef(void 0), q = _.useRef(u.register(t, {
+  }), v = m.useRef(e), B = m.useRef(void 0), N = m.useRef(l.register(t, {
     ...e.rules,
-    value: V,
-    ...z(e.disabled) ? { disabled: e.disabled } : {}
+    value: F,
+    ...K(e.disabled) ? { disabled: e.disabled } : {}
   }));
   v.current = e;
-  const R = _.useMemo(() => Object.defineProperties({}, {
+  const E = m.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
-      get: () => !!y(m.errors, t)
+      get: () => !!y(_.errors, t)
     },
     isDirty: {
       enumerable: !0,
-      get: () => !!y(m.dirtyFields, t)
+      get: () => !!y(_.dirtyFields, t)
     },
     isTouched: {
       enumerable: !0,
-      get: () => !!y(m.touchedFields, t)
+      get: () => !!y(_.touchedFields, t)
     },
     isValidating: {
       enumerable: !0,
-      get: () => !!y(m.validatingFields, t)
+      get: () => !!y(_.validatingFields, t)
     },
     error: {
       enumerable: !0,
-      get: () => y(m.errors, t)
+      get: () => y(_.errors, t)
     }
-  }), [m, t]), B = _.useCallback((F) => q.current.onChange({
+  }), [_, t]), L = m.useCallback((V) => N.current.onChange({
     target: {
-      value: lt(F),
+      value: ut(V),
       name: t
     },
-    type: me.CHANGE
-  }), [t]), Z = _.useCallback(() => q.current.onBlur({
+    type: _e.CHANGE
+  }), [t]), Z = m.useCallback(() => N.current.onBlur({
     target: {
-      value: y(u._formValues, t),
+      value: y(l._formValues, t),
       name: t
     },
-    type: me.BLUR
-  }), [t, u._formValues]), b = _.useCallback((F) => {
-    const A = y(u._fields, t);
-    A && F && (A._f.ref = {
-      focus: () => F.focus && F.focus(),
-      select: () => F.select && F.select(),
-      setCustomValidity: ($) => F.setCustomValidity($),
-      reportValidity: () => F.reportValidity()
+    type: _e.BLUR
+  }), [t, l._formValues]), b = m.useCallback((V) => {
+    const x = y(l._fields, t);
+    x && V && (x._f.ref = {
+      focus: () => V.focus && V.focus(),
+      select: () => V.select && V.select(),
+      setCustomValidity: (j) => V.setCustomValidity(j),
+      reportValidity: () => V.reportValidity()
     });
-  }, [u._fields, t]), N = _.useMemo(() => ({
+  }, [l._fields, t]), I = m.useMemo(() => ({
     name: t,
-    value: V,
-    ...z(i) || m.disabled ? { disabled: m.disabled || i } : {},
-    onChange: B,
+    value: F,
+    ...K(i) || _.disabled ? { disabled: _.disabled || i } : {},
+    onChange: L,
     onBlur: Z,
     ref: b
-  }), [t, i, m.disabled, B, Z, b, V]);
-  return _.useEffect(() => {
-    const F = u._options.shouldUnregister || n, A = p.current;
-    A && A !== t && !w && u.unregister(A), u.register(t, {
+  }), [t, i, _.disabled, L, Z, b, F]);
+  return m.useEffect(() => {
+    const V = l._options.shouldUnregister || n, x = B.current;
+    x && x !== t && !w && l.unregister(x), l.register(t, {
       ...v.current.rules,
-      ...z(v.current.disabled) ? { disabled: v.current.disabled } : {}
+      ...K(v.current.disabled) ? { disabled: v.current.disabled } : {}
     });
-    const $ = (K, oe) => {
-      const I = y(u._fields, K);
-      I && I._f && (I._f.mount = oe);
+    const j = (z, de) => {
+      const P = y(l._fields, z);
+      P && P._f && (P._f.mount = de);
     };
-    if ($(t, !0), F) {
-      const K = U(y(u._options.defaultValues, t, v.current.defaultValue));
-      C(u._defaultValues, t, K), O(y(u._formValues, t)) && C(u._formValues, t, K);
+    if (j(t, !0), V) {
+      const z = p(y(l._options.defaultValues, t, v.current.defaultValue));
+      C(l._defaultValues, t, z), O(y(l._formValues, t)) && C(l._formValues, t, z);
     }
-    return !w && u.register(t), p.current = t, () => {
-      (w ? F && !u._state.action : F) ? u.unregister(t) : $(t, !1);
+    return !w && l.register(t), B.current = t, () => {
+      (w ? V && !l._state.action : V) ? l.unregister(t) : j(t, !1);
     };
-  }, [t, u, w, n]), _.useEffect(() => {
-    u._setDisabledField({
+  }, [t, l, w, n]), m.useEffect(() => {
+    l._setDisabledField({
       disabled: i,
       name: t
     });
-  }, [i, t, u]), _.useMemo(() => ({
-    field: N,
-    formState: m,
-    fieldState: R
-  }), [N, m, R]);
+  }, [i, t, l]), m.useMemo(() => ({
+    field: I,
+    formState: _,
+    fieldState: E
+  }), [I, _, E]);
 }
-const pt = (e) => e.render(Ut(e));
-var Bt = (e, s, t, i, u) => s ? {
+const Mt = (e) => e.render(Ut(e));
+var pt = (e, s, t, i, l) => s ? {
   ...t[e],
   types: {
     ...t[e] && t[e].types ? t[e].types : {},
-    [i]: u || !0
+    [i]: l || !0
   }
-} : {}, fe = (e) => Array.isArray(e) ? e : [e], Je = () => {
+} : {}, ye = (e) => Array.isArray(e) ? e : [e], Je = () => {
   let e = [];
   return {
     get observers() {
       return e;
     },
-    next: (u) => {
+    next: (l) => {
       for (const n of e)
-        n.next && n.next(u);
+        n.next && n.next(l);
     },
-    subscribe: (u) => (e.push(u), {
+    subscribe: (l) => (e.push(l), {
       unsubscribe: () => {
-        e = e.filter((n) => n !== u);
+        e = e.filter((n) => n !== l);
       }
     }),
     unsubscribe: () => {
@@ -289,45 +289,45 @@ function ct(e, s) {
   const t = {};
   for (const i in e)
     if (e.hasOwnProperty(i)) {
-      const u = e[i], n = s[i];
-      if (u && M(u) && n) {
-        const d = ct(u, n);
-        M(d) && (t[i] = d);
+      const l = e[i], n = s[i];
+      if (l && M(l) && n) {
+        const o = ct(l, n);
+        M(o) && (t[i] = o);
       } else e[i] && (t[i] = n);
     }
   return t;
 }
-var W = (e) => M(e) && !Object.keys(e).length, Be = (e) => e.type === "file", X = (e) => typeof e == "function", be = (e) => {
+var q = (e) => M(e) && !Object.keys(e).length, Ne = (e) => e.type === "file", X = (e) => typeof e == "function", be = (e) => {
   if (!Te)
     return !1;
   const s = e ? e.ownerDocument : 0;
   return e instanceof (s && s.defaultView ? s.defaultView.HTMLElement : HTMLElement);
-}, ft = (e) => e.type === "select-multiple", Ne = (e) => e.type === "radio", Nt = (e) => Ne(e) || ge(e), Se = (e) => be(e) && e.isConnected;
-function It(e, s) {
+}, ft = (e) => e.type === "select-multiple", Be = (e) => e.type === "radio", Nt = (e) => Be(e) || ge(e), Se = (e) => be(e) && e.isConnected;
+function Bt(e, s) {
   const t = s.slice(0, -1).length;
   let i = 0;
   for (; i < t; )
     e = O(e) ? i++ : e[s[i++]];
   return e;
 }
-function Pt(e) {
+function It(e) {
   for (const s in e)
     if (e.hasOwnProperty(s) && !O(e[s]))
       return !1;
   return !0;
 }
-function L(e, s) {
-  const t = Array.isArray(s) ? s : Fe(s) ? [s] : Me(s), i = t.length === 1 ? e : It(e, t), u = t.length - 1, n = t[u];
-  return i && delete i[n], u !== 0 && (M(i) && W(i) || Array.isArray(i) && Pt(i)) && L(e, t.slice(0, -1)), e;
+function U(e, s) {
+  const t = Array.isArray(s) ? s : Fe(s) ? [s] : Ue(s), i = t.length === 1 ? e : Bt(e, t), l = t.length - 1, n = t[l];
+  return i && delete i[n], l !== 0 && (M(i) && q(i) || Array.isArray(i) && It(i)) && U(e, t.slice(0, -1)), e;
 }
-var Wt = (e) => {
+var Pt = (e) => {
   for (const s in e)
     if (X(e[s]))
       return !0;
   return !1;
 };
 function yt(e) {
-  return Array.isArray(e) || M(e) && !Wt(e);
+  return Array.isArray(e) || M(e) && !Pt(e);
 }
 function Oe(e, s = {}) {
   for (const t in e) {
@@ -336,15 +336,15 @@ function Oe(e, s = {}) {
   }
   return s;
 }
-function le(e, s, t) {
+function ue(e, s, t) {
   t || (t = Oe(s));
   for (const i in e) {
-    const u = e[i];
-    if (yt(u))
-      O(s) || Re(t[i]) ? t[i] = Oe(u, Array.isArray(u) ? [] : {}) : le(u, j(s) ? {} : s[i], t[i]);
+    const l = e[i];
+    if (yt(l))
+      O(s) || Re(t[i]) ? t[i] = Oe(l, Array.isArray(l) ? [] : {}) : ue(l, $(s) ? {} : s[i], t[i]);
     else {
       const n = s[i];
-      t[i] = !Q(u, n);
+      t[i] = !Q(l, n);
     }
   }
   return t;
@@ -376,21 +376,21 @@ var vt = (e) => Array.isArray(e) ? e.reduce((s, t) => t && t.checked && !t.disab
 } : s, Ze) : Ze;
 function et(e) {
   const s = e.ref;
-  return Be(s) ? s.files : Ne(s) ? vt(e.refs).value : ft(s) ? [...s.selectedOptions].map(({ value: t }) => t) : ge(s) ? ht(e.refs).value : gt(O(s.value) ? e.ref.value : s.value, e);
+  return Ne(s) ? s.files : Be(s) ? vt(e.refs).value : ft(s) ? [...s.selectedOptions].map(({ value: t }) => t) : ge(s) ? ht(e.refs).value : gt(O(s.value) ? e.ref.value : s.value, e);
 }
-var qt = (e, s, t, i) => {
-  const u = {};
+var Wt = (e, s, t, i) => {
+  const l = {};
   for (const n of e) {
-    const d = y(s, n);
-    d && C(u, n, d._f);
+    const o = y(s, n);
+    o && C(l, n, o._f);
   }
   return {
     criteriaMode: t,
     names: [...e],
-    fields: u,
+    fields: l,
     shouldUseNativeValidation: i
   };
-}, Ve = (e) => e instanceof RegExp, ce = (e) => O(e) ? e : Ve(e) ? e.source : M(e) ? Ve(e.value) ? e.value.source : e.value : e, tt = (e) => ({
+}, Ve = (e) => e instanceof RegExp, fe = (e) => O(e) ? e : Ve(e) ? e.source : M(e) ? Ve(e.value) ? e.value.source : e.value : e, tt = (e) => ({
   isOnSubmit: !e || e === J.onSubmit,
   isOnBlur: e === J.onBlur,
   isOnChange: e === J.onChange,
@@ -398,20 +398,20 @@ var qt = (e, s, t, i) => {
   isOnTouch: e === J.onTouched
 });
 const rt = "AsyncFunction";
-var Ht = (e) => !!e && !!e.validate && !!(X(e.validate) && e.validate.constructor.name === rt || M(e.validate) && Object.values(e.validate).find((s) => s.constructor.name === rt)), jt = (e) => e.mount && (e.required || e.min || e.max || e.maxLength || e.minLength || e.pattern || e.validate), st = (e, s, t) => !t && (s.watchAll || s.watch.has(e) || [...s.watch].some((i) => e.startsWith(i) && /^\.\w+/.test(e.slice(i.length))));
-const ye = (e, s, t, i) => {
-  for (const u of t || Object.keys(e)) {
-    const n = y(e, u);
+var qt = (e) => !!e && !!e.validate && !!(X(e.validate) && e.validate.constructor.name === rt || M(e.validate) && Object.values(e.validate).find((s) => s.constructor.name === rt)), Ht = (e) => e.mount && (e.required || e.min || e.max || e.maxLength || e.minLength || e.pattern || e.validate), st = (e, s, t) => !t && (s.watchAll || s.watch.has(e) || [...s.watch].some((i) => e.startsWith(i) && /^\.\w+/.test(e.slice(i.length))));
+const he = (e, s, t, i) => {
+  for (const l of t || Object.keys(e)) {
+    const n = y(e, l);
     if (n) {
-      const { _f: d, ...c } = n;
-      if (d) {
-        if (d.refs && d.refs[0] && s(d.refs[0], u) && !i)
+      const { _f: o, ...c } = n;
+      if (o) {
+        if (o.refs && o.refs[0] && s(o.refs[0], l) && !i)
           return !0;
-        if (d.ref && s(d.ref, d.name) && !i)
+        if (o.ref && s(o.ref, o.name) && !i)
           return !0;
-        if (ye(c, s))
+        if (he(c, s))
           break;
-      } else if (M(c) && ye(c, s))
+      } else if (M(c) && he(c, s))
         break;
     }
   }
@@ -423,10 +423,10 @@ function it(e, s, t) {
       error: i,
       name: t
     };
-  const u = t.split(".");
-  for (; u.length; ) {
-    const n = u.join("."), d = y(s, n), c = y(e, n);
-    if (d && !Array.isArray(d) && t !== n)
+  const l = t.split(".");
+  for (; l.length; ) {
+    const n = l.join("."), o = y(s, n), c = y(e, n);
+    if (o && !Array.isArray(o) && t !== n)
       return { name: t };
     if (c && c.type)
       return {
@@ -438,7 +438,7 @@ function it(e, s, t) {
         name: `${n}.root`,
         error: c.root
       };
-    u.pop();
+    l.pop();
   }
   return {
     name: t
@@ -446,112 +446,112 @@ function it(e, s, t) {
 }
 var $t = (e, s, t, i) => {
   t(e);
-  const { name: u, ...n } = e;
-  return W(n) || Object.keys(n).length >= Object.keys(s).length || Object.keys(n).find((d) => s[d] === (!i || J.all));
-}, Kt = (e, s, t) => !e || !s || e === s || fe(e).some((i) => i && (t ? i === s : i.startsWith(s) || s.startsWith(i))), zt = (e, s, t, i, u) => u.isOnAll ? !1 : !t && u.isOnTouch ? !(s || e) : (t ? i.isOnBlur : u.isOnBlur) ? !e : (t ? i.isOnChange : u.isOnChange) ? e : !0, Gt = (e, s) => !Le(y(e, s)).length && L(e, s), Yt = (e, s, t) => {
-  const i = fe(y(e, t));
+  const { name: l, ...n } = e;
+  return q(n) || Object.keys(n).length >= Object.keys(s).length || Object.keys(n).find((o) => s[o] === (!i || J.all));
+}, jt = (e, s, t) => !e || !s || e === s || ye(e).some((i) => i && (t ? i === s : i.startsWith(s) || s.startsWith(i))), zt = (e, s, t, i, l) => l.isOnAll ? !1 : !t && l.isOnTouch ? !(s || e) : (t ? i.isOnBlur : l.isOnBlur) ? !e : (t ? i.isOnChange : l.isOnChange) ? e : !0, Kt = (e, s) => !Le(y(e, s)).length && U(e, s), Gt = (e, s, t) => {
+  const i = ye(y(e, t));
   return C(i, "root", s[t]), C(e, t, i), e;
 };
 function at(e, s, t = "validate") {
-  if (G(e) || Array.isArray(e) && e.every(G) || z(e) && !e)
+  if (G(e) || Array.isArray(e) && e.every(G) || K(e) && !e)
     return {
       type: t,
       message: G(e) ? e : "",
       ref: s
     };
 }
-var ue = (e) => M(e) && !Ve(e) ? e : {
+var le = (e) => M(e) && !Ve(e) ? e : {
   value: e,
   message: ""
-}, nt = async (e, s, t, i, u, n) => {
-  const { ref: d, refs: c, required: w, maxLength: E, minLength: V, min: m, max: v, pattern: p, validate: q, name: R, valueAsNumber: B, mount: Z } = e._f, b = y(t, R);
-  if (!Z || s.has(R))
+}, nt = async (e, s, t, i, l, n) => {
+  const { ref: o, refs: c, required: w, maxLength: R, minLength: F, min: _, max: v, pattern: B, validate: N, name: E, valueAsNumber: L, mount: Z } = e._f, b = y(t, E);
+  if (!Z || s.has(E))
     return {};
-  const N = c ? c[0] : d, F = (x) => {
-    u && N.reportValidity && (N.setCustomValidity(z(x) ? "" : x || ""), N.reportValidity());
-  }, A = {}, $ = Ne(d), K = ge(d), oe = $ || K, I = (B || Be(d)) && O(d.value) && O(b) || be(d) && d.value === "" || b === "" || Array.isArray(b) && !b.length, ie = Bt.bind(null, R, i, A), ee = (x, D, T, P = re.maxLength, H = re.minLength) => {
-    const te = x ? D : T;
-    A[R] = {
-      type: x ? P : H,
+  const I = c ? c[0] : o, V = (A) => {
+    l && I.reportValidity && (I.setCustomValidity(K(A) ? "" : A || ""), I.reportValidity());
+  }, x = {}, j = Be(o), z = ge(o), de = j || z, P = (L || Ne(o)) && O(o.value) && O(b) || be(o) && o.value === "" || b === "" || Array.isArray(b) && !b.length, ie = pt.bind(null, E, i, x), ee = (A, k, T, W = re.maxLength, H = re.minLength) => {
+    const te = A ? k : T;
+    x[E] = {
+      type: A ? W : H,
       message: te,
-      ref: d,
-      ...ie(x ? P : H, te)
+      ref: o,
+      ...ie(A ? W : H, te)
     };
   };
-  if (n ? !Array.isArray(b) || !b.length : w && (!oe && (I || j(b)) || z(b) && !b || K && !ht(c).isValid || $ && !vt(c).isValid)) {
-    const { value: x, message: D } = G(w) ? { value: !!w, message: w } : ue(w);
-    if (x && (A[R] = {
+  if (n ? !Array.isArray(b) || !b.length : w && (!de && (P || $(b)) || K(b) && !b || z && !ht(c).isValid || j && !vt(c).isValid)) {
+    const { value: A, message: k } = G(w) ? { value: !!w, message: w } : le(w);
+    if (A && (x[E] = {
       type: re.required,
-      message: D,
-      ref: N,
-      ...ie(re.required, D)
+      message: k,
+      ref: I,
+      ...ie(re.required, k)
     }, !i))
-      return F(D), A;
+      return V(k), x;
   }
-  if (!I && (!j(m) || !j(v))) {
-    let x, D;
-    const T = ue(v), P = ue(m);
-    if (!j(b) && !isNaN(b)) {
-      const H = d.valueAsNumber || b && +b;
-      j(T.value) || (x = H > T.value), j(P.value) || (D = H < P.value);
+  if (!P && (!$(_) || !$(v))) {
+    let A, k;
+    const T = le(v), W = le(_);
+    if (!$(b) && !isNaN(b)) {
+      const H = o.valueAsNumber || b && +b;
+      $(T.value) || (A = H > T.value), $(W.value) || (k = H < W.value);
     } else {
-      const H = d.valueAsDate || new Date(b), te = (ve) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + ve), de = d.type == "time", ne = d.type == "week";
-      G(T.value) && b && (x = de ? te(b) > te(T.value) : ne ? b > T.value : H > new Date(T.value)), G(P.value) && b && (D = de ? te(b) < te(P.value) : ne ? b < P.value : H < new Date(P.value));
+      const H = o.valueAsDate || new Date(b), te = (ve) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + ve), ce = o.type == "time", ne = o.type == "week";
+      G(T.value) && b && (A = ce ? te(b) > te(T.value) : ne ? b > T.value : H > new Date(T.value)), G(W.value) && b && (k = ce ? te(b) < te(W.value) : ne ? b < W.value : H < new Date(W.value));
     }
-    if ((x || D) && (ee(!!x, T.message, P.message, re.max, re.min), !i))
-      return F(A[R].message), A;
+    if ((A || k) && (ee(!!A, T.message, W.message, re.max, re.min), !i))
+      return V(x[E].message), x;
   }
-  if ((E || V) && !I && (G(b) || n && Array.isArray(b))) {
-    const x = ue(E), D = ue(V), T = !j(x.value) && b.length > +x.value, P = !j(D.value) && b.length < +D.value;
-    if ((T || P) && (ee(T, x.message, D.message), !i))
-      return F(A[R].message), A;
+  if ((R || F) && !P && (G(b) || n && Array.isArray(b))) {
+    const A = le(R), k = le(F), T = !$(A.value) && b.length > +A.value, W = !$(k.value) && b.length < +k.value;
+    if ((T || W) && (ee(T, A.message, k.message), !i))
+      return V(x[E].message), x;
   }
-  if (p && !I && G(b)) {
-    const { value: x, message: D } = ue(p);
-    if (Ve(x) && !b.match(x) && (A[R] = {
+  if (B && !P && G(b)) {
+    const { value: A, message: k } = le(B);
+    if (Ve(A) && !b.match(A) && (x[E] = {
       type: re.pattern,
-      message: D,
-      ref: d,
-      ...ie(re.pattern, D)
+      message: k,
+      ref: o,
+      ...ie(re.pattern, k)
     }, !i))
-      return F(D), A;
+      return V(k), x;
   }
-  if (q) {
-    if (X(q)) {
-      const x = await q(b, t), D = at(x, N);
-      if (D && (A[R] = {
-        ...D,
-        ...ie(re.validate, D.message)
+  if (N) {
+    if (X(N)) {
+      const A = await N(b, t), k = at(A, I);
+      if (k && (x[E] = {
+        ...k,
+        ...ie(re.validate, k.message)
       }, !i))
-        return F(D.message), A;
-    } else if (M(q)) {
-      let x = {};
-      for (const D in q) {
-        if (!W(x) && !i)
+        return V(k.message), x;
+    } else if (M(N)) {
+      let A = {};
+      for (const k in N) {
+        if (!q(A) && !i)
           break;
-        const T = at(await q[D](b, t), N, D);
-        T && (x = {
+        const T = at(await N[k](b, t), I, k);
+        T && (A = {
           ...T,
-          ...ie(D, T.message)
-        }, F(T.message), i && (A[R] = x));
+          ...ie(k, T.message)
+        }, V(T.message), i && (x[E] = A));
       }
-      if (!W(x) && (A[R] = {
-        ref: N,
-        ...x
+      if (!q(A) && (x[E] = {
+        ref: I,
+        ...A
       }, !i))
-        return A;
+        return x;
     }
   }
-  return F(!0), A;
+  return V(!0), x;
 };
-const Jt = {
+const Yt = {
   mode: J.onSubmit,
   reValidateMode: J.onChange,
   shouldFocusError: !0
 };
-function Qt(e = {}) {
+function Jt(e = {}) {
   let s = {
-    ...Jt,
+    ...Yt,
     ...e
   }, t = {
     submitCount: 0,
@@ -568,7 +568,7 @@ function Qt(e = {}) {
     validatingFields: {},
     errors: s.errors || {},
     disabled: s.disabled || !1
-  }, i = {}, u = M(s.defaultValues) || M(s.values) ? U(s.defaultValues || s.values) || {} : {}, n = s.shouldUnregister ? {} : U(u), d = {
+  }, i = {}, l = M(s.defaultValues) || M(s.values) ? p(s.defaultValues || s.values) || {} : {}, n = s.shouldUnregister ? {} : p(l), o = {
     action: !1,
     mount: !1,
     watch: !1
@@ -578,8 +578,8 @@ function Qt(e = {}) {
     unMount: /* @__PURE__ */ new Set(),
     array: /* @__PURE__ */ new Set(),
     watch: /* @__PURE__ */ new Set()
-  }, w, E = 0;
-  const V = {
+  }, w, R = 0;
+  const F = {
     isDirty: !1,
     dirtyFields: !1,
     validatingFields: !1,
@@ -588,43 +588,43 @@ function Qt(e = {}) {
     isValid: !1,
     errors: !1
   };
-  let m = {
-    ...V
+  let _ = {
+    ...F
   };
   const v = {
     array: Je(),
     state: Je()
-  }, p = s.criteriaMode === J.all, q = (r) => (a) => {
-    clearTimeout(E), E = setTimeout(r, a);
-  }, R = async (r) => {
-    if (!s.disabled && (V.isValid || m.isValid || r)) {
-      const a = s.resolver ? W((await K()).errors) : await I(i, !0);
+  }, B = s.criteriaMode === J.all, N = (r) => (a) => {
+    clearTimeout(R), R = setTimeout(r, a);
+  }, E = async (r) => {
+    if (!s.disabled && (F.isValid || _.isValid || r)) {
+      const a = s.resolver ? q((await z()).errors) : await P(i, !0);
       a !== t.isValid && v.state.next({
         isValid: a
       });
     }
-  }, B = (r, a) => {
-    !s.disabled && (V.isValidating || V.validatingFields || m.isValidating || m.validatingFields) && ((r || Array.from(c.mount)).forEach((l) => {
-      l && (a ? C(t.validatingFields, l, a) : L(t.validatingFields, l));
+  }, L = (r, a) => {
+    !s.disabled && (F.isValidating || F.validatingFields || _.isValidating || _.validatingFields) && ((r || Array.from(c.mount)).forEach((u) => {
+      u && (a ? C(t.validatingFields, u, a) : U(t.validatingFields, u));
     }), v.state.next({
       validatingFields: t.validatingFields,
-      isValidating: !W(t.validatingFields)
+      isValidating: !q(t.validatingFields)
     }));
-  }, Z = (r, a = [], l, h, f = !0, o = !0) => {
-    if (h && l && !s.disabled) {
-      if (d.action = !0, o && Array.isArray(y(i, r))) {
-        const g = l(y(i, r), h.argA, h.argB);
+  }, Z = (r, a = [], u, h, f = !0, d = !0) => {
+    if (h && u && !s.disabled) {
+      if (o.action = !0, d && Array.isArray(y(i, r))) {
+        const g = u(y(i, r), h.argA, h.argB);
         f && C(i, r, g);
       }
-      if (o && Array.isArray(y(t.errors, r))) {
-        const g = l(y(t.errors, r), h.argA, h.argB);
-        f && C(t.errors, r, g), Gt(t.errors, r);
+      if (d && Array.isArray(y(t.errors, r))) {
+        const g = u(y(t.errors, r), h.argA, h.argB);
+        f && C(t.errors, r, g), Kt(t.errors, r);
       }
-      if ((V.touchedFields || m.touchedFields) && o && Array.isArray(y(t.touchedFields, r))) {
-        const g = l(y(t.touchedFields, r), h.argA, h.argB);
+      if ((F.touchedFields || _.touchedFields) && d && Array.isArray(y(t.touchedFields, r))) {
+        const g = u(y(t.touchedFields, r), h.argA, h.argB);
         f && C(t.touchedFields, r, g);
       }
-      (V.dirtyFields || m.dirtyFields) && (t.dirtyFields = le(u, n)), v.state.next({
+      (F.dirtyFields || _.dirtyFields) && (t.dirtyFields = ue(l, n)), v.state.next({
         name: r,
         isDirty: ee(r, a),
         dirtyFields: t.dirtyFields,
@@ -637,41 +637,41 @@ function Qt(e = {}) {
     C(t.errors, r, a), v.state.next({
       errors: t.errors
     });
-  }, N = (r) => {
+  }, I = (r) => {
     t.errors = r, v.state.next({
       errors: t.errors,
       isValid: !1
     });
-  }, F = (r, a, l, h) => {
+  }, V = (r, a, u, h) => {
     const f = y(i, r);
     if (f) {
-      const o = y(n, r, O(l) ? y(u, r) : l);
-      O(o) || h && h.defaultChecked || a ? C(n, r, a ? o : et(f._f)) : T(r, o), d.mount && !d.action && R();
+      const d = y(n, r, O(u) ? y(l, r) : u);
+      O(d) || h && h.defaultChecked || a ? C(n, r, a ? d : et(f._f)) : T(r, d), o.mount && !o.action && E();
     }
-  }, A = (r, a, l, h, f) => {
-    let o = !1, g = !1;
-    const k = {
+  }, x = (r, a, u, h, f) => {
+    let d = !1, g = !1;
+    const D = {
       name: r
     };
     if (!s.disabled) {
-      if (!l || h) {
-        (V.isDirty || m.isDirty) && (g = t.isDirty, t.isDirty = k.isDirty = ee(), o = g !== k.isDirty);
-        const S = Q(y(u, r), a);
-        g = !!y(t.dirtyFields, r), S ? L(t.dirtyFields, r) : C(t.dirtyFields, r, !0), k.dirtyFields = t.dirtyFields, o = o || (V.dirtyFields || m.dirtyFields) && g !== !S;
+      if (!u || h) {
+        (F.isDirty || _.isDirty) && (g = t.isDirty, t.isDirty = D.isDirty = ee(), d = g !== D.isDirty);
+        const S = Q(y(l, r), a);
+        g = !!y(t.dirtyFields, r), S ? U(t.dirtyFields, r) : C(t.dirtyFields, r, !0), D.dirtyFields = t.dirtyFields, d = d || (F.dirtyFields || _.dirtyFields) && g !== !S;
       }
-      if (l) {
+      if (u) {
         const S = y(t.touchedFields, r);
-        S || (C(t.touchedFields, r, l), k.touchedFields = t.touchedFields, o = o || (V.touchedFields || m.touchedFields) && S !== l);
+        S || (C(t.touchedFields, r, u), D.touchedFields = t.touchedFields, d = d || (F.touchedFields || _.touchedFields) && S !== u);
       }
-      o && f && v.state.next(k);
+      d && f && v.state.next(D);
     }
-    return o ? k : {};
-  }, $ = (r, a, l, h) => {
-    const f = y(t.errors, r), o = (V.isValid || m.isValid) && z(a) && t.isValid !== a;
-    if (s.delayError && l ? (w = q(() => b(r, l)), w(s.delayError)) : (clearTimeout(E), w = null, l ? C(t.errors, r, l) : L(t.errors, r)), (l ? !Q(f, l) : f) || !W(h) || o) {
+    return d ? D : {};
+  }, j = (r, a, u, h) => {
+    const f = y(t.errors, r), d = (F.isValid || _.isValid) && K(a) && t.isValid !== a;
+    if (s.delayError && u ? (w = N(() => b(r, u)), w(s.delayError)) : (clearTimeout(R), w = null, u ? C(t.errors, r, u) : U(t.errors, r)), (u ? !Q(f, u) : f) || !q(h) || d) {
       const g = {
         ...h,
-        ...o && z(a) ? { isValid: a } : {},
+        ...d && K(a) ? { isValid: a } : {},
         errors: t.errors,
         name: r
       };
@@ -680,143 +680,143 @@ function Qt(e = {}) {
         ...g
       }, v.state.next(g);
     }
-  }, K = async (r) => {
-    B(r, !0);
-    const a = await s.resolver(n, s.context, qt(r || c.mount, i, s.criteriaMode, s.shouldUseNativeValidation));
-    return B(r), a;
-  }, oe = async (r) => {
-    const { errors: a } = await K(r);
+  }, z = async (r) => {
+    L(r, !0);
+    const a = await s.resolver(n, s.context, Wt(r || c.mount, i, s.criteriaMode, s.shouldUseNativeValidation));
+    return L(r), a;
+  }, de = async (r) => {
+    const { errors: a } = await z(r);
     if (r)
-      for (const l of r) {
-        const h = y(a, l);
-        h ? C(t.errors, l, h) : L(t.errors, l);
+      for (const u of r) {
+        const h = y(a, u);
+        h ? C(t.errors, u, h) : U(t.errors, u);
       }
     else
       t.errors = a;
     return a;
-  }, I = async (r, a, l = {
+  }, P = async (r, a, u = {
     valid: !0
   }) => {
     for (const h in r) {
       const f = r[h];
       if (f) {
-        const { _f: o, ...g } = f;
-        if (o) {
-          const k = c.array.has(o.name), S = f._f && Ht(f._f);
-          S && V.validatingFields && B([o.name], !0);
-          const Y = await nt(f, c.disabled, n, p, s.shouldUseNativeValidation && !a, k);
-          if (S && V.validatingFields && B([o.name]), Y[o.name] && (l.valid = !1, a))
+        const { _f: d, ...g } = f;
+        if (d) {
+          const D = c.array.has(d.name), S = f._f && qt(f._f);
+          S && F.validatingFields && L([d.name], !0);
+          const Y = await nt(f, c.disabled, n, B, s.shouldUseNativeValidation && !a, D);
+          if (S && F.validatingFields && L([d.name]), Y[d.name] && (u.valid = !1, a))
             break;
-          !a && (y(Y, o.name) ? k ? Yt(t.errors, Y, o.name) : C(t.errors, o.name, Y[o.name]) : L(t.errors, o.name));
+          !a && (y(Y, d.name) ? D ? Gt(t.errors, Y, d.name) : C(t.errors, d.name, Y[d.name]) : U(t.errors, d.name));
         }
-        !W(g) && await I(g, a, l);
+        !q(g) && await P(g, a, u);
       }
     }
-    return l.valid;
+    return u.valid;
   }, ie = () => {
     for (const r of c.unMount) {
       const a = y(i, r);
-      a && (a._f.refs ? a._f.refs.every((l) => !Se(l)) : !Se(a._f.ref)) && xe(r);
+      a && (a._f.refs ? a._f.refs.every((u) => !Se(u)) : !Se(a._f.ref)) && Ae(r);
     }
     c.unMount = /* @__PURE__ */ new Set();
-  }, ee = (r, a) => !s.disabled && (r && a && C(n, r, a), !Q(ve(), u)), x = (r, a, l) => Ce(r, c, {
-    ...d.mount ? n : O(a) ? u : G(r) ? { [r]: a } : a
-  }, l, a), D = (r) => Le(y(d.mount ? n : u, r, s.shouldUnregister ? y(u, r, []) : [])), T = (r, a, l = {}) => {
+  }, ee = (r, a) => !s.disabled && (r && a && C(n, r, a), !Q(ve(), l)), A = (r, a, u) => Ce(r, c, {
+    ...o.mount ? n : O(a) ? l : G(r) ? { [r]: a } : a
+  }, u, a), k = (r) => Le(y(o.mount ? n : l, r, s.shouldUnregister ? y(l, r, []) : [])), T = (r, a, u = {}) => {
     const h = y(i, r);
     let f = a;
     if (h) {
-      const o = h._f;
-      o && (!o.disabled && C(n, r, gt(a, o)), f = be(o.ref) && j(a) ? "" : a, ft(o.ref) ? [...o.ref.options].forEach((g) => g.selected = f.includes(g.value)) : o.refs ? ge(o.ref) ? o.refs.forEach((g) => {
-        (!g.defaultChecked || !g.disabled) && (Array.isArray(f) ? g.checked = !!f.find((k) => k === g.value) : g.checked = f === g.value || !!f);
-      }) : o.refs.forEach((g) => g.checked = g.value === f) : Be(o.ref) ? o.ref.value = "" : (o.ref.value = f, o.ref.type || v.state.next({
+      const d = h._f;
+      d && (!d.disabled && C(n, r, gt(a, d)), f = be(d.ref) && $(a) ? "" : a, ft(d.ref) ? [...d.ref.options].forEach((g) => g.selected = f.includes(g.value)) : d.refs ? ge(d.ref) ? d.refs.forEach((g) => {
+        (!g.defaultChecked || !g.disabled) && (Array.isArray(f) ? g.checked = !!f.find((D) => D === g.value) : g.checked = f === g.value || !!f);
+      }) : d.refs.forEach((g) => g.checked = g.value === f) : Ne(d.ref) ? d.ref.value = "" : (d.ref.value = f, d.ref.type || v.state.next({
         name: r,
-        values: U(n)
+        values: p(n)
       })));
     }
-    (l.shouldDirty || l.shouldTouch) && A(r, f, l.shouldTouch, l.shouldDirty, !0), l.shouldValidate && ne(r);
-  }, P = (r, a, l) => {
+    (u.shouldDirty || u.shouldTouch) && x(r, f, u.shouldTouch, u.shouldDirty, !0), u.shouldValidate && ne(r);
+  }, W = (r, a, u) => {
     for (const h in a) {
       if (!a.hasOwnProperty(h))
         return;
-      const f = a[h], o = r + "." + h, g = y(i, o);
-      (c.array.has(r) || M(f) || g && !g._f) && !ae(f) ? P(o, f, l) : T(o, f, l);
+      const f = a[h], d = r + "." + h, g = y(i, d);
+      (c.array.has(r) || M(f) || g && !g._f) && !ae(f) ? W(d, f, u) : T(d, f, u);
     }
-  }, H = (r, a, l = {}) => {
-    const h = y(i, r), f = c.array.has(r), o = U(a);
-    C(n, r, o), f ? (v.array.next({
+  }, H = (r, a, u = {}) => {
+    const h = y(i, r), f = c.array.has(r), d = p(a);
+    C(n, r, d), f ? (v.array.next({
       name: r,
-      values: U(n)
-    }), (V.isDirty || V.dirtyFields || m.isDirty || m.dirtyFields) && l.shouldDirty && v.state.next({
+      values: p(n)
+    }), (F.isDirty || F.dirtyFields || _.isDirty || _.dirtyFields) && u.shouldDirty && v.state.next({
       name: r,
-      dirtyFields: le(u, n),
-      isDirty: ee(r, o)
-    })) : h && !h._f && !j(o) ? P(r, o, l) : T(r, o, l), st(r, c) && v.state.next({ ...t, name: r }), v.state.next({
-      name: d.mount ? r : void 0,
-      values: U(n)
+      dirtyFields: ue(l, n),
+      isDirty: ee(r, d)
+    })) : h && !h._f && !$(d) ? W(r, d, u) : T(r, d, u), st(r, c) && v.state.next({ ...t, name: r }), v.state.next({
+      name: o.mount ? r : void 0,
+      values: p(n)
     });
   }, te = async (r) => {
-    d.mount = !0;
+    o.mount = !0;
     const a = r.target;
-    let l = a.name, h = !0;
-    const f = y(i, l), o = (S) => {
-      h = Number.isNaN(S) || ae(S) && isNaN(S.getTime()) || Q(S, y(n, l, S));
-    }, g = tt(s.mode), k = tt(s.reValidateMode);
+    let u = a.name, h = !0;
+    const f = y(i, u), d = (S) => {
+      h = Number.isNaN(S) || ae(S) && isNaN(S.getTime()) || Q(S, y(n, u, S));
+    }, g = tt(s.mode), D = tt(s.reValidateMode);
     if (f) {
       let S, Y;
-      const _e = a.type ? et(f._f) : lt(r), se = r.type === me.BLUR || r.type === me.FOCUS_OUT, wt = !jt(f._f) && !s.resolver && !y(t.errors, l) && !f._f.deps || zt(se, y(t.touchedFields, l), t.isSubmitted, k, g), De = st(l, c, se);
-      C(n, l, _e), se ? (!a || !a.readOnly) && (f._f.onBlur && f._f.onBlur(r), w && w(0)) : f._f.onChange && f._f.onChange(r);
-      const Ee = A(l, _e, se), kt = !W(Ee) || De;
+      const me = a.type ? et(f._f) : ut(r), se = r.type === _e.BLUR || r.type === _e.FOCUS_OUT, wt = !Ht(f._f) && !s.resolver && !y(t.errors, u) && !f._f.deps || zt(se, y(t.touchedFields, u), t.isSubmitted, D, g), ke = st(u, c, se);
+      C(n, u, me), se ? (!a || !a.readOnly) && (f._f.onBlur && f._f.onBlur(r), w && w(0)) : f._f.onChange && f._f.onChange(r);
+      const Ee = x(u, me, se), Dt = !q(Ee) || ke;
       if (!se && v.state.next({
-        name: l,
+        name: u,
         type: r.type,
-        values: U(n)
+        values: p(n)
       }), wt)
-        return (V.isValid || m.isValid) && (s.mode === "onBlur" ? se && R() : se || R()), kt && v.state.next({ name: l, ...De ? {} : Ee });
-      if (!se && De && v.state.next({ ...t }), s.resolver) {
-        const { errors: ze } = await K([l]);
-        if (o(_e), h) {
-          const Dt = it(t.errors, i, l), Ge = it(ze, i, Dt.name || l);
-          S = Ge.error, l = Ge.name, Y = W(ze);
+        return (F.isValid || _.isValid) && (s.mode === "onBlur" ? se && E() : se || E()), Dt && v.state.next({ name: u, ...ke ? {} : Ee });
+      if (!se && ke && v.state.next({ ...t }), s.resolver) {
+        const { errors: Ke } = await z([u]);
+        if (d(me), h) {
+          const kt = it(t.errors, i, u), Ge = it(Ke, i, kt.name || u);
+          S = Ge.error, u = Ge.name, Y = q(Ke);
         }
       } else
-        B([l], !0), S = (await nt(f, c.disabled, n, p, s.shouldUseNativeValidation))[l], B([l]), o(_e), h && (S ? Y = !1 : (V.isValid || m.isValid) && (Y = await I(i, !0)));
-      h && (f._f.deps && (!Array.isArray(f._f.deps) || f._f.deps.length > 0) && ne(f._f.deps), $(l, Y, S, Ee));
+        L([u], !0), S = (await nt(f, c.disabled, n, B, s.shouldUseNativeValidation))[u], L([u]), d(me), h && (S ? Y = !1 : (F.isValid || _.isValid) && (Y = await P(i, !0)));
+      h && (f._f.deps && (!Array.isArray(f._f.deps) || f._f.deps.length > 0) && ne(f._f.deps), j(u, Y, S, Ee));
     }
-  }, de = (r, a) => {
+  }, ce = (r, a) => {
     if (y(t.errors, a) && r.focus)
       return r.focus(), 1;
   }, ne = async (r, a = {}) => {
-    let l, h;
-    const f = fe(r);
+    let u, h;
+    const f = ye(r);
     if (s.resolver) {
-      const o = await oe(O(r) ? r : f);
-      l = W(o), h = r ? !f.some((g) => y(o, g)) : l;
-    } else r ? (h = (await Promise.all(f.map(async (o) => {
-      const g = y(i, o);
-      return await I(g && g._f ? { [o]: g } : g);
-    }))).every(Boolean), !(!h && !t.isValid) && R()) : h = l = await I(i);
+      const d = await de(O(r) ? r : f);
+      u = q(d), h = r ? !f.some((g) => y(d, g)) : u;
+    } else r ? (h = (await Promise.all(f.map(async (d) => {
+      const g = y(i, d);
+      return await P(g && g._f ? { [d]: g } : g);
+    }))).every(Boolean), !(!h && !t.isValid) && E()) : h = u = await P(i);
     return v.state.next({
-      ...!G(r) || (V.isValid || m.isValid) && l !== t.isValid ? {} : { name: r },
-      ...s.resolver || !r ? { isValid: l } : {},
+      ...!G(r) || (F.isValid || _.isValid) && u !== t.isValid ? {} : { name: r },
+      ...s.resolver || !r ? { isValid: u } : {},
       errors: t.errors
-    }), a.shouldFocus && !h && ye(i, de, r ? f : c.mount), h;
+    }), a.shouldFocus && !h && he(i, ce, r ? f : c.mount), h;
   }, ve = (r, a) => {
-    let l = {
-      ...d.mount ? n : u
+    let u = {
+      ...o.mount ? n : l
     };
-    return a && (l = ct(a.dirtyFields ? t.dirtyFields : t.touchedFields, l)), O(r) ? l : G(r) ? y(l, r) : r.map((h) => y(l, h));
+    return a && (u = ct(a.dirtyFields ? t.dirtyFields : t.touchedFields, u)), O(r) ? u : G(r) ? y(u, r) : r.map((h) => y(u, h));
   }, Ie = (r, a) => ({
     invalid: !!y((a || t).errors, r),
     isDirty: !!y((a || t).dirtyFields, r),
     error: y((a || t).errors, r),
     isValidating: !!y(t.validatingFields, r),
     isTouched: !!y((a || t).touchedFields, r)
-  }), _t = (r) => {
-    r && fe(r).forEach((a) => L(t.errors, a)), v.state.next({
+  }), mt = (r) => {
+    r && ye(r).forEach((a) => U(t.errors, a)), v.state.next({
       errors: r ? t.errors : {}
     });
-  }, Pe = (r, a, l) => {
-    const h = (y(i, r, { _f: {} })._f || {}).ref, f = y(t.errors, r) || {}, { ref: o, message: g, type: k, ...S } = f;
+  }, Pe = (r, a, u) => {
+    const h = (y(i, r, { _f: {} })._f || {}).ref, f = y(t.errors, r) || {}, { ref: d, message: g, type: D, ...S } = f;
     C(t.errors, r, {
       ...S,
       ...a,
@@ -825,143 +825,143 @@ function Qt(e = {}) {
       name: r,
       errors: t.errors,
       isValid: !1
-    }), l && l.shouldFocus && h && h.focus && h.focus();
-  }, mt = (r, a) => X(r) ? v.state.subscribe({
-    next: (l) => "values" in l && r(x(void 0, a), l)
-  }) : x(r, a, !0), We = (r) => v.state.subscribe({
+    }), u && u.shouldFocus && h && h.focus && h.focus();
+  }, _t = (r, a) => X(r) ? v.state.subscribe({
+    next: (u) => "values" in u && r(A(void 0, a), u)
+  }) : A(r, a, !0), We = (r) => v.state.subscribe({
     next: (a) => {
-      Kt(r.name, a.name, r.exact) && $t(a, r.formState || V, xt, r.reRenderRoot) && r.callback({
+      jt(r.name, a.name, r.exact) && $t(a, r.formState || F, At, r.reRenderRoot) && r.callback({
         values: { ...n },
         ...t,
         ...a,
-        defaultValues: u
+        defaultValues: l
       });
     }
-  }).unsubscribe, bt = (r) => (d.mount = !0, m = {
-    ...m,
+  }).unsubscribe, bt = (r) => (o.mount = !0, _ = {
+    ..._,
     ...r.formState
   }, We({
     ...r,
-    formState: m
-  })), xe = (r, a = {}) => {
-    for (const l of r ? fe(r) : c.mount)
-      c.mount.delete(l), c.array.delete(l), a.keepValue || (L(i, l), L(n, l)), !a.keepError && L(t.errors, l), !a.keepDirty && L(t.dirtyFields, l), !a.keepTouched && L(t.touchedFields, l), !a.keepIsValidating && L(t.validatingFields, l), !s.shouldUnregister && !a.keepDefaultValue && L(u, l);
+    formState: _
+  })), Ae = (r, a = {}) => {
+    for (const u of r ? ye(r) : c.mount)
+      c.mount.delete(u), c.array.delete(u), a.keepValue || (U(i, u), U(n, u)), !a.keepError && U(t.errors, u), !a.keepDirty && U(t.dirtyFields, u), !a.keepTouched && U(t.touchedFields, u), !a.keepIsValidating && U(t.validatingFields, u), !s.shouldUnregister && !a.keepDefaultValue && U(l, u);
     v.state.next({
-      values: U(n)
+      values: p(n)
     }), v.state.next({
       ...t,
       ...a.keepDirty ? { isDirty: ee() } : {}
-    }), !a.keepIsValid && R();
+    }), !a.keepIsValid && E();
   }, qe = ({ disabled: r, name: a }) => {
-    (z(r) && d.mount || r || c.disabled.has(a)) && (r ? c.disabled.add(a) : c.disabled.delete(a));
+    (K(r) && o.mount || r || c.disabled.has(a)) && (r ? c.disabled.add(a) : c.disabled.delete(a));
   }, we = (r, a = {}) => {
-    let l = y(i, r);
-    const h = z(a.disabled) || z(s.disabled);
+    let u = y(i, r);
+    const h = K(a.disabled) || K(s.disabled);
     return C(i, r, {
-      ...l || {},
+      ...u || {},
       _f: {
-        ...l && l._f ? l._f : { ref: { name: r } },
+        ...u && u._f ? u._f : { ref: { name: r } },
         name: r,
         mount: !0,
         ...a
       }
-    }), c.mount.add(r), l ? qe({
-      disabled: z(a.disabled) ? a.disabled : s.disabled,
+    }), c.mount.add(r), u ? qe({
+      disabled: K(a.disabled) ? a.disabled : s.disabled,
       name: r
-    }) : F(r, !0, a.value), {
+    }) : V(r, !0, a.value), {
       ...h ? { disabled: a.disabled || s.disabled } : {},
       ...s.progressive ? {
         required: !!a.required,
-        min: ce(a.min),
-        max: ce(a.max),
-        minLength: ce(a.minLength),
-        maxLength: ce(a.maxLength),
-        pattern: ce(a.pattern)
+        min: fe(a.min),
+        max: fe(a.max),
+        minLength: fe(a.minLength),
+        maxLength: fe(a.maxLength),
+        pattern: fe(a.pattern)
       } : {},
       name: r,
       onChange: te,
       onBlur: te,
       ref: (f) => {
         if (f) {
-          we(r, a), l = y(i, r);
-          const o = O(f.value) && f.querySelectorAll && f.querySelectorAll("input,select,textarea")[0] || f, g = Nt(o), k = l._f.refs || [];
-          if (g ? k.find((S) => S === o) : o === l._f.ref)
+          we(r, a), u = y(i, r);
+          const d = O(f.value) && f.querySelectorAll && f.querySelectorAll("input,select,textarea")[0] || f, g = Nt(d), D = u._f.refs || [];
+          if (g ? D.find((S) => S === d) : d === u._f.ref)
             return;
           C(i, r, {
             _f: {
-              ...l._f,
+              ...u._f,
               ...g ? {
                 refs: [
-                  ...k.filter(Se),
-                  o,
-                  ...Array.isArray(y(u, r)) ? [{}] : []
+                  ...D.filter(Se),
+                  d,
+                  ...Array.isArray(y(l, r)) ? [{}] : []
                 ],
-                ref: { type: o.type, name: r }
-              } : { ref: o }
+                ref: { type: d.type, name: r }
+              } : { ref: d }
             }
-          }), F(r, !1, void 0, o);
+          }), V(r, !1, void 0, d);
         } else
-          l = y(i, r, {}), l._f && (l._f.mount = !1), (s.shouldUnregister || a.shouldUnregister) && !(ot(c.array, r) && d.action) && c.unMount.add(r);
+          u = y(i, r, {}), u._f && (u._f.mount = !1), (s.shouldUnregister || a.shouldUnregister) && !(ot(c.array, r) && o.action) && c.unMount.add(r);
       }
     };
-  }, ke = () => s.shouldFocusError && ye(i, de, c.mount), Vt = (r) => {
-    z(r) && (v.state.next({ disabled: r }), ye(i, (a, l) => {
-      const h = y(i, l);
+  }, De = () => s.shouldFocusError && he(i, ce, c.mount), Vt = (r) => {
+    K(r) && (v.state.next({ disabled: r }), he(i, (a, u) => {
+      const h = y(i, u);
       h && (a.disabled = h._f.disabled || r, Array.isArray(h._f.refs) && h._f.refs.forEach((f) => {
         f.disabled = h._f.disabled || r;
       }));
     }, 0, !1));
-  }, He = (r, a) => async (l) => {
+  }, He = (r, a) => async (u) => {
     let h;
-    l && (l.preventDefault && l.preventDefault(), l.persist && l.persist());
-    let f = U(n);
+    u && (u.preventDefault && u.preventDefault(), u.persist && u.persist());
+    let f = p(n);
     if (v.state.next({
       isSubmitting: !0
     }), s.resolver) {
-      const { errors: o, values: g } = await K();
-      t.errors = o, f = U(g);
+      const { errors: d, values: g } = await z();
+      t.errors = d, f = p(g);
     } else
-      await I(i);
+      await P(i);
     if (c.disabled.size)
-      for (const o of c.disabled)
-        L(f, o);
-    if (L(t.errors, "root"), W(t.errors)) {
+      for (const d of c.disabled)
+        U(f, d);
+    if (U(t.errors, "root"), q(t.errors)) {
       v.state.next({
         errors: {}
       });
       try {
-        await r(f, l);
-      } catch (o) {
-        h = o;
+        await r(f, u);
+      } catch (d) {
+        h = d;
       }
     } else
-      a && await a({ ...t.errors }, l), ke(), setTimeout(ke);
+      a && await a({ ...t.errors }, u), De(), setTimeout(De);
     if (v.state.next({
       isSubmitted: !0,
       isSubmitting: !1,
-      isSubmitSuccessful: W(t.errors) && !h,
+      isSubmitSuccessful: q(t.errors) && !h,
       submitCount: t.submitCount + 1,
       errors: t.errors
     }), h)
       throw h;
   }, Ft = (r, a = {}) => {
-    y(i, r) && (O(a.defaultValue) ? H(r, U(y(u, r))) : (H(r, a.defaultValue), C(u, r, U(a.defaultValue))), a.keepTouched || L(t.touchedFields, r), a.keepDirty || (L(t.dirtyFields, r), t.isDirty = a.defaultValue ? ee(r, U(y(u, r))) : ee()), a.keepError || (L(t.errors, r), V.isValid && R()), v.state.next({ ...t }));
-  }, je = (r, a = {}) => {
-    const l = r ? U(r) : u, h = U(l), f = W(r), o = f ? u : h;
-    if (a.keepDefaultValues || (u = l), !a.keepValues) {
+    y(i, r) && (O(a.defaultValue) ? H(r, p(y(l, r))) : (H(r, a.defaultValue), C(l, r, p(a.defaultValue))), a.keepTouched || U(t.touchedFields, r), a.keepDirty || (U(t.dirtyFields, r), t.isDirty = a.defaultValue ? ee(r, p(y(l, r))) : ee()), a.keepError || (U(t.errors, r), F.isValid && E()), v.state.next({ ...t }));
+  }, $e = (r, a = {}) => {
+    const u = r ? p(r) : l, h = p(u), f = q(r), d = f ? l : h;
+    if (a.keepDefaultValues || (l = u), !a.keepValues) {
       if (a.keepDirtyValues) {
         const g = /* @__PURE__ */ new Set([
           ...c.mount,
-          ...Object.keys(le(u, n))
+          ...Object.keys(ue(l, n))
         ]);
-        for (const k of Array.from(g))
-          y(t.dirtyFields, k) ? C(o, k, y(n, k)) : H(k, y(o, k));
+        for (const D of Array.from(g))
+          y(t.dirtyFields, D) ? C(d, D, y(n, D)) : H(D, y(d, D));
       } else {
         if (Te && O(r))
           for (const g of c.mount) {
-            const k = y(i, g);
-            if (k && k._f) {
-              const S = Array.isArray(k._f.refs) ? k._f.refs[0] : k._f.ref;
+            const D = y(i, g);
+            if (D && D._f) {
+              const S = Array.isArray(D._f.refs) ? D._f.refs[0] : D._f.ref;
               if (be(S)) {
                 const Y = S.closest("form");
                 if (Y) {
@@ -973,14 +973,14 @@ function Qt(e = {}) {
           }
         if (a.keepFieldsRef)
           for (const g of c.mount)
-            H(g, y(o, g));
+            H(g, y(d, g));
         else
           i = {};
       }
-      n = s.shouldUnregister ? a.keepDefaultValues ? U(u) : {} : U(o), v.array.next({
-        values: { ...o }
+      n = s.shouldUnregister ? a.keepDefaultValues ? p(l) : {} : p(d), v.array.next({
+        values: { ...d }
       }), v.state.next({
-        values: { ...o }
+        values: { ...d }
       });
     }
     c = {
@@ -991,55 +991,55 @@ function Qt(e = {}) {
       watch: /* @__PURE__ */ new Set(),
       watchAll: !1,
       focus: ""
-    }, d.mount = !V.isValid || !!a.keepIsValid || !!a.keepDirtyValues || !s.shouldUnregister && !W(o), d.watch = !!s.shouldUnregister, d.action = !1, a.keepErrors || (t.errors = {}), v.state.next({
+    }, o.mount = !F.isValid || !!a.keepIsValid || !!a.keepDirtyValues || !s.shouldUnregister && !q(d), o.watch = !!s.shouldUnregister, o.action = !1, a.keepErrors || (t.errors = {}), v.state.next({
       submitCount: a.keepSubmitCount ? t.submitCount : 0,
-      isDirty: f ? !1 : a.keepDirty ? t.isDirty : !!(a.keepDefaultValues && !Q(r, u)),
+      isDirty: f ? !1 : a.keepDirty ? t.isDirty : !!(a.keepDefaultValues && !Q(r, l)),
       isSubmitted: a.keepIsSubmitted ? t.isSubmitted : !1,
-      dirtyFields: f ? {} : a.keepDirtyValues ? a.keepDefaultValues && n ? le(u, n) : t.dirtyFields : a.keepDefaultValues && r ? le(u, r) : a.keepDirty ? t.dirtyFields : {},
+      dirtyFields: f ? {} : a.keepDirtyValues ? a.keepDefaultValues && n ? ue(l, n) : t.dirtyFields : a.keepDefaultValues && r ? ue(l, r) : a.keepDirty ? t.dirtyFields : {},
       touchedFields: a.keepTouched ? t.touchedFields : {},
       errors: a.keepErrors ? t.errors : {},
       isSubmitSuccessful: a.keepIsSubmitSuccessful ? t.isSubmitSuccessful : !1,
       isSubmitting: !1,
-      defaultValues: u
+      defaultValues: l
     });
-  }, $e = (r, a) => je(X(r) ? r(n) : r, a), At = (r, a = {}) => {
-    const l = y(i, r), h = l && l._f;
+  }, je = (r, a) => $e(X(r) ? r(n) : r, a), xt = (r, a = {}) => {
+    const u = y(i, r), h = u && u._f;
     if (h) {
       const f = h.refs ? h.refs[0] : h.ref;
       f.focus && (f.focus(), a.shouldSelect && X(f.select) && f.select());
     }
-  }, xt = (r) => {
+  }, At = (r) => {
     t = {
       ...t,
       ...r
     };
-  }, Ke = {
+  }, ze = {
     control: {
       register: we,
-      unregister: xe,
+      unregister: Ae,
       getFieldState: Ie,
       handleSubmit: He,
       setError: Pe,
       _subscribe: We,
-      _runSchema: K,
-      _focusError: ke,
-      _getWatch: x,
+      _runSchema: z,
+      _focusError: De,
+      _getWatch: A,
       _getDirty: ee,
-      _setValid: R,
+      _setValid: E,
       _setFieldArray: Z,
       _setDisabledField: qe,
-      _setErrors: N,
-      _getFieldArray: D,
-      _reset: je,
+      _setErrors: I,
+      _getFieldArray: k,
+      _reset: $e,
       _resetDefaultValues: () => X(s.defaultValues) && s.defaultValues().then((r) => {
-        $e(r, s.resetOptions), v.state.next({
+        je(r, s.resetOptions), v.state.next({
           isLoading: !1
         });
       }),
       _removeUnmounted: ie,
       _disableForm: Vt,
       _subjects: v,
-      _proxyFormState: V,
+      _proxyFormState: F,
       get _fields() {
         return i;
       },
@@ -1047,13 +1047,13 @@ function Qt(e = {}) {
         return n;
       },
       get _state() {
-        return d;
+        return o;
       },
       set _state(r) {
-        d = r;
+        o = r;
       },
       get _defaultValues() {
-        return u;
+        return l;
       },
       get _names() {
         return c;
@@ -1078,24 +1078,24 @@ function Qt(e = {}) {
     trigger: ne,
     register: we,
     handleSubmit: He,
-    watch: mt,
+    watch: _t,
     setValue: H,
     getValues: ve,
-    reset: $e,
+    reset: je,
     resetField: Ft,
-    clearErrors: _t,
-    unregister: xe,
+    clearErrors: mt,
+    unregister: Ae,
     setError: Pe,
-    setFocus: At,
+    setFocus: xt,
     getFieldState: Ie
   };
   return {
-    ...Ke,
-    formControl: Ke
+    ...ze,
+    formControl: ze
   };
 }
-function Xt(e = {}) {
-  const s = _.useRef(void 0), t = _.useRef(void 0), [i, u] = _.useState({
+function Qt(e = {}) {
+  const s = m.useRef(void 0), t = m.useRef(void 0), [i, l] = m.useState({
     isDirty: !1,
     isValidating: !1,
     isLoading: X(e.defaultValues),
@@ -1119,7 +1119,7 @@ function Xt(e = {}) {
         formState: i
       }, e.defaultValues && !X(e.defaultValues) && e.formControl.reset(e.defaultValues, e.resetOptions);
     else {
-      const { formControl: d, ...c } = Qt(e);
+      const { formControl: o, ...c } = Jt(e);
       s.current = {
         ...c,
         formState: i
@@ -1127,55 +1127,55 @@ function Xt(e = {}) {
     }
   const n = s.current.control;
   return n._options = e, pe(() => {
-    const d = n._subscribe({
+    const o = n._subscribe({
       formState: n._proxyFormState,
-      callback: () => u({ ...n._formState }),
+      callback: () => l({ ...n._formState }),
       reRenderRoot: !0
     });
-    return u((c) => ({
+    return l((c) => ({
       ...c,
       isReady: !0
-    })), n._formState.isReady = !0, d;
-  }, [n]), _.useEffect(() => n._disableForm(e.disabled), [n, e.disabled]), _.useEffect(() => {
+    })), n._formState.isReady = !0, o;
+  }, [n]), m.useEffect(() => n._disableForm(e.disabled), [n, e.disabled]), m.useEffect(() => {
     e.mode && (n._options.mode = e.mode), e.reValidateMode && (n._options.reValidateMode = e.reValidateMode);
-  }, [n, e.mode, e.reValidateMode]), _.useEffect(() => {
+  }, [n, e.mode, e.reValidateMode]), m.useEffect(() => {
     e.errors && (n._setErrors(e.errors), n._focusError());
-  }, [n, e.errors]), _.useEffect(() => {
+  }, [n, e.errors]), m.useEffect(() => {
     e.shouldUnregister && n._subjects.state.next({
       values: n._getWatch()
     });
-  }, [n, e.shouldUnregister]), _.useEffect(() => {
+  }, [n, e.shouldUnregister]), m.useEffect(() => {
     if (n._proxyFormState.isDirty) {
-      const d = n._getDirty();
-      d !== i.isDirty && n._subjects.state.next({
-        isDirty: d
+      const o = n._getDirty();
+      o !== i.isDirty && n._subjects.state.next({
+        isDirty: o
       });
     }
-  }, [n, i.isDirty]), _.useEffect(() => {
-    var d;
+  }, [n, i.isDirty]), m.useEffect(() => {
+    var o;
     e.values && !Q(e.values, t.current) ? (n._reset(e.values, {
       keepFieldsRef: !0,
       ...n._options.resetOptions
-    }), !((d = n._options.resetOptions) === null || d === void 0) && d.keepIsValid || n._setValid(), t.current = e.values, u((c) => ({ ...c }))) : n._resetDefaultValues();
-  }, [n, e.values]), _.useEffect(() => {
+    }), !((o = n._options.resetOptions) === null || o === void 0) && o.keepIsValid || n._setValid(), t.current = e.values, l((c) => ({ ...c }))) : n._resetDefaultValues();
+  }, [n, e.values]), m.useEffect(() => {
     n._state.mount || (n._setValid(), n._state.mount = !0), n._state.watch && (n._state.watch = !1, n._subjects.state.next({ ...n._formState })), n._removeUnmounted();
   }), s.current.formState = dt(i, n), s.current;
 }
-const Zt = ({
+const Xt = ({
   children: e,
   onSubmit: s = () => {
   },
   style: t = {},
   className: i = "",
-  formOptions: u
+  formOptions: l
 }) => {
-  const n = Xt({
+  const n = Qt({
     mode: "onSubmit",
     reValidateMode: "onChange",
     shouldFocusError: !0,
-    ...u
+    ...l
   });
-  return /* @__PURE__ */ he(Tt, { ...n, children: /* @__PURE__ */ he(
+  return /* @__PURE__ */ oe(Ot, { ...n, children: /* @__PURE__ */ oe(
     "form",
     {
       noValidate: !0,
@@ -1185,52 +1185,75 @@ const Zt = ({
       children: e
     }
   ) });
-}, er = ({
+}, Zt = ({
   children: e,
   name: s,
-  rules: t
+  rules: t,
+  className: i,
+  label: l,
+  id: n
 }) => {
-  const { control: i } = Ae();
-  return /* @__PURE__ */ he(
-    pt,
+  const { control: o } = xe();
+  return /* @__PURE__ */ oe(
+    Mt,
     {
-      control: i,
+      control: o,
       name: s,
       rules: t,
-      render: (u) => /* @__PURE__ */ he(tr, { ...u, children: e })
+      render: (c) => /* @__PURE__ */ oe(
+        er,
+        {
+          ...c,
+          children: e,
+          className: i,
+          label: l,
+          id: n
+        }
+      )
     }
   );
-}, tr = ({
+}, er = ({
   field: e,
   fieldState: s,
-  children: t
+  children: t,
+  className: i = "",
+  label: l,
+  id: n = crypto.randomUUID()
 }) => {
-  const { onChange: i, onBlur: u, value: n, name: d, disabled: c } = e, { error: w } = s, E = t.props.onChange, V = t.props.onBlur, m = Ye(
-    (...p) => {
-      i(...p), E == null || E(...p);
+  const { onChange: o, onBlur: c, value: w, name: R, disabled: F } = e, { error: _ } = s, v = t.props.onChange, B = t.props.onBlur, N = Ye(
+    (...L) => {
+      o(...L), v == null || v(...L);
     },
-    [i, E]
-  ), v = Ye(
-    (...p) => {
-      u(), V == null || V(...p);
+    [o, v]
+  ), E = Ye(
+    (...L) => {
+      c(), B == null || B(...L);
     },
-    [u, V]
+    [c, B]
+  );
+  return /* @__PURE__ */ Et(
+    "div",
+    {
+      className: `controlled-field ${i}`,
+      style: { display: "flex", flexDirection: "column", gap: "5px" },
+      children: [
+        l && /* @__PURE__ */ oe("label", { htmlFor: n, className: "controlled-field-label", children: l }),
+        St(t, {
+          ...t.props,
+          id: n,
+          name: R,
+          disabled: F,
+          onChange: N,
+          value: w || t.props.value,
+          onBlur: E
+        }),
+        _ && /* @__PURE__ */ oe("div", { style: { color: "red", fontSize: 13 }, className: "controlled-field-error", children: _.message })
+      ]
+    }
   );
-  return /* @__PURE__ */ Et(St, { children: [
-    Ct(t, {
-      ...t.props,
-      name: d,
-      disabled: c,
-      onChange: m,
-      value: n || t.props.value,
-      onBlur: v,
-      error: w
-    }),
-    w && /* @__PURE__ */ he("div", { style: { color: "red", marginTop: 4 }, children: w.message })
-  ] });
 };
-Zt.Control = er;
+Xt.Control = Zt;
 export {
-  Zt as SuprForm
+  Xt as SuprForm
 };
 //# sourceMappingURL=suprform.es.js.map