@paragrav/rhf-utils 0.0.59 → 0.0.61

package/dist/esm/client/index.mjs

@@ -0,0 +1,53 @@
+import { jsx as d } from "react/jsx-runtime";
+import u from "../form/FormWithProviders.mjs";
+import F from "../form/useForm.mjs";
+const p = (t) => (r) => {
+  const e = l(
+    t,
+    r
+  );
+  return {
+    config: r,
+    useForm: (o, s) => F(
+      e(o, s)
+    ),
+    FormWithProviders: P(t, r)
+  };
+}, P = (t, r) => function({
+  schema: o,
+  children: s,
+  ...m
+}) {
+  const i = l(t, r);
+  return /* @__PURE__ */ d(
+    u,
+    {
+      ...i(o, m),
+      children: s
+    }
+  );
+}, l = (t, r) => (e, o) => {
+  var s, m, i, n, f, a, h;
+  return {
+    ...o,
+    rhf: {
+      ...(s = r.defaultOptions) == null ? void 0 : s.rhf,
+      ...o.rhf,
+      resolver: t(e)
+    },
+    form: {
+      ...o.form,
+      options: {
+        ...(m = r.defaultOptions) == null ? void 0 : m.form,
+        ...(i = o.form) == null ? void 0 : i.options,
+        classNames: [
+          ...((f = (n = r.defaultOptions) == null ? void 0 : n.form) == null ? void 0 : f.classNames) ?? [],
+          ...((h = (a = o.form) == null ? void 0 : a.options) == null ? void 0 : h.classNames) ?? []
+        ]
+      }
+    }
+  };
+};
+export {
+  p as createRhfUtilsClient
+};

package/dist/esm/client/zod/context/index.mjs

@@ -0,0 +1,6 @@
+import t from "../../../utils/createContext.mjs";
+const [, o, s] = t(), r = o;
+export {
+  s as _RhfUtilsContextProvider,
+  r as default
+};

package/dist/esm/client/zod/context/provider.mjs

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+import i from "react";
+import { createZodRhfUtilsClient as s } from "../index.mjs";
+import { _RhfUtilsContextProvider as f } from "./index.mjs";
+const n = ({ config: t, children: o }) => {
+  const [r] = i.useState(() => s(t));
+  return /* @__PURE__ */ e(f, { value: r, children: o });
+}, c = n;
+export {
+  c as default
+};

package/dist/esm/client/zod/index.mjs

@@ -0,0 +1,6 @@
+import { zodResolver as t } from "../../node_modules/@hookform/resolvers/zod/dist/zod.mjs";
+import { createRhfUtilsClient as e } from "../index.mjs";
+const i = e(t);
+export {
+  i as createZodRhfUtilsClient
+};

package/dist/esm/exports.mjs

