@tanstack/solid-form 0.13.0 → 0.13.1

package/dist/cjs/createField.cjs

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const web = require("solid-js/web");
+const formCore = require("@tanstack/form-core");
+const solidJs = require("solid-js");
+const formContext = require("./formContext.cjs");
+function makeFieldReactive(fieldApi) {
+  const [flag, setFlag] = solidJs.createSignal(false);
+  const fieldApiMemo = solidJs.createMemo(() => [flag(), fieldApi]);
+  const unsubscribeStore = fieldApi.store.subscribe(() => setFlag((f) => !f));
+  solidJs.onCleanup(unsubscribeStore);
+  return () => fieldApiMemo()[1];
+}
+function createField(opts) {
+  const {
+    formApi,
+    parentFieldName
+  } = formContext.useFormContext();
+  const options = opts();
+  const name = (typeof options.index === "number" ? [parentFieldName, options.index, options.name] : [parentFieldName, options.name]).filter((d) => d !== void 0).join(".");
+  const fieldApi = new formCore.FieldApi({
+    ...options,
+    form: formApi,
+    name
+  });
+  fieldApi.Field = Field;
+  solidJs.createComputed(() => fieldApi.update({
+    ...opts(),
+    form: formApi
+  }));
+  solidJs.onMount(() => solidJs.onCleanup(fieldApi.mount()));
+  return makeFieldReactive(fieldApi);
+}
+function Field(props) {
+  const fieldApi = createField(() => {
+    const {
+      children,
+      ...fieldOptions
+    } = props;
+    return fieldOptions;
+  });
+  return web.createComponent(formContext.formContext.Provider, {
+    get value() {
+      return {
+        formApi: fieldApi().form,
+        parentFieldName: String(fieldApi().name)
+      };
+    },
+    get children() {
+      return solidJs.createComponent(() => props.children(fieldApi), {});
+    }
+  });
+}
+exports.Field = Field;
+exports.createField = createField;
+//# sourceMappingURL=createField.cjs.map

package/dist/cjs/createField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createField.cjs","sources":["../../src/createField.tsx"],"sourcesContent":["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"],"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"],"mappings":";;;;;;AAwDA,SAASA,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,YAAc,eAAA;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,YAAW,YAACC,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;;;"}

package/dist/{mjs/createField.d.ts → cjs/createField.d.cts}

@@ -23,5 +23,5 @@ type FieldComponentProps<TParentData, TName extends DeepKeys<TParentData>, TFiel
 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;
+} & CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>): any;
 export {};

package/dist/cjs/createForm.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const web = require("solid-js/web");
+const formCore = require("@tanstack/form-core");
+const solidJs = require("solid-js");
+const solidStore = require("@tanstack/solid-store");
+const createField = require("./createField.cjs");
+const formContext = require("./formContext.cjs");
+function createForm(opts) {
+  const options = opts == null ? void 0 : opts();
+  const formApi = new formCore.FormApi(options);
+  formApi.Provider = function Provider(props) {
+    solidJs.onMount(formApi.mount);
+    return web.createComponent(formContext.formContext.Provider, web.mergeProps(props, {
+      value: {
+        formApi
+      }
+    }));
+  };
+  formApi.Field = createField.Field;
+  formApi.createField = 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 == null ? void 0 : opts()));
+  return formApi;
+}
+exports.createForm = createForm;
+//# sourceMappingURL=createForm.cjs.map

package/dist/cjs/createForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createForm.cjs","sources":["../../src/createForm.tsx"],"sourcesContent":["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"],"names":["createForm","opts","options","formApi","FormApi","Provider","props","onMount","mount","_$createComponent","formContext","_$mergeProps","value","Field","createField","useStore","selector","store","Subscribe","functionalUpdate","children","createComputed","update"],"mappings":";;;;;;;;AA8BO,SAASA,WAMdC,MACsC;AACtC,QAAMC,UAAUD;AAChB,QAAME,UAAU,IAAIC,iBAAqCF,OAAO;AAEhEC,UAAQE,WAAW,SAASA,SAASC,OAAO;AAC1CC,oBAAQJ,QAAQK,KAAK;AACrB,WAAAC,IAAA,gBACGC,YAAW,YAACL,UAAQM,IAAAA,WAAKL,OAAK;AAAA,MAAEM,OAAO;AAAA,QAAET;AAAAA,MAA0B;AAAA,IAAC,CAAA,CAAA;AAAA;AAGzEA,UAAQU,QAAQA;AAChBV,UAAQW,cAAcA;AACtBX,UAAQY,WAAYC,cAAaD,WAAAA,SAASZ,QAAQc,OAAOD,QAAQ;AACjEb,UAAQe,YAAaZ,WACnBa,SAAAA,iBAAiBb,MAAMc,UAAUL,WAAQ,SAACZ,QAAQc,OAAOX,MAAMU,QAAQ,CAAC;AAM1EK,UAAAA,eAAe,MAAMlB,QAAQmB,OAAOrB,8BAAQ,CAAC;AAE7C,SAAOE;AACT;;"}

