@paragrav/rhf-utils 0.0.135 → 0.0.137

package/dist/esm/exports.mjs

@@ -1,51 +1,46 @@
 import { default as e } from "./client/zod/context/RhfUtilsClientForZodContextProvider.mjs";
-import { default as a } from "./client/zod/context/RhfUtilsZodForm.mjs";
+import { default as s } from "./client/zod/context/RhfUtilsZodForm.mjs";
 import { default as u } from "./client/zod/context/useRhfUtilsZodForm.mjs";
 import { default as m } from "./errors/flat/context/useFlatFieldErrorsContext.mjs";
 import { default as d } from "./errors/flat/context/useFlatFieldErrorsContextHasOnlyOrphans.mjs";
-import { default as x } from "./errors/message/FormErrorMessageByPath.mjs";
+import { default as x } from "./errors/message/RhfUtilsFieldErrorMessage.mjs";
 import { default as F } from "./errors/nonfield/FormNonFieldErrorMarker.mjs";
 import { default as C } from "./errors/root/RootErrorsListFromFlatFieldErrorsContext.mjs";
-import { default as E } from "./errors/trpc/getOnSubmitTrpcClientErrorHandler.mjs";
-import { default as R } from "./errors/trpc/trpcClientErrorToFormSubmitErrorsSchemaTransformer.mjs";
-import { default as b } from "./form/context/utils/useRhfUtilsContext.mjs";
-import { default as y } from "./form/context/utils/useRhfUtilsContextRequestSubmit.mjs";
-import { default as B } from "./form/context/group/FormGroupContextProvider.mjs";
-import { default as P } from "./form/context/group/useFormGroupChildIsMountedTracker.mjs";
-import { default as U } from "./form/context/group/useFormGroupChildIsSubmittingTracker.mjs";
-import { default as O } from "./form/context/group/useFormGroupChildTracker.mjs";
-import { default as Z } from "./form/context/group/useFormGroupIsAnyBusy.mjs";
-import { default as v } from "./form/context/group/useFormGroupIsChildBusy.mjs";
-import { default as A } from "./form/context/group/useFormGroupIsParentBusy.mjs";
-import { default as L } from "./form/context/group/useFormGroupParentTracker.mjs";
-import { default as j } from "./form/context/group/useFormOrParentIsBusy.mjs";
-import { default as z } from "./form/utils/getSubmitterButtonData.mjs";
-import { default as K } from "./form/utils/useFormRequestSubmit.mjs";
-import { FormSubmitError as V } from "./submit/error/FormSubmitError.mjs";
+import { default as R } from "./form/context/utils/useRhfUtilsContext.mjs";
+import { default as E } from "./form/context/utils/useRhfUtilsContextRequestSubmit.mjs";
+import { default as I } from "./form/context/group/FormGroupContextProvider.mjs";
+import { default as b } from "./form/context/group/useFormGroupChildIsMountedTracker.mjs";
+import { default as B } from "./form/context/group/useFormGroupChildIsSubmittingTracker.mjs";
+import { default as S } from "./form/context/group/useFormGroupChildTracker.mjs";
+import { default as T } from "./form/context/group/useFormGroupIsAnyBusy.mjs";
+import { default as M } from "./form/context/group/useFormGroupIsChildBusy.mjs";
+import { default as Z } from "./form/context/group/useFormGroupIsParentBusy.mjs";
+import { default as v } from "./form/context/group/useFormGroupParentTracker.mjs";
+import { default as D } from "./form/context/group/useFormOrParentIsBusy.mjs";
+import { default as L } from "./form/utils/getSubmitterButtonData.mjs";
+import { default as j } from "./form/utils/useFormRequestSubmit.mjs";
+import { FormSubmitError as z } from "./submit/error/FormSubmitError.mjs";
 export {
-  x as FormErrorMessageByPath,
-  B as FormGroupContextProvider,
+  I as FormGroupContextProvider,
   F as FormNonFieldErrorMarker,
-  V as FormSubmitError,
+  z as FormSubmitError,
   e as RhfUtilsClientForZodContextProvider,
-  a as RhfUtilsZodForm,
+  x as RhfUtilsFieldErrorMessage,
+  s as RhfUtilsZodForm,
   C as RootErrorsListFromFlatFieldErrorsContext,
-  E as getOnSubmitTrpcClientErrorHandler,
-  z as getSubmitterButtonData,
-  R as trpcClientErrorToFormSubmitErrorsSchemaTransformer,
+  L as getSubmitterButtonData,
   m as useFlatFieldErrorsContext,
   d as useFlatFieldErrorsContextHasOnlyOrphans,
-  P as useFormGroupChildIsMountedTracker,
-  U as useFormGroupChildIsSubmittingTracker,
-  O as useFormGroupChildTracker,
-  Z as useFormGroupIsAnyBusy,
-  v as useFormGroupIsChildBusy,
-  A as useFormGroupIsParentBusy,
-  L as useFormGroupParentTracker,
-  j as useFormOrParentIsBusy,
-  K as useFormRequestSubmit,
-  b as useRhfUtilsContext,
-  y as useRhfUtilsContextRequestSubmit,
+  b as useFormGroupChildIsMountedTracker,
+  B as useFormGroupChildIsSubmittingTracker,
+  S as useFormGroupChildTracker,
+  T as useFormGroupIsAnyBusy,
+  M as useFormGroupIsChildBusy,
+  Z as useFormGroupIsParentBusy,
+  v as useFormGroupParentTracker,
+  D as useFormOrParentIsBusy,
+  j as useFormRequestSubmit,
+  R as useRhfUtilsContext,
+  E as useRhfUtilsContextRequestSubmit,
   u as useRhfUtilsZodForm
 };