@@ -1,74 +1,78 @@
-import { setConfig as e } from "./config/index.mjs";
-import { default as s } from "./devtool/LazyDevTool.mjs";
-import { default as a } from "./errors/context/index.mjs";
-import { default as f } from "./errors/context/provider.mjs";
-import { default as d } from "./errors/message/FormErrorMessage.mjs";
-import { default as x } from "./errors/message/FormErrorMessageByPath.mjs";
-import { default as n } from "./errors/nonfield/FormNonFieldErrorMarker.mjs";
-import { default as E } from "./errors/nonfield/FormNonFieldErrorMarkerHtmlAttribute.mjs";
-import { default as S } from "./errors/orphan/useFormHasOrphanAndNoFieldErrors.mjs";
-import { default as c } from "./errors/orphan/useOrphanFormErrorsMemo.mjs";
-import { default as y } from "./errors/orphan/useOrphanFormErrorsToConsole.mjs";
-import { default as M } from "./errors/root/useRootFormFieldErrorsMemo.mjs";
-import { default as g } from "./errors/useFormErrorConsoleDebug.mjs";
-import { default as P } from "./errors/useFormErrorsEffect.mjs";
-import { default as A } from "./errors/useFormErrorsIfAny.mjs";
-import { default as T } from "./errors/useFormErrorsMemo.mjs";
-import { default as v } from "./errors/useFormRequestSubmit.mjs";
-import { default as N } from "./form/useForm.mjs";
-import { default as U } from "./form/context/utils/FormUtilsContextProvider.mjs";
-import { default as z } from "./form/context/utils/useFormUtilsContext.mjs";
-import { default as j } from "./form/context/group/FormGroupContextProvider.mjs";
-import { default as J } from "./form/context/group/useFormGroupChildIsMountedTracker.mjs";
-import { default as Q } from "./form/context/group/useFormGroupChildIsSubmittingTracker.mjs";
-import { default as W } from "./form/context/group/useFormGroupChildTracker.mjs";
-import { default as Y } from "./form/context/group/useFormGroupIsAnyBusy.mjs";
-import { default as _ } from "./form/context/group/useFormGroupIsChildBusy.mjs";
-import { default as rr } from "./form/context/group/useFormGroupIsParentBusy.mjs";
-import { default as er } from "./form/context/group/useFormGroupParentTracker.mjs";
-import { default as sr } from "./form/context/group/useFormOrParentIsBusy.mjs";
-import { default as ar } from "./form/utils/getSubmitterButtonData.mjs";
-import { FormSubmitError as fr } from "./submit/error/FormSubmitError.mjs";
-import { default as dr } from "./submit/useFormOnSubmitSuccessful.mjs";
-import { default as xr } from "./submit/useFormOnSubmitSuccessfulAndReset.mjs";
-import { default as nr } from "./submit/useResetFormOnSubmitError.mjs";
-import { default as Er } from "./submit/useResetFormOnSubmitSuccessful.mjs";
-import { default as Sr } from "./submit/useSubmitFormOnChange.mjs";
+import { createZodRhfUtilsClient as e } from "./client/zod/index.mjs";
+import { default as s } from "./client/zod/context/index.mjs";
+import { default as u } from "./client/zod/context/provider.mjs";
+import { default as m } from "./devtool/LazyDevTool.mjs";
+import { default as d } from "./errors/context/index.mjs";
+import { default as x } from "./errors/context/provider.mjs";
+import { default as n } from "./errors/message/FormErrorMessage.mjs";
+import { default as E } from "./errors/message/FormErrorMessageByPath.mjs";
+import { default as c } from "./errors/nonfield/FormNonFieldErrorMarker.mjs";
+import { default as S } from "./errors/nonfield/FormNonFieldErrorMarkerHtmlAttribute.mjs";
+import { default as y } from "./errors/orphan/useFormHasOrphanAndNoFieldErrors.mjs";
+import { default as M } from "./errors/orphan/useOrphanFormErrorsMemo.mjs";
+import { default as P } from "./errors/orphan/useOrphanFormErrorsToConsole.mjs";
+import { default as I } from "./errors/root/useRootFormFieldErrorsMemo.mjs";
+import { default as k } from "./errors/useFormErrorConsoleDebug.mjs";
+import { default as B } from "./errors/useFormErrorsEffect.mjs";
+import { default as v } from "./errors/useFormErrorsIfAny.mjs";
+import { default as D } from "./errors/useFormErrorsMemo.mjs";
+import { default as Z } from "./errors/useFormRequestSubmit.mjs";
+import { default as q } from "./form/useForm.mjs";
+import { default as L } from "./form/context/utils/FormUtilsContextProvider.mjs";
+import { default as w } from "./form/context/utils/useFormUtilsContext.mjs";
+import { default as K } from "./form/context/group/FormGroupContextProvider.mjs";
+import { default as V } from "./form/context/group/useFormGroupChildIsMountedTracker.mjs";
+import { default as X } from "./form/context/group/useFormGroupChildIsSubmittingTracker.mjs";
+import { default as _ } from "./form/context/group/useFormGroupChildTracker.mjs";
+import { default as rr } from "./form/context/group/useFormGroupIsAnyBusy.mjs";
+import { default as er } from "./form/context/group/useFormGroupIsChildBusy.mjs";
+import { default as sr } from "./form/context/group/useFormGroupIsParentBusy.mjs";
+import { default as ur } from "./form/context/group/useFormGroupParentTracker.mjs";
+import { default as mr } from "./form/context/group/useFormOrParentIsBusy.mjs";
+import { default as dr } from "./form/utils/getSubmitterButtonData.mjs";
+import { FormSubmitError as xr } from "./submit/error/FormSubmitError.mjs";
+import { default as nr } from "./submit/useFormOnSubmitSuccessful.mjs";
+import { default as Er } from "./submit/useFormOnSubmitSuccessfulAndReset.mjs";
+import { default as cr } from "./submit/useResetFormOnSubmitError.mjs";
+import { default as Sr } from "./submit/useResetFormOnSubmitSuccessful.mjs";
+import { default as yr } from "./submit/useSubmitFormOnChange.mjs";
 export {
-  d as FormErrorMessage,
-  x as FormErrorMessageByPath,
-  f as FormErrorsFlatContextProvider,
-  j as FormGroupContextProvider,
-  n as FormNonFieldErrorMarker,
-  E as FormNonFieldErrorMarkerHtmlAttribute,
-  fr as FormSubmitError,
-  U as FormUtilsContextProvider,
-  s as LazyDevTool,
-  ar as getSubmitterButtonData,
-  e as setConfig,
-  N as useForm,
-  g as useFormErrorConsoleDebug,
-  P as useFormErrorsEffect,
-  a as useFormErrorsFlatContext,
-  A as useFormErrorsIfAny,
-  T as useFormErrorsMemo,
-  J as useFormGroupChildIsMountedTracker,
-  Q as useFormGroupChildIsSubmittingTracker,
-  W as useFormGroupChildTracker,
-  Y as useFormGroupIsAnyBusy,
-  _ as useFormGroupIsChildBusy,
-  rr as useFormGroupIsParentBusy,
-  er as useFormGroupParentTracker,
-  S as useFormHasOrphanAndNoFieldErrors,
-  dr as useFormOnSubmitSuccessful,
-  xr as useFormOnSubmitSuccessfulAndReset,
-  sr as useFormOrParentIsBusy,
-  v as useFormRequestSubmit,
-  z as useFormUtilsContext,
-  c as useOrphanFormErrorsMemo,
-  y as useOrphanFormErrorsToConsole,
-  Er as useResetFormAfterSubmitSuccessful,
-  nr as useResetFormOnSubmitError,
-  M as useRootFormFieldErrorsMemo,
-  Sr as useSubmitFormOnChange
+  n as FormErrorMessage,
+  E as FormErrorMessageByPath,
+  x as FormErrorsFlatContextProvider,
+  K as FormGroupContextProvider,
+  c as FormNonFieldErrorMarker,
+  S as FormNonFieldErrorMarkerHtmlAttribute,
+  xr as FormSubmitError,
+  L as FormUtilsContextProvider,
+  m as LazyDevTool,
+  u as RhfUtilsZodContextProvider,
+  e as createZodRhfUtilsClient,
+  dr as getSubmitterButtonData,
+  q as useForm,
+  k as useFormErrorConsoleDebug,
+  B as useFormErrorsEffect,
+  d as useFormErrorsFlatContext,
+  v as useFormErrorsIfAny,
+  D as useFormErrorsMemo,
+  V as useFormGroupChildIsMountedTracker,
+  X as useFormGroupChildIsSubmittingTracker,
+  _ as useFormGroupChildTracker,
+  rr as useFormGroupIsAnyBusy,
+  er as useFormGroupIsChildBusy,
+  sr as useFormGroupIsParentBusy,
+  ur as useFormGroupParentTracker,
+  y as useFormHasOrphanAndNoFieldErrors,
+  nr as useFormOnSubmitSuccessful,
+  Er as useFormOnSubmitSuccessfulAndReset,
+  mr as useFormOrParentIsBusy,
+  Z as useFormRequestSubmit,
+  w as useFormUtilsContext,
+  M as useOrphanFormErrorsMemo,
+  P as useOrphanFormErrorsToConsole,
+  Sr as useResetFormAfterSubmitSuccessful,
+  cr as useResetFormOnSubmitError,
+  s as useRhfUtilsZodContext,
+  I as useRootFormFieldErrorsMemo,
+  yr as useSubmitFormOnChange
 };

