@tanstack/vue-form 0.2.0 → 0.2.2

package/build/legacy/createFormFactory.d.cts

@@ -1,3 +1,12 @@
-import '@tanstack/form-core';
-export { a as FormFactory, c as createFormFactory } from './createFormFactory-161e85f9.js';
+import { FormOptions, FormApi } from '@tanstack/form-core';
+import { UseField, FieldComponent } from './useField.cjs';
 import 'vue-demi';
+
+type FormFactory<TFormData> = {
+    useForm: (opts?: FormOptions<TFormData>) => FormApi<TFormData>;
+    useField: UseField<TFormData>;
+    Field: FieldComponent<TFormData, TFormData>;
+};
+declare function createFormFactory<TFormData>(defaultOpts?: FormOptions<TFormData>): FormFactory<TFormData>;
+
+export { FormFactory, createFormFactory };

package/build/legacy/createFormFactory.d.ts

@@ -1,3 +1,12 @@
-import '@tanstack/form-core';
-export { a as FormFactory, c as createFormFactory } from './createFormFactory-161e85f9.js';
+import { FormOptions, FormApi } from '@tanstack/form-core';
+import { UseField, FieldComponent } from './useField.js';
 import 'vue-demi';
+
+type FormFactory<TFormData> = {
+    useForm: (opts?: FormOptions<TFormData>) => FormApi<TFormData>;
+    useField: UseField<TFormData>;
+    Field: FieldComponent<TFormData, TFormData>;
+};
+declare function createFormFactory<TFormData>(defaultOpts?: FormOptions<TFormData>): FormFactory<TFormData>;
+
+export { FormFactory, createFormFactory };

package/build/legacy/index.d.cts

@@ -1,23 +1,7 @@
-import { FormState, FormOptions, FormApi } from '@tanstack/form-core';
 export * from '@tanstack/form-core';
-import { F as FieldComponent, U as UseField } from './createFormFactory-161e85f9.js';
-export { e as Field, d as FieldValue, a as FormFactory, b as UseFieldOptions, c as createFormFactory, u as useField } from './createFormFactory-161e85f9.js';
+export { FormFactory, createFormFactory } from './createFormFactory.cjs';
 export { FormContext, formContext, provideFormContext, useFormContext } from './formContext.cjs';
-import { NoInfer } from './types.cjs';
+export { Field, FieldComponent, FieldValue, UseField, UseFieldOptions, useField } from './useField.cjs';
+export { useForm } from './useForm.cjs';
 import 'vue-demi';
-
-declare module '@tanstack/form-core' {
-    interface FormApi<TFormData> {
-        Provider: (props: Record<string, any> & {}) => any;
-        provideFormContext: () => void;
-        Field: FieldComponent<TFormData, TFormData>;
-        useField: UseField<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;
-        }) => any;
-    }
-}
-declare function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData>;
-
-export { FieldComponent, UseField, useForm };
+import './types.cjs';

package/build/legacy/index.d.ts

@@ -1,23 +1,7 @@
-import { FormState, FormOptions, FormApi } from '@tanstack/form-core';
 export * from '@tanstack/form-core';
-import { F as FieldComponent, U as UseField } from './createFormFactory-161e85f9.js';
-export { e as Field, d as FieldValue, a as FormFactory, b as UseFieldOptions, c as createFormFactory, u as useField } from './createFormFactory-161e85f9.js';
+export { FormFactory, createFormFactory } from './createFormFactory.js';
 export { FormContext, formContext, provideFormContext, useFormContext } from './formContext.js';
-import { NoInfer } from './types.js';
+export { Field, FieldComponent, FieldValue, UseField, UseFieldOptions, useField } from './useField.js';
+export { useForm } from './useForm.js';
 import 'vue-demi';
-
-declare module '@tanstack/form-core' {
-    interface FormApi<TFormData> {
-        Provider: (props: Record<string, any> & {}) => any;
-        provideFormContext: () => void;
-        Field: FieldComponent<TFormData, TFormData>;
-        useField: UseField<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;
-        }) => any;
-    }
-}
-declare function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData>;
-
-export { FieldComponent, UseField, useForm };
+import './types.js';

package/build/legacy/types.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types.ts"],"sourcesContent":["export type NoInfer<T> = [T][T extends any ? 0 : never]\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../../src/types.ts"],"sourcesContent":["export type NoInfer<T> = [T][T extends any ? 0 : never]\n\nexport type ReleaseVersion = 2\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/build/legacy/types.d.cts

@@ -1,3 +1,4 @@
 type NoInfer<T> = [T][T extends any ? 0 : never];
+type ReleaseVersion = 2;
 
-export { NoInfer };
+export { NoInfer, ReleaseVersion };

package/build/legacy/types.d.ts

@@ -1,3 +1,4 @@
 type NoInfer<T> = [T][T extends any ? 0 : never];
+type ReleaseVersion = 2;
 
-export { NoInfer };
+export { NoInfer, ReleaseVersion };

package/build/legacy/useField.cjs

@@ -0,0 +1,71 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/useField.tsx
+var useField_exports = {};
+__export(useField_exports, {
+  Field: () => Field,
+  useField: () => useField
+});
+module.exports = __toCommonJS(useField_exports);
+var import_form_core = require("@tanstack/form-core");
+var import_vue_store = require("@tanstack/vue-store");
+var import_vue_demi = require("vue-demi");
+var import_formContext = require("./formContext.cjs");
+function useField(opts) {
+  const { formApi, parentFieldName } = (0, import_formContext.useFormContext)();
+  const fieldApi = (() => {
+    const name = (typeof opts.index === "number" ? [parentFieldName, opts.index, opts.name] : [parentFieldName, opts.name]).filter((d) => d !== void 0).join(".");
+    const api = new import_form_core.FieldApi({ ...opts, form: formApi, name });
+    api.Field = Field;
+    return api;
+  })();
+  const fieldState = (0, import_vue_store.useStore)(fieldApi.store, (state) => state);
+  let cleanup;
+  (0, import_vue_demi.onMounted)(() => {
+    cleanup = fieldApi.mount();
+  });
+  (0, import_vue_demi.onUnmounted)(() => {
+    cleanup();
+  });
+  (0, import_vue_demi.watch)(
+    () => opts,
+    () => {
+      fieldApi.update({ ...opts, form: formApi });
+    }
+  );
+  return { api: fieldApi, state: fieldState };
+}
+var Field = (0, import_vue_demi.defineComponent)(
+  (fieldOptions, context) => {
+    const fieldApi = useField({ ...fieldOptions, ...context.attrs });
+    (0, import_formContext.provideFormContext)({
+      formApi: fieldApi.api.form,
+      parentFieldName: fieldApi.api.name
+    });
+    return () => context.slots.default(fieldApi.api, fieldApi.state.value);
+  },
+  { name: "Field", inheritAttrs: false }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Field,
+  useField
+});
+//# sourceMappingURL=useField.cjs.map

