@paragrav/rhf-utils 0.0.139 → 0.0.141

package/README.md

@@ -24,7 +24,7 @@ Integration and utility library for [react-hook-form](https://www.react-hook-for
   - context groups errors into `all`, `fields`, `roots`, and `orphans` (`useFlatFieldErrorsContext`)
 - safer `FieldValues` type (`SafeFieldValues`)
 - `zod` support, including input/output types for transformations
-- ~3.6kB min+gzip (excluding [peer dependencies](#peer-dependencies))
+- ~3.2kB min+gzip core (excluding [peer dependencies](#peer-dependencies))
 
 ## Install
 
@@ -381,7 +381,9 @@ You should incorporate `RhfUtilsNonFieldErrorMarker` into your own component lib
 
 _If you include the marker in bulk error lists, it will defeat the purpose of the marker. Only use marker for individual errors. Therefore, if you are ONLY listing a summary of all errors, without individual displays, you will need to use the marker manually._
 
-## Form Groups
+## Other Features
+
+### Form Groups _(0.65kB min+gzip)_
 
 Sometimes you need to group multiple forms together.
 
@@ -406,6 +408,22 @@ In children forms, there are two options. You can choose to consider form "busy"
 
 Both hooks return `boolean` value indicating whether parent form is busy.
 
+### TRPC.io Utils _(0.41kB min+gzip)_
+
+#### `trpcClientErrorToFormSubmitFieldErrorsSchemaTransformer`
+
+`zod`-based schema for transforming `TRPCClientErrorLike<AnyRouter>` server errors to `FormSubmitFieldErrors`.
+
+#### `makeOnSubmitTrpcClientErrorHandler`
+
+HOF to make a `onSubmitErrorUnknown` handler for TRPC.io server errors (with fallback callback for non-TRPC errors).
+
+```ts
+  onSubmitErrorUnknown: makeOnSubmitTrpcClientErrorHandler((error) => {
+    // non-trpc error
+  }),
+```
+
 ## Other
 
 ### SafeFieldValues

package/dist/esm/group.mjs

@@ -0,0 +1,74 @@
+import { jsx as F } from "react/jsx-runtime";
+import t from "react";
+import { c as f } from "./createContext.mjs";
+import { useFormState as i } from "react-hook-form";
+const {
+  Provider: h,
+  useRequired: c,
+  useMaybe: u
+} = f(), v = ({ children: s }) => {
+  const [e, r] = t.useState([]), d = e.length, B = t.useCallback((o, I) => {
+    r(
+      (n) => I ? (
+        // add to array
+        [...n, o]
+      ) : (
+        // remove from array
+        n.filter((C) => C !== o)
+      )
+    );
+  }, []), [l, p] = t.useState(!1);
+  return /* @__PURE__ */ F(h, { value: {
+    children: {
+      busyCount: d,
+      busyIds: e,
+      setBusyId: B
+    },
+    parent: {
+      isBusy: l,
+      setIsBusy: p
+    }
+  }, children: s });
+}, a = (s) => {
+  const { setBusyId: e } = c().children, r = t.useId();
+  t.useEffect(() => {
+    e(r, s);
+  }, [s, r, e]), t.useEffect(() => () => {
+    e(r, !1);
+  }, []);
+}, y = () => {
+  const s = u();
+  return !!(s != null && s.parent.isBusy);
+}, T = () => (a(!0), y()), E = () => {
+  const { isSubmitting: s } = i();
+  return a(s), y();
+}, M = () => {
+  const s = u();
+  return !!(s != null && s.children.busyCount) || !!(s != null && s.parent.isBusy);
+}, G = () => {
+  const s = u();
+  return !!(s != null && s.children.busyCount);
+}, m = () => {
+  const { isSubmitting: s, isLoading: e } = i();
+  return s || e;
+}, _ = () => {
+  const s = m(), { setIsBusy: e } = c().parent;
+  return t.useEffect(() => {
+    e(s);
+  }, [e, s]), G();
+}, x = () => {
+  var r;
+  const s = m(), e = (r = u()) == null ? void 0 : r.parent.isBusy;
+  return !!(s || e);
+};
+export {
+  v as FormGroupContextProvider,
+  T as useFormGroupChildIsMountedTracker,
+  E as useFormGroupChildIsSubmittingTracker,
+  a as useFormGroupChildTracker,
+  M as useFormGroupIsAnyBusy,
+  G as useFormGroupIsChildBusy,
+  y as useFormGroupIsParentBusy,
+  _ as useFormGroupParentTracker,
+  x as useFormOrParentIsBusy
+};

package/dist/esm/{exports.mjs → main.mjs}

@@ -1,27 +1,28 @@
-import { jsx as u, Fragment as $, jsxs as q } from "react/jsx-runtime";
+import { jsx as i, Fragment as B, jsxs as Z } from "react/jsx-runtime";
 import a from "react";
-import { c as C } from "./createContext-Jzs0Nsql.js";
-import { zodResolver as B } from "@hookform/resolvers/zod";
-import { useFormContext as E, Controller as I, get as L, useFormState as S, FormProvider as z, useForm as H } from "react-hook-form";
-import { flatten as A } from "flat";
+import { c as E } from "./createContext.mjs";
+import { zodResolver as I } from "@hookform/resolvers/zod";
+import { useFormContext as b, Controller as L, get as z, useFormState as x, FormProvider as A, useForm as $ } from "react-hook-form";
+import { i as O, _ as H, u as g } from "./useFlatFieldErrorsContext.mjs";
+import { flatten as Q } from "flat";
 const {
-  Provider: Q,
-  useMaybe: g
-} = C(), G = a.lazy(
+  Provider: G,
+  useMaybe: _
+} = E(), J = a.lazy(
   () => import("@hookform/devtools").then((r) => ({
     default: r.DevTool
   }))
-), J = ({ enabled: r, props: t }) => {
+), K = ({ enabled: r, props: t }) => {
   if (!r) return null;
-  const { control: e } = E();
-  return /* @__PURE__ */ u(a.Suspense, { fallback: null, children: /* @__PURE__ */ u(G, { control: e, ...t }) });
+  const { control: e } = b();
+  return /* @__PURE__ */ i(a.Suspense, { fallback: null, children: /* @__PURE__ */ i(J, { control: e, ...t }) });
 };
 class F extends Error {
   constructor(t, e) {
     super(e), this.errors = t;
   }
 }
-const K = (r, t) => {
+const X = (r, t) => {
   Object.entries(t).forEach(([e, o]) => {
     r.setError(e, {
       type: "FormSubmitFieldError",
@@ -29,13 +30,13 @@ const K = (r, t) => {
       ...o
     });
   });
-}, X = ({
+}, Y = ({
   children: r
-}) => /* @__PURE__ */ u($, { children: r });
-function Y(r) {
-  return /* @__PURE__ */ u(I, { ...r });
+}) => /* @__PURE__ */ i(B, { children: r });
+function rr(r) {
+  return /* @__PURE__ */ i(L, { ...r });
 }
-function rr({
+function er({
   formId: r,
   formRef: t,
   //
@@ -44,81 +45,81 @@ function rr({
   onSubmitInvalid: s,
   Children: n,
   //
-  form: i,
-  utils: l
+  form: l,
+  utils: u
 }) {
-  const h = E(), d = g(), c = async (m) => {
-    l != null && l.stopSubmitPropagation && m.stopPropagation();
+  const m = b(), d = _(), c = async (h) => {
+    u != null && u.stopSubmitPropagation && h.stopPropagation();
     try {
-      await h.handleSubmit(v, s)(m);
+      await m.handleSubmit(v, s)(h);
     } catch (f) {
-      R(f, m);
+      p(f, h);
     }
-  }, v = (m, f) => e == null ? void 0 : e(
-    m,
+  }, v = (h, f) => e == null ? void 0 : e(
+    h,
     {
       formId: r,
       formRef: t,
-      context: h,
-      utils: l,
+      context: m,
+      utils: u,
       FormSubmitError: F
     },
     f
-  ), R = (m, f) => {
-    var O;
-    const P = m instanceof F ? (
+  ), p = (h, f) => {
+    var y;
+    const R = h instanceof F ? (
       // consumer can manually throw FormSubmitError (e.g., manual validation)
-      m.errors
+      h.errors
     ) : (
       // if error is not FormSubmitError, consumer can provide global handler
-      (O = d == null ? void 0 : d.onSubmitErrorUnknown) == null ? void 0 : O.call(d, m)
+      (y = d == null ? void 0 : d.onSubmitErrorUnknown) == null ? void 0 : y.call(d, h)
     );
-    P && K(h, P), o == null || o(
-      m,
+    R && X(m, R), o == null || o(
+      h,
       {
         formId: r,
         formRef: t,
-        context: h,
-        utils: l
+        context: m,
+        utils: u
       },
       f
     );
-  }, p = {
+  }, P = {
     formId: r,
     formRef: t,
-    context: h,
-    utils: l,
-    Controller: Y,
+    context: m,
+    utils: u,
+    Controller: rr,
     FormSubmitError: F
-  }, Z = p, D = (d == null ? void 0 : d.FormComponent) ?? "form", V = (d == null ? void 0 : d.FormChildrenWrapper) ?? X;
-  return /* @__PURE__ */ u(
-    D,
+  }, V = P, N = (d == null ? void 0 : d.FormComponent) ?? "form", q = (d == null ? void 0 : d.FormChildrenWrapper) ?? Y;
+  return /* @__PURE__ */ i(
+    N,
     {
-      ...i,
+      ...l,
       ref: t,
-      onSubmit: (m) => void c(m),
-      children: /* @__PURE__ */ q(V, { ...Z, children: [
-        /* @__PURE__ */ u(
-          J,
+      onSubmit: (h) => void c(h),
+      children: /* @__PURE__ */ Z(q, { ...V, children: [
+        /* @__PURE__ */ i(
+          K,
           {
-            enabled: !!(l != null && l.devTool),
-            props: typeof (l == null ? void 0 : l.devTool) == "object" ? l.devTool : void 0
+            enabled: !!(u != null && u.devTool),
+            props: typeof (u == null ? void 0 : u.devTool) == "object" ? u.devTool : void 0
           }
         ),
-        /* @__PURE__ */ u(n, { ...p })
+        /* @__PURE__ */ i(n, { ...P })
       ] })
     }
   );
 }
-const b = (r) => (t) => (
+const C = (r) => (t) => (
   // re-create object from entries
   Object.fromEntries(
     // break down to entries
     Object.entries(t).filter(r)
   )
-), k = (r) => !!r.ref, er = ([, r]) => k(r), tr = b(
-  er
-), y = (r) => Object.keys(r).length === 0, _ = "data-rhfutils-nonfield-error-marker-path", or = (r, t) => (
+), k = (r) => !!r.ref, tr = ([, r]) => k(r), or = C(
+  tr
+), W = "data-rhfutils-nonfield-error-marker-path", sr = (r, t) => (
   // list of selector variants
   [
     // equals
@@ -131,75 +132,72 @@ const b = (r) => (t) => (
       "."
     ]
   ].map(
-    ([e, o]) => sr(
-      _ + e,
+    ([e, o]) => nr(
+      W + e,
       r + o
     )
   ).join(", ")
-), sr = (r, t) => `[role="alert"][${r}="${t}"]`, nr = (r, t) => !!t.querySelector(
-  or(r)
-), U = "root", W = (r) => r === U || r.startsWith(U + "."), lr = (r, t, e) => (
+), nr = (r, t) => `[role="alert"][${r}="${t}"]`, ur = (r, t) => !!t.querySelector(
+  sr(r)
+), S = "root", j = (r) => r === S || r.startsWith(S + "."), lr = (r, t, e) => (
   // non-field
   !k(t) && // non-root
-  !W(r) && // not marked in DOM
-  !nr(r, e)
-), ir = (r) => ([t, e]) => lr(t, e, r), ur = (r, t) => b(
+  !j(r) && // not marked in DOM
+  !ur(r, e)
+), ir = (r) => ([t, e]) => lr(t, e, r), dr = (r, t) => C(
   ir(t)
-)(r), dr = ([r]) => W(r), ar = b(
-  dr
-), hr = (r) => A(r), mr = (r) => {
+)(r), ar = ([r]) => j(r), mr = C(
+  ar
+), hr = (r) => Q(r), cr = (r) => {
   const t = hr(r), e = Object.keys(t);
   return Object.fromEntries(
     e.reduce(
       (o, s) => {
         const n = s.replace(
-          cr,
+          fr,
           ""
         );
         if (n === s) return o;
-        const i = L(r, n, void 0);
-        return i && o.push([n, i]), o;
+        const l = z(r, n, void 0);
+        return l && o.push([n, l]), o;
       },
       []
       // entries
     )
   );
-}, cr = /\.(?:type|message)\b$/, {
-  Provider: fr,
-  useRequired: Fr
-} = C(), j = Fr, Cr = ({
+}, fr = /\.(?:type|message)\b$/, Fr = ({
   formRef: r,
   children: t
 }) => {
-  const { errors: e } = S(), o = mr(e), s = r.current ? ur(o, r.current) : {}, n = {
+  const { errors: e } = x(), o = cr(e), s = r.current ? dr(o, r.current) : {}, n = {
     all: o,
-    fields: tr(o),
-    roots: ar(o),
+    fields: or(o),
+    roots: mr(o),
     orphans: s,
     // computed
-    hasErrors: !y(e),
-    hasOrphans: !y(s)
+    hasErrors: !O(e),
+    hasOrphans: !O(s)
   };
-  return /* @__PURE__ */ u(fr, { value: n, children: t });
-}, Er = (r, t, e, o = "debug") => {
+  return /* @__PURE__ */ i(H, { value: n, children: t });
+}, br = (r, t, e, o = "debug") => {
   console[o](r, { values: t, errors: e });
-}, br = (r) => {
-  const t = E(), e = j();
+}, Er = (r) => {
+  const t = b(), e = g();
   a.useEffect(() => {
-    var n, i;
+    var n, l;
     if (!e.hasErrors) return;
     const o = (n = r == null ? void 0 : r.console) == null ? void 0 : n.call(r, e);
-    o && Er(
-      o.message ?? x,
+    o && br(
+      o.message ?? U,
       t.getValues(),
       e,
       o.type
     );
-    const s = (i = r == null ? void 0 : r.throw) == null ? void 0 : i.call(r, e);
+    const s = (l = r == null ? void 0 : r.throw) == null ? void 0 : l.call(r, e);
     if (s)
-      throw new Error(typeof s == "string" ? s : x);
+      throw new Error(typeof s == "string" ? s : U);
   }, [e]);
-}, x = "Form errors", vr = (r) => {
+}, U = "Form errors", Cr = (r) => {
   const t = a.useRef(!1);
   a.useEffect(() => {
     r && (t.current = !0);
@@ -208,20 +206,20 @@ const b = (r) => (t) => (
     t.current = !1;
   };
   return [t.current, e];
-}, Rr = (r, t) => {
-  const { isSubmitSuccessful: e, isSubmitting: o } = S(), [s, n] = vr(o);
+}, vr = (r, t) => {
+  const { isSubmitSuccessful: e, isSubmitting: o } = x(), [s, n] = Cr(o);
   a.useEffect(() => {
     r && (o || s && (n(), r(e)));
   }, [o]);
 }, pr = (r) => {
-  const { getValues: t, reset: e } = E();
-  Rr((o) => {
-    var l;
+  const { getValues: t, reset: e } = b();
+  vr((o) => {
+    var u;
     if (!r) return;
-    const s = (l = r[o ? "success" : "error"]) == null ? void 0 : l.values;
+    const s = (u = r[o ? "success" : "error"]) == null ? void 0 : u.values;
     if (!s) return;
-    const n = s === "current", i = n ? t() : void 0;
-    e(i, {
+    const n = s === "current", l = n ? t() : void 0;
+    e(l, {
       // keep submit stuff for tracking relevant state (e.g., `useFormOnSubmitSuccessful`)
       keepIsSubmitSuccessful: !0,
       keepIsSubmitted: !0,
@@ -246,10 +244,10 @@ const b = (r) => (t) => (
 }, Pr = (r) => a.useCallback(
   (t) => {
     if (!r.current) throw new Error();
-    Or(r.current, t);
+    Rr(r.current, t);
   },
   [r]
-), Or = (r, t) => {
+), Rr = (r, t) => {
   r.requestSubmit(t);
 }, yr = ({
   onChange: r,
@@ -264,15 +262,15 @@ const b = (r) => (t) => (
     // return timeout clearer
     () => s,
     []
-  ), [(i) => {
+  ), [(l) => {
     s(), e.current = {
       // value being tracked
-      value: i,
+      value: l,
       // new timer
       timer: setTimeout(o, t)
     };
   }];
-}, Ur = (r, t) => {
+}, Or = (r, t) => {
   const e = !(t != null && t.disabled), o = Pr(r), [s] = yr({
     // on change value after debounce
     onChange: () => {
@@ -284,36 +282,36 @@ const b = (r) => (t) => (
     if (!e) return;
     const n = r.current;
     if (!n) throw new Error();
-    const i = (l) => {
-      s(l);
+    const l = (u) => {
+      s(u);
     };
-    return n.addEventListener("change", i), () => {
-      n.removeEventListener("change", i);
+    return n.addEventListener("change", l), () => {
+      n.removeEventListener("change", l);
     };
   }, []);
-}, { Provider: xr, useRequired: Sr } = C(), gr = Sr, Hr = gr, kr = ({
+}, { Provider: Sr, useRequired: Ur } = E(), Zr = Ur, xr = ({
   formId: r,
   formRef: t,
   options: e,
   children: o
 }) => {
   var n;
-  const s = g();
-  return br((n = s == null ? void 0 : s.fieldErrors) == null ? void 0 : n.output), Ur(t, {
+  const s = _();
+  return Er((n = s == null ? void 0 : s.fieldErrors) == null ? void 0 : n.output), Or(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
-  }), pr(e == null ? void 0 : e.resetOnSubmitted), /* @__PURE__ */ u(xr, { value: { formId: r, formRef: t, options: e }, children: o });
+  }), pr(e == null ? void 0 : e.resetOnSubmitted), /* @__PURE__ */ i(Sr, { value: { formId: r, formRef: t, options: e }, children: o });
 };
-function _r({
+function gr({
   formId: r,
   formRef: t,
   rhfForm: e,
   utils: o,
   children: s
 }) {
-  return /* @__PURE__ */ u(z, { ...e, children: /* @__PURE__ */ u(Cr, { formRef: t, children: /* @__PURE__ */ u(
-    kr,
+  return /* @__PURE__ */ i(A, { ...e, children: /* @__PURE__ */ i(Fr, { formRef: t, children: /* @__PURE__ */ i(
+    xr,
     {
       formId: r,
       formRef: t,
@@ -329,45 +327,45 @@ const w = ({
   onSubmitInvalid: o,
   Children: s,
   rhf: n,
-  form: i,
-  utils: l
+  form: l,
+  utils: u
 }) => {
-  const h = a.useId(), d = H({
+  const m = a.useId(), d = $({
     ...n,
     defaultValues: r
   }), c = a.useRef(null);
   return {
-    id: h,
+    id: m,
     ref: c,
     context: d,
     providerProps: {
-      formId: h,
+      formId: m,
       formRef: c,
       rhfForm: d,
-      utils: l
+      utils: u
     },
     formProps: {
       Children: s,
       onSubmit: t,
       onSubmitError: e,
       onSubmitInvalid: o,
-      formId: h,
+      formId: m,
       formRef: c,
-      form: i,
-      utils: l
+      form: l,
+      utils: u
     },
     FormSubmitError: F
   };
 };
-function M(r) {
+function T(r) {
   const t = w(r);
-  return /* @__PURE__ */ u(_r, { ...t.providerProps, children: /* @__PURE__ */ u(rr, { ...t.formProps }) });
+  return /* @__PURE__ */ i(gr, { ...t.providerProps, children: /* @__PURE__ */ i(er, { ...t.formProps }) });
 }
-const Wr = (r, ...t) => (
+const _r = (r, ...t) => (
   // sequentially merge each set of props into defaults
   t.reduce(
     (e, o) => {
-      var s, n, i, l, h, d;
+      var s, n, l, u, m, d;
       return {
         rhf: {
           ...e == null ? void 0 : e.rhf,
@@ -380,8 +378,8 @@ const Wr = (r, ...t) => (
           // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- false positive
           ...(((s = e == null ? void 0 : e.utils) == null ? void 0 : s.resetOnSubmitted) || ((n = o.utils) == null ? void 0 : n.resetOnSubmitted)) && {
             resetOnSubmitted: {
-              ...(i = e == null ? void 0 : e.utils) == null ? void 0 : i.resetOnSubmitted,
-              ...(l = o.utils) == null ? void 0 : l.resetOnSubmitted
+              ...(l = e == null ? void 0 : e.utils) == null ? void 0 : l.resetOnSubmitted,
+              ...(u = o.utils) == null ? void 0 : u.resetOnSubmitted
             }
           }
         },
@@ -389,7 +387,7 @@ const Wr = (r, ...t) => (
           ...e == null ? void 0 : e.form,
           ...o.form,
           // manual merges
-          className: [(h = e == null ? void 0 : e.form) == null ? void 0 : h.className, (d = o.form) == null ? void 0 : d.className].filter(Boolean).join(" ") || void 0
+          className: [(m = e == null ? void 0 : e.form) == null ? void 0 : m.className, (d = o.form) == null ? void 0 : d.className].filter(Boolean).join(" ") || void 0
           // stringify (replace empty string with undefined)
         }
       };
@@ -397,22 +395,22 @@ const Wr = (r, ...t) => (
     // start with defaults
     r
   )
-), jr = (r) => (t) => {
-  const e = T(r, t);
+), kr = (r) => (t) => {
+  const e = M(r, t);
   return {
     useForm: (o, s) => {
       const n = e(o, s);
       return {
         ...w(n),
-        FormWithProviders: () => /* @__PURE__ */ u(M, { ...n })
+        FormWithProviders: () => /* @__PURE__ */ i(T, { ...n })
       };
     },
-    FormWithProviders: wr(r, t)
+    FormWithProviders: Wr(r, t)
   };
-}, T = (r, t) => function(o, s) {
+}, M = (r, t) => function(o, s) {
   return {
     ...s,
-    ...Wr(
+    ..._r(
       t.defaults,
       s,
       {
@@ -422,48 +420,48 @@ const Wr = (r, ...t) => (
       }
     )
   };
-}, wr = (r, t) => {
-  const e = T(r, t);
+}, Wr = (r, t) => {
+  const e = M(r, t);
   return function({
     schema: s,
     children: n,
-    ...i
+    ...l
   }) {
-    return /* @__PURE__ */ u(
-      M,
+    return /* @__PURE__ */ i(
+      T,
       {
-        ...e(s, i),
+        ...e(s, l),
         children: n
       }
     );
   };
-}, Mr = jr(B), {
-  Provider: Tr,
-  useRequired: N
-} = C(), Nr = ({
+}, jr = kr(I), {
+  Provider: wr,
+  useRequired: D
+} = E(), Ir = ({
   config: r,
   children: t
 }) => {
   const [e] = a.useState(r), [o] = a.useState(
-    () => Mr(e ?? {})
+    () => jr(e ?? {})
   );
-  return /* @__PURE__ */ u(Q, { value: e, children: /* @__PURE__ */ u(Tr, { value: o, children: t }) });
-}, Ar = Nr;
-function Qr({
+  return /* @__PURE__ */ i(G, { value: e, children: /* @__PURE__ */ i(wr, { value: o, children: t }) });
+};
+function Lr({
   schema: r,
   ...t
 }) {
-  const { FormWithProviders: e } = N();
-  return /* @__PURE__ */ u(e, { schema: r, ...t });
+  const { FormWithProviders: e } = D();
+  return /* @__PURE__ */ i(e, { schema: r, ...t });
 }
-const Zr = (r, t) => N().useForm(r, t), Gr = Zr, Dr = () => {
-  const r = j();
+const zr = (r, t) => D().useForm(r, t), Ar = () => {
+  const r = g();
   return a.useMemo(() => !r.hasErrors || !r.hasOrphans ? !1 : Object.keys(r.orphans).length === Object.keys(r.all).length, [r]);
-}, Jr = Dr, Vr = ({ path: r }) => {
+}, $r = ({ path: r }) => {
   const t = {
-    [_]: r
+    [W]: r
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ i(
     "div",
     {
       role: "alert",
@@ -472,14 +470,14 @@ const Zr = (r, t) => N().useForm(r, t), Gr = Zr, Dr = () => {
       ...t
     }
   );
-}, Kr = Vr;
+};
 export {
   F as FormSubmitError,
-  Ar as RhfUtilsClientForZodContextProvider,
-  Kr as RhfUtilsNonFieldErrorMarker,
-  Qr as RhfUtilsZodForm,
-  j as useFlatFieldErrorsContext,
-  Jr as useFlatFieldErrorsContextHasOnlyOrphans,
-  Hr as useRhfUtilsContext,
-  Gr as useRhfUtilsZodForm
+  Ir as RhfUtilsClientForZodContextProvider,
+  $r as RhfUtilsNonFieldErrorMarker,
+  Lr as RhfUtilsZodForm,
+  g as useFlatFieldErrorsContext,
+  Ar as useFlatFieldErrorsContextHasOnlyOrphans,
+  Zr as useRhfUtilsContext,
+  zr as useRhfUtilsZodForm
 };

package/dist/esm/trpc.mjs

@@ -0,0 +1,41 @@
+import { TRPCClientError as a } from "@trpc/client";
+import { z as e } from "zod";
+const o = e.object({
+  validation: e.string(),
+  code: e.string(),
+  message: e.string(),
+  path: e.array(e.string())
+}), s = e.custom(
+  (r) => r instanceof a
+  // check instance type
+).transform((r) => r.message).transform((r) => {
+  try {
+    return JSON.parse(r);
+  } catch {
+    return [
+      {
+        validation: "root",
+        code: "server",
+        message: r,
+        path: ["root"]
+      }
+    ];
+  }
+}).pipe(e.array(o)).transform(
+  (r) => r.map(
+    (t) => [
+      t.path.join("."),
+      // flatten path (e.g., "street.name")
+      {
+        type: t.code,
+        message: t.message
+      }
+    ]
+  )
+).transform((r) => Object.fromEntries(r)), m = (r) => (t) => t instanceof a ? s.parse(
+  t
+) : r(t);
+export {
+  m as makeOnSubmitTrpcClientErrorHandler,
+  s as trpcClientErrorToFormSubmitFieldErrorsSchemaTransformer
+};

package/dist/esm/useFlatFieldErrorsContext.mjs

@@ -0,0 +1,10 @@
+import { c as t } from "./createContext.mjs";
+const o = (e) => Object.keys(e).length === 0, {
+  Provider: s,
+  useRequired: a
+} = t();
+export {
+  s as _,
+  o as i,
+  a as u
+};

package/dist/esm/utils.mjs

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import { i as s, u as i } from "./useFlatFieldErrorsContext.mjs";
+const l = ({ errors: r }) => {
+  if (r && !s(r))
+    return /* @__PURE__ */ t("ul", { children: Object.values(r).map((o, e) => /* @__PURE__ */ t(
+      "li",
+      {
+        role: "alert",
+        "aria-live": "polite",
+        children: o.message
+      },
+      e
+    )) });
+}, m = () => {
+  const r = i().roots;
+  return /* @__PURE__ */ t(l, { errors: r });
+};
+export {
+  m as RootErrorsListFromFlatFieldErrorsContext
+};

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

@@ -0,0 +1,9 @@
+export { default as FormGroupContextProvider } from '../form/context/group/FormGroupContextProvider';
+export { default as useFormGroupChildIsMountedTracker } from '../form/context/group/useFormGroupChildIsMountedTracker';
+export { default as useFormGroupChildIsSubmittingTracker } from '../form/context/group/useFormGroupChildIsSubmittingTracker';
+export { default as useFormGroupChildTracker } from '../form/context/group/useFormGroupChildTracker';
+export { default as useFormGroupIsAnyBusy } from '../form/context/group/useFormGroupIsAnyBusy';
+export { default as useFormGroupIsChildBusy } from '../form/context/group/useFormGroupIsChildBusy';
+export { default as useFormGroupIsParentBusy } from '../form/context/group/useFormGroupIsParentBusy';
+export { default as useFormGroupParentTracker } from '../form/context/group/useFormGroupParentTracker';
+export { default as useFormOrParentIsBusy } from '../form/context/group/useFormOrParentIsBusy';

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

@@ -0,0 +1,15 @@
+export type { Register } from '../register';
+export type { RhfUtilsClientConfig } from '../client/config/RhfUtilsClientConfig';
+export { default as RhfUtilsClientForZodContextProvider } from '../client/zod/context/RhfUtilsClientForZodContextProvider';
+export { default as RhfUtilsZodForm } from '../client/zod/context/RhfUtilsZodForm';
+export { default as useRhfUtilsZodForm } from '../client/zod/context/useRhfUtilsZodForm';
+export type { RhfUtilsUseFormChildrenZodFC } from '../client/zod/RhfUtilsUseFormChildrenZodFC';
+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 RhfUtilsNonFieldErrorMarker } from '../errors/nonfield/RhfUtilsNonFieldErrorMarker';
+export type { RhfUtilsFormOptions } from '../form/RhfUtilsFormOptions';
+export type { SafeFieldValues } from '../form/SafeFieldValues';
+export type { UseRhfUtilsFormChildrenProps } from '../form/UseRhfUtilsFormChildrenProps';
+export { default as useRhfUtilsContext } from '../form/context/utils/useRhfUtilsContext';
+export { FormSubmitError } from '../submit/error/FormSubmitError';

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

@@ -0,0 +1,2 @@
+export { default as makeOnSubmitTrpcClientErrorHandler } from '../errors/trpc/makeOnSubmitTrpcClientErrorHandler';
+export { default as trpcClientErrorToFormSubmitFieldErrorsSchemaTransformer } from '../errors/trpc/trpcClientErrorToFormSubmitFieldErrorsSchemaTransformer';

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

@@ -0,0 +1 @@
+export { default as RootErrorsListFromFlatFieldErrorsContext } from '../errors/root/RootErrorsListFromFlatFieldErrorsContext';

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

@@ -20,8 +20,7 @@ import { FlatFieldErrors } from './types';
  * }
  * ```
  */
-declare const getFlatFieldErrors: (errors: FieldErrors) => FlatFieldErrors;
-export default getFlatFieldErrors;
+export declare const getFlatFieldErrors: (errors: FieldErrors) => FlatFieldErrors;
 /**
  * Regular expression to maybe match the end of a leaf node path.
  *

package/dist/types/errors/trpc/{getOnSubmitTrpcClientErrorHandler.d.ts → makeOnSubmitTrpcClientErrorHandler.d.ts}

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

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paragrav/rhf-utils",
   "author": "paragrav.dev",
   "license": "MIT",
-  "version": "0.0.139",
+  "version": "0.0.141",
   "description": "Integration utilities for react-hook-form.",
   "type": "module",
   "sideEffects": false,
@@ -10,18 +10,30 @@
     "dist/esm/*",
     "dist/types/*"
   ],
-  "module": "./dist/esm/exports.mjs",
+  "module": "./dist/esm/main.mjs",
   "exports": {
     ".": {
       "import": {
-        "default": "./dist/esm/exports.mjs",
-        "types": "./dist/types/exports.d.ts"
+        "default": "./dist/esm/main.mjs",
+        "types": "./dist/types/_exports/main.d.ts"
       }
     },
-    "./form/context/group": {
+    "./group": {
       "import": {
-        "default": "./dist/esm/form/context/group/exports.mjs",
-        "types": "./dist/types/form/context/group/exports.d.ts"
+        "default": "./dist/esm/group.mjs",
+        "types": "./dist/types/_exports/group.d.ts"
+      }
+    },
+    "./trpc": {
+      "import": {
+        "default": "./dist/esm/trpc.mjs",
+        "types": "./dist/types/_exports/trpc.d.ts"
+      }
+    },
+    "./utils": {
+      "import": {
+        "default": "./dist/esm/utils.mjs",
+        "types": "./dist/types/_exports/utils.d.ts"
       }
     }
   },

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

@@ -1,74 +0,0 @@
-import { jsx as C } from "react/jsx-runtime";
-import o from "react";
-import { c as G } from "../../../createContext-Jzs0Nsql.js";
-import { useFormState as c } from "react-hook-form";
-const {
-  Provider: h,
-  useRequired: i,
-  useMaybe: u
-} = G(), P = ({ children: s }) => {
-  const [r, e] = o.useState([]), y = r.length, p = o.useCallback((t, B) => {
-    e(
-      (n) => B ? (
-        // add to array
-        [...n, t]
-      ) : (
-        // remove from array
-        n.filter((I) => I !== t)
-      )
-    );
-  }, []), [F, l] = o.useState(!1);
-  return /* @__PURE__ */ C(h, { value: {
-    children: {
-      busyCount: y,
-      busyIds: r,
-      setBusyId: p
-    },
-    parent: {
-      isBusy: F,
-      setIsBusy: l
-    }
-  }, children: s });
-}, _ = P, f = (s) => {
-  const { setBusyId: r } = i().children, e = o.useId();
-  o.useEffect(() => {
-    r(e, s);
-  }, [s, e, r]), o.useEffect(() => () => {
-    r(e, !1);
-  }, []);
-}, a = f, m = () => {
-  const s = u();
-  return !!(s != null && s.parent.isBusy);
-}, b = () => (a(!0), m()), R = b, k = () => {
-  const { isSubmitting: s } = c();
-  return a(s), m();
-}, j = k, T = () => {
-  const s = u();
-  return !!(s != null && s.children.busyCount) || !!(s != null && s.parent.isBusy);
-}, q = T, S = () => {
-  const s = u();
-  return !!(s != null && s.children.busyCount);
-}, $ = S, d = () => {
-  const { isSubmitting: s, isLoading: r } = c();
-  return s || r;
-}, g = () => {
-  const s = d(), { setIsBusy: r } = i().parent;
-  return o.useEffect(() => {
-    r(s);
-  }, [r, s]), $();
-}, L = g, v = () => {
-  var e;
-  const s = d(), r = (e = u()) == null ? void 0 : e.parent.isBusy;
-  return !!(s || r);
-}, w = v;
-export {
-  _ as FormGroupContextProvider,
-  R as useFormGroupChildIsMountedTracker,
-  j as useFormGroupChildIsSubmittingTracker,
-  a as useFormGroupChildTracker,
-  q as useFormGroupIsAnyBusy,
-  $ as useFormGroupIsChildBusy,
-  m as useFormGroupIsParentBusy,
-  L as useFormGroupParentTracker,
-  w as useFormOrParentIsBusy
-};

package/dist/types/exports.d.ts

@@ -1,15 +0,0 @@
-export type { Register } from './register';
-export type { RhfUtilsClientConfig } from './client/config/RhfUtilsClientConfig';
-export { default as RhfUtilsClientForZodContextProvider } from './client/zod/context/RhfUtilsClientForZodContextProvider';
-export { default as RhfUtilsZodForm } from './client/zod/context/RhfUtilsZodForm';
-export { default as useRhfUtilsZodForm } from './client/zod/context/useRhfUtilsZodForm';
-export type { RhfUtilsUseFormChildrenZodFC } from './client/zod/RhfUtilsUseFormChildrenZodFC';
-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 RhfUtilsNonFieldErrorMarker } from './errors/nonfield/RhfUtilsNonFieldErrorMarker';
-export type { RhfUtilsFormOptions } from './form/RhfUtilsFormOptions';
-export type { SafeFieldValues } from './form/SafeFieldValues';
-export type { UseRhfUtilsFormChildrenProps } from './form/UseRhfUtilsFormChildrenProps';
-export { default as useRhfUtilsContext } from './form/context/utils/useRhfUtilsContext';
-export { FormSubmitError } from './submit/error/FormSubmitError';

package/dist/types/form/context/group/exports.d.ts

@@ -1,9 +0,0 @@
-export { default as FormGroupContextProvider } from './FormGroupContextProvider';
-export { default as useFormGroupChildIsMountedTracker } from './useFormGroupChildIsMountedTracker';
-export { default as useFormGroupChildIsSubmittingTracker } from './useFormGroupChildIsSubmittingTracker';
-export { default as useFormGroupChildTracker } from './useFormGroupChildTracker';
-export { default as useFormGroupIsAnyBusy } from './useFormGroupIsAnyBusy';
-export { default as useFormGroupIsChildBusy } from './useFormGroupIsChildBusy';
-export { default as useFormGroupIsParentBusy } from './useFormGroupIsParentBusy';
-export { default as useFormGroupParentTracker } from './useFormGroupParentTracker';
-export { default as useFormOrParentIsBusy } from './useFormOrParentIsBusy';