package/dist/esm/form/FormWithProviders.mjs

@@ -0,0 +1,14 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "./_Form.mjs";
+import e from "./_FormProviders.mjs";
+import f from "./useForm.mjs";
+function u({
+  children: m,
+  ...i
+}) {
+  const r = f(i);
+  return /* @__PURE__ */ o(e, { ...r.providerProps, children: /* @__PURE__ */ o(t, { ...r.formProps, children: m }) });
+}
+export {
+  u as default
+};

package/dist/esm/form/_Form.mjs

@@ -0,0 +1,89 @@
+import { jsxs as v, jsx as p } from "react/jsx-runtime";
+import "react";
+import { useFormContext as B } from "react-hook-form";
+import N from "../devtool/LazyDevTool.mjs";
+import { FormSubmitError as P } from "../submit/error/FormSubmitError.mjs";
+import T from "../submit/error/setCtxErrorsByFormSubmitError.mjs";
+import V from "../submit/useResetFormOnSubmitError.mjs";
+import _ from "./_FormBase.mjs";
+function A({
+  formId: x,
+  formRef: l,
+  form: t,
+  children: y
+}) {
+  var c, b, S, o, h;
+  const a = B();
+  V({
+    disabled: !((c = t == null ? void 0 : t.options) != null && c.resetValuesOnSubmitError)
+  });
+  const C = async (i) => {
+    var n;
+    (n = t == null ? void 0 : t.options) != null && n.stopSubmitPropagation && i.stopPropagation();
+    try {
+      await a.handleSubmit(
+        g,
+        t == null ? void 0 : t.onSubmitInvalid
+      )(i);
+    } catch (s) {
+      j(s, i);
+    }
+  }, g = (i, n) => {
+    var s;
+    return (s = t == null ? void 0 : t.onSubmit) == null ? void 0 : s.call(
+      t,
+      i,
+      a,
+      n
+    );
+  }, j = (i, n) => {
+    var e, E, F;
+    const s = i instanceof P ? (
+      // consumer can manually throw FormSubmitError (e.g., manual validation)
+      i
+    ) : (
+      // if error is not FormSubmitError, consumer can provide global handler
+      (E = (e = t == null ? void 0 : t.options) == null ? void 0 : e.onSubmitError) == null ? void 0 : E.call(e, i)
+    );
+    s && T(a, s), (F = t == null ? void 0 : t.onSubmitError) == null || F.call(
+      t,
+      i,
+      a,
+      n
+    );
+  }, u = {
+    formId: x,
+    formRef: l,
+    ctx: a,
+    options: t == null ? void 0 : t.options
+  }, d = (i) => {
+    var s, e;
+    const n = (e = (s = t == null ? void 0 : t.options) == null ? void 0 : s.Children) == null ? void 0 : e[i];
+    return n && /* @__PURE__ */ p(n, { ...u });
+  };
+  return /* @__PURE__ */ v(
+    _,
+    {
+      noValidate: !0,
+      style: {
+        position: "relative"
+      },
+      ...t == null ? void 0 : t.props,
+      className: [(b = t == null ? void 0 : t.options) == null ? void 0 : b.classNames, ((S = t == null ? void 0 : t.props) == null ? void 0 : S.className) ?? ""].join(
+        " "
+      ),
+      onSubmit: C,
+      formRef: l,
+      children: [
+        d("top"),
+        ((o = t == null ? void 0 : t.options) == null ? void 0 : o.devTool) !== "disabled" && /* @__PURE__ */ p(N, { placement: "top-right", ...(h = t == null ? void 0 : t.options) == null ? void 0 : h.devTool }),
+        (t == null ? void 0 : t.Fields) && /* @__PURE__ */ p(t.Fields, { ...u }),
+        y,
+        d("bottom")
+      ]
+    }
+  );
+}
+export {
+  A as default
+};

