@paragrav/rhf-utils 0.62.0 → 0.64.0

package/dist/esm/index.mjs

@@ -1,605 +1,350 @@
-import { jsx as c, jsxs as L } from "react/jsx-runtime";
-import u from "react";
-import { F as Y, c as B, u as v, g as tt, i as D, _ as rt, a as et } from "./FormRelaySetter.mjs";
-import { Controller as ot, useFormContext as b, useFormState as k, useWatch as st, useForm as nt, FormProvider as it } from "react-hook-form";
-import { zodResolver as ct } from "@hookform/resolvers/zod";
-const M = u.createContext(void 0), nr = ({
-  config: t,
-  children: r
-}) => {
-  const [e] = u.useState(t ?? {});
-  return /* @__PURE__ */ c(M.Provider, { value: e, children: /* @__PURE__ */ c(Y, { children: r }) });
-}, {
-  Provider: ut,
-  useRequired: N
-} = B(), ir = () => {
-  const t = N();
-  return u.useMemo(() => !t.hasErrors || !t.hasOrphans ? !1 : Object.keys(t.orphans).length === Object.keys(t.all).length, [t]);
-}, q = "data-rhfutils-nonfield-error-marker-path", cr = ({ path: t }) => {
-  const r = {
-    [q]: t
-  };
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      role: "alert",
-      "aria-hidden": "true",
-      style: { display: "none" },
-      ...r
-    }
-  );
-}, lt = (t) => u.useCallback(
-  (r) => {
-    if (!t.current) throw new Error();
-    at(t.current, r);
-  },
-  [t]
-), at = (t, r) => {
-  t.requestSubmit(r);
-};
-class E extends Error {
-  constructor(r, e) {
-    super(e), this.errors = r;
-  }
-}
-const {
-  Provider: mt,
-  useRequired: H
-} = B(), ur = () => H().current, dt = u.lazy(
-  () => import("@hookform/devtools").then((t) => ({
-    default: t.DevTool
-  }))
-), ft = ({ config: t }) => {
-  const [r] = u.useState(t);
-  if (!r) return null;
-  const e = typeof r == "object" ? r : void 0;
-  return /* @__PURE__ */ c(u.Suspense, { children: /* @__PURE__ */ c(dt, { ...e }) });
-}, ht = () => {
-  const t = v();
-  return /* @__PURE__ */ c(ft, { config: t.options.devTool });
-}, z = (t) => /* @__PURE__ */ c(ot, { ...t }), R = () => {
-  const t = u.useContext(M);
-  if (t === void 0) throw new Error();
-  return t;
-}, Ft = () => {
-  const t = v(), r = b();
-  return {
-    utils: t,
-    rhf: r,
-    FormSubmitError: E
-  };
-}, bt = (t, r, e) => {
-  const o = r?.();
-  return async () => {
-    if (!(!t || await Promise.resolve(
-      o?.(e)
-    ) === !1))
-      return Promise.resolve(t());
-  };
-}, St = (t) => {
-  const { useCanFormBeCancelled: r } = R(), e = Ft();
-  return bt(
-    t,
-    r,
-    e
-  );
-}, pt = ({
-  onCancel: t,
-  Children: r
-}) => {
-  const e = b(), o = v(), s = St(t);
-  return /* @__PURE__ */ c(
-    r,
-    {
-      ...o,
-      rhf: e,
-      onCancel: s,
-      Controller: z,
-      FormSubmitError: E
-    }
-  );
-}, Et = (t, r) => {
-  Object.entries(r).forEach(([e, o]) => {
-    t.setError(e, {
-      type: "FormSubmitFieldError",
-      // default
-      ...o
-    });
-  });
-}, vt = ({
-  children: t
-}) => t, Rt = (t, r, e) => ({
-  ...t,
-  ...r,
-  className: [t?.className, r?.className, e?.className].filter(Boolean).join(" ").trim() || void 0
-  // replace empty string with undefined
-}), Ct = (t, r, e) => {
-  const o = R();
-  return {
-    id: r,
-    ...Rt(
-      o.defaults?.form,
-      t,
-      e
-    )
-  };
-}, gt = (t) => {
-  const r = H();
-  return async function(e) {
-    try {
-      return r.reset(), await t(e);
-    } catch (o) {
-      throw r.set(o, e), o;
-    }
-  };
-}, Ot = ({
-  onValid: t,
-  onInvalid: r,
-  onError: e,
-  onFinally: o
-}) => {
-  const s = b(), { options: n, lastSubmitStateRef: i } = v(), l = s.handleSubmit(t, r), m = gt(l);
-  return (a) => {
-    i.current = "submitting", n.stopSubmitPropagation && a.stopPropagation(), Promise.resolve(m(a)).then(() => {
-      i.current = "success";
-    }).catch((h) => {
-      i.current = "error", e(h, a);
-    }).finally(() => {
-      o?.();
-    });
-  };
-}, Pt = ({
-  getApiData: t,
-  // handlers
-  onSubmitInvalid: r,
-  onBeforeSubmitInvariants: e,
-  onBeforeSubmit: o,
-  onSubmit: s,
-  onSubmitSuccess: n,
-  onSubmitError: i,
-  onSubmitFinally: l,
-  // other
-  form: m,
-  className: a,
-  //
-  children: h
-}) => {
-  const d = b(), f = v(), S = R(), P = Ct(
-    m,
-    f.formId,
-    {
-      className: a
-    }
-  ), y = async (F, w) => {
-    const p = d.getValues(), K = t?.(F), C = { input: p, output: F, api: K }, g = {
-      utils: f,
-      rhf: d,
-      FormSubmitError: E
-    }, O = w;
-    e && await yt(e, C, g, O), await Promise.resolve(o?.(C, g, O));
-    const X = await Promise.resolve(
-      s?.(C, g, O)
-    );
-    f.lastSubmitStateRef.current = "success", await Promise.resolve(
-      n?.(X, C, g, O)
-    );
-  };
-  function x(F, w) {
-    const p = F instanceof E ? (
-      // consumer can manually throw FormSubmitError (e.g., manual validation)
-      F.errors
-    ) : (
-      // if error is not FormSubmitError, consumer can provide global handler
-      S.onSubmitErrorUnknown?.(F)
-    );
-    p && Et(d, p), i?.(
-      F,
-      {
-        utils: f,
-        errors: p,
-        rhf: d
-      },
-      w
-      // `as` required due to conditional generic
-    );
-  }
-  const U = Ot({
-    onValid: y,
-    onInvalid: r,
-    onError: x,
-    onFinally: l
-  }), W = {
-    ...f,
-    rhf: d,
-    Controller: z,
-    FormSubmitError: E
-  }, _ = S.FormComponent ?? "form", G = S.FormChildren ?? vt;
-  return /* @__PURE__ */ c(
-    _,
-    {
-      ...P,
-      id: f.formId,
-      ref: f.formRef,
-      onSubmit: U,
-      children: /* @__PURE__ */ c(G, { ...W, children: h })
-    }
-  );
-}, yt = async (t, r, e, o) => {
-  const n = (await Promise.resolve(
-    t(r, e, o)
-  )).filter(({ valid: i }) => !i).map(({ field: i, message: l }) => [i, { message: l }]);
-  if (n.length)
-    throw new e.FormSubmitError(
-      Object.fromEntries(n)
-    );
-}, A = ({
-  getApiData: t,
-  // handlers
-  onCancel: r,
-  onSubmitInvalid: e,
-  onBeforeSubmitInvariants: o,
-  onBeforeSubmit: s,
-  onSubmit: n,
-  onSubmitSuccess: i,
-  onSubmitError: l,
-  onSubmitFinally: m,
-  //
-  Children: a,
-  // attrs
-  form: h,
-  className: d
-}) => /* @__PURE__ */ L(
-  Pt,
-  {
-    getApiData: t,
-    onSubmitInvalid: e,
-    onBeforeSubmitInvariants: o,
-    onBeforeSubmit: s,
-    onSubmit: n,
-    onSubmitSuccess: i,
-    onSubmitError: l,
-    onSubmitFinally: m,
-    form: h,
-    className: d,
-    children: [
-      /* @__PURE__ */ c(ht, {}),
-      /* @__PURE__ */ c(
-        pt,
-        {
-          onCancel: r,
-          Children: a
-        }
-      )
-    ]
-  }
-), lr = (t) => /* @__PURE__ */ c(A, { ...t }), V = (t) => (r) => (
-  // re-create object from entries
-  Object.fromEntries(
-    // break down to entries
-    Object.entries(r).filter(t)
-  )
-), Z = (t) => !!t.ref, xt = ([
-  ,
-  t
-]) => Z(t), Ut = V(
-  xt
-), wt = (t, r) => (
-  // list of selector variants
-  [
-    // equals
-    // e.g., attr="path"
-    ["", ""],
-    [
-      // @see https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors#attrvalue_4
-      "^",
-      // only match nested (avoid match 'field' with 'field1`)
-      "."
-    ]
-  ].map(
-    ([e, o]) => It(
-      q + e,
-      t + o
-    )
-  ).join(", ")
-), It = (t, r) => `[role="alert"][${t}="${r}"]`, kt = (t, r) => !!r.querySelector(
-  wt(t)
-), T = "root", J = (t) => t === T || t.startsWith(T + "."), Vt = (t, r, e) => (
-  // non-field
-  !Z(r) && // non-root
-  !J(t) && // not marked in DOM
-  !kt(t, e)
-), Wt = (t) => ([r, e]) => Vt(r, e, t), _t = (t, r) => V(
-  Wt(r)
-)(t), Dt = ([t]) => J(t), Tt = V(
-  Dt
-), jt = ({
-  formRef: t,
-  children: r
-}) => {
-  const { errors: e } = k(), o = tt(e), s = (
-    // eslint-disable-next-line react-hooks/refs
-    t.current ? _t(
-      o,
-      // eslint-disable-next-line react-hooks/refs
-      t.current
-    ) : {}
-  ), n = {
-    all: o,
-    fields: Ut(o),
-    roots: Tt(o),
-    orphans: s,
-    // computed
-    hasErrors: !D(e),
-    hasOrphans: !D(s)
-  };
-  return /* @__PURE__ */ c(ut, { value: n, children: r });
-}, Lt = ({
-  children: t
-}) => {
-  const [r, e] = u.useState(void 0);
-  return /* @__PURE__ */ c(
-    mt,
-    {
-      value: {
-        current: r,
-        reset: () => {
-          e(void 0);
-        },
-        set: (o, s) => {
-          e({ error: o, event: s });
-        }
-      },
-      children: t
-    }
-  );
-}, Bt = (t, r, e, o = "debug") => {
-  console[o](t, { values: r, errors: e });
-}, Mt = (t) => {
-  const r = b(), e = N();
-  u.useEffect(() => {
-    if (!e.hasErrors) return;
-    const o = t?.console?.(e);
-    o && Bt(
-      o.message ?? j,
-      r.getValues(),
-      e,
-      o.type
-    );
-    const s = t?.throw?.(e);
-    if (s)
-      throw new Error(typeof s == "string" ? s : j);
-  }, [e]);
-}, j = "Form errors", Nt = (t) => {
-  const r = u.useRef(!1);
-  return u.useEffect(() => {
-    t && (r.current = !0);
-  }, [t]), [r, () => {
-    r.current = !1;
-  }];
-}, qt = (t, r) => {
-  const { isSubmitSuccessful: e, isSubmitting: o } = k(), [s, n] = Nt(o);
-  u.useEffect(() => {
-    t && (o || s.current && (n(), t(e)));
-  }, [o]);
-}, Ht = (t) => {
-  const { getValues: r, reset: e } = b();
-  qt((o) => {
-    if (!t) return;
-    const s = t[o ? "success" : "error"]?.values;
-    if (!s) return;
-    const n = s === "current", i = n ? r() : void 0;
-    e(i, {
-      // keep submit stuff for tracking relevant state (e.g., `useFormOnSubmitSuccessful`)
-      keepIsSubmitSuccessful: !0,
-      keepIsSubmitted: !0,
-      keepSubmitCount: !0,
-      /**
-       * This is necessary when setting default values to current values (lest form stop updating).
-       *
-       * Technically, we are keeping values and resetting default values to same values.
-       *
-       * Steps to repro:
-       * - RhfUtilsClientConfig with resetOnSubmitted set to success values to current
-       * - remove `keepValues` prop from reset
-       * - create valid form, submit
-       * - form values should be unchanged
-       * - unexpectedly: can no longer type into input
-       */
-      keepValues: n,
-      // keep errors in the case of unsuccessful submit
-      keepErrors: !0
-    });
-  });
-}, zt = () => {
-  const t = u.useRef(I);
-  return u.useEffect(() => (t.current && (t.current = !I), () => {
-    t.current = I;
-  }), []), t;
-}, I = !0, At = ({
-  onChange: t,
-  delay: r
-}) => {
-  const e = u.useRef(null), o = () => {
-    e.current && (t(e.current.value), e.current = null);
-  }, s = () => {
-    e.current && clearTimeout(e.current.timer);
-  };
-  return u.useEffect(
-    // return timeout clearer
-    () => s,
-    []
-  ), [(i) => {
-    s(), e.current = {
-      // value being tracked
-      value: i,
-      // new timer
-      timer: setTimeout(o, r)
-    };
-  }];
-}, Zt = (t, r) => {
-  const e = lt(t), [o] = At({
-    delay: r?.debounce ?? 0,
-    // on change value after debounce
-    onChange: () => {
-      e();
-    }
-  });
-  return o;
-}, Jt = (t, r) => {
-  const e = Zt(t, {
-    debounce: r?.debounce
-  }), o = st(), { isValid: s, isDirty: n, isValidating: i, isSubmitting: l } = k(), m = u.useMemo(() => JSON.stringify(o), [o]), a = zt();
-  u.useEffect(
-    // on form values/state change, call callback
-    () => {
-      a.current || i || l || s && n && e(o);
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [s, n, m, i]
-    // - isValidating bc we need to re-trigger after validation complete
-    //   - e.g., single keystroke making input in/valid; we have to wait
-    // - isSubmitting not included bc would create infinite loop of submits after first submission
-    //   - expect form to block changes while submitting to avoid changes that get swallowed
-  );
-}, Qt = ({
-  formId: t,
-  formRef: r,
-  options: e,
-  //
-  children: o
-}) => {
-  const [s] = u.useState(e), n = R();
-  Mt(n.fieldErrors?.output), (s.submitOnWatch ? Jt : void 0)?.(
-    r,
-    s.submitOnWatch
-  ), Ht(s.resetOnSubmitted);
-  const i = u.useRef(null);
-  return /* @__PURE__ */ c(
-    rt,
-    {
-      value: {
-        formId: t,
-        formRef: r,
-        options: e,
-        lastSubmitStateRef: i
-      },
-      children: o
-    }
-  );
-}, $t = (t, r) => ({
-  ...t,
-  ...r,
-  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- false positive
-  ...(t?.resetOnSubmitted || r?.resetOnSubmitted) && {
-    resetOnSubmitted: {
-      ...t?.resetOnSubmitted,
-      ...r?.resetOnSubmitted
-    }
-  }
-}), Gt = (t, r) => u.useMemo(
-  () => $t(t.defaults?.options, r),
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [JSON.stringify(r)]
-), Kt = (t, r) => ({
-  ...t,
-  ...r
-}), Xt = (t, r, e, o) => nt({
-  ...Kt(r.defaults?.rhf, t),
-  resolver: o,
-  defaultValues: e
+import { a as e, c as t, i as n, o as r, r as i, t as a, u as o } from "./FormRelaySetter.mjs";
+import s from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Controller as u, FormProvider as d, useForm as f, useFormContext as p, useFormState as m, useWatch as h } from "react-hook-form";
+import { zodResolver as g } from "@hookform/resolvers/zod";
+//#region src/client/config/context/RhfUtilsClientConfigContext.tsx
+var _ = s.createContext(void 0), v = ({ config: e, children: n }) => {
+	let [r] = s.useState(e ?? {});
+	return /* @__PURE__ */ c(_.Provider, {
+		value: r,
+		children: /* @__PURE__ */ c(t, { children: n })
+	});
+}, { Provider: y, useRequired: b } = o(), x = () => {
+	let e = b();
+	return s.useMemo(() => !e.hasErrors || !e.hasOrphans ? !1 : Object.keys(e.orphans).length === Object.keys(e.all).length, [e]);
+}, S = "data-rhfutils-nonfield-error-marker-path", C = ({ path: e }) => /* @__PURE__ */ c("div", {
+	role: "alert",
+	"aria-hidden": "true",
+	style: { display: "none" },
+	[S]: e
+}), w = (e) => s.useCallback((t) => {
+	if (!e.current) throw Error();
+	ee(e.current, t);
+}, [e]), ee = (e, t) => {
+	e.requestSubmit(t);
+}, T = class extends Error {
+	constructor(e, t) {
+		super(t), this.errors = e;
+	}
+}, { Provider: te, useRequired: E } = o(), D = () => E().current, O = s.lazy(() => import("@hookform/devtools").then((e) => ({ default: e.DevTool }))), k = ({ config: e }) => {
+	let [t] = s.useState(e);
+	if (!t) return null;
+	let n = typeof t == "object" ? t : void 0;
+	return /* @__PURE__ */ c(s.Suspense, { children: /* @__PURE__ */ c(O, { ...n }) });
+}, A = () => /* @__PURE__ */ c(k, { config: r().options.devTool }), j = (e) => /* @__PURE__ */ c(u, { ...e }), M = () => {
+	let e = s.useContext(_);
+	if (e === void 0) throw Error();
+	return e;
+}, ne = () => ({
+	utils: r(),
+	rhf: p(),
+	FormSubmitError: T
+}), re = (e, t, n) => {
+	let r = t?.();
+	return async () => {
+		if (e && await Promise.resolve(r?.(n)) !== !1) return Promise.resolve(e());
+	};
+}, ie = (e) => {
+	let { useCanFormBeCancelled: t } = M();
+	return re(e, t, ne());
+}, ae = ({ onCancel: e, Children: t }) => {
+	let n = p(), i = r(), a = ie(e);
+	return /* @__PURE__ */ c(t, {
+		...i,
+		rhf: n,
+		onCancel: a,
+		Controller: j,
+		FormSubmitError: T
+	});
+}, N = (e, t) => {
+	Object.entries(t).forEach(([t, n]) => {
+		e.setError(t, {
+			type: "FormSubmitFieldError",
+			...n
+		});
+	});
+}, P = (e, t, n) => ({
+	...e,
+	...t,
+	className: [
+		e?.className,
+		t?.className,
+		n?.className
+	].filter(Boolean).join(" ").trim() || void 0
+}), F = (e, t, n) => ({
+	id: t,
+	...P(M().defaults?.form, e, n)
+}), I = (e) => {
+	let t = E();
+	return async function(n) {
+		try {
+			return t.reset(), await e(n);
+		} catch (e) {
+			throw t.set(e, n), e;
+		}
+	};
+}, L = ({ onValid: e, onInvalid: t, onError: n, onFinally: i }) => {
+	let a = p(), { options: o, lastSubmitStateRef: s } = r(), c = I(a.handleSubmit(e, t));
+	return (e) => {
+		s.current = "submitting", o.stopSubmitPropagation && e.stopPropagation(), Promise.resolve(c(e)).then(() => {
+			s.current = "success";
+		}).catch((t) => {
+			s.current = "error", n(t, e);
+		}).finally(() => {
+			i?.();
+		});
+	};
+}, R = ({ getApiData: e, onSubmitInvalid: t, onBeforeSubmitInvariants: n, onBeforeSubmit: i, onSubmit: a, onSubmitSuccess: o, onSubmitError: l, onSubmitFinally: u, form: d, className: f, children: m }) => {
+	let h = p(), g = r(), _ = M(), v = F(d, g.formId, { className: f }), y = async (t, r) => {
+		let s = {
+			input: h.getValues(),
+			output: t,
+			api: e?.(t)
+		}, c = {
+			utils: g,
+			rhf: h,
+			FormSubmitError: T
+		}, l = r;
+		n && await z(n, s, c, l), await Promise.resolve(i?.(s, c, l));
+		let u = await Promise.resolve(a?.(s, c, l));
+		g.lastSubmitStateRef.current = "success", await Promise.resolve(o?.(u, s, c, l));
+	};
+	function b(e, t) {
+		let n = e instanceof T ? e.errors : _.onSubmitErrorUnknown?.(e);
+		n && N(h, n), l?.(e, {
+			utils: g,
+			errors: n,
+			rhf: h
+		}, t);
+	}
+	let x = L({
+		onValid: y,
+		onInvalid: t,
+		onError: b,
+		onFinally: u
+	}), S = s.useCallback(() => m, []), C = {
+		...g,
+		rhf: h,
+		Controller: j,
+		FormSubmitError: T,
+		Outlet: S
+	};
+	return /* @__PURE__ */ c(_.FormComponent ?? "form", {
+		...v,
+		id: g.formId,
+		ref: g.formRef,
+		onSubmit: x,
+		children: _.FormInjector ? /* @__PURE__ */ c(_.FormInjector, { ...C }) : m
+	});
+}, z = async (e, t, n, r) => {
+	let i = (await Promise.resolve(e(t, n, r))).filter(({ validate: e }) => !e).map(({ field: e, message: t }) => [e, { message: t }]);
+	if (i.length) throw new n.FormSubmitError(Object.fromEntries(i));
+}, B = ({ getApiData: e, onCancel: t, onSubmitInvalid: n, onBeforeSubmitInvariants: r, onBeforeSubmit: i, onSubmit: a, onSubmitSuccess: o, onSubmitError: s, onSubmitFinally: u, Children: d, form: f, className: p }) => /* @__PURE__ */ l(R, {
+	getApiData: e,
+	onSubmitInvalid: n,
+	onBeforeSubmitInvariants: r,
+	onBeforeSubmit: i,
+	onSubmit: a,
+	onSubmitSuccess: o,
+	onSubmitError: s,
+	onSubmitFinally: u,
+	form: f,
+	className: p,
+	children: [/* @__PURE__ */ c(A, {}), /* @__PURE__ */ c(ae, {
+		onCancel: t,
+		Children: d
+	})]
+}), V = (e) => /* @__PURE__ */ c(B, { ...e }), H = (e) => (t) => Object.fromEntries(Object.entries(t).filter(e)), U = (e) => !!e.ref, W = H(([, e]) => U(e)), G = (e, t) => [["", ""], ...t?.excludeNested ? [] : [["^", "."]]].map(([t, n]) => K(S + t, e + n)).join(", "), K = (e, t) => `[role="alert"][${e}="${t}"]`, q = (e, t) => !!t.querySelector(G(e)), J = (e) => e === "root" || e.startsWith("root."), oe = (e, t, n) => !U(t) && !J(e) && !q(e, n), se = (e) => ([t, n]) => oe(t, n, e), ce = (e, t) => H(se(t))(e), le = H(([e]) => J(e)), ue = ({ formRef: e, children: t }) => {
+	let { errors: r } = m(), a = i(r), o = e.current ? ce(a, e.current) : {};
+	return /* @__PURE__ */ c(y, {
+		value: {
+			all: a,
+			fields: W(a),
+			roots: le(a),
+			orphans: o,
+			hasErrors: !n(r),
+			hasOrphans: !n(o)
+		},
+		children: t
+	});
+}, de = ({ children: e }) => {
+	let [t, n] = s.useState(void 0);
+	return /* @__PURE__ */ c(te, {
+		value: {
+			current: t,
+			reset: () => {
+				n(void 0);
+			},
+			set: (e, t) => {
+				n({
+					error: e,
+					event: t
+				});
+			}
+		},
+		children: e
+	});
+}, fe = (e, t, n, r = "debug") => {
+	console[r](e, {
+		values: t,
+		errors: n
+	});
+}, pe = (e) => {
+	let t = p(), n = b();
+	s.useEffect(() => {
+		if (!n.hasErrors) return;
+		let r = e?.console?.(n);
+		r && fe(r.message ?? Y, t.getValues(), n, r.type);
+		let i = e?.throw?.(n);
+		if (i) throw Error(typeof i == "string" ? i : Y);
+	}, [n]);
+}, Y = "Form errors", me = (e) => {
+	let t = s.useRef(!1);
+	return s.useEffect(() => {
+		e && (t.current = !0);
+	}, [e]), [t, () => {
+		t.current = !1;
+	}];
+}, he = (e, t) => {
+	let { isSubmitSuccessful: n, isSubmitting: r } = m(), [i, a] = me(r);
+	s.useEffect(() => {
+		e && (r || i.current && (a(), (t?.successful === void 0 || n === t.successful) && e(n)));
+	}, [r]);
+}, ge = (e) => {
+	let { getValues: t, reset: n } = p();
+	he((r) => {
+		if (!e) return;
+		let i = e[r ? "success" : "error"]?.values;
+		if (!i) return;
+		let a = i === "current";
+		n(a ? t() : void 0, {
+			keepIsSubmitSuccessful: !0,
+			keepIsSubmitted: !0,
+			keepSubmitCount: !0,
+			keepValues: a,
+			keepErrors: !0
+		});
+	});
+}, _e = () => {
+	let e = s.useRef(X);
+	return s.useEffect(() => (e.current &&= !X, () => {
+		e.current = X;
+	}), []), e;
+}, X = !0, ve = ({ onChange: e, delay: t }) => {
+	let n = s.useRef(null), r = () => {
+		n.current &&= (e(n.current.value), null);
+	}, i = () => {
+		n.current && clearTimeout(n.current.timer);
+	};
+	return s.useEffect(() => i, []), [(e) => {
+		i(), n.current = {
+			value: e,
+			timer: setTimeout(r, t)
+		};
+	}];
+}, ye = (e, t) => {
+	let n = w(e), [r] = ve({
+		delay: t?.debounce ?? 0,
+		onChange: () => {
+			n();
+		}
+	});
+	return r;
+}, be = (e, t) => {
+	let n = ye(e, { debounce: t?.debounce }), r = h(), { isValid: i, isDirty: a, isValidating: o, isSubmitting: c } = m(), l = s.useMemo(() => JSON.stringify(r), [r]), u = _e();
+	s.useEffect(() => {
+		u.current || o || c || i && a && n(r);
+	}, [
+		i,
+		a,
+		l,
+		o
+	]);
+}, xe = ({ formId: t, formRef: n, options: r, children: i }) => {
+	let [a] = s.useState(r);
+	return pe(M().fieldErrors?.output), (a.submitOnWatch ? be : void 0)?.(n, a.submitOnWatch), ge(a.resetOnSubmitted), /* @__PURE__ */ c(e, {
+		value: {
+			formId: t,
+			formRef: n,
+			options: r,
+			lastSubmitStateRef: s.useRef(null)
+		},
+		children: i
+	});
+}, Se = (e, t) => ({
+	...e,
+	...t,
+	...(e?.resetOnSubmitted || t?.resetOnSubmitted) && { resetOnSubmitted: {
+		...e?.resetOnSubmitted,
+		...t?.resetOnSubmitted
+	} }
+}), Z = (e, t) => s.useMemo(() => Se(e.defaults?.options, t), [JSON.stringify(t)]), Ce = (e, t) => ({
+	...e,
+	...t
+}), we = (e, t, n, r) => f({
+	...Ce(t.defaults?.rhf, e),
+	resolver: r,
+	defaultValues: n
 });
-function Q({
-  formId: t,
-  rhf: r,
-  resolver: e,
-  defaultValues: o,
-  options: s,
-  relay: n,
-  //
-  children: i
-}) {
-  const l = R(), m = u.useId(), a = t || m, h = u.useRef(null), d = Xt(
-    r,
-    l,
-    o,
-    e
-  ), f = Gt(l, s);
-  return /* @__PURE__ */ c(it, { ...d, children: /* @__PURE__ */ c(jt, { formRef: h, children: /* @__PURE__ */ L(
-    Qt,
-    {
-      formId: a,
-      formRef: h,
-      options: f,
-      children: [
-        /* @__PURE__ */ c(et, { options: n }),
-        /* @__PURE__ */ c(Lt, { children: i })
-      ]
-    }
-  ) }) });
+//#endregion
+//#region src/form/providers/RhfUtilsFormProviders.tsx
+function Q({ formId: e, rhf: t, resolver: n, defaultValues: r, options: i, relay: o, children: u }) {
+	let f = M(), p = s.useId(), m = e || p, h = s.useRef(null), g = we(t, f, r, n), _ = Z(f, i);
+	return /* @__PURE__ */ c(d, {
+		...g,
+		children: /* @__PURE__ */ c(ue, {
+			formRef: h,
+			children: /* @__PURE__ */ l(xe, {
+				formId: m,
+				formRef: h,
+				options: _,
+				children: [/* @__PURE__ */ c(a, { options: o }), /* @__PURE__ */ c(de, { children: u })]
+			})
+		})
+	});
 }
-const $ = (t) => ct(t), ar = ({
-  schema: t,
-  children: r,
-  ...e
-}) => /* @__PURE__ */ c(Q, { ...e, resolver: $(t), children: r });
-function Yt({
-  getApiData: t,
-  // provider
-  resolver: r,
-  rhf: e,
-  defaultValues: o,
-  options: s,
-  relay: n,
-  // form
-  onCancel: i,
-  onSubmitInvalid: l,
-  onBeforeSubmitInvariants: m,
-  onBeforeSubmit: a,
-  onSubmit: h,
-  onSubmitSuccess: d,
-  onSubmitError: f,
-  onSubmitFinally: S,
-  Children: P,
-  form: y,
-  formId: x,
-  className: U
-}) {
-  return /* @__PURE__ */ c(Q, { ...{
-    formId: x,
-    resolver: r,
-    rhf: e,
-    defaultValues: o,
-    options: s,
-    relay: n
-  }, children: /* @__PURE__ */ c(A, { ...{
-    getApiData: t,
-    onCancel: i,
-    onSubmitInvalid: l,
-    onBeforeSubmitInvariants: m,
-    onBeforeSubmit: a,
-    onSubmit: h,
-    onSubmitSuccess: d,
-    onSubmitError: f,
-    onSubmitFinally: S,
-    Children: P,
-    form: y,
-    className: U
-  } }) });
+//#endregion
+//#region src/resolvers/zod/getZodResolver.ts
+var $ = (e) => g(e), Te = ({ schema: e, children: t, ...n }) => /* @__PURE__ */ c(Q, {
+	...n,
+	resolver: $(e),
+	children: t
+});
+//#endregion
+//#region src/form/with-providers/RhfUtilsFormWithProviders.tsx
+function Ee({ getApiData: e, resolver: t, rhf: n, defaultValues: r, options: i, relay: a, onCancel: o, onSubmitInvalid: s, onBeforeSubmitInvariants: l, onBeforeSubmit: u, onSubmit: d, onSubmitSuccess: f, onSubmitError: p, onSubmitFinally: m, Children: h, form: g, formId: _, className: v }) {
+	let y = {
+		formId: _,
+		resolver: t,
+		rhf: n,
+		defaultValues: r,
+		options: i,
+		relay: a
+	}, b = {
+		getApiData: e,
+		onCancel: o,
+		onSubmitInvalid: s,
+		onBeforeSubmitInvariants: l,
+		onBeforeSubmit: u,
+		onSubmit: d,
+		onSubmitSuccess: f,
+		onSubmitError: p,
+		onSubmitFinally: m,
+		Children: h,
+		form: g,
+		className: v
+	};
+	return /* @__PURE__ */ c(Q, {
+		...y,
+		children: /* @__PURE__ */ c(B, { ...b })
+	});
 }
-const mr = ({
-  schema: t,
-  ...r
-}) => /* @__PURE__ */ c(Yt, { ...r, resolver: $(t) });
-export {
-  E as FormSubmitError,
-  nr as RhfUtilsClientConfigProvider,
-  cr as RhfUtilsNonFieldErrorMarker,
-  lr as RhfUtilsZodForm,
-  ar as RhfUtilsZodFormProviders,
-  mr as RhfUtilsZodFormWithProviders,
-  N as useFlatFieldErrorsContext,
-  ir as useFlatFieldErrorsContextHasOnlyOrphans,
-  lt as useFormRequestSubmit,
-  ur as useLastSubmitError,
-  v as useRhfUtilsContext
-};
+//#endregion
+//#region src/resolvers/zod/with-providers/RhfUtilsZodFormWithProviders.tsx
+var De = ({ schema: e, ...t }) => /* @__PURE__ */ c(Ee, {
+	...t,
+	resolver: $(e)
+});
+//#endregion
+export { T as FormSubmitError, v as RhfUtilsClientConfigProvider, C as RhfUtilsNonFieldErrorMarker, V as RhfUtilsZodForm, Te as RhfUtilsZodFormProviders, De as RhfUtilsZodFormWithProviders, b as useFlatFieldErrorsContext, x as useFlatFieldErrorsContextHasOnlyOrphans, w as useFormRequestSubmit, D as useLastSubmitError, r as useRhfUtilsContext };