package/dist/cjs/createFormFactory.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const createField = require("./createField.cjs");
+const createForm = require("./createForm.cjs");
+const solidJs = require("solid-js");
+function createFormFactory(defaultOpts) {
+  return {
+    createForm: (opts) => createForm.createForm(
+      () => solidJs.mergeProps((defaultOpts == null ? void 0 : defaultOpts()) ?? {}, (opts == null ? void 0 : opts()) ?? {})
+    ),
+    createField: createField.createField,
+    Field: createField.Field
+  };
+}
+exports.createFormFactory = createFormFactory;
+//# sourceMappingURL=createFormFactory.cjs.map

package/dist/cjs/createFormFactory.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFormFactory.cjs","sources":["../../src/createFormFactory.ts"],"sourcesContent":["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":["createForm","mergeProps","createField","Field"],"mappings":";;;;;AAsBO,SAAS,kBAId,aACwC;AACjC,SAAA;AAAA,IACL,YAAY,CAAC,SACXA,WAAA;AAAA,MAAsC,MACpCC,QAAAA,YAAW,iDAAmB,CAAI,IAAA,mCAAY,CAAA,CAAE;AAAA,IAClD;AAAA,IAAA,aACFC,YAAA;AAAA,IAAA,OACAC,YAAA;AAAA,EAAA;AAEJ;;"}

package/dist/cjs/formContext.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const solidJs = require("solid-js");
+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;
+}
+exports.formContext = formContext;
+exports.useFormContext = useFormContext;
+//# sourceMappingURL=formContext.cjs.map

package/dist/cjs/formContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formContext.cjs","sources":["../../src/formContext.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"],"names":["createContext","useContext"],"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;;;"}

package/dist/cjs/index.cjs

@@ -1,90 +1,9 @@
 "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;
-}
-function makeFieldReactive(fieldApi) {
-  const [flag, setFlag] = solidJs.createSignal(false);
-  const fieldApiMemo = solidJs.createMemo(() => [flag(), fieldApi]);
-  const unsubscribeStore = fieldApi.store.subscribe(() => setFlag((f) => !f));
-  solidJs.onCleanup(unsubscribeStore);
-  return () => fieldApiMemo()[1];
-}
-function createField(opts) {
-  const {
-    formApi,
-    parentFieldName
-  } = useFormContext();
-  const options = opts();
-  const name = (typeof options.index === "number" ? [parentFieldName, options.index, options.name] : [parentFieldName, options.name]).filter((d) => d !== void 0).join(".");
-  const fieldApi = new formCore.FieldApi({
-    ...options,
-    form: formApi,
-    name
-  });
-  fieldApi.Field = Field;
-  solidJs.createComputed(() => fieldApi.update({
-    ...opts(),
-    form: formApi
-  }));
-  solidJs.onMount(() => solidJs.onCleanup(fieldApi.mount()));
-  return makeFieldReactive(fieldApi);
-}
-function Field(props) {
-  const fieldApi = createField(() => {
-    const {
-      children,
-      ...fieldOptions
-    } = props;
-    return fieldOptions;
-  });
-  return web.createComponent(formContext.Provider, {
-    get value() {
-      return {
-        formApi: fieldApi().form,
-        parentFieldName: String(fieldApi().name)
-      };
-    },
-    get children() {
-      return solidJs.createComponent(() => props.children(fieldApi), {});
-    }
-  });
-}
-function createForm(opts) {
-  const options = opts == null ? void 0 : opts();
-  const formApi = new formCore.FormApi(options);
-  formApi.Provider = function Provider(props) {
-    solidJs.onMount(formApi.mount);
-    return web.createComponent(formContext.Provider, web.mergeProps(props, {
-      value: {
-        formApi
-      }
-    }));
-  };
-  formApi.Field = Field;
-  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 == null ? void 0 : opts()));
-  return formApi;
-}
-function createFormFactory(defaultOpts) {
-  return {
-    createForm: (opts) => createForm(
-      () => solidJs.mergeProps((defaultOpts == null ? void 0 : defaultOpts()) ?? {}, (opts == null ? void 0 : opts()) ?? {})
-    ),
-    createField,
-    Field
-  };
-}
+const createForm = require("./createForm.cjs");
+const createField = require("./createField.cjs");
+const createFormFactory = require("./createFormFactory.cjs");
 Object.defineProperty(exports, "FieldApi", {
   enumerable: true,
   get: () => formCore.FieldApi
@@ -97,8 +16,8 @@ Object.defineProperty(exports, "functionalUpdate", {
   enumerable: true,
   get: () => formCore.functionalUpdate
 });
-exports.Field = Field;
-exports.createField = createField;
-exports.createForm = createForm;
-exports.createFormFactory = createFormFactory;
+exports.createForm = createForm.createForm;
+exports.Field = createField.Field;
+exports.createField = createField.createField;
+exports.createFormFactory = createFormFactory.createFormFactory;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -1 +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;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/{cjs → esm}/createField.d.ts

@@ -23,5 +23,5 @@ type FieldComponentProps<TParentData, TName extends DeepKeys<TParentData>, TFiel
 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;
+} & CreateFieldOptions<TParentData, TName, TFieldValidator, TFormValidator>): any;
 export {};

