suprform 1.0.0 → 1.0.1

package/dist/suprform.es.js

@@ -1,8 +1,8 @@
-import { jsx as _e } from "react/jsx-runtime";
-import _, { useCallback as Ye, cloneElement as Et } from "react";
-var he = (e) => e.type === "checkbox", ae = (e) => e instanceof Date, $ = (e) => e == null;
+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) => !$(e) && !Array.isArray(e) && ut(e) && !ae(e), lt = (e) => M(e) && e.target ? he(e.target) ? e.target.checked : e.target.value : e, St = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, ot = (e, s) => e.has(St(s)), Ct = (e) => {
+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) => {
   const s = e.constructor && e.constructor.prototype;
   return M(s) && s.hasOwnProperty("isPrototypeOf");
 }, Te = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
@@ -12,7 +12,7 @@ function U(e) {
   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 && !Ct(e))
+    if (s = t ? [] : Object.create(Object.getPrototypeOf(e)), !t && !Ot(e))
       s = e;
     else
       for (const u in e)
@@ -24,7 +24,7 @@ function U(e) {
 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) => {
   if (!s || !M(e))
     return t;
-  const i = (Fe(s) ? [s] : Me(s)).reduce((u, n) => $(u) ? u : u[n], e);
+  const i = (Fe(s) ? [s] : Me(s)).reduce((u, n) => j(u) ? u : u[n], e);
   return O(i) || i === e ? O(e[s]) ? t : e[s] : i;
 }, z = (e) => typeof e == "boolean", C = (e, s, t) => {
   let i = -1;
@@ -41,7 +41,7 @@ var Fe = (e) => /^\w*$/.test(e), O = (e) => e === void 0, Le = (e) => Array.isAr
     e[c] = w, e = e[c];
   }
 };