package/dist/esm/form/_FormBase.mjs

@@ -0,0 +1,14 @@
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import "react";
+const n = ({
+  formRef: e,
+  antiCsrfToken: r,
+  children: o,
+  ...t
+}) => /* @__PURE__ */ m("form", { role: "form", ...t, ref: e, children: [
+  r && /* @__PURE__ */ s("input", { type: "hidden", name: "anticsrftoken", value: r }),
+  o
+] }), i = n;
+export {
+  i as default
+};

package/dist/esm/form/_FormProviders.mjs

@@ -0,0 +1,16 @@
+import { jsx as r } from "react/jsx-runtime";
+import { FormProvider as d } from "react-hook-form";
+import n from "../errors/context/provider.mjs";
+import l from "./context/utils/FormUtilsContextProvider.mjs";
+function v({
+  formId: t,
+  formRef: o,
+  rhfForm: i,
+  utils: m,
+  children: e
+}) {
+  return /* @__PURE__ */ r(d, { ...i, children: /* @__PURE__ */ r(n, { formRef: o, children: /* @__PURE__ */ r(l, { formId: t, formRef: o, ...m, children: e }) }) });
+}
+export {
+  v as default
+};

package/dist/esm/form/useForm.mjs

@@ -1,27 +1,23 @@
-import { zodResolver as f } from "../node_modules/@hookform/resolvers/zod/dist/zod.mjs";
-import i from "react";
+import n from "react";
 import { useForm as u } from "react-hook-form";