package/build/legacy/useField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/useField.tsx"],"sourcesContent":["import {\n  type DeepKeys,\n  type DeepValue,\n  FieldApi,\n  type FieldOptions,\n  type Narrow,\n} from '@tanstack/form-core'\nimport { useStore } from '@tanstack/vue-store'\nimport {\n  type SetupContext,\n  defineComponent,\n  type Ref,\n  onMounted,\n  onUnmounted,\n  watch,\n} from 'vue-demi'\nimport { provideFormContext, useFormContext } from './formContext'\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FieldApi<TData, TFormData> {\n    Field: FieldComponent<TData, TFormData>\n  }\n}\n\nexport interface UseFieldOptions<TData, TFormData>\n  extends FieldOptions<TData, TFormData> {\n  mode?: 'value' | 'array'\n}\n\nexport type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(\n  opts?: { name: Narrow<TField> } & UseFieldOptions<\n    DeepValue<TFormData, TField>,\n    TFormData\n  >,\n) => FieldApi<DeepValue<TFormData, TField>, TFormData>\n\nexport function useField<TData, TFormData>(\n  opts: UseFieldOptions<TData, TFormData>,\n): {\n  api: FieldApi<TData, TFormData>\n  state: Readonly<Ref<FieldApi<TData, TFormData>['state']>>\n} {\n  // Get the form API either manually or from context\n  const { formApi, parentFieldName } = useFormContext()\n\n  const fieldApi = (() => {\n    const name = (\n      typeof opts.index === 'number'\n        ? [parentFieldName, opts.index, opts.name]\n        : [parentFieldName, opts.name]\n    )\n      .filter((d) => d !== undefined)\n      .join('.')\n\n    const api = new FieldApi({ ...opts, form: formApi, name: name as never })\n\n    api.Field = Field as never\n\n    return api\n  })()\n\n  const fieldState = useStore(fieldApi.store, (state) => state)\n\n  let cleanup!: () => void\n  onMounted(() => {\n    cleanup = fieldApi.mount()\n  })\n\n  onUnmounted(() => {\n    cleanup()\n  })\n\n  watch(\n    () => opts,\n    () => {\n      // Keep options up to date as they are rendered\n      fieldApi.update({ ...opts, form: formApi } as never)\n    },\n  )\n\n  return { api: fieldApi, state: fieldState } as never\n}\n\n// export type FieldValue<TFormData, TField> = TFormData extends any[]\n//   ? TField extends `[${infer TIndex extends number | 'i'}].${infer TRest}`\n//     ? DeepValue<TFormData[TIndex extends 'i' ? number : TIndex], TRest>\n//     : TField extends `[${infer TIndex extends number | 'i'}]`\n//     ? TFormData[TIndex extends 'i' ? number : TIndex]\n//     : never\n//   : TField extends `${infer TPrefix}[${infer TIndex extends\n//       | number\n//       | 'i'}].${infer TRest}`\n//   ? DeepValue<\n//       DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex],\n//       TRest\n//     >\n//   : TField extends `${infer TPrefix}[${infer TIndex extends number | 'i'}]`\n//   ? DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex]\n//   : DeepValue<TFormData, TField>\n\nexport type FieldValue<TFormData, TField> = TFormData extends any[]\n  ? unknown extends TField\n    ? TFormData[number]\n    : DeepValue<TFormData[number], TField>\n  : DeepValue<TFormData, TField>\n\n// type Test1 = FieldValue<{ foo: { bar: string }[] }, 'foo'>\n// //   ^?\n// type Test2 = FieldValue<{ foo: { bar: string }[] }, 'foo[i]'>\n// //   ^?\n// type Test3 = FieldValue<{ foo: { bar: string }[] }, 'foo[2].bar'>\n// //   ^?\n\nexport type FieldComponent<TParentData, TFormData> = <TField>(\n  fieldOptions: {\n    children?: (\n      fieldApi: FieldApi<FieldValue<TParentData, TField>, TFormData>,\n    ) => any\n  } & Omit<\n    UseFieldOptions<FieldValue<TParentData, TField>, TFormData>,\n    'name' | 'index'\n  > &\n    (TParentData extends any[]\n      ? {\n          name?: TField extends undefined ? TField : DeepKeys<TParentData>\n          index: number\n        }\n      : {\n          name: TField extends undefined ? TField : DeepKeys<TParentData>\n          index?: never\n        }),\n  context: SetupContext,\n) => any\n\nexport const Field = defineComponent(\n  <TData, TFormData>(\n    fieldOptions: UseFieldOptions<TData, TFormData>,\n    context: SetupContext,\n  ) => {\n    const fieldApi = useField({ ...fieldOptions, ...context.attrs })\n\n    provideFormContext({\n      formApi: fieldApi.api.form,\n      parentFieldName: fieldApi.api.name,\n    } as never)\n\n    return () => context.slots.default!(fieldApi.api, fieldApi.state.value)\n  },\n  { name: 'Field', inheritAttrs: false },\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAMO;AACP,uBAAyB;AACzB,sBAOO;AACP,yBAAmD;AAqB5C,SAAS,SACd,MAIA;AAEA,QAAM,EAAE,SAAS,gBAAgB,QAAI,mCAAe;AAEpD,QAAM,YAAY,MAAM;AACtB,UAAM,QACJ,OAAO,KAAK,UAAU,WAClB,CAAC,iBAAiB,KAAK,OAAO,KAAK,IAAI,IACvC,CAAC,iBAAiB,KAAK,IAAI,GAE9B,OAAO,CAAC,MAAM,MAAM,MAAS,EAC7B,KAAK,GAAG;AAEX,UAAM,MAAM,IAAI,0BAAS,EAAE,GAAG,MAAM,MAAM,SAAS,KAAoB,CAAC;AAExE,QAAI,QAAQ;AAEZ,WAAO;AAAA,EACT,GAAG;AAEH,QAAM,iBAAa,2BAAS,SAAS,OAAO,CAAC,UAAU,KAAK;AAE5D,MAAI;AACJ,iCAAU,MAAM;AACd,cAAU,SAAS,MAAM;AAAA,EAC3B,CAAC;AAED,mCAAY,MAAM;AAChB,YAAQ;AAAA,EACV,CAAC;AAED;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAEJ,eAAS,OAAO,EAAE,GAAG,MAAM,MAAM,QAAQ,CAAU;AAAA,IACrD;AAAA,EACF;AAEA,SAAO,EAAE,KAAK,UAAU,OAAO,WAAW;AAC5C;AAqDO,IAAM,YAAQ;AAAA,EACnB,CACE,cACA,YACG;AACH,UAAM,WAAW,SAAS,EAAE,GAAG,cAAc,GAAG,QAAQ,MAAM,CAAC;AAE/D,+CAAmB;AAAA,MACjB,SAAS,SAAS,IAAI;AAAA,MACtB,iBAAiB,SAAS,IAAI;AAAA,IAChC,CAAU;AAEV,WAAO,MAAM,QAAQ,MAAM,QAAS,SAAS,KAAK,SAAS,MAAM,KAAK;AAAA,EACxE;AAAA,EACA,EAAE,MAAM,SAAS,cAAc,MAAM;AACvC;","names":[]}

package/build/legacy/{createFormFactory-161e85f9.d.ts → useField.d.cts}

@@ -1,4 +1,4 @@
-import { FieldApi, DeepKeys, FieldOptions, Narrow, DeepValue, FormOptions, FormApi } from '@tanstack/form-core';
+import { FieldApi, DeepKeys, FieldOptions, Narrow, DeepValue } from '@tanstack/form-core';
 import { SetupContext, Ref } from 'vue-demi';
 
 declare module '@tanstack/form-core' {
@@ -32,11 +32,4 @@ declare const Field: <TData, TFormData>(props: UseFieldOptions<TData, TFormData>
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 })) => any;
 
-type FormFactory<TFormData> = {
-    useForm: (opts?: FormOptions<TFormData>) => FormApi<TFormData>;
-    useField: UseField<TFormData>;
-    Field: FieldComponent<TFormData, TFormData>;
-};
-declare function createFormFactory<TFormData>(defaultOpts?: FormOptions<TFormData>): FormFactory<TFormData>;
-
-export { FieldComponent as F, UseField as U, FormFactory as a, UseFieldOptions as b, createFormFactory as c, FieldValue as d, Field as e, useField as u };
+export { Field, FieldComponent, FieldValue, UseField, UseFieldOptions, useField };

package/build/{modern/createFormFactory-161e85f9.d.ts → legacy/useField.d.ts}

@@ -1,4 +1,4 @@
-import { FieldApi, DeepKeys, FieldOptions, Narrow, DeepValue, FormOptions, FormApi } from '@tanstack/form-core';
+import { FieldApi, DeepKeys, FieldOptions, Narrow, DeepValue } from '@tanstack/form-core';
 import { SetupContext, Ref } from 'vue-demi';
 
 declare module '@tanstack/form-core' {
@@ -32,11 +32,4 @@ declare const Field: <TData, TFormData>(props: UseFieldOptions<TData, TFormData>
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 })) => any;
 
-type FormFactory<TFormData> = {
-    useForm: (opts?: FormOptions<TFormData>) => FormApi<TFormData>;
-    useField: UseField<TFormData>;
-    Field: FieldComponent<TFormData, TFormData>;
-};
-declare function createFormFactory<TFormData>(defaultOpts?: FormOptions<TFormData>): FormFactory<TFormData>;
-
-export { FieldComponent as F, UseField as U, FormFactory as a, UseFieldOptions as b, createFormFactory as c, FieldValue as d, Field as e, useField as u };
+export { Field, FieldComponent, FieldValue, UseField, UseFieldOptions, useField };

package/build/legacy/useField.js

@@ -0,0 +1,52 @@
+// src/useField.tsx
+import {
+  FieldApi
+} from "@tanstack/form-core";
+import { useStore } from "@tanstack/vue-store";
+import {
+  defineComponent,
+  onMounted,
+  onUnmounted,
+  watch
+} from "vue-demi";
+import { provideFormContext, useFormContext } from "./formContext.js";
+function useField(opts) {
+  const { formApi, parentFieldName } = useFormContext();
+  const fieldApi = (() => {
+    const name = (typeof opts.index === "number" ? [parentFieldName, opts.index, opts.name] : [parentFieldName, opts.name]).filter((d) => d !== void 0).join(".");
+    const api = new FieldApi({ ...opts, form: formApi, name });
+    api.Field = Field;
+    return api;
+  })();
+  const fieldState = useStore(fieldApi.store, (state) => state);
+  let cleanup;
+  onMounted(() => {
+    cleanup = fieldApi.mount();
+  });
+  onUnmounted(() => {
+    cleanup();
+  });
+  watch(
+    () => opts,
+    () => {
+      fieldApi.update({ ...opts, form: formApi });
+    }
+  );
+  return { api: fieldApi, state: fieldState };
+}
+var Field = defineComponent(
+  (fieldOptions, context) => {
+    const fieldApi = useField({ ...fieldOptions, ...context.attrs });
+    provideFormContext({
+      formApi: fieldApi.api.form,
+      parentFieldName: fieldApi.api.name
+    });
+    return () => context.slots.default(fieldApi.api, fieldApi.state.value);
+  },
+  { name: "Field", inheritAttrs: false }
+);
+export {
+  Field,
+  useField
+};
+//# sourceMappingURL=useField.js.map