-const be = {
+const me = {
   BLUR: "blur",
   FOCUS_OUT: "focusout",
   CHANGE: "change"
@@ -61,7 +61,7 @@ const be = {
   validate: "validate"
 }, Ue = _.createContext(null);
 Ue.displayName = "HookFormContext";
-const Ae = () => _.useContext(Ue), Rt = (e) => {
+const Ae = () => _.useContext(Ue), Tt = (e) => {
   const { children: s, ...t } = e;
   return _.createElement(Ue.Provider, { value: t }, s);
 };
@@ -79,7 +79,7 @@ var dt = (e, s, t, i = !0) => {
   return u;
 };
 const pe = typeof window < "u" ? _.useLayoutEffect : _.useEffect;
-function Ot(e) {
+function Lt(e) {
   const s = Ae(), { control: t = s.control, disabled: i, name: u, exact: n } = e || {}, [d, c] = _.useState(t._formState), w = _.useRef({
     isDirty: !1,
     isLoading: !1,
@@ -104,7 +104,7 @@ function Ot(e) {
     w.current.isValid && t._setValid(!0);
   }, [t]), _.useMemo(() => dt(d, t, w.current, !1), [d, 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) => $(e) || !ut(e);
+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);
 function Q(e, s, t = /* @__PURE__ */ new WeakSet()) {
   if (Re(e) || Re(s))
     return Object.is(e, s);
@@ -128,8 +128,8 @@ function Q(e, s, t = /* @__PURE__ */ new WeakSet()) {
   }
   return !0;
 }
-function Tt(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), b = _.useRef(t), v = _.useRef(i);
+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);
@@ -141,13 +141,13 @@ function Tt(e) {
     if (!n) {
       const A = Ce(i, t._names, F || t._formValues, !1, w.current);
       if (E.current) {
-        const j = E.current(A);
-        Q(j, V.current) || (q(j), V.current = j);
+        const $ = E.current(A);
+        Q($, V.current) || (q($), V.current = $);
       } else
         q(A);
     }
   }, [t._formValues, t._names, n, i]);
-  pe(() => ((b.current !== t || !Q(v.current, i)) && (b.current = t, v.current = i, B()), t._subscribe({
+  pe(() => ((m.current !== t || !Q(v.current, i)) && (m.current = t, v.current = i, B()), t._subscribe({
     name: i,
     formState: {
       values: !0
@@ -157,21 +157,21 @@ function Tt(e) {
       B(F.values);
     }
   })), [t, d, i, B]), _.useEffect(() => t._removeUnmounted());
-  const Z = b.current !== t, m = v.current, N = _.useMemo(() => {
+  const Z = m.current !== t, b = v.current, N = _.useMemo(() => {
     if (n)
       return null;
-    const F = !Z && !Q(m, i);
+    const F = !Z && !Q(b, i);
     return Z || F ? R() : null;
-  }, [n, Z, i, m, R]);
+  }, [n, Z, i, b, R]);
   return N !== null ? N : p;
 }
-function Lt(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 = Tt({
+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,
     name: t,
     defaultValue: E,
     exact: c
-  }), b = Ot({
+  }), m = Lt({
     control: u,
     name: t,
     exact: c
@@ -184,68 +184,68 @@ function Lt(e) {
   const R = _.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
-      get: () => !!y(b.errors, t)
+      get: () => !!y(m.errors, t)
     },
     isDirty: {
       enumerable: !0,
-      get: () => !!y(b.dirtyFields, t)
+      get: () => !!y(m.dirtyFields, t)
     },
     isTouched: {
       enumerable: !0,
-      get: () => !!y(b.touchedFields, t)
+      get: () => !!y(m.touchedFields, t)
     },
     isValidating: {
       enumerable: !0,
-      get: () => !!y(b.validatingFields, t)
+      get: () => !!y(m.validatingFields, t)
     },
     error: {
       enumerable: !0,
-      get: () => y(b.errors, t)
+      get: () => y(m.errors, t)
     }
-  }), [b, t]), B = _.useCallback((F) => q.current.onChange({
+  }), [m, t]), B = _.useCallback((F) => q.current.onChange({
     target: {
       value: lt(F),
       name: t
     },
-    type: be.CHANGE
+    type: me.CHANGE
   }), [t]), Z = _.useCallback(() => q.current.onBlur({
     target: {
       value: y(u._formValues, t),
       name: t
     },
-    type: be.BLUR
-  }), [t, u._formValues]), m = _.useCallback((F) => {
+    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: (j) => F.setCustomValidity(j),
+      setCustomValidity: ($) => F.setCustomValidity($),
       reportValidity: () => F.reportValidity()
     });
   }, [u._fields, t]), N = _.useMemo(() => ({
     name: t,
     value: V,
-    ...z(i) || b.disabled ? { disabled: b.disabled || i } : {},
+    ...z(i) || m.disabled ? { disabled: m.disabled || i } : {},
     onChange: B,
     onBlur: Z,
-    ref: m
-  }), [t, i, b.disabled, B, Z, m, V]);
+    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, {
       ...v.current.rules,
       ...z(v.current.disabled) ? { disabled: v.current.disabled } : {}
     });
-    const j = (K, oe) => {
+    const $ = (K, oe) => {
       const I = y(u._fields, K);
       I && I._f && (I._f.mount = oe);
     };
-    if (j(t, !0), F) {
+    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);
     }
     return !w && u.register(t), p.current = t, () => {
-      (w ? F && !u._state.action : F) ? u.unregister(t) : j(t, !1);
+      (w ? F && !u._state.action : F) ? u.unregister(t) : $(t, !1);
     };
   }, [t, u, w, n]), _.useEffect(() => {
     u._setDisabledField({
@@ -254,12 +254,12 @@ function Lt(e) {
     });
   }, [i, t, u]), _.useMemo(() => ({
     field: N,
-    formState: b,
+    formState: m,
     fieldState: R
-  }), [N, b, R]);
+  }), [N, m, R]);
 }