package/dist/esm/createField.js

@@ -0,0 +1,56 @@
+import { createComponent } from "solid-js/web";
+import { FieldApi } from "@tanstack/form-core";
+import { createComputed, onMount, onCleanup, createComponent as createComponent$1, createSignal, createMemo } from "solid-js";
+import { useFormContext, formContext } from "./formContext.js";
+function makeFieldReactive(fieldApi) {
+  const [flag, setFlag] = createSignal(false);
+  const fieldApiMemo = createMemo(() => [flag(), fieldApi]);
+  const unsubscribeStore = fieldApi.store.subscribe(() => setFlag((f) => !f));
+  onCleanup(unsubscribeStore);
+  return () => fieldApiMemo()[1];
+}
+function createField(opts) {
+  const {
+    formApi,
+    parentFieldName
+  } = useFormContext();
+  const options = opts();
+  const name = (typeof options.index === "number" ? [parentFieldName, options.index, options.name] : [parentFieldName, options.name]).filter((d) => d !== void 0).join(".");
+  const fieldApi = new FieldApi({
+    ...options,
+    form: formApi,
+    name
+  });
+  fieldApi.Field = Field;
+  createComputed(() => fieldApi.update({
+    ...opts(),
+    form: formApi
+  }));
+  onMount(() => onCleanup(fieldApi.mount()));
+  return makeFieldReactive(fieldApi);
+}
+function Field(props) {
+  const fieldApi = createField(() => {
+    const {
+      children,
+      ...fieldOptions
+    } = props;
+    return fieldOptions;
+  });
+  return createComponent(formContext.Provider, {
+    get value() {
+      return {
+        formApi: fieldApi().form,
+        parentFieldName: String(fieldApi().name)
+      };
+    },
+    get children() {
+      return createComponent$1(() => props.children(fieldApi), {});
+    }
+  });
+}
+export {
+  Field,
+  createField
+};
+//# sourceMappingURL=createField.js.map

package/dist/esm/createField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createField.js","sources":["../../src/createField.tsx"],"sourcesContent":["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"],"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"],"mappings":";;;;AAwDA,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;"}

package/dist/esm/createForm.js

@@ -0,0 +1,28 @@
+import { createComponent, mergeProps } from "solid-js/web";
+import { FormApi, functionalUpdate } from "@tanstack/form-core";
+import { onMount, createComputed } from "solid-js";
+import { useStore } from "@tanstack/solid-store";
+import { Field, createField } from "./createField.js";
+import { formContext } from "./formContext.js";
+function createForm(opts) {
+  const options = opts == null ? void 0 : opts();
+  const formApi = new FormApi(options);
+  formApi.Provider = function Provider(props) {
+    onMount(formApi.mount);
+    return createComponent(formContext.Provider, mergeProps(props, {
+      value: {
+        formApi
+      }
+    }));
+  };
+  formApi.Field = Field;
+  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 == null ? void 0 : opts()));
+  return formApi;
+}
+export {
+  createForm
+};
+//# sourceMappingURL=createForm.js.map

