@tanstack/react-form-remix 1.25.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021-present Tanner Linsley
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,35 @@
+<img src="https://static.scarf.sh/a.png?x-pxid=be2d8a11-9712-4c1d-9963-580b2d4fb133" />
+
+![TanStack Form Header](https://github.com/TanStack/form/raw/main/media/repo-header.png)
+
+Hooks for managing form state in React
+
+<a href="https://twitter.com/intent/tweet?button_hashtag=TanStack" target="\_parent">
+  <img alt="#TanStack" src="https://img.shields.io/twitter/url?color=%2308a0e9&label=%23TanStack&style=social&url=https%3A%2F%2Ftwitter.com%2Fintent%2Ftweet%3Fbutton_hashtag%3DTanStack">
+</a><a href="https://discord.com/invite/WrRKjPJ" target="\_parent">
+  <img alt="" src="https://img.shields.io/badge/Discord-TanStack-%235865F2" />
+</a><a href="https://github.com/TanStack/form/actions?query=workflow%3A%22react-form+tests%22">
+<img src="https://github.com/TanStack/form/workflows/react-form%20tests/badge.svg" />
+</a><a href="https://www.npmjs.com/package/@tanstack/form-core" target="\_parent">
+  <img alt="" src="https://img.shields.io/npm/dm/@tanstack/form-core.svg" />
+</a><a href="https://bundlephobia.com/package/@tanstack/react-form@latest" target="\_parent">
+  <img alt="" src="https://badgen.net/bundlephobia/minzip/@tanstack/react-form" />
+</a><a href="#badge">
+    <img alt="semantic-release" src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg">
+  </a><a href="https://github.com/TanStack/form/discussions">
+  <img alt="Join the discussion on Github" src="https://img.shields.io/badge/Github%20Discussions%20%26%20Support-Chat%20now!-blue" />
+</a><a href="https://bestofjs.org/projects/tanstack-form"><img alt="Best of JS" src="https://img.shields.io/endpoint?url=https://bestofjs-serverless.now.sh/api/project-badge?fullName=TanStack%form%26since=daily" /></a><a href="https://github.com/TanStack/form/" target="\_parent">
+  <img alt="" src="https://img.shields.io/github/stars/TanStack/form.svg?style=social&label=Star" />
+</a><a href="https://twitter.com/tannerlinsley" target="\_parent">
+  <img alt="" src="https://img.shields.io/twitter/follow/tannerlinsley.svg?style=social&label=Follow" />
+</a> <a href="https://gitpod.io/from-referrer/">
+  <img src="https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod" alt="Gitpod Ready-to-Code"/>
+</a>
+
+Enjoy this library? Try the entire [TanStack](https://tanstack.com)! [TanStack Table](https://github.com/TanStack/table), [TanStack Router](https://github.com/tanstack/router), [TanStack Virtual](https://github.com/tanstack/virtual), [React Charts](https://github.com/TanStack/react-charts), [React Ranger](https://github.com/TanStack/ranger)
+
+## Visit [tanstack.com/form](https://tanstack.com/form) for docs, guides, API and more!
+
+### [Become a Sponsor!](https://github.com/sponsors/tannerlinsley/)
+
+<!-- Use the force, Luke -->

package/dist/esm/createServerValidate.d.ts

@@ -0,0 +1,8 @@
+import { decode } from 'decode-formdata';
+import { FormAsyncValidateOrFn, FormOptions, FormValidateOrFn, ServerFormState } from '@tanstack/react-form';
+interface CreateServerValidateOptions<TFormData, TOnMount extends undefined | FormValidateOrFn<TFormData>, TOnChange extends undefined | FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnDynamic extends undefined | FormValidateOrFn<TFormData>, TOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>, TSubmitMeta> extends FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta> {
+    onServerValidate: TOnServer;
+}
+export declare const createServerValidate: <TFormData, TOnMount extends undefined | FormValidateOrFn<TFormData>, TOnChange extends undefined | FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnDynamic extends undefined | FormValidateOrFn<TFormData>, TOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>, TSubmitMeta>(defaultOpts: CreateServerValidateOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => (formData: FormData, info?: Parameters<typeof decode>[1]) => Promise<TFormData>;
+export declare const initialFormState: ServerFormState<any, undefined>;
+export {};

package/dist/esm/createServerValidate.js

@@ -0,0 +1,51 @@
+import { decode } from "decode-formdata";
+import { isGlobalFormValidationError, isStandardSchemaValidator, standardSchemaValidators } from "@tanstack/react-form";
+import { ServerValidateError } from "./error.js";
+const createServerValidate = (defaultOpts) => async (formData, info) => {
+  const { onServerValidate } = defaultOpts;
+  const runValidator = async ({
+    value,
+    validationSource
+  }) => {
+    if (isStandardSchemaValidator(onServerValidate)) {
+      return await standardSchemaValidators.validateAsync(
+        { value, validationSource },
+        onServerValidate
+      );
+    }
+    return onServerValidate({
+      value,
+      signal: void 0,
+      formApi: void 0
+    });
+  };
+  const values = decode(formData, info);
+  const onServerError = await runValidator({
+    value: values,
+    validationSource: "form"
+  });
+  if (!onServerError) return values;
+  const onServerErrorVal = isGlobalFormValidationError(onServerError) ? onServerError.form : onServerError;
+  const formState = {
+    errorMap: {
+      onServer: onServerError
+    },
+    values,
+    errors: onServerErrorVal ? [onServerErrorVal] : []
+  };
+  throw new ServerValidateError({
+    formState
+  });
+};
+const initialFormState = {
+  errorMap: {
+    onServer: void 0
+  },
+  values: void 0,
+  errors: []
+};
+export {
+  createServerValidate,
+  initialFormState
+};
+//# sourceMappingURL=createServerValidate.js.map

package/dist/esm/createServerValidate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createServerValidate.js","sources":["../../src/createServerValidate.ts"],"sourcesContent":["import { decode } from 'decode-formdata'\nimport {\n  isGlobalFormValidationError,\n  isStandardSchemaValidator,\n  standardSchemaValidators,\n} from '@tanstack/react-form'\nimport { ServerValidateError } from './error'\n\nimport type {\n  FormAsyncValidateOrFn,\n  FormOptions,\n  FormValidateAsyncFn,\n  FormValidateOrFn,\n  ServerFormState,\n  UnwrapFormAsyncValidateOrFn,\n} from '@tanstack/react-form'\n\ninterface CreateServerValidateOptions<\n  TFormData,\n  TOnMount extends undefined | FormValidateOrFn<TFormData>,\n  TOnChange extends undefined | FormValidateOrFn<TFormData>,\n  TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>,\n  TOnBlur extends undefined | FormValidateOrFn<TFormData>,\n  TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>,\n  TOnSubmit extends undefined | FormValidateOrFn<TFormData>,\n  TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>,\n  TOnDynamic extends undefined | FormValidateOrFn<TFormData>,\n  TOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TFormData>,\n  TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>,\n  TSubmitMeta,\n> extends FormOptions<\n    TFormData,\n    TOnMount,\n    TOnChange,\n    TOnChangeAsync,\n    TOnBlur,\n    TOnBlurAsync,\n    TOnSubmit,\n    TOnSubmitAsync,\n    TOnDynamic,\n    TOnDynamicAsync,\n    TOnServer,\n    TSubmitMeta\n  > {\n  onServerValidate: TOnServer\n}\n\nexport const createServerValidate =\n  <\n    TFormData,\n    TOnMount extends undefined | FormValidateOrFn<TFormData>,\n    TOnChange extends undefined | FormValidateOrFn<TFormData>,\n    TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>,\n    TOnBlur extends undefined | FormValidateOrFn<TFormData>,\n    TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>,\n    TOnSubmit extends undefined | FormValidateOrFn<TFormData>,\n    TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>,\n    TOnDynamic extends undefined | FormValidateOrFn<TFormData>,\n    TOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TFormData>,\n    TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>,\n    TSubmitMeta,\n  >(\n    defaultOpts: CreateServerValidateOptions<\n      TFormData,\n      TOnMount,\n      TOnChange,\n      TOnChangeAsync,\n      TOnBlur,\n      TOnBlurAsync,\n      TOnSubmit,\n      TOnSubmitAsync,\n      TOnDynamic,\n      TOnDynamicAsync,\n      TOnServer,\n      TSubmitMeta\n    >,\n  ) =>\n  async (formData: FormData, info?: Parameters<typeof decode>[1]) => {\n    const { onServerValidate } = defaultOpts\n\n    const runValidator = async ({\n      value,\n      validationSource,\n    }: {\n      value: TFormData\n      validationSource: 'form'\n    }) => {\n      if (isStandardSchemaValidator(onServerValidate)) {\n        return await standardSchemaValidators.validateAsync(\n          { value, validationSource },\n          onServerValidate,\n        )\n      }\n      return (onServerValidate as FormValidateAsyncFn<TFormData>)({\n        value,\n        signal: undefined as never,\n        formApi: undefined as never,\n      })\n    }\n\n    const values = decode(formData, info) as never as TFormData\n\n    const onServerError = (await runValidator({\n      value: values,\n      validationSource: 'form',\n    })) as UnwrapFormAsyncValidateOrFn<TOnServer> | undefined\n\n    if (!onServerError) return values\n\n    const onServerErrorVal = (\n      isGlobalFormValidationError(onServerError)\n        ? onServerError.form\n        : onServerError\n    ) as UnwrapFormAsyncValidateOrFn<TOnServer>\n\n    const formState: ServerFormState<TFormData, TOnServer> = {\n      errorMap: {\n        onServer: onServerError,\n      },\n      values,\n      errors: onServerErrorVal ? [onServerErrorVal] : [],\n    }\n\n    throw new ServerValidateError({\n      formState,\n    })\n  }\n\nexport const initialFormState: ServerFormState<any, undefined> = {\n  errorMap: {\n    onServer: undefined,\n  },\n  values: undefined,\n  errors: [],\n}\n"],"names":[],"mappings":";;;AA+CO,MAAM,uBACX,CAcE,gBAeF,OAAO,UAAoB,SAAwC;AACjE,QAAM,EAAE,qBAAqB;AAE7B,QAAM,eAAe,OAAO;AAAA,IAC1B;AAAA,IACA;AAAA,EAAA,MAII;AACJ,QAAI,0BAA0B,gBAAgB,GAAG;AAC/C,aAAO,MAAM,yBAAyB;AAAA,QACpC,EAAE,OAAO,iBAAA;AAAA,QACT;AAAA,MAAA;AAAA,IAEJ;AACA,WAAQ,iBAAoD;AAAA,MAC1D;AAAA,MACA,QAAQ;AAAA,MACR,SAAS;AAAA,IAAA,CACV;AAAA,EACH;AAEA,QAAM,SAAS,OAAO,UAAU,IAAI;AAEpC,QAAM,gBAAiB,MAAM,aAAa;AAAA,IACxC,OAAO;AAAA,IACP,kBAAkB;AAAA,EAAA,CACnB;AAED,MAAI,CAAC,cAAe,QAAO;AAE3B,QAAM,mBACJ,4BAA4B,aAAa,IACrC,cAAc,OACd;AAGN,QAAM,YAAmD;AAAA,IACvD,UAAU;AAAA,MACR,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,IACA,QAAQ,mBAAmB,CAAC,gBAAgB,IAAI,CAAA;AAAA,EAAC;AAGnD,QAAM,IAAI,oBAAoB;AAAA,IAC5B;AAAA,EAAA,CACD;AACH;AAEK,MAAM,mBAAoD;AAAA,EAC/D,UAAU;AAAA,IACR,UAAU;AAAA,EAAA;AAAA,EAEZ,QAAQ;AAAA,EACR,QAAQ,CAAA;AACV;"}

package/dist/esm/error.d.ts

@@ -0,0 +1,9 @@
+import { FormAsyncValidateOrFn, ServerFormState } from '@tanstack/react-form';
+interface ServerValidateErrorState<TFormData, TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>> {
+    formState: ServerFormState<TFormData, TOnServer>;
+}
+export declare class ServerValidateError<TFormData, TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>> extends Error implements ServerValidateErrorState<TFormData, TOnServer> {
+    formState: ServerFormState<TFormData, TOnServer>;
+    constructor(options: ServerValidateErrorState<TFormData, TOnServer>);
+}
+export {};

package/dist/esm/error.js

@@ -0,0 +1,11 @@
+class ServerValidateError extends Error {
+  constructor(options) {
+    super("Your form has errors. Please check the fields and try again.");
+    this.name = "ServerValidateError";
+    this.formState = options.formState;
+  }
+}
+export {
+  ServerValidateError
+};
+//# sourceMappingURL=error.js.map

package/dist/esm/error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.js","sources":["../../src/error.ts"],"sourcesContent":["import type {\n  FormAsyncValidateOrFn,\n  ServerFormState,\n} from '@tanstack/react-form'\n\ninterface ServerValidateErrorState<\n  TFormData,\n  TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>,\n> {\n  formState: ServerFormState<TFormData, TOnServer>\n}\n\nexport class ServerValidateError<\n    TFormData,\n    TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>,\n  >\n  extends Error\n  implements ServerValidateErrorState<TFormData, TOnServer>\n{\n  formState: ServerFormState<TFormData, TOnServer>\n\n  constructor(options: ServerValidateErrorState<TFormData, TOnServer>) {\n    super('Your form has errors. Please check the fields and try again.')\n    this.name = 'ServerValidateError'\n    this.formState = options.formState\n  }\n}\n"],"names":[],"mappings":"AAYO,MAAM,4BAIH,MAEV;AAAA,EAGE,YAAY,SAAyD;AACnE,UAAM,8DAA8D;AACpE,SAAK,OAAO;AACZ,SAAK,YAAY,QAAQ;AAAA,EAC3B;AACF;"}

package/dist/esm/index.d.ts

@@ -0,0 +1,4 @@
+export * from '@tanstack/react-form';
+export * from './createServerValidate.js';
+export * from './error.js';
+export * from './useTransform.js';

package/dist/esm/index.js

@@ -0,0 +1,11 @@
+export * from "@tanstack/react-form";
+import { createServerValidate, initialFormState } from "./createServerValidate.js";
+import { ServerValidateError } from "./error.js";
+import { useTransform } from "./useTransform.js";
+export {
+  ServerValidateError,
+  createServerValidate,
+  initialFormState,
+  useTransform
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/useTransform.d.ts

@@ -0,0 +1,2 @@
+import { AnyFormApi, FormTransform } from '@tanstack/react-form';
+export declare function useTransform(fn: (formBase: AnyFormApi) => AnyFormApi, deps: unknown[]): FormTransform<any, any, any, any, any, any, any, any, any, any, any, any>;

package/dist/esm/useTransform.js

@@ -0,0 +1,10 @@
+function useTransform(fn, deps) {
+  return {
+    fn,
+    deps
+  };
+}
+export {
+  useTransform
+};
+//# sourceMappingURL=useTransform.js.map

package/dist/esm/useTransform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTransform.js","sources":["../../src/useTransform.ts"],"sourcesContent":["import type { AnyFormApi, FormTransform } from '@tanstack/react-form'\n\nexport function useTransform(\n  fn: (formBase: AnyFormApi) => AnyFormApi,\n  deps: unknown[],\n): FormTransform<any, any, any, any, any, any, any, any, any, any, any, any> {\n  return {\n    fn,\n    deps,\n  }\n}\n"],"names":[],"mappings":"AAEO,SAAS,aACd,IACA,MAC2E;AAC3E,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@tanstack/react-form-remix",
+  "version": "1.25.0",
+  "description": "Powerful, type-safe forms for React.",
+  "author": "tannerlinsley",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/TanStack/form.git",
+    "directory": "packages/react-form-remix"
+  },
+  "homepage": "https://tanstack.com/form",
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/tannerlinsley"
+  },
+  "type": "module",
+  "types": "dist/esm/index.d.ts",
+  "module": "dist/esm/index.js",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/esm/index.d.ts",
+        "default": "./dist/esm/index.js"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "src"
+  ],
+  "dependencies": {
+    "decode-formdata": "^0.9.0",
+    "@tanstack/react-form": "1.25.0"
+  },
+  "devDependencies": {
+    "@tanstack/react-start": "^1.134.9",
+    "@types/react": "^19.0.7",
+    "@vitejs/plugin-react": "^5.1.1",
+    "eslint-plugin-react-compiler": "19.1.0-rc.2",
+    "react": "^19.0.0",
+    "vite": "^7.2.2"
+  },
+  "peerDependencies": {
+    "@tanstack/react-start": "^1.134.9",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@tanstack/react-start": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "clean": "premove ./dist ./coverage",
+    "test:eslint": "eslint ./src ./tests",
+    "test:types": "pnpm run \"/^test:types:ts[0-9]{2}$/\"",
+    "test:types:ts54": "node ../../node_modules/typescript54/lib/tsc.js",
+    "test:types:ts55": "node ../../node_modules/typescript55/lib/tsc.js",
+    "test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js",
+    "test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js",
+    "test:types:ts58": "tsc",
+    "test:lib": "vitest",
+    "test:lib:dev": "pnpm run test:lib --watch",
+    "test:build": "publint --strict",
+    "build": "vite build"
+  }
+}