package/build/legacy/useField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/useField.tsx"],"sourcesContent":["import {\n  type DeepKeys,\n  type DeepValue,\n  FieldApi,\n  type FieldOptions,\n  type Narrow,\n} from '@tanstack/form-core'\nimport { useStore } from '@tanstack/vue-store'\nimport {\n  type SetupContext,\n  defineComponent,\n  type Ref,\n  onMounted,\n  onUnmounted,\n  watch,\n} from 'vue-demi'\nimport { provideFormContext, useFormContext } from './formContext'\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FieldApi<TData, TFormData> {\n    Field: FieldComponent<TData, TFormData>\n  }\n}\n\nexport interface UseFieldOptions<TData, TFormData>\n  extends FieldOptions<TData, TFormData> {\n  mode?: 'value' | 'array'\n}\n\nexport type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(\n  opts?: { name: Narrow<TField> } & UseFieldOptions<\n    DeepValue<TFormData, TField>,\n    TFormData\n  >,\n) => FieldApi<DeepValue<TFormData, TField>, TFormData>\n\nexport function useField<TData, TFormData>(\n  opts: UseFieldOptions<TData, TFormData>,\n): {\n  api: FieldApi<TData, TFormData>\n  state: Readonly<Ref<FieldApi<TData, TFormData>['state']>>\n} {\n  // Get the form API either manually or from context\n  const { formApi, parentFieldName } = useFormContext()\n\n  const fieldApi = (() => {\n    const name = (\n      typeof opts.index === 'number'\n        ? [parentFieldName, opts.index, opts.name]\n        : [parentFieldName, opts.name]\n    )\n      .filter((d) => d !== undefined)\n      .join('.')\n\n    const api = new FieldApi({ ...opts, form: formApi, name: name as never })\n\n    api.Field = Field as never\n\n    return api\n  })()\n\n  const fieldState = useStore(fieldApi.store, (state) => state)\n\n  let cleanup!: () => void\n  onMounted(() => {\n    cleanup = fieldApi.mount()\n  })\n\n  onUnmounted(() => {\n    cleanup()\n  })\n\n  watch(\n    () => opts,\n    () => {\n      // Keep options up to date as they are rendered\n      fieldApi.update({ ...opts, form: formApi } as never)\n    },\n  )\n\n  return { api: fieldApi, state: fieldState } as never\n}\n\n// export type FieldValue<TFormData, TField> = TFormData extends any[]\n//   ? TField extends `[${infer TIndex extends number | 'i'}].${infer TRest}`\n//     ? DeepValue<TFormData[TIndex extends 'i' ? number : TIndex], TRest>\n//     : TField extends `[${infer TIndex extends number | 'i'}]`\n//     ? TFormData[TIndex extends 'i' ? number : TIndex]\n//     : never\n//   : TField extends `${infer TPrefix}[${infer TIndex extends\n//       | number\n//       | 'i'}].${infer TRest}`\n//   ? DeepValue<\n//       DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex],\n//       TRest\n//     >\n//   : TField extends `${infer TPrefix}[${infer TIndex extends number | 'i'}]`\n//   ? DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex]\n//   : DeepValue<TFormData, TField>\n\nexport type FieldValue<TFormData, TField> = TFormData extends any[]\n  ? unknown extends TField\n    ? TFormData[number]\n    : DeepValue<TFormData[number], TField>\n  : DeepValue<TFormData, TField>\n\n// type Test1 = FieldValue<{ foo: { bar: string }[] }, 'foo'>\n// //   ^?\n// type Test2 = FieldValue<{ foo: { bar: string }[] }, 'foo[i]'>\n// //   ^?\n// type Test3 = FieldValue<{ foo: { bar: string }[] }, 'foo[2].bar'>\n// //   ^?\n\nexport type FieldComponent<TParentData, TFormData> = <TField>(\n  fieldOptions: {\n    children?: (\n      fieldApi: FieldApi<FieldValue<TParentData, TField>, TFormData>,\n    ) => any\n  } & Omit<\n    UseFieldOptions<FieldValue<TParentData, TField>, TFormData>,\n    'name' | 'index'\n  > &\n    (TParentData extends any[]\n      ? {\n          name?: TField extends undefined ? TField : DeepKeys<TParentData>\n          index: number\n        }\n      : {\n          name: TField extends undefined ? TField : DeepKeys<TParentData>\n          index?: never\n        }),\n  context: SetupContext,\n) => any\n\nexport const Field = defineComponent(\n  <TData, TFormData>(\n    fieldOptions: UseFieldOptions<TData, TFormData>,\n    context: SetupContext,\n  ) => {\n    const fieldApi = useField({ ...fieldOptions, ...context.attrs })\n\n    provideFormContext({\n      formApi: fieldApi.api.form,\n      parentFieldName: fieldApi.api.name,\n    } as never)\n\n    return () => context.slots.default!(fieldApi.api, fieldApi.state.value)\n  },\n  { name: 'Field', inheritAttrs: false },\n)\n"],"mappings":";AAAA;AAAA,EAGE;AAAA,OAGK;AACP,SAAS,gBAAgB;AACzB;AAAA,EAEE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB,sBAAsB;AAqB5C,SAAS,SACd,MAIA;AAEA,QAAM,EAAE,SAAS,gBAAgB,IAAI,eAAe;AAEpD,QAAM,YAAY,MAAM;AACtB,UAAM,QACJ,OAAO,KAAK,UAAU,WAClB,CAAC,iBAAiB,KAAK,OAAO,KAAK,IAAI,IACvC,CAAC,iBAAiB,KAAK,IAAI,GAE9B,OAAO,CAAC,MAAM,MAAM,MAAS,EAC7B,KAAK,GAAG;AAEX,UAAM,MAAM,IAAI,SAAS,EAAE,GAAG,MAAM,MAAM,SAAS,KAAoB,CAAC;AAExE,QAAI,QAAQ;AAEZ,WAAO;AAAA,EACT,GAAG;AAEH,QAAM,aAAa,SAAS,SAAS,OAAO,CAAC,UAAU,KAAK;AAE5D,MAAI;AACJ,YAAU,MAAM;AACd,cAAU,SAAS,MAAM;AAAA,EAC3B,CAAC;AAED,cAAY,MAAM;AAChB,YAAQ;AAAA,EACV,CAAC;AAED;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAEJ,eAAS,OAAO,EAAE,GAAG,MAAM,MAAM,QAAQ,CAAU;AAAA,IACrD;AAAA,EACF;AAEA,SAAO,EAAE,KAAK,UAAU,OAAO,WAAW;AAC5C;AAqDO,IAAM,QAAQ;AAAA,EACnB,CACE,cACA,YACG;AACH,UAAM,WAAW,SAAS,EAAE,GAAG,cAAc,GAAG,QAAQ,MAAM,CAAC;AAE/D,uBAAmB;AAAA,MACjB,SAAS,SAAS,IAAI;AAAA,MACtB,iBAAiB,SAAS,IAAI;AAAA,IAChC,CAAU;AAEV,WAAO,MAAM,QAAQ,MAAM,QAAS,SAAS,KAAK,SAAS,MAAM,KAAK;AAAA,EACxE;AAAA,EACA,EAAE,MAAM,SAAS,cAAc,MAAM;AACvC;","names":[]}

package/build/legacy/useForm.cjs

@@ -0,0 +1,70 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/useForm.tsx
+var useForm_exports = {};
+__export(useForm_exports, {
+  useForm: () => useForm
+});
+module.exports = __toCommonJS(useForm_exports);
+var import_form_core = require("@tanstack/form-core");
+var import_vue_store = require("@tanstack/vue-store");
+var import_useField = require("./useField.cjs");
+var import_formContext = require("./formContext.cjs");
+var import_vue_demi = require("vue-demi");
+function useForm(opts) {
+  const formApi = (() => {
+    const api = new import_form_core.FormApi(opts);
+    api.Provider = (0, import_vue_demi.defineComponent)(
+      (_, context) => {
+        (0, import_formContext.provideFormContext)({ formApi });
+        return () => context.slots.default();
+      },
+      { name: "Provider" }
+    );
+    api.provideFormContext = () => {
+      (0, import_formContext.provideFormContext)({ formApi });
+    };
+    api.Field = import_useField.Field;
+    api.useField = import_useField.useField;
+    api.useStore = (selector) => {
+      return (0, import_vue_store.useStore)(api.store, selector);
+    };
+    api.Subscribe = (0, import_vue_demi.defineComponent)(
+      (props, context) => {
+        const allProps = { ...props, ...context.attrs };
+        const selector = allProps.selector ?? ((state) => state);
+        const data = (0, import_vue_store.useStore)(api.store, selector);
+        return () => context.slots.default(data.value);
+      },
+      {
+        name: "Subscribe",
+        inheritAttrs: false
+      }
+    );
+    return api;
+  })();
+  formApi.update(opts);
+  return formApi;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useForm
+});
+//# sourceMappingURL=useForm.cjs.map

