@tanstack/svelte-form 2.0.0-alpha.0 → 2.0.0-alpha.2

package/dist/AppForm/createFormHook.public.d.ts

@@ -1,3 +1,6 @@
-import type { AnySvelteFormComponentMap } from './componentMap.public';
-import type { AppFormHookResult } from './createFormHookTypes.public';
-export declare function createFormHook<const TComponents extends AnySvelteFormComponentMap>(createOptions: TComponents): AppFormHookResult<TComponents>;
+import type { AppFormHookResult, CreateFormHookOptions } from './createFormHookTypes.public';
+import type { Component } from 'svelte';
+export declare function createFormHook<const TFormComponents extends Record<string, Component<any>>, const TFieldComponents extends Record<string, Component<any>>>(createOptions: CreateFormHookOptions<TFormComponents, TFieldComponents>): AppFormHookResult<{
+    formComponents: TFormComponents;
+    fieldComponents: TFieldComponents;
+}>;

package/dist/AppForm/createFormHook.public.js

@@ -1,10 +1,8 @@
+import { formOptions } from '@tanstack/form-core';
 import { createInternalForm } from '../createForm.svelte';
 import { defineFieldGroup } from '../FieldGroup/withFields.public';
 import { createAppFormInitializer } from './initializeAppForm.lib';
 import { useFormContext } from './contexts.lib';