package/dist/esm/createForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createForm.js","sources":["../../src/createForm.tsx"],"sourcesContent":["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"],"names":["createForm","opts","options","formApi","FormApi","Provider","props","onMount","mount","_$createComponent","formContext","_$mergeProps","value","Field","createField","useStore","selector","store","Subscribe","functionalUpdate","children","createComputed","update"],"mappings":";;;;;;AA8BO,SAASA,WAMdC,MACsC;AACtC,QAAMC,UAAUD;AAChB,QAAME,UAAU,IAAIC,QAAqCF,OAAO;AAEhEC,UAAQE,WAAW,SAASA,SAASC,OAAO;AAC1CC,YAAQJ,QAAQK,KAAK;AACrB,WAAAC,gBACGC,YAAYL,UAAQM,WAAKL,OAAK;AAAA,MAAEM,OAAO;AAAA,QAAET;AAAAA,MAA0B;AAAA,IAAC,CAAA,CAAA;AAAA;AAGzEA,UAAQU,QAAQA;AAChBV,UAAQW,cAAcA;AACtBX,UAAQY,WAAYC,cAAaD,SAASZ,QAAQc,OAAOD,QAAQ;AACjEb,UAAQe,YAAaZ,WACnBa,iBAAiBb,MAAMc,UAAUL,SAASZ,QAAQc,OAAOX,MAAMU,QAAQ,CAAC;AAM1EK,iBAAe,MAAMlB,QAAQmB,OAAOrB,8BAAQ,CAAC;AAE7C,SAAOE;AACT;"}

package/dist/esm/createFormFactory.js

@@ -0,0 +1,16 @@
+import { createField, Field } from "./createField.js";
+import { createForm } from "./createForm.js";
+import { mergeProps } from "solid-js";
+function createFormFactory(defaultOpts) {
+  return {
+    createForm: (opts) => createForm(
+      () => mergeProps((defaultOpts == null ? void 0 : defaultOpts()) ?? {}, (opts == null ? void 0 : opts()) ?? {})
+    ),
+    createField,
+    Field
+  };
+}
+export {
+  createFormFactory
+};
+//# sourceMappingURL=createFormFactory.js.map

package/dist/esm/createFormFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFormFactory.js","sources":["../../src/createFormFactory.ts"],"sourcesContent":["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":[],"mappings":";;;AAsBO,SAAS,kBAId,aACwC;AACjC,SAAA;AAAA,IACL,YAAY,CAAC,SACX;AAAA,MAAsC,MACpC,YAAW,iDAAmB,CAAI,IAAA,mCAAY,CAAA,CAAE;AAAA,IAClD;AAAA,IACF;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/dist/esm/formContext.js

@@ -0,0 +1,13 @@
+import { createContext, useContext } from "solid-js";
+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;
+}
+export {
+  formContext,
+  useFormContext
+};
+//# sourceMappingURL=formContext.js.map

package/dist/esm/formContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formContext.js","sources":["../../src/formContext.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"],"names":[],"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;"}

package/dist/esm/index.js

@@ -0,0 +1,14 @@
+import { FieldApi, FormApi, functionalUpdate } from "@tanstack/form-core";
+import { createForm } from "./createForm.js";
+import { Field, createField } from "./createField.js";
+import { createFormFactory } from "./createFormFactory.js";
+export {
+  Field,
+  FieldApi,
+  FormApi,
+  createField,
+  createForm,
+  createFormFactory,
+  functionalUpdate
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/solid-form",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "description": "Powerful, type-safe forms for Solid.",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -16,14 +16,14 @@
     "src"
   ],
   "type": "module",
-  "types": "dist/mjs/index.d.mts",
+  "types": "dist/esm/index.d.ts",
   "main": "dist/cjs/index.cjs",