package/build/legacy/useForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/useForm.tsx"],"sourcesContent":["import { FormApi, type FormState, type FormOptions } from '@tanstack/form-core'\nimport { useStore } from '@tanstack/vue-store'\nimport { type UseField, type FieldComponent, Field, useField } from './useField'\nimport { provideFormContext } from './formContext'\nimport { defineComponent } from 'vue-demi'\nimport type { NoInfer } from './types'\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FormApi<TFormData> {\n    Provider: (props: Record<string, any> & {}) => any\n    provideFormContext: () => void\n    Field: FieldComponent<TFormData, TFormData>\n    useField: UseField<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    }) => any\n  }\n}\n\nexport function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {\n  const formApi = (() => {\n    const api = new FormApi<TData>(opts)\n\n    api.Provider = defineComponent(\n      (_, context) => {\n        provideFormContext({ formApi })\n        return () => context.slots.default!()\n      },\n      { name: 'Provider' },\n    )\n    api.provideFormContext = () => {\n      provideFormContext({ formApi })\n    }\n    api.Field = Field as never\n    api.useField = useField as never\n    api.useStore = (selector) => {\n      return useStore(api.store as never, selector as never) as never\n    }\n    api.Subscribe = defineComponent(\n      (props, context) => {\n        const allProps = { ...props, ...context.attrs }\n        const selector = allProps.selector ?? ((state) => state)\n        const data = useStore(api.store as never, selector as never)\n        return () => context.slots.default!(data.value)\n      },\n      {\n        name: 'Subscribe',\n        inheritAttrs: false,\n      },\n    )\n\n    return api\n  })()\n\n  // formApi.useStore((state) => state.isSubmitting)\n  formApi.update(opts)\n\n  return formApi as never\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0D;AAC1D,uBAAyB;AACzB,sBAAoE;AACpE,yBAAmC;AACnC,sBAAgC;AAmBzB,SAAS,QAAe,MAA2C;AACxE,QAAM,WAAW,MAAM;AACrB,UAAM,MAAM,IAAI,yBAAe,IAAI;AAEnC,QAAI,eAAW;AAAA,MACb,CAAC,GAAG,YAAY;AACd,mDAAmB,EAAE,QAAQ,CAAC;AAC9B,eAAO,MAAM,QAAQ,MAAM,QAAS;AAAA,MACtC;AAAA,MACA,EAAE,MAAM,WAAW;AAAA,IACrB;AACA,QAAI,qBAAqB,MAAM;AAC7B,iDAAmB,EAAE,QAAQ,CAAC;AAAA,IAChC;AACA,QAAI,QAAQ;AACZ,QAAI,WAAW;AACf,QAAI,WAAW,CAAC,aAAa;AAC3B,iBAAO,2BAAS,IAAI,OAAgB,QAAiB;AAAA,IACvD;AACA,QAAI,gBAAY;AAAA,MACd,CAAC,OAAO,YAAY;AAClB,cAAM,WAAW,EAAE,GAAG,OAAO,GAAG,QAAQ,MAAM;AAC9C,cAAM,WAAW,SAAS,aAAa,CAAC,UAAU;AAClD,cAAM,WAAO,2BAAS,IAAI,OAAgB,QAAiB;AAC3D,eAAO,MAAM,QAAQ,MAAM,QAAS,KAAK,KAAK;AAAA,MAChD;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,cAAc;AAAA,MAChB;AAAA,IACF;AAEA,WAAO;AAAA,EACT,GAAG;AAGH,UAAQ,OAAO,IAAI;AAEnB,SAAO;AACT;","names":[]}

package/build/legacy/useForm.d.cts

@@ -0,0 +1,20 @@
+import { FormState, FormOptions, FormApi } from '@tanstack/form-core';
+import { FieldComponent, UseField } from './useField.cjs';
+import { NoInfer } from './types.cjs';
+import 'vue-demi';
+
+declare module '@tanstack/form-core' {
+    interface FormApi<TFormData> {
+        Provider: (props: Record<string, any> & {}) => any;
+        provideFormContext: () => void;
+        Field: FieldComponent<TFormData, TFormData>;
+        useField: UseField<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;
+        }) => any;
+    }
+}
+declare function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData>;
+
+export { useForm };

package/build/legacy/useForm.d.ts

@@ -0,0 +1,20 @@
+import { FormState, FormOptions, FormApi } from '@tanstack/form-core';
+import { FieldComponent, UseField } from './useField.js';
+import { NoInfer } from './types.js';
+import 'vue-demi';
+
+declare module '@tanstack/form-core' {
+    interface FormApi<TFormData> {
+        Provider: (props: Record<string, any> & {}) => any;
+        provideFormContext: () => void;
+        Field: FieldComponent<TFormData, TFormData>;
+        useField: UseField<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;
+        }) => any;
+    }
+}
+declare function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData>;
+
+export { useForm };

package/build/legacy/useForm.js

@@ -0,0 +1,45 @@
+// src/useForm.tsx
+import { FormApi } from "@tanstack/form-core";
+import { useStore } from "@tanstack/vue-store";
+import { Field, useField } from "./useField.js";
+import { provideFormContext } from "./formContext.js";
+import { defineComponent } from "vue-demi";
+function useForm(opts) {
+  const formApi = (() => {
+    const api = new FormApi(opts);
+    api.Provider = defineComponent(
+      (_, context) => {
+        provideFormContext({ formApi });
+        return () => context.slots.default();
+      },
+      { name: "Provider" }
+    );
+    api.provideFormContext = () => {
+      provideFormContext({ formApi });
+    };
+    api.Field = Field;
+    api.useField = useField;
+    api.useStore = (selector) => {
+      return useStore(api.store, selector);
+    };
+    api.Subscribe = defineComponent(
+      (props, context) => {
+        const allProps = { ...props, ...context.attrs };
+        const selector = allProps.selector ?? ((state) => state);
+        const data = useStore(api.store, selector);
+        return () => context.slots.default(data.value);
+      },
+      {
+        name: "Subscribe",
+        inheritAttrs: false
+      }
+    );
+    return api;
+  })();
+  formApi.update(opts);
+  return formApi;
+}
+export {
+  useForm
+};
+//# sourceMappingURL=useForm.js.map

package/build/legacy/useForm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/useForm.tsx"],"sourcesContent":["import { FormApi, type FormState, type FormOptions } from '@tanstack/form-core'\nimport { useStore } from '@tanstack/vue-store'\nimport { type UseField, type FieldComponent, Field, useField } from './useField'\nimport { provideFormContext } from './formContext'\nimport { defineComponent } from 'vue-demi'\nimport type { NoInfer } from './types'\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FormApi<TFormData> {\n    Provider: (props: Record<string, any> & {}) => any\n    provideFormContext: () => void\n    Field: FieldComponent<TFormData, TFormData>\n    useField: UseField<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    }) => any\n  }\n}\n\nexport function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {\n  const formApi = (() => {\n    const api = new FormApi<TData>(opts)\n\n    api.Provider = defineComponent(\n      (_, context) => {\n        provideFormContext({ formApi })\n        return () => context.slots.default!()\n      },\n      { name: 'Provider' },\n    )\n    api.provideFormContext = () => {\n      provideFormContext({ formApi })\n    }\n    api.Field = Field as never\n    api.useField = useField as never\n    api.useStore = (selector) => {\n      return useStore(api.store as never, selector as never) as never\n    }\n    api.Subscribe = defineComponent(\n      (props, context) => {\n        const allProps = { ...props, ...context.attrs }\n        const selector = allProps.selector ?? ((state) => state)\n        const data = useStore(api.store as never, selector as never)\n        return () => context.slots.default!(data.value)\n      },\n      {\n        name: 'Subscribe',\n        inheritAttrs: false,\n      },\n    )\n\n    return api\n  })()\n\n  // formApi.useStore((state) => state.isSubmitting)\n  formApi.update(opts)\n\n  return formApi as never\n}\n"],"mappings":";AAAA,SAAS,eAAiD;AAC1D,SAAS,gBAAgB;AACzB,SAA6C,OAAO,gBAAgB;AACpE,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAmBzB,SAAS,QAAe,MAA2C;AACxE,QAAM,WAAW,MAAM;AACrB,UAAM,MAAM,IAAI,QAAe,IAAI;AAEnC,QAAI,WAAW;AAAA,MACb,CAAC,GAAG,YAAY;AACd,2BAAmB,EAAE,QAAQ,CAAC;AAC9B,eAAO,MAAM,QAAQ,MAAM,QAAS;AAAA,MACtC;AAAA,MACA,EAAE,MAAM,WAAW;AAAA,IACrB;AACA,QAAI,qBAAqB,MAAM;AAC7B,yBAAmB,EAAE,QAAQ,CAAC;AAAA,IAChC;AACA,QAAI,QAAQ;AACZ,QAAI,WAAW;AACf,QAAI,WAAW,CAAC,aAAa;AAC3B,aAAO,SAAS,IAAI,OAAgB,QAAiB;AAAA,IACvD;AACA,QAAI,YAAY;AAAA,MACd,CAAC,OAAO,YAAY;AAClB,cAAM,WAAW,EAAE,GAAG,OAAO,GAAG,QAAQ,MAAM;AAC9C,cAAM,WAAW,SAAS,aAAa,CAAC,UAAU;AAClD,cAAM,OAAO,SAAS,IAAI,OAAgB,QAAiB;AAC3D,eAAO,MAAM,QAAQ,MAAM,QAAS,KAAK,KAAK;AAAA,MAChD;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,cAAc;AAAA,MAChB;AAAA,IACF;AAEA,WAAO;AAAA,EACT,GAAG;AAGH,UAAQ,OAAO,IAAI;AAEnB,SAAO;AACT;","names":[]}

package/build/lib/types.d.ts

@@ -1,2 +1,3 @@
 export type NoInfer<T> = [T][T extends any ? 0 : never];
+export type ReleaseVersion = 2;
 //# sourceMappingURL=types.d.ts.map

package/build/lib/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,CAAA;AAEvD,MAAM,MAAM,cAAc,GAAG,CAAC,CAAA"}

package/build/modern/createFormFactory.d.cts

@@ -1,3 +1,12 @@
-import '@tanstack/form-core';
-export { a as FormFactory, c as createFormFactory } from './createFormFactory-161e85f9.js';
+import { FormOptions, FormApi } from '@tanstack/form-core';
+import { UseField, FieldComponent } from './useField.cjs';
 import 'vue-demi';
+
+type FormFactory<TFormData> = {
+    useForm: (opts?: FormOptions<TFormData>) => FormApi<TFormData>;
+    useField: UseField<TFormData>;
+    Field: FieldComponent<TFormData, TFormData>;
+};
+declare function createFormFactory<TFormData>(defaultOpts?: FormOptions<TFormData>): FormFactory<TFormData>;
+
+export { FormFactory, createFormFactory };

package/build/modern/createFormFactory.d.ts

@@ -1,3 +1,12 @@
-import '@tanstack/form-core';
-export { a as FormFactory, c as createFormFactory } from './createFormFactory-161e85f9.js';
+import { FormOptions, FormApi } from '@tanstack/form-core';
+import { UseField, FieldComponent } from './useField.js';
 import 'vue-demi';
+
+type FormFactory<TFormData> = {
+    useForm: (opts?: FormOptions<TFormData>) => FormApi<TFormData>;
+    useField: UseField<TFormData>;
+    Field: FieldComponent<TFormData, TFormData>;
+};
+declare function createFormFactory<TFormData>(defaultOpts?: FormOptions<TFormData>): FormFactory<TFormData>;
+
+export { FormFactory, createFormFactory };

package/build/modern/index.d.cts

@@ -1,23 +1,7 @@
-import { FormState, FormOptions, FormApi } from '@tanstack/form-core';
 export * from '@tanstack/form-core';
-import { F as FieldComponent, U as UseField } from './createFormFactory-161e85f9.js';
-export { e as Field, d as FieldValue, a as FormFactory, b as UseFieldOptions, c as createFormFactory, u as useField } from './createFormFactory-161e85f9.js';
+export { FormFactory, createFormFactory } from './createFormFactory.cjs';
 export { FormContext, formContext, provideFormContext, useFormContext } from './formContext.cjs';
-import { NoInfer } from './types.cjs';
+export { Field, FieldComponent, FieldValue, UseField, UseFieldOptions, useField } from './useField.cjs';
+export { useForm } from './useForm.cjs';
 import 'vue-demi';
-
-declare module '@tanstack/form-core' {
-    interface FormApi<TFormData> {
-        Provider: (props: Record<string, any> & {}) => any;
-        provideFormContext: () => void;
-        Field: FieldComponent<TFormData, TFormData>;
-        useField: UseField<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;
-        }) => any;
-    }
-}
-declare function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData>;
-
-export { FieldComponent, UseField, useForm };
+import './types.cjs';

