@tanstack/react-form 0.35.0 → 0.36.1

package/dist/cjs/remix/createServerValidate.cjs

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const decodeFormdata = require("decode-formdata");
+const error = require("./error.cjs");
+const isFormValidationError = (error2) => {
+  return typeof error2 === "object";
+};
+const createServerValidate = (defaultOpts) => async (formData, info) => {
+  const { validatorAdapter, onServerValidate } = defaultOpts;
+  const runValidator = async (propsValue) => {
+    if (validatorAdapter && typeof onServerValidate !== "function") {
+      return validatorAdapter().validateAsync(propsValue, onServerValidate);
+    }
+    return onServerValidate(propsValue);
+  };
+  const values = decodeFormdata.decode(formData, info);
+  const onServerError = await runValidator({
+    value: values,
+    validationSource: "form"
+  });
+  if (!onServerError) return;
+  const onServerErrorStr = onServerError && typeof onServerError !== "string" && isFormValidationError(onServerError) ? onServerError.form : onServerError;
+  const formState = {
+    errorMap: {
+      onServer: onServerError
+    },
+    values,
+    errors: onServerErrorStr ? [onServerErrorStr] : []
+  };
+  throw new error.ServerValidateError({
+    formState
+  });
+};
+const initialFormState = {
+  errorMap: {
+    onServer: void 0
+  },
+  values: void 0,
+  errors: []
+};
+exports.createServerValidate = createServerValidate;
+exports.initialFormState = initialFormState;
+//# sourceMappingURL=createServerValidate.cjs.map

package/dist/cjs/remix/createServerValidate.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createServerValidate.cjs","sources":["../../../src/remix/createServerValidate.ts"],"sourcesContent":["import { decode } from 'decode-formdata'\nimport { ServerValidateError } from './error'\nimport type {\n  FormOptions,\n  FormValidationError,\n  ValidationError,\n  Validator,\n} from '@tanstack/form-core'\nimport type { ServerFormState } from './types'\n\ntype OnServerValidateFn<TFormData> = (props: {\n  value: TFormData\n}) => ValidationError | Promise<ValidationError>\n\ntype OnServerValidateOrFn<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> =\n  TFormValidator extends Validator<TFormData, infer FFN>\n    ? FFN | OnServerValidateFn<TFormData>\n    : OnServerValidateFn<TFormData>\n\ninterface CreateServerValidateOptions<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> extends FormOptions<TFormData, TFormValidator> {\n  onServerValidate: OnServerValidateOrFn<TFormData, TFormValidator>\n}\n\nconst isFormValidationError = (\n  error: unknown,\n): error is FormValidationError<unknown> => {\n  return typeof error === 'object'\n}\n\nexport const createServerValidate =\n  <\n    TFormData,\n    TFormValidator extends\n      | Validator<TFormData, unknown>\n      | undefined = undefined,\n  >(\n    defaultOpts: CreateServerValidateOptions<TFormData, TFormValidator>,\n  ) =>\n  async (formData: FormData, info?: Parameters<typeof decode>[1]) => {\n    const { validatorAdapter, onServerValidate } = defaultOpts\n\n    const runValidator = async (propsValue: {\n      value: TFormData\n      validationSource: 'form'\n    }) => {\n      if (validatorAdapter && typeof onServerValidate !== 'function') {\n        return validatorAdapter().validateAsync(propsValue, onServerValidate)\n      }\n\n      return (onServerValidate as OnServerValidateFn<TFormData>)(propsValue)\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    })\n\n    if (!onServerError) return\n\n    const onServerErrorStr =\n      onServerError &&\n      typeof onServerError !== 'string' &&\n      isFormValidationError(onServerError)\n        ? onServerError.form\n        : onServerError\n\n    const formState: ServerFormState<TFormData> = {\n      errorMap: {\n        onServer: onServerError,\n      },\n      values,\n      errors: onServerErrorStr ? [onServerErrorStr] : [],\n    }\n\n    throw new ServerValidateError({\n      formState,\n    })\n  }\n\nexport const initialFormState: ServerFormState<any> = {\n  errorMap: {\n    onServer: undefined,\n  },\n  values: undefined,\n  errors: [],\n}\n"],"names":["error","decode","ServerValidateError"],"mappings":";;;;AA6BA,MAAM,wBAAwB,CAC5BA,WAC0C;AAC1C,SAAO,OAAOA,WAAU;AAC1B;AAEO,MAAM,uBACX,CAME,gBAEF,OAAO,UAAoB,SAAwC;AAC3D,QAAA,EAAE,kBAAkB,iBAAA,IAAqB;AAEzC,QAAA,eAAe,OAAO,eAGtB;AACA,QAAA,oBAAoB,OAAO,qBAAqB,YAAY;AAC9D,aAAO,iBAAiB,EAAE,cAAc,YAAY,gBAAgB;AAAA,IAAA;AAGtE,WAAQ,iBAAmD,UAAU;AAAA,EACvE;AAEM,QAAA,SAASC,eAAAA,OAAO,UAAU,IAAI;AAE9B,QAAA,gBAAgB,MAAM,aAAa;AAAA,IACvC,OAAO;AAAA,IACP,kBAAkB;AAAA,EAAA,CACnB;AAED,MAAI,CAAC,cAAe;AAEd,QAAA,mBACJ,iBACA,OAAO,kBAAkB,YACzB,sBAAsB,aAAa,IAC/B,cAAc,OACd;AAEN,QAAM,YAAwC;AAAA,IAC5C,UAAU;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,IACA,QAAQ,mBAAmB,CAAC,gBAAgB,IAAI,CAAA;AAAA,EAClD;AAEA,QAAM,IAAIC,MAAAA,oBAAoB;AAAA,IAC5B;AAAA,EAAA,CACD;AACH;AAEK,MAAM,mBAAyC;AAAA,EACpD,UAAU;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,QAAQ;AAAA,EACR,QAAQ,CAAA;AACV;;;"}