-const appFormOptions = ((opts) => opts);
-appFormOptions.strictSchema = (opts) => opts;
-appFormOptions.looseSchema = (opts) => opts;
 export function createFormHook(createOptions) {
     const initializeAppForm = createAppFormInitializer(createOptions);
     function useExtendedForm(options) {
@@ -13,7 +11,7 @@ export function createFormHook(createOptions) {
     const useAppForm = useExtendedForm;
     return {
         useFormContext: useFormContext,
-        appFormOptions,
+        appFormOptions: formOptions,
         defineAppFieldGroup: defineFieldGroup,
         useAppForm,
     };

package/dist/AppForm/createFormHookTypes.public.d.ts

@@ -1,11 +1,87 @@
-import type { AppFormOptionsApi } from './appFormOptions.public';
-import type { AnySvelteFormComponentMap } from './componentMap.public';
+import type { AnySvelteFormComponentMap, SvelteFormComponentMap } from './componentMap.public';
 import type { SvelteAppFormApi } from './SvelteAppFormApi.public';
 import type { DefineFieldGroupFn } from '../FieldGroup/withFields.public';
-import type { FormOptions, FormValidators, ToFormErrorTypes } from '@tanstack/form-core';
-export type UseAppFormHook<TComponents extends AnySvelteFormComponentMap> = <TFormData, TFormValidators extends FormValidators<TFormData>, TSubmitReturn>(options: () => FormOptions<TFormData, TFormValidators, TSubmitReturn>) => SvelteAppFormApi<TFormData, ToFormErrorTypes<TFormValidators, TSubmitReturn>, TComponents>;
+import type { Component } from 'svelte';
+import type { DefaultFieldOptions, DefaultFormGroupOptions, DefaultFormOptions, FormOptions, FormOptionsApi, FormValidators, ToFormErrorTypes } from '@tanstack/form-core';
+/**
+ * Configures the components and reusable defaults returned by
+ * `createFormHook`.
+ *
+ * Form core resolves each default object before the corresponding usage-site
+ * options. Non-listener properties passed at the usage site take precedence,
+ * including when explicitly set to `undefined`. Listener arrays follow the
+ * configured `listenersMerge` strategy.
+ *
+ * @example
+ * ```ts
+ * const { useAppForm } = createFormHook({
+ *   formComponents: {},
+ *   fieldComponents: {
+ *     TextField,
+ *   },
+ *   defaultFormOptions: {
+ *     errorVisibility: ({ fieldState }) => fieldState.meta.isBlurred,
+ *   },
+ *   defaultFieldOptions: {
+ *     errorBoundary: true,
+ *   },
+ * })
+ * ```
+ *
+ * @typeParam TFormComponents - Library-managed. Do not specify explicitly.
+ * @typeParam TFieldComponents - Library-managed. Do not specify explicitly.
+ */
+export interface CreateFormHookOptions<TFormComponents extends Record<string, Component<any>>, TFieldComponents extends Record<string, Component<any>>> extends SvelteFormComponentMap<TFormComponents, TFieldComponents> {
+    /**
+     * Defaults for every form created by `useAppForm`.
+     *
+     * Non-listener options returned by the `useAppForm` options accessor
+     * override these defaults, including when explicitly set to `undefined`.
+     * Listener arrays follow `listenersMerge`.
+     *
+     * @example
+     * ```ts
+     * defaultFormOptions: {
+     *   errorVisibility: ({ state }) => state.submissionAttempts > 0,
+     * },
+     * ```
+     */
+    defaultFormOptions?: DefaultFormOptions;
+    /**
+     * Defaults for every field and array-field component owned by the form.
+     *
+     * Non-listener options passed to the component override these defaults,
+     * including when explicitly set to `undefined`. Listener arrays follow
+     * `listenersMerge`. This includes `group.Field` and `group.ArrayField`.
+     *
+     * @example
+     * ```ts
+     * defaultFieldOptions: {
+     *   errorVisibility: ({ fieldState }) => fieldState.meta.isBlurred,
+     * },
+     * ```
+     */
+    defaultFieldOptions?: DefaultFieldOptions;
+    /**
+     * Defaults for every `form.FormGroup` component.
+     *
+     * Options passed to the component override these defaults, including when
+     * an option is explicitly `undefined`.
+     *
+     * @example
+     * ```ts
+     * defaultFormGroupOptions: {
+     *   onSubmitInvalid: ({ groupApi }) => {
+     *     console.error('Invalid group', groupApi.name)
+     *   },
+     * },
+     * ```
+     */
+    defaultFormGroupOptions?: DefaultFormGroupOptions;
+}
+export type UseAppFormHook<TComponents extends AnySvelteFormComponentMap> = <TFormData, TFormValidators extends FormValidators<TFormData>, TSubmitReturn>(options: () => FormOptions<TFormData, TFormValidators, TSubmitReturn, unknown>) => SvelteAppFormApi<TFormData, ToFormErrorTypes<TFormValidators, TSubmitReturn>, TComponents>;
 export interface AppFormHookResult<TComponents extends AnySvelteFormComponentMap> {
-    appFormOptions: AppFormOptionsApi<TComponents>;
+    appFormOptions: FormOptionsApi<TComponents>;
     defineAppFieldGroup: DefineFieldGroupFn<TComponents['fieldComponents']>;
     useAppForm: UseAppFormHook<TComponents>;
     useFormContext: () => SvelteAppFormApi<any, any, TComponents>;

package/dist/AppForm/initializeAppForm.lib.d.ts

@@ -1,4 +1,12 @@
-import type { FormOptions } from '@tanstack/form-core';
+import type { DefaultFieldOptions, DefaultFormGroupOptions, DefaultFormOptions, FormOptions } from '@tanstack/form-core';
 import type { InternalSvelteFormApi } from '../createForm.svelte.js';
-import type { AnySvelteFormComponentMap } from './componentMap.public';
-export declare function createAppFormInitializer<TComponents extends AnySvelteFormComponentMap>(createOptions: TComponents): (options: FormOptions<any, any, any>) => InternalSvelteFormApi;
+import type { Component } from 'svelte';
+interface AnyCreateFormHookOptions {
+    formComponents: Record<string, Component<any>>;
+    fieldComponents: Record<string, Component<any>>;
+    defaultFormOptions?: DefaultFormOptions;
+    defaultFieldOptions?: DefaultFieldOptions;
+    defaultFormGroupOptions?: DefaultFormGroupOptions;
+}
+export declare function createAppFormInitializer(createOptions: AnyCreateFormHookOptions): (options: FormOptions<any, any, any, unknown>) => InternalSvelteFormApi;
+export {};

package/dist/AppForm/initializeAppForm.lib.js

@@ -1,5 +1,15 @@
 import { InternalFormApi } from '@tanstack/form-core/internals';
 import { attachSvelteAppFormComponents } from './Components.lib';
 export function createAppFormInitializer(createOptions) {
-    return (options) => attachSvelteAppFormComponents(new InternalFormApi(options), createOptions.formComponents, createOptions.fieldComponents);
+    const hasDefaultOptions = createOptions.defaultFormOptions ||
+        createOptions.defaultFieldOptions ||
+        createOptions.defaultFormGroupOptions;
+    const defaultOptions = hasDefaultOptions
+        ? {
+            form: createOptions.defaultFormOptions,
+            field: createOptions.defaultFieldOptions,
+            formGroup: createOptions.defaultFormGroupOptions,
+        }
+        : undefined;
+    return (options) => attachSvelteAppFormComponents(new InternalFormApi(options, defaultOptions), createOptions.formComponents, createOptions.fieldComponents);
 }

package/dist/Components.public.d.ts

@@ -21,7 +21,7 @@ interface SvelteSubscribeProps<TSourceData, TSelected> {
     children: Snippet<[NoInfer<TSelected>]>;
 }
 export type SvelteFormSubscribeProps<TFormData, TFormErrorTypes extends FormErrorTypes, TSelected> = SvelteSubscribeProps<FormState<TFormData, TFormErrorTypes>, TSelected>;
-export type SvelteFormSubscribeComponent<TFormData, TFormErrorTypes extends FormErrorTypes> = (new <TSelected>(options: ComponentConstructorOptions<SvelteFormSubscribeProps<TFormData, TFormErrorTypes, TSelected>>) => SvelteComponent) & Component<any> & WithoutFunction<Component>;
+export type SvelteFormSubscribeComponent<TFormData, TFormErrorTypes extends FormErrorTypes> = (new <const TSelected>(options: ComponentConstructorOptions<SvelteFormSubscribeProps<TFormData, TFormErrorTypes, TSelected>>) => SvelteComponent) & Component<any> & WithoutFunction<Component>;
 export interface SvelteFormFieldProps<TFieldData, TFieldName, TFieldValue, TFieldValidators extends FieldValidators<TFieldData, TFieldName, TFieldValue>, TGroupFieldError, TFormData, TFormErrorTypes extends FormErrorTypes, TFieldComponents extends Record<string, Component<any>>> extends FieldApiOptions<TFieldData, TFieldName, TFieldValue, TFieldValidators, TGroupFieldError, TFormData, TFormErrorTypes> {
     children: Snippet<[
         SvelteFieldApi<TFieldName, TFieldValue, ToFieldError<NoInfer<TFieldValidators>, TGroupFieldError, TFormErrorTypes>, TFormData, TFormErrorTypes, TFieldComponents>
@@ -29,7 +29,7 @@ export interface SvelteFormFieldProps<TFieldData, TFieldName, TFieldValue, TFiel
 }
 export type SvelteFormFieldComponent<TFormData, TFormErrorTypes extends FormErrorTypes, TFieldComponents extends Record<string, Component<any>>> = (new <TFieldName extends DeepKeys<TFormData>, const TFieldValidators extends FieldValidators<TFormData, TFieldName, DeepValue<TFormData, TFieldName>>>(options: ComponentConstructorOptions<SvelteFormFieldProps<TFormData, TFieldName, DeepValue<TFormData, TFieldName>, TFieldValidators, never, TFormData, TFormErrorTypes, TFieldComponents>>) => SvelteComponent) & Component<any> & WithoutFunction<Component>;
 export type SvelteFormArrayFieldComponent<TFormData, TFormErrorTypes extends FormErrorTypes, TFieldComponents extends Record<string, Component<any>>> = (new <TFieldName extends DeepKeysWhereValueIncludes<TFormData, Array<any>>, const TFieldValidators extends FieldValidators<TFormData, TFieldName, DeepValue<TFormData, TFieldName>>>(options: ComponentConstructorOptions<SvelteFormFieldProps<TFormData, TFieldName, DeepValue<TFormData, TFieldName>, TFieldValidators, never, TFormData, TFormErrorTypes, TFieldComponents>>) => SvelteComponent) & Component<any> & WithoutFunction<Component>;
-export type SvelteFormGroupSubscribeComponent<TGroupValue, TGroupErrorTypes extends FormErrorTypes> = (new <TSelected>(options: ComponentConstructorOptions<SvelteSubscribeProps<FormGroupState<TGroupValue, TGroupErrorTypes>, TSelected>>) => SvelteComponent) & Component<any> & WithoutFunction<Component>;
+export type SvelteFormGroupSubscribeComponent<TGroupValue, TGroupErrorTypes extends FormErrorTypes> = (new <const TSelected>(options: ComponentConstructorOptions<SvelteSubscribeProps<FormGroupState<TGroupValue, TGroupErrorTypes>, TSelected>>) => SvelteComponent) & Component<any> & WithoutFunction<Component>;
 export type SvelteFormGroupFieldComponent<TFormData, TGroupValue, TGroupErrorTypes extends FormErrorTypes, TFormErrorTypes extends FormErrorTypes, TFieldComponents extends Record<string, Component<any>>> = (new <TFieldName extends DeepKeys<TGroupValue>, const TFieldValidators extends FieldValidators<TGroupValue, TFieldName, DeepValue<TGroupValue, TFieldName>>>(options: ComponentConstructorOptions<SvelteFormFieldProps<TGroupValue, TFieldName, DeepValue<TGroupValue, TFieldName>, TFieldValidators, TGroupErrorTypes['fieldError'], TFormData, TFormErrorTypes, TFieldComponents>>) => SvelteComponent) & Component<any> & WithoutFunction<Component>;
 export type SvelteFormGroupArrayFieldComponent<TFormData, TGroupValue, TGroupErrorTypes extends FormErrorTypes, TFormErrorTypes extends FormErrorTypes, TFieldComponents extends Record<string, Component<any>>> = (new <TFieldName extends DeepKeysWhereValueIncludes<TGroupValue, Array<any>>, const TFieldValidators extends FieldValidators<TGroupValue, TFieldName, DeepValue<TGroupValue, TFieldName>>>(options: ComponentConstructorOptions<SvelteFormFieldProps<TGroupValue, TFieldName, DeepValue<TGroupValue, TFieldName>, TFieldValidators, TGroupErrorTypes['fieldError'], TFormData, TFormErrorTypes, TFieldComponents>>) => SvelteComponent) & Component<any> & WithoutFunction<Component>;
 export interface SvelteFormGroupApi<TFormData, TGroupName, TGroupValue, TGroupErrorTypes extends FormErrorTypes, TFormErrorTypes extends FormErrorTypes, TFieldComponents extends Record<string, Component<any>>> extends FormGroupApi<TFormData, TGroupName, TGroupValue, TGroupErrorTypes, TFormErrorTypes> {

package/dist/Field.svelte

@@ -79,14 +79,17 @@
     const fieldApi = $derived.by(() => {
       resetVersion.current
       const current = options()
-      return current.form._getOrCreateFieldApi({
-        ...current,
-        name: current.name,
-      } as never)
+      return current.form._getOrCreateFieldApi(
+        {
+          ...current,
+          name: current.name,
+        } as never,
+        'field',
+      )
     })
 
     $effect.pre(() => {
-      fieldApi._update(options() as InternalFieldOptions)
+      fieldApi._update(options() as InternalFieldOptions, 'field')
     })
 
     $effect(() => fieldApi._register())

package/dist/FieldGroup/FieldGroupApi.public.d.ts

@@ -4,7 +4,7 @@ import type { SvelteFormFieldProps, SvelteFormSubscribeProps, WithoutFunction }
 import type { ReadonlyAtom } from '@tanstack/svelte-store';
 export type FieldGroupFieldComponent<TFieldData, TFieldComponents extends Record<string, Component<any>>> = (new <const TFieldName extends DeepKeys<TFieldData>>(options: ComponentConstructorOptions<SvelteFormFieldProps<TFieldData, TFieldName, DeepValue<TFieldData, TFieldName>, FieldValidators<TFieldData, TFieldName, DeepValue<TFieldData, TFieldName>>, ValidationIssue, unknown, FormErrorTypes, TFieldComponents>>) => SvelteComponent) & Component<any> & WithoutFunction<Component>;
 export type FieldGroupArrayFieldComponent<TFieldData, TFieldComponents extends Record<string, Component<any>>> = (new <const TFieldName extends DeepKeysWhereValueIncludes<TFieldData, Array<any>>>(options: ComponentConstructorOptions<SvelteFormFieldProps<TFieldData, TFieldName, DeepValue<TFieldData, TFieldName>, FieldValidators<TFieldData, TFieldName, DeepValue<TFieldData, TFieldName>>, ValidationIssue, unknown, FormErrorTypes, TFieldComponents>>) => SvelteComponent) & Component<any> & WithoutFunction<Component>;
-export type FieldGroupSubscribeComponent = (new <TSelected>(options: ComponentConstructorOptions<SvelteFormSubscribeProps<unknown, FormErrorTypes, TSelected>>) => SvelteComponent) & Component<any> & WithoutFunction<Component>;
+export type FieldGroupSubscribeComponent = (new <const TSelected>(options: ComponentConstructorOptions<SvelteFormSubscribeProps<unknown, FormErrorTypes, TSelected>>) => SvelteComponent) & Component<any> & WithoutFunction<Component>;
 export interface FieldGroupApi<TFieldData, TFieldComponents extends Record<string, Component<any>> = Record<never, never>> extends FormApiFieldMethods<TFieldData>, FormApiArrayMethods<TFieldData> {
     atom: ReadonlyAtom<TFieldData>;
     Field: FieldGroupFieldComponent<TFieldData, TFieldComponents>;

package/dist/createForm.public.d.ts

@@ -1,5 +1,27 @@
 import type { FormOptions, FormValidators, ToFormErrorTypes } from '@tanstack/form-core';
 import type { SvelteFormApi } from './formApiTypes.public';
 import type { DefaultSvelteFormComponentMap } from './AppForm/componentMap.public';
-export type CreateForm = <TFormData, const TFormValidators extends FormValidators<TFormData>, TSubmitReturn>(options: () => FormOptions<TFormData, TFormValidators, TSubmitReturn>) => SvelteFormApi<TFormData, ToFormErrorTypes<TFormValidators, TSubmitReturn>, DefaultSvelteFormComponentMap>;
+export type CreateForm = <TFormData, const TFormValidators extends FormValidators<TFormData>, TSubmitReturn>(options: () => FormOptions<TFormData, TFormValidators, TSubmitReturn, unknown>) => SvelteFormApi<TFormData, ToFormErrorTypes<TFormValidators, TSubmitReturn>, DefaultSvelteFormComponentMap>;
+/**
+ * Creates a Svelte form whose instance and lifecycle are owned by the current
+ * component.
+ *
+ * Pass an options function. `defaultValues` establish the initial state and
+ * inferred form value type, while reactive values read by the function update
+ * the same form instance when they change.
+ *
+ * Call this during component initialization. The form mounts with the
+ * component and is cleaned up when the component unmounts.
+ *
+ * @example
+ * ```ts
+ * const form = createForm(() => ({
+ *   defaultValues: { name: '' },
+ *   onSubmit: ({ value }) => saveProfile(value),
+ * }))
+ * ```
+ *
+ * @returns The Svelte form API with typed field, subscription, and form-group
+ * components attached.
+ */
 export declare const createForm: CreateForm;

package/dist/createForm.public.js

@@ -2,4 +2,26 @@ import { createInternalForm, initializeForm } from './createForm.svelte';
 function createFormImpl(options) {
     return createInternalForm(options, initializeForm);
 }
+/**
+ * Creates a Svelte form whose instance and lifecycle are owned by the current
+ * component.
+ *
+ * Pass an options function. `defaultValues` establish the initial state and
+ * inferred form value type, while reactive values read by the function update
+ * the same form instance when they change.
+ *
+ * Call this during component initialization. The form mounts with the
+ * component and is cleaned up when the component unmounts.
+ *
+ * @example
+ * ```ts
+ * const form = createForm(() => ({
+ *   defaultValues: { name: '' },
+ *   onSubmit: ({ value }) => saveProfile(value),
+ * }))
+ * ```
+ *
+ * @returns The Svelte form API with typed field, subscription, and form-group
+ * components attached.
+ */
 export const createForm = createFormImpl;

package/dist/createForm.svelte.d.ts

@@ -9,5 +9,5 @@ export interface InternalSvelteFormApi extends AnyInternalFormApi, SvelteTanStac
     };
 }
 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;
+export declare function initializeForm(options: FormOptions<any, any, any, unknown>): InternalSvelteFormApi;
+export declare function createInternalForm(options: () => FormOptions<any, any, any, unknown>, initialize: (options: FormOptions<any, any, any, unknown>) => InternalSvelteFormApi): InternalSvelteFormApi;

package/dist/formApiTypes.public.d.ts

@@ -9,5 +9,29 @@ export interface SvelteFormSelectors<TFormData, TFormErrorTypes extends FormErro
 }
 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/formType.public.d.ts

@@ -1,7 +1,6 @@
 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 type SvelteFormType<TOptions extends AnyFormOptions> = TOptions extends FormOptions<infer TData, infer TValidators, infer TSubmitReturn, infer TComponents> ? SvelteFormApi<TData, SvelteFormTypeErrorTypes<TValidators, TSubmitReturn>, TComponents extends AnySvelteFormComponentMap ? TComponents : DefaultSvelteFormComponentMap> : never;
 export {};

package/dist/index.d.ts

@@ -4,12 +4,13 @@ export * from './createForm.public';
 export * from './formApiTypes.public';
 export * from './formType.public';
 export * from './Components.public';
-export { default as Field, createField } from './Field.svelte';
-export { default as FormGroup, createFormGroup } from './FormGroup.svelte';
+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';

package/dist/index.js

@@ -4,12 +4,13 @@ export * from './createForm.public';
 export * from './formApiTypes.public';
 export * from './formType.public';
 export * from './Components.public';
-export { default as Field, createField } from './Field.svelte';
-export { default as FormGroup, createFormGroup } from './FormGroup.svelte';
+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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/svelte-form",
-  "version": "2.0.0-alpha.0",
+  "version": "2.0.0-alpha.2",
   "description": "Powerful, type-safe forms for Svelte.",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -27,12 +27,11 @@
   },
   "sideEffects": false,
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "dependencies": {
     "@tanstack/svelte-store": "^0.12.1",
-    "@tanstack/form-core": "2.0.0-alpha.0"
+    "@tanstack/form-core": "2.0.0-alpha.2"
   },
   "devDependencies": {
     "@sveltejs/package": "^2.5.3",

package/dist/AppForm/appFormOptions.public.d.ts

@@ -1,12 +0,0 @@
-import type { FormOptions, FormValidatorData, FormValidators, InferUnion, NullableSchemaData } from '@tanstack/form-core';
-import type { AnySvelteFormComponentMap } from './componentMap.public';
-declare const componentsSymbol: unique symbol;
-export interface AppFormOptions<TFormData, TFormValidators extends FormValidators<TFormData>, TSubmitReturn, TComponents extends AnySvelteFormComponentMap> extends FormOptions<TFormData, TFormValidators, TSubmitReturn> {
-    [componentsSymbol]: TComponents;
-}
-export interface AppFormOptionsApi<TComponents extends AnySvelteFormComponentMap> {
-    <TFormData, const TFormValidators extends FormValidators<TFormData>, TSubmitReturn>(options: FormOptions<TFormData, TFormValidators, TSubmitReturn>): AppFormOptions<TFormData, TFormValidators, TSubmitReturn, TComponents>;
-    strictSchema: <const TFormValidators extends FormValidators<any>, TFormData extends FormValidatorData<TFormValidators>, TSubmitReturn>(options: FormOptions<TFormData, TFormValidators, TSubmitReturn>) => AppFormOptions<FormValidatorData<TFormValidators>, TFormValidators, TSubmitReturn, TComponents>;
-    looseSchema: <const TFormValidators extends FormValidators<any>, const TFormData extends NullableSchemaData<TFormValidators>, TSubmitReturn>(options: FormOptions<TFormData, TFormValidators, TSubmitReturn>) => AppFormOptions<InferUnion<TFormData, FormValidatorData<TFormValidators>>, TFormValidators, TSubmitReturn, TComponents>;
-}
-export {};

package/dist/AppForm/appFormOptions.public.js

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

package/src/AppForm/AppForm.svelte

@@ -1,14 +0,0 @@
-<script lang="ts">
-  import { setContext, untrack, type Snippet } from 'svelte'
-  import { formContextKey } from '../context-keys.js'
-
-  interface Props {
-    form: any
-    children: Snippet
-  }
-
-  const { children, form }: Props = $props()
-  setContext(formContextKey, untrack(() => form))
-</script>
-
-{@render children()}

package/src/AppForm/Components.lib.ts

@@ -1,28 +0,0 @@
-import { attachSvelteFormComponents } from '../createForm.svelte'
-import { withComponentProps } from '../utils.lib.js'
-import AppForm from './AppForm.svelte'
-import type { AnyInternalFormApi } from '@tanstack/form-core/internals'
-import type { Component } from 'svelte'
-import type { AnySvelteFormComponentMap } from './componentMap.public'
-import type { SvelteAppFormApi } from './SvelteAppFormApi.public'
-
-type AnySvelteAppFormApi = SvelteAppFormApi<any, any, AnySvelteFormComponentMap>
-
-export function attachSvelteAppFormComponents(
-  form: AnyInternalFormApi,
-  formComponents: Record<string, Component<any>>,
-  fieldComponents: Record<string, Component<any>>,
-): AnySvelteAppFormApi {
-  const result = attachSvelteFormComponents(
-    form,
-    fieldComponents,
-  ) as never as AnySvelteAppFormApi
-
-  result.AppForm = ((internals: any, props: any) =>
-    AppForm(
-      internals,
-      withComponentProps(props, { form: result }),
-    )) as Component<any>
-
-  return Object.assign(result, formComponents)
-}

package/src/AppForm/SvelteAppFormApi.public.ts

@@ -1,14 +0,0 @@
-import type { FormErrorTypes } from '@tanstack/form-core'
-import type { Component, Snippet } from 'svelte'
-import type { SvelteFormApi } from '../formApiTypes.public'
-import type { AnySvelteFormComponentMap } from './componentMap.public'
-
-export type AppFormComponent = Component<{ children: Snippet }>
-
-export type SvelteAppFormApi<
-  TFormData,
-  TFormErrorTypes extends FormErrorTypes,
-  TComponents extends AnySvelteFormComponentMap,
-> = SvelteFormApi<TFormData, TFormErrorTypes, TComponents> & {
-  AppForm: AppFormComponent
-}

package/src/AppForm/appFormOptions.public.ts

@@ -1,57 +0,0 @@
-import type {
-  FormOptions,
-  FormValidatorData,
-  FormValidators,
-  InferUnion,
-  NullableSchemaData,
-} from '@tanstack/form-core'
-import type { AnySvelteFormComponentMap } from './componentMap.public'
-
-declare const componentsSymbol: unique symbol
-
-export interface AppFormOptions<
-  TFormData,
-  TFormValidators extends FormValidators<TFormData>,
-  TSubmitReturn,
-  TComponents extends AnySvelteFormComponentMap,
-> extends FormOptions<TFormData, TFormValidators, TSubmitReturn> {
-  [componentsSymbol]: TComponents
-}
-
-export interface AppFormOptionsApi<
-  TComponents extends AnySvelteFormComponentMap,
-> {
-  <
-    TFormData,
-    const TFormValidators extends FormValidators<TFormData>,
-    TSubmitReturn,
-  >(
-    options: FormOptions<TFormData, TFormValidators, TSubmitReturn>,
-  ): AppFormOptions<TFormData, TFormValidators, TSubmitReturn, TComponents>
-
-  strictSchema: <
-    const TFormValidators extends FormValidators<any>,
-    TFormData extends FormValidatorData<TFormValidators>,
-    TSubmitReturn,
-  >(
-    options: FormOptions<TFormData, TFormValidators, TSubmitReturn>,
-  ) => AppFormOptions<
-    FormValidatorData<TFormValidators>,
-    TFormValidators,
-    TSubmitReturn,
-    TComponents
-  >
-
-  looseSchema: <
-    const TFormValidators extends FormValidators<any>,
-    const TFormData extends NullableSchemaData<TFormValidators>,
-    TSubmitReturn,
-  >(
-    options: FormOptions<TFormData, TFormValidators, TSubmitReturn>,
-  ) => AppFormOptions<
-    InferUnion<TFormData, FormValidatorData<TFormValidators>>,
-    TFormValidators,
-    TSubmitReturn,
-    TComponents
-  >
-}

package/src/AppForm/componentMap.public.ts

@@ -1,19 +0,0 @@
-import type { Component } from 'svelte'
-
-export interface SvelteFormComponentMap<
-  TFormComponents extends Record<string, Component<any>>,
-  TFieldComponents extends Record<string, Component<any>>,
-> {
-  formComponents: TFormComponents
-  fieldComponents: TFieldComponents
-}
-
-export type AnySvelteFormComponentMap = SvelteFormComponentMap<
-  Record<string, Component<any>>,
-  Record<string, Component<any>>
->
-
-export type DefaultSvelteFormComponentMap = SvelteFormComponentMap<
-  Record<never, never>,
-  Record<never, never>
->

package/src/AppForm/contexts.lib.ts

@@ -1,24 +0,0 @@
-import { getContext } from 'svelte'
-import { fieldContextKey, formContextKey } from '../context-keys.js'
-import type { AnyInternalFieldApi } from '@tanstack/form-core/internals'
-import type { InternalSvelteFormApi } from '../createForm.svelte.js'
-
-export function useFieldContext(): AnyInternalFieldApi {
-  const field = getContext<AnyInternalFieldApi | undefined>(fieldContextKey)
-  if (field === undefined) {
-    throw new Error(
-      'TanStack Form: Field components must be used within a `form.Field` component.',
-    )
-  }
-  return field
-}
-
-export function useFormContext(): InternalSvelteFormApi {
-  const form = getContext<InternalSvelteFormApi | undefined>(formContextKey)
-  if (form === undefined) {
-    throw new Error(
-      'TanStack Form: Form components must be used within a `form.AppForm` component.',
-    )
-  }
-  return form
-}

package/src/AppForm/createFormHook.public.ts

@@ -1,33 +0,0 @@
-import { createInternalForm } from '../createForm.svelte'
-import { defineFieldGroup } from '../FieldGroup/withFields.public'
-import { createAppFormInitializer } from './initializeAppForm.lib'
-import { useFormContext } from './contexts.lib'
-import type { AppFormOptionsApi } from './appFormOptions.public'
-import type { AnySvelteFormComponentMap } from './componentMap.public'
-import type {
-  AppFormHookResult,
-  UseAppFormHook,
-} from './createFormHookTypes.public'
-import type { FormOptions } from '@tanstack/form-core'
-
-const appFormOptions = ((opts: unknown) => opts) as AppFormOptionsApi<any>
-appFormOptions.strictSchema = (opts) => opts as never
-appFormOptions.looseSchema = (opts) => opts as never
-
-export function createFormHook<
-  const TComponents extends AnySvelteFormComponentMap,
->(createOptions: TComponents): AppFormHookResult<TComponents> {
-  const initializeAppForm = createAppFormInitializer(createOptions)
-
-  function useExtendedForm(options: () => FormOptions<any, any, any>) {
-    return createInternalForm(options, initializeAppForm)
-  }
-  const useAppForm = useExtendedForm as never as UseAppFormHook<TComponents>
-
-  return {
-    useFormContext: useFormContext as never,
-    appFormOptions,
-    defineAppFieldGroup: defineFieldGroup,
-    useAppForm,
-  }
-}

package/src/AppForm/createFormHookTypes.public.ts

@@ -1,30 +0,0 @@
-import type { AppFormOptionsApi } from './appFormOptions.public'
-import type { AnySvelteFormComponentMap } from './componentMap.public'
-import type { SvelteAppFormApi } from './SvelteAppFormApi.public'
-import type { DefineFieldGroupFn } from '../FieldGroup/withFields.public'
-import type {
-  FormOptions,
-  FormValidators,
-  ToFormErrorTypes,
-} from '@tanstack/form-core'
-
-export type UseAppFormHook<TComponents extends AnySvelteFormComponentMap> = <
-  TFormData,
-  TFormValidators extends FormValidators<TFormData>,
-  TSubmitReturn,
->(
-  options: () => FormOptions<TFormData, TFormValidators, TSubmitReturn>,
-) => SvelteAppFormApi<
-  TFormData,
-  ToFormErrorTypes<TFormValidators, TSubmitReturn>,
-  TComponents
->
-
-export interface AppFormHookResult<
-  TComponents extends AnySvelteFormComponentMap,
-> {
-  appFormOptions: AppFormOptionsApi<TComponents>
-  defineAppFieldGroup: DefineFieldGroupFn<TComponents['fieldComponents']>
-  useAppForm: UseAppFormHook<TComponents>
-  useFormContext: () => SvelteAppFormApi<any, any, TComponents>
-}