package/build/modern/index.d.ts

@@ -1,23 +1,7 @@
-import { FormState, FormOptions, FormApi } from '@tanstack/form-core';
 export * from '@tanstack/form-core';
-import { F as FieldComponent, U as UseField } from './createFormFactory-161e85f9.js';
-export { e as Field, d as FieldValue, a as FormFactory, b as UseFieldOptions, c as createFormFactory, u as useField } from './createFormFactory-161e85f9.js';
+export { FormFactory, createFormFactory } from './createFormFactory.js';
 export { FormContext, formContext, provideFormContext, useFormContext } from './formContext.js';
-import { NoInfer } from './types.js';
+export { Field, FieldComponent, FieldValue, UseField, UseFieldOptions, useField } from './useField.js';
+export { useForm } from './useForm.js';
 import 'vue-demi';
-
-declare module '@tanstack/form-core' {
-    interface FormApi<TFormData> {
-        Provider: (props: Record<string, any> & {}) => any;
-        provideFormContext: () => void;
-        Field: FieldComponent<TFormData, TFormData>;
-        useField: UseField<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;
-        }) => any;
-    }
-}
-declare function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData>;
-
-export { FieldComponent, UseField, useForm };
+import './types.js';

package/build/modern/types.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types.ts"],"sourcesContent":["export type NoInfer<T> = [T][T extends any ? 0 : never]\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../../src/types.ts"],"sourcesContent":["export type NoInfer<T> = [T][T extends any ? 0 : never]\n\nexport type ReleaseVersion = 2\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/build/modern/types.d.cts

@@ -1,3 +1,4 @@
 type NoInfer<T> = [T][T extends any ? 0 : never];
+type ReleaseVersion = 2;
 
-export { NoInfer };
+export { NoInfer, ReleaseVersion };

package/build/modern/types.d.ts

@@ -1,3 +1,4 @@
 type NoInfer<T> = [T][T extends any ? 0 : never];
+type ReleaseVersion = 2;
 
-export { NoInfer };
+export { NoInfer, ReleaseVersion };

package/build/modern/useField.cjs

@@ -0,0 +1,71 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/useField.tsx
+var useField_exports = {};
+__export(useField_exports, {
+  Field: () => Field,
+  useField: () => useField
+});
+module.exports = __toCommonJS(useField_exports);
+var import_form_core = require("@tanstack/form-core");
+var import_vue_store = require("@tanstack/vue-store");
+var import_vue_demi = require("vue-demi");
+var import_formContext = require("./formContext.cjs");
+function useField(opts) {
+  const { formApi, parentFieldName } = (0, import_formContext.useFormContext)();
+  const fieldApi = (() => {
+    const name = (typeof opts.index === "number" ? [parentFieldName, opts.index, opts.name] : [parentFieldName, opts.name]).filter((d) => d !== void 0).join(".");
+    const api = new import_form_core.FieldApi({ ...opts, form: formApi, name });
+    api.Field = Field;
+    return api;
+  })();
+  const fieldState = (0, import_vue_store.useStore)(fieldApi.store, (state) => state);
+  let cleanup;
+  (0, import_vue_demi.onMounted)(() => {
+    cleanup = fieldApi.mount();
+  });
+  (0, import_vue_demi.onUnmounted)(() => {
+    cleanup();
+  });
+  (0, import_vue_demi.watch)(
+    () => opts,
+    () => {
+      fieldApi.update({ ...opts, form: formApi });
+    }
+  );
+  return { api: fieldApi, state: fieldState };
+}
+var Field = (0, import_vue_demi.defineComponent)(
+  (fieldOptions, context) => {
+    const fieldApi = useField({ ...fieldOptions, ...context.attrs });
+    (0, import_formContext.provideFormContext)({
+      formApi: fieldApi.api.form,
+      parentFieldName: fieldApi.api.name
+    });
+    return () => context.slots.default(fieldApi.api, fieldApi.state.value);
+  },
+  { name: "Field", inheritAttrs: false }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Field,
+  useField
+});
+//# sourceMappingURL=useField.cjs.map