-import c from "../submit/useSubmitFormOnChange.mjs";
-import { _getConfig as d } from "../config/index.mjs";
-const a = ({
-  schema: t,
+import i from "../submit/useSubmitFormOnChange.mjs";
+const l = ({
   rhf: m,
   form: o,
   utils: p
 }) => {
-  const e = d(o == null ? void 0 : o.options), s = i.useId(), n = u({
-    resolver: t ? f(t) : void 0,
-    ...e.rhf,
-    ...m
-  }), r = i.useRef(null);
-  return c(r, { disabled: !e.options.submitOnChange }), {
+  var t;
+  const s = n.useId(), e = u(m), r = n.useRef(null);
+  return i(r, {
+    disabled: !((t = o == null ? void 0 : o.options) != null && t.submitOnChange)
+  }), {
     id: s,
     ref: r,
-    context: n,
+    context: e,
     providerProps: {
       formId: s,
       formRef: r,
-      rhfForm: n,
+      rhfForm: e,
       utils: p
     },
     formProps: {
@@ -30,7 +26,7 @@ const a = ({
       form: o
     }
   };
-}, h = a;
+};
 export {
-  h as default
+  l as default
 };

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

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

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

@@ -0,0 +1,19 @@
+import { UseFormOptions } from '../form/useFormOptions';
+import { UseFormProps } from 'react-hook-form';
+
+export type ClientConfig = {
+    defaultOptions?: {
+        /**
+         * Default RHF `useForm` settings.
+         *
+         * (Exposes only non-local props.)
+         */
+        rhf?: Pick<UseFormProps, 'mode' | 'reValidateMode' | 'resetOptions' | 'context' | 'shouldFocusError' | 'shouldUnregister' | 'shouldUseNativeValidation' | 'progressive' | 'criteriaMode' | 'delayError'>;
+        /**
+         * Default global options settings.
+         *
+         * Extend this type to inject custom options/functionality via `Children` component.
+         */
+        form?: UseFormOptions;
+    };
+};

package/dist/types/src/client/context.d.ts

@@ -0,0 +1,3 @@
+import { CreateRhfUtilsClient, ObjectSchema } from '.';
+
+export type RhfUtilsClientContext<TObjectSchema extends ObjectSchema<TObjectSchemaInputKey, TObjectSchemaOutputKey>, TObjectSchemaInputKey extends string, TObjectSchemaOutputKey extends string> = CreateRhfUtilsClient<TObjectSchema, TObjectSchemaInputKey, TObjectSchemaOutputKey>;

package/dist/types/src/client/index.d.ts

@@ -0,0 +1,26 @@
+import { ClientConfig } from './config';
+import { UseFormProps, UseFormReturn } from '../form/useForm';
+import { FormWithProvidersProps } from '../form/FormWithProviders';
+import { FieldValues, Resolver } from 'react-hook-form';
+
+/**
+ * Generic object schema type.
+ */
+export type ObjectSchema<TInputKey extends string, TOutputKey extends string> = {
+    [key in TInputKey]: FieldValues;
+} & {
+    [key in TOutputKey]: FieldValues;
+};
+export type CreateRhfUtilsClient<TObjectSchema extends ObjectSchema<TObjectSchemaInputKey, TObjectSchemaOutputKey>, TObjectSchemaInputKey extends string, TObjectSchemaOutputKey extends string> = {
+    config: ClientConfig;
+    useForm: <TSchema extends TObjectSchema, TSchemaInput extends FieldValues = TSchema[TObjectSchemaInputKey], TSchemaOutput extends FieldValues = TSchema[TObjectSchemaOutputKey]>(schema: TSchema, props: UseFormProps<TSchemaInput, TSchemaOutput>) => UseFormReturn<TSchemaInput, TSchemaOutput>;
+    FormWithProviders: <TSchema extends TObjectSchema, TSchemaInput extends FieldValues = TSchema[TObjectSchemaInputKey], TSchemaOutput extends FieldValues = TSchema[TObjectSchemaOutputKey]>(props: {
+        schema: TSchema;
+    } & FormWithProvidersProps<TSchemaInput, TSchemaOutput>) => JSX.Element;
+};
+/**
+ * ...
+ *
+ * (We need to use generics to generate types for schema resolver.)
+ */
+export declare const createRhfUtilsClient: <TObjectSchema extends ObjectSchema<TObjectSchemaInputKey, TObjectSchemaOutputKey>, TObjectSchemaInputKey extends string, TObjectSchemaOutputKey extends string>(resolver: (schema: TObjectSchema) => Resolver<FieldValues, unknown>) => (config: ClientConfig) => CreateRhfUtilsClient<TObjectSchema, TObjectSchemaInputKey, TObjectSchemaOutputKey>;

package/dist/types/src/client/zod/context/index.d.ts

@@ -0,0 +1,8 @@
+import { RhfUtilsClientContext } from '../../context';
+import { z } from 'zod';
+import { FieldValues } from 'react-hook-form';
+
+export type RhfUtilsZodClientContext = RhfUtilsClientContext<z.ZodObject<FieldValues>, '_input', '_output'>;
+declare const useRhfUtilsZodContext: () => RhfUtilsZodClientContext, _RhfUtilsZodContextProvider: import('react').Provider<RhfUtilsZodClientContext | undefined>;
+export default useRhfUtilsZodContext;
+export { _RhfUtilsZodContextProvider as _RhfUtilsContextProvider };

package/dist/types/src/client/zod/context/provider.d.ts

@@ -0,0 +1,12 @@
+import { ClientConfig } from '../../config';
+import { default as React } from 'react';
+
+type Props = React.PropsWithChildren<{
+    config: ClientConfig;
+}>;
+/**
+ * Provides a flattened version of the form errors.
+ * Allows flattening and filtering to happen once per errors change.
+ */
+declare const RhfUtilsZodContextProvider: React.FC<Props>;
+export default RhfUtilsZodContextProvider;

package/dist/types/src/client/zod/index.d.ts

@@ -0,0 +1,8 @@
+import { z } from 'zod';
+import { FieldValues } from 'react-hook-form';
+
+export declare const createZodRhfUtilsClient: (config: import('../config').ClientConfig) => import('..').CreateRhfUtilsClient<z.ZodObject<FieldValues, z.UnknownKeysParam, z.ZodTypeAny, {
+    [x: string]: any;
+}, {
+    [x: string]: any;
+}>, "_input", "_output">;

package/dist/types/src/exports.d.ts

@@ -1,4 +1,7 @@
-export { setConfig } from './config';
+export type { ClientConfig } from './client/config';
+export { createZodRhfUtilsClient } from './client/zod';
+export { default as useRhfUtilsZodContext } from './client/zod/context';
+export { default as RhfUtilsZodContextProvider } from './client/zod/context/provider';
 export { default as LazyDevTool } from './devtool/LazyDevTool';
 export { default as useFormErrorsFlatContext } from './errors/context';
 export { default as FormErrorsFlatContextProvider } from './errors/context/provider';
@@ -15,8 +18,9 @@ export { default as useFormErrorsEffect } from './errors/useFormErrorsEffect';
 export { default as useFormErrorsIfAny } from './errors/useFormErrorsIfAny';
 export { default as useFormErrorsMemo } from './errors/useFormErrorsMemo';
 export { default as useFormRequestSubmit } from './errors/useFormRequestSubmit';
-export type { UseFormFieldsProps, UseFormOptions } from './form/useForm';
+export type { UseFormFieldsProps } from './form/useForm';
 export { default as useForm } from './form/useForm';
+export type { UseFormOptions } from './form/useFormOptions';
 export { default as FormUtilsContextProvider } from './form/context/utils/FormUtilsContextProvider';
 export { default as useFormUtilsContext } from './form/context/utils/useFormUtilsContext';
 export { default as FormGroupContextProvider } from './form/context/group/FormGroupContextProvider';

package/dist/types/src/form/FormWithProviders.d.ts

@@ -1,7 +1,7 @@
 import { UseFormProps } from './useForm';
-import { z } from 'zod';
 import { FieldValues } from 'react-hook-form';
 
+export type FormWithProvidersProps<TFieldValues extends FieldValues, TTransformedValues extends FieldValues> = React.PropsWithChildren<UseFormProps<TFieldValues, TTransformedValues>>;
 /**
  * Form providers (with utils) with immediate descendent {@link Form}.
  * (Syntactic sugar for {@link useForm}. Use this for most applications.)
@@ -9,5 +9,5 @@ import { FieldValues } from 'react-hook-form';
  * Use {@link useForm} if you need to specific nesting hierarchy.
  * (e.g., wrapping `<tr>` with provider and nesting `<form>` within `<td>` to appease HTML rules.)
  */
-declare function FormWithProviders<TSchema extends z.ZodObject<FieldValues>, TFieldValues extends z.input<TSchema>, TTransformedValues extends z.output<TSchema>>({ children, ...props }: React.PropsWithChildren<UseFormProps<TSchema, TFieldValues, TTransformedValues>>): import("react/jsx-runtime").JSX.Element;
+declare function FormWithProviders<TFieldValues extends FieldValues, TTransformedValues extends FieldValues>({ children, ...props }: FormWithProvidersProps<TFieldValues, TTransformedValues>): import("react/jsx-runtime").JSX.Element;
 export default FormWithProviders;

package/dist/types/src/form/_Form.d.ts

@@ -1,12 +1,11 @@
 import { UseFormProps } from './useForm';
-import { z } from 'zod';
 import { FieldValues } from 'react-hook-form';
 import { default as React } from 'react';
 
 export type _FormSlots = 'top' | 'bottom';
-export type _FormProps<TSchema extends z.ZodObject<FieldValues>, TFieldValues extends z.input<TSchema>, TTransformedValues extends z.output<TSchema>> = React.PropsWithChildren<Pick<UseFormProps<TSchema, TFieldValues, TTransformedValues>, 'form'> & {
+export type _FormProps<TFieldValues extends FieldValues, TTransformedValues extends FieldValues> = React.PropsWithChildren<Pick<UseFormProps<TFieldValues, TTransformedValues>, 'form'> & {
     formId: string;
     formRef: React.RefObject<HTMLFormElement>;
 }>;
-declare function _Form<TSchema extends z.ZodObject<FieldValues>, TFieldValues extends z.input<TSchema>, TTransformedValues extends z.output<TSchema>>({ formId, formRef, form, children, }: _FormProps<TSchema, TFieldValues, TTransformedValues>): import("react/jsx-runtime").JSX.Element;
+declare function _Form<TFieldValues extends FieldValues, TTransformedValues extends FieldValues>({ formId, formRef, form, children, }: _FormProps<TFieldValues, TTransformedValues>): import("react/jsx-runtime").JSX.Element;
 export default _Form;

package/dist/types/src/form/_FormProviders.d.ts

@@ -1,12 +1,11 @@
 import { FormUtilsContextProviderProps } from './context/utils/FormUtilsContextProvider';
-import { z } from 'zod';
 import { FieldValues, UseFormReturn } from 'react-hook-form';
 
-export type _FormProvidersProps<TSchema extends z.ZodObject<FieldValues>, TFieldValues extends z.input<TSchema>, TTransformedValues extends z.output<TSchema>> = React.PropsWithChildren<{
+export type _FormProvidersProps<TFieldValues extends FieldValues, TTransformedValues extends FieldValues> = React.PropsWithChildren<{
     formId: string;
     formRef: React.RefObject<HTMLFormElement>;
     rhfForm: UseFormReturn<TFieldValues, unknown, TTransformedValues>;
     utils?: FormUtilsContextProviderProps;
 }>;
-declare function _FormProviders<TSchema extends z.ZodObject<FieldValues>, TFieldValues extends z.input<TSchema>, TTransformedValues extends z.output<TSchema>>({ formId, formRef, rhfForm, utils, children, }: _FormProvidersProps<TSchema, TFieldValues, TTransformedValues>): import("react/jsx-runtime").JSX.Element;
+declare function _FormProviders<TFieldValues extends FieldValues, TTransformedValues extends FieldValues>({ formId, formRef, rhfForm, utils, children, }: _FormProvidersProps<TFieldValues, TTransformedValues>): import("react/jsx-runtime").JSX.Element;
 export default _FormProviders;

package/dist/types/src/form/useForm.d.ts

@@ -1,39 +1,25 @@
+import { UseFormOptions } from './useFormOptions';
 import { FormUtilsContextProviderProps } from './context/utils/FormUtilsContextProvider';
 import { _FormProvidersProps } from './_FormProviders';
 import { _FormProps } from './_Form';
-import { z } from 'zod';
-import { FieldValues, SubmitErrorHandler, UseFormProps as RhfUseFormProps, UseFormReturn } from 'react-hook-form';
+import { FieldValues, SubmitErrorHandler, UseFormProps as RhfUseFormProps, UseFormReturn as RhfUseFormReturn } from 'react-hook-form';
 import { default as React } from 'react';
-import { DevtoolUIProps } from '@hookform/devtools/dist/devToolUI';
 
-export type UseFormOptions = {
-    /** Control visibility of certain items via your own classes and styles. */
-    classNames?: string[];
-    /** Request submit via listener on form change. */
-    submitOnChange?: boolean;
-    /** Reset form values if submit throw errors. Use case: optimistic UI toggle form that submits on each change */
-    resetValuesOnSubmitError?: boolean;
-    /** Stop propagation of submit event. Useful for portals. */
-    stopSubmitPropagation?: boolean;
-    /** Control dev tool options. */
-    devTool?: DevtoolUIProps | 'disabled';
-};
 export type UseFormFieldsProps<TFieldValues extends FieldValues = FieldValues, TTransformedValues extends FieldValues = FieldValues> = {
     formId: string;
     formRef: React.RefObject<HTMLFormElement>;
-    ctx: UseFormReturn<TFieldValues, unknown, TTransformedValues>;
+    ctx: RhfUseFormReturn<TFieldValues, unknown, TTransformedValues>;
     options?: UseFormOptions;
 };
-export type UseFormProps<TSchema extends z.ZodObject<FieldValues>, TFieldValues extends z.input<TSchema>, TTransformedValues extends z.output<TSchema>> = {
-    schema?: TSchema;
+export type UseFormProps<TFieldValues extends FieldValues, TTransformedValues extends FieldValues> = {
     /** {@link RhfUseFormProps} props for RHF's {@link useRhfForm}. */
     rhf?: RhfUseFormProps<TFieldValues>;
     /** {@link FormProps} props for Form. */
     form?: {
         Fields?: React.FC<UseFormFieldsProps<TFieldValues, TTransformedValues>>;
-        onSubmit?: (values: TTransformedValues, context: UseFormReturn<TFieldValues, unknown, TTransformedValues>, event: React.BaseSyntheticEvent<SubmitEvent>) => unknown | Promise<unknown>;
+        onSubmit?: (values: TTransformedValues, context: RhfUseFormReturn<TFieldValues, unknown, TTransformedValues>, event: React.BaseSyntheticEvent<SubmitEvent>) => unknown | Promise<unknown>;
         /** Submit error handler. (Only for errors not of instance `FormError`, which are handled internally.) */
-        onSubmitError?: (error: unknown, context: UseFormReturn<TFieldValues, unknown, TTransformedValues>, event: React.BaseSyntheticEvent<SubmitEvent>) => void;
+        onSubmitError?: (error: unknown, context: RhfUseFormReturn<TFieldValues, unknown, TTransformedValues>, event: React.BaseSyntheticEvent<SubmitEvent>) => void;
         /** Submit handler when form is invalid. */
         onSubmitInvalid?: SubmitErrorHandler<TFieldValues>;
         options?: UseFormOptions;
@@ -50,15 +36,13 @@ export type UseFormProps<TSchema extends z.ZodObject<FieldValues>, TFieldValues
  * see https://caniuse.com/?search=form%20attribute
  * @returns Form provider and form.
  */
-declare const useForm: <TSchema extends z.ZodObject<FieldValues, z.UnknownKeysParam, z.ZodTypeAny, {
-    [x: string]: any;
-}, {
-    [x: string]: any;
-}>, TFieldValues extends z.input<TSchema>, TTransformedValues extends z.output<TSchema>>({ schema, rhf, form, utils, }: UseFormProps<TSchema, TFieldValues, TTransformedValues>) => {
+declare const useForm: <TFieldValues extends FieldValues, TTransformedValues extends FieldValues>({ rhf, form, utils, }: UseFormProps<TFieldValues, TTransformedValues>) => {
     readonly id: string;
     readonly ref: React.RefObject<HTMLFormElement>;
-    readonly context: UseFormReturn<TFieldValues, unknown, TTransformedValues>;
-    readonly providerProps: _FormProvidersProps<TSchema, TFieldValues, TTransformedValues>;
-    readonly formProps: _FormProps<TSchema, TFieldValues, TTransformedValues>;
+    readonly context: RhfUseFormReturn<TFieldValues, unknown, TTransformedValues>;
+    readonly providerProps: _FormProvidersProps<TFieldValues, TTransformedValues>;
+    readonly formProps: _FormProps<TFieldValues, TTransformedValues>;
 };
 export default useForm;
+export type UseForm<TFieldValues extends FieldValues, TTransformedValues extends FieldValues> = typeof useForm<TFieldValues, TTransformedValues>;
+export type UseFormReturn<TFieldValues extends FieldValues, TTransformedValues extends FieldValues> = ReturnType<UseForm<TFieldValues, TTransformedValues>>;

package/dist/types/src/form/useFormOptions.d.ts

@@ -0,0 +1,28 @@
+import { UseFormFieldsProps } from './useForm';
+import { _FormSlots } from './_Form';
+import { FormSubmitError } from '../submit/error/FormSubmitError';
+import { DevtoolUIProps } from '@hookform/devtools/dist/devToolUI';
+
+export type UseFormOptions = {
+    /** Control visibility of certain items via your own classes and styles. */
+    classNames?: string[];
+    /** Request submit via listener on form change. */
+    submitOnChange?: boolean;
+    /** Reset form values if submit throw errors. Use case: optimistic UI toggle form that submits on each change */
+    resetValuesOnSubmitError?: boolean;
+    /** Stop propagation of submit event. Useful for portals. */
+    stopSubmitPropagation?: boolean;
+    /** Control dev tool options. */
+    devTool?: DevtoolUIProps | 'disabled';
+    /**
+     * Components injected by slot.
+     *
+     * e.g., top: block navigation on dirty form.
+     * e.g., bottom: root errors list.
+     */
+    Children?: Partial<Record<_FormSlots, React.FC<UseFormFieldsProps>>>;
+    /**
+     * Handle non-{@link FormSubmitError} errors. Optionally, return {@link FormSubmitError} to merge into context errors.
+     */
+    onSubmitError?: (error: unknown) => FormSubmitError | undefined;
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paragrav/rhf-utils",
   "author": "paragrav.dev",
   "license": "MIT",
-  "version": "0.0.59",
+  "version": "0.0.61",
   "description": "Integration utilities for react-hook-form.",
   "type": "module",
   "sideEffects": false,
@@ -21,9 +21,17 @@
       "default": "./dist/esm/exports.mjs",
       "types": "./dist/types/exports.d.ts"
     },
-    "./setConfig": {
-      "default": "./dist/esm/setConfig.mjs",
-      "types": "./dist/types/setConfig.d.ts"
+    "./createZodRhfUtilsClient": {
+      "default": "./dist/esm/client/zod/createZodRhfUtilsClient.mjs",
+      "types": "./dist/types/client/zod/createZodRhfUtilsClient.d.ts"
+    },
+    "./useRhfUtilsZodContext": {
+      "default": "./dist/esm/client/zod/useRhfUtilsZodContext.mjs",
+      "types": "./dist/types/client/zod/useRhfUtilsZodContext.d.ts"
+    },
+    "./RhfUtilsZodContextProvider": {
+      "default": "./dist/esm/client/zod/RhfUtilsZodContextProvider.mjs",
+      "types": "./dist/types/client/zod/RhfUtilsZodContextProvider.d.ts"
     },
     "./LazyDevTool": {
       "default": "./dist/esm/devtool/LazyDevTool.mjs",

package/dist/esm/config/index.mjs

@@ -1,21 +0,0 @@
-let s;
-const t = (e) => {
-  s = e;
-}, l = (e) => {
-  var a;
-  return {
-    ...s,
-    options: {
-      ...s == null ? void 0 : s.options,
-      ...e,
-      classNames: [
-        ...((a = s == null ? void 0 : s.options) == null ? void 0 : a.classNames) ?? [],
-        ...(e == null ? void 0 : e.classNames) ?? []
-      ]
-    }
-  };
-};
-export {
-  l as _getConfig,
-  t as setConfig
-};