@paragrav/rhf-utils 0.0.23 → 0.0.26

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

@@ -0,0 +1,1402 @@
+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
+};