package/build/modern/useField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/useField.tsx"],"sourcesContent":["import {\n  type DeepKeys,\n  type DeepValue,\n  FieldApi,\n  type FieldOptions,\n  type Narrow,\n} from '@tanstack/form-core'\nimport { useStore } from '@tanstack/vue-store'\nimport {\n  type SetupContext,\n  defineComponent,\n  type Ref,\n  onMounted,\n  onUnmounted,\n  watch,\n} from 'vue-demi'\nimport { provideFormContext, useFormContext } from './formContext'\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FieldApi<TData, TFormData> {\n    Field: FieldComponent<TData, TFormData>\n  }\n}\n\nexport interface UseFieldOptions<TData, TFormData>\n  extends FieldOptions<TData, TFormData> {\n  mode?: 'value' | 'array'\n}\n\nexport type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(\n  opts?: { name: Narrow<TField> } & UseFieldOptions<\n    DeepValue<TFormData, TField>,\n    TFormData\n  >,\n) => FieldApi<DeepValue<TFormData, TField>, TFormData>\n\nexport function useField<TData, TFormData>(\n  opts: UseFieldOptions<TData, TFormData>,\n): {\n  api: FieldApi<TData, TFormData>\n  state: Readonly<Ref<FieldApi<TData, TFormData>['state']>>\n} {\n  // Get the form API either manually or from context\n  const { formApi, parentFieldName } = useFormContext()\n\n  const fieldApi = (() => {\n    const name = (\n      typeof opts.index === 'number'\n        ? [parentFieldName, opts.index, opts.name]\n        : [parentFieldName, opts.name]\n    )\n      .filter((d) => d !== undefined)\n      .join('.')\n\n    const api = new FieldApi({ ...opts, form: formApi, name: name as never })\n\n    api.Field = Field as never\n\n    return api\n  })()\n\n  const fieldState = useStore(fieldApi.store, (state) => state)\n\n  let cleanup!: () => void\n  onMounted(() => {\n    cleanup = fieldApi.mount()\n  })\n\n  onUnmounted(() => {\n    cleanup()\n  })\n\n  watch(\n    () => opts,\n    () => {\n      // Keep options up to date as they are rendered\n      fieldApi.update({ ...opts, form: formApi } as never)\n    },\n  )\n\n  return { api: fieldApi, state: fieldState } as never\n}\n\n// export type FieldValue<TFormData, TField> = TFormData extends any[]\n//   ? TField extends `[${infer TIndex extends number | 'i'}].${infer TRest}`\n//     ? DeepValue<TFormData[TIndex extends 'i' ? number : TIndex], TRest>\n//     : TField extends `[${infer TIndex extends number | 'i'}]`\n//     ? TFormData[TIndex extends 'i' ? number : TIndex]\n//     : never\n//   : TField extends `${infer TPrefix}[${infer TIndex extends\n//       | number\n//       | 'i'}].${infer TRest}`\n//   ? DeepValue<\n//       DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex],\n//       TRest\n//     >\n//   : TField extends `${infer TPrefix}[${infer TIndex extends number | 'i'}]`\n//   ? DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex]\n//   : DeepValue<TFormData, TField>\n\nexport type FieldValue<TFormData, TField> = TFormData extends any[]\n  ? unknown extends TField\n    ? TFormData[number]\n    : DeepValue<TFormData[number], TField>\n  : DeepValue<TFormData, TField>\n\n// type Test1 = FieldValue<{ foo: { bar: string }[] }, 'foo'>\n// //   ^?\n// type Test2 = FieldValue<{ foo: { bar: string }[] }, 'foo[i]'>\n// //   ^?\n// type Test3 = FieldValue<{ foo: { bar: string }[] }, 'foo[2].bar'>\n// //   ^?\n\nexport type FieldComponent<TParentData, TFormData> = <TField>(\n  fieldOptions: {\n    children?: (\n      fieldApi: FieldApi<FieldValue<TParentData, TField>, TFormData>,\n    ) => any\n  } & Omit<\n    UseFieldOptions<FieldValue<TParentData, TField>, TFormData>,\n    'name' | 'index'\n  > &\n    (TParentData extends any[]\n      ? {\n          name?: TField extends undefined ? TField : DeepKeys<TParentData>\n          index: number\n        }\n      : {\n          name: TField extends undefined ? TField : DeepKeys<TParentData>\n          index?: never\n        }),\n  context: SetupContext,\n) => any\n\nexport const Field = defineComponent(\n  <TData, TFormData>(\n    fieldOptions: UseFieldOptions<TData, TFormData>,\n    context: SetupContext,\n  ) => {\n    const fieldApi = useField({ ...fieldOptions, ...context.attrs })\n\n    provideFormContext({\n      formApi: fieldApi.api.form,\n      parentFieldName: fieldApi.api.name,\n    } as never)\n\n    return () => context.slots.default!(fieldApi.api, fieldApi.state.value)\n  },\n  { name: 'Field', inheritAttrs: false },\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAMO;AACP,uBAAyB;AACzB,sBAOO;AACP,yBAAmD;AAqB5C,SAAS,SACd,MAIA;AAEA,QAAM,EAAE,SAAS,gBAAgB,QAAI,mCAAe;AAEpD,QAAM,YAAY,MAAM;AACtB,UAAM,QACJ,OAAO,KAAK,UAAU,WAClB,CAAC,iBAAiB,KAAK,OAAO,KAAK,IAAI,IACvC,CAAC,iBAAiB,KAAK,IAAI,GAE9B,OAAO,CAAC,MAAM,MAAM,MAAS,EAC7B,KAAK,GAAG;AAEX,UAAM,MAAM,IAAI,0BAAS,EAAE,GAAG,MAAM,MAAM,SAAS,KAAoB,CAAC;AAExE,QAAI,QAAQ;AAEZ,WAAO;AAAA,EACT,GAAG;AAEH,QAAM,iBAAa,2BAAS,SAAS,OAAO,CAAC,UAAU,KAAK;AAE5D,MAAI;AACJ,iCAAU,MAAM;AACd,cAAU,SAAS,MAAM;AAAA,EAC3B,CAAC;AAED,mCAAY,MAAM;AAChB,YAAQ;AAAA,EACV,CAAC;AAED;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAEJ,eAAS,OAAO,EAAE,GAAG,MAAM,MAAM,QAAQ,CAAU;AAAA,IACrD;AAAA,EACF;AAEA,SAAO,EAAE,KAAK,UAAU,OAAO,WAAW;AAC5C;AAqDO,IAAM,YAAQ;AAAA,EACnB,CACE,cACA,YACG;AACH,UAAM,WAAW,SAAS,EAAE,GAAG,cAAc,GAAG,QAAQ,MAAM,CAAC;AAE/D,+CAAmB;AAAA,MACjB,SAAS,SAAS,IAAI;AAAA,MACtB,iBAAiB,SAAS,IAAI;AAAA,IAChC,CAAU;AAEV,WAAO,MAAM,QAAQ,MAAM,QAAS,SAAS,KAAK,SAAS,MAAM,KAAK;AAAA,EACxE;AAAA,EACA,EAAE,MAAM,SAAS,cAAc,MAAM;AACvC;","names":[]}

package/build/modern/useField.d.cts

@@ -0,0 +1,35 @@
+import { FieldApi, DeepKeys, FieldOptions, Narrow, DeepValue } from '@tanstack/form-core';
+import { SetupContext, Ref } from 'vue-demi';
+
+declare module '@tanstack/form-core' {
+    interface FieldApi<TData, TFormData> {
+        Field: FieldComponent<TData, TFormData>;
+    }
+}
+interface UseFieldOptions<TData, TFormData> extends FieldOptions<TData, TFormData> {
+    mode?: 'value' | 'array';
+}
+type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(opts?: {
+    name: Narrow<TField>;
+} & UseFieldOptions<DeepValue<TFormData, TField>, TFormData>) => FieldApi<DeepValue<TFormData, TField>, TFormData>;
+declare function useField<TData, TFormData>(opts: UseFieldOptions<TData, TFormData>): {
+    api: FieldApi<TData, TFormData>;
+    state: Readonly<Ref<FieldApi<TData, TFormData>['state']>>;
+};
+type FieldValue<TFormData, TField> = TFormData extends any[] ? unknown extends TField ? TFormData[number] : DeepValue<TFormData[number], TField> : DeepValue<TFormData, TField>;
+type FieldComponent<TParentData, TFormData> = <TField>(fieldOptions: {
+    children?: (fieldApi: FieldApi<FieldValue<TParentData, TField>, TFormData>) => any;
+} & Omit<UseFieldOptions<FieldValue<TParentData, TField>, TFormData>, 'name' | 'index'> & (TParentData extends any[] ? {
+    name?: TField extends undefined ? TField : DeepKeys<TParentData>;
+    index: number;
+} : {
+    name: TField extends undefined ? TField : DeepKeys<TParentData>;
+    index?: never;
+}), context: SetupContext) => any;
+declare const Field: <TData, TFormData>(props: UseFieldOptions<TData, TFormData> & ({
+    [x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
+} | {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+})) => any;
+
+export { Field, FieldComponent, FieldValue, UseField, UseFieldOptions, useField };

package/build/modern/useField.d.ts

@@ -0,0 +1,35 @@
+import { FieldApi, DeepKeys, FieldOptions, Narrow, DeepValue } from '@tanstack/form-core';
+import { SetupContext, Ref } from 'vue-demi';
+
+declare module '@tanstack/form-core' {
+    interface FieldApi<TData, TFormData> {
+        Field: FieldComponent<TData, TFormData>;
+    }
+}
+interface UseFieldOptions<TData, TFormData> extends FieldOptions<TData, TFormData> {
+    mode?: 'value' | 'array';
+}
+type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(opts?: {
+    name: Narrow<TField>;
+} & UseFieldOptions<DeepValue<TFormData, TField>, TFormData>) => FieldApi<DeepValue<TFormData, TField>, TFormData>;
+declare function useField<TData, TFormData>(opts: UseFieldOptions<TData, TFormData>): {
+    api: FieldApi<TData, TFormData>;
+    state: Readonly<Ref<FieldApi<TData, TFormData>['state']>>;
+};
+type FieldValue<TFormData, TField> = TFormData extends any[] ? unknown extends TField ? TFormData[number] : DeepValue<TFormData[number], TField> : DeepValue<TFormData, TField>;
+type FieldComponent<TParentData, TFormData> = <TField>(fieldOptions: {
+    children?: (fieldApi: FieldApi<FieldValue<TParentData, TField>, TFormData>) => any;
+} & Omit<UseFieldOptions<FieldValue<TParentData, TField>, TFormData>, 'name' | 'index'> & (TParentData extends any[] ? {
+    name?: TField extends undefined ? TField : DeepKeys<TParentData>;
+    index: number;
+} : {
+    name: TField extends undefined ? TField : DeepKeys<TParentData>;
+    index?: never;
+}), context: SetupContext) => any;
+declare const Field: <TData, TFormData>(props: UseFieldOptions<TData, TFormData> & ({
+    [x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
+} | {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+})) => any;
+
+export { Field, FieldComponent, FieldValue, UseField, UseFieldOptions, useField };

package/build/modern/useField.js

@@ -0,0 +1,52 @@
+// src/useField.tsx
+import {
+  FieldApi
+} from "@tanstack/form-core";
+import { useStore } from "@tanstack/vue-store";
+import {
+  defineComponent,
+  onMounted,
+  onUnmounted,
+  watch
+} from "vue-demi";
+import { provideFormContext, useFormContext } from "./formContext.js";
+function useField(opts) {
+  const { formApi, parentFieldName } = useFormContext();
+  const fieldApi = (() => {
+    const name = (typeof opts.index === "number" ? [parentFieldName, opts.index, opts.name] : [parentFieldName, opts.name]).filter((d) => d !== void 0).join(".");
+    const api = new FieldApi({ ...opts, form: formApi, name });
+    api.Field = Field;
+    return api;
+  })();
+  const fieldState = useStore(fieldApi.store, (state) => state);
+  let cleanup;
+  onMounted(() => {
+    cleanup = fieldApi.mount();
+  });
+  onUnmounted(() => {
+    cleanup();
+  });
+  watch(
+    () => opts,
+    () => {
+      fieldApi.update({ ...opts, form: formApi });
+    }
+  );
+  return { api: fieldApi, state: fieldState };
+}
+var Field = defineComponent(
+  (fieldOptions, context) => {
+    const fieldApi = useField({ ...fieldOptions, ...context.attrs });
+    provideFormContext({
+      formApi: fieldApi.api.form,
+      parentFieldName: fieldApi.api.name
+    });
+    return () => context.slots.default(fieldApi.api, fieldApi.state.value);
+  },
+  { name: "Field", inheritAttrs: false }
+);
+export {
+  Field,
+  useField
+};
+//# sourceMappingURL=useField.js.map

package/build/modern/useField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/useField.tsx"],"sourcesContent":["import {\n  type DeepKeys,\n  type DeepValue,\n  FieldApi,\n  type FieldOptions,\n  type Narrow,\n} from '@tanstack/form-core'\nimport { useStore } from '@tanstack/vue-store'\nimport {\n  type SetupContext,\n  defineComponent,\n  type Ref,\n  onMounted,\n  onUnmounted,\n  watch,\n} from 'vue-demi'\nimport { provideFormContext, useFormContext } from './formContext'\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FieldApi<TData, TFormData> {\n    Field: FieldComponent<TData, TFormData>\n  }\n}\n\nexport interface UseFieldOptions<TData, TFormData>\n  extends FieldOptions<TData, TFormData> {\n  mode?: 'value' | 'array'\n}\n\nexport type UseField<TFormData> = <TField extends DeepKeys<TFormData>>(\n  opts?: { name: Narrow<TField> } & UseFieldOptions<\n    DeepValue<TFormData, TField>,\n    TFormData\n  >,\n) => FieldApi<DeepValue<TFormData, TField>, TFormData>\n\nexport function useField<TData, TFormData>(\n  opts: UseFieldOptions<TData, TFormData>,\n): {\n  api: FieldApi<TData, TFormData>\n  state: Readonly<Ref<FieldApi<TData, TFormData>['state']>>\n} {\n  // Get the form API either manually or from context\n  const { formApi, parentFieldName } = useFormContext()\n\n  const fieldApi = (() => {\n    const name = (\n      typeof opts.index === 'number'\n        ? [parentFieldName, opts.index, opts.name]\n        : [parentFieldName, opts.name]\n    )\n      .filter((d) => d !== undefined)\n      .join('.')\n\n    const api = new FieldApi({ ...opts, form: formApi, name: name as never })\n\n    api.Field = Field as never\n\n    return api\n  })()\n\n  const fieldState = useStore(fieldApi.store, (state) => state)\n\n  let cleanup!: () => void\n  onMounted(() => {\n    cleanup = fieldApi.mount()\n  })\n\n  onUnmounted(() => {\n    cleanup()\n  })\n\n  watch(\n    () => opts,\n    () => {\n      // Keep options up to date as they are rendered\n      fieldApi.update({ ...opts, form: formApi } as never)\n    },\n  )\n\n  return { api: fieldApi, state: fieldState } as never\n}\n\n// export type FieldValue<TFormData, TField> = TFormData extends any[]\n//   ? TField extends `[${infer TIndex extends number | 'i'}].${infer TRest}`\n//     ? DeepValue<TFormData[TIndex extends 'i' ? number : TIndex], TRest>\n//     : TField extends `[${infer TIndex extends number | 'i'}]`\n//     ? TFormData[TIndex extends 'i' ? number : TIndex]\n//     : never\n//   : TField extends `${infer TPrefix}[${infer TIndex extends\n//       | number\n//       | 'i'}].${infer TRest}`\n//   ? DeepValue<\n//       DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex],\n//       TRest\n//     >\n//   : TField extends `${infer TPrefix}[${infer TIndex extends number | 'i'}]`\n//   ? DeepValue<TFormData, TPrefix>[TIndex extends 'i' ? number : TIndex]\n//   : DeepValue<TFormData, TField>\n\nexport type FieldValue<TFormData, TField> = TFormData extends any[]\n  ? unknown extends TField\n    ? TFormData[number]\n    : DeepValue<TFormData[number], TField>\n  : DeepValue<TFormData, TField>\n\n// type Test1 = FieldValue<{ foo: { bar: string }[] }, 'foo'>\n// //   ^?\n// type Test2 = FieldValue<{ foo: { bar: string }[] }, 'foo[i]'>\n// //   ^?\n// type Test3 = FieldValue<{ foo: { bar: string }[] }, 'foo[2].bar'>\n// //   ^?\n\nexport type FieldComponent<TParentData, TFormData> = <TField>(\n  fieldOptions: {\n    children?: (\n      fieldApi: FieldApi<FieldValue<TParentData, TField>, TFormData>,\n    ) => any\n  } & Omit<\n    UseFieldOptions<FieldValue<TParentData, TField>, TFormData>,\n    'name' | 'index'\n  > &\n    (TParentData extends any[]\n      ? {\n          name?: TField extends undefined ? TField : DeepKeys<TParentData>\n          index: number\n        }\n      : {\n          name: TField extends undefined ? TField : DeepKeys<TParentData>\n          index?: never\n        }),\n  context: SetupContext,\n) => any\n\nexport const Field = defineComponent(\n  <TData, TFormData>(\n    fieldOptions: UseFieldOptions<TData, TFormData>,\n    context: SetupContext,\n  ) => {\n    const fieldApi = useField({ ...fieldOptions, ...context.attrs })\n\n    provideFormContext({\n      formApi: fieldApi.api.form,\n      parentFieldName: fieldApi.api.name,\n    } as never)\n\n    return () => context.slots.default!(fieldApi.api, fieldApi.state.value)\n  },\n  { name: 'Field', inheritAttrs: false },\n)\n"],"mappings":";AAAA;AAAA,EAGE;AAAA,OAGK;AACP,SAAS,gBAAgB;AACzB;AAAA,EAEE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB,sBAAsB;AAqB5C,SAAS,SACd,MAIA;AAEA,QAAM,EAAE,SAAS,gBAAgB,IAAI,eAAe;AAEpD,QAAM,YAAY,MAAM;AACtB,UAAM,QACJ,OAAO,KAAK,UAAU,WAClB,CAAC,iBAAiB,KAAK,OAAO,KAAK,IAAI,IACvC,CAAC,iBAAiB,KAAK,IAAI,GAE9B,OAAO,CAAC,MAAM,MAAM,MAAS,EAC7B,KAAK,GAAG;AAEX,UAAM,MAAM,IAAI,SAAS,EAAE,GAAG,MAAM,MAAM,SAAS,KAAoB,CAAC;AAExE,QAAI,QAAQ;AAEZ,WAAO;AAAA,EACT,GAAG;AAEH,QAAM,aAAa,SAAS,SAAS,OAAO,CAAC,UAAU,KAAK;AAE5D,MAAI;AACJ,YAAU,MAAM;AACd,cAAU,SAAS,MAAM;AAAA,EAC3B,CAAC;AAED,cAAY,MAAM;AAChB,YAAQ;AAAA,EACV,CAAC;AAED;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAEJ,eAAS,OAAO,EAAE,GAAG,MAAM,MAAM,QAAQ,CAAU;AAAA,IACrD;AAAA,EACF;AAEA,SAAO,EAAE,KAAK,UAAU,OAAO,WAAW;AAC5C;AAqDO,IAAM,QAAQ;AAAA,EACnB,CACE,cACA,YACG;AACH,UAAM,WAAW,SAAS,EAAE,GAAG,cAAc,GAAG,QAAQ,MAAM,CAAC;AAE/D,uBAAmB;AAAA,MACjB,SAAS,SAAS,IAAI;AAAA,MACtB,iBAAiB,SAAS,IAAI;AAAA,IAChC,CAAU;AAEV,WAAO,MAAM,QAAQ,MAAM,QAAS,SAAS,KAAK,SAAS,MAAM,KAAK;AAAA,EACxE;AAAA,EACA,EAAE,MAAM,SAAS,cAAc,MAAM;AACvC;","names":[]}

package/build/modern/useForm.cjs

@@ -0,0 +1,70 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/useForm.tsx
+var useForm_exports = {};
+__export(useForm_exports, {
+  useForm: () => useForm
+});
+module.exports = __toCommonJS(useForm_exports);
+var import_form_core = require("@tanstack/form-core");
+var import_vue_store = require("@tanstack/vue-store");
+var import_useField = require("./useField.cjs");
+var import_formContext = require("./formContext.cjs");
+var import_vue_demi = require("vue-demi");
+function useForm(opts) {
+  const formApi = (() => {
+    const api = new import_form_core.FormApi(opts);
+    api.Provider = (0, import_vue_demi.defineComponent)(
+      (_, context) => {
+        (0, import_formContext.provideFormContext)({ formApi });
+        return () => context.slots.default();
+      },
+      { name: "Provider" }
+    );
+    api.provideFormContext = () => {
+      (0, import_formContext.provideFormContext)({ formApi });
+    };
+    api.Field = import_useField.Field;
+    api.useField = import_useField.useField;
+    api.useStore = (selector) => {
+      return (0, import_vue_store.useStore)(api.store, selector);
+    };
+    api.Subscribe = (0, import_vue_demi.defineComponent)(
+      (props, context) => {
+        const allProps = { ...props, ...context.attrs };
+        const selector = allProps.selector ?? ((state) => state);
+        const data = (0, import_vue_store.useStore)(api.store, selector);
+        return () => context.slots.default(data.value);
+      },
+      {
+        name: "Subscribe",
+        inheritAttrs: false
+      }
+    );
+    return api;
+  })();
+  formApi.update(opts);
+  return formApi;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useForm
+});
+//# sourceMappingURL=useForm.cjs.map

package/build/modern/useForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/useForm.tsx"],"sourcesContent":["import { FormApi, type FormState, type FormOptions } from '@tanstack/form-core'\nimport { useStore } from '@tanstack/vue-store'\nimport { type UseField, type FieldComponent, Field, useField } from './useField'\nimport { provideFormContext } from './formContext'\nimport { defineComponent } from 'vue-demi'\nimport type { NoInfer } from './types'\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FormApi<TFormData> {\n    Provider: (props: Record<string, any> & {}) => any\n    provideFormContext: () => void\n    Field: FieldComponent<TFormData, TFormData>\n    useField: UseField<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    }) => any\n  }\n}\n\nexport function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {\n  const formApi = (() => {\n    const api = new FormApi<TData>(opts)\n\n    api.Provider = defineComponent(\n      (_, context) => {\n        provideFormContext({ formApi })\n        return () => context.slots.default!()\n      },\n      { name: 'Provider' },\n    )\n    api.provideFormContext = () => {\n      provideFormContext({ formApi })\n    }\n    api.Field = Field as never\n    api.useField = useField as never\n    api.useStore = (selector) => {\n      return useStore(api.store as never, selector as never) as never\n    }\n    api.Subscribe = defineComponent(\n      (props, context) => {\n        const allProps = { ...props, ...context.attrs }\n        const selector = allProps.selector ?? ((state) => state)\n        const data = useStore(api.store as never, selector as never)\n        return () => context.slots.default!(data.value)\n      },\n      {\n        name: 'Subscribe',\n        inheritAttrs: false,\n      },\n    )\n\n    return api\n  })()\n\n  // formApi.useStore((state) => state.isSubmitting)\n  formApi.update(opts)\n\n  return formApi as never\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0D;AAC1D,uBAAyB;AACzB,sBAAoE;AACpE,yBAAmC;AACnC,sBAAgC;AAmBzB,SAAS,QAAe,MAA2C;AACxE,QAAM,WAAW,MAAM;AACrB,UAAM,MAAM,IAAI,yBAAe,IAAI;AAEnC,QAAI,eAAW;AAAA,MACb,CAAC,GAAG,YAAY;AACd,mDAAmB,EAAE,QAAQ,CAAC;AAC9B,eAAO,MAAM,QAAQ,MAAM,QAAS;AAAA,MACtC;AAAA,MACA,EAAE,MAAM,WAAW;AAAA,IACrB;AACA,QAAI,qBAAqB,MAAM;AAC7B,iDAAmB,EAAE,QAAQ,CAAC;AAAA,IAChC;AACA,QAAI,QAAQ;AACZ,QAAI,WAAW;AACf,QAAI,WAAW,CAAC,aAAa;AAC3B,iBAAO,2BAAS,IAAI,OAAgB,QAAiB;AAAA,IACvD;AACA,QAAI,gBAAY;AAAA,MACd,CAAC,OAAO,YAAY;AAClB,cAAM,WAAW,EAAE,GAAG,OAAO,GAAG,QAAQ,MAAM;AAC9C,cAAM,WAAW,SAAS,aAAa,CAAC,UAAU;AAClD,cAAM,WAAO,2BAAS,IAAI,OAAgB,QAAiB;AAC3D,eAAO,MAAM,QAAQ,MAAM,QAAS,KAAK,KAAK;AAAA,MAChD;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,cAAc;AAAA,MAChB;AAAA,IACF;AAEA,WAAO;AAAA,EACT,GAAG;AAGH,UAAQ,OAAO,IAAI;AAEnB,SAAO;AACT;","names":[]}

package/build/modern/useForm.d.cts

@@ -0,0 +1,20 @@
+import { FormState, FormOptions, FormApi } from '@tanstack/form-core';
+import { FieldComponent, UseField } from './useField.cjs';
+import { NoInfer } from './types.cjs';
+import 'vue-demi';
+
+declare module '@tanstack/form-core' {
+    interface FormApi<TFormData> {
+        Provider: (props: Record<string, any> & {}) => any;
+        provideFormContext: () => void;
+        Field: FieldComponent<TFormData, TFormData>;
+        useField: UseField<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;
+        }) => any;
+    }
+}
+declare function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData>;
+
+export { useForm };