-const Mt = (e) => e.render(Lt(e));
-var Ut = (e, s, t, i, u) => s ? {
+const pt = (e) => e.render(Ut(e));
+var Bt = (e, s, t, i, u) => s ? {
   ...t[e],
   types: {
     ...t[e] && t[e].types ? t[e].types : {},
@@ -297,37 +297,37 @@ function ct(e, s) {
     }
   return t;
 }
-var W = (e) => M(e) && !Object.keys(e).length, Be = (e) => e.type === "file", X = (e) => typeof e == "function", me = (e) => {
+var W = (e) => M(e) && !Object.keys(e).length, Be = (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", pt = (e) => Ne(e) || he(e), Se = (e) => me(e) && e.isConnected;
-function Bt(e, s) {
+}, 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) {
   const t = s.slice(0, -1).length;
   let i = 0;
   for (; i < t; )
     e = O(e) ? i++ : e[s[i++]];
   return e;
 }
-function Nt(e) {
+function Pt(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 : Bt(e, t), u = t.length - 1, n = t[u];
-  return i && delete i[n], u !== 0 && (M(i) && W(i) || Array.isArray(i) && Nt(i)) && L(e, t.slice(0, -1)), e;
+  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;
 }
-var It = (e) => {
+var Wt = (e) => {
   for (const s in e)
     if (X(e[s]))
       return !0;
   return !1;
 };
 function yt(e) {
-  return Array.isArray(e) || M(e) && !It(e);
+  return Array.isArray(e) || M(e) && !Wt(e);
 }
 function Oe(e, s = {}) {
   for (const t in e) {
@@ -341,7 +341,7 @@ function le(e, s, t) {
   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, $(s) ? {} : s[i], t[i]);
+      O(s) || Re(t[i]) ? t[i] = Oe(u, Array.isArray(u) ? [] : {}) : le(u, j(s) ? {} : s[i], t[i]);
     else {
       const n = s[i];
       t[i] = !Q(u, n);
@@ -376,9 +376,9 @@ 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) : he(s) ? ht(e.refs).value : gt(O(s.value) ? e.ref.value : s.value, e);
+  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);
 }
-var Pt = (e, s, t, i) => {
+var qt = (e, s, t, i) => {
   const u = {};
   for (const n of e) {
     const d = y(s, n);
@@ -398,7 +398,7 @@ var Pt = (e, s, t, i) => {
   isOnTouch: e === J.onTouched
 });
 const rt = "AsyncFunction";
-var Wt = (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)), qt = (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))));
+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);
@@ -444,11 +444,11 @@ function it(e, s, t) {
     name: t
   };
 }
-var Ht = (e, s, t, i) => {
+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));
-}, $t = (e, s, t) => !e || !s || e === s || fe(e).some((i) => i && (t ? i === s : i.startsWith(s) || s.startsWith(i))), jt = (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, Kt = (e, s) => !Le(y(e, s)).length && L(e, s), zt = (e, s, t) => {
+}, 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));
   return C(i, "root", s[t]), C(e, t, i), e;
 };
@@ -464,12 +464,12 @@ var ue = (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: b, max: v, pattern: p, validate: q, name: R, valueAsNumber: B, mount: Z } = e._f, m = y(t, R);
+  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))
     return {};
   const N = c ? c[0] : d, F = (x) => {
     u && N.reportValidity && (N.setCustomValidity(z(x) ? "" : x || ""), N.reportValidity());
-  }, A = {}, j = Ne(d), K = he(d), oe = j || K, I = (B || Be(d)) && O(d.value) && O(m) || me(d) && d.value === "" || m === "" || Array.isArray(m) && !m.length, ie = Ut.bind(null, R, i, A), ee = (x, D, T, P = re.maxLength, H = re.minLength) => {
+  }, 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,
@@ -478,7 +478,7 @@ var ue = (e) => M(e) && !Ve(e) ? e : {
       ...ie(x ? P : H, te)
     };
   };
-  if (n ? !Array.isArray(m) || !m.length : w && (!oe && (I || $(m)) || z(m) && !m || K && !ht(c).isValid || j && !vt(c).isValid)) {
+  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] = {
       type: re.required,
@@ -488,27 +488,27 @@ var ue = (e) => M(e) && !Ve(e) ? e : {
     }, !i))
       return F(D), A;
   }