-  "module": "dist/mjs/index.mjs",
+  "module": "dist/esm/index.js",
   "exports": {
     ".": {
       "import": {
-        "types": "./dist/mjs/index.d.mts",
-        "default": "./dist/mjs/index.mjs"
+        "types": "./dist/esm/index.d.ts",
+        "default": "./dist/esm/index.js"
       },
       "require": {
         "types": "./dist/cjs/index.d.cts",
@@ -38,7 +38,7 @@
   },
   "dependencies": {
     "@tanstack/solid-store": "^0.2.1",
-    "@tanstack/form-core": "0.13.0"
+    "@tanstack/form-core": "0.13.1"
   },
   "peerDependencies": {
     "solid-js": "^1.6.0"
@@ -46,12 +46,12 @@
   "scripts": {
     "clean": "rimraf ./dist && rimraf ./coverage",
     "test:eslint": "eslint --ext .ts,.tsx ./src",
-    "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:versions49": "../../node_modules/typescript49/bin/tsc --project tsconfig.legacy.json",
+    "test:types:versions50": "../../node_modules/typescript50/bin/tsc",
+    "test:types:versions51": "../../node_modules/typescript51/bin/tsc",
+    "test:types:versions52": "tsc",
     "test:types": "pnpm run \"/^test:types:versions.*/\"",
-    "test:lib": "vitest run --coverage",
+    "test:lib": "vitest",
     "test:lib:dev": "pnpm run test:lib --watch",
     "test:build": "publint --strict",
     "build": "vite build"

package/dist/cjs/index.js

@@ -1,104 +0,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;
-}
-function makeFieldReactive(fieldApi) {
-  const [flag, setFlag] = solidJs.createSignal(false);
-  const fieldApiMemo = solidJs.createMemo(() => [flag(), fieldApi]);
-  const unsubscribeStore = fieldApi.store.subscribe(() => setFlag((f) => !f));
-  solidJs.onCleanup(unsubscribeStore);
-  return () => fieldApiMemo()[1];
-}
-function createField(opts) {
-  const {
-    formApi,
-    parentFieldName
-  } = useFormContext();
-  const options = opts();
-  const name = (typeof options.index === "number" ? [parentFieldName, options.index, options.name] : [parentFieldName, options.name]).filter((d) => d !== void 0).join(".");
-  const fieldApi = new formCore.FieldApi({
-    ...options,
-    form: formApi,
-    name
-  });
-  fieldApi.Field = Field;
-  solidJs.createComputed(() => fieldApi.update({
-    ...opts(),
-    form: formApi
-  }));
-  solidJs.onMount(() => solidJs.onCleanup(fieldApi.mount()));
-  return makeFieldReactive(fieldApi);
-}
-function Field(props) {
-  const fieldApi = createField(() => {
-    const {
-      children,
-      ...fieldOptions
-    } = props;
-    return fieldOptions;
-  });
-  return web.createComponent(formContext.Provider, {
-    get value() {
-      return {
-        formApi: fieldApi().form,
-        parentFieldName: String(fieldApi().name)
-      };
-    },
-    get children() {
-      return solidJs.createComponent(() => props.children(fieldApi), {});
-    }
-  });
-}
-function createForm(opts) {
-  const options = opts == null ? void 0 : opts();
-  const formApi = new formCore.FormApi(options);
-  formApi.Provider = function Provider(props) {
-    solidJs.onMount(formApi.mount);
-    return web.createComponent(formContext.Provider, web.mergeProps(props, {
-      value: {
-        formApi
-      }
-    }));
-  };
-  formApi.Field = Field;
-  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 == null ? void 0 : opts()));
-  return formApi;
-}
-function createFormFactory(defaultOpts) {
-  return {
-    createForm: (opts) => createForm(
-      () => solidJs.mergeProps((defaultOpts == null ? void 0 : defaultOpts()) ?? {}, (opts == null ? void 0 : opts()) ?? {})
-    ),
-    createField,
-    Field
-  };
-}
-Object.defineProperty(exports, "FieldApi", {
-  enumerable: true,
-  get: () => formCore.FieldApi
-});
-Object.defineProperty(exports, "FormApi", {
-  enumerable: true,
-  get: () => formCore.FormApi
-});
-Object.defineProperty(exports, "functionalUpdate", {
-  enumerable: true,
-  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

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

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

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

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

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

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

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

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

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

package/dist/mjs/index.d.mts

@@ -1,7 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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.js

@@ -1,96 +0,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;
-}
-function makeFieldReactive(fieldApi) {
-  const [flag, setFlag] = createSignal(false);
-  const fieldApiMemo = createMemo(() => [flag(), fieldApi]);
-  const unsubscribeStore = fieldApi.store.subscribe(() => setFlag((f) => !f));
-  onCleanup(unsubscribeStore);
-  return () => fieldApiMemo()[1];
-}
-function createField(opts) {
-  const {
-    formApi,
-    parentFieldName
-  } = useFormContext();
-  const options = opts();
-  const name = (typeof options.index === "number" ? [parentFieldName, options.index, options.name] : [parentFieldName, options.name]).filter((d) => d !== void 0).join(".");
-  const fieldApi = new FieldApi({
-    ...options,
-    form: formApi,
-    name
-  });
-  fieldApi.Field = Field;
-  createComputed(() => fieldApi.update({
-    ...opts(),
-    form: formApi
-  }));
-  onMount(() => onCleanup(fieldApi.mount()));
-  return makeFieldReactive(fieldApi);
-}
-function Field(props) {
-  const fieldApi = createField(() => {
-    const {
-      children,
-      ...fieldOptions
-    } = props;
-    return fieldOptions;
-  });
-  return createComponent(formContext.Provider, {
-    get value() {
-      return {
-        formApi: fieldApi().form,
-        parentFieldName: String(fieldApi().name)
-      };
-    },
-    get children() {
-      return createComponent$1(() => props.children(fieldApi), {});
-    }
-  });
-}
-function createForm(opts) {
-  const options = opts == null ? void 0 : opts();
-  const formApi = new FormApi(options);
-  formApi.Provider = function Provider(props) {
-    onMount(formApi.mount);
-    return createComponent(formContext.Provider, mergeProps(props, {
-      value: {
-        formApi
-      }
-    }));
-  };
-  formApi.Field = Field;
-  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 == null ? void 0 : opts()));
-  return formApi;
-}
-function createFormFactory(defaultOpts) {
-  return {
-    createForm: (opts) => createForm(
-      () => mergeProps$1((defaultOpts == null ? void 0 : defaultOpts()) ?? {}, (opts == null ? void 0 : opts()) ?? {})
-    ),
-    createField,
-    Field
-  };
-}
-export {
-  Field,
-  FieldApi2 as FieldApi,
-  FormApi2 as FormApi,
-  createField,
-  createForm,
-  createFormFactory,
-  functionalUpdate2 as functionalUpdate
-};
-//# sourceMappingURL=index.mjs.map