package/src/createServerValidate.ts

@@ -0,0 +1,135 @@
+import { decode } from 'decode-formdata'
+import {
+  isGlobalFormValidationError,
+  isStandardSchemaValidator,
+  standardSchemaValidators,
+} from '@tanstack/react-form'
+import { ServerValidateError } from './error'
+
+import type {
+  FormAsyncValidateOrFn,
+  FormOptions,
+  FormValidateAsyncFn,
+  FormValidateOrFn,
+  ServerFormState,
+  UnwrapFormAsyncValidateOrFn,
+} from '@tanstack/react-form'
+
+interface CreateServerValidateOptions<
+  TFormData,
+  TOnMount extends undefined | FormValidateOrFn<TFormData>,
+  TOnChange extends undefined | FormValidateOrFn<TFormData>,
+  TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
+  TOnBlur extends undefined | FormValidateOrFn<TFormData>,
+  TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
+  TOnSubmit extends undefined | FormValidateOrFn<TFormData>,
+  TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
+  TOnDynamic extends undefined | FormValidateOrFn<TFormData>,
+  TOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
+  TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>,
+  TSubmitMeta,
+> extends FormOptions<
+    TFormData,
+    TOnMount,
+    TOnChange,
+    TOnChangeAsync,
+    TOnBlur,
+    TOnBlurAsync,
+    TOnSubmit,
+    TOnSubmitAsync,
+    TOnDynamic,
+    TOnDynamicAsync,
+    TOnServer,
+    TSubmitMeta
+  > {
+  onServerValidate: TOnServer
+}
+
+export const createServerValidate =
+  <
+    TFormData,
+    TOnMount extends undefined | FormValidateOrFn<TFormData>,
+    TOnChange extends undefined | FormValidateOrFn<TFormData>,
+    TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
+    TOnBlur extends undefined | FormValidateOrFn<TFormData>,
+    TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
+    TOnSubmit extends undefined | FormValidateOrFn<TFormData>,
+    TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
+    TOnDynamic extends undefined | FormValidateOrFn<TFormData>,
+    TOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
+    TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>,
+    TSubmitMeta,
+  >(
+    defaultOpts: CreateServerValidateOptions<
+      TFormData,
+      TOnMount,
+      TOnChange,
+      TOnChangeAsync,
+      TOnBlur,
+      TOnBlurAsync,
+      TOnSubmit,
+      TOnSubmitAsync,
+      TOnDynamic,
+      TOnDynamicAsync,
+      TOnServer,
+      TSubmitMeta
+    >,
+  ) =>
+  async (formData: FormData, info?: Parameters<typeof decode>[1]) => {
+    const { onServerValidate } = defaultOpts
+
+    const runValidator = async ({
+      value,
+      validationSource,
+    }: {
+      value: TFormData
+      validationSource: 'form'
+    }) => {
+      if (isStandardSchemaValidator(onServerValidate)) {
+        return await standardSchemaValidators.validateAsync(
+          { value, validationSource },
+          onServerValidate,
+        )
+      }
+      return (onServerValidate as FormValidateAsyncFn<TFormData>)({
+        value,
+        signal: undefined as never,
+        formApi: undefined as never,
+      })
+    }
+
+    const values = decode(formData, info) as never as TFormData
+
+    const onServerError = (await runValidator({
+      value: values,
+      validationSource: 'form',
+    })) as UnwrapFormAsyncValidateOrFn<TOnServer> | undefined
+
+    if (!onServerError) return values
+
+    const onServerErrorVal = (
+      isGlobalFormValidationError(onServerError)
+        ? onServerError.form
+        : onServerError
+    ) as UnwrapFormAsyncValidateOrFn<TOnServer>
+
+    const formState: ServerFormState<TFormData, TOnServer> = {
+      errorMap: {
+        onServer: onServerError,
+      },
+      values,
+      errors: onServerErrorVal ? [onServerErrorVal] : [],
+    }
+
+    throw new ServerValidateError({
+      formState,
+    })
+  }
+
+export const initialFormState: ServerFormState<any, undefined> = {
+  errorMap: {
+    onServer: undefined,
+  },
+  values: undefined,
+  errors: [],
+}

