@paragrav/rhf-utils 0.59.0 → 0.61.0

package/README.md

@@ -72,14 +72,15 @@ export const rhfUtilsClientConfig: RhfUtilsClientConfig = {
   },
 
   // optional form component to use (defaults to primitive HTML form)
-  // also, is used to inject your own hooks and components
-  // for all RhfUtilsZodForm instances
-  FormComponent: (
+  FormComponent: Form.Root,
+
+  // inject your own hooks and components
+  // into all RhfUtilsZodForm instances
+  FormChildren: (
     // RhfUtilsFormComponentProps
     {
-      formProps, //       computed form props
       formId, //          unique id string
-      formRef, //         ref
+      formRef, //         form element ref
       context, //         rhf UseFormReturn (without proxy `formState`)
       options, //         RhfUtilsFormOptions (with any custom props)
       Controller, //      rhf controller (SafeFieldValues-typed; no schema at this level)
@@ -96,13 +97,13 @@ export const rhfUtilsClientConfig: RhfUtilsClientConfig = {
     });
 
     return (
-      <Form.Root {...formProps} ref={formRef}>
+      <>
         {/* RhfUtilsZodForm.Children "outlet" (see "Component Hierarchy" section) */}
         {children}
 
         {/* root errors list */}
         <RootErrorsList />
-      </Form.Root>
+      </>
     );
   },
 

package/dist/dts/_exports/index.d.ts

@@ -11,3 +11,4 @@ export * from './errors';
 export * from './form';
 export * from './submit';
 export * from './zod';
+export type { Register } from '../Register';

package/dist/dts/_exports/types.d.ts

@@ -4,4 +4,4 @@ export type * from './relay';
 export type * from './submit';
 export type * from './trpc';
 export type * from './zod';
-export type { Register } from '../Register';
+export type { FlatFieldErrors } from '../errors/flat/types';

package/dist/dts/client/config/RhfUtilsClientConfigType.d.ts

@@ -15,15 +15,19 @@ export type RhfUtilsClientConfig = {
      */
     defaults?: UseRhfUtilsFormGlobalDefaults;
     /**
-     * Supply your own `<form>` component. (By default, a native {@link HTMLFormElement} is used.)
+     * Supply your own `<form>` component.
      *
-     * @description
+     * (By default, a native {@link HTMLFormElement} is used.)
+     */
+    FormComponent?: React.FC<React.PropsWithChildren<React.HTMLAttributes<HTMLFormElement>>>;
+    /**
+     * Inject your own hooks, components, etc., into every form instance.
      *
-     * Can be used to inject your own hooks, components, etc.
+     * @description
      *
      * (NOTE: context params are not schema-typed as not possible at this level.)
      */
-    FormComponent?: React.FC<React.PropsWithChildren<RhfUtilsFormComponentProps>>;
+    FormChildren?: React.FC<React.PropsWithChildren<RhfUtilsFormComponentProps>>;
     /**
      * A hook that returns a callback that determines whether form can be cancelled at event-time.
      *

package/dist/dts/form/RhfUtilsFormComponentPropsType.d.ts

@@ -2,16 +2,12 @@ import { UseFormReturn } from 'react-hook-form';
 import { FormSubmitError } from '../submit/error/FormSubmitError';
 import { _Controller } from './_Controller';
 import { RhfUtilsContextProps } from './context/utils/RhfUtilsContextPropsType';
-import { UseRhfUtilsFormInstanceFormProps } from './defaults/form/UseRhfUtilsFormInstanceFormProps';
 import { SafeFieldValues } from './rhf/SafeFieldValuesType';
 /**
  * RhfUtilsClientConfig's FormComponent props.
  */
 export type RhfUtilsFormComponentProps<TFieldValues extends SafeFieldValues = SafeFieldValues, TTransformedValues extends SafeFieldValues = TFieldValues> = RhfUtilsContextProps & {
     rhf: UseFormReturn<TFieldValues, unknown, TTransformedValues>;
-    formProps: UseRhfUtilsFormInstanceFormProps & {
-        onSubmit: NonNullable<React.PropsWithoutRef<React.JSX.IntrinsicElements['form']>['onSubmit']>;
-    };
     Controller: typeof _Controller<TFieldValues>;
     FormSubmitError: typeof FormSubmitError<TFieldValues>;
 };

package/dist/esm/index.mjs

@@ -1,25 +1,25 @@
-import { jsx as c, jsxs as X } from "react/jsx-runtime";
-import u from "react";
-import { c as L, u as v, g as Y, i as D, _ as tt } from "./getFlatFieldErrors.mjs";
+import { jsx as u, jsxs as X } from "react/jsx-runtime";
+import c from "react";
+import { c as j, u as v, g as Y, i as _, _ as tt } from "./getFlatFieldErrors.mjs";
 import { Controller as rt, useFormContext as b, useFormState as I, useWatch as et, useForm as ot, FormProvider as st } from "react-hook-form";
 import { zodResolver as nt } from "@hookform/resolvers/zod";
-const B = u.createContext(void 0), er = ({
+const L = c.createContext(void 0), or = ({
   config: t,
   children: r
 }) => {
-  const [e] = u.useState(t ?? {});
-  return /* @__PURE__ */ c(B.Provider, { value: e, children: r });
+  const [e] = c.useState(t ?? {});
+  return /* @__PURE__ */ u(L.Provider, { value: e, children: r });
 }, {
   Provider: it,
-  useRequired: M
-} = L(), or = () => {
-  const t = M();
-  return u.useMemo(() => !t.hasErrors || !t.hasOrphans ? !1 : Object.keys(t.orphans).length === Object.keys(t.all).length, [t]);
-}, N = "data-rhfutils-nonfield-error-marker-path", sr = ({ path: t }) => {
+  useRequired: B
+} = j(), sr = () => {
+  const t = B();
+  return c.useMemo(() => !t.hasErrors || !t.hasOrphans ? !1 : Object.keys(t.orphans).length === Object.keys(t.all).length, [t]);
+}, M = "data-rhfutils-nonfield-error-marker-path", nr = ({ path: t }) => {
   const r = {
-    [N]: t
+    [M]: t
   };
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ u(
     "div",
     {
       role: "alert",
@@ -28,13 +28,13 @@ const B = u.createContext(void 0), er = ({
       ...r
     }
   );
-}, ut = (t) => u.useCallback(
+}, ct = (t) => c.useCallback(
   (r) => {
     if (!t.current) throw new Error();
-    ct(t.current, r);
+    ut(t.current, r);
   },
   [t]
-), ct = (t, r) => {
+), ut = (t, r) => {
   t.requestSubmit(r);
 };
 class E extends Error {
@@ -44,21 +44,21 @@ class E extends Error {
 }
 const {
   Provider: lt,
-  useRequired: q
-} = L(), nr = () => q().current, at = u.lazy(
+  useRequired: N
+} = j(), ir = () => N().current, at = c.lazy(
   () => import("@hookform/devtools").then((t) => ({
     default: t.DevTool
   }))
 ), mt = ({ config: t }) => {
-  const [r] = u.useState(t);
+  const [r] = c.useState(t);
   if (!r) return null;
   const e = typeof r == "object" ? r : void 0;
-  return /* @__PURE__ */ c(u.Suspense, { children: /* @__PURE__ */ c(at, { ...e }) });
+  return /* @__PURE__ */ u(c.Suspense, { children: /* @__PURE__ */ u(at, { ...e }) });
 }, ft = () => {
   const t = v();
-  return /* @__PURE__ */ c(mt, { config: t.options.devTool });
-}, H = (t) => /* @__PURE__ */ c(rt, { ...t }), R = () => {
-  const t = u.useContext(B);
+  return /* @__PURE__ */ u(mt, { config: t.options.devTool });
+}, q = (t) => /* @__PURE__ */ u(rt, { ...t }), C = () => {
+  const t = c.useContext(L);
   if (t === void 0) throw new Error();
   return t;
 }, dt = () => {
@@ -77,7 +77,7 @@ const {
       return Promise.resolve(t());
   };
 }, Ft = (t) => {
-  const { useCanFormBeCancelled: r } = R(), e = dt();
+  const { useCanFormBeCancelled: r } = C(), e = dt();
   return ht(
     t,
     r,
@@ -88,13 +88,13 @@ const {
   Children: r
 }) => {
   const e = b(), o = v(), s = Ft(t);
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ u(
     r,
     {
       ...o,
       rhf: e,
       onCancel: s,
-      Controller: H,
+      Controller: q,
       FormSubmitError: E
     }
   );
@@ -106,23 +106,25 @@ const {
       ...o
     });
   });
-}, pt = (t, r, e) => ({
+}, pt = ({
+  children: t
+}) => t, Et = (t, r, e) => ({
   ...t,
   ...r,
   className: [t?.className, r?.className, e?.className].filter(Boolean).join(" ").trim() || void 0
   // replace empty string with undefined
-}), Et = (t, r, e) => {
-  const o = R();
+}), vt = (t, r, e) => {
+  const o = C();
   return {
     id: r,
-    ...pt(
+    ...Et(
       o.defaults?.form,
       t,
       e
     )
   };
-}, vt = (t) => {
-  const r = q();
+}, Ct = (t) => {
+  const r = N();
   return async function(e) {
     try {
       return r.reset(), await t(e);
@@ -136,17 +138,17 @@ const {
   onError: e,
   onFinally: o
 }) => {
-  const s = b(), { options: n, lastSubmitStateRef: i } = v(), a = s.handleSubmit(t, r), m = vt(a);
+  const s = b(), { options: n, lastSubmitStateRef: i } = v(), a = s.handleSubmit(t, r), m = Ct(a);
   return (l) => {
     i.current = "submitting", n.stopSubmitPropagation && l.stopPropagation(), Promise.resolve(m(l)).then(() => {
       i.current = "success";
-    }).catch((h) => {
-      i.current = "error", e(h, l);
+    }).catch((d) => {
+      i.current = "error", e(d, l);
     }).finally(() => {
       o?.();
     });
   };
-}, Ct = ({
+}, gt = ({
   getApiData: t,
   // handlers
   onSubmitInvalid: r,
@@ -160,29 +162,29 @@ const {
   form: m,
   className: l,
   //
-  children: h
+  children: d
 }) => {
-  const f = b(), d = v(), S = R(), P = Et(
+  const f = b(), h = v(), S = C(), P = vt(
     m,
-    d.formId,
+    h.formId,
     {
       className: l
     }
-  ), y = S.FormComponent ?? "form", x = async (F, U) => {
-    const p = f.getValues(), G = t?.(F), C = { input: p, output: F, api: G }, g = {
-      utils: d,
+  ), y = async (F, U) => {
+    const p = f.getValues(), G = t?.(F), R = { input: p, output: F, api: G }, g = {
+      utils: h,
       rhf: f,
       FormSubmitError: E
     }, O = U;
-    e && await gt(e, C, g, O), await Promise.resolve(o?.(C, g, O));
+    e && await Ot(e, R, g, O), await Promise.resolve(o?.(R, g, O));
     const K = await Promise.resolve(
-      s?.(C, g, O)
+      s?.(R, g, O)
     );
-    d.lastSubmitStateRef.current = "success", await Promise.resolve(
-      n?.(K, C, g, O)
+    h.lastSubmitStateRef.current = "success", await Promise.resolve(
+      n?.(K, R, g, O)
     );
   };
-  function W(F, U) {
+  function x(F, U) {
     const p = F instanceof E ? (
       // consumer can manually throw FormSubmitError (e.g., manual validation)
       F.errors
@@ -193,7 +195,7 @@ const {
     p && St(f, p), i?.(
       F,
       {
-        utils: d,
+        utils: h,
         errors: p,
         rhf: f
       },
@@ -202,34 +204,27 @@ const {
     );
   }
   const V = Rt({
-    onValid: x,
+    onValid: y,
     onInvalid: r,
-    onError: W,
+    onError: x,
     onFinally: a
-  }), _ = {
-    ...P,
-    id: d.formId,
-    onSubmit: V
-  };
-  if (!S.FormComponent)
-    return /* @__PURE__ */ c("form", { ref: d.formRef, ..._, children: h });
-  const $ = {
-    ...d,
-    formProps: _,
+  }), W = {
+    ...h,
     rhf: f,
-    Controller: H,
+    Controller: q,
     FormSubmitError: E
-  };
-  return /* @__PURE__ */ c(
-    y,
+  }, Q = S.FormComponent ?? "form", $ = S.FormChildren ?? pt;
+  return /* @__PURE__ */ u(
+    Q,
     {
-      ref: d.formRef,
-      id: d.formId,
-      ...$,
-      children: h
+      ...P,
+      id: h.formId,
+      ref: h.formRef,
+      onSubmit: V,
+      children: /* @__PURE__ */ u($, { ...W, children: d })
     }
   );
-}, gt = async (t, r, e, o) => {
+}, Ot = async (t, r, e, o) => {
   const n = (await Promise.resolve(
     t(r, e, o)
   )).filter(([, , i]) => !i).map(([i, a]) => [i, { message: a }]);
@@ -237,7 +232,7 @@ const {
     throw new e.FormSubmitError(
       Object.fromEntries(n)
     );
-}, z = ({
+}, H = ({
   getApiData: t,
   // handlers
   onCancel: r,
@@ -251,10 +246,10 @@ const {
   //
   Children: l,
   // attrs
-  form: h,
+  form: d,
   className: f
 }) => /* @__PURE__ */ X(
-  Ct,
+  gt,
   {
     getApiData: t,
     onSubmitInvalid: e,
@@ -264,11 +259,11 @@ const {
     onSubmitSuccess: i,
     onSubmitError: a,
     onSubmitFinally: m,
-    form: h,
+    form: d,
     className: f,
     children: [
-      /* @__PURE__ */ c(ft, {}),
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ u(ft, {}),
+      /* @__PURE__ */ u(
         bt,
         {
           onCancel: r,
@@ -277,18 +272,18 @@ const {
       )
     ]
   }
-), ir = (t) => /* @__PURE__ */ c(z, { ...t }), k = (t) => (r) => (
+), cr = (t) => /* @__PURE__ */ u(H, { ...t }), k = (t) => (r) => (
   // re-create object from entries
   Object.fromEntries(
     // break down to entries
     Object.entries(r).filter(t)
   )
-), A = (t) => !!t.ref, Ot = ([
+), z = (t) => !!t.ref, Pt = ([
   ,
   t
-]) => A(t), Pt = k(
-  Ot
-), yt = (t, r) => (
+]) => z(t), yt = k(
+  Pt
+), xt = (t, r) => (
   // list of selector variants
   [
     // equals
@@ -301,48 +296,48 @@ const {
       "."
     ]
   ].map(
-    ([e, o]) => xt(
-      N + e,
+    ([e, o]) => Ut(
+      M + e,
       t + o
     )
   ).join(", ")
-), xt = (t, r) => `[role="alert"][${t}="${r}"]`, Ut = (t, r) => !!r.querySelector(
-  yt(t)
-), T = "root", Z = (t) => t === T || t.startsWith(T + "."), wt = (t, r, e) => (
+), Ut = (t, r) => `[role="alert"][${t}="${r}"]`, wt = (t, r) => !!r.querySelector(
+  xt(t)
+), D = "root", A = (t) => t === D || t.startsWith(D + "."), It = (t, r, e) => (
   // non-field
-  !A(r) && // non-root
-  !Z(t) && // not marked in DOM
-  !Ut(t, e)
-), It = (t) => ([r, e]) => wt(r, e, t), kt = (t, r) => k(
-  It(r)
-)(t), Wt = ([t]) => Z(t), Vt = k(
+  !z(r) && // non-root
+  !A(t) && // not marked in DOM
+  !wt(t, e)
+), kt = (t) => ([r, e]) => It(r, e, t), Vt = (t, r) => k(
+  kt(r)
+)(t), Wt = ([t]) => A(t), _t = k(
   Wt
-), _t = ({
+), Dt = ({
   formRef: t,
   children: r
 }) => {
   const { errors: e } = I(), o = Y(e), s = (
     // eslint-disable-next-line react-hooks/refs
-    t.current ? kt(
+    t.current ? Vt(
       o,
       // eslint-disable-next-line react-hooks/refs
       t.current
     ) : {}
   ), n = {
     all: o,
-    fields: Pt(o),
-    roots: Vt(o),
+    fields: yt(o),
+    roots: _t(o),
     orphans: s,
     // computed
-    hasErrors: !D(e),
-    hasOrphans: !D(s)
+    hasErrors: !_(e),
+    hasOrphans: !_(s)
   };
-  return /* @__PURE__ */ c(it, { value: n, children: r });
-}, Dt = ({
+  return /* @__PURE__ */ u(it, { value: n, children: r });
+}, Tt = ({
   children: t
 }) => {
-  const [r, e] = u.useState(void 0);
-  return /* @__PURE__ */ c(
+  const [r, e] = c.useState(void 0);
+  return /* @__PURE__ */ u(
     lt,
     {
       value: {
@@ -357,38 +352,38 @@ const {
       children: t
     }
   );
-}, Tt = (t, r, e, o = "debug") => {
+}, jt = (t, r, e, o = "debug") => {
   console[o](t, { values: r, errors: e });
-}, jt = (t) => {
-  const r = b(), e = M();
-  u.useEffect(() => {
+}, Lt = (t) => {
+  const r = b(), e = B();
+  c.useEffect(() => {
     if (!e.hasErrors) return;
     const o = t?.console?.(e);
-    o && Tt(
-      o.message ?? j,
+    o && jt(
+      o.message ?? T,
       r.getValues(),
       e,
       o.type
     );
     const s = t?.throw?.(e);
     if (s)
-      throw new Error(typeof s == "string" ? s : j);
+      throw new Error(typeof s == "string" ? s : T);
   }, [e]);
-}, j = "Form errors", Lt = (t) => {
-  const r = u.useRef(!1);
-  return u.useEffect(() => {
+}, T = "Form errors", Bt = (t) => {
+  const r = c.useRef(!1);
+  return c.useEffect(() => {
     t && (r.current = !0);
   }, [t]), [r, () => {
     r.current = !1;
   }];
-}, Bt = (t, r) => {
-  const { isSubmitSuccessful: e, isSubmitting: o } = I(), [s, n] = Lt(o);
-  u.useEffect(() => {
+}, Mt = (t, r) => {
+  const { isSubmitSuccessful: e, isSubmitting: o } = I(), [s, n] = Bt(o);
+  c.useEffect(() => {
     t && (o || s.current && (n(), t(e)));
   }, [o]);
-}, Mt = (t) => {
+}, Nt = (t) => {
   const { getValues: r, reset: e } = b();
-  Bt((o) => {
+  Mt((o) => {
     if (!t) return;
     const s = t[o ? "success" : "error"]?.values;
     if (!s) return;
@@ -415,21 +410,21 @@ const {
       keepErrors: !0
     });
   });
-}, Nt = () => {
-  const t = u.useRef(w);
-  return u.useEffect(() => (t.current && (t.current = !w), () => {
+}, qt = () => {
+  const t = c.useRef(w);
+  return c.useEffect(() => (t.current && (t.current = !w), () => {
     t.current = w;
   }), []), t;
-}, w = !0, qt = ({
+}, w = !0, Ht = ({
   onChange: t,
   delay: r
 }) => {
-  const e = u.useRef(null), o = () => {
+  const e = c.useRef(null), o = () => {
     e.current && (t(e.current.value), e.current = null);
   }, s = () => {
     e.current && clearTimeout(e.current.timer);
   };
-  return u.useEffect(
+  return c.useEffect(
     // return timeout clearer
     () => s,
     []
@@ -441,8 +436,8 @@ const {
       timer: setTimeout(o, r)
     };
   }];
-}, Ht = (t, r) => {
-  const e = ut(t), [o] = qt({
+}, zt = (t, r) => {
+  const e = ct(t), [o] = Ht({
     delay: r?.debounce ?? 0,
     // on change value after debounce
     onChange: () => {
@@ -450,11 +445,11 @@ const {
     }
   });
   return o;
-}, zt = (t, r) => {
-  const e = Ht(t, {
+}, At = (t, r) => {
+  const e = zt(t, {
     debounce: r?.debounce
-  }), o = et(), { isValid: s, isDirty: n, isValidating: i, isSubmitting: a } = I(), m = u.useMemo(() => JSON.stringify(o), [o]), l = Nt();
-  u.useEffect(
+  }), o = et(), { isValid: s, isDirty: n, isValidating: i, isSubmitting: a } = I(), m = c.useMemo(() => JSON.stringify(o), [o]), l = qt();
+  c.useEffect(
     // on form values/state change, call callback
     () => {
       l.current || i || a || s && n && e(o);
@@ -466,20 +461,20 @@ const {
     // - 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
   );
-}, At = ({
+}, Zt = ({
   formId: t,
   formRef: r,
   options: e,
   //
   children: o
 }) => {
-  const [s] = u.useState(e), n = R();
-  jt(n.fieldErrors?.output), (s.submitOnWatch ? zt : void 0)?.(
+  const [s] = c.useState(e), n = C();
+  Lt(n.fieldErrors?.output), (s.submitOnWatch ? At : void 0)?.(
     r,
     s.submitOnWatch
-  ), Mt(s.resetOnSubmitted);
-  const i = u.useRef(null);
-  return /* @__PURE__ */ c(
+  ), Nt(s.resetOnSubmitted);
+  const i = c.useRef(null);
+  return /* @__PURE__ */ u(
     tt,
     {
       value: {
@@ -491,7 +486,7 @@ const {
       children: o
     }
   );
-}, Zt = (t, r) => ({
+}, Jt = (t, r) => ({
   ...t,
   ...r,
   // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- false positive
@@ -501,19 +496,19 @@ const {
       ...r?.resetOnSubmitted
     }
   }
-}), Jt = (t, r) => u.useMemo(
-  () => Zt(t.defaults?.options, r),
+}), Qt = (t, r) => c.useMemo(
+  () => Jt(t.defaults?.options, r),
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [JSON.stringify(r)]
-), Qt = (t, r) => ({
+), $t = (t, r) => ({
   ...t,
   ...r
-}), $t = (t, r, e, o) => ot({
-  ...Qt(r.defaults?.rhf, t),
+}), Gt = (t, r, e, o) => ot({
+  ...$t(r.defaults?.rhf, t),
   resolver: o,
   defaultValues: e
 });
-function J({
+function Z({
   formId: t,
   rhf: r,
   resolver: e,
@@ -522,28 +517,28 @@ function J({
   //
   children: n
 }) {
-  const i = R(), a = u.useId(), m = t || a, l = u.useRef(null), h = $t(
+  const i = C(), a = c.useId(), m = t || a, l = c.useRef(null), d = Gt(
     r,
     i,
     o,
     e
-  ), f = Jt(i, s);
-  return /* @__PURE__ */ c(st, { ...h, children: /* @__PURE__ */ c(_t, { formRef: l, children: /* @__PURE__ */ c(
-    At,
+  ), f = Qt(i, s);
+  return /* @__PURE__ */ u(st, { ...d, children: /* @__PURE__ */ u(Dt, { formRef: l, children: /* @__PURE__ */ u(
+    Zt,
     {
       formId: m,
       formRef: l,
       options: f,
-      children: /* @__PURE__ */ c(Dt, { children: n })
+      children: /* @__PURE__ */ u(Tt, { children: n })
     }
   ) }) });
 }
-const Q = (t) => nt(t), ur = ({
+const J = (t) => nt(t), ur = ({
   schema: t,
   children: r,
   ...e
-}) => /* @__PURE__ */ c(J, { ...e, resolver: Q(t), children: r });
-function Gt({
+}) => /* @__PURE__ */ u(Z, { ...e, resolver: J(t), children: r });
+function Kt({
   getApiData: t,
   // provider
   resolver: r,
@@ -556,49 +551,49 @@ function Gt({
   onBeforeSubmitInvariants: a,
   onBeforeSubmit: m,
   onSubmit: l,
-  onSubmitSuccess: h,
+  onSubmitSuccess: d,
   onSubmitError: f,
-  onSubmitFinally: d,
+  onSubmitFinally: h,
   Children: S,
   form: P,
   formId: y,
   className: x
 }) {
-  return /* @__PURE__ */ c(J, { ...{
+  return /* @__PURE__ */ u(Z, { ...{
     formId: y,
     resolver: r,
     rhf: e,
     defaultValues: o,
     options: s
-  }, children: /* @__PURE__ */ c(z, { ...{
+  }, children: /* @__PURE__ */ u(H, { ...{
     getApiData: t,
     onCancel: n,
     onSubmitInvalid: i,
     onBeforeSubmitInvariants: a,
     onBeforeSubmit: m,
     onSubmit: l,
-    onSubmitSuccess: h,
+    onSubmitSuccess: d,
     onSubmitError: f,
-    onSubmitFinally: d,
+    onSubmitFinally: h,
     Children: S,
     form: P,
     className: x
   } }) });
 }
-const cr = ({
+const lr = ({
   schema: t,
   ...r
-}) => /* @__PURE__ */ c(Gt, { ...r, resolver: Q(t) });
+}) => /* @__PURE__ */ u(Kt, { ...r, resolver: J(t) });
 export {
   E as FormSubmitError,
-  er as RhfUtilsClientConfigProvider,
-  sr as RhfUtilsNonFieldErrorMarker,
-  ir as RhfUtilsZodForm,
+  or as RhfUtilsClientConfigProvider,
+  nr as RhfUtilsNonFieldErrorMarker,
+  cr as RhfUtilsZodForm,
   ur as RhfUtilsZodFormProviders,
-  cr as RhfUtilsZodFormWithProviders,
-  M as useFlatFieldErrorsContext,
-  or as useFlatFieldErrorsContextHasOnlyOrphans,
-  ut as useFormRequestSubmit,
-  nr as useLastSubmitError,
+  lr as RhfUtilsZodFormWithProviders,
+  B as useFlatFieldErrorsContext,
+  sr as useFlatFieldErrorsContextHasOnlyOrphans,
+  ct as useFormRequestSubmit,
+  ir as useLastSubmitError,
   v as useRhfUtilsContext
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@paragrav/rhf-utils",
   "author": "paragrav.dev",
-  "version": "0.59.0",
+  "version": "0.61.0",
   "description": "Integration utilities for react-hook-form.",
   "type": "module",
   "sideEffects": false,