package/dist/mjs/index.mjs

@@ -1,96 +0,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;
-}
-function makeFieldReactive(fieldApi) {
-  const [flag, setFlag] = createSignal(false);
-  const fieldApiMemo = createMemo(() => [flag(), fieldApi]);
-  const unsubscribeStore = fieldApi.store.subscribe(() => setFlag((f) => !f));
-  onCleanup(unsubscribeStore);
-  return () => fieldApiMemo()[1];
-}
-function createField(opts) {
-  const {
-    formApi,
-    parentFieldName
-  } = useFormContext();
-  const options = opts();
-  const name = (typeof options.index === "number" ? [parentFieldName, options.index, options.name] : [parentFieldName, options.name]).filter((d) => d !== void 0).join(".");
-  const fieldApi = new FieldApi({
-    ...options,
-    form: formApi,
-    name
-  });
-  fieldApi.Field = Field;
-  createComputed(() => fieldApi.update({
-    ...opts(),
-    form: formApi
-  }));
-  onMount(() => onCleanup(fieldApi.mount()));
-  return makeFieldReactive(fieldApi);
-}
-function Field(props) {
-  const fieldApi = createField(() => {
-    const {
-      children,
-      ...fieldOptions
-    } = props;
-    return fieldOptions;
-  });
-  return createComponent(formContext.Provider, {
-    get value() {
-      return {
-        formApi: fieldApi().form,
-        parentFieldName: String(fieldApi().name)
-      };
-    },
-    get children() {
-      return createComponent$1(() => props.children(fieldApi), {});
-    }
-  });
-}
-function createForm(opts) {
-  const options = opts == null ? void 0 : opts();
-  const formApi = new FormApi(options);
-  formApi.Provider = function Provider(props) {
-    onMount(formApi.mount);
-    return createComponent(formContext.Provider, mergeProps(props, {
-      value: {
-        formApi
-      }
-    }));
-  };
-  formApi.Field = Field;
-  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 == null ? void 0 : opts()));
-  return formApi;
-}
-function createFormFactory(defaultOpts) {
-  return {
-    createForm: (opts) => createForm(
-      () => mergeProps$1((defaultOpts == null ? void 0 : defaultOpts()) ?? {}, (opts == null ? void 0 : opts()) ?? {})
-    ),
-    createField,
-    Field
-  };
-}
-export {
-  Field,
-  FieldApi2 as FieldApi,
-  FormApi2 as FormApi,
-  createField,
-  createForm,
-  createFormFactory,
-  functionalUpdate2 as functionalUpdate
-};
-//# sourceMappingURL=index.mjs.map

package/dist/mjs/index.mjs.map

@@ -1 +0,0 @@
-{"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

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

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

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

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

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

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

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

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

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