package/build/modern/useForm.d.ts

@@ -0,0 +1,20 @@
+import { FormState, FormOptions, FormApi } from '@tanstack/form-core';
+import { FieldComponent, UseField } from './useField.js';
+import { NoInfer } from './types.js';
+import 'vue-demi';
+
+declare module '@tanstack/form-core' {
+    interface FormApi<TFormData> {
+        Provider: (props: Record<string, any> & {}) => any;
+        provideFormContext: () => void;
+        Field: FieldComponent<TFormData, TFormData>;
+        useField: UseField<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;
+        }) => any;
+    }
+}
+declare function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData>;
+
+export { useForm };

package/build/modern/useForm.js

@@ -0,0 +1,45 @@
+// src/useForm.tsx
+import { FormApi } from "@tanstack/form-core";
+import { useStore } from "@tanstack/vue-store";
+import { Field, useField } from "./useField.js";
+import { provideFormContext } from "./formContext.js";
+import { defineComponent } from "vue-demi";
+function useForm(opts) {
+  const formApi = (() => {
+    const api = new FormApi(opts);
+    api.Provider = defineComponent(
+      (_, context) => {
+        provideFormContext({ formApi });
+        return () => context.slots.default();
+      },
+      { name: "Provider" }
+    );
+    api.provideFormContext = () => {
+      provideFormContext({ formApi });
+    };
+    api.Field = Field;
+    api.useField = useField;
+    api.useStore = (selector) => {
+      return useStore(api.store, selector);
+    };
+    api.Subscribe = defineComponent(
+      (props, context) => {
+        const allProps = { ...props, ...context.attrs };
+        const selector = allProps.selector ?? ((state) => state);
+        const data = useStore(api.store, selector);
+        return () => context.slots.default(data.value);
+      },
+      {
+        name: "Subscribe",
+        inheritAttrs: false
+      }
+    );
+    return api;
+  })();
+  formApi.update(opts);
+  return formApi;
+}
+export {
+  useForm
+};
+//# sourceMappingURL=useForm.js.map