package/src/error.ts

@@ -0,0 +1,27 @@
+import type {
+  FormAsyncValidateOrFn,
+  ServerFormState,
+} from '@tanstack/react-form'
+
+interface ServerValidateErrorState<
+  TFormData,
+  TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>,
+> {
+  formState: ServerFormState<TFormData, TOnServer>
+}
+
+export class ServerValidateError<
+    TFormData,
+    TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>,
+  >
+  extends Error
+  implements ServerValidateErrorState<TFormData, TOnServer>
+{
+  formState: ServerFormState<TFormData, TOnServer>
+
+  constructor(options: ServerValidateErrorState<TFormData, TOnServer>) {
+    super('Your form has errors. Please check the fields and try again.')
+    this.name = 'ServerValidateError'
+    this.formState = options.formState
+  }
+}

package/src/index.ts

@@ -0,0 +1,5 @@
+export * from '@tanstack/react-form'
+
+export * from './createServerValidate'
+export * from './error'
+export * from './useTransform'

package/src/useTransform.ts

@@ -0,0 +1,11 @@
+import type { AnyFormApi, FormTransform } from '@tanstack/react-form'
+
+export function useTransform(
+  fn: (formBase: AnyFormApi) => AnyFormApi,
+  deps: unknown[],
+): FormTransform<any, any, any, any, any, any, any, any, any, any, any, any> {
+  return {
+    fn,
+    deps,
+  }
+}