react-form-action 2.18.0 → 2.19.1

package/README.md

@@ -67,9 +67,8 @@ export const subscribeAction = formAction
 
 import {
   Form,
-  Pending,
+  Submit,
   createComponents,
-  useActionContext,
 } from "react-form-action/client";
 
 import { subscribeAction } from "./action";
@@ -77,13 +76,12 @@ import { subscribeAction } from "./action";
 const { FieldError, Success } = createComponents(subscribeAction);
 
 export function SubscribeForm() {
-  const { isPending, isFailure, error, data } =
-    useActionContext(subscribeAction);
-
   return (
     <Form>
       <Success>
-        <p>✅ Email {data} was registered.</p>
+        {({ isSuccess, data }) =>
+          isSuccess && <p>✅ Please check your email :{data}.</p>
+        }
       </Success>
       {/*💡 The FieldError "name" prop supports autocompletion */}
       <FieldError name="email">
@@ -91,10 +89,13 @@ export function SubscribeForm() {
           <input className={error ? "invalid" : ""} name={name} />
         )}
       </FieldError>
-      <button type="submit" disabled={isPending}>
-        {isPending ? "🌀 Submitting..." : "Submit"}
-      </button>
-      <Pending>Please wait...</Pending>
+      <Submit>
+        {({ pending, disabled }) => (
+          <button type="submit" disabled={disabled}>
+            {pending ? "🌀 Submitting..." : "Submit"}
+          </button>
+        )}
+      </Submit>
     </Form>
   );
 }