-//# sourceMappingURL=exports.mjs.map

package/dist/esm/form/Form.mjs

@@ -1,10 +1,10 @@
-import { jsx as c, jsxs as j } from "react/jsx-runtime";
+import { jsx as s, jsxs as j } from "react/jsx-runtime";
 import "react";
 import { useFormContext as W } from "react-hook-form";
 import w from "../client/config/useRhfUtilsClientConfigContext.mjs";
 import E from "../devtool/LazyDevTool.mjs";
-import { FormSubmitError as d } from "../submit/error/FormSubmitError.mjs";
-import S from "../submit/error/setCtxErrorsByFormSubmitErrors.mjs";
+import { FormSubmitError as c } from "../submit/error/FormSubmitError.mjs";
+import S from "../submit/error/setCtxErrorsByFormSubmitFieldErrors.mjs";
 import U from "../utils/PassthroughChildren.mjs";
 import _ from "./_Controller.mjs";
 function G({
@@ -12,9 +12,9 @@ function G({
   formRef: p,
   //
   onSubmit: a,
-  onSubmitError: s,
-  onSubmitInvalid: x,
-  Children: l,
+  onSubmitError: d,
+  onSubmitInvalid: l,
+  Children: x,
   //
   form: F,
   utils: r
@@ -22,7 +22,7 @@ function G({
   const e = W(), t = w(), y = async (o) => {
     r != null && r.stopSubmitPropagation && o.stopPropagation();
     try {
-      await e.handleSubmit(f, x)(o);
+      await e.handleSubmit(f, l)(o);
     } catch (n) {
       P(n, o);
     }
@@ -33,19 +33,19 @@ function G({
       formRef: p,
       context: e,
       utils: r,
-      FormSubmitError: d
+      FormSubmitError: c
     },
     n
   ), P = (o, n) => {
     var i;
-    const C = o instanceof d ? (
+    const C = o instanceof c ? (
       // consumer can manually throw FormSubmitError (e.g., manual validation)
       o.errors
     ) : (
       // if error is not FormSubmitError, consumer can provide global handler
       (i = t == null ? void 0 : t.onSubmitErrorUnknown) == null ? void 0 : i.call(t, o)
     );
-    C && S(e, C), s == null || s(
+    C && S(e, C), d == null || d(
       o,
       {
         formId: m,
@@ -61,22 +61,22 @@ function G({
     context: e,
     utils: r,
     Controller: _,
-    FormSubmitError: d
+    FormSubmitError: c
   }, b = h, v = (t == null ? void 0 : t.FormComponent) ?? "form", T = (t == null ? void 0 : t.FormChildrenWrapper) ?? U;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ s(
     v,
     {
       ...F,
       ref: p,
       onSubmit: (o) => void y(o),
       children: /* @__PURE__ */ j(T, { ...b, children: [
-        (r == null ? void 0 : r.devTool) && /* @__PURE__ */ c(
+        (r == null ? void 0 : r.devTool) && /* @__PURE__ */ s(
           E,
           {
             props: typeof r.devTool == "object" ? r.devTool : void 0
           }
         ),
-        /* @__PURE__ */ c(l, { ...h })
+        /* @__PURE__ */ s(x, { ...h })
       ] })
     }
   );
@@ -84,4 +84,3 @@ function G({
 export {
   G as default
 };
-//# sourceMappingURL=Form.mjs.map

package/dist/esm/form/FormWithProviders.mjs

@@ -9,4 +9,3 @@ function n(m) {
 export {
   n as default
 };
-//# sourceMappingURL=FormWithProviders.mjs.map

package/dist/esm/form/RhfUtilsFormProviders.mjs

@@ -22,4 +22,3 @@ function v({
 export {
   v as default
 };
-//# sourceMappingURL=RhfUtilsFormProviders.mjs.map

package/dist/esm/form/_Controller.mjs

@@ -6,4 +6,3 @@ function n(r) {
 export {
   n as default
 };
-//# sourceMappingURL=_Controller.mjs.map

package/dist/esm/form/context/group/FormGroupContextProvider.mjs

@@ -28,4 +28,3 @@ const B = ({ children: o }) => {
 export {
   h as default
 };
-//# sourceMappingURL=FormGroupContextProvider.mjs.map

package/dist/esm/form/context/group/index.mjs

@@ -9,4 +9,3 @@ export {
   t as _useFormGroupContext,
   u as _useFormGroupContextMaybe
 };
-//# sourceMappingURL=index.mjs.map

package/dist/esm/form/context/group/useFormGroupChildIsMountedTracker.mjs

@@ -4,4 +4,3 @@ const e = () => (r(!0), o()), t = e;
 export {
   t as default
 };
-//# sourceMappingURL=useFormGroupChildIsMountedTracker.mjs.map

package/dist/esm/form/context/group/useFormGroupChildIsSubmittingTracker.mjs

@@ -8,4 +8,3 @@ const m = () => {
 export {
   n as default
 };
-//# sourceMappingURL=useFormGroupChildIsSubmittingTracker.mjs.map

package/dist/esm/form/context/group/useFormGroupChildTracker.mjs

@@ -11,4 +11,3 @@ const u = (s) => {
 export {
   d as default
 };
-//# sourceMappingURL=useFormGroupChildTracker.mjs.map

package/dist/esm/form/context/group/useFormGroupIsAnyBusy.mjs

@@ -6,4 +6,3 @@ const r = () => {
 export {
   e as default
 };
-//# sourceMappingURL=useFormGroupIsAnyBusy.mjs.map

package/dist/esm/form/context/group/useFormGroupIsChildBusy.mjs

@@ -6,4 +6,3 @@ const s = () => {
 export {
   e as default
 };
-//# sourceMappingURL=useFormGroupIsChildBusy.mjs.map

package/dist/esm/form/context/group/useFormGroupIsParentBusy.mjs

@@ -6,4 +6,3 @@ const s = () => {
 export {
   s as default
 };
-//# sourceMappingURL=useFormGroupIsParentBusy.mjs.map

package/dist/esm/form/context/group/useFormGroupParentTracker.mjs

@@ -11,4 +11,3 @@ const m = () => {
 export {
   f as default
 };
-//# sourceMappingURL=useFormGroupParentTracker.mjs.map

package/dist/esm/form/context/group/useFormOrParentIsBusy.mjs

@@ -8,4 +8,3 @@ const u = () => {
 export {
   a as default
 };
-//# sourceMappingURL=useFormOrParentIsBusy.mjs.map

package/dist/esm/form/context/utils/RhfUtilsContextProvider.mjs

@@ -1,22 +1,23 @@
-import { jsx as d } from "react/jsx-runtime";
-import i from "../../../client/config/useRhfUtilsClientConfigContext.mjs";
-import a from "../../../errors/flat/context/useFlatFieldErrorsContextOutput.mjs";
-import f from "../../../submit/useResetFormOnSubmitted.mjs";
+import { jsx as f } from "react/jsx-runtime";
+import l from "../../../client/config/useRhfUtilsClientConfigContext.mjs";
+import d from "../../../errors/flat/context/useFlatFieldErrorsContextOutput.mjs";
+import b from "../../../submit/useResetFormOnSubmitted.mjs";
 import C from "../../../submit/useSubmitFormOnChange.mjs";
-import { _RhfUtilsContextProvider as s } from "./useRhfUtilsContext.mjs";
-const n = ({
+import { _RhfUtilsContextProvider as h } from "./useRhfUtilsContext.mjs";
+const v = ({
   formId: u,
   formRef: t,
-  options: r,
-  children: l
+  options: e,
+  children: a
 }) => {
   var m;
-  const e = i();
-  return a((m = e == null ? void 0 : e.FieldErrors) == null ? void 0 : m.output), C(t, {
-    disabled: !(r != null && r.submitOnChange)
-  }), f(r == null ? void 0 : r.resetOnSubmitted), /* @__PURE__ */ d(s, { value: { formId: u, formRef: t, options: r }, children: l });
+  const r = l();
+  return d((m = r == null ? void 0 : r.fieldErrors) == null ? void 0 : m.output), C(t, {
+    // check for false/undefined
+    disabled: ((e == null ? void 0 : e.submitOnChange) ?? !1) === !1,
+    debounce: typeof (e == null ? void 0 : e.submitOnChange) == "number" ? e.submitOnChange : void 0
+  }), b(e == null ? void 0 : e.resetOnSubmitted), /* @__PURE__ */ f(h, { value: { formId: u, formRef: t, options: e }, children: a });
 };
 export {
-  n as default
+  v as default
 };
-//# sourceMappingURL=RhfUtilsContextProvider.mjs.map

package/dist/esm/form/context/utils/useRhfUtilsContext.mjs

@@ -4,4 +4,3 @@ export {
   r as _RhfUtilsContextProvider,
   i as default
 };
-//# sourceMappingURL=useRhfUtilsContext.mjs.map

package/dist/esm/form/context/utils/useRhfUtilsContextRequestSubmit.mjs

@@ -7,4 +7,3 @@ const o = () => {
 export {
   m as default
 };
-//# sourceMappingURL=useRhfUtilsContextRequestSubmit.mjs.map

package/dist/esm/form/useFormIsBusy.mjs

@@ -6,4 +6,3 @@ const e = () => {
 export {
   e as default
 };
-//# sourceMappingURL=useFormIsBusy.mjs.map

package/dist/esm/form/useRhfUtilsForm.mjs

@@ -41,4 +41,3 @@ const v = ({
 export {
   v as default
 };
-//# sourceMappingURL=useRhfUtilsForm.mjs.map

package/dist/esm/form/utils/getSubmitterButtonData.mjs

@@ -10,4 +10,3 @@ const e = (t) => {
 export {
   i as default
 };
-//# sourceMappingURL=getSubmitterButtonData.mjs.map

package/dist/esm/form/utils/useFormRequestSubmit.mjs

@@ -1,10 +1,13 @@
-const u = (t) => (r) => {
-  if (!t.current) throw new Error();
-  e(t.current, r);
-}, e = (t, r) => {
+import e from "react";
+const s = (t) => e.useCallback(
+  (r) => {
+    if (!t.current) throw new Error();
+    u(t.current, r);
+  },
+  [t]
+), u = (t, r) => {
   t.requestSubmit(r);
 };
 export {
-  u as default
+  s as default
 };
-//# sourceMappingURL=useFormRequestSubmit.mjs.map

package/dist/esm/submit/error/FormSubmitError.mjs

@@ -6,4 +6,3 @@ class t extends Error {
 export {
   t as FormSubmitError
 };
-//# sourceMappingURL=FormSubmitError.mjs.map

package/dist/esm/submit/error/setCtxErrorsByFormSubmitFieldErrors.mjs

@@ -0,0 +1,12 @@
+const s = (r, t) => {
+  Object.entries(t).forEach(([e, o]) => {
+    r.setError(e, {
+      type: "FormSubmitFieldError",
+      // default
+      ...o
+    });
+  });
+};
+export {
+  s as default
+};

package/dist/esm/submit/useFormOnSubmitted.mjs

@@ -10,4 +10,3 @@ const c = (e, f) => {
 export {
   c as default
 };
-//# sourceMappingURL=useFormOnSubmitted.mjs.map

package/dist/esm/submit/useResetFormOnSubmitted.mjs

@@ -34,4 +34,3 @@ const p = (e) => {
 export {
   p as default
 };
-//# sourceMappingURL=useResetFormOnSubmitted.mjs.map

package/dist/esm/submit/useSubmitFormOnChange.mjs

@@ -1,20 +1,26 @@
-import c from "react";
-import m from "../form/utils/useFormRequestSubmit.mjs";
-const d = (t, e) => {
-  const u = !(e != null && e.disabled), a = m(t);
-  c.useEffect(() => {
+import d from "react";
+import b from "../form/utils/useFormRequestSubmit.mjs";
+import { useDebouncedOnChangeValue as h } from "../utils/useDebouncedOnChangeValue.mjs";
+const l = (n, e) => {
+  const u = !(e != null && e.disabled), a = b(n), [c] = h({
+    // on change value after debounce
+    onChange: () => {
+      a();
+    },
+    delay: (e == null ? void 0 : e.debounce) ?? 0
+  });
+  d.useEffect(() => {
     if (!u) return;
-    const r = t.current;
+    const r = n.current;
     if (!r) throw new Error();
-    const n = () => {
-      a();
+    const t = (m) => {
+      c(m);
     };
-    return r.addEventListener("change", n), () => {
-      r.removeEventListener("change", n);
+    return r.addEventListener("change", t), () => {
+      r.removeEventListener("change", t);
     };
   }, []);
 };
 export {
-  d as default
+  l as default
 };
-//# sourceMappingURL=useSubmitFormOnChange.mjs.map

package/dist/esm/utils/PassthroughChildren.mjs

@@ -5,4 +5,3 @@ const a = ({
 export {
   a as default
 };
-//# sourceMappingURL=PassthroughChildren.mjs.map

package/dist/esm/utils/createContext.mjs

@@ -14,4 +14,3 @@ function i() {
 export {
   i as default
 };
-//# sourceMappingURL=createContext.mjs.map

package/dist/esm/utils/isEmptyObject.mjs

@@ -2,4 +2,3 @@ const e = (t) => Object.keys(t).length === 0;
 export {
   e as default
 };
-//# sourceMappingURL=isEmptyObject.mjs.map

package/dist/esm/utils/useDebouncedOnChangeValue.mjs

@@ -0,0 +1,26 @@
+import r from "react";
+const a = ({
+  onChange: u,
+  delay: n
+}) => {
+  const e = r.useRef(), c = () => {
+    e.current && (u(e.current.value), e.current = void 0);
+  }, t = () => {
+    e.current && clearTimeout(e.current.timer);
+  };
+  return r.useEffect(
+    // return timeout clearer
+    () => t,
+    []
+  ), [(o) => {
+    t(), e.current = {
+      // value being tracked
+      value: o,
+      // new timer
+      timer: setTimeout(c, n)
+    };
+  }];
+};
+export {
+  a as useDebouncedOnChangeValue
+};

package/dist/esm/utils/useRefIfValueWasTrue.mjs

@@ -12,4 +12,3 @@ const f = (r) => {
 export {
   f as default
 };
-//# sourceMappingURL=useRefIfValueWasTrue.mjs.map

package/dist/types/client/config/RhfUtilsClientConfig.d.ts

@@ -2,7 +2,7 @@ import { UseFormProps } from 'react-hook-form';
 import { FlatFieldErrorsOutputConfig } from '../../errors/flat/context/FlatFieldErrorsOutputConfig';
 import { RhfUtilsFormOptions } from '../../form/RhfUtilsFormOptions';
 import { UseRhfUtilsFormChildrenProps } from '../../form/UseRhfUtilsFormChildrenProps';
-import { FormSubmitErrors } from '../../submit/error/FormSubmitErrors';
+import { FormSubmitFieldErrors } from '../../submit/error/FormSubmitFieldErrors';
 
 /**
  * Client configuration object.
@@ -51,14 +51,14 @@ export type RhfUtilsClientConfig = {
      * Global submit error handler when/if submit handler throws an error other than {@link FormSubmitError}.
      *
      * Example use case:
-     * - transform API errors to {@link FormSubmitErrors}.
+     * - transform API errors to {@link FormSubmitFieldErrors}.
      *
      * @returns
-     * - if {@link FormSubmitErrors}: merge into context errors.
+     * - if {@link FormSubmitFieldErrors}: merge into context errors.
      * - if `undefined`: do nothing.
      */
-    onSubmitErrorUnknown?: (error: unknown) => FormSubmitErrors | undefined;
-    FieldErrors?: {
+    onSubmitErrorUnknown?: (error: unknown) => FormSubmitFieldErrors | undefined;
+    fieldErrors?: {
         /**
          * Configure how/if errors should be outputted.
          */

package/dist/types/client/zod/context/RhfUtilsClientForZodContextProvider.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { RhfUtilsClientConfig } from '../../config/RhfUtilsClientConfig';
 
 type Props = React.PropsWithChildren<{
-    config: RhfUtilsClientConfig;
+    config?: RhfUtilsClientConfig;
 }>;
 declare const RhfUtilsClientForZodContextProvider: React.FC<Props>;
 export default RhfUtilsClientForZodContextProvider;

package/dist/types/errors/flat/flattenFieldErrors.d.ts

@@ -1,9 +1,10 @@
 import { FieldErrors } from 'react-hook-form';
 
 /**
- * Only flattens a {@link FieldErrors} object.
+ * Flatten a {@link FieldErrors} object.
+ *
  * @returns e.g.,
- * ```
+ * ```ts
  * {
  *   "address.street.type": "too_short",
  *   "address.street.ref.value": "123",

package/dist/types/errors/message/{FormErrorMessageByPath.d.ts → RhfUtilsFieldErrorMessage.d.ts}

@@ -6,5 +6,5 @@ type Props = {
         message: string;
     }>;
 };
-declare const FormErrorMessageByPath: React.FC<Props>;
-export default FormErrorMessageByPath;
+declare const RhfUtilsFieldErrorMessage: React.FC<Props>;
+export default RhfUtilsFieldErrorMessage;

package/dist/types/errors/trpc/getOnSubmitTrpcClientErrorHandler.d.ts

@@ -1,5 +1,5 @@
 import { RhfUtilsClientConfig } from '../../client/config/RhfUtilsClientConfig';
-import { FormSubmitErrors } from '../../submit/error/FormSubmitErrors';
+import { FormSubmitFieldErrors } from '../../submit/error/FormSubmitFieldErrors';
 
 /**
  * HOF that returns submit error handler for {@link RhfUtilsClientConfig.onSubmitErrorUnknown}.
@@ -7,5 +7,5 @@ import { FormSubmitErrors } from '../../submit/error/FormSubmitErrors';
  * @param onError Fallback for handling non-TRPC errors.
  * @returns FormSubmitError
  */
-declare const getOnSubmitTrpcClientErrorHandler: (onNotTrpcClientError: NonNullable<RhfUtilsClientConfig["onSubmitErrorUnknown"]>) => (error: unknown) => FormSubmitErrors | undefined;
+declare const getOnSubmitTrpcClientErrorHandler: (onNotTrpcClientError: NonNullable<RhfUtilsClientConfig["onSubmitErrorUnknown"]>) => (error: unknown) => FormSubmitFieldErrors | undefined;
 export default getOnSubmitTrpcClientErrorHandler;

package/dist/types/errors/trpc/trpcClientErrorToFormSubmitFieldErrorsSchemaTransformer.d.ts

@@ -0,0 +1,28 @@
+import { TRPCClientErrorLike } from '@trpc/client';
+import { AnyRouter } from '@trpc/server';
+import { z } from 'zod';
+import { FormSubmitFieldErrors } from '../../submit/error/FormSubmitFieldErrors';
+
+/**
+ * Schema that transforms {@link TRPCClientError} to RHF {@link FormSubmitFieldErrors}.
+ */
+declare const trpcClientErrorToFormSubmitFieldErrorsSchemaTransformer: z.ZodEffects<z.ZodEffects<z.ZodPipeline<z.ZodEffects<z.ZodEffects<z.ZodType<TRPCClientErrorLike<AnyRouter>, z.ZodTypeDef, TRPCClientErrorLike<AnyRouter>>, string, TRPCClientErrorLike<AnyRouter>>, unknown, TRPCClientErrorLike<AnyRouter>>, z.ZodArray<z.ZodObject<{
+    validation: z.ZodString;
+    code: z.ZodString;
+    message: z.ZodString;
+    path: z.ZodArray<z.ZodString, "many">;
+}, "strip", z.ZodTypeAny, {
+    message: string;
+    code: string;
+    path: string[];
+    validation: string;
+}, {
+    message: string;
+    code: string;
+    path: string[];
+    validation: string;
+}>, "many">>, (readonly [string, {
+    type: string;
+    message: string;
+}])[], TRPCClientErrorLike<AnyRouter>>, FormSubmitFieldErrors, TRPCClientErrorLike<AnyRouter>>;
+export default trpcClientErrorToFormSubmitFieldErrorsSchemaTransformer;

package/dist/types/exports.d.ts

@@ -7,11 +7,9 @@ export type { RhfUtilsUseFormChildrenZodFC } from './client/zod/RhfUtilsUseFormC
 export type { RhfUtilsUseFormChildrenZodProps } from './client/zod/RhfUtilsUseFormChildrenZodProps';
 export { default as useFlatFieldErrorsContext } from './errors/flat/context/useFlatFieldErrorsContext';
 export { default as useFlatFieldErrorsContextHasOnlyOrphans } from './errors/flat/context/useFlatFieldErrorsContextHasOnlyOrphans';
-export { default as FormErrorMessageByPath } from './errors/message/FormErrorMessageByPath';
+export { default as RhfUtilsFieldErrorMessage } from './errors/message/RhfUtilsFieldErrorMessage';
 export { default as FormNonFieldErrorMarker } from './errors/nonfield/FormNonFieldErrorMarker';
 export { default as RootErrorsListFromFlatFieldErrorsContext } from './errors/root/RootErrorsListFromFlatFieldErrorsContext';
-export { default as getOnSubmitTrpcClientErrorHandler } from './errors/trpc/getOnSubmitTrpcClientErrorHandler';
-export { default as trpcClientErrorToFormSubmitErrorsSchemaTransformer } from './errors/trpc/trpcClientErrorToFormSubmitErrorsSchemaTransformer';
 export type { RhfUtilsFormOptions } from './form/RhfUtilsFormOptions';
 export type { SafeFieldValues } from './form/SafeFieldValues';
 export type { UseRhfUtilsFormChildrenProps } from './form/UseRhfUtilsFormChildrenProps';

package/dist/types/form/RhfUtilsFormOptions.d.ts

@@ -10,8 +10,12 @@ import { Register } from '../register';
 export type RhfUtilsFormOptions = {
     /** Stop propagation of submit event. */
     stopSubmitPropagation?: boolean;
-    /** Request submit via listener on form change. */
-    submitOnChange?: boolean;
+    /**
+     * Request submit via listener on form change.
+     * - `true` to submit on any change.
+     * - number to debounce in milliseconds.
+     */
+    submitOnChange?: boolean | number;
     /** Reset form values and state (e.g., `isDirty`) after submit -- on success and/or error. */
     resetOnSubmitted?: UseResetFormOnSubmittedOptions;
     /**
@@ -19,7 +23,7 @@ export type RhfUtilsFormOptions = {
      * (Lazy-loaded when truthy value supplied.
      * For zero bundle size in prod, be sure to check for dev environment.)
      */
-    devTool?: true | Pick<DevtoolUIProps, 'placement' | 'styles'>;
+    devTool?: boolean | Pick<DevtoolUIProps, 'placement' | 'styles'>;
 } & (Register extends {
     RhfUtilsFormOptions: infer _RhfUtilsFormOptions;
 } ? _RhfUtilsFormOptions : {});

package/dist/types/form/UseRhfUtilsFormProps.d.ts

@@ -1,6 +1,6 @@
-import { MaybePromise } from '@trpc/server/unstable-core-do-not-import';
 import { default as React } from 'react';
 import { SubmitErrorHandler, UseFormProps } from 'react-hook-form';
+import { MaybePromise } from '../utils/types';
 import { RhfUtilsFormOptions } from './RhfUtilsFormOptions';
 import { SafeFieldValues } from './SafeFieldValues';
 import { UseRhfUtilsFormChildrenProps } from './UseRhfUtilsFormChildrenProps';