package/dist/cjs/remix/createServerValidate.d.cts

@@ -0,0 +1,13 @@
+import { decode } from 'decode-formdata';
+import { FormOptions, ValidationError, Validator } from '@tanstack/form-core';
+import { ServerFormState } from './types.cjs';
+type OnServerValidateFn<TFormData> = (props: {
+    value: TFormData;
+}) => ValidationError | Promise<ValidationError>;
+type OnServerValidateOrFn<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> = TFormValidator extends Validator<TFormData, infer FFN> ? FFN | OnServerValidateFn<TFormData> : OnServerValidateFn<TFormData>;
+interface CreateServerValidateOptions<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> extends FormOptions<TFormData, TFormValidator> {
+    onServerValidate: OnServerValidateOrFn<TFormData, TFormValidator>;
+}
+export declare const createServerValidate: <TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined>(defaultOpts: CreateServerValidateOptions<TFormData, TFormValidator>) => (formData: FormData, info?: Parameters<typeof decode>[1]) => Promise<void>;
+export declare const initialFormState: ServerFormState<any>;
+export {};

package/dist/cjs/remix/error.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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;
+  }
+}
+exports.ServerValidateError = ServerValidateError;
+//# sourceMappingURL=error.cjs.map

package/dist/cjs/remix/error.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.cjs","sources":["../../../src/remix/error.ts"],"sourcesContent":["import type { ServerFormState } from './types'\n\ninterface ServerValidateErrorState<TFormData> {\n  formState: ServerFormState<TFormData>\n}\n\nexport class ServerValidateError<TFormData>\n  extends Error\n  implements ServerValidateErrorState<TFormData>\n{\n  formState: ServerFormState<TFormData>\n\n  constructor(options: ServerValidateErrorState<TFormData>) {\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":";;AAMO,MAAM,4BACH,MAEV;AAAA,EAGE,YAAY,SAA8C;AACxD,UAAM,8DAA8D;AACpE,SAAK,OAAO;AACZ,SAAK,YAAY,QAAQ;AAAA,EAAA;AAE7B;;"}

package/dist/cjs/remix/error.d.cts

@@ -0,0 +1,9 @@
+import { ServerFormState } from './types.cjs';
+interface ServerValidateErrorState<TFormData> {
+    formState: ServerFormState<TFormData>;
+}
+export declare class ServerValidateError<TFormData> extends Error implements ServerValidateErrorState<TFormData> {
+    formState: ServerFormState<TFormData>;
+    constructor(options: ServerValidateErrorState<TFormData>);
+}
+export {};

package/dist/cjs/remix/index.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const formCore = require("@tanstack/form-core");
+const createServerValidate = require("./createServerValidate.cjs");
+const error = require("./error.cjs");
+exports.createServerValidate = createServerValidate.createServerValidate;
+exports.initialFormState = createServerValidate.initialFormState;
+exports.ServerValidateError = error.ServerValidateError;
+Object.keys(formCore).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => formCore[k]
+  });
+});
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/remix/index.cjs.map

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