@@ -111,7 +112,7 @@ import { SubscribeForm } from "./form";
 
 export default function Page() {
   return (
-    <Action action={subscribeAction} initialData="">
+    <Action action={subscribeAction}>
       <SubscribeForm />
     </Action>
   );
@@ -226,7 +227,7 @@ export default function Page({
   const { userId } = await params;
 
   return (
-    <Action action={updateUser} args={[await locale(), userId]} initialData="">
+    <Action action={updateUser} args={[await locale(), userId]} >
       <UpdateUserForm />
     </Action>
   );
@@ -298,7 +299,6 @@ export function SignUpAction({ children }: PropsWithChildren) {
   return (
     <Action
       action={signUp}
-      initialData={undefined}
       validate={(formData) => {
         const result = zfd.formData(signUpSchema).safeParse(formData);
 
@@ -327,7 +327,6 @@ export function SignUpAction({ children }: PropsWithChildren) {
   return (
     <Action
       action={signUp}
-      initialData={undefined}
       validate={validateSchema(signUpSchema)}
     >
       {children}
@@ -352,7 +351,6 @@ export function UpdateUserAction({ children }: PropsWithChildren) {
   return (
     <Action
       action={updateUser}
-      initialData={undefined}
     >
       {/* IMPORTANT: must be rendered as a child of the <Action /> context. */}
       <ResetAction />
@@ -396,6 +394,56 @@ export function UpdateUserForm() {
 }
 ```
 
+### `<Submit>`
+
+A render prop component for submit buttons. It combines the action pending state (from the `<Action>` context) with the native `useFormStatus()` of the enclosing `<form>`.
+
+⚠️ Must be rendered within a `<form>` (e.g. the `<Form>` component) which is a descendant of `<Action>`.
+
+The render prop receives the `FormStatus` fields (`pending`, `data`, `method`, `action`) and an additional `disabled` flag, which is `true` while the **action** is pending.
+
+```tsx
+import type { ReactNode } from "react";
+import { Action, Form, Submit } from "react-form-action/client";
+
+
+// 👉 Use the <Submit> to define your custom SubmitButton: 
+function SubmitButton({
+  children,
+  pendingLabel,
+}: {
+  children: ReactNode;
+  pendingLabel: string;
+}) {
+  return (
+    <Submit>
+      {({ pending, disabled }) => (
+        // 👉 `disabled` reflects the action state, `pending` the form submission
+        <button type="submit" disabled={disabled}>
+          {pending ? pendingLabel : children}
+        </button>
+      )}
+    </Submit>
+  );
+}
+
+// 👉 on submit, both buttons will be disabled but only the submitted one will have the pending label
+function DecisionForm() {
+  return (
+    <Action action={decideAction}>
+      <Form>
+        <input type="hidden" name="decision" defaultValue="accept" />
+        <SubmitButton pendingLabel="Accepting...">Accept</SubmitButton>
+      </Form>
+      <Form>
+        <input type="hidden" name="decision" defaultValue="reject" />
+        <SubmitButton pendingLabel="Rejecting...">Reject</SubmitButton>
+      </Form>
+    </Action>
+  );
+}
+```
+
 ### Context Bound Components `createComponents()`
 
 Use the `createComponents(action)` helper to create components which use the ActionContext and have types bound to the action type.
@@ -435,7 +483,7 @@ const { FieldError } = createComponents(signUpAction);
 
 export function SignUpForm() {
   return (
-    <Action action={signUpAction} initialData={null}>
+    <Action action={signUpAction}>
       <Form>
         {/* 1️⃣ When the "name" prop is an empty string, the top-level error will be rendered e.g.:
           "Passwords don't match" */}
@@ -570,8 +618,6 @@ function SubmitButton() {
 };
 ```
 
-
-
 ### Action Creator
 
 Low-level action creator, which provides the `success`, `failure` and `invalid` envelope constructors. With the `createFormAction` you must handle the native `FormData` by yourself.

package/dist/client.d.mts

@@ -1,8 +1,8 @@
-import { a as FormAction, c as SuccessState, i as FailureState, o as InitialState, r as ActionState, s as InvalidState, t as Flatten } from "./formAction-0eiUHrXx.mjs";
-import React$1, { JSX, PropsWithChildren } from "react";
+import { a as FormAction, c as SuccessState, i as FailureState, o as InitialState, r as ActionState, s as InvalidState, t as Flatten } from "./formAction-CGw5j857.mjs";
+import React$1, { JSX, PropsWithChildren, ReactNode } from "react";
+import { FormStatus } from "react-dom";
 import { $ZodErrorTree } from "zod/v4/core";
-//#region src/Action.d.ts
-type ActionProps<Data, Error, ValidationError, Arguments extends unknown[] = []> = PropsWithChildren<{
+export type ActionProps<Data, Error, ValidationError, Arguments extends unknown[] = []> = PropsWithChildren<{
   /**
    * Whether the form action should automatically reset when unmounted.
    */
@@ -14,7 +14,7 @@ type ActionProps<Data, Error, ValidationError, Arguments extends unknown[] = []>
    */
   validate?: (payload: FormData) => ValidationError | undefined | null;
   permalink?: string;
-  initialData: Data;
+  initialData?: Data;
 } & (Arguments extends [unknown, ...unknown[]] ? {
   action: FormAction<Data, Error, ValidationError, FormData, Arguments>;
   args: Arguments;
@@ -28,7 +28,7 @@ type ActionStatusFlags<T extends ActionState<unknown, unknown, unknown>["type"]
   isFailure: T extends "failure" ? true : false;
   isSuccess: T extends "success" ? true : false;
 };
-type ActionContextState<T extends ActionState<unknown, unknown, unknown>> = Flatten<T & ActionStatusFlags<T["type"]> & {
+export type ActionContextState<T extends ActionState<unknown, unknown, unknown>> = Flatten<T & ActionStatusFlags<T["type"]> & {
   /**
    * The dispatch function returned from React.useActionState()
    */
@@ -42,40 +42,36 @@ type ActionContextState<T extends ActionState<unknown, unknown, unknown>> = Flat
 /**
  * NOTE: ActionContextState<ActionState<...>> would not allow discriminate the union inside of the ActionState.
  */
-type SpreadActionContext<Data = unknown, Error = unknown, ValidationError = unknown> = ActionContextState<InitialState<Data>> | ActionContextState<InvalidState<ValidationError>> | ActionContextState<FailureState<Error>> | ActionContextState<SuccessState<Data>>;
+export type SpreadActionContext<Data = unknown, Error = unknown, ValidationError = unknown> = ActionContextState<InitialState<Data>> | ActionContextState<InvalidState<ValidationError>> | ActionContextState<FailureState<Error>> | ActionContextState<SuccessState<Data>>;
 /**
  * A hook to consume the form action state from the context.
  */
-declare function useActionContext<Data, Error, ValidationError, Args extends unknown[] = []>(_action?: FormAction<Data, Error, ValidationError, FormData, Args>): SpreadActionContext<Data, Error, ValidationError>;
-declare function Action<Data, Error, ValidationError, Args extends unknown[] = []>({ children, action: formAction, initialData, args, permalink, validate, autoReset }: ActionProps<Data, Error, ValidationError, Args>): import("react").JSX.Element;
-//#endregion
-//#region src/ZodFieldError.d.ts
+export declare function useActionContext<Data, Error, ValidationError, Args extends unknown[] = []>(_action?: FormAction<Data, Error, ValidationError, FormData, Args>): SpreadActionContext<Data, Error, ValidationError>;
+export declare function Action<Data, Error, ValidationError, Args extends unknown[] = []>({ children, action: formAction, initialData, args, permalink, validate, autoReset }: ActionProps<Data, Error, ValidationError, Args>): import("react").JSX.Element;
 declare const SEPARATOR: ".";
-type Paths<Shape extends $ZodErrorTree<object>, Props = Required<NonNullable<Shape["properties"]>>> = { [k in keyof Props]: k extends string ? NonNullable<Props[k]> extends $ZodErrorTree<object> ? "properties" extends keyof NonNullable<Props[k]> ? `${k}${typeof SEPARATOR}${Paths<NonNullable<Props[k]>>}` : k : k : never; }[keyof Props];
-type InferZodErrorPaths<T> = T extends $ZodErrorTree<object> ? Paths<T> : never;
-type ZodFieldErrorProps<Errors extends $ZodErrorTree<unknown>, Name extends "" | InferZodErrorPaths<Errors>> = {
+export type Paths<Shape extends $ZodErrorTree<object>, Props = Required<NonNullable<Shape["properties"]>>> = { [k in keyof Props]: k extends string ? NonNullable<Props[k]> extends $ZodErrorTree<object> ? "properties" extends keyof NonNullable<Props[k]> ? `${k}${typeof SEPARATOR}${Paths<NonNullable<Props[k]>>}` : k : k : never; }[keyof Props];
+export type InferZodErrorPaths<T> = T extends $ZodErrorTree<object> ? Paths<T> : never;
+export type ZodFieldErrorProps<Errors extends $ZodErrorTree<unknown>, Name extends "" | InferZodErrorPaths<Errors>> = {
   errors: Errors;
   name: Name;
   children?: (props: ZodFieldErrorChildrenProps<Name>) => React$1.ReactNode;
 };
-type ZodFieldErrorChildrenProps<Name> = {
+export type ZodFieldErrorChildrenProps<Name> = {
   name: Name;
   error?: string;
   errors: readonly string[];
 };
-declare const noError: Readonly<{
+export declare const noError: Readonly<{
   errors: readonly string[];
 }>;
-declare function ZodFieldError<Errors extends $ZodErrorTree<object>, Name extends "" | InferZodErrorPaths<Errors> = "">({ errors, name, children }: ZodFieldErrorProps<Errors, Name>): React$1.ReactNode;
-//#endregion
-//#region src/createComponents.d.ts
+export declare function ZodFieldError<Errors extends $ZodErrorTree<object>, Name extends "" | InferZodErrorPaths<Errors> = "">({ errors, name, children }: ZodFieldErrorProps<Errors, Name>): React$1.ReactNode;
 type ErrorProps = ZodFieldErrorChildrenProps<string>;
 type Reducers<State = unknown> = Record<string, (state: State, errorProps: ErrorProps) => unknown>;
 type InferFieldProps<T extends Reducers<any>> = { [K in keyof T]: ReturnType<T[K]>; };
 /**
  * Creates a typed components for actions created with the formAction builder.
  */
-declare function createComponents<Data, Error, ValidationError extends $ZodErrorTree<any>, Args extends unknown[] = [], FieldReducers extends Reducers<SpreadActionContext<Data, Error, ValidationError>> = Reducers<SpreadActionContext<Data, Error, ValidationError>>>(action: FormAction<Data, Error, ValidationError, FormData, Args>, options?: {
+export declare function createComponents<Data, Error, ValidationError extends $ZodErrorTree<any>, Args extends unknown[] = [], FieldReducers extends Reducers<SpreadActionContext<Data, Error, ValidationError>> = Reducers<SpreadActionContext<Data, Error, ValidationError>>>(action: FormAction<Data, Error, ValidationError, FormData, Args>, options?: {
   fieldProps?: FieldReducers;
 }): {
   FieldError: <Name extends "" | InferZodErrorPaths<ValidationError>>({ name, children }: {
@@ -111,9 +107,7 @@ declare function createComponents<Data, Error, ValidationError extends $ZodError
     value: string;
   } & React$1.InputHTMLAttributes<HTMLInputElement>) => React$1.JSX.Element;
 };
-//#endregion
-//#region src/Form.d.ts
-type FormProps = Omit<JSX.IntrinsicElements["form"], "action"> & {
+export type FormProps = Omit<JSX.IntrinsicElements["form"], "action"> & {
   /**
    * Opt-in into automatic form reset by using the form "action" prop.
    * By default, the onSubmit with a custom transition which opts-out of the implicit form reset.
@@ -122,26 +116,38 @@ type FormProps = Omit<JSX.IntrinsicElements["form"], "action"> & {
    */
   autoReset?: boolean;
 };
-declare function Form({ autoReset, ...props }: FormProps): JSX.Element;
-//#endregion
-//#region src/Pending.d.ts
+export declare function Form({ autoReset, ...props }: FormProps): JSX.Element;
 /**
  * Conditionally renders the children, when the form action is in the "pending" state.
  */
-declare function Pending({ children }: PropsWithChildren | {
+export declare function Pending({ children }: PropsWithChildren | {
   children?: (props: {
     isPending: boolean;
   }) => React.ReactNode;
 }): import("react").ReactNode;
-//#endregion
-//#region src/useResetAction.d.ts
+type SubmitChildrenProps = FormStatus & {
+  /**
+   * Whether the **action** is pending. It will disable the submit button when true.
+   */
+  disabled: boolean;
+};
+type SubmitProps = {
+  /**
+   * A render prop to render the submit button.
+   */
+  children: (props: SubmitChildrenProps) => ReactNode;
+};
+/**
+ * A submit status component that tracks both the action & form pending states.
+ * NOTE: must be rendered within a <form>.
+ */
+export declare function Submit({ children }: SubmitProps): ReactNode;
 /**
  * Hook to automatically reset the action when the component unmounts, unless it is in the initial state.
  */
-declare function useResetAction(): void;
+export declare function useResetAction(): void;
 /**
  * Component that automatically resets the action when it unmounts, unless it is in the initial state.
  */
-declare function ResetAction(): null;
-//#endregion
-export { Action, ActionContextState, ActionProps, Form, FormProps, InferZodErrorPaths, Paths, Pending, ResetAction, SpreadActionContext, ZodFieldError, ZodFieldErrorChildrenProps, ZodFieldErrorProps, createComponents, noError, useActionContext, useResetAction };
+export declare function ResetAction(): null;
+export {};

package/dist/client.mjs

@@ -1 +1 @@
-"use client";import{n as e,t}from"./createFormAction-BwMYAzm2.mjs";import{createContext as n,startTransition as r,use as i,useActionState as a,useCallback as o,useEffect as s}from"react";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";function d(){let{reset:e,isInitial:t}=h();s(()=>()=>{t||e()},[t,e])}function f(){return d(),null}const p={isInitial:!1,isInvalid:!1,isFailure:!1,isSuccess:!1},m=n(null);function h(e){let t=i(m);if(!t)throw Error(`ActionContext must be initialized before use. Is your useActionContext hook wrapped with an <Action> Component?`);return t}function g({children:n,action:i,initialData:s,args:c,permalink:d,validate:h,autoReset:g=!0}){let _=c?i.bind(null,...c):i,[v,y,b]=a(async(n,r)=>{if(r===null)return e(s);if(h){let e=await t(({invalid:e,success:t})=>async(n,r)=>{let i=h(r);return i?e(i):t(!0)})(n,r);if(e.type===`invalid`)return e}return _(n,r)},e(s),d),x={action:y,reset:o(()=>{r(()=>{y(null)})},[y]),isPending:b},S=v.type===`initial`?{...x,...v,...p,isInitial:!0}:v.type===`invalid`?{...x,...v,...p,isInvalid:!0}:v.type===`failure`?{...x,...v,...p,isFailure:!0}:{...x,...v,...p,isSuccess:!0};return u(m,{value:S,children:[g&&l(f,{}),n]})}const _=Object.freeze({errors:Object.freeze([])});function v({errors:e,name:t,children:n=({error:e})=>l(c,{children:e})}){if(t.length===0)return n({name:t,error:e.errors[0],errors:e.errors});let r=t.split(`.`),i=e;for(let e of r){if(!i.properties){i=_;break}i=i.properties[e]??_}return n({name:t,error:i.errors[0],errors:i.errors})}function y(e,t={}){function n({name:e,value:t,...n}){return l(`input`,{type:`hidden`,name:e,defaultValue:t,...n})}function r({name:n,children:r}){let i=h(e),{isInvalid:a,validationError:o}=i,s=r??(({error:e})=>a&&l(c,{children:e}));return l(v,{errors:o??_,name:n,children:e=>{let n=Object.fromEntries(Object.entries(t.fieldProps??{}).map(([t,n])=>[t,n(i,e)]));return s({...e,...n})}})}function i({children:t}){let{isFailure:n,error:r}=h(e);return n?typeof t==`function`?t({isFailure:n,error:r}):t:null}function a({children:t}){let{isSuccess:n,data:r}=h(e);return typeof t==`function`?t({isSuccess:n,data:r}):n&&t}function o({children:t}){let{isInvalid:n,validationError:r}=h(e);return typeof t==`function`?t({isInvalid:n,validationError:r}):n&&t}return{FieldError:r,Failure:i,Success:a,Invalid:o,Value:n}}function b({autoReset:e=!1,...t}){let{action:n}=h();return l(`form`,{...e?{action:n}:{onSubmit:e=>{e.preventDefault();let t=e.currentTarget;r(()=>{n(new FormData(t))})}},...t})}function x({children:e}){let{isPending:t}=h();return typeof e==`function`?e({isPending:t}):t&&e}export{g as Action,b as Form,x as Pending,f as ResetAction,v as ZodFieldError,y as createComponents,_ as noError,h as useActionContext,d as useResetAction};
+"use client";import{n as e,t}from"./createFormAction-BwMYAzm2.mjs";import{createContext as n,startTransition as r,use as i,useActionState as a,useCallback as o,useEffect as s}from"react";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{useFormStatus as d}from"react-dom";function f(){let{reset:e,isInitial:t}=g();s(()=>()=>{t||e()},[t,e])}function p(){return f(),null}const m={isInitial:!1,isInvalid:!1,isFailure:!1,isSuccess:!1},h=n(null);function g(e){let t=i(h);if(!t)throw Error(`ActionContext must be initialized before use. Is your useActionContext hook wrapped with an <Action> Component?`);return t}function _({children:n,action:i,initialData:s,args:c,permalink:d,validate:f,autoReset:g=!0}){let _=c?i.bind(null,...c):i,[v,y,b]=a(async(n,r)=>{if(r===null)return e(s);if(f){let e=await t(({invalid:e,success:t})=>async(n,r)=>{let i=f(r);return i?e(i):t(!0)})(n,r);if(e.type===`invalid`)return e}return _(n,r)},e(s),d),x={action:y,reset:o(()=>{r(()=>{y(null)})},[y]),isPending:b},S=v.type===`initial`?{...x,...v,...m,isInitial:!0}:v.type===`invalid`?{...x,...v,...m,isInvalid:!0}:v.type===`failure`?{...x,...v,...m,isFailure:!0}:{...x,...v,...m,isSuccess:!0};return/* @__PURE__ */ u(h,{value:S,children:[g&&/* @__PURE__ */ l(p,{}),n]})}const v=Object.freeze({errors:Object.freeze([])});function y({errors:e,name:t,children:n=({error:e})=>/* @__PURE__ */ l(c,{children:e})}){if(t.length===0)return n({name:t,error:e.errors[0],errors:e.errors});let r=t.split(`.`),i=e;for(let e of r){if(!i.properties){i=v;break}i=i.properties[e]??v}return n({name:t,error:i.errors[0],errors:i.errors})}function b(e,t={}){function n({name:e,value:t,...n}){return/* @__PURE__ */ l(`input`,{type:`hidden`,name:e,defaultValue:t,...n})}function r({name:n,children:r}){let i=g(e),{isInvalid:a,validationError:o}=i,s=r??(({error:e})=>a&&/* @__PURE__ */ l(c,{children:e}));return/* @__PURE__ */ l(y,{errors:o??v,name:n,children:e=>{let n=Object.fromEntries(Object.entries(t.fieldProps??{}).map(([t,n])=>[t,n(i,e)]));return s({...e,...n})}})}function i({children:t}){let{isFailure:n,error:r}=g(e);return n?typeof t==`function`?t({isFailure:n,error:r}):t:null}function a({children:t}){let{isSuccess:n,data:r}=g(e);return typeof t==`function`?t({isSuccess:n,data:r}):n&&t}function o({children:t}){let{isInvalid:n,validationError:r}=g(e);return typeof t==`function`?t({isInvalid:n,validationError:r}):n&&t}return{FieldError:r,Failure:i,Success:a,Invalid:o,Value:n}}function x({autoReset:e=!1,...t}){let{action:n}=g();return/* @__PURE__ */ l(`form`,{...e?{action:n}:{onSubmit:e=>{e.preventDefault();let t=e.currentTarget;r(()=>{n(new FormData(t))})}},...t})}function S({children:e}){let{isPending:t}=g();return typeof e==`function`?e({isPending:t}):t&&e}function C({children:e}){let{isPending:t}=g();return e({...d(),disabled:t})}export{_ as Action,x as Form,S as Pending,p as ResetAction,C as Submit,y as ZodFieldError,b as createComponents,v as noError,g as useActionContext,f as useResetAction};

package/dist/{formAction-0eiUHrXx.d.mts → formAction-CGw5j857.d.mts}

@@ -1,6 +1,5 @@
 import { ZodObject, ZodTuple, ZodType, z } from "zod/v4";
 import { $ZodErrorTree, $ZodShape, $ZodType } from "zod/v4/core";
-//#region src/createFormAction.d.ts
 type InitialState<T> = {
   type: "initial";
   data: T;
@@ -33,8 +32,6 @@ declare function createFormAction<Data, Error = Data, ValidationError = Record<s
   failure: (error: Error) => FailureState<Error>;
   invalid: (validationError: ValidationError) => InvalidState<ValidationError>;
 }, ...args: Arguments) => FormAction<Data, Error, ValidationError, Payload>): (...args: [...Arguments, state: ActionState<Data, Error, ValidationError>, payload: Payload]) => Promise<ActionState<Data, Error, ValidationError>>;
-//#endregion
-//#region src/formAction.d.ts
 declare const emptyInput: unique symbol;
 type EmptyInput = typeof emptyInput;
 type Flatten<T> = Identity<{ [K in keyof T]: T[K]; }>;
@@ -86,5 +83,4 @@ type FormActionBuilder<Schema extends ZodType | EmptyInput, Args extends $ZodTyp
   error: <TErr>(processError: ErrorHandler<Context, TErr, PlainArgs>) => FormActionBuilder<Schema, Args, TErr, Context>;
 };
 declare const formAction: FormActionBuilder<typeof emptyInput, [], unknown, InitialContext, []>;
-//#endregion
 export { FormAction as a, SuccessState as c, FailureState as i, createFormAction as l, formAction as n, InitialState as o, ActionState as r, InvalidState as s, Flatten as t, initial as u };

package/dist/index.d.mts

@@ -1,11 +1,9 @@
-import { a as FormAction, c as SuccessState, i as FailureState, l as createFormAction, n as formAction, o as InitialState, r as ActionState, s as InvalidState, t as Flatten, u as initial } from "./formAction-0eiUHrXx.mjs";
+import { a as FormAction, c as SuccessState, i as FailureState, l as createFormAction, n as formAction, o as InitialState, r as ActionState, s as InvalidState, t as Flatten, u as initial } from "./formAction-CGw5j857.mjs";
 import { ZodObject, z } from "zod";
-//#region src/validateSchema.d.ts
 /**
  * A helper to make a validate function for the client validation with <Action validate={} /> prop.
  * @param schema z.object(...) schema
  * @returns validate function
  */
-declare function validateSchema<T extends ZodObject>(schema: T): (formData: FormData) => z.core.$ZodErrorTree<z.infer<T>, string> | null;
-//#endregion
-export { ActionState, FailureState, Flatten, FormAction, InitialState, InvalidState, SuccessState, createFormAction, formAction, initial, validateSchema };
+export declare function validateSchema<T extends ZodObject>(schema: T): (formData: FormData) => z.core.$ZodErrorTree<z.infer<T>, string> | null;
+export { ActionState, FailureState, Flatten, FormAction, InitialState, InvalidState, SuccessState, createFormAction, formAction, initial };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-form-action",
-  "version": "2.18.0",
+  "version": "2.19.1",
   "description": "State management helpers for the react form actions.",
   "repository": {
     "type": "git",
@@ -57,22 +57,22 @@
     "zod-form-data": "^3.0.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.5.11",
-    "@testing-library/dom": "^10.4.1",
+    "@biomejs/biome": "^2.6.6",
+    "@testing-library/dom": "^10.4.2",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
-    "@testing-library/user-event": "^14.6.6",
-    "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.5",
-    "@vitejs/plugin-react": "^6.1.1",
-    "happy-dom": "^20.12.0",
-    "npm-check-updates": "^23.1.0",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
-    "tsdown": "^0.22.14",
+    "@testing-library/user-event": "^14.6.8",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitejs/plugin-react": "^6.2.1",
+    "happy-dom": "^21.0.4",
+    "npm-check-updates": "^23.1.1",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "tsdown": "^0.23.7",
     "typescript": "^7.0.2",
-    "vitest": "^4.1.11",
-    "zod": "^4.5.4",
-    "zod-form-data": "^3.0.3"
+    "vitest": "^5.1.0",
+    "zod": "^4.6.7",
+    "zod-form-data": "^3.0.4"
   }
 }