@tanstack/svelte-form 1.33.5 → 2.0.0-alpha.1

package/dist/createForm.svelte.d.ts

@@ -1,29 +1,13 @@
-import { FormApi } from '@tanstack/form-core';
-import type { Component, ComponentConstructorOptions, Snippet, SvelteComponent } from 'svelte';
-import type { FormAsyncValidateOrFn, FormOptions, FormState, FormValidateOrFn } from '@tanstack/form-core';
-import type { FieldComponent, FormGroupComponent, WithoutFunction } from './types.js';
-export interface SvelteFormApi<TParentData, TFormOnMount extends undefined | FormValidateOrFn<TParentData>, TFormOnChange extends undefined | FormValidateOrFn<TParentData>, TFormOnChangeAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnBlur extends undefined | FormValidateOrFn<TParentData>, TFormOnBlurAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnSubmit extends undefined | FormValidateOrFn<TParentData>, TFormOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnDynamic extends undefined | FormValidateOrFn<TParentData>, TFormOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnServer extends undefined | FormAsyncValidateOrFn<TParentData>, TSubmitMeta> {
-    Field: FieldComponent<TParentData, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer, TSubmitMeta>;
-    FormGroup: FormGroupComponent<TParentData, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer, TSubmitMeta>;
-    useSelector: <TSelected = NoInfer<FormState<TParentData, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer>>>(selector?: (state: NoInfer<FormState<TParentData, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer>>) => TSelected) => {
-        current: TSelected;
+import type { FormOptions } from '@tanstack/form-core';
+import type { Component } from 'svelte';
+import type { AnyInternalFormApi } from '@tanstack/form-core/internals';
+import type { SvelteTanStackFormComponents } from './Components.public';
+export interface InternalSvelteFormApi extends AnyInternalFormApi, SvelteTanStackFormComponents<any, any, any> {
+    _Subscribe: Component<any>;
+    useSelector: <TSelected = any>(selector?: (state: any) => TSelected) => {
+        readonly current: TSelected;
     };
-    /**
-     * @deprecated Use `form.useSelector` instead.
-     */
-    useStore: <TSelected = NoInfer<FormState<TParentData, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer>>>(selector?: (state: NoInfer<FormState<TParentData, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer>>) => TSelected) => {
-        current: TSelected;
-    };
-    Subscribe: (<TSelected = NoInfer<FormState<TParentData, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer>>>(internal: any, props: {
-        selector?: (state: NoInfer<FormState<TParentData, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer>>) => TSelected;
-        children: Snippet<[NoInfer<TSelected>]>;
-    }) => {}) & (new <TSelected = NoInfer<FormState<TParentData, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer>>>(opts: ComponentConstructorOptions<{
-        selector?: (state: NoInfer<FormState<TParentData, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer>>) => TSelected;
-        children: Snippet<[NoInfer<TSelected>]>;
-    }>) => SvelteComponent) & WithoutFunction<Component>;
 }
-/**
- * An extended version of the `FormApi` class that includes Svelte-specific functionalities from `SvelteFormApi`
- */
-export type SvelteFormExtendedApi<TFormData, TOnMount extends undefined | FormValidateOrFn<TFormData>, TOnChange extends undefined | FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnDynamic extends undefined | FormValidateOrFn<TFormData>, TOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>, TSubmitMeta> = FormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta> & SvelteFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>;
-export declare function createForm<TParentData, TFormOnMount extends undefined | FormValidateOrFn<TParentData>, TFormOnChange extends undefined | FormValidateOrFn<TParentData>, TFormOnChangeAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnBlur extends undefined | FormValidateOrFn<TParentData>, TFormOnBlurAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnSubmit extends undefined | FormValidateOrFn<TParentData>, TFormOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnDynamic extends undefined | FormValidateOrFn<TParentData>, TFormOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnServer extends undefined | FormAsyncValidateOrFn<TParentData>, TSubmitMeta>(opts?: () => FormOptions<TParentData, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer, TSubmitMeta>): FormApi<TParentData, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer, TSubmitMeta> & SvelteFormApi<TParentData, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer, TSubmitMeta>;
+export declare function attachSvelteFormComponents(form: AnyInternalFormApi, fieldComponents: Record<string, Component<any>> | null): InternalSvelteFormApi;
+export declare function initializeForm(options: FormOptions<any, any, any>): InternalSvelteFormApi;
+export declare function createInternalForm(options: () => FormOptions<any, any, any>, initialize: (options: FormOptions<any, any, any>) => InternalSvelteFormApi): InternalSvelteFormApi;

package/dist/createForm.svelte.js

@@ -1,25 +1,35 @@
-import { FormApi } from '@tanstack/form-core';
+import { InternalFormApi } from '@tanstack/form-core/internals';
 import { useSelector } from '@tanstack/svelte-store';
 import { onMount } from 'svelte';
 import Field from './Field.svelte';
 import FormGroup from './FormGroup.svelte';
 import Subscribe from './Subscribe.svelte';
-export function createForm(opts) {
-    const options = opts?.();
-    const api = new FormApi(options);
-    const extendedApi = api;
-    // @ts-expect-error constructor definition exists only on a type level
-    extendedApi.Field = (internal, props) => Field(internal, { ...props, form: api });
-    // @ts-expect-error constructor definition exists only on a type level
-    extendedApi.FormGroup = (internal, props) => FormGroup(internal, { ...props, form: api });
-    extendedApi.useSelector = (selector) => useSelector(api.store, selector);
-    /** @deprecated Use `form.useSelector` instead. */
-    extendedApi.useStore = extendedApi.useSelector;
-    // @ts-expect-error constructor definition exists only on a type level
-    extendedApi.Subscribe = (internal, props) => Subscribe(internal, { ...props, store: api.store });
-    onMount(api.mount);
-    // formApi.update should not have any side effects. Think of it like a `useRef`
-    // that we need to keep updated every render with the most up-to-date information.
-    $effect.pre(() => api.update(opts?.()));
-    return extendedApi;
+import { withComponentProps } from './utils.lib.js';
+export function attachSvelteFormComponents(form, fieldComponents) {
+    const result = form;
+    result.Field = ((internals, props) => Field(internals, withComponentProps(props, {
+        form,
+        fieldComponents: fieldComponents ?? {},
+    })));
+    result.ArrayField = ((internals, props) => Field(internals, withComponentProps(props, {
+        form,
+        array: true,
+        fieldComponents: fieldComponents ?? {},
+    })));
+    result._Subscribe = (internals, props) => Subscribe(internals, props);
+    result.Subscribe = ((internals, props) => Subscribe(internals, withComponentProps(props, { source: form.atom })));
+    result.FormGroup = ((internals, props) => FormGroup(internals, withComponentProps(props, { form })));
+    result.useSelector = ((selector) => useSelector(form.atom, selector));
+    return result;
+}
+export function initializeForm(options) {
+    return attachSvelteFormComponents(new InternalFormApi(options), null);
+}
+export function createInternalForm(options, initialize) {
+    const form = initialize(options());
+    $effect.pre(() => {
+        form._update(options());
+    });
+    onMount(() => form.mount());
+    return form;
 }

package/dist/formApiTypes.public.d.ts

@@ -0,0 +1,37 @@
+import type { AnyFormApi, FormApi, FormErrorTypes, FormState } from '@tanstack/form-core';
+import type { Component } from 'svelte';
+import type { SvelteTanStackFormComponents } from './Components.public';
+import type { AnySvelteFormComponentMap, DefaultSvelteFormComponentMap } from './AppForm/componentMap.public';
+export interface SvelteFormSelectors<TFormData, TFormErrorTypes extends FormErrorTypes> {
+    useSelector: <TSelected = FormState<TFormData, TFormErrorTypes>>(selector?: (state: FormState<TFormData, TFormErrorTypes>) => TSelected) => {
+        readonly current: TSelected;
+    };
+}
+type ExtendedFormApi<TFormData, TFormErrorTypes extends FormErrorTypes, TFieldComponents extends Record<string, Component<any>>> = FormApi<TFormData, TFormErrorTypes> & SvelteTanStackFormComponents<TFormData, TFormErrorTypes, TFieldComponents> & SvelteFormSelectors<TFormData, TFormErrorTypes>;
+export type SvelteFormApi<TFormData, TFormErrorTypes extends FormErrorTypes, TComponents extends AnySvelteFormComponentMap = DefaultSvelteFormComponentMap> = unknown extends TComponents['formComponents'] ? ExtendedFormApi<TFormData, TFormErrorTypes, TComponents['fieldComponents']> : ExtendedFormApi<TFormData, TFormErrorTypes, TComponents['fieldComponents']> & TComponents['formComponents'];
+/**
+ * A Svelte form API whose form data and error types are erased.
+ *
+ * Use it for reusable Svelte components that only need core form operations,
+ * selectors, and the `Field`, `ArrayField`, `Subscribe`, or `FormGroup`
+ * components common to every Svelte form. Field paths and values are not
+ * checked against a particular form shape; use `SvelteFormType` when a
+ * component depends on one known form.
+ *
+ * @example
+ * ```svelte
+ * <script lang="ts">
+ *   const { form }: { form: AnySvelteFormApi } = $props()
+ * </script>
+ *
+ * <form.Subscribe selector={(state) => state.isSubmitting}>
+ *   {#snippet children(isSubmitting)}
+ *     <button type="submit" disabled={isSubmitting}>
+ *       {isSubmitting ? 'Saving...' : 'Save'}
+ *     </button>
+ *   {/snippet}
+ * </form.Subscribe>
+ * ```
+ */
+export type AnySvelteFormApi = AnyFormApi & SvelteTanStackFormComponents<any, any, any> & SvelteFormSelectors<any, any>;
+export type { SvelteFormComponentMap } from './AppForm/componentMap.public';

package/dist/formApiTypes.public.js

@@ -0,0 +1 @@
+export {};

package/dist/formType.public.d.ts

@@ -0,0 +1,7 @@
+import type { AnyFormOptions, FormOptions, FormValidators, ToFormErrorTypes } from '@tanstack/form-core';
+import type { AppFormOptions } from './AppForm/appFormOptions.public';
+import type { AnySvelteFormComponentMap, DefaultSvelteFormComponentMap } from './AppForm/componentMap.public';
+import type { SvelteFormApi } from './formApiTypes.public';
+type SvelteFormTypeErrorTypes<TValidators extends FormValidators<any>, TSubmitReturn> = unknown extends TSubmitReturn ? any : ToFormErrorTypes<TValidators, TSubmitReturn>;
+export type SvelteFormType<TOptions extends AnyFormOptions | AppFormOptions<any, any, any, AnySvelteFormComponentMap>> = TOptions extends AppFormOptions<infer TData, infer TValidators, infer TSubmitReturn, infer TComponents> ? SvelteFormApi<TData, SvelteFormTypeErrorTypes<TValidators, TSubmitReturn>, TComponents> : TOptions extends FormOptions<infer TData, infer TValidators, infer TSubmitReturn> ? SvelteFormApi<TData, SvelteFormTypeErrorTypes<TValidators, TSubmitReturn>, DefaultSvelteFormComponentMap> : never;
+export {};

package/dist/formType.public.js

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -1,7 +1,18 @@
 export * from '@tanstack/form-core';
-export { useSelector, useStore } from '@tanstack/svelte-store';
-export { createForm, type SvelteFormApi } from './createForm.svelte.js';
-export { default as Field, createField } from './Field.svelte';
-export { default as FormGroup, createFormGroup } from './FormGroup.svelte';
-export type { FieldComponent, FormGroupComponent } from './types.js';
-export { createFormCreator, createFormCreatorContexts, } from './createFormCreator.svelte.js';
+export * from '@tanstack/svelte-store';
+export * from './createForm.public';
+export * from './formApiTypes.public';
+export * from './formType.public';
+export * from './Components.public';
+export * from './Field.svelte';
+export { default as Field } from './Field.svelte';
+export * from './FormGroup.svelte';
+export { default as FormGroup } from './FormGroup.svelte';
+export * from './FieldGroup/FieldGroupApi.public';
+export * from './FieldGroup/withFields.public';
+export * from './AppForm/SvelteAppFormApi.public';
+export * from './AppForm/appFormOptions.public';
+export * from './AppForm/componentMap.public';
+export * from './AppForm/createFormHook.public';
+export * from './AppForm/createFormHookTypes.public';
+export * from './AppForm/getFormHookHelpers.public';

package/dist/index.js

@@ -1,6 +1,18 @@
 export * from '@tanstack/form-core';
-export { useSelector, useStore } from '@tanstack/svelte-store';
-export { createForm } from './createForm.svelte.js';
-export { default as Field, createField } from './Field.svelte';
-export { default as FormGroup, createFormGroup } from './FormGroup.svelte';
-export { createFormCreator, createFormCreatorContexts, } from './createFormCreator.svelte.js';
+export * from '@tanstack/svelte-store';
+export * from './createForm.public';
+export * from './formApiTypes.public';
+export * from './formType.public';
+export * from './Components.public';
+export * from './Field.svelte';
+export { default as Field } from './Field.svelte';
+export * from './FormGroup.svelte';
+export { default as FormGroup } from './FormGroup.svelte';
+export * from './FieldGroup/FieldGroupApi.public';
+export * from './FieldGroup/withFields.public';
+export * from './AppForm/SvelteAppFormApi.public';
+export * from './AppForm/appFormOptions.public';
+export * from './AppForm/componentMap.public';
+export * from './AppForm/createFormHook.public';
+export * from './AppForm/createFormHookTypes.public';
+export * from './AppForm/getFormHookHelpers.public';

package/dist/utils.lib.d.ts

@@ -0,0 +1 @@
+export declare function withComponentProps<TProps extends object, TExtra extends object>(props: TProps, extra: TExtra): TProps & TExtra;

package/dist/utils.lib.js

@@ -0,0 +1,28 @@
+export function withComponentProps(props, extra) {
+    return new Proxy(props, {
+        get(target, property, receiver) {
+            if (Reflect.has(extra, property))
+                return Reflect.get(extra, property);
+            return Reflect.get(target, property, receiver);
+        },
+        has(target, property) {
+            return Reflect.has(extra, property) || Reflect.has(target, property);
+        },
+        ownKeys(target) {
+            return [
+                ...new Set([...Reflect.ownKeys(target), ...Reflect.ownKeys(extra)]),
+            ];
+        },
+        getOwnPropertyDescriptor(target, property) {
+            if (Reflect.has(extra, property)) {
+                return {
+                    configurable: true,
+                    enumerable: true,
+                    value: Reflect.get(extra, property),
+                    writable: false,
+                };
+            }
+            return Reflect.getOwnPropertyDescriptor(target, property);
+        },
+    });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/svelte-form",
-  "version": "1.33.5",
+  "version": "2.0.0-alpha.1",
   "description": "Powerful, type-safe forms for Svelte.",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -27,19 +27,18 @@
   },
   "sideEffects": false,
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "dependencies": {
-    "@tanstack/svelte-store": "^0.12.0",
-    "@tanstack/form-core": "1.33.5"
+    "@tanstack/svelte-store": "^0.12.1",
+    "@tanstack/form-core": "2.0.0-alpha.1"
   },
   "devDependencies": {
     "@sveltejs/package": "^2.5.3",
-    "@sveltejs/vite-plugin-svelte": "^5.1.1",
+    "@sveltejs/vite-plugin-svelte": "^7.2.0",
     "@testing-library/svelte": "^5.2.8",
     "svelte": "^5.39.4",
-    "svelte-check": "^4.3.1"
+    "svelte-check": "^4.7.5"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"

package/dist/AppField.svelte

@@ -1,19 +0,0 @@
-<!-- Take "form" as an prop, pass it to context, and render children -->
-<script lang="ts">
-  import type { Snippet } from 'svelte'
-  import InnerAppField from './InnerAppField.svelte'
-
-  interface Props {
-    form: any
-    fieldComponents: any
-    children: Snippet
-    fieldProps: any
-  }
-  const { children: childrenProp, form, fieldComponents, fieldProps }: Props = $props()
-</script>
-
-<form.Field {...fieldProps}>
-  {#snippet children(field: any)}
-    <InnerAppField field={field} children={childrenProp} fieldComponents={fieldComponents}/>
-  {/snippet}
-</form.Field>

package/dist/AppField.svelte.d.ts

@@ -1,10 +0,0 @@
-import type { Snippet } from 'svelte';
-interface Props {
-    form: any;
-    fieldComponents: any;
-    children: Snippet;
-    fieldProps: any;
-}
-declare const AppField: import("svelte").Component<Props, {}, "">;
-type AppField = ReturnType<typeof AppField>;
-export default AppField;

package/dist/AppForm.svelte

@@ -1,16 +0,0 @@
-<!-- Take "form" as an prop, pass it to context, and render children -->
-<script lang="ts">
-  import { setContext, type Snippet } from 'svelte'
-  import { formContextKey } from './context-keys.js'
-
-  interface Props {
-    form: any
-    children: Snippet
-  }
-
-  const { children, form }: Props = $props()
-
-  setContext(formContextKey, form)
-</script>
-
-{@render children?.()}

package/dist/InnerAppField.svelte

@@ -1,17 +0,0 @@
-<!-- Take "form" as an prop, pass it to context, and render children -->
-<script lang="ts">
-  import { setContext, type Snippet } from 'svelte'
-  import { fieldContextKey } from './context-keys.js'
-
-  interface Props {
-    field: any
-    fieldComponents: any
-    children: Snippet<[any]>
-  }
-
-  const { children, field, fieldComponents }: Props = $props()
-
-  setContext(fieldContextKey, field)
-</script>
-
-{@render children?.(Object.assign(field, fieldComponents))}

package/dist/InnerAppField.svelte.d.ts

@@ -1,9 +0,0 @@
-import { type Snippet } from 'svelte';
-interface Props {
-    field: any;
-    fieldComponents: any;
-    children: Snippet<[any]>;
-}
-declare const InnerAppField: import("svelte").Component<Props, {}, "">;
-type InnerAppField = ReturnType<typeof InnerAppField>;
-export default InnerAppField;

package/dist/createFormCreator.svelte.d.ts

@@ -1,26 +0,0 @@
-import type { FieldApi, FormAsyncValidateOrFn, FormOptions, FormValidateOrFn } from '@tanstack/form-core';
-import type { FieldComponent } from './types.js';
-import type { SvelteFormExtendedApi } from './createForm.svelte';
-import type { Component, Snippet } from 'svelte';
-export declare function createFormCreatorContexts(): {
-    useFieldContext: <TData>() => FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>;
-    useFormContext: () => SvelteFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;
-};
-interface CreateFormRuneProps<TFieldComponents extends Record<string, Component<any, any>>, TFormComponents extends Record<string, Component<any, any>>> {
-    fieldComponents: TFieldComponents;
-    formComponents: TFormComponents;
-}
-/**
- * @private
- */
-type AppFieldExtendedSvelteFormApi<TFormData, TOnMount extends undefined | FormValidateOrFn<TFormData>, TOnChange extends undefined | FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnDynamic extends undefined | FormValidateOrFn<TFormData>, TOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>, TSubmitMeta, TFieldComponents extends Record<string, Component<any, any>>, TFormComponents extends Record<string, Component<any, any>>> = SvelteFormExtendedApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta> & NoInfer<TFormComponents> & {
-    AppField: FieldComponent<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, NoInfer<TFieldComponents>>;
-    AppForm: Component<{
-        children: Snippet;
-    }>;
-};
-export declare function createFormCreator<const TComponents extends Record<string, Component<any, any>>, const TFormComponents extends Record<string, Component<any, any>>>({ fieldComponents, formComponents, }: CreateFormRuneProps<TComponents, TFormComponents>): {
-    createAppForm: <TFormData, TOnMount extends undefined | FormValidateOrFn<TFormData>, TOnChange extends undefined | FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnDynamic extends undefined | FormValidateOrFn<TFormData>, TOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>, TSubmitMeta>(props: () => FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => AppFieldExtendedSvelteFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, TComponents, TFormComponents>;
-    getFormType: <TFormData, TOnMount extends undefined | FormValidateOrFn<TFormData>, TOnChange extends undefined | FormValidateOrFn<TFormData>, TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnBlur extends undefined | FormValidateOrFn<TFormData>, TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnSubmit extends undefined | FormValidateOrFn<TFormData>, TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnDynamic extends undefined | FormValidateOrFn<TFormData>, TOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TFormData>, TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>, TSubmitMeta>(_formProps: FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => AppFieldExtendedSvelteFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, TComponents, TFormComponents>;
-};
-export {};

package/dist/createFormCreator.svelte.js

@@ -1,51 +0,0 @@
-import { getContext } from 'svelte';
-import { createForm } from './createForm.svelte';
-import AppFormSvelte from './AppForm.svelte';
-import AppFieldSvelte from './AppField.svelte';
-import { fieldContextKey, formContextKey } from './context-keys.js';
-export function createFormCreatorContexts() {
-    function useFieldContext() {
-        const field = getContext(fieldContextKey);
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        if (!field) {
-            throw new Error('`fieldContext` only works when within a `fieldComponent` passed to `createFormCreator`');
-        }
-        return field;
-    }
-    function useFormContext() {
-        const form = getContext(formContextKey);
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        if (!form) {
-            throw new Error('`formContext` only works when within a `formComponent` passed to `createFormCreator`');
-        }
-        return form;
-    }
-    return { useFieldContext, useFormContext };
-}
-export function createFormCreator({ fieldComponents, formComponents, }) {
-    function createAppForm(props) {
-        const form = createForm(props);
-        const AppForm = ((internal, props) => {
-            return AppFormSvelte(internal, { ...props, form });
-        });
-        const AppField = ((internal, { children, ...fieldProps }) => AppFieldSvelte(internal, {
-            fieldProps,
-            form,
-            fieldComponents,
-            children,
-        }));
-        const extendedForm = Object.assign(form, {
-            AppField,
-            AppForm,
-            ...formComponents,
-        });
-        return extendedForm;
-    }
-    function getFormType(_formProps) {
-        return undefined;
-    }
-    return {
-        createAppForm,
-        getFormType,
-    };
-}

package/dist/types.d.ts

@@ -1,21 +0,0 @@
-import type { DeepKeys, DeepValue, FieldApi, FieldApiOptions, FieldAsyncValidateOrFn, FieldValidateOrFn, FormAsyncValidateOrFn, FormGroupApi, FormGroupApiOptions, FormGroupAsyncValidateOrFn, FormGroupValidateOrFn, FormValidateOrFn } from '@tanstack/form-core';
-import type { Component, ComponentConstructorOptions, Snippet, SvelteComponent } from 'svelte';
-export type CreateFieldOptions<TParentData, TName extends DeepKeys<TParentData>, TData extends DeepValue<TParentData, TName>, TOnMount extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnChange extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnChangeAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, TOnBlur extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnBlurAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, TOnSubmit extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnSubmitAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, TOnDynamic extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnDynamicAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, TFormOnMount extends undefined | FormValidateOrFn<TParentData>, TFormOnChange extends undefined | FormValidateOrFn<TParentData>, TFormOnChangeAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnBlur extends undefined | FormValidateOrFn<TParentData>, TFormOnBlurAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnSubmit extends undefined | FormValidateOrFn<TParentData>, TFormOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnDynamic extends undefined | FormValidateOrFn<TParentData>, TFormOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnServer extends undefined | FormAsyncValidateOrFn<TParentData>, TSubmitMeta> = FieldApiOptions<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer, TSubmitMeta> & {
-    mode?: 'value' | 'array';
-};
-export type WithoutFunction<T> = {
-    [K in keyof T as T[K] extends Function ? never : K]: T[K];
-};
-export type FieldComponent<TParentData, TFormOnMount extends undefined | FormValidateOrFn<TParentData>, TFormOnChange extends undefined | FormValidateOrFn<TParentData>, TFormOnChangeAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnBlur extends undefined | FormValidateOrFn<TParentData>, TFormOnBlurAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnSubmit extends undefined | FormValidateOrFn<TParentData>, TFormOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnDynamic extends undefined | FormValidateOrFn<TParentData>, TFormOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnServer extends undefined | FormAsyncValidateOrFn<TParentData>, TParentSubmitMeta, ExtendedApi = {}> = (<TName extends DeepKeys<TParentData>, TData extends DeepValue<TParentData, TName>, TOnMount extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnChange extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnChangeAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, TOnBlur extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnBlurAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, TOnSubmit extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnSubmitAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, TOnDynamic extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnDynamicAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>>(internal: any, { children, ...fieldOptions }: Omit<FieldComponentProps<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer, TParentSubmitMeta, ExtendedApi>, 'form'>) => {}) & (new <TName extends DeepKeys<TParentData>, TData extends DeepValue<TParentData, TName>, TOnMount extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnChange extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnChangeAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, TOnBlur extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnBlurAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, TOnSubmit extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnSubmitAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, TOnDynamic extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnDynamicAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>>(opts: ComponentConstructorOptions<Omit<FieldComponentProps<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer, TParentSubmitMeta, ExtendedApi>, 'form'>>) => SvelteComponent) & WithoutFunction<Component>;
-type FieldComponentProps<TParentData, TName extends DeepKeys<TParentData>, TData extends DeepValue<TParentData, TName>, TOnMount extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnChange extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnChangeAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, TOnBlur extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnBlurAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, TOnSubmit extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnSubmitAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, TOnDynamic extends undefined | FieldValidateOrFn<TParentData, TName, TData>, TOnDynamicAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, TFormOnMount extends undefined | FormValidateOrFn<TParentData>, TFormOnChange extends undefined | FormValidateOrFn<TParentData>, TFormOnChangeAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnBlur extends undefined | FormValidateOrFn<TParentData>, TFormOnBlurAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnSubmit extends undefined | FormValidateOrFn<TParentData>, TFormOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnDynamic extends undefined | FormValidateOrFn<TParentData>, TFormOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnServer extends undefined | FormAsyncValidateOrFn<TParentData>, TParentSubmitMeta, ExtendedApi = {}> = {
-    children: Snippet<[
-        FieldApi<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer, TParentSubmitMeta> & ExtendedApi
-    ]>;
-} & Omit<CreateFieldOptions<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer, TParentSubmitMeta>, 'form'>;
-export type FormGroupComponent<TParentData, TFormOnMount extends undefined | FormValidateOrFn<TParentData>, TFormOnChange extends undefined | FormValidateOrFn<TParentData>, TFormOnChangeAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnBlur extends undefined | FormValidateOrFn<TParentData>, TFormOnBlurAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnSubmit extends undefined | FormValidateOrFn<TParentData>, TFormOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnDynamic extends undefined | FormValidateOrFn<TParentData>, TFormOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnServer extends undefined | FormAsyncValidateOrFn<TParentData>, TParentSubmitMeta, ExtendedApi = {}> = (<TName extends DeepKeys<TParentData>, TData extends DeepValue<TParentData, TName>, TOnMount extends undefined | FormGroupValidateOrFn<TParentData, TName, TData>, TOnChange extends undefined | FormGroupValidateOrFn<TParentData, TName, TData>, TOnChangeAsync extends undefined | FormGroupAsyncValidateOrFn<TParentData, TName, TData>, TOnBlur extends undefined | FormGroupValidateOrFn<TParentData, TName, TData>, TOnBlurAsync extends undefined | FormGroupAsyncValidateOrFn<TParentData, TName, TData>, TOnSubmit extends undefined | FormGroupValidateOrFn<TParentData, TName, TData>, TOnSubmitAsync extends undefined | FormGroupAsyncValidateOrFn<TParentData, TName, TData>, TOnDynamic extends undefined | FormGroupValidateOrFn<TParentData, TName, TData>, TOnDynamicAsync extends undefined | FormGroupAsyncValidateOrFn<TParentData, TName, TData>, TSubmitMeta>(internal: any, { children, ...formGroupOptions }: Omit<FormGroupComponentProps<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TSubmitMeta, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer, TParentSubmitMeta, ExtendedApi>, 'form'>) => {}) & (new <TName extends DeepKeys<TParentData>, TData extends DeepValue<TParentData, TName>, TOnMount extends undefined | FormGroupValidateOrFn<TParentData, TName, TData>, TOnChange extends undefined | FormGroupValidateOrFn<TParentData, TName, TData>, TOnChangeAsync extends undefined | FormGroupAsyncValidateOrFn<TParentData, TName, TData>, TOnBlur extends undefined | FormGroupValidateOrFn<TParentData, TName, TData>, TOnBlurAsync extends undefined | FormGroupAsyncValidateOrFn<TParentData, TName, TData>, TOnSubmit extends undefined | FormGroupValidateOrFn<TParentData, TName, TData>, TOnSubmitAsync extends undefined | FormGroupAsyncValidateOrFn<TParentData, TName, TData>, TOnDynamic extends undefined | FormGroupValidateOrFn<TParentData, TName, TData>, TOnDynamicAsync extends undefined | FormGroupAsyncValidateOrFn<TParentData, TName, TData>, TSubmitMeta>(opts: ComponentConstructorOptions<Omit<FormGroupComponentProps<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TSubmitMeta, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer, TParentSubmitMeta, ExtendedApi>, 'form'>>) => SvelteComponent) & WithoutFunction<Component>;
-type FormGroupComponentProps<TParentData, TName extends DeepKeys<TParentData>, TData extends DeepValue<TParentData, TName>, TOnMount extends undefined | FormGroupValidateOrFn<TParentData, TName, TData>, TOnChange extends undefined | FormGroupValidateOrFn<TParentData, TName, TData>, TOnChangeAsync extends undefined | FormGroupAsyncValidateOrFn<TParentData, TName, TData>, TOnBlur extends undefined | FormGroupValidateOrFn<TParentData, TName, TData>, TOnBlurAsync extends undefined | FormGroupAsyncValidateOrFn<TParentData, TName, TData>, TOnSubmit extends undefined | FormGroupValidateOrFn<TParentData, TName, TData>, TOnSubmitAsync extends undefined | FormGroupAsyncValidateOrFn<TParentData, TName, TData>, TOnDynamic extends undefined | FormGroupValidateOrFn<TParentData, TName, TData>, TOnDynamicAsync extends undefined | FormGroupAsyncValidateOrFn<TParentData, TName, TData>, TSubmitMeta, TFormOnMount extends undefined | FormValidateOrFn<TParentData>, TFormOnChange extends undefined | FormValidateOrFn<TParentData>, TFormOnChangeAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnBlur extends undefined | FormValidateOrFn<TParentData>, TFormOnBlurAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnSubmit extends undefined | FormValidateOrFn<TParentData>, TFormOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnDynamic extends undefined | FormValidateOrFn<TParentData>, TFormOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TParentData>, TFormOnServer extends undefined | FormAsyncValidateOrFn<TParentData>, TParentSubmitMeta, ExtendedApi = {}> = {
-    children: Snippet<[
-        FormGroupApi<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TSubmitMeta, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer, TParentSubmitMeta> & ExtendedApi
-    ]>;
-} & FormGroupApiOptions<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TSubmitMeta, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer, TParentSubmitMeta>;
-export {};

package/src/AppField.svelte

@@ -1,19 +0,0 @@
-<!-- Take "form" as an prop, pass it to context, and render children -->
-<script lang="ts">
-  import type { Snippet } from 'svelte'
-  import InnerAppField from './InnerAppField.svelte'
-
-  interface Props {
-    form: any
-    fieldComponents: any
-    children: Snippet
-    fieldProps: any
-  }
-  const { children: childrenProp, form, fieldComponents, fieldProps }: Props = $props()
-</script>
-
-<form.Field {...fieldProps}>
-  {#snippet children(field: any)}
-    <InnerAppField field={field} children={childrenProp} fieldComponents={fieldComponents}/>
-  {/snippet}
-</form.Field>

package/src/AppForm.svelte

@@ -1,16 +0,0 @@
-<!-- Take "form" as an prop, pass it to context, and render children -->
-<script lang="ts">
-  import { setContext, type Snippet } from 'svelte'
-  import { formContextKey } from './context-keys.js'
-
-  interface Props {
-    form: any
-    children: Snippet
-  }
-
-  const { children, form }: Props = $props()
-
-  setContext(formContextKey, form)
-</script>
-
-{@render children?.()}