@tanstack/solid-form 0.11.0 → 0.13.0

package/dist/cjs/createField.d.ts

@@ -0,0 +1,27 @@
+import { FieldApi, type Validator } from '@tanstack/form-core';
+import type { DeepKeys, DeepValue, Narrow } from '@tanstack/form-core';
+import type { JSXElement } from 'solid-js';
+import type { CreateFieldOptions } from './types';
+declare module '@tanstack/form-core' {
+    interface FieldApi<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined, TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>> {
+        Field: FieldComponent<TParentData, TFormValidator>;
+    }
+}
+export type CreateField<TParentData> = <TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined>(opts: () => {
+    name: Narrow<TName>;
+} & CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>) => () => FieldApi<TParentData, TName, TFieldValidator, TFormValidator, DeepValue<TParentData, TName>>;
+export declare function createField<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined>(opts: () => CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>): () => FieldApi<TParentData, TName, TFieldValidator, TFormValidator>;
+type FieldComponentProps<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined, TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>> = {
+    children: (fieldApi: () => FieldApi<TParentData, TName, TFieldValidator, TFormValidator, TData>) => JSXElement;
+} & (TParentData extends any[] ? {
+    name?: TName;
+    index: number;
+} : {
+    name: TName;
+    index?: never;
+}) & Omit<CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>, 'name' | 'index'>;
+export type FieldComponent<TParentData, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined> = <TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>>({ children, ...fieldOptions }: FieldComponentProps<TParentData, TName, TFieldValidator, TFormValidator, TData>) => JSXElement;
+export declare function Field<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined>(props: {
+    children: (fieldApi: () => FieldApi<TParentData, TName, TFieldValidator, TFormValidator>) => JSXElement;
+} & CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>): import("solid-js").JSX.Element;
+export {};

package/dist/cjs/createForm.d.ts

@@ -0,0 +1,21 @@
+import type { FormOptions, FormState, Validator } from '@tanstack/form-core';
+import { FormApi } from '@tanstack/form-core';
+import { type JSXElement } from 'solid-js';
+import { type CreateField, type FieldComponent } from './createField';
+type NoInfer<T> = [T][T extends any ? 0 : never];
+declare module '@tanstack/form-core' {
+    interface FormApi<TFormData, TFormValidator> {
+        Provider: (props: {
+            children: any;
+        }) => JSXElement;
+        Field: FieldComponent<TFormData, TFormValidator>;
+        createField: CreateField<TFormData>;
+        useStore: <TSelected = NoInfer<FormState<TFormData>>>(selector?: (state: NoInfer<FormState<TFormData>>) => TSelected) => () => TSelected;
+        Subscribe: <TSelected = NoInfer<FormState<TFormData>>>(props: {
+            selector?: (state: NoInfer<FormState<TFormData>>) => TSelected;
+            children: ((state: () => NoInfer<TSelected>) => JSXElement) | JSXElement;
+        }) => JSXElement;
+    }
+}
+export declare function createForm<TParentData, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined>(opts?: () => FormOptions<TParentData, TFormValidator>): FormApi<TParentData, TFormValidator>;
+export {};

package/dist/cjs/createFormFactory.d.ts

@@ -0,0 +1,8 @@
+import type { FormApi, FormOptions, Validator } from '@tanstack/form-core';
+import { type CreateField, type FieldComponent } from './createField';
+export type FormFactory<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> = {
+    createForm: (opts?: () => FormOptions<TFormData, TFormValidator>) => FormApi<TFormData, TFormValidator>;
+    createField: CreateField<TFormData>;
+    Field: FieldComponent<TFormData, TFormValidator>;
+};
+export declare function createFormFactory<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined>(defaultOpts?: () => FormOptions<TFormData, TFormValidator>): FormFactory<TFormData, TFormValidator>;

package/dist/cjs/formContext.d.ts

@@ -0,0 +1,11 @@
+import type { FormApi, Validator } from '@tanstack/form-core';
+type FormContextType = undefined | {
+    formApi: FormApi<any, Validator<any, unknown> | undefined>;
+    parentFieldName?: string;
+};
+export declare const formContext: import("solid-js").Context<FormContextType>;
+export declare function useFormContext(): {
+    formApi: FormApi<any, Validator<any, unknown> | undefined>;
+    parentFieldName?: string | undefined;
+};
+export {};

package/{build → dist/cjs}/index.cjs

@@ -1,20 +1,16 @@
-'use strict';
-
-var formCore = require('@tanstack/form-core');
-var web = require('solid-js/web');
-var solidJs = require('solid-js');
-var solidStore = require('@tanstack/solid-store');
-
-// src/index.ts
-var formContext = solidJs.createContext(void 0);
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const formCore = require("@tanstack/form-core");
+const web = require("solid-js/web");
+const solidJs = require("solid-js");
+const solidStore = require("@tanstack/solid-store");
+const formContext = solidJs.createContext(void 0);
 function useFormContext() {
   const formApi = solidJs.useContext(formContext);
   if (!formApi)
     throw new Error(`You are trying to use the form API outside of a form!`);
   return formApi;
 }
-
-// src/createField.tsx
 function makeFieldReactive(fieldApi) {
   const [flag, setFlag] = solidJs.createSignal(false);
   const fieldApiMemo = solidJs.createMemo(() => [flag(), fieldApi]);
@@ -62,10 +58,8 @@ function Field(props) {
     }
   });
 }
