@paragrav/rhf-utils 0.0.26 → 0.0.27

package/dist/node_modules/@hookform/devtools/dist/index.esm.mjs

@@ -1,1402 +0,0 @@
-import { createStore as Rt, StateMachineProvider as Lt, useStateMachine as lt } from "../../../little-state-machine/dist/little-state-machine.es.mjs";
-import * as c from "react";
-import B, { useState as Pt, useEffect as at } from "react";
-import { Animate as ot } from "../../../react-simple-animate/dist/index.mjs";
-import Oe from "../../../@emotion/styled/dist/emotion-styled.browser.esm.mjs";
-import Xe from "../../../lodash/isUndefined.mjs";
-import Mt from "../../../lodash/isObject.mjs";
-import ct from "../../../lodash/get.mjs";
-import Bt from "../../../use-deep-compare-effect/dist/use-deep-compare-effect.esm.mjs";
-import Ht from "../../../uuid/dist/esm-browser/v4.mjs";
-var ye = (e) => e.type === "checkbox", oe = (e) => e instanceof Date, I = (e) => e == null;
-const ut = (e) => typeof e == "object";
-var L = (e) => !I(e) && !Array.isArray(e) && ut(e) && !oe(e), It = (e) => L(e) && e.target ? ye(e.target) ? e.target.checked : e.target.value : e, Ut = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, Nt = (e, i) => e.has(Ut(i)), Wt = (e) => {
-  const i = e.constructor && e.constructor.prototype;
-  return L(i) && i.hasOwnProperty("isPrototypeOf");
-}, Re = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
-function ee(e) {
-  let i;
-  const r = Array.isArray(e);
-  if (e instanceof Date)
-    i = new Date(e);
-  else if (e instanceof Set)
-    i = new Set(e);
-  else if (!(Re && (e instanceof Blob || e instanceof FileList)) && (r || L(e)))
-    if (i = r ? [] : {}, !Array.isArray(e) && !Wt(e))
-      i = e;
-    else
-      for (const t in e)
-        i[t] = ee(e[t]);
-  else
-    return e;
-  return i;
-}
-var he = (e) => Array.isArray(e) ? e.filter(Boolean) : [], R = (e) => e === void 0, g = (e, i, r) => {
-  if (!i || !L(e))
-    return r;
-  const t = he(i.split(/[,[\].]+?/)).reduce((n, o) => I(n) ? n : n[o], e);
-  return R(t) || t === e ? R(e[i]) ? r : e[i] : t;
-};
-const Ke = {
-  BLUR: "blur",
-  FOCUS_OUT: "focusout",
-  CHANGE: "change"
-}, z = {
-  onBlur: "onBlur",
-  onChange: "onChange",
-  onSubmit: "onSubmit",
-  onTouched: "onTouched",
-  all: "all"
-}, J = {
-  max: "max",
-  min: "min",
-  maxLength: "maxLength",
-  minLength: "minLength",
-  pattern: "pattern",
-  required: "required",
-  validate: "validate"
-}, $t = B.createContext(null), Le = () => B.useContext($t);
-var dt = (e, i, r, t = !0) => {
-  const n = {
-    defaultValues: i._defaultValues
-  };
-  for (const o in e)
-    Object.defineProperty(n, o, {
-      get: () => {
-        const d = o;
-        return i._proxyFormState[d] !== z.all && (i._proxyFormState[d] = !t || z.all), r && (r[d] = !0), e[d];
-      }
-    });
-  return n;
-}, $ = (e) => L(e) && !Object.keys(e).length, ft = (e, i, r, t) => {
-  r(e);
-  const { name: n, ...o } = e;
-  return $(o) || Object.keys(o).length >= Object.keys(i).length || Object.keys(o).find((d) => i[d] === (!t || z.all));
-}, be = (e) => Array.isArray(e) ? e : [e], gt = (e, i, r) => r && i ? e === i : !e || !i || e === i || be(e).some((t) => t && (t.startsWith(i) || i.startsWith(t)));
-function Pe(e) {
-  const i = B.useRef(e);
-  i.current = e, B.useEffect(() => {
-    const r = !e.disabled && i.current.subject && i.current.subject.subscribe({
-      next: i.current.next
-    });
-    return () => {
-      r && r.unsubscribe();
-    };
-  }, [e.disabled]);
-}
-function Me(e) {
-  const i = Le(), { control: r = i.control, disabled: t, name: n, exact: o } = e || {}, [d, b] = B.useState(r._formState), y = B.useRef(!0), w = B.useRef({
-    isDirty: !1,
-    isLoading: !1,
-    dirtyFields: !1,
-    touchedFields: !1,
-    isValidating: !1,
-    isValid: !1,
-    errors: !1
-  }), A = B.useRef(n);
-  return A.current = n, Pe({
-    disabled: t,
-    next: (E) => y.current && gt(A.current, E.name, o) && ft(E, w.current, r._updateFormState) && b({
-      ...r._formState,
-      ...E
-    }),
-    subject: r._subjects.state
-  }), B.useEffect(() => {
-    y.current = !0;
-    const E = r._proxyFormState.isDirty && r._getDirty();
-    return E !== r._formState.isDirty && r._subjects.state.next({
-      isDirty: E
-    }), w.current.isValid && r._updateValid(!0), () => {
-      y.current = !1;
-    };
-  }, [r]), dt(d, r, w.current, !1);
-}
-var X = (e) => typeof e == "string", yt = (e, i, r, t, n) => X(e) ? (t && i.watch.add(e), g(r, e, n)) : Array.isArray(e) ? e.map((o) => (t && i.watch.add(o), g(r, o))) : (t && (i.watchAll = !0), r);
-function ht(e) {
-  const i = Le(), { control: r = i.control, name: t, defaultValue: n, disabled: o, exact: d } = e || {}, b = B.useRef(t);
-  b.current = t, Pe({
-    disabled: o,
-    subject: r._subjects.values,
-    next: (A) => {
-      gt(b.current, A.name, d) && w(ee(yt(b.current, r._names, A.values || r._formValues, !1, n)));
-    }
-  });
-  const [y, w] = B.useState(r._getWatch(t, n));
-  return B.useEffect(() => r._removeUnmounted()), y;
-}
-var Be = (e) => /^\w*$/.test(e), mt = (e) => he(e.replace(/["|']|\]/g, "").split(/\.|\[/));
-function S(e, i, r) {
-  let t = -1;
-  const n = Be(i) ? [i] : mt(i), o = n.length, d = o - 1;
-  for (; ++t < o; ) {
-    const b = n[t];
-    let y = r;
-    if (t !== d) {
-      const w = e[b];
-      y = L(w) || Array.isArray(w) ? w : isNaN(+n[t + 1]) ? {} : [];
-    }
-    e[b] = y, e = e[b];
-  }
-  return e;
-}
-var zt = (e, i, r, t, n) => i ? {
-  ...r[e],
-  types: {
-    ...r[e] && r[e].types ? r[e].types : {},
-    [t]: n || !0
-  }
-} : {};
-const Te = (e, i, r) => {
-  for (const t of r || Object.keys(e)) {
-    const n = g(e, t);
-    if (n) {
-      const { _f: o, ...d } = n;
-      if (o && i(o.name)) {
-        if (o.ref.focus) {
-          o.ref.focus();
-          break;
-        } else if (o.refs && o.refs[0].focus) {
-          o.refs[0].focus();
-          break;
-        }
-      } else
-        L(d) && Te(d, i);
-    }
-  }
-};
-var Ge = (e) => ({
-  isOnSubmit: !e || e === z.onSubmit,
-  isOnBlur: e === z.onBlur,
-  isOnChange: e === z.onChange,
-  isOnAll: e === z.all,
-  isOnTouch: e === z.onTouched
-}), Je = (e, i, r) => !r && (i.watchAll || i.watch.has(e) || [...i.watch].some((t) => e.startsWith(t) && /^\.\w+/.test(e.slice(t.length)))), qt = (e, i, r) => {
-  const t = he(g(e, r));
-  return S(t, "root", i[r]), S(e, r, t), e;
-}, ce = (e) => typeof e == "boolean", He = (e) => e.type === "file", ue = (e) => typeof e == "function", ve = (e) => {
-  if (!Re)
-    return !1;
-  const i = e ? e.ownerDocument : 0;
-  return e instanceof (i && i.defaultView ? i.defaultView.HTMLElement : HTMLElement);
-}, pe = (e) => X(e), Ie = (e) => e.type === "radio", Ee = (e) => e instanceof RegExp;
-const Qe = {
-  value: !1,
-  isValid: !1
-}, Ye = { value: !0, isValid: !0 };
-var bt = (e) => {
-  if (Array.isArray(e)) {
-    if (e.length > 1) {
-      const i = e.filter((r) => r && r.checked && !r.disabled).map((r) => r.value);
-      return { value: i, isValid: !!i.length };
-    }
-    return e[0].checked && !e[0].disabled ? (
-      // @ts-expect-error expected to work in the browser
-      e[0].attributes && !R(e[0].attributes.value) ? R(e[0].value) || e[0].value === "" ? Ye : { value: e[0].value, isValid: !0 } : Ye
-    ) : Qe;
-  }
-  return Qe;
-};
-const et = {
-  isValid: !1,
-  value: null
-};
-var pt = (e) => Array.isArray(e) ? e.reduce((i, r) => r && r.checked && !r.disabled ? {
-  isValid: !0,
-  value: r.value
-} : i, et) : et;
-function tt(e, i, r = "validate") {
-  if (pe(e) || Array.isArray(e) && e.every(pe) || ce(e) && !e)
-    return {
-      type: r,
-      message: pe(e) ? e : "",
-      ref: i
-    };
-}
-var ae = (e) => L(e) && !Ee(e) ? e : {
-  value: e,
-  message: ""
-}, rt = async (e, i, r, t, n) => {
-  const { ref: o, refs: d, required: b, maxLength: y, minLength: w, min: A, max: E, pattern: p, validate: V, name: D, valueAsNumber: Q, mount: Y, disabled: re } = e._f, v = g(i, D);
-  if (!Y || re)
-    return {};
-  const N = d ? d[0] : o, H = (O) => {
-    t && N.reportValidity && (N.setCustomValidity(ce(O) ? "" : O || ""), N.reportValidity());
-  }, F = {}, M = Ie(o), K = ye(o), se = M || K, q = (Q || He(o)) && R(o.value) && R(v) || ve(o) && o.value === "" || v === "" || Array.isArray(v) && !v.length, ie = zt.bind(null, D, r, F), G = (O, x, C, U = J.maxLength, W = J.minLength) => {
-    const Z = O ? x : C;
-    F[D] = {
-      type: O ? U : W,
-      message: Z,
-      ref: o,
-      ...ie(O ? U : W, Z)
-    };
-  };
-  if (n ? !Array.isArray(v) || !v.length : b && (!se && (q || I(v)) || ce(v) && !v || K && !bt(d).isValid || M && !pt(d).isValid)) {
-    const { value: O, message: x } = pe(b) ? { value: !!b, message: b } : ae(b);
-    if (O && (F[D] = {
-      type: J.required,
-      message: x,
-      ref: N,
-      ...ie(J.required, x)
-    }, !r))
-      return H(x), F;
-  }
-  if (!q && (!I(A) || !I(E))) {
-    let O, x;
-    const C = ae(E), U = ae(A);
-    if (!I(v) && !isNaN(v)) {
-      const W = o.valueAsNumber || v && +v;
-      I(C.value) || (O = W > C.value), I(U.value) || (x = W < U.value);
-    } else {
-      const W = o.valueAsDate || new Date(v), Z = (fe) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + fe), ne = o.type == "time", de = o.type == "week";
-      X(C.value) && v && (O = ne ? Z(v) > Z(C.value) : de ? v > C.value : W > new Date(C.value)), X(U.value) && v && (x = ne ? Z(v) < Z(U.value) : de ? v < U.value : W < new Date(U.value));
-    }
-    if ((O || x) && (G(!!O, C.message, U.message, J.max, J.min), !r))
-      return H(F[D].message), F;
-  }
-  if ((y || w) && !q && (X(v) || n && Array.isArray(v))) {
-    const O = ae(y), x = ae(w), C = !I(O.value) && v.length > O.value, U = !I(x.value) && v.length < x.value;
-    if ((C || U) && (G(C, O.message, x.message), !r))
-      return H(F[D].message), F;
-  }
-  if (p && !q && X(v)) {
-    const { value: O, message: x } = ae(p);
-    if (Ee(O) && !v.match(O) && (F[D] = {
-      type: J.pattern,
-      message: x,
-      ref: o,
-      ...ie(J.pattern, x)
-    }, !r))
-      return H(x), F;
-  }
-  if (V) {
-    if (ue(V)) {
-      const O = await V(v, i), x = tt(O, N);
-      if (x && (F[D] = {
-        ...x,
-        ...ie(J.validate, x.message)
-      }, !r))
-        return H(x.message), F;
-    } else if (L(V)) {
-      let O = {};
-      for (const x in V) {
-        if (!$(O) && !r)
-          break;
-        const C = tt(await V[x](v, i), N, x);
-        C && (O = {
-          ...C,
-          ...ie(x, C.message)
-        }, H(C.message), r && (F[D] = O));
-      }
-      if (!$(O) && (F[D] = {
-        ref: N,
-        ...O
-      }, !r))
-        return F;
-    }
-  }
-  return H(!0), F;
-};
-function Zt(e, i) {
-  const r = i.slice(0, -1).length;
-  let t = 0;
-  for (; t < r; )
-    e = R(e) ? t++ : e[i[t++]];
-  return e;
-}
-function Xt(e) {
-  for (const i in e)
-    if (!R(e[i]))
-      return !1;
-  return !0;
-}
-function P(e, i) {
-  const r = Array.isArray(i) ? i : Be(i) ? [i] : mt(i), t = r.length === 1 ? e : Zt(e, r), n = r.length - 1, o = r[n];
-  return t && delete t[o], n !== 0 && (L(t) && $(t) || Array.isArray(t) && Xt(t)) && P(e, r.slice(0, -1)), e;
-}
-function Ae() {
-  let e = [];
-  return {
-    get observers() {
-      return e;
-    },
-    next: (n) => {
-      for (const o of e)
-        o.next && o.next(n);
-    },
-    subscribe: (n) => (e.push(n), {
-      unsubscribe: () => {
-        e = e.filter((o) => o !== n);
-      }
-    }),
-    unsubscribe: () => {
-      e = [];
-    }
-  };
-}
-var xe = (e) => I(e) || !ut(e);
-function le(e, i) {
-  if (xe(e) || xe(i))
-    return e === i;
-  if (oe(e) && oe(i))
-    return e.getTime() === i.getTime();
-  const r = Object.keys(e), t = Object.keys(i);
-  if (r.length !== t.length)
-    return !1;
-  for (const n of r) {
-    const o = e[n];
-    if (!t.includes(n))
-      return !1;
-    if (n !== "ref") {
-      const d = i[n];
-      if (oe(o) && oe(d) || L(o) && L(d) || Array.isArray(o) && Array.isArray(d) ? !le(o, d) : o !== d)
-        return !1;
-    }
-  }
-  return !0;
-}
-var vt = (e) => e.type === "select-multiple", Kt = (e) => Ie(e) || ye(e), Fe = (e) => ve(e) && e.isConnected, Et = (e) => {
-  for (const i in e)
-    if (ue(e[i]))
-      return !0;
-  return !1;
-};
-function _e(e, i = {}) {
-  const r = Array.isArray(e);
-  if (L(e) || r)
-    for (const t in e)
-      Array.isArray(e[t]) || L(e[t]) && !Et(e[t]) ? (i[t] = Array.isArray(e[t]) ? [] : {}, _e(e[t], i[t])) : I(e[t]) || (i[t] = !0);
-  return i;
-}
-function xt(e, i, r) {
-  const t = Array.isArray(e);
-  if (L(e) || t)
-    for (const n in e)
-      Array.isArray(e[n]) || L(e[n]) && !Et(e[n]) ? R(i) || xe(r[n]) ? r[n] = Array.isArray(e[n]) ? _e(e[n], []) : { ..._e(e[n]) } : xt(e[n], I(i) ? {} : i[n], r[n]) : r[n] = !le(e[n], i[n]);
-  return r;
-}
-var De = (e, i) => xt(e, i, _e(i)), _t = (e, { valueAsNumber: i, valueAsDate: r, setValueAs: t }) => R(e) ? e : i ? e === "" ? NaN : e && +e : r && X(e) ? new Date(e) : t ? t(e) : e;
-function je(e) {
-  const i = e.ref;
-  if (!(e.refs ? e.refs.every((r) => r.disabled) : i.disabled))
-    return He(i) ? i.files : Ie(i) ? pt(e.refs).value : vt(i) ? [...i.selectedOptions].map(({ value: r }) => r) : ye(i) ? bt(e.refs).value : _t(R(i.value) ? e.ref.value : i.value, e);
-}
-var Gt = (e, i, r, t) => {
-  const n = {};
-  for (const o of e) {
-    const d = g(i, o);
-    d && S(n, o, d._f);
-  }
-  return {
-    criteriaMode: r,
-    names: [...e],
-    fields: n,
-    shouldUseNativeValidation: t
-  };
-}, ge = (e) => R(e) ? e : Ee(e) ? e.source : L(e) ? Ee(e.value) ? e.value.source : e.value : e, Jt = (e) => e.mount && (e.required || e.min || e.max || e.maxLength || e.minLength || e.pattern || e.validate);
-function st(e, i, r) {
-  const t = g(e, r);
-  if (t || Be(r))
-    return {
-      error: t,
-      name: r
-    };
-  const n = r.split(".");
-  for (; n.length; ) {
-    const o = n.join("."), d = g(i, o), b = g(e, o);
-    if (d && !Array.isArray(d) && r !== o)
-      return { name: r };
-    if (b && b.type)
-      return {
-        name: o,
-        error: b
-      };
-    n.pop();
-  }
-  return {
-    name: r
-  };
-}
-var Qt = (e, i, r, t, n) => n.isOnAll ? !1 : !r && n.isOnTouch ? !(i || e) : (r ? t.isOnBlur : n.isOnBlur) ? !e : (r ? t.isOnChange : n.isOnChange) ? e : !0, Yt = (e, i) => !he(g(e, i)).length && P(e, i);
-const er = {
-  mode: z.onSubmit,
-  reValidateMode: z.onChange,
-  shouldFocusError: !0
-};
-function tr(e = {}, i) {
-  let r = {
-    ...er,
-    ...e
-  }, t = {
-    submitCount: 0,
-    isDirty: !1,
-    isLoading: !0,
-    isValidating: !1,
-    isSubmitted: !1,
-    isSubmitting: !1,
-    isSubmitSuccessful: !1,
-    isValid: !1,
-    touchedFields: {},
-    dirtyFields: {},
-    errors: {}
-  }, n = {}, o = L(r.defaultValues) || L(r.values) ? ee(r.defaultValues || r.values) || {} : {}, d = r.shouldUnregister ? {} : ee(o), b = {
-    action: !1,
-    mount: !1,
-    watch: !1
-  }, y = {
-    mount: /* @__PURE__ */ new Set(),
-    unMount: /* @__PURE__ */ new Set(),
-    array: /* @__PURE__ */ new Set(),
-    watch: /* @__PURE__ */ new Set()
-  }, w, A = 0;
-  const E = {
-    isDirty: !1,
-    dirtyFields: !1,
-    touchedFields: !1,
-    isValidating: !1,
-    isValid: !1,
-    errors: !1
-  }, p = {
-    values: Ae(),
-    array: Ae(),
-    state: Ae()
-  }, V = e.resetOptions && e.resetOptions.keepDirtyValues, D = Ge(r.mode), Q = Ge(r.reValidateMode), Y = r.criteriaMode === z.all, re = (s) => (l) => {
-    clearTimeout(A), A = setTimeout(s, l);
-  }, v = async (s) => {
-    if (E.isValid || s) {
-      const l = r.resolver ? $((await q()).errors) : await G(n, !0);
-      l !== t.isValid && p.state.next({
-        isValid: l
-      });
-    }
-  }, N = (s) => E.isValidating && p.state.next({
-    isValidating: s
-  }), H = (s, l = [], a, f, h = !0, u = !0) => {
-    if (f && a) {
-      if (b.action = !0, u && Array.isArray(g(n, s))) {
-        const m = a(g(n, s), f.argA, f.argB);
-        h && S(n, s, m);
-      }
-      if (u && Array.isArray(g(t.errors, s))) {
-        const m = a(g(t.errors, s), f.argA, f.argB);
-        h && S(t.errors, s, m), Yt(t.errors, s);
-      }
-      if (E.touchedFields && u && Array.isArray(g(t.touchedFields, s))) {
-        const m = a(g(t.touchedFields, s), f.argA, f.argB);
-        h && S(t.touchedFields, s, m);
-      }
-      E.dirtyFields && (t.dirtyFields = De(o, d)), p.state.next({
-        name: s,
-        isDirty: x(s, l),
-        dirtyFields: t.dirtyFields,
-        errors: t.errors,
-        isValid: t.isValid
-      });
-    } else
-      S(d, s, l);
-  }, F = (s, l) => {
-    S(t.errors, s, l), p.state.next({
-      errors: t.errors
-    });
-  }, M = (s, l, a, f) => {
-    const h = g(n, s);
-    if (h) {
-      const u = g(d, s, R(a) ? g(o, s) : a);
-      R(u) || f && f.defaultChecked || l ? S(d, s, l ? u : je(h._f)) : W(s, u), b.mount && v();
-    }
-  }, K = (s, l, a, f, h) => {
-    let u = !1, m = !1;
-    const T = {
-      name: s
-    };
-    if (!a || f) {
-      E.isDirty && (m = t.isDirty, t.isDirty = T.isDirty = x(), u = m !== T.isDirty);
-      const j = le(g(o, s), l);
-      m = g(t.dirtyFields, s), j ? P(t.dirtyFields, s) : S(t.dirtyFields, s, !0), T.dirtyFields = t.dirtyFields, u = u || E.dirtyFields && m !== !j;
-    }
-    if (a) {
-      const j = g(t.touchedFields, s);
-      j || (S(t.touchedFields, s, a), T.touchedFields = t.touchedFields, u = u || E.touchedFields && j !== a);
-    }
-    return u && h && p.state.next(T), u ? T : {};
-  }, se = (s, l, a, f) => {
-    const h = g(t.errors, s), u = E.isValid && ce(l) && t.isValid !== l;
-    if (e.delayError && a ? (w = re(() => F(s, a)), w(e.delayError)) : (clearTimeout(A), w = null, a ? S(t.errors, s, a) : P(t.errors, s)), (a ? !le(h, a) : h) || !$(f) || u) {
-      const m = {
-        ...f,
-        ...u && ce(l) ? { isValid: l } : {},
-        errors: t.errors,
-        name: s
-      };
-      t = {
-        ...t,
-        ...m
-      }, p.state.next(m);
-    }
-    N(!1);
-  }, q = async (s) => r.resolver(d, r.context, Gt(s || y.mount, n, r.criteriaMode, r.shouldUseNativeValidation)), ie = async (s) => {
-    const { errors: l } = await q();
-    if (s)
-      for (const a of s) {
-        const f = g(l, a);
-        f ? S(t.errors, a, f) : P(t.errors, a);
-      }
-    else
-      t.errors = l;
-    return l;
-  }, G = async (s, l, a = {
-    valid: !0
-  }) => {
-    for (const f in s) {
-      const h = s[f];
-      if (h) {
-        const { _f: u, ...m } = h;
-        if (u) {
-          const T = y.array.has(u.name), j = await rt(h, d, Y, r.shouldUseNativeValidation, T);
-          if (j[u.name] && (a.valid = !1, l))
-            break;
-          !l && (g(j, u.name) ? T ? qt(t.errors, j, u.name) : S(t.errors, u.name, j[u.name]) : P(t.errors, u.name));
-        }
-        m && await G(m, l, a);
-      }
-    }
-    return a.valid;
-  }, O = () => {
-    for (const s of y.unMount) {
-      const l = g(n, s);
-      l && (l._f.refs ? l._f.refs.every((a) => !Fe(a)) : !Fe(l._f.ref)) && we(s);
-    }
-    y.unMount = /* @__PURE__ */ new Set();
-  }, x = (s, l) => (s && l && S(d, s, l), !le(Ue(), o)), C = (s, l, a) => yt(s, y, {
-    ...b.mount ? d : R(l) ? o : X(s) ? { [s]: l } : l
-  }, a, l), U = (s) => he(g(b.mount ? d : o, s, e.shouldUnregister ? g(o, s, []) : [])), W = (s, l, a = {}) => {
-    const f = g(n, s);
-    let h = l;
-    if (f) {
-      const u = f._f;
-      u && (!u.disabled && S(d, s, _t(l, u)), h = ve(u.ref) && I(l) ? "" : l, vt(u.ref) ? [...u.ref.options].forEach((m) => m.selected = h.includes(m.value)) : u.refs ? ye(u.ref) ? u.refs.length > 1 ? u.refs.forEach((m) => (!m.defaultChecked || !m.disabled) && (m.checked = Array.isArray(h) ? !!h.find((T) => T === m.value) : h === m.value)) : u.refs[0] && (u.refs[0].checked = !!h) : u.refs.forEach((m) => m.checked = m.value === h) : He(u.ref) ? u.ref.value = "" : (u.ref.value = h, u.ref.type || p.values.next({
-        name: s,
-        values: { ...d }
-      })));
-    }
-    (a.shouldDirty || a.shouldTouch) && K(s, h, a.shouldTouch, a.shouldDirty, !0), a.shouldValidate && fe(s);
-  }, Z = (s, l, a) => {
-    for (const f in l) {
-      const h = l[f], u = `${s}.${f}`, m = g(n, u);
-      (y.array.has(s) || !xe(h) || m && !m._f) && !oe(h) ? Z(u, h, a) : W(u, h, a);
-    }
-  }, ne = (s, l, a = {}) => {
-    const f = g(n, s), h = y.array.has(s), u = ee(l);
-    S(d, s, u), h ? (p.array.next({
-      name: s,
-      values: { ...d }
-    }), (E.isDirty || E.dirtyFields) && a.shouldDirty && p.state.next({
-      name: s,
-      dirtyFields: De(o, d),
-      isDirty: x(s, u)
-    })) : f && !f._f && !I(u) ? Z(s, u, a) : W(s, u, a), Je(s, y) && p.state.next({ ...t }), p.values.next({
-      name: s,
-      values: { ...d }
-    }), !b.mount && i();
-  }, de = async (s) => {
-    const l = s.target;
-    let a = l.name;
-    const f = g(n, a), h = () => l.type ? je(f._f) : It(s);
-    if (f) {
-      let u, m;
-      const T = h(), j = s.type === Ke.BLUR || s.type === Ke.FOCUS_OUT, jt = !Jt(f._f) && !r.resolver && !g(t.errors, a) && !f._f.deps || Qt(j, g(t.touchedFields, a), t.isSubmitted, Q, D), ke = Je(a, y, j);
-      S(d, a, T), j ? (f._f.onBlur && f._f.onBlur(s), w && w(0)) : f._f.onChange && f._f.onChange(s);
-      const Se = K(a, T, j, !1), Ct = !$(Se) || ke;
-      if (!j && p.values.next({
-        name: a,
-        type: s.type,
-        values: { ...d }
-      }), jt)
-        return E.isValid && v(), Ct && p.state.next({ name: a, ...ke ? {} : Se });
-      if (!j && ke && p.state.next({ ...t }), N(!0), r.resolver) {
-        const { errors: qe } = await q([a]), Tt = st(t.errors, n, a), Ze = st(qe, n, Tt.name || a);
-        u = Ze.error, a = Ze.name, m = $(qe);
-      } else
-        u = (await rt(f, d, Y, r.shouldUseNativeValidation))[a], u ? m = !1 : E.isValid && (m = await G(n, !0));
-      f._f.deps && fe(f._f.deps), se(a, m, u, Se);
-    }
-  }, fe = async (s, l = {}) => {
-    let a, f;
-    const h = be(s);
-    if (N(!0), r.resolver) {
-      const u = await ie(R(s) ? s : h);
-      a = $(u), f = s ? !h.some((m) => g(u, m)) : a;
-    } else
-      s ? (f = (await Promise.all(h.map(async (u) => {
-        const m = g(n, u);
-        return await G(m && m._f ? { [u]: m } : m);
-      }))).every(Boolean), !(!f && !t.isValid) && v()) : f = a = await G(n);
-    return p.state.next({
-      ...!X(s) || E.isValid && a !== t.isValid ? {} : { name: s },
-      ...r.resolver || !s ? { isValid: a } : {},
-      errors: t.errors,
-      isValidating: !1
-    }), l.shouldFocus && !f && Te(n, (u) => u && g(t.errors, u), s ? h : y.mount), f;
-  }, Ue = (s) => {
-    const l = {
-      ...o,
-      ...b.mount ? d : {}
-    };
-    return R(s) ? l : X(s) ? g(l, s) : s.map((a) => g(l, a));
-  }, Ne = (s, l) => ({
-    invalid: !!g((l || t).errors, s),
-    isDirty: !!g((l || t).dirtyFields, s),
-    isTouched: !!g((l || t).touchedFields, s),
-    error: g((l || t).errors, s)
-  }), wt = (s) => {
-    s && be(s).forEach((l) => P(t.errors, l)), p.state.next({
-      errors: s ? t.errors : {}
-    });
-  }, Vt = (s, l, a) => {
-    const f = (g(n, s, { _f: {} })._f || {}).ref;
-    S(t.errors, s, {
-      ...l,
-      ref: f
-    }), p.state.next({
-      name: s,
-      errors: t.errors,
-      isValid: !1
-    }), a && a.shouldFocus && f && f.focus && f.focus();
-  }, kt = (s, l) => ue(s) ? p.values.subscribe({
-    next: (a) => s(C(void 0, l), a)
-  }) : C(s, l, !0), we = (s, l = {}) => {
-    for (const a of s ? be(s) : y.mount)
-      y.mount.delete(a), y.array.delete(a), g(n, a) && (l.keepValue || (P(n, a), P(d, a)), !l.keepError && P(t.errors, a), !l.keepDirty && P(t.dirtyFields, a), !l.keepTouched && P(t.touchedFields, a), !r.shouldUnregister && !l.keepDefaultValue && P(o, a));
-    p.values.next({
-      values: { ...d }
-    }), p.state.next({
-      ...t,
-      ...l.keepDirty ? { isDirty: x() } : {}
-    }), !l.keepIsValid && v();
-  }, Ve = (s, l = {}) => {
-    let a = g(n, s);
-    const f = ce(l.disabled);
-    return S(n, s, {
-      ...a || {},
-      _f: {
-        ...a && a._f ? a._f : { ref: { name: s } },
-        name: s,
-        mount: !0,
-        ...l
-      }
-    }), y.mount.add(s), a ? f && S(d, s, l.disabled ? void 0 : g(d, s, je(a._f))) : M(s, !0, l.value), {
-      ...f ? { disabled: l.disabled } : {},
-      ...r.shouldUseNativeValidation ? {
-        required: !!l.required,
-        min: ge(l.min),
-        max: ge(l.max),
-        minLength: ge(l.minLength),
-        maxLength: ge(l.maxLength),
-        pattern: ge(l.pattern)
-      } : {},
-      name: s,
-      onChange: de,
-      onBlur: de,
-      ref: (h) => {
-        if (h) {
-          Ve(s, l), a = g(n, s);
-          const u = R(h.value) && h.querySelectorAll && h.querySelectorAll("input,select,textarea")[0] || h, m = Kt(u), T = a._f.refs || [];
-          if (m ? T.find((j) => j === u) : u === a._f.ref)
-            return;
-          S(n, s, {
-            _f: {
-              ...a._f,
-              ...m ? {
-                refs: [
-                  ...T.filter(Fe),
-                  u,
-                  ...Array.isArray(g(o, s)) ? [{}] : []
-                ],
-                ref: { type: u.type, name: s }
-              } : { ref: u }
-            }
-          }), M(s, !1, void 0, u);
-        } else
-          a = g(n, s, {}), a._f && (a._f.mount = !1), (r.shouldUnregister || l.shouldUnregister) && !(Nt(y.array, s) && b.action) && y.unMount.add(s);
-      }
-    };
-  }, We = () => r.shouldFocusError && Te(n, (s) => s && g(t.errors, s), y.mount), St = (s, l) => async (a) => {
-    a && (a.preventDefault && a.preventDefault(), a.persist && a.persist());
-    let f = ee(d);
-    if (p.state.next({
-      isSubmitting: !0
-    }), r.resolver) {
-      const { errors: h, values: u } = await q();
-      t.errors = h, f = u;
-    } else
-      await G(n);
-    P(t.errors, "root"), $(t.errors) ? (p.state.next({
-      errors: {}
-    }), await s(f, a)) : (l && await l({ ...t.errors }, a), We(), setTimeout(We)), p.state.next({
-      isSubmitted: !0,
-      isSubmitting: !1,
-      isSubmitSuccessful: $(t.errors),
-      submitCount: t.submitCount + 1,
-      errors: t.errors
-    });
-  }, At = (s, l = {}) => {
-    g(n, s) && (R(l.defaultValue) ? ne(s, g(o, s)) : (ne(s, l.defaultValue), S(o, s, l.defaultValue)), l.keepTouched || P(t.touchedFields, s), l.keepDirty || (P(t.dirtyFields, s), t.isDirty = l.defaultValue ? x(s, g(o, s)) : x()), l.keepError || (P(t.errors, s), E.isValid && v()), p.state.next({ ...t }));
-  }, $e = (s, l = {}) => {
-    const a = s || o, f = ee(a), h = s && !$(s) ? f : o;
-    if (l.keepDefaultValues || (o = a), !l.keepValues) {
-      if (l.keepDirtyValues || V)
-        for (const u of y.mount)
-          g(t.dirtyFields, u) ? S(h, u, g(d, u)) : ne(u, g(h, u));
-      else {
-        if (Re && R(s))
-          for (const u of y.mount) {
-            const m = g(n, u);
-            if (m && m._f) {
-              const T = Array.isArray(m._f.refs) ? m._f.refs[0] : m._f.ref;
-              if (ve(T)) {
-                const j = T.closest("form");
-                if (j) {
-                  j.reset();
-                  break;
-                }
-              }
-            }
-          }
-        n = {};
-      }
-      d = e.shouldUnregister ? l.keepDefaultValues ? ee(o) : {} : f, p.array.next({
-        values: { ...h }
-      }), p.values.next({
-        values: { ...h }
-      });
-    }
-    y = {
-      mount: /* @__PURE__ */ new Set(),
-      unMount: /* @__PURE__ */ new Set(),
-      array: /* @__PURE__ */ new Set(),
-      watch: /* @__PURE__ */ new Set(),
-      watchAll: !1,
-      focus: ""
-    }, !b.mount && i(), b.mount = !E.isValid || !!l.keepIsValid, b.watch = !!e.shouldUnregister, p.state.next({
-      submitCount: l.keepSubmitCount ? t.submitCount : 0,
-      isDirty: l.keepDirty ? t.isDirty : !!(l.keepDefaultValues && !le(s, o)),
-      isSubmitted: l.keepIsSubmitted ? t.isSubmitted : !1,
-      dirtyFields: l.keepDirtyValues ? t.dirtyFields : l.keepDefaultValues && s ? De(o, s) : {},
-      touchedFields: l.keepTouched ? t.touchedFields : {},
-      errors: l.keepErrors ? t.errors : {},
-      isSubmitting: !1,
-      isSubmitSuccessful: !1
-    });
-  }, ze = (s, l) => $e(ue(s) ? s(d) : s, l), Ft = (s, l = {}) => {
-    const a = g(n, s), f = a && a._f;
-    if (f) {
-      const h = f.refs ? f.refs[0] : f.ref;
-      h.focus && (h.focus(), l.shouldSelect && h.select());
-    }
-  }, Dt = (s) => {
-    t = {
-      ...t,
-      ...s
-    };
-  };
-  return ue(r.defaultValues) && r.defaultValues().then((s) => {
-    ze(s, r.resetOptions), p.state.next({
-      isLoading: !1
-    });
-  }), {
-    control: {
-      register: Ve,
-      unregister: we,
-      getFieldState: Ne,
-      _executeSchema: q,
-      _getWatch: C,
-      _getDirty: x,
-      _updateValid: v,
-      _removeUnmounted: O,
-      _updateFieldArray: H,
-      _getFieldArray: U,
-      _reset: $e,
-      _updateFormState: Dt,
-      _subjects: p,
-      _proxyFormState: E,
-      get _fields() {
-        return n;
-      },
-      get _formValues() {
-        return d;
-      },
-      get _state() {
-        return b;
-      },
-      set _state(s) {
-        b = s;
-      },
-      get _defaultValues() {
-        return o;
-      },
-      get _names() {
-        return y;
-      },
-      set _names(s) {
-        y = s;
-      },
-      get _formState() {
-        return t;
-      },
-      set _formState(s) {
-        t = s;
-      },
-      get _options() {
-        return r;
-      },
-      set _options(s) {
-        r = {
-          ...r,
-          ...s
-        };
-      }
-    },
-    trigger: fe,
-    register: Ve,
-    handleSubmit: St,
-    watch: kt,
-    setValue: ne,
-    getValues: Ue,
-    reset: ze,
-    resetField: At,
-    clearErrors: wt,
-    unregister: we,
-    setError: Vt,
-    setFocus: Ft,
-    getFieldState: Ne
-  };
-}
-function rr(e = {}) {
-  const i = B.useRef(), [r, t] = B.useState({
-    isDirty: !1,
-    isValidating: !1,
-    isLoading: !0,
-    isSubmitted: !1,
-    isSubmitting: !1,
-    isSubmitSuccessful: !1,
-    isValid: !1,
-    submitCount: 0,
-    dirtyFields: {},
-    touchedFields: {},
-    errors: {},
-    defaultValues: ue(e.defaultValues) ? void 0 : e.defaultValues
-  });
-  i.current || (i.current = {
-    ...tr(e, () => t((o) => ({ ...o }))),
-    formState: r
-  });
-  const n = i.current.control;
-  return n._options = e, Pe({
-    subject: n._subjects.state,
-    next: (o) => {
-      ft(o, n._proxyFormState, n._updateFormState, !0) && t({ ...n._formState });
-    }
-  }), B.useEffect(() => {
-    e.values && !le(e.values, n._defaultValues) && n._reset(e.values, n._options.resetOptions);
-  }, [e.values, n]), B.useEffect(() => {
-    n._state.mount || (n._updateValid(), n._state.mount = !0), n._state.watch && (n._state.watch = !1, n._subjects.state.next({ ...n._formState })), n._removeUnmounted();
-  }), i.current.formState = dt(r, n), i.current;
-}
-var _ = {
-  primary: "#0e101c",
-  secondary: "#bf1650",
-  lightBlue: "#516391",
-  blue: "#1e2a4a",
-  lightPink: "#ec5990",
-  errorPink: "#fbecf2",
-  buttonBlue: "#191d3a",
-  link: "#ff7aa8",
-  green: "#1bda2b"
-};
-const k = {
-  fontSize: 13,
-  lineHeight: "20px"
-}, te = Oe.button`
-  appearance: none;
-  margin: 0;
-  border: 0;
-  color: white;
-  padding: 5px !important;
-  border-radius: 0 !important;
-  background: ${(e) => e.hideBackground ? "" : `${_.blue} !important`};
-  transition: 0.2s all;
-
-  &:hover {
-    background: ${_.lightBlue};
-  }
-`;
-te.defaultProps = { type: "button" };
-const sr = Oe(te)`
-  font-size: 14px;
-  font-weight: bold;
-  margin: 0 4px 0 auto;
-  background: none !important;
-  display: flex;
-  width: 25px;
-  height: 25px;
-  justify-content: center;
-  line-height: 14px !important;
-  border-radius: 50% !important;
-  padding: 0 !important;
-  transition: 0.2s all;
-
-  &:hover {
-    background: ${_.lightBlue};
-  }
-
-  &:active {
-    background: black;
-  }
-`, ir = Oe.input`
-  &::placeholder {
-    color: #b3b3b3;
-  }
-
-  &:focus::placeholder {
-    color: white;
-  }
-`, nr = Oe.table`
-  transition: 0.3s all;
-
-  &:hover {
-    background: ${_.primary};
-  }
-`, lr = ({ setVisible: e, control: i }) => {
-  const { isValid: r } = Me({
-    control: i
-  });
-  return c.createElement(
-    "header",
-    { style: {
-      display: "flex",
-      alignItems: "center",
-      paddingLeft: 10,
-      backgroundColor: "transparent"
-    } },
-    c.createElement(
-      "p",
-      { style: Object.assign(Object.assign({}, k), { margin: 0, padding: 0, fontWeight: 400, fontSize: 12 }) },
-      c.createElement("span", { style: {
-        transition: "0.5s all",
-        color: r ? _.green : _.lightPink
-      } }, "■"),
-      " ",
-      "React Hook Form"
-    ),
-    c.createElement(sr, { title: "Close dev panel", onClick: () => e(!1) }, "✕")
-  );
-}, ar = ({ refObject: e, hasError: i, isDirty: r, fieldsValues: t, isNative: n, errorMessage: o, errorType: d, type: b, isTouched: y, name: w, collapseAll: A }) => {
-  const [E, p] = c.useState(!1);
-  c.useEffect(() => {
-    p(!A);
-  }, [A]);
-  let V = t ? g(t, w) : "", D = !1;
-  if (!Xe(V))
-    if (Mt(V))
-      try {
-        V = c.createElement(
-          "pre",
-          { style: { margin: 0 } },
-          c.createElement("code", { style: { fontSize: 12 } }, JSON.stringify(V, null, 2))
-        ), D = !0;
-      } catch {
-        V = c.createElement("span", null, "[Nested Object]");
-      }
-    else
-      typeof V != "string" && (V = String(V));
-  return c.createElement(
-    nr,
-    { style: {
-      padding: "5px 8px",
-      width: "100%",
-      transition: ".3s all",
-      borderLeft: `2px solid ${i ? _.secondary : _.buttonBlue}`,
-      background: "none"
-    } },
-    c.createElement(
-      "thead",
-      null,
-      c.createElement(
-        "tr",
-        null,
-        c.createElement(
-          "td",
-          { valign: "top", style: { width: 85, lineHeight: "22px" } },
-          c.createElement(te, { onClick: () => p(!E), title: "Toggle field table", style: {
-            border: `1px solid ${_.lightBlue}`,
-            borderRadius: 2,
-            padding: "3px 5px",
-            display: "inline-block",
-            fontSize: 9,
-            lineHeight: "13px",
-            width: 20,
-            textAlign: "center",
-            marginRight: 8
-          } }, E ? "+" : "-"),
-          c.createElement(te, { onClick: () => {
-            e.scrollIntoView && e.scrollIntoView({ behavior: "smooth" });
-          }, title: "Scroll into view", style: Object.assign({ border: `1px solid ${_.lightBlue}`, borderRadius: 2, padding: "3px 5px", display: "inline-block", fontSize: 9, lineHeight: "13px", textAlign: "center", width: "calc(100% - 30px)" }, n ? {} : { cursor: "not-allowed", background: _.lightBlue }) }, n ? "Native" : "Custom")
-        ),
-        c.createElement(
-          "td",
-          { style: {
-            display: "block",
-            maxWidth: 140
-          } },
-          c.createElement("p", { style: Object.assign(Object.assign({ margin: 0, padding: 0, top: 0, position: "relative", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, k), { lineHeight: "24px" }), title: w }, w)
-        )
-      )
-    ),
-    !E && c.createElement(
-      "tbody",
-      null,
-      b && c.createElement(
-        "tr",
-        null,
-        c.createElement("td", { align: "right", style: Object.assign({ paddingRight: 5, fontWeight: 500, verticalAlign: "top" }, k) }, "Type:"),
-        c.createElement("td", { style: Object.assign({ display: "block", maxWidth: 100 }, k) }, b)
-      ),
-      d && c.createElement(
-        "tr",
-        null,
-        c.createElement("td", { align: "right", style: Object.assign({ paddingRight: 5, fontWeight: 500, verticalAlign: "top" }, k) }, "ERROR Type:"),
-        c.createElement("td", { style: Object.assign({ display: "block", maxWidth: 100 }, k) }, d)
-      ),
-      o && c.createElement(
-        "tr",
-        null,
-        c.createElement("td", { align: "right", style: Object.assign({ paddingRight: 5, fontWeight: 500, verticalAlign: "top" }, k) }, "MESSAGE:"),
-        c.createElement("td", { style: Object.assign({ display: "block", maxWidth: 100 }, k) }, typeof o == "string" ? o.trim() : JSON.stringify(o))
-      ),
-      !Xe(V) && c.createElement(
-        "tr",
-        null,
-        c.createElement("td", { align: "right", style: Object.assign({ paddingRight: 5, fontWeight: 500, verticalAlign: "top" }, k) }, "Value:"),
-        c.createElement(
-          "td",
-          { "data-testid": `${w}-field-value`, style: Object.assign({ display: "block", maxWidth: 100 }, k) },
-          !D && c.createElement("p", { title: V, style: Object.assign(Object.assign({}, k), { margin: 0, padding: 0 }) }, V),
-          D && c.createElement("div", { style: Object.assign(Object.assign({}, k), { margin: 0, padding: 0 }) }, V)
-        )
-      ),
-      c.createElement(
-        "tr",
-        null,
-        c.createElement("td", { align: "right", style: Object.assign({ paddingRight: 5, fontWeight: 500, verticalAlign: "top" }, k) }, "Touched:"),
-        c.createElement(
-          "td",
-          null,
-          c.createElement("code", { style: Object.assign(Object.assign({ color: y ? _.green : _.lightPink }, k), { fontSize: 12 }) }, y ? "true" : "false")
-        )
-      ),
-      c.createElement(
-        "tr",
-        null,
-        c.createElement("td", { align: "right", style: Object.assign({ paddingRight: 5, fontWeight: 500, verticalAlign: "top" }, k) }, "Dirty:"),
-        c.createElement(
-          "td",
-          null,
-          c.createElement("code", { style: Object.assign(Object.assign({ color: r ? _.green : _.lightPink }, k), { fontSize: 12 }) }, r ? "true" : "false")
-        )
-      )
-    )
-  );
-}, or = ({ formState: e, showFormState: i, setShowFormState: r }) => c.createElement(
-  "div",
-  { style: {
-    alignSelf: "end"
-  } },
-  c.createElement(ot, { play: i, start: { opacity: 0 }, end: { opacity: 1 }, render: ({ style: t }) => c.createElement(
-    "table",
-    { style: Object.assign({ padding: "5px 10px", display: "block", background: "black", borderTop: `1px solid ${_.lightPink}`, pointerEvents: "none" }, t) },
-    c.createElement(
-      "tbody",
-      null,
-      c.createElement(
-        "tr",
-        null,
-        c.createElement("td", { align: "right", style: Object.assign({ width: 90 }, k) }, "Valid:"),
-        c.createElement("td", { style: Object.assign({ color: e.isValid ? _.green : _.lightPink }, k) }, e.isValid ? "true" : "false")
-      ),
-      c.createElement(
-        "tr",
-        null,
-        c.createElement("td", { align: "right", style: Object.assign({}, k) }, "Dirty:"),
-        c.createElement("td", { style: Object.assign({ color: e.isDirty ? _.green : _.lightPink }, k) }, e.isDirty ? "true" : "false")
-      ),
-      c.createElement(
-        "tr",
-        null,
-        c.createElement("td", { align: "right", style: Object.assign({}, k) }, "Submitted:"),
-        c.createElement("td", { style: Object.assign({ color: e.isSubmitted ? _.green : _.lightPink }, k) }, e.isSubmitted ? "true" : "false")
-      ),
-      c.createElement(
-        "tr",
-        null,
-        c.createElement("td", { align: "right", style: Object.assign({}, k) }, "Count:"),
-        c.createElement("td", { style: Object.assign({ color: e.submitCount ? _.green : _.lightPink }, k) }, e.submitCount)
-      ),
-      c.createElement(
-        "tr",
-        null,
-        c.createElement("td", { align: "right", style: Object.assign({}, k) }, "Submitting:"),
-        c.createElement("td", { style: Object.assign({ color: e.isSubmitting ? _.green : _.lightPink }, k) }, e.isSubmitting ? "true" : "false")
-      )
-    )
-  ) }),
-  c.createElement(
-    te,
-    { style: {
-      margin: 0,
-      width: "100%",
-      padding: "8px 10px",
-      textTransform: "none",
-      fontSize: 12,
-      lineHeight: "14px",
-      cursor: "pointer"
-    }, title: "Toggle form state panel", onClick: () => {
-      r(!i);
-    } },
-    c.createElement("span", { style: {
-      transition: "0.5s all",
-      color: e.isValid ? _.green : _.lightPink
-    } }, "■"),
-    " ",
-    "Form State: ",
-    i ? "OFF" : "ON"
-  )
-);
-function cr(e, i) {
-  return Object.assign(Object.assign({}, e), { visible: i });
-}
-function ur(e, i) {
-  return Object.assign(Object.assign({}, e), { isCollapse: i });
-}
-let Ce = 0;
-function Ot({ fields: e, searchTerm: i, touchedFields: r, errors: t, dirtyFields: n, state: o, fieldsValues: d }) {
-  return c.createElement(c.Fragment, null, e && Object.entries(e).filter(([b]) => (b && b.toLowerCase && b.toLowerCase().includes(i) || !b && !i || i === "") && b).map(([b, y], w) => {
-    if (Ce++, y != null && y._f) {
-      const A = g(t, y._f.name), E = g(A, "message", void 0), p = g(A, "type", void 0), V = g(y, "ref.type", void 0), D = !!g(r, y._f.name), Q = !!(y && y._f.ref.type), Y = !!g(n, y._f.name), re = !!A, v = g(y, "_f.ref");
-      return c.createElement(
-        "section",
-        { key: (y == null ? void 0 : y._f.name) + Ce, style: {
-          borderBottom: `1px dashed ${_.secondary}`,
-          margin: 0
-        } },
-        c.createElement(ar, { refObject: v, index: w, collapseAll: o.isCollapse, name: y == null ? void 0 : y._f.name, isTouched: D, type: V, hasError: re, isNative: Q, errorMessage: E, errorType: p, isDirty: Y, fieldsValues: d })
-      );
-    } else
-      return c.createElement(Ot, Object.assign({ key: b + Ce }, {
-        fields: y,
-        searchTerm: i,
-        touchedFields: r,
-        errors: t,
-        dirtyFields: n,
-        state: o,
-        fieldsValues: d
-      }));
-  }));
-}
-const dr = ({ control: e, control: { _fields: i } }) => {
-  const r = Me({
-    control: e
-  }), { dirtyFields: t, touchedFields: n, errors: o } = r;
-  r.isDirty;
-  const { state: d, actions: b } = lt({
-    setCollapse: ur
-  }), [, y] = c.useState({}), [w, A] = c.useState(!1), E = ht({
-    control: e
-  }), { register: p, watch: V } = rr(), D = V("search", "");
-  return at(() => {
-    y({});
-  }, []), c.createElement(
-    "div",
-    { style: {
-      display: "grid",
-      gridTemplateRows: "56px auto",
-      height: process.env.NODE_ENV === "test" ? "100vh" : "calc(100vh - 40px)"
-    } },
-    c.createElement(
-      "div",
-      { style: {
-        display: "grid",
-        gridTemplateColumns: "1fr 1fr",
-        gridTemplateRows: "28px 28px"
-      } },
-      c.createElement(te, { style: {
-        borderRight: `1px solid ${_.primary}`,
-        textTransform: "none",
-        fontSize: 11,
-        lineHeight: 1
-      }, title: "Update values and state the form", onClick: () => y({}) }, "♺ REFRESH"),
-      c.createElement(te, { style: {
-        borderRight: `1px solid ${_.primary}`,
-        textTransform: "none",
-        fontSize: 11,
-        lineHeight: 1
-      }, title: "Toggle entire fields", onClick: () => {
-        b.setCollapse(!d.isCollapse);
-      } }, d.isCollapse ? "[-] COLLAPSE" : "[+] EXPAND"),
-      c.createElement(ir, Object.assign({ style: {
-        display: "inline-block",
-        borderRadius: 0,
-        width: "100%",
-        margin: 0,
-        padding: "5px 10px",
-        WebkitAppearance: "none",
-        appearance: "none",
-        fontSize: 14,
-        border: 0,
-        color: "white",
-        gridColumnStart: 1,
-        gridColumnEnd: 4,
-        background: "black"
-      } }, p("search"), { placeholder: "Filter name...", type: "search" }))
-    ),
-    c.createElement(
-      "div",
-      { style: {
-        overflow: "auto"
-      } },
-      c.createElement(Ot, { fields: i, searchTerm: D, errors: o, touchedFields: n, dirtyFields: t, fieldsValues: E, state: d })
-    ),
-    c.createElement(or, { formState: r, showFormState: w, setShowFormState: A })
-  );
-}, fr = ({ style: e, actions: i }) => c.createElement(
-  "svg",
-  { fill: "white", viewBox: "0 0 100 100", style: Object.assign({ height: 14, padding: 3, borderRadius: 2, background: _.lightPink }, e), onClick: () => {
-    i.setVisible(!0);
-  }, "aria-label": "React Hook Form Logo" },
-  c.createElement("path", { d: "M73.56,13.32H58.14a8.54,8.54,0,0,0-16.27,0H26.44a11,11,0,0,0-11,11V81.63a11,11,0,0,0,11,11H73.56a11,11,0,0,0,11-11V24.32A11,11,0,0,0,73.56,13.32Zm-30.92,2a1,1,0,0,0,1-.79,6.54,6.54,0,0,1,12.78,0,1,1,0,0,0,1,.79h5.38v6.55a3,3,0,0,1-3,3H40.25a3,3,0,0,1-3-3V15.32ZM82.56,81.63a9,9,0,0,1-9,9H26.44a9,9,0,0,1-9-9V24.32a9,9,0,0,1,9-9h8.81v6.55a5,5,0,0,0,5,5h19.5a5,5,0,0,0,5-5V15.32h8.81a9,9,0,0,1,9,9Z" }),
-  c.createElement("path", { style: { transform: "translateX(-25px)" }, d: "M71.6,45.92H54a1,1,0,0,0,0,2H71.6a1,1,0,0,0,0-2Z" }),
-  c.createElement("path", { d: "M71.6,45.92H54a1,1,0,0,0,0,2H71.6a1,1,0,0,0,0-2Z" }),
-  c.createElement("path", { style: { transform: "translateX(-25px)" }, d: "M71.1,69.49H53.45a1,1,0,1,0,0,2H71.1a1,1,0,0,0,0-2Z" }),
-  c.createElement("path", { d: "M71.1,69.49H53.45a1,1,0,1,0,0,2H71.1a1,1,0,0,0,0-2Z" })
-);
-function it(e, i = 0, r = 0) {
-  const [t, n] = e.split("-");
-  return {
-    [t]: i,
-    [n]: r
-  };
-}
-const gr = ({ control: e, placement: i = "top-right", styles: r }) => {
-  const { state: t, actions: n } = lt({
-    setVisible: cr
-  }), o = it(i, 0, 0);
-  return c.createElement(
-    c.Fragment,
-    null,
-    c.createElement(
-      ot,
-      { play: t.visible, duration: 0.2, start: Object.assign(Object.assign({}, o), { position: "fixed", transform: i.includes("right") ? "translateX(280px)" : "translateX(-280px)", zIndex: 99999 }), end: Object.assign(Object.assign({}, o), { position: "fixed", transform: "translateX(0)", zIndex: 99999 }) },
-      c.createElement(
-        "div",
-        { style: Object.assign(Object.assign(Object.assign({}, o), { position: "fixed", height: "100vh", width: 250, zIndex: 99999, background: _.buttonBlue, display: "grid", textAlign: "left", color: "white", fontSize: 14, gridTemplateRows: "40px auto", fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif" }), r == null ? void 0 : r.panel) },
-        c.createElement(lr, { setVisible: n.setVisible, control: e }),
-        c.createElement(dr, { control: e })
-      )
-    ),
-    !t.visible && c.createElement(
-      te,
-      { title: "Show dev panel", hideBackground: !0, style: Object.assign(Object.assign(Object.assign({ position: "fixed", zIndex: 99999 }, it(i, 3, 3)), { padding: 3, margin: 0, background: "none" }), r == null ? void 0 : r.button) },
-      c.createElement(fr, { actions: n })
-    )
-  );
-};
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-function yr(e, i) {
-  var r = {};
-  for (var t in e)
-    Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (r[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
-      i.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
-  return r;
-}
-function nt(e) {
-  return Reflect.ownKeys(e).reduce((i, r) => (i[r] = e[r], i), {});
-}
-function me(e, i, r) {
-  return e.reduce((t, n) => (t[n] = ct(i, n) || r, t), {});
-}
-function hr({ id: e, control: i }) {
-  const r = ht({ control: i }), t = Me({ control: i }), [n, o] = Pt(!1), d = (b) => {
-    b.data.source !== "react-hook-form-bridge" || b.data.type !== "INIT" || (window.postMessage({
-      source: "react-hook-form-bridge",
-      type: "WELCOME"
-    }), o(!0));
-  };
-  return at(() => (window.addEventListener("message", d), () => window.removeEventListener("message", d)), []), Bt(() => {
-    if (!n)
-      return;
-    const b = nt(t), { errors: y, dirtyFields: w, touchedFields: A } = b, E = yr(b, ["errors", "dirtyFields", "touchedFields"]), p = [...i._names.mount], V = me(p, r, ""), D = me(p, w, !1), Q = me(p, A, !1), Y = me(p, y), re = Object.entries(Y).reduce((H, [F, M]) => (H[F] = {
-      type: M == null ? void 0 : M.type,
-      message: M == null ? void 0 : M.message
-    }, H), {}), v = p.reduce((H, F) => {
-      var M, K, se;
-      return H[F] = !!(!((se = (K = (M = ct(i._fields, F)) === null || M === void 0 ? void 0 : M._f) === null || K === void 0 ? void 0 : K.ref) === null || se === void 0) && se.type), H;
-    }, {}), N = {
-      id: e,
-      data: {
-        formValues: V,
-        formState: Object.assign({
-          errors: re,
-          dirtyFields: D,
-          touchedFields: Q,
-          nativeFields: v
-        }, E)
-      }
-    };
-    window.postMessage({
-      source: "react-hook-form-bridge",
-      type: "UPDATE",
-      payload: N
-    });
-  }, [n, r, nt(t)]), { isExtensionEnabled: n };
-}
-typeof window < "u" && Rt({
-  visible: !1,
-  isCollapse: !1,
-  filterName: ""
-}, {
-  name: "__REACT_HOOK_FORM_DEVTOOLS__",
-  middleWares: [],
-  storageType: window.localStorage
-});
-const Vr = (e) => {
-  var i, r, t;
-  const n = Le(), o = c.useRef("");
-  c.useEffect(() => {
-    o.current = Ht();
-  }, []);
-  const { isExtensionEnabled: d } = hr({
-    id: (i = e == null ? void 0 : e.id) !== null && i !== void 0 ? i : o.current,
-    control: (r = e == null ? void 0 : e.control) !== null && r !== void 0 ? r : n.control
-  });
-  return d ? null : c.createElement(
-    Lt,
-    null,
-    c.createElement(gr, { control: (t = e == null ? void 0 : e.control) !== null && t !== void 0 ? t : n.control, placement: e == null ? void 0 : e.placement, styles: e == null ? void 0 : e.styles })
-  );
-};
-export {
-  Vr as DevTool
-};