-  if (!I && (!$(b) || !$(v))) {
+  if (!I && (!j(m) || !j(v))) {
     let x, D;
-    const T = ue(v), P = ue(b);
-    if (!$(m) && !isNaN(m)) {
-      const H = d.valueAsNumber || m && +m;
-      $(T.value) || (x = H > T.value), $(P.value) || (D = H < P.value);
+    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);
     } else {
-      const H = d.valueAsDate || new Date(m), te = (ge) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + ge), de = d.type == "time", ne = d.type == "week";
-      G(T.value) && m && (x = de ? te(m) > te(T.value) : ne ? m > T.value : H > new Date(T.value)), G(P.value) && m && (D = de ? te(m) < te(P.value) : ne ? m < P.value : H < new Date(P.value));
+      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));
     }
     if ((x || D) && (ee(!!x, T.message, P.message, re.max, re.min), !i))
       return F(A[R].message), A;
   }
-  if ((E || V) && !I && (G(m) || n && Array.isArray(m))) {
-    const x = ue(E), D = ue(V), T = !$(x.value) && m.length > +x.value, P = !$(D.value) && m.length < +D.value;
+  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 (p && !I && G(m)) {
+  if (p && !I && G(b)) {
     const { value: x, message: D } = ue(p);
-    if (Ve(x) && !m.match(x) && (A[R] = {
+    if (Ve(x) && !b.match(x) && (A[R] = {
       type: re.pattern,
       message: D,
       ref: d,
@@ -518,7 +518,7 @@ var ue = (e) => M(e) && !Ve(e) ? e : {
   }
   if (q) {
     if (X(q)) {
-      const x = await q(m, t), D = at(x, N);
+      const x = await q(b, t), D = at(x, N);
       if (D && (A[R] = {
         ...D,
         ...ie(re.validate, D.message)
@@ -529,7 +529,7 @@ var ue = (e) => M(e) && !Ve(e) ? e : {
       for (const D in q) {
         if (!W(x) && !i)
           break;
-        const T = at(await q[D](m, t), N, D);
+        const T = at(await q[D](b, t), N, D);
         T && (x = {
           ...T,
           ...ie(D, T.message)
@@ -544,14 +544,14 @@ var ue = (e) => M(e) && !Ve(e) ? e : {
   }
   return F(!0), A;
 };
-const Gt = {
+const Jt = {
   mode: J.onSubmit,
   reValidateMode: J.onChange,
   shouldFocusError: !0
 };
-function Yt(e = {}) {
+function Qt(e = {}) {
   let s = {
-    ...Gt,
+    ...Jt,
     ...e
   }, t = {
     submitCount: 0,
@@ -588,7 +588,7 @@ function Yt(e = {}) {
     isValid: !1,
     errors: !1
   };
-  let b = {
+  let m = {
     ...V
   };
   const v = {
@@ -597,14 +597,14 @@ function Yt(e = {}) {
   }, p = s.criteriaMode === J.all, q = (r) => (a) => {
     clearTimeout(E), E = setTimeout(r, a);
   }, R = async (r) => {
-    if (!s.disabled && (V.isValid || b.isValid || r)) {
+    if (!s.disabled && (V.isValid || m.isValid || r)) {
       const a = s.resolver ? W((await K()).errors) : await I(i, !0);
       a !== t.isValid && v.state.next({
         isValid: a
       });
     }
   }, B = (r, a) => {
-    !s.disabled && (V.isValidating || V.validatingFields || b.isValidating || b.validatingFields) && ((r || Array.from(c.mount)).forEach((l) => {
+    !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));
     }), v.state.next({
       validatingFields: t.validatingFields,
@@ -618,13 +618,13 @@ function Yt(e = {}) {
       }
       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), Kt(t.errors, r);
+        f && C(t.errors, r, g), Gt(t.errors, r);
       }
-      if ((V.touchedFields || b.touchedFields) && o && Array.isArray(y(t.touchedFields, r))) {
+      if ((V.touchedFields || m.touchedFields) && o && Array.isArray(y(t.touchedFields, r))) {
         const g = l(y(t.touchedFields, r), h.argA, h.argB);
         f && C(t.touchedFields, r, g);
       }
-      (V.dirtyFields || b.dirtyFields) && (t.dirtyFields = le(u, n)), v.state.next({
+      (V.dirtyFields || m.dirtyFields) && (t.dirtyFields = le(u, n)), v.state.next({
         name: r,
         isDirty: ee(r, a),
         dirtyFields: t.dirtyFields,
@@ -633,7 +633,7 @@ function Yt(e = {}) {
       });
     } else
       C(n, r, a);
-  }, m = (r, a) => {
+  }, b = (r, a) => {
     C(t.errors, r, a), v.state.next({
       errors: t.errors
     });
@@ -655,20 +655,20 @@ function Yt(e = {}) {
     };
     if (!s.disabled) {
       if (!l || h) {
-        (V.isDirty || b.isDirty) && (g = t.isDirty, t.isDirty = k.isDirty = ee(), o = g !== k.isDirty);
+        (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 || b.dirtyFields) && g !== !S;
+        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 (l) {
         const S = y(t.touchedFields, r);
-        S || (C(t.touchedFields, r, l), k.touchedFields = t.touchedFields, o = o || (V.touchedFields || b.touchedFields) && S !== l);
+        S || (C(t.touchedFields, r, l), k.touchedFields = t.touchedFields, o = o || (V.touchedFields || m.touchedFields) && S !== l);
       }
       o && f && v.state.next(k);
     }
     return o ? k : {};
-  }, j = (r, a, l, h) => {
-    const f = y(t.errors, r), o = (V.isValid || b.isValid) && z(a) && t.isValid !== a;
-    if (s.delayError && l ? (w = q(() => m(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) {
+  }, $ = (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) {
       const g = {
         ...h,
         ...o && z(a) ? { isValid: a } : {},
@@ -682,7 +682,7 @@ function Yt(e = {}) {
     }
   }, K = async (r) => {
     B(r, !0);
-    const a = await s.resolver(n, s.context, Pt(r || c.mount, i, s.criteriaMode, s.shouldUseNativeValidation));
+    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);
@@ -702,12 +702,12 @@ function Yt(e = {}) {
       if (f) {
         const { _f: o, ...g } = f;
         if (o) {
-          const k = c.array.has(o.name), S = f._f && Wt(f._f);
+          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))
             break;
-          !a && (y(Y, o.name) ? k ? zt(t.errors, Y, o.name) : C(t.errors, o.name, Y[o.name]) : L(t.errors, o.name));
+          !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));
         }
         !W(g) && await I(g, a, l);
       }
@@ -719,14 +719,14 @@ function Yt(e = {}) {
       a && (a._f.refs ? a._f.refs.every((l) => !Se(l)) : !Se(a._f.ref)) && xe(r);
     }
     c.unMount = /* @__PURE__ */ new Set();
-  }, ee = (r, a) => !s.disabled && (r && a && C(n, r, a), !Q(ge(), u)), x = (r, a, l) => Ce(r, c, {
+  }, 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 = {}) => {
     const h = y(i, r);
     let f = a;
     if (h) {
       const o = h._f;
-      o && (!o.disabled && C(n, r, gt(a, o)), f = me(o.ref) && $(a) ? "" : a, ft(o.ref) ? [...o.ref.options].forEach((g) => g.selected = f.includes(g.value)) : o.refs ? he(o.ref) ? o.refs.forEach((g) => {
+      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({
         name: r,
@@ -746,11 +746,11 @@ function Yt(e = {}) {
     C(n, r, o), f ? (v.array.next({
       name: r,
       values: U(n)
-    }), (V.isDirty || V.dirtyFields || b.isDirty || b.dirtyFields) && l.shouldDirty && v.state.next({
+    }), (V.isDirty || V.dirtyFields || m.isDirty || m.dirtyFields) && l.shouldDirty && v.state.next({
       name: r,
       dirtyFields: le(u, n),
       isDirty: ee(r, o)
-    })) : h && !h._f && !$(o) ? P(r, o, l) : T(r, o, l), st(r, c) && v.state.next({ ...t, name: r }), v.state.next({
+    })) : 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)
     });
@@ -763,24 +763,24 @@ function Yt(e = {}) {
     }, g = tt(s.mode), k = tt(s.reValidateMode);
     if (f) {
       let S, Y;
-      const ve = a.type ? et(f._f) : lt(r), se = r.type === be.BLUR || r.type === be.FOCUS_OUT, wt = !qt(f._f) && !s.resolver && !y(t.errors, l) && !f._f.deps || jt(se, y(t.touchedFields, l), t.isSubmitted, k, g), De = st(l, c, se);
-      C(n, l, ve), 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, ve, se), kt = !W(Ee) || De;
+      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;
       if (!se && v.state.next({
         name: l,
         type: r.type,
         values: U(n)
       }), wt)
-        return (V.isValid || b.isValid) && (s.mode === "onBlur" ? se && R() : se || R()), kt && v.state.next({ name: l, ...De ? {} : Ee });
+        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(ve), h) {
+        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);
         }
       } else
-        B([l], !0), S = (await nt(f, c.disabled, n, p, s.shouldUseNativeValidation))[l], B([l]), o(ve), h && (S ? Y = !1 : (V.isValid || b.isValid) && (Y = await I(i, !0)));
-      h && (f._f.deps && (!Array.isArray(f._f.deps) || f._f.deps.length > 0) && ne(f._f.deps), j(l, Y, S, Ee));
+        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));
     }
   }, de = (r, a) => {
     if (y(t.errors, a) && r.focus)
@@ -796,11 +796,11 @@ function Yt(e = {}) {
       return await I(g && g._f ? { [o]: g } : g);
     }))).every(Boolean), !(!h && !t.isValid) && R()) : h = l = await I(i);
     return v.state.next({
-      ...!G(r) || (V.isValid || b.isValid) && l !== t.isValid ? {} : { name: r },
+      ...!G(r) || (V.isValid || m.isValid) && l !== t.isValid ? {} : { name: r },
       ...s.resolver || !r ? { isValid: l } : {},
       errors: t.errors
     }), a.shouldFocus && !h && ye(i, de, r ? f : c.mount), h;
-  }, ge = (r, a) => {
+  }, ve = (r, a) => {
     let l = {
       ...d.mount ? n : u
     };
@@ -826,23 +826,23 @@ function Yt(e = {}) {
       errors: t.errors,
       isValid: !1
     }), l && l.shouldFocus && h && h.focus && h.focus();
-  }, bt = (r, a) => X(r) ? v.state.subscribe({
+  }, 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({
     next: (a) => {
-      $t(r.name, a.name, r.exact) && Ht(a, r.formState || V, xt, r.reRenderRoot) && r.callback({
+      Kt(r.name, a.name, r.exact) && $t(a, r.formState || V, xt, r.reRenderRoot) && r.callback({
         values: { ...n },
         ...t,
         ...a,
         defaultValues: u
       });
     }
-  }).unsubscribe, mt = (r) => (d.mount = !0, b = {
-    ...b,
+  }).unsubscribe, bt = (r) => (d.mount = !0, m = {
+    ...m,
     ...r.formState
   }, We({
     ...r,
-    formState: b
+    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);
@@ -884,7 +884,7 @@ function Yt(e = {}) {
       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 = pt(o), k = l._f.refs || [];
+          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)
             return;
           C(i, r, {
@@ -946,7 +946,7 @@ function Yt(e = {}) {
       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 }));
-  }, $e = (r, a = {}) => {
+  }, 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) {
       if (a.keepDirtyValues) {
@@ -962,7 +962,7 @@ function Yt(e = {}) {
             const k = y(i, g);
             if (k && k._f) {
               const S = Array.isArray(k._f.refs) ? k._f.refs[0] : k._f.ref;
-              if (me(S)) {
+              if (be(S)) {
                 const Y = S.closest("form");
                 if (Y) {
                   Y.reset();
@@ -1002,7 +1002,7 @@ function Yt(e = {}) {
       isSubmitting: !1,
       defaultValues: u
     });
-  }, je = (r, a) => $e(X(r) ? r(n) : r, a), At = (r, a = {}) => {
+  }, $e = (r, a) => je(X(r) ? r(n) : r, a), At = (r, a = {}) => {
     const l = y(i, r), h = l && l._f;
     if (h) {
       const f = h.refs ? h.refs[0] : h.ref;
@@ -1030,9 +1030,9 @@ function Yt(e = {}) {
       _setDisabledField: qe,
       _setErrors: N,
       _getFieldArray: D,
-      _reset: $e,
+      _reset: je,
       _resetDefaultValues: () => X(s.defaultValues) && s.defaultValues().then((r) => {
-        je(r, s.resetOptions), v.state.next({
+        $e(r, s.resetOptions), v.state.next({
           isLoading: !1
         });
       }),
@@ -1074,14 +1074,14 @@ function Yt(e = {}) {
         };
       }
     },
-    subscribe: mt,
+    subscribe: bt,
     trigger: ne,
     register: we,
     handleSubmit: He,
-    watch: bt,
+    watch: mt,
     setValue: H,
-    getValues: ge,
-    reset: je,
+    getValues: ve,
+    reset: $e,
     resetField: Ft,
     clearErrors: _t,
     unregister: xe,
@@ -1094,7 +1094,7 @@ function Yt(e = {}) {
     formControl: Ke
   };
 }
-function Jt(e = {}) {
+function Xt(e = {}) {
   const s = _.useRef(void 0), t = _.useRef(void 0), [i, u] = _.useState({
     isDirty: !1,
     isValidating: !1,
@@ -1119,7 +1119,7 @@ function Jt(e = {}) {
         formState: i
       }, e.defaultValues && !X(e.defaultValues) && e.formControl.reset(e.defaultValues, e.resetOptions);
     else {
-      const { formControl: d, ...c } = Yt(e);
+      const { formControl: d, ...c } = Qt(e);
       s.current = {
         ...c,
         formState: i
@@ -1161,7 +1161,7 @@ function Jt(e = {}) {
     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 Qt = ({
+const Zt = ({
   children: e,
   onSubmit: s = () => {
   },
@@ -1169,13 +1169,13 @@ const Qt = ({
   className: i = "",
   formOptions: u
 }) => {
-  const n = Jt({
+  const n = Xt({
     mode: "onSubmit",
     reValidateMode: "onChange",
     shouldFocusError: !0,
     ...u
   });
-  return /* @__PURE__ */ _e(Rt, { ...n, children: /* @__PURE__ */ _e(
+  return /* @__PURE__ */ he(Tt, { ...n, children: /* @__PURE__ */ he(
     "form",
     {
       noValidate: !0,
@@ -1185,27 +1185,27 @@ const Qt = ({
       children: e
     }
   ) });
-}, Xt = ({
+}, er = ({
   children: e,
   name: s,
   rules: t
 }) => {
   const { control: i } = Ae();
-  return /* @__PURE__ */ _e(
-    Mt,
+  return /* @__PURE__ */ he(
+    pt,
     {
       control: i,
       name: s,
       rules: t,
-      render: (u) => /* @__PURE__ */ _e(Zt, { ...u, children: e })
+      render: (u) => /* @__PURE__ */ he(tr, { ...u, children: e })
     }
   );
-}, Zt = ({
+}, tr = ({
   field: e,
   fieldState: s,
   children: t
 }) => {
-  const { onChange: i, onBlur: u, value: n, name: d, disabled: c } = e, { error: w } = s, E = t.props.onChange, V = t.props.onBlur, b = Ye(
+  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);
     },
@@ -1216,18 +1216,21 @@ const Qt = ({
     },
     [u, V]
   );
-  return Et(t, {
-    ...t.props,
-    name: d,
-    disabled: c,
-    onChange: b,
-    value: n || t.props.value,
-    onBlur: v,
-    error: w
-  });
+  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 })
+  ] });
 };
-Qt.Control = Xt;
+Zt.Control = er;
 export {
-  Qt as SuprForm
+  Zt as SuprForm
 };
 //# sourceMappingURL=suprform.es.js.map