package/build/modern/useForm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/useForm.tsx"],"sourcesContent":["import { FormApi, type FormState, type FormOptions } from '@tanstack/form-core'\nimport { useStore } from '@tanstack/vue-store'\nimport { type UseField, type FieldComponent, Field, useField } from './useField'\nimport { provideFormContext } from './formContext'\nimport { defineComponent } from 'vue-demi'\nimport type { NoInfer } from './types'\n\ndeclare module '@tanstack/form-core' {\n  // eslint-disable-next-line no-shadow\n  interface FormApi<TFormData> {\n    Provider: (props: Record<string, any> & {}) => any\n    provideFormContext: () => void\n    Field: FieldComponent<TFormData, TFormData>\n    useField: UseField<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    }) => any\n  }\n}\n\nexport function useForm<TData>(opts?: FormOptions<TData>): FormApi<TData> {\n  const formApi = (() => {\n    const api = new FormApi<TData>(opts)\n\n    api.Provider = defineComponent(\n      (_, context) => {\n        provideFormContext({ formApi })\n        return () => context.slots.default!()\n      },\n      { name: 'Provider' },\n    )\n    api.provideFormContext = () => {\n      provideFormContext({ formApi })\n    }\n    api.Field = Field as never\n    api.useField = useField as never\n    api.useStore = (selector) => {\n      return useStore(api.store as never, selector as never) as never\n    }\n    api.Subscribe = defineComponent(\n      (props, context) => {\n        const allProps = { ...props, ...context.attrs }\n        const selector = allProps.selector ?? ((state) => state)\n        const data = useStore(api.store as never, selector as never)\n        return () => context.slots.default!(data.value)\n      },\n      {\n        name: 'Subscribe',\n        inheritAttrs: false,\n      },\n    )\n\n    return api\n  })()\n\n  // formApi.useStore((state) => state.isSubmitting)\n  formApi.update(opts)\n\n  return formApi as never\n}\n"],"mappings":";AAAA,SAAS,eAAiD;AAC1D,SAAS,gBAAgB;AACzB,SAA6C,OAAO,gBAAgB;AACpE,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAmBzB,SAAS,QAAe,MAA2C;AACxE,QAAM,WAAW,MAAM;AACrB,UAAM,MAAM,IAAI,QAAe,IAAI;AAEnC,QAAI,WAAW;AAAA,MACb,CAAC,GAAG,YAAY;AACd,2BAAmB,EAAE,QAAQ,CAAC;AAC9B,eAAO,MAAM,QAAQ,MAAM,QAAS;AAAA,MACtC;AAAA,MACA,EAAE,MAAM,WAAW;AAAA,IACrB;AACA,QAAI,qBAAqB,MAAM;AAC7B,yBAAmB,EAAE,QAAQ,CAAC;AAAA,IAChC;AACA,QAAI,QAAQ;AACZ,QAAI,WAAW;AACf,QAAI,WAAW,CAAC,aAAa;AAC3B,aAAO,SAAS,IAAI,OAAgB,QAAiB;AAAA,IACvD;AACA,QAAI,YAAY;AAAA,MACd,CAAC,OAAO,YAAY;AAClB,cAAM,WAAW,EAAE,GAAG,OAAO,GAAG,QAAQ,MAAM;AAC9C,cAAM,WAAW,SAAS,aAAa,CAAC,UAAU;AAClD,cAAM,OAAO,SAAS,IAAI,OAAgB,QAAiB;AAC3D,eAAO,MAAM,QAAQ,MAAM,QAAS,KAAK,KAAK;AAAA,MAChD;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,cAAc;AAAA,MAChB;AAAA,IACF;AAEA,WAAO;AAAA,EACT,GAAG;AAGH,UAAQ,OAAO,IAAI;AAEnB,SAAO;AACT;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/vue-form",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Powerful, type-safe forms for Vue.",
   "author": "tannerlinsley",
   "license": "MIT",

package/src/types.ts

@@ -1 +1,3 @@
 export type NoInfer<T> = [T][T extends any ? 0 : never]
+
+export type ReleaseVersion = 2