-
-// src/createForm.tsx
 function createForm(opts) {
-  const options = opts?.();
+  const options = opts == null ? void 0 : opts();
   const formApi = new formCore.FormApi(options);
   formApi.Provider = function Provider(props) {
     solidJs.onMount(formApi.mount);
@@ -79,32 +73,32 @@ function createForm(opts) {
   formApi.createField = createField;
   formApi.useStore = (selector) => solidStore.useStore(formApi.store, selector);
   formApi.Subscribe = (props) => formCore.functionalUpdate(props.children, solidStore.useStore(formApi.store, props.selector));
-  solidJs.createComputed(() => formApi.update(opts?.()));
+  solidJs.createComputed(() => formApi.update(opts == null ? void 0 : opts()));
   return formApi;
 }
 function createFormFactory(defaultOpts) {
   return {
     createForm: (opts) => createForm(
-      () => solidJs.mergeProps(defaultOpts?.() ?? {}, opts?.() ?? {})
+      () => solidJs.mergeProps((defaultOpts == null ? void 0 : defaultOpts()) ?? {}, (opts == null ? void 0 : opts()) ?? {})
     ),
     createField,
     Field
   };
 }
-
-Object.defineProperty(exports, 'FieldApi', {
+Object.defineProperty(exports, "FieldApi", {
   enumerable: true,
-  get: function () { return formCore.FieldApi; }
+  get: () => formCore.FieldApi
 });
-Object.defineProperty(exports, 'FormApi', {
+Object.defineProperty(exports, "FormApi", {
   enumerable: true,
-  get: function () { return formCore.FormApi; }
+  get: () => formCore.FormApi
 });
-Object.defineProperty(exports, 'functionalUpdate', {
+Object.defineProperty(exports, "functionalUpdate", {
   enumerable: true,
-  get: function () { return formCore.functionalUpdate; }
+  get: () => formCore.functionalUpdate
 });
 exports.Field = Field;
 exports.createField = createField;
 exports.createForm = createForm;
 exports.createFormFactory = createFormFactory;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/formContext.ts","../../src/createField.tsx","../../src/createForm.tsx","../../src/createFormFactory.ts"],"sourcesContent":["import { createContext, useContext } from 'solid-js'\nimport type { FormApi, Validator } from '@tanstack/form-core'\n\ntype FormContextType =\n  | undefined\n  | {\n      formApi: FormApi<any, Validator<any, unknown> | undefined>\n      parentFieldName?: string\n    }\n\nexport const formContext = createContext<FormContextType>(undefined)\n\nexport function useFormContext() {\n  const formApi: FormContextType = useContext(formContext)\n\n  if (!formApi)\n    throw new Error(`You are trying to use the form API outside of a form!`)\n\n  return formApi\n}\n","import { FieldApi, type Validator } from '@tanstack/form-core'\nimport {\n  createComponent,\n  createComputed,\n  createMemo,\n  createSignal,\n  onCleanup,\n  onMount,\n} from 'solid-js'\nimport { formContext, useFormContext } from './formContext'\n\nimport type { DeepKeys, DeepValue, Narrow } from '@tanstack/form-core'\nimport type { JSXElement } from 'solid-js'\nimport type { CreateFieldOptions } from './types'\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FieldApi<\n    TParentData,\n    TName extends DeepKeys<TParentData>,\n    TFieldValidator extends\n      | Validator<DeepValue<TParentData, TName>, unknown>\n      | undefined = undefined,\n    TFormValidator extends\n      | Validator<TParentData, unknown>\n      | undefined = undefined,\n    TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,\n  > {\n    Field: FieldComponent<TParentData, TFormValidator>\n  }\n}\n\nexport type CreateField<TParentData> = <\n  TName extends DeepKeys<TParentData>,\n  TFieldValidator extends\n    | Validator<DeepValue<TParentData, TName>, unknown>\n    | undefined = undefined,\n  TFormValidator extends\n    | Validator<TParentData, unknown>\n    | undefined = undefined,\n>(\n  opts: () => { name: Narrow<TName> } & CreateFieldOptions<\n    TParentData,\n    TName,\n    TFieldValidator,\n    TFormValidator\n  >,\n) => () => FieldApi<\n  TParentData,\n  TName,\n  TFieldValidator,\n  TFormValidator,\n  DeepValue<TParentData, TName>\n>\n\n// ugly way to trick solid into triggering updates for changes on the fieldApi\nfunction makeFieldReactive<FieldApiT extends FieldApi<any, any, any, any>>(\n  fieldApi: FieldApiT,\n): () => FieldApiT {\n  const [flag, setFlag] = createSignal(false)\n  const fieldApiMemo = createMemo(() => [flag(), fieldApi] as const)\n  const unsubscribeStore = fieldApi.store.subscribe(() => setFlag((f) => !f))\n  onCleanup(unsubscribeStore)\n  return () => fieldApiMemo()[1]\n}\n\nexport function createField<\n  TParentData,\n  TName extends DeepKeys<TParentData>,\n  TFieldValidator extends\n    | Validator<DeepValue<TParentData, TName>, unknown>\n    | undefined = undefined,\n  TFormValidator extends\n    | Validator<TParentData, unknown>\n    | undefined = undefined,\n>(\n  opts: () => CreateFieldOptions<\n    TParentData,\n    TName,\n    TFieldValidator,\n    TFormValidator\n  >,\n): () => FieldApi<TParentData, TName, TFieldValidator, TFormValidator> {\n  // Get the form API either manually or from context\n  const { formApi, parentFieldName } = useFormContext()\n\n  const options = opts()\n  const name = (\n    typeof options.index === 'number'\n      ? [parentFieldName, options.index, options.name]\n      : [parentFieldName, options.name]\n  )\n    .filter((d) => d !== undefined)\n    .join('.')\n\n  const fieldApi = new FieldApi({\n    ...options,\n    form: formApi,\n    name: name as typeof options.name as never,\n  })\n  fieldApi.Field = Field as never\n\n  /**\n   * fieldApi.update should not have any side effects. Think of it like a `useRef`\n   * that we need to keep updated every render with the most up-to-date information.\n   *\n   * createComputed to make sure this effect runs before render effects\n   */\n  createComputed(() => fieldApi.update({ ...opts(), form: formApi } as never))\n\n  // Instantiates field meta and removes it when unrendered\n  onMount(() => onCleanup(fieldApi.mount()))\n\n  return makeFieldReactive(fieldApi) as never\n}\n\ntype FieldComponentProps<\n  TParentData,\n  TName extends DeepKeys<TParentData>,\n  TFieldValidator extends\n    | Validator<DeepValue<TParentData, TName>, unknown>\n    | undefined = undefined,\n  TFormValidator extends\n    | Validator<TParentData, unknown>\n    | undefined = undefined,\n  TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,\n> = {\n  children: (\n    fieldApi: () => FieldApi<\n      TParentData,\n      TName,\n      TFieldValidator,\n      TFormValidator,\n      TData\n    >,\n  ) => JSXElement\n} & (TParentData extends any[]\n  ? {\n      name?: TName\n      index: number\n    }\n  : {\n      name: TName\n      index?: never\n    }) &\n  Omit<\n    CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>,\n    'name' | 'index'\n  >\n\nexport type FieldComponent<\n  TParentData,\n  TFormValidator extends\n    | Validator<TParentData, unknown>\n    | undefined = undefined,\n> = <\n  TName extends DeepKeys<TParentData>,\n  TFieldValidator extends\n    | Validator<DeepValue<TParentData, TName>, unknown>\n    | undefined = undefined,\n  TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,\n>({\n  children,\n  ...fieldOptions\n}: FieldComponentProps<\n  TParentData,\n  TName,\n  TFieldValidator,\n  TFormValidator,\n  TData\n>) => JSXElement\n\nexport function Field<\n  TParentData,\n  TName extends DeepKeys<TParentData>,\n  TFieldValidator extends\n    | Validator<DeepValue<TParentData, TName>, unknown>\n    | undefined = undefined,\n  TFormValidator extends\n    | Validator<TParentData, unknown>\n    | undefined = undefined,\n>(\n  props: {\n    children: (\n      fieldApi: () => FieldApi<\n        TParentData,\n        TName,\n        TFieldValidator,\n        TFormValidator\n      >,\n    ) => JSXElement\n  } & CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>,\n) {\n  const fieldApi = createField<\n    TParentData,\n    TName,\n    TFieldValidator,\n    TFormValidator\n  >(() => {\n    const { children, ...fieldOptions } = props\n    return fieldOptions\n  })\n\n  return (\n    <formContext.Provider\n      value={{\n        formApi: fieldApi().form as never,\n        parentFieldName: String(fieldApi().name),\n      }}\n    >\n      {/* createComponent to make sure the signals in the children component are not tracked */}\n      {createComponent(() => props.children(fieldApi), {})}\n    </formContext.Provider>\n  )\n}\n","import type { FormOptions, FormState, Validator } from '@tanstack/form-core'\nimport { FormApi, functionalUpdate } from '@tanstack/form-core'\nimport { createComputed, onMount, type JSXElement } from 'solid-js'\nimport { useStore } from '@tanstack/solid-store'\nimport {\n  Field,\n  createField,\n  type CreateField,\n  type FieldComponent,\n} from './createField'\nimport { formContext } from './formContext'\n\ntype NoInfer<T> = [T][T extends any ? 0 : never]\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FormApi<TFormData, TFormValidator> {\n    Provider: (props: { children: any }) => JSXElement\n    Field: FieldComponent<TFormData, TFormValidator>\n    createField: CreateField<TFormData>\n    useStore: <TSelected = NoInfer<FormState<TFormData>>>(\n      selector?: (state: NoInfer<FormState<TFormData>>) => TSelected,\n    ) => () => TSelected\n    Subscribe: <TSelected = NoInfer<FormState<TFormData>>>(props: {\n      selector?: (state: NoInfer<FormState<TFormData>>) => TSelected\n      children: ((state: () => NoInfer<TSelected>) => JSXElement) | JSXElement\n    }) => JSXElement\n  }\n}\n\nexport function createForm<\n  TParentData,\n  TFormValidator extends\n    | Validator<TParentData, unknown>\n    | undefined = undefined,\n>(\n  opts?: () => FormOptions<TParentData, TFormValidator>,\n): FormApi<TParentData, TFormValidator> {\n  const options = opts?.()\n  const formApi = new FormApi<TParentData, TFormValidator>(options)\n\n  formApi.Provider = function Provider(props) {\n    onMount(formApi.mount)\n    return (\n      <formContext.Provider {...props} value={{ formApi: formApi as never }} />\n    )\n  }\n  formApi.Field = Field as any\n  formApi.createField = createField as CreateField<TParentData>\n  formApi.useStore = (selector) => useStore(formApi.store, selector)\n  formApi.Subscribe = (props) =>\n    functionalUpdate(props.children, useStore(formApi.store, props.selector))\n\n  /**\n   * formApi.update should not have any side effects. Think of it like a `useRef`\n   * that we need to keep updated every render with the most up-to-date information.\n   */\n  createComputed(() => formApi.update(opts?.()))\n\n  return formApi\n}\n","import type { FormApi, FormOptions, Validator } from '@tanstack/form-core'\n\nimport {\n  type CreateField,\n  type FieldComponent,\n  Field,\n  createField,\n} from './createField'\nimport { createForm } from './createForm'\nimport { mergeProps } from 'solid-js'\n\nexport type FormFactory<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> = {\n  createForm: (\n    opts?: () => FormOptions<TFormData, TFormValidator>,\n  ) => FormApi<TFormData, TFormValidator>\n  createField: CreateField<TFormData>\n  Field: FieldComponent<TFormData, TFormValidator>\n}\n\nexport function createFormFactory<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n>(\n  defaultOpts?: () => FormOptions<TFormData, TFormValidator>,\n): FormFactory<TFormData, TFormValidator> {\n  return {\n    createForm: (opts) =>\n      createForm<TFormData, TFormValidator>(() =>\n        mergeProps(defaultOpts?.() ?? {}, opts?.() ?? {}),\n      ),\n    createField,\n    Field: Field as never,\n  }\n}\n"],"names":["createContext","useContext","makeFieldReactive","fieldApi","flag","setFlag","createSignal","fieldApiMemo","createMemo","unsubscribeStore","store","subscribe","f","onCleanup","createField","opts","formApi","parentFieldName","useFormContext","options","name","index","filter","d","undefined","join","FieldApi","form","Field","createComputed","update","onMount","mount","props","children","fieldOptions","_$createComponent","formContext","Provider","value","String","createComponent","createForm","FormApi","_$mergeProps","useStore","selector","Subscribe","functionalUpdate","mergeProps"],"mappings":";;;;;;AAUa,MAAA,cAAcA,QAAAA,cAA+B,MAAS;AAE5D,SAAS,iBAAiB;AACzB,QAAA,UAA2BC,mBAAW,WAAW;AAEvD,MAAI,CAAC;AACG,UAAA,IAAI,MAAM,uDAAuD;AAElE,SAAA;AACT;ACqCA,SAASC,kBACPC,UACiB;AACjB,QAAM,CAACC,MAAMC,OAAO,IAAIC,QAAY,aAAC,KAAK;AAC1C,QAAMC,eAAeC,QAAAA,WAAW,MAAM,CAACJ,KAAM,GAAED,QAAQ,CAAU;AACjE,QAAMM,mBAAmBN,SAASO,MAAMC,UAAU,MAAMN,QAASO,OAAM,CAACA,CAAC,CAAC;AAC1EC,UAAS,UAACJ,gBAAgB;AAC1B,SAAO,MAAMF,eAAe,CAAC;AAC/B;AAEO,SAASO,YAUdC,MAMqE;AAErE,QAAM;AAAA,IAAEC;AAAAA,IAASC;AAAAA,EAAiB,IAAGC,eAAc;AAEnD,QAAMC,UAAUJ;AAChB,QAAMK,QACJ,OAAOD,QAAQE,UAAU,WACrB,CAACJ,iBAAiBE,QAAQE,OAAOF,QAAQC,IAAI,IAC7C,CAACH,iBAAiBE,QAAQC,IAAI,GAEjCE,OAAQC,OAAMA,MAAMC,MAAS,EAC7BC,KAAK,GAAG;AAEX,QAAMtB,WAAW,IAAIuB,kBAAS;AAAA,IAC5B,GAAGP;AAAAA,IACHQ,MAAMX;AAAAA,IACNI;AAAAA,EACF,CAAC;AACDjB,WAASyB,QAAQA;AAQjBC,yBAAe,MAAM1B,SAAS2B,OAAO;AAAA,IAAE,GAAGf,KAAM;AAAA,IAAEY,MAAMX;AAAAA,EAAkB,CAAA,CAAC;AAG3Ee,UAAAA,QAAQ,MAAMlB,QAAS,UAACV,SAAS6B,MAAK,CAAE,CAAC;AAEzC,SAAO9B,kBAAkBC,QAAQ;AACnC;AA0DO,SAASyB,MAUdK,OAUA;AACA,QAAM9B,WAAWW,YAKf,MAAM;AACN,UAAM;AAAA,MAAEoB;AAAAA,MAAU,GAAGC;AAAAA,IAAc,IAAGF;AACtC,WAAOE;AAAAA,EACT,CAAC;AAED,SAAAC,IAAA,gBACGC,YAAYC,UAAQ;AAAA,IAAA,IACnBC,QAAK;AAAA,aAAE;AAAA,QACLvB,SAASb,SAAQ,EAAGwB;AAAAA,QACpBV,iBAAiBuB,OAAOrC,SAAU,EAACiB,IAAI;AAAA;IACxC;AAAA,IAAA,IAAAc,WAAA;AAAA,aAGAO,QAAAA,gBAAgB,MAAMR,MAAMC,SAAS/B,QAAQ,GAAG,CAAA,CAAE;AAAA,IAAC;AAAA,EAAA,CAAA;AAG1D;ACxLO,SAASuC,WAMd3B,MACsC;AACtC,QAAMI,UAAUJ;AAChB,QAAMC,UAAU,IAAI2B,iBAAqCxB,OAAO;AAEhEH,UAAQsB,WAAW,SAASA,SAASL,OAAO;AAC1CF,oBAAQf,QAAQgB,KAAK;AACrB,WAAAI,IAAA,gBACGC,YAAYC,UAAQM,IAAAA,WAAKX,OAAK;AAAA,MAAEM,OAAO;AAAA,QAAEvB;AAAAA,MAA0B;AAAA,IAAC,CAAA,CAAA;AAAA;AAGzEA,UAAQY,QAAQA;AAChBZ,UAAQF,cAAcA;AACtBE,UAAQ6B,WAAYC,cAAaD,WAAAA,SAAS7B,QAAQN,OAAOoC,QAAQ;AACjE9B,UAAQ+B,YAAad,WACnBe,SAAAA,iBAAiBf,MAAMC,UAAUW,WAAQ,SAAC7B,QAAQN,OAAOuB,MAAMa,QAAQ,CAAC;AAM1EjB,UAAAA,eAAe,MAAMb,QAAQc,OAAOf,8BAAQ,CAAC;AAE7C,SAAOC;AACT;ACtCO,SAAS,kBAId,aACwC;AACjC,SAAA;AAAA,IACL,YAAY,CAAC,SACX;AAAA,MAAsC,MACpCiC,QAAAA,YAAW,iDAAmB,CAAI,IAAA,mCAAY,CAAA,CAAE;AAAA,IAClD;AAAA,IACF;AAAA,IACA;AAAA,EAAA;AAEJ;;;;;;;;;;;;;;;;;"}

package/dist/cjs/index.d.cts

@@ -0,0 +1,7 @@
+export type { DeepKeys, DeepValue, FieldApiOptions, FieldInfo, FieldMeta, FieldOptions, FieldState, FormOptions, FormState, RequiredByKey, Updater, UpdaterFn, ValidationCause, ValidationError, ValidationMeta, } from '@tanstack/form-core';
+export { FormApi, FieldApi, functionalUpdate } from '@tanstack/form-core';
+export { createForm } from './createForm';
+export type { CreateField, FieldComponent } from './createField';
+export { createField, Field } from './createField';
+export type { FormFactory } from './createFormFactory';
+export { createFormFactory } from './createFormFactory';

package/dist/cjs/index.d.ts

@@ -0,0 +1,7 @@
+export type { DeepKeys, DeepValue, FieldApiOptions, FieldInfo, FieldMeta, FieldOptions, FieldState, FormOptions, FormState, RequiredByKey, Updater, UpdaterFn, ValidationCause, ValidationError, ValidationMeta, } from '@tanstack/form-core';
+export { FormApi, FieldApi, functionalUpdate } from '@tanstack/form-core';
+export { createForm } from './createForm';
+export type { CreateField, FieldComponent } from './createField';
+export { createField, Field } from './createField';
+export type { FormFactory } from './createFormFactory';
+export { createFormFactory } from './createFormFactory';

package/{build/dev.cjs → dist/cjs/index.js}

@@ -1,20 +1,16 @@
-'use strict';
-
-var formCore = require('@tanstack/form-core');
-var web = require('solid-js/web');
-var solidJs = require('solid-js');
-var solidStore = require('@tanstack/solid-store');
-
-// src/index.ts
-var formContext = solidJs.createContext(void 0);
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const formCore = require("@tanstack/form-core");
+const web = require("solid-js/web");
+const solidJs = require("solid-js");
+const solidStore = require("@tanstack/solid-store");
+const formContext = solidJs.createContext(void 0);
 function useFormContext() {
   const formApi = solidJs.useContext(formContext);
   if (!formApi)
     throw new Error(`You are trying to use the form API outside of a form!`);
   return formApi;
 }
-
-// src/createField.tsx
 function makeFieldReactive(fieldApi) {
   const [flag, setFlag] = solidJs.createSignal(false);
   const fieldApiMemo = solidJs.createMemo(() => [flag(), fieldApi]);
@@ -62,10 +58,8 @@ function Field(props) {
     }
   });
 }
-
-// src/createForm.tsx
 function createForm(opts) {
-  const options = opts?.();
+  const options = opts == null ? void 0 : opts();
   const formApi = new formCore.FormApi(options);
   formApi.Provider = function Provider(props) {
     solidJs.onMount(formApi.mount);
@@ -79,32 +73,32 @@ function createForm(opts) {
   formApi.createField = createField;
   formApi.useStore = (selector) => solidStore.useStore(formApi.store, selector);
   formApi.Subscribe = (props) => formCore.functionalUpdate(props.children, solidStore.useStore(formApi.store, props.selector));
-  solidJs.createComputed(() => formApi.update(opts?.()));
+  solidJs.createComputed(() => formApi.update(opts == null ? void 0 : opts()));
   return formApi;
 }
 function createFormFactory(defaultOpts) {
   return {
     createForm: (opts) => createForm(
-      () => solidJs.mergeProps(defaultOpts?.() ?? {}, opts?.() ?? {})
+      () => solidJs.mergeProps((defaultOpts == null ? void 0 : defaultOpts()) ?? {}, (opts == null ? void 0 : opts()) ?? {})
     ),
     createField,
     Field
   };
 }
-
-Object.defineProperty(exports, 'FieldApi', {
+Object.defineProperty(exports, "FieldApi", {
   enumerable: true,
-  get: function () { return formCore.FieldApi; }
+  get: () => formCore.FieldApi
 });
-Object.defineProperty(exports, 'FormApi', {
+Object.defineProperty(exports, "FormApi", {
   enumerable: true,
-  get: function () { return formCore.FormApi; }
+  get: () => formCore.FormApi
 });
-Object.defineProperty(exports, 'functionalUpdate', {
+Object.defineProperty(exports, "functionalUpdate", {
   enumerable: true,
-  get: function () { return formCore.functionalUpdate; }
+  get: () => formCore.functionalUpdate
 });
 exports.Field = Field;
 exports.createField = createField;
 exports.createForm = createForm;
 exports.createFormFactory = createFormFactory;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/tests/createField.test-d.d.ts

@@ -0,0 +1,2 @@
+/// <reference lib="dom" />
+export {};

package/dist/cjs/tests/createField.test.d.ts

@@ -0,0 +1 @@
+/// <reference lib="dom" />

package/dist/cjs/tests/createForm.test.d.ts

@@ -0,0 +1 @@
+/// <reference lib="dom" />

package/dist/cjs/tests/createFormFactory.test.d.ts

@@ -0,0 +1 @@
+/// <reference lib="dom" />

package/dist/cjs/tests/utils.d.ts

@@ -0,0 +1 @@
+export declare function sleep(timeout: number): Promise<void>;

package/dist/cjs/types.d.ts

@@ -0,0 +1,4 @@
+import type { FieldOptions, DeepKeys, DeepValue, Validator } from '@tanstack/form-core';
+export type CreateFieldOptions<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined, TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>> = FieldOptions<TParentData, TName, TFieldValidator, TFormValidator, TData> & {
+    mode?: 'value' | 'array';
+};

package/dist/mjs/createField.d.ts

@@ -0,0 +1,27 @@
+import { FieldApi, type Validator } from '@tanstack/form-core';
+import type { DeepKeys, DeepValue, Narrow } from '@tanstack/form-core';
+import type { JSXElement } from 'solid-js';
+import type { CreateFieldOptions } from './types';
+declare module '@tanstack/form-core' {
+    interface FieldApi<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined, TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>> {
+        Field: FieldComponent<TParentData, TFormValidator>;
+    }
+}
+export type CreateField<TParentData> = <TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined>(opts: () => {
+    name: Narrow<TName>;
+} & CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>) => () => FieldApi<TParentData, TName, TFieldValidator, TFormValidator, DeepValue<TParentData, TName>>;
+export declare function createField<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined>(opts: () => CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>): () => FieldApi<TParentData, TName, TFieldValidator, TFormValidator>;
+type FieldComponentProps<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined, TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>> = {
+    children: (fieldApi: () => FieldApi<TParentData, TName, TFieldValidator, TFormValidator, TData>) => JSXElement;
+} & (TParentData extends any[] ? {
+    name?: TName;
+    index: number;
+} : {
+    name: TName;
+    index?: never;
+}) & Omit<CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>, 'name' | 'index'>;
+export type FieldComponent<TParentData, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined> = <TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>>({ children, ...fieldOptions }: FieldComponentProps<TParentData, TName, TFieldValidator, TFormValidator, TData>) => JSXElement;
+export declare function Field<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined>(props: {
+    children: (fieldApi: () => FieldApi<TParentData, TName, TFieldValidator, TFormValidator>) => JSXElement;
+} & CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>): import("solid-js").JSX.Element;
+export {};

package/dist/mjs/createForm.d.ts

@@ -0,0 +1,21 @@
+import type { FormOptions, FormState, Validator } from '@tanstack/form-core';
+import { FormApi } from '@tanstack/form-core';
+import { type JSXElement } from 'solid-js';
+import { type CreateField, type FieldComponent } from './createField';
+type NoInfer<T> = [T][T extends any ? 0 : never];
+declare module '@tanstack/form-core' {
+    interface FormApi<TFormData, TFormValidator> {
+        Provider: (props: {
+            children: any;
+        }) => JSXElement;
+        Field: FieldComponent<TFormData, TFormValidator>;
+        createField: CreateField<TFormData>;
+        useStore: <TSelected = NoInfer<FormState<TFormData>>>(selector?: (state: NoInfer<FormState<TFormData>>) => TSelected) => () => TSelected;
+        Subscribe: <TSelected = NoInfer<FormState<TFormData>>>(props: {
+            selector?: (state: NoInfer<FormState<TFormData>>) => TSelected;
+            children: ((state: () => NoInfer<TSelected>) => JSXElement) | JSXElement;
+        }) => JSXElement;
+    }
+}
+export declare function createForm<TParentData, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined>(opts?: () => FormOptions<TParentData, TFormValidator>): FormApi<TParentData, TFormValidator>;
+export {};

package/dist/mjs/createFormFactory.d.ts

@@ -0,0 +1,8 @@
+import type { FormApi, FormOptions, Validator } from '@tanstack/form-core';
+import { type CreateField, type FieldComponent } from './createField';
+export type FormFactory<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> = {
+    createForm: (opts?: () => FormOptions<TFormData, TFormValidator>) => FormApi<TFormData, TFormValidator>;
+    createField: CreateField<TFormData>;
+    Field: FieldComponent<TFormData, TFormValidator>;
+};
+export declare function createFormFactory<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined>(defaultOpts?: () => FormOptions<TFormData, TFormValidator>): FormFactory<TFormData, TFormValidator>;

package/dist/mjs/formContext.d.ts

@@ -0,0 +1,11 @@
+import type { FormApi, Validator } from '@tanstack/form-core';
+type FormContextType = undefined | {
+    formApi: FormApi<any, Validator<any, unknown> | undefined>;
+    parentFieldName?: string;
+};
+export declare const formContext: import("solid-js").Context<FormContextType>;
+export declare function useFormContext(): {
+    formApi: FormApi<any, Validator<any, unknown> | undefined>;
+    parentFieldName?: string | undefined;
+};
+export {};

package/dist/mjs/index.d.mts

@@ -0,0 +1,7 @@
+export type { DeepKeys, DeepValue, FieldApiOptions, FieldInfo, FieldMeta, FieldOptions, FieldState, FormOptions, FormState, RequiredByKey, Updater, UpdaterFn, ValidationCause, ValidationError, ValidationMeta, } from '@tanstack/form-core';
+export { FormApi, FieldApi, functionalUpdate } from '@tanstack/form-core';
+export { createForm } from './createForm';
+export type { CreateField, FieldComponent } from './createField';
+export { createField, Field } from './createField';
+export type { FormFactory } from './createFormFactory';
+export { createFormFactory } from './createFormFactory';

package/dist/mjs/index.d.ts

@@ -0,0 +1,7 @@
+export type { DeepKeys, DeepValue, FieldApiOptions, FieldInfo, FieldMeta, FieldOptions, FieldState, FormOptions, FormState, RequiredByKey, Updater, UpdaterFn, ValidationCause, ValidationError, ValidationMeta, } from '@tanstack/form-core';
+export { FormApi, FieldApi, functionalUpdate } from '@tanstack/form-core';
+export { createForm } from './createForm';
+export type { CreateField, FieldComponent } from './createField';
+export { createField, Field } from './createField';
+export type { FormFactory } from './createFormFactory';
+export { createFormFactory } from './createFormFactory';

package/{build → dist/mjs}/index.js

@@ -1,19 +1,15 @@
-import { FieldApi, FormApi, functionalUpdate } from '@tanstack/form-core';
-export { FieldApi, FormApi, functionalUpdate } from '@tanstack/form-core';
-import { createComponent, mergeProps } from 'solid-js/web';
-import { createContext, createComputed, onMount, onCleanup, createComponent as createComponent$1, mergeProps as mergeProps$1, useContext, createSignal, createMemo } from 'solid-js';
-import { useStore } from '@tanstack/solid-store';
-
-// src/index.ts
-var formContext = createContext(void 0);
+import { FieldApi, FormApi, functionalUpdate } from "@tanstack/form-core";
+import { FieldApi as FieldApi2, FormApi as FormApi2, functionalUpdate as functionalUpdate2 } from "@tanstack/form-core";
+import { createComponent, mergeProps } from "solid-js/web";
+import { createContext, useContext, createComputed, onMount, onCleanup, createComponent as createComponent$1, createSignal, createMemo, mergeProps as mergeProps$1 } from "solid-js";
+import { useStore } from "@tanstack/solid-store";
+const formContext = createContext(void 0);
 function useFormContext() {
   const formApi = useContext(formContext);
   if (!formApi)
     throw new Error(`You are trying to use the form API outside of a form!`);
   return formApi;
 }
-
-// src/createField.tsx
 function makeFieldReactive(fieldApi) {
   const [flag, setFlag] = createSignal(false);
   const fieldApiMemo = createMemo(() => [flag(), fieldApi]);
@@ -61,10 +57,8 @@ function Field(props) {
     }
   });
 }
-
-// src/createForm.tsx
 function createForm(opts) {
-  const options = opts?.();
+  const options = opts == null ? void 0 : opts();
   const formApi = new FormApi(options);
   formApi.Provider = function Provider(props) {
     onMount(formApi.mount);
@@ -78,17 +72,25 @@ function createForm(opts) {
   formApi.createField = createField;
   formApi.useStore = (selector) => useStore(formApi.store, selector);
   formApi.Subscribe = (props) => functionalUpdate(props.children, useStore(formApi.store, props.selector));
-  createComputed(() => formApi.update(opts?.()));
+  createComputed(() => formApi.update(opts == null ? void 0 : opts()));
   return formApi;
 }
 function createFormFactory(defaultOpts) {
   return {
     createForm: (opts) => createForm(
-      () => mergeProps$1(defaultOpts?.() ?? {}, opts?.() ?? {})
+      () => mergeProps$1((defaultOpts == null ? void 0 : defaultOpts()) ?? {}, (opts == null ? void 0 : opts()) ?? {})
     ),
     createField,
     Field
   };
 }
-
-export { Field, createField, createForm, createFormFactory };
+export {
+  Field,
+  FieldApi2 as FieldApi,
+  FormApi2 as FormApi,
+  createField,
+  createForm,
+  createFormFactory,
+  functionalUpdate2 as functionalUpdate
+};
+//# sourceMappingURL=index.mjs.map

package/{build/dev.js → dist/mjs/index.mjs}

@@ -1,19 +1,15 @@
-import { FieldApi, FormApi, functionalUpdate } from '@tanstack/form-core';
-export { FieldApi, FormApi, functionalUpdate } from '@tanstack/form-core';
-import { createComponent, mergeProps } from 'solid-js/web';
-import { createContext, createComputed, onMount, onCleanup, createComponent as createComponent$1, mergeProps as mergeProps$1, useContext, createSignal, createMemo } from 'solid-js';
-import { useStore } from '@tanstack/solid-store';
-
-// src/index.ts
-var formContext = createContext(void 0);
+import { FieldApi, FormApi, functionalUpdate } from "@tanstack/form-core";
+import { FieldApi as FieldApi2, FormApi as FormApi2, functionalUpdate as functionalUpdate2 } from "@tanstack/form-core";
+import { createComponent, mergeProps } from "solid-js/web";
+import { createContext, useContext, createComputed, onMount, onCleanup, createComponent as createComponent$1, createSignal, createMemo, mergeProps as mergeProps$1 } from "solid-js";
+import { useStore } from "@tanstack/solid-store";
+const formContext = createContext(void 0);
 function useFormContext() {
   const formApi = useContext(formContext);
   if (!formApi)
     throw new Error(`You are trying to use the form API outside of a form!`);
   return formApi;
 }
-
-// src/createField.tsx
 function makeFieldReactive(fieldApi) {
   const [flag, setFlag] = createSignal(false);
   const fieldApiMemo = createMemo(() => [flag(), fieldApi]);
@@ -61,10 +57,8 @@ function Field(props) {
     }
   });
 }
-
-// src/createForm.tsx
 function createForm(opts) {
-  const options = opts?.();
+  const options = opts == null ? void 0 : opts();
   const formApi = new FormApi(options);
   formApi.Provider = function Provider(props) {
     onMount(formApi.mount);
@@ -78,17 +72,25 @@ function createForm(opts) {
   formApi.createField = createField;
   formApi.useStore = (selector) => useStore(formApi.store, selector);
   formApi.Subscribe = (props) => functionalUpdate(props.children, useStore(formApi.store, props.selector));
-  createComputed(() => formApi.update(opts?.()));
+  createComputed(() => formApi.update(opts == null ? void 0 : opts()));
   return formApi;
 }
 function createFormFactory(defaultOpts) {
   return {
     createForm: (opts) => createForm(
-      () => mergeProps$1(defaultOpts?.() ?? {}, opts?.() ?? {})
+      () => mergeProps$1((defaultOpts == null ? void 0 : defaultOpts()) ?? {}, (opts == null ? void 0 : opts()) ?? {})
     ),
     createField,
     Field
   };
 }
-
-export { Field, createField, createForm, createFormFactory };
+export {
+  Field,
+  FieldApi2 as FieldApi,
+  FormApi2 as FormApi,
+  createField,
+  createForm,
+  createFormFactory,
+  functionalUpdate2 as functionalUpdate
+};
+//# sourceMappingURL=index.mjs.map

package/dist/mjs/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/formContext.ts","../../src/createField.tsx","../../src/createForm.tsx","../../src/createFormFactory.ts"],"sourcesContent":["import { createContext, useContext } from 'solid-js'\nimport type { FormApi, Validator } from '@tanstack/form-core'\n\ntype FormContextType =\n  | undefined\n  | {\n      formApi: FormApi<any, Validator<any, unknown> | undefined>\n      parentFieldName?: string\n    }\n\nexport const formContext = createContext<FormContextType>(undefined)\n\nexport function useFormContext() {\n  const formApi: FormContextType = useContext(formContext)\n\n  if (!formApi)\n    throw new Error(`You are trying to use the form API outside of a form!`)\n\n  return formApi\n}\n","import { FieldApi, type Validator } from '@tanstack/form-core'\nimport {\n  createComponent,\n  createComputed,\n  createMemo,\n  createSignal,\n  onCleanup,\n  onMount,\n} from 'solid-js'\nimport { formContext, useFormContext } from './formContext'\n\nimport type { DeepKeys, DeepValue, Narrow } from '@tanstack/form-core'\nimport type { JSXElement } from 'solid-js'\nimport type { CreateFieldOptions } from './types'\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FieldApi<\n    TParentData,\n    TName extends DeepKeys<TParentData>,\n    TFieldValidator extends\n      | Validator<DeepValue<TParentData, TName>, unknown>\n      | undefined = undefined,\n    TFormValidator extends\n      | Validator<TParentData, unknown>\n      | undefined = undefined,\n    TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,\n  > {\n    Field: FieldComponent<TParentData, TFormValidator>\n  }\n}\n\nexport type CreateField<TParentData> = <\n  TName extends DeepKeys<TParentData>,\n  TFieldValidator extends\n    | Validator<DeepValue<TParentData, TName>, unknown>\n    | undefined = undefined,\n  TFormValidator extends\n    | Validator<TParentData, unknown>\n    | undefined = undefined,\n>(\n  opts: () => { name: Narrow<TName> } & CreateFieldOptions<\n    TParentData,\n    TName,\n    TFieldValidator,\n    TFormValidator\n  >,\n) => () => FieldApi<\n  TParentData,\n  TName,\n  TFieldValidator,\n  TFormValidator,\n  DeepValue<TParentData, TName>\n>\n\n// ugly way to trick solid into triggering updates for changes on the fieldApi\nfunction makeFieldReactive<FieldApiT extends FieldApi<any, any, any, any>>(\n  fieldApi: FieldApiT,\n): () => FieldApiT {\n  const [flag, setFlag] = createSignal(false)\n  const fieldApiMemo = createMemo(() => [flag(), fieldApi] as const)\n  const unsubscribeStore = fieldApi.store.subscribe(() => setFlag((f) => !f))\n  onCleanup(unsubscribeStore)\n  return () => fieldApiMemo()[1]\n}\n\nexport function createField<\n  TParentData,\n  TName extends DeepKeys<TParentData>,\n  TFieldValidator extends\n    | Validator<DeepValue<TParentData, TName>, unknown>\n    | undefined = undefined,\n  TFormValidator extends\n    | Validator<TParentData, unknown>\n    | undefined = undefined,\n>(\n  opts: () => CreateFieldOptions<\n    TParentData,\n    TName,\n    TFieldValidator,\n    TFormValidator\n  >,\n): () => FieldApi<TParentData, TName, TFieldValidator, TFormValidator> {\n  // Get the form API either manually or from context\n  const { formApi, parentFieldName } = useFormContext()\n\n  const options = opts()\n  const name = (\n    typeof options.index === 'number'\n      ? [parentFieldName, options.index, options.name]\n      : [parentFieldName, options.name]\n  )\n    .filter((d) => d !== undefined)\n    .join('.')\n\n  const fieldApi = new FieldApi({\n    ...options,\n    form: formApi,\n    name: name as typeof options.name as never,\n  })\n  fieldApi.Field = Field as never\n\n  /**\n   * fieldApi.update should not have any side effects. Think of it like a `useRef`\n   * that we need to keep updated every render with the most up-to-date information.\n   *\n   * createComputed to make sure this effect runs before render effects\n   */\n  createComputed(() => fieldApi.update({ ...opts(), form: formApi } as never))\n\n  // Instantiates field meta and removes it when unrendered\n  onMount(() => onCleanup(fieldApi.mount()))\n\n  return makeFieldReactive(fieldApi) as never\n}\n\ntype FieldComponentProps<\n  TParentData,\n  TName extends DeepKeys<TParentData>,\n  TFieldValidator extends\n    | Validator<DeepValue<TParentData, TName>, unknown>\n    | undefined = undefined,\n  TFormValidator extends\n    | Validator<TParentData, unknown>\n    | undefined = undefined,\n  TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,\n> = {\n  children: (\n    fieldApi: () => FieldApi<\n      TParentData,\n      TName,\n      TFieldValidator,\n      TFormValidator,\n      TData\n    >,\n  ) => JSXElement\n} & (TParentData extends any[]\n  ? {\n      name?: TName\n      index: number\n    }\n  : {\n      name: TName\n      index?: never\n    }) &\n  Omit<\n    CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>,\n    'name' | 'index'\n  >\n\nexport type FieldComponent<\n  TParentData,\n  TFormValidator extends\n    | Validator<TParentData, unknown>\n    | undefined = undefined,\n> = <\n  TName extends DeepKeys<TParentData>,\n  TFieldValidator extends\n    | Validator<DeepValue<TParentData, TName>, unknown>\n    | undefined = undefined,\n  TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,\n>({\n  children,\n  ...fieldOptions\n}: FieldComponentProps<\n  TParentData,\n  TName,\n  TFieldValidator,\n  TFormValidator,\n  TData\n>) => JSXElement\n\nexport function Field<\n  TParentData,\n  TName extends DeepKeys<TParentData>,\n  TFieldValidator extends\n    | Validator<DeepValue<TParentData, TName>, unknown>\n    | undefined = undefined,\n  TFormValidator extends\n    | Validator<TParentData, unknown>\n    | undefined = undefined,\n>(\n  props: {\n    children: (\n      fieldApi: () => FieldApi<\n        TParentData,\n        TName,\n        TFieldValidator,\n        TFormValidator\n      >,\n    ) => JSXElement\n  } & CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>,\n) {\n  const fieldApi = createField<\n    TParentData,\n    TName,\n    TFieldValidator,\n    TFormValidator\n  >(() => {\n    const { children, ...fieldOptions } = props\n    return fieldOptions\n  })\n\n  return (\n    <formContext.Provider\n      value={{\n        formApi: fieldApi().form as never,\n        parentFieldName: String(fieldApi().name),\n      }}\n    >\n      {/* createComponent to make sure the signals in the children component are not tracked */}\n      {createComponent(() => props.children(fieldApi), {})}\n    </formContext.Provider>\n  )\n}\n","import type { FormOptions, FormState, Validator } from '@tanstack/form-core'\nimport { FormApi, functionalUpdate } from '@tanstack/form-core'\nimport { createComputed, onMount, type JSXElement } from 'solid-js'\nimport { useStore } from '@tanstack/solid-store'\nimport {\n  Field,\n  createField,\n  type CreateField,\n  type FieldComponent,\n} from './createField'\nimport { formContext } from './formContext'\n\ntype NoInfer<T> = [T][T extends any ? 0 : never]\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FormApi<TFormData, TFormValidator> {\n    Provider: (props: { children: any }) => JSXElement\n    Field: FieldComponent<TFormData, TFormValidator>\n    createField: CreateField<TFormData>\n    useStore: <TSelected = NoInfer<FormState<TFormData>>>(\n      selector?: (state: NoInfer<FormState<TFormData>>) => TSelected,\n    ) => () => TSelected\n    Subscribe: <TSelected = NoInfer<FormState<TFormData>>>(props: {\n      selector?: (state: NoInfer<FormState<TFormData>>) => TSelected\n      children: ((state: () => NoInfer<TSelected>) => JSXElement) | JSXElement\n    }) => JSXElement\n  }\n}\n\nexport function createForm<\n  TParentData,\n  TFormValidator extends\n    | Validator<TParentData, unknown>\n    | undefined = undefined,\n>(\n  opts?: () => FormOptions<TParentData, TFormValidator>,\n): FormApi<TParentData, TFormValidator> {\n  const options = opts?.()\n  const formApi = new FormApi<TParentData, TFormValidator>(options)\n\n  formApi.Provider = function Provider(props) {\n    onMount(formApi.mount)\n    return (\n      <formContext.Provider {...props} value={{ formApi: formApi as never }} />\n    )\n  }\n  formApi.Field = Field as any\n  formApi.createField = createField as CreateField<TParentData>\n  formApi.useStore = (selector) => useStore(formApi.store, selector)\n  formApi.Subscribe = (props) =>\n    functionalUpdate(props.children, useStore(formApi.store, props.selector))\n\n  /**\n   * formApi.update should not have any side effects. Think of it like a `useRef`\n   * that we need to keep updated every render with the most up-to-date information.\n   */\n  createComputed(() => formApi.update(opts?.()))\n\n  return formApi\n}\n","import type { FormApi, FormOptions, Validator } from '@tanstack/form-core'\n\nimport {\n  type CreateField,\n  type FieldComponent,\n  Field,\n  createField,\n} from './createField'\nimport { createForm } from './createForm'\nimport { mergeProps } from 'solid-js'\n\nexport type FormFactory<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> = {\n  createForm: (\n    opts?: () => FormOptions<TFormData, TFormValidator>,\n  ) => FormApi<TFormData, TFormValidator>\n  createField: CreateField<TFormData>\n  Field: FieldComponent<TFormData, TFormValidator>\n}\n\nexport function createFormFactory<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n>(\n  defaultOpts?: () => FormOptions<TFormData, TFormValidator>,\n): FormFactory<TFormData, TFormValidator> {\n  return {\n    createForm: (opts) =>\n      createForm<TFormData, TFormValidator>(() =>\n        mergeProps(defaultOpts?.() ?? {}, opts?.() ?? {}),\n      ),\n    createField,\n    Field: Field as never,\n  }\n}\n"],"names":["makeFieldReactive","fieldApi","flag","setFlag","createSignal","fieldApiMemo","createMemo","unsubscribeStore","store","subscribe","f","onCleanup","createField","opts","formApi","parentFieldName","useFormContext","options","name","index","filter","d","undefined","join","FieldApi","form","Field","createComputed","update","onMount","mount","props","children","fieldOptions","_$createComponent","formContext","Provider","value","String","createComponent","createForm","FormApi","_$mergeProps","useStore","selector","Subscribe","functionalUpdate","mergeProps"],"mappings":";;;;;AAUa,MAAA,cAAc,cAA+B,MAAS;AAE5D,SAAS,iBAAiB;AACzB,QAAA,UAA2B,WAAW,WAAW;AAEvD,MAAI,CAAC;AACG,UAAA,IAAI,MAAM,uDAAuD;AAElE,SAAA;AACT;ACqCA,SAASA,kBACPC,UACiB;AACjB,QAAM,CAACC,MAAMC,OAAO,IAAIC,aAAa,KAAK;AAC1C,QAAMC,eAAeC,WAAW,MAAM,CAACJ,KAAM,GAAED,QAAQ,CAAU;AACjE,QAAMM,mBAAmBN,SAASO,MAAMC,UAAU,MAAMN,QAASO,OAAM,CAACA,CAAC,CAAC;AAC1EC,YAAUJ,gBAAgB;AAC1B,SAAO,MAAMF,eAAe,CAAC;AAC/B;AAEO,SAASO,YAUdC,MAMqE;AAErE,QAAM;AAAA,IAAEC;AAAAA,IAASC;AAAAA,EAAiB,IAAGC,eAAc;AAEnD,QAAMC,UAAUJ;AAChB,QAAMK,QACJ,OAAOD,QAAQE,UAAU,WACrB,CAACJ,iBAAiBE,QAAQE,OAAOF,QAAQC,IAAI,IAC7C,CAACH,iBAAiBE,QAAQC,IAAI,GAEjCE,OAAQC,OAAMA,MAAMC,MAAS,EAC7BC,KAAK,GAAG;AAEX,QAAMtB,WAAW,IAAIuB,SAAS;AAAA,IAC5B,GAAGP;AAAAA,IACHQ,MAAMX;AAAAA,IACNI;AAAAA,EACF,CAAC;AACDjB,WAASyB,QAAQA;AAQjBC,iBAAe,MAAM1B,SAAS2B,OAAO;AAAA,IAAE,GAAGf,KAAM;AAAA,IAAEY,MAAMX;AAAAA,EAAkB,CAAA,CAAC;AAG3Ee,UAAQ,MAAMlB,UAAUV,SAAS6B,MAAK,CAAE,CAAC;AAEzC,SAAO9B,kBAAkBC,QAAQ;AACnC;AA0DO,SAASyB,MAUdK,OAUA;AACA,QAAM9B,WAAWW,YAKf,MAAM;AACN,UAAM;AAAA,MAAEoB;AAAAA,MAAU,GAAGC;AAAAA,IAAc,IAAGF;AACtC,WAAOE;AAAAA,EACT,CAAC;AAED,SAAAC,gBACGC,YAAYC,UAAQ;AAAA,IAAA,IACnBC,QAAK;AAAA,aAAE;AAAA,QACLvB,SAASb,SAAQ,EAAGwB;AAAAA,QACpBV,iBAAiBuB,OAAOrC,SAAU,EAACiB,IAAI;AAAA;IACxC;AAAA,IAAA,IAAAc,WAAA;AAAA,aAGAO,kBAAgB,MAAMR,MAAMC,SAAS/B,QAAQ,GAAG,CAAA,CAAE;AAAA,IAAC;AAAA,EAAA,CAAA;AAG1D;ACxLO,SAASuC,WAMd3B,MACsC;AACtC,QAAMI,UAAUJ;AAChB,QAAMC,UAAU,IAAI2B,QAAqCxB,OAAO;AAEhEH,UAAQsB,WAAW,SAASA,SAASL,OAAO;AAC1CF,YAAQf,QAAQgB,KAAK;AACrB,WAAAI,gBACGC,YAAYC,UAAQM,WAAKX,OAAK;AAAA,MAAEM,OAAO;AAAA,QAAEvB;AAAAA,MAA0B;AAAA,IAAC,CAAA,CAAA;AAAA;AAGzEA,UAAQY,QAAQA;AAChBZ,UAAQF,cAAcA;AACtBE,UAAQ6B,WAAYC,cAAaD,SAAS7B,QAAQN,OAAOoC,QAAQ;AACjE9B,UAAQ+B,YAAad,WACnBe,iBAAiBf,MAAMC,UAAUW,SAAS7B,QAAQN,OAAOuB,MAAMa,QAAQ,CAAC;AAM1EjB,iBAAe,MAAMb,QAAQc,OAAOf,8BAAQ,CAAC;AAE7C,SAAOC;AACT;ACtCO,SAAS,kBAId,aACwC;AACjC,SAAA;AAAA,IACL,YAAY,CAAC,SACX;AAAA,MAAsC,MACpCiC,cAAW,iDAAmB,CAAI,IAAA,mCAAY,CAAA,CAAE;AAAA,IAClD;AAAA,IACF;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/dist/mjs/tests/createField.test-d.d.ts

@@ -0,0 +1,2 @@
+/// <reference lib="dom" />
+export {};

package/dist/mjs/tests/createField.test.d.ts

@@ -0,0 +1 @@
+/// <reference lib="dom" />

package/dist/mjs/tests/createForm.test.d.ts

@@ -0,0 +1 @@
+/// <reference lib="dom" />

package/dist/mjs/tests/createFormFactory.test.d.ts

@@ -0,0 +1 @@
+/// <reference lib="dom" />

package/dist/mjs/tests/utils.d.ts

@@ -0,0 +1 @@
+export declare function sleep(timeout: number): Promise<void>;

package/dist/mjs/types.d.ts

@@ -0,0 +1,4 @@
+import type { FieldOptions, DeepKeys, DeepValue, Validator } from '@tanstack/form-core';
+export type CreateFieldOptions<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined, TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>> = FieldOptions<TParentData, TName, TFieldValidator, TFormValidator, TData> & {
+    mode?: 'value' | 'array';
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/solid-form",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "description": "Powerful, type-safe forms for Solid.",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -12,61 +12,48 @@
   },
   "sideEffects": false,
   "files": [
-    "build",
+    "dist",
     "src"
   ],
   "type": "module",
-  "main": "./build/index.cjs",
-  "module": "./build/index.js",
-  "types": "./build/index.d.ts",
+  "types": "dist/mjs/index.d.mts",
+  "main": "dist/cjs/index.cjs",
+  "module": "dist/mjs/index.mjs",
   "exports": {
-    "development": {
+    ".": {
       "import": {
-        "types": "./build/index.d.ts",
-        "default": "./build/dev.js"
+        "types": "./dist/mjs/index.d.mts",
+        "default": "./dist/mjs/index.mjs"
       },
       "require": {
-        "types": "./build/index.d.cts",
-        "default": "./build/dev.cjs"
+        "types": "./dist/cjs/index.d.cts",
+        "default": "./dist/cjs/index.cjs"
       }
     },
-    "import": {
-      "types": "./build/index.d.ts",
-      "default": "./build/index.js"
-    },
-    "require": {
-      "types": "./build/index.d.cts",
-      "default": "./build/index.cjs"
-    }
-  },
-  "nx": {
-    "targets": {
-      "test:build": {
-        "dependsOn": [
-          "build"
-        ]
-      }
-    }
+    "./package.json": "./package.json"
   },
   "devDependencies": {
     "solid-js": "^1.7.8",
-    "tsup-preset-solid": "^2.1.0",
-    "vite-plugin-solid": "^2.7.0"
+    "vite-plugin-solid": "^2.8.0"
   },
   "dependencies": {
     "@tanstack/solid-store": "^0.2.1",
-    "@tanstack/form-core": "0.11.0"
+    "@tanstack/form-core": "0.13.0"
   },
   "peerDependencies": {
     "solid-js": "^1.6.0"
   },
   "scripts": {
-    "clean": "rimraf ./build && rimraf ./coverage",
+    "clean": "rimraf ./dist && rimraf ./coverage",
     "test:eslint": "eslint --ext .ts,.tsx ./src",
-    "test:types": "tsc --noEmit",
+    "test:types:versions49": "../../node_modules/typescript49/bin/tsc --noEmit",
+    "test:types:versions50": "../../node_modules/typescript50/bin/tsc --noEmit",
+    "test:types:versions51": "../../node_modules/typescript51/bin/tsc --noEmit",
+    "test:types:versions52": "tsc --noEmit",
+    "test:types": "pnpm run \"/^test:types:versions.*/\"",
     "test:lib": "vitest run --coverage",
     "test:lib:dev": "pnpm run test:lib --watch",
     "test:build": "publint --strict",
-    "build": "tsup"
+    "build": "vite build"
   }
 }

package/src/tests/createField.test-d.tsx

@@ -57,7 +57,7 @@ it('should type onChange properly', () => {
               return null
             },
           }}
-          children={(field) => null}
+          children={() => null}
         />
         <form.Field
           name="age"
@@ -67,7 +67,7 @@ it('should type onChange properly', () => {
               return null
             },
           }}
-          children={(field) => null}
+          children={() => null}
         />
       </form.Provider>
     )

package/build/index.d.cts

@@ -1,56 +0,0 @@
-import { DeepKeys, Validator, DeepValue, FieldOptions, Narrow, FieldApi, FormState, FormOptions, FormApi } from '@tanstack/form-core';
-export { DeepKeys, DeepValue, FieldApi, FieldApiOptions, FieldInfo, FieldMeta, FieldOptions, FieldState, FormApi, FormOptions, FormState, RequiredByKey, Updater, UpdaterFn, ValidationCause, ValidationError, ValidationMeta, functionalUpdate } from '@tanstack/form-core';
-import { JSXElement } from 'solid-js';
-
-type CreateFieldOptions<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined, TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>> = FieldOptions<TParentData, TName, TFieldValidator, TFormValidator, TData> & {
-    mode?: 'value' | 'array';
-};
-
-declare module '@tanstack/form-core' {
-    interface FieldApi<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined, TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>> {
-        Field: FieldComponent<TParentData, TFormValidator>;
-    }
-}
-type CreateField<TParentData> = <TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined>(opts: () => {
-    name: Narrow<TName>;
-} & CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>) => () => FieldApi<TParentData, TName, TFieldValidator, TFormValidator, DeepValue<TParentData, TName>>;
-declare function createField<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined>(opts: () => CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>): () => FieldApi<TParentData, TName, TFieldValidator, TFormValidator>;
-type FieldComponentProps<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined, TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>> = {
-    children: (fieldApi: () => FieldApi<TParentData, TName, TFieldValidator, TFormValidator, TData>) => JSXElement;
-} & (TParentData extends any[] ? {
-    name?: TName;
-    index: number;
-} : {
-    name: TName;
-    index?: never;
-}) & Omit<CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>, 'name' | 'index'>;
-type FieldComponent<TParentData, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined> = <TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>>({ children, ...fieldOptions }: FieldComponentProps<TParentData, TName, TFieldValidator, TFormValidator, TData>) => JSXElement;
-declare function Field<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined>(props: {
-    children: (fieldApi: () => FieldApi<TParentData, TName, TFieldValidator, TFormValidator>) => JSXElement;
-} & CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>): any;
-
-type NoInfer<T> = [T][T extends any ? 0 : never];
-declare module '@tanstack/form-core' {
-    interface FormApi<TFormData, TFormValidator> {
-        Provider: (props: {
-            children: any;
-        }) => JSXElement;
-        Field: FieldComponent<TFormData, TFormValidator>;
-        createField: CreateField<TFormData>;
-        useStore: <TSelected = NoInfer<FormState<TFormData>>>(selector?: (state: NoInfer<FormState<TFormData>>) => TSelected) => () => TSelected;
-        Subscribe: <TSelected = NoInfer<FormState<TFormData>>>(props: {
-            selector?: (state: NoInfer<FormState<TFormData>>) => TSelected;
-            children: ((state: () => NoInfer<TSelected>) => JSXElement) | JSXElement;
-        }) => JSXElement;
-    }
-}
-declare function createForm<TParentData, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined>(opts?: () => FormOptions<TParentData, TFormValidator>): FormApi<TParentData, TFormValidator>;
-
-type FormFactory<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> = {
-    createForm: (opts?: () => FormOptions<TFormData, TFormValidator>) => FormApi<TFormData, TFormValidator>;
-    createField: CreateField<TFormData>;
-    Field: FieldComponent<TFormData, TFormValidator>;
-};
-declare function createFormFactory<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined>(defaultOpts?: () => FormOptions<TFormData, TFormValidator>): FormFactory<TFormData, TFormValidator>;
-
-export { CreateField, Field, FieldComponent, FormFactory, createField, createForm, createFormFactory };

package/build/index.d.ts

@@ -1,56 +0,0 @@
-import { DeepKeys, Validator, DeepValue, FieldOptions, Narrow, FieldApi, FormState, FormOptions, FormApi } from '@tanstack/form-core';
-export { DeepKeys, DeepValue, FieldApi, FieldApiOptions, FieldInfo, FieldMeta, FieldOptions, FieldState, FormApi, FormOptions, FormState, RequiredByKey, Updater, UpdaterFn, ValidationCause, ValidationError, ValidationMeta, functionalUpdate } from '@tanstack/form-core';
-import { JSXElement } from 'solid-js';
-
-type CreateFieldOptions<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined, TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>> = FieldOptions<TParentData, TName, TFieldValidator, TFormValidator, TData> & {
-    mode?: 'value' | 'array';
-};
-
-declare module '@tanstack/form-core' {
-    interface FieldApi<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined, TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>> {
-        Field: FieldComponent<TParentData, TFormValidator>;
-    }
-}
-type CreateField<TParentData> = <TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined>(opts: () => {
-    name: Narrow<TName>;
-} & CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>) => () => FieldApi<TParentData, TName, TFieldValidator, TFormValidator, DeepValue<TParentData, TName>>;
-declare function createField<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined>(opts: () => CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>): () => FieldApi<TParentData, TName, TFieldValidator, TFormValidator>;
-type FieldComponentProps<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined, TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>> = {
-    children: (fieldApi: () => FieldApi<TParentData, TName, TFieldValidator, TFormValidator, TData>) => JSXElement;
-} & (TParentData extends any[] ? {
-    name?: TName;
-    index: number;
-} : {
-    name: TName;
-    index?: never;
-}) & Omit<CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>, 'name' | 'index'>;
-type FieldComponent<TParentData, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined> = <TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>>({ children, ...fieldOptions }: FieldComponentProps<TParentData, TName, TFieldValidator, TFormValidator, TData>) => JSXElement;
-declare function Field<TParentData, TName extends DeepKeys<TParentData>, TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined>(props: {
-    children: (fieldApi: () => FieldApi<TParentData, TName, TFieldValidator, TFormValidator>) => JSXElement;
-} & CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>): any;
-
-type NoInfer<T> = [T][T extends any ? 0 : never];
-declare module '@tanstack/form-core' {
-    interface FormApi<TFormData, TFormValidator> {
-        Provider: (props: {
-            children: any;
-        }) => JSXElement;
-        Field: FieldComponent<TFormData, TFormValidator>;
-        createField: CreateField<TFormData>;
-        useStore: <TSelected = NoInfer<FormState<TFormData>>>(selector?: (state: NoInfer<FormState<TFormData>>) => TSelected) => () => TSelected;
-        Subscribe: <TSelected = NoInfer<FormState<TFormData>>>(props: {
-            selector?: (state: NoInfer<FormState<TFormData>>) => TSelected;
-            children: ((state: () => NoInfer<TSelected>) => JSXElement) | JSXElement;
-        }) => JSXElement;
-    }
-}
-declare function createForm<TParentData, TFormValidator extends Validator<TParentData, unknown> | undefined = undefined>(opts?: () => FormOptions<TParentData, TFormValidator>): FormApi<TParentData, TFormValidator>;
-
-type FormFactory<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> = {
-    createForm: (opts?: () => FormOptions<TFormData, TFormValidator>) => FormApi<TFormData, TFormValidator>;
-    createField: CreateField<TFormData>;
-    Field: FieldComponent<TFormData, TFormValidator>;
-};
-declare function createFormFactory<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined>(defaultOpts?: () => FormOptions<TFormData, TFormValidator>): FormFactory<TFormData, TFormValidator>;
-
-export { CreateField, Field, FieldComponent, FormFactory, createField, createForm, createFormFactory };