package/dist/cjs/remix/index.d.cts

@@ -0,0 +1,4 @@
+export * from '@tanstack/form-core';
+export * from './createServerValidate.cjs';
+export * from './error.cjs';
+export * from './types.cjs';

package/dist/cjs/remix/types.d.cts

@@ -0,0 +1,2 @@
+import { FormState } from '@tanstack/form-core';
+export type ServerFormState<TFormData> = Pick<FormState<TFormData>, 'values' | 'errors' | 'errorMap'>;

package/dist/esm/remix/createServerValidate.d.ts

@@ -0,0 +1,13 @@
+import { decode } from 'decode-formdata';
+import { FormOptions, ValidationError, Validator } from '@tanstack/form-core';
+import { ServerFormState } from './types.js';
+type OnServerValidateFn<TFormData> = (props: {
+    value: TFormData;
+}) => ValidationError | Promise<ValidationError>;
+type OnServerValidateOrFn<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> = TFormValidator extends Validator<TFormData, infer FFN> ? FFN | OnServerValidateFn<TFormData> : OnServerValidateFn<TFormData>;
+interface CreateServerValidateOptions<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> extends FormOptions<TFormData, TFormValidator> {
+    onServerValidate: OnServerValidateOrFn<TFormData, TFormValidator>;
+}
+export declare const createServerValidate: <TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined>(defaultOpts: CreateServerValidateOptions<TFormData, TFormValidator>) => (formData: FormData, info?: Parameters<typeof decode>[1]) => Promise<void>;
+export declare const initialFormState: ServerFormState<any>;
+export {};

package/dist/esm/remix/createServerValidate.js

@@ -0,0 +1,43 @@
+import { decode } from "decode-formdata";
+import { ServerValidateError } from "./error.js";
+const isFormValidationError = (error) => {
+  return typeof error === "object";
+};
+const createServerValidate = (defaultOpts) => async (formData, info) => {
+  const { validatorAdapter, onServerValidate } = defaultOpts;
+  const runValidator = async (propsValue) => {
+    if (validatorAdapter && typeof onServerValidate !== "function") {
+      return validatorAdapter().validateAsync(propsValue, onServerValidate);
+    }
+    return onServerValidate(propsValue);
+  };
+  const values = decode(formData, info);
+  const onServerError = await runValidator({
+    value: values,
+    validationSource: "form"
+  });
+  if (!onServerError) return;
+  const onServerErrorStr = onServerError && typeof onServerError !== "string" && isFormValidationError(onServerError) ? onServerError.form : onServerError;
+  const formState = {
+    errorMap: {
+      onServer: onServerError
+    },
+    values,
+    errors: onServerErrorStr ? [onServerErrorStr] : []
+  };
+  throw new ServerValidateError({
+    formState
+  });
+};
+const initialFormState = {
+  errorMap: {
+    onServer: void 0
+  },
+  values: void 0,
+  errors: []
+};
+export {
+  createServerValidate,
+  initialFormState
+};
+//# sourceMappingURL=createServerValidate.js.map

package/dist/esm/remix/createServerValidate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createServerValidate.js","sources":["../../../src/remix/createServerValidate.ts"],"sourcesContent":["import { decode } from 'decode-formdata'\nimport { ServerValidateError } from './error'\nimport type {\n  FormOptions,\n  FormValidationError,\n  ValidationError,\n  Validator,\n} from '@tanstack/form-core'\nimport type { ServerFormState } from './types'\n\ntype OnServerValidateFn<TFormData> = (props: {\n  value: TFormData\n}) => ValidationError | Promise<ValidationError>\n\ntype OnServerValidateOrFn<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> =\n  TFormValidator extends Validator<TFormData, infer FFN>\n    ? FFN | OnServerValidateFn<TFormData>\n    : OnServerValidateFn<TFormData>\n\ninterface CreateServerValidateOptions<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> extends FormOptions<TFormData, TFormValidator> {\n  onServerValidate: OnServerValidateOrFn<TFormData, TFormValidator>\n}\n\nconst isFormValidationError = (\n  error: unknown,\n): error is FormValidationError<unknown> => {\n  return typeof error === 'object'\n}\n\nexport const createServerValidate =\n  <\n    TFormData,\n    TFormValidator extends\n      | Validator<TFormData, unknown>\n      | undefined = undefined,\n  >(\n    defaultOpts: CreateServerValidateOptions<TFormData, TFormValidator>,\n  ) =>\n  async (formData: FormData, info?: Parameters<typeof decode>[1]) => {\n    const { validatorAdapter, onServerValidate } = defaultOpts\n\n    const runValidator = async (propsValue: {\n      value: TFormData\n      validationSource: 'form'\n    }) => {\n      if (validatorAdapter && typeof onServerValidate !== 'function') {\n        return validatorAdapter().validateAsync(propsValue, onServerValidate)\n      }\n\n      return (onServerValidate as OnServerValidateFn<TFormData>)(propsValue)\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    })\n\n    if (!onServerError) return\n\n    const onServerErrorStr =\n      onServerError &&\n      typeof onServerError !== 'string' &&\n      isFormValidationError(onServerError)\n        ? onServerError.form\n        : onServerError\n\n    const formState: ServerFormState<TFormData> = {\n      errorMap: {\n        onServer: onServerError,\n      },\n      values,\n      errors: onServerErrorStr ? [onServerErrorStr] : [],\n    }\n\n    throw new ServerValidateError({\n      formState,\n    })\n  }\n\nexport const initialFormState: ServerFormState<any> = {\n  errorMap: {\n    onServer: undefined,\n  },\n  values: undefined,\n  errors: [],\n}\n"],"names":[],"mappings":";;AA6BA,MAAM,wBAAwB,CAC5B,UAC0C;AAC1C,SAAO,OAAO,UAAU;AAC1B;AAEO,MAAM,uBACX,CAME,gBAEF,OAAO,UAAoB,SAAwC;AAC3D,QAAA,EAAE,kBAAkB,iBAAA,IAAqB;AAEzC,QAAA,eAAe,OAAO,eAGtB;AACA,QAAA,oBAAoB,OAAO,qBAAqB,YAAY;AAC9D,aAAO,iBAAiB,EAAE,cAAc,YAAY,gBAAgB;AAAA,IAAA;AAGtE,WAAQ,iBAAmD,UAAU;AAAA,EACvE;AAEM,QAAA,SAAS,OAAO,UAAU,IAAI;AAE9B,QAAA,gBAAgB,MAAM,aAAa;AAAA,IACvC,OAAO;AAAA,IACP,kBAAkB;AAAA,EAAA,CACnB;AAED,MAAI,CAAC,cAAe;AAEd,QAAA,mBACJ,iBACA,OAAO,kBAAkB,YACzB,sBAAsB,aAAa,IAC/B,cAAc,OACd;AAEN,QAAM,YAAwC;AAAA,IAC5C,UAAU;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,IACA,QAAQ,mBAAmB,CAAC,gBAAgB,IAAI,CAAA;AAAA,EAClD;AAEA,QAAM,IAAI,oBAAoB;AAAA,IAC5B;AAAA,EAAA,CACD;AACH;AAEK,MAAM,mBAAyC;AAAA,EACpD,UAAU;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,QAAQ;AAAA,EACR,QAAQ,CAAA;AACV;"}

package/dist/esm/remix/error.d.ts

@@ -0,0 +1,9 @@
+import { ServerFormState } from './types.js';
+interface ServerValidateErrorState<TFormData> {
+    formState: ServerFormState<TFormData>;
+}
+export declare class ServerValidateError<TFormData> extends Error implements ServerValidateErrorState<TFormData> {
+    formState: ServerFormState<TFormData>;
+    constructor(options: ServerValidateErrorState<TFormData>);
+}
+export {};

package/dist/esm/remix/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/remix/error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.js","sources":["../../../src/remix/error.ts"],"sourcesContent":["import type { ServerFormState } from './types'\n\ninterface ServerValidateErrorState<TFormData> {\n  formState: ServerFormState<TFormData>\n}\n\nexport class ServerValidateError<TFormData>\n  extends Error\n  implements ServerValidateErrorState<TFormData>\n{\n  formState: ServerFormState<TFormData>\n\n  constructor(options: ServerValidateErrorState<TFormData>) {\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":"AAMO,MAAM,4BACH,MAEV;AAAA,EAGE,YAAY,SAA8C;AACxD,UAAM,8DAA8D;AACpE,SAAK,OAAO;AACZ,SAAK,YAAY,QAAQ;AAAA,EAAA;AAE7B;"}

package/dist/esm/remix/index.d.ts

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

package/dist/esm/remix/index.js

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

package/dist/esm/remix/index.js.map

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

package/dist/esm/remix/types.d.ts

@@ -0,0 +1,2 @@
+import { FormState } from '@tanstack/form-core';
+export type ServerFormState<TFormData> = Pick<FormState<TFormData>, 'values' | 'errors' | 'errorMap'>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-form",
-  "version": "0.35.0",
+  "version": "0.36.1",
   "description": "Powerful, type-safe forms for React.",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -39,6 +39,16 @@
         "default": "./dist/cjs/nextjs/index.cjs"
       }
     },
+    "./remix": {
+      "import": {
+        "types": "./dist/esm/remix/index.d.ts",
+        "default": "./dist/esm/remix/index.js"
+      },
+      "require": {
+        "types": "./dist/cjs/remix/index.d.cts",
+        "default": "./dist/cjs/remix/index.cjs"
+      }
+    },
     "./start": {
       "import": {
         "types": "./dist/esm/start/index.d.ts",
@@ -60,7 +70,7 @@
     "@remix-run/node": "^2.14.0",
     "@tanstack/react-store": "^0.5.6",
     "decode-formdata": "^0.8.0",
-    "@tanstack/form-core": "0.35.0"
+    "@tanstack/form-core": "0.36.1"
   },
   "devDependencies": {
     "@tanstack/start": "^1.81.1",

package/src/remix/createServerValidate.ts

@@ -0,0 +1,94 @@
+import { decode } from 'decode-formdata'
+import { ServerValidateError } from './error'
+import type {
+  FormOptions,
+  FormValidationError,
+  ValidationError,
+  Validator,
+} from '@tanstack/form-core'
+import type { ServerFormState } from './types'
+
+type OnServerValidateFn<TFormData> = (props: {
+  value: TFormData
+}) => ValidationError | Promise<ValidationError>
+
+type OnServerValidateOrFn<
+  TFormData,
+  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,
+> =
+  TFormValidator extends Validator<TFormData, infer FFN>
+    ? FFN | OnServerValidateFn<TFormData>
+    : OnServerValidateFn<TFormData>
+
+interface CreateServerValidateOptions<
+  TFormData,
+  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,
+> extends FormOptions<TFormData, TFormValidator> {
+  onServerValidate: OnServerValidateOrFn<TFormData, TFormValidator>
+}
+
+const isFormValidationError = (
+  error: unknown,
+): error is FormValidationError<unknown> => {
+  return typeof error === 'object'
+}
+
+export const createServerValidate =
+  <
+    TFormData,
+    TFormValidator extends
+      | Validator<TFormData, unknown>
+      | undefined = undefined,
+  >(
+    defaultOpts: CreateServerValidateOptions<TFormData, TFormValidator>,
+  ) =>
+  async (formData: FormData, info?: Parameters<typeof decode>[1]) => {
+    const { validatorAdapter, onServerValidate } = defaultOpts
+
+    const runValidator = async (propsValue: {
+      value: TFormData
+      validationSource: 'form'
+    }) => {
+      if (validatorAdapter && typeof onServerValidate !== 'function') {
+        return validatorAdapter().validateAsync(propsValue, onServerValidate)
+      }
+
+      return (onServerValidate as OnServerValidateFn<TFormData>)(propsValue)
+    }
+
+    const values = decode(formData, info) as never as TFormData
+
+    const onServerError = await runValidator({
+      value: values,
+      validationSource: 'form',
+    })
+
+    if (!onServerError) return
+
+    const onServerErrorStr =
+      onServerError &&
+      typeof onServerError !== 'string' &&
+      isFormValidationError(onServerError)
+        ? onServerError.form
+        : onServerError
+
+    const formState: ServerFormState<TFormData> = {
+      errorMap: {
+        onServer: onServerError,
+      },
+      values,
+      errors: onServerErrorStr ? [onServerErrorStr] : [],
+    }
+
+    throw new ServerValidateError({
+      formState,
+    })
+  }
+
+export const initialFormState: ServerFormState<any> = {
+  errorMap: {
+    onServer: undefined,
+  },
+  values: undefined,
+  errors: [],
+}

package/src/remix/error.ts

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

package/src/remix/index.ts

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

package/src/remix/types.ts

@@ -0,0 +1,6 @@
+import type { FormState } from '@tanstack/form-core'
+
+export type ServerFormState<TFormData> = Pick<
+  FormState<TFormData>,
+  'values' | 'errors' | 'errorMap'
+>