entasis 0.11.0 → 0.12.0

package/dist/components/Form/Form/form.state.svelte.d.ts

@@ -1,13 +1,24 @@
 import type { Attachment } from 'svelte/attachments';
 import { SvelteMap } from 'svelte/reactivity';
-import type { FieldState } from '../Field/field.state.svelte.js';
+import type { FieldState, ValidationMode } from '../Field/field.state.svelte.js';
 import type { FieldType, FieldValue, InputType } from '../Field/field.js';
-import type { FormGroup, FormInputs, FormRenderableInput, FormSubmitHandler, FormValueRecord, InferFormValue, LiveFormValue } from './form.js';
+import type { FormErrors, FormGroup, FormInputs, FormRenderableInput, FormSubmitHandler, FormValueRecord, InferFormValue, LiveFormValue } from './form.js';
 type FormStateOptions<I extends FormInputs> = {
     inputs: I;
     onSubmit?: FormSubmitHandler<I>;
     value?: LiveFormValue<I>;
     onValueChange?: (value: LiveFormValue<I>) => void;
+    validationMode?: ValidationMode;
+    validationDebounce?: number;
+    errors?: FormErrors<I>;
+};
+/** Options for `FormState.validate` and `validateAsync`. */
+export type FormValidateOptions = {
+    /**
+     * Whether a failed validation scrolls to and focuses the first invalid field, and whether the
+     * call counts as a submit attempt. Pass `false` to check quietly. Defaults to `true`.
+     */
+    reveal?: boolean;
 };
 export declare class FormState<I extends FormInputs = FormInputs> {
     private readonly options;
@@ -15,17 +26,53 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name: string;
         size: import("../../../types/theme.js").Sizes;
         density: import("../../../types/theme.js").Density;
+        disabled: boolean;
+        readOnly: boolean;
+        messages: import("../Field/field.messages.js").FieldMessages;
         form?: FormState;
         node: HTMLElement | null;
         rootNode: HTMLElement | null;
         labelId: string;
         errorId: string;
+        descriptionId: string;
+        helperId: string;
+        validationMessages: string[];
         errorMessages: string[];
         hasError: boolean;
+        hasValidationError: boolean;
+        touched: boolean;
+        dirty: boolean;
+        filled: boolean;
+        describedBy: string[];
         control: Attachment<HTMLElement>;
+        descriptionPart: Attachment<HTMLElement>;
+        helperPart: Attachment<HTMLElement>;
         get controlAttrs(): import("../Field/field.state.svelte.js").FieldControlAttributes;
+        get validating(): boolean;
+        get externalErrors(): string[];
+        get activeValidationMode(): ValidationMode;
+        get activeValidationDebounce(): number;
+        configureValidation: (timing: {
+            mode?: ValidationMode;
+            debounce?: number;
+        } /**
+         * Validates one field now and returns whether it is valid. A field that is not a visible
+         * field of this form reads as invalid; a disabled one skips validation and reads as valid.
+         * A field whose async validator is still running reads as invalid: use `validateAsync` to wait.
+         * It neither scrolls nor focuses, and does not count as a submit attempt.
+         */) => void;
+        get initialValue(): string | number | boolean | string[] | number[] | Date | Blob | File | File[] | [Date | null, Date | null] | import("../Field/field.js").KeyValuePair[] | {
+            amount: number;
+            currency: string;
+        } | null | undefined;
         setValue: (nextValue: FieldValue<T> | null | undefined) => void;
         syncValue: (nextValue: FieldValue<T> | null | undefined) => void;
+        reset: (nextValue?: FieldValue<T> | null | undefined) => void;
+        setExternalErrors: (messages: string | string[] | null | undefined) => void;
+        clearExternalErrors: () => void;
+        settle: () => Promise<void>;
+        validateAsync: (value?: FieldValue<T> | null | undefined) => Promise<readonly [boolean, unknown]>;
+        focusControl: () => boolean;
         get definition(): import("./form.registry.js").RegisteredFormInputDefinition | undefined;
         checkSchema(value?: string | number | boolean | string[] | number[] | Date | Blob | File | File[] | [Date | null, Date | null] | import("../Field/field.js").KeyValuePair[] | {
             amount: number;
@@ -33,6 +80,7 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         } | null | undefined): import("valibot", { with: { "resolution-mode": "require" } }).SafeParseResult<import("valibot", { with: { "resolution-mode": "require" } }).BaseSchema<unknown, unknown, import("valibot", { with: { "resolution-mode": "require" } }).BaseIssue<unknown>>>;
         get isValid(): boolean;
         validate: (value?: FieldValue<T> | null | undefined) => readonly [boolean, unknown];
+        runValidation: (value: FieldValue<T> | null | undefined) => readonly [boolean, unknown];
         value?: string | number | boolean | string[] | number[] | Date | Blob | File | File[] | [Date | null, Date | null] | import("../Field/field.js").KeyValuePair[] | {
             amount: number;
             currency: string;
@@ -41,12 +89,15 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         focused: boolean;
         type: FieldType;
         required?: boolean;
-        disabled?: boolean;
         visible?: boolean;
+        minLength?: number;
+        maxLength?: number;
         onValidate?: ((value: string | number | boolean | string[] | number[] | Date | Blob | File | File[] | [Date | null, Date | null] | import("../Field/field.js").KeyValuePair[] | {
             amount: number;
             currency: string;
-        } | null) => import("../Field/field.state.svelte.js").FieldValidationResult) | undefined;
+        } | null) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
         onValueChange?: ((value: string | number | boolean | string[] | number[] | Date | Blob | File | File[] | [Date | null, Date | null] | import("../Field/field.js").KeyValuePair[] | {
             amount: number;
             currency: string;
@@ -58,53 +109,226 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     private valueCache;
     private configuredValues;
     private defaultValues;
+    private initialValues;
     private publishedValue;
     private submitPromise;
+    private externalErrors;
+    private revealAfterSubmit;
+    private revealFieldAfterSubmit;
+    /** How many times the form was validated to submit; fields re-validate on edit after the first. */
+    submitCount: number;
     value: Partial<(((({ [K_3 in keyof I]: I[K_3] extends infer T_3 ? T_3 extends I[K_3] ? T_3 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_3 extends infer T_4 ? T_4 extends T_3 ? T_4 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_6 in keyof ((T_3 extends infer T_5 ? T_5 extends T_3 ? T_5 extends {
         visible: infer Visibility;
     } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_5 in keyof Inputs]: Omit<Inputs[K_5], "visible"> & {
         visible: (value: FormValueRecord) => boolean;
-    }; } : Inputs : T_3 extends import("./form.js").FormValueInput ? { [K_6 in K_3]: T_3; } : {} : never : never; }[keyof I] extends infer T_3 ? T_3 extends { [K_3 in keyof I]: I[K_3] extends infer T_4 ? T_4 extends I[K_3] ? T_4 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_4 extends infer T_5 ? T_5 extends T_4 ? T_5 extends {
+    }; } : Inputs)]: Omit<((T_3 extends infer T_6 ? T_6 extends T_3 ? T_6 extends {
         visible: infer Visibility;
     } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_5 in keyof Inputs]: Omit<Inputs[K_5], "visible"> & {
         visible: (value: FormValueRecord) => boolean;
-    }; } : Inputs : T_4 extends import("./form.js").FormValueInput ? { [K_6 in K_3]: T_4; } : {} : never : never; }[keyof I] ? T_3 extends unknown ? (value: T_3) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_2 ? { [K_2 in keyof T_2]: T_2[K_2]; } : never) extends infer T_1 ? { [K_1 in keyof T_1 as ((({ [K_4 in keyof I]: I[K_4] extends infer T_3 ? T_3 extends I[K_4] ? T_3 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_3 extends infer T_4 ? T_4 extends T_3 ? T_4 extends {
+    }; } : Inputs)[K_6], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_3 extends infer T_6 ? T_6 extends T_3 ? T_6 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_5 in keyof Inputs]: Omit<Inputs[K_5], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs : T_3 extends import("./form.js").FormValueInput ? { [K_7 in K_3]: T_3; } : {} : never : never; }[keyof I] extends infer T_3 ? T_3 extends { [K_3 in keyof I]: I[K_3] extends infer T_4 ? T_4 extends I[K_3] ? T_4 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_4 extends infer T_5 ? T_5 extends T_4 ? T_5 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_6 in keyof ((T_4 extends infer T_6 ? T_6 extends T_4 ? T_6 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_5 in keyof Inputs]: Omit<Inputs[K_5], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)]: Omit<((T_4 extends infer T_7 ? T_7 extends T_4 ? T_7 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_5 in keyof Inputs]: Omit<Inputs[K_5], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)[K_6], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_4 extends infer T_7 ? T_7 extends T_4 ? T_7 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_5 in keyof Inputs]: Omit<Inputs[K_5], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs : T_4 extends import("./form.js").FormValueInput ? { [K_7 in K_3]: T_4; } : {} : never : never; }[keyof I] ? T_3 extends unknown ? (value: T_3) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_2 ? { [K_2 in keyof T_2]: T_2[K_2]; } : never) extends infer T_1 ? { [K_1 in keyof T_1 as ((({ [K_4 in keyof I]: I[K_4] extends infer T_3 ? T_3 extends I[K_4] ? T_3 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_3 extends infer T_4 ? T_4 extends T_3 ? T_4 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_7 in keyof ((T_3 extends infer T_5 ? T_5 extends T_3 ? T_5 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)]: Omit<((T_3 extends infer T_6 ? T_6 extends T_3 ? T_6 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)[K_7], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_3 extends infer T_6 ? T_6 extends T_3 ? T_6 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs : T_3 extends import("./form.js").FormValueInput ? { [K_8 in K_4]: T_3; } : {} : never : never; }[keyof I] extends infer T_3 ? T_3 extends { [K_4 in keyof I]: I[K_4] extends infer T_4 ? T_4 extends I[K_4] ? T_4 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_4 extends infer T_5 ? T_5 extends T_4 ? T_5 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_7 in keyof ((T_4 extends infer T_6 ? T_6 extends T_4 ? T_6 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)]: Omit<((T_4 extends infer T_7 ? T_7 extends T_4 ? T_7 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)[K_7], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_4 extends infer T_7 ? T_7 extends T_4 ? T_7 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs : T_4 extends import("./form.js").FormValueInput ? { [K_8 in K_4]: T_4; } : {} : never : never; }[keyof I] ? T_3 extends unknown ? (value: T_3) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_2 ? { [K_3 in keyof T_2]: T_2[K_3]; } : never)[K_1] extends import("./form.js").FormValueInput ? ((((({ [K_4 in keyof I]: I[K_4] extends infer T_5 ? T_5 extends I[K_4] ? T_5 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_5 extends infer T_6 ? T_6 extends T_5 ? T_6 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_7 in keyof ((T_5 extends infer T_7 ? T_7 extends T_5 ? T_7 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)]: Omit<((T_5 extends infer T_8 ? T_8 extends T_5 ? T_8 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)[K_7], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_5 extends infer T_8 ? T_8 extends T_5 ? T_8 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs : T_5 extends import("./form.js").FormValueInput ? { [K_8 in K_4]: T_5; } : {} : never : never; }[keyof I] extends infer T_5 ? T_5 extends { [K_4 in keyof I]: I[K_4] extends infer T_6 ? T_6 extends I[K_4] ? T_6 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_6 extends infer T_7 ? T_7 extends T_6 ? T_7 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_7 in keyof ((T_6 extends infer T_8 ? T_8 extends T_6 ? T_8 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)]: Omit<((T_6 extends infer T_9 ? T_9 extends T_6 ? T_9 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)[K_7], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_6 extends infer T_9 ? T_9 extends T_6 ? T_9 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs : T_6 extends import("./form.js").FormValueInput ? { [K_8 in K_4]: T_6; } : {} : never : never; }[keyof I] ? T_5 extends unknown ? (value: T_5) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_4 ? { [K_3 in keyof T_4]: T_4[K_3]; } : never)[K_1] extends infer T_6 ? T_6 extends ((({ [K_4 in keyof I]: I[K_4] extends infer T_8 ? T_8 extends I[K_4] ? T_8 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_8 extends infer T_9 ? T_9 extends T_8 ? T_9 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_7 in keyof ((T_8 extends infer T_10 ? T_10 extends T_8 ? T_10 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)]: Omit<((T_8 extends infer T_11 ? T_11 extends T_8 ? T_11 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)[K_7], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_8 extends infer T_11 ? T_11 extends T_8 ? T_11 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs : T_8 extends import("./form.js").FormValueInput ? { [K_8 in K_4]: T_8; } : {} : never : never; }[keyof I] extends infer T_8 ? T_8 extends { [K_4 in keyof I]: I[K_4] extends infer T_9 ? T_9 extends I[K_4] ? T_9 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_9 extends infer T_10 ? T_10 extends T_9 ? T_10 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_7 in keyof ((T_9 extends infer T_11 ? T_11 extends T_9 ? T_11 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)]: Omit<((T_9 extends infer T_12 ? T_12 extends T_9 ? T_12 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)[K_7], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_9 extends infer T_12 ? T_12 extends T_9 ? T_12 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs : T_9 extends import("./form.js").FormValueInput ? { [K_8 in K_4]: T_9; } : {} : never : never; }[keyof I] ? T_8 extends unknown ? (value: T_8) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_7 ? { [K_3 in keyof T_7]: T_7[K_3]; } : never)[K_1] ? T_6 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? true : ((({ [K_4 in keyof I]: I[K_4] extends infer T_10 ? T_10 extends I[K_4] ? T_10 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_10 extends infer T_11 ? T_11 extends T_10 ? T_11 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_7 in keyof ((T_10 extends infer T_12 ? T_12 extends T_10 ? T_12 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)]: Omit<((T_10 extends infer T_13 ? T_13 extends T_10 ? T_13 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)[K_7], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_10 extends infer T_13 ? T_13 extends T_10 ? T_13 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs : T_10 extends import("./form.js").FormValueInput ? { [K_8 in K_4]: T_10; } : {} : never : never; }[keyof I] extends infer T_10 ? T_10 extends { [K_4 in keyof I]: I[K_4] extends infer T_11 ? T_11 extends I[K_4] ? T_11 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_11 extends infer T_12 ? T_12 extends T_11 ? T_12 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_7 in keyof ((T_11 extends infer T_13 ? T_13 extends T_11 ? T_13 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)]: Omit<((T_11 extends infer T_14 ? T_14 extends T_11 ? T_14 extends {
         visible: infer Visibility;
     } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
         visible: (value: FormValueRecord) => boolean;
-    }; } : Inputs : T_3 extends import("./form.js").FormValueInput ? { [K_7 in K_4]: T_3; } : {} : never : never; }[keyof I] extends infer T_3 ? T_3 extends { [K_4 in keyof I]: I[K_4] extends infer T_4 ? T_4 extends I[K_4] ? T_4 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_4 extends infer T_5 ? T_5 extends T_4 ? T_5 extends {
+    }; } : Inputs)[K_7], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_11 extends infer T_14 ? T_14 extends T_11 ? T_14 extends {
         visible: infer Visibility;
     } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
         visible: (value: FormValueRecord) => boolean;
-    }; } : Inputs : T_4 extends import("./form.js").FormValueInput ? { [K_7 in K_4]: T_4; } : {} : never : never; }[keyof I] ? T_3 extends unknown ? (value: T_3) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_2 ? { [K_3 in keyof T_2]: T_2[K_3]; } : never)[K_1] extends import("./form.js").FormValueInput ? (((({ [K_4 in keyof I]: I[K_4] extends infer T_5 ? T_5 extends I[K_4] ? T_5 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_5 extends infer T_6 ? T_6 extends T_5 ? T_6 extends {
+    }; } : Inputs : T_11 extends import("./form.js").FormValueInput ? { [K_8 in K_4]: T_11; } : {} : never : never; }[keyof I] ? T_10 extends unknown ? (value: T_10) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_9 ? { [K_3 in keyof T_9]: T_9[K_3]; } : never)[K_1] extends infer T_11 ? T_11 extends ((({ [K_4 in keyof I]: I[K_4] extends infer T_13 ? T_13 extends I[K_4] ? T_13 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_13 extends infer T_14 ? T_14 extends T_13 ? T_14 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_7 in keyof ((T_13 extends infer T_15 ? T_15 extends T_13 ? T_15 extends {
         visible: infer Visibility;
     } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
         visible: (value: FormValueRecord) => boolean;
-    }; } : Inputs : T_5 extends import("./form.js").FormValueInput ? { [K_7 in K_4]: T_5; } : {} : never : never; }[keyof I] extends infer T_5 ? T_5 extends { [K_4 in keyof I]: I[K_4] extends infer T_6 ? T_6 extends I[K_4] ? T_6 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_6 extends infer T_7 ? T_7 extends T_6 ? T_7 extends {
+    }; } : Inputs)]: Omit<((T_13 extends infer T_16 ? T_16 extends T_13 ? T_16 extends {
         visible: infer Visibility;
     } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
         visible: (value: FormValueRecord) => boolean;
-    }; } : Inputs : T_6 extends import("./form.js").FormValueInput ? { [K_7 in K_4]: T_6; } : {} : never : never; }[keyof I] ? T_5 extends unknown ? (value: T_5) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_4 ? { [K_3 in keyof T_4]: T_4[K_3]; } : never)[K_1] extends infer T_6 ? T_6 extends ((({ [K_4 in keyof I]: I[K_4] extends infer T_8 ? T_8 extends I[K_4] ? T_8 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_8 extends infer T_9 ? T_9 extends T_8 ? T_9 extends {
+    }; } : Inputs)[K_7], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_13 extends infer T_16 ? T_16 extends T_13 ? T_16 extends {
         visible: infer Visibility;
     } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
         visible: (value: FormValueRecord) => boolean;
-    }; } : Inputs : T_8 extends import("./form.js").FormValueInput ? { [K_7 in K_4]: T_8; } : {} : never : never; }[keyof I] extends infer T_8 ? T_8 extends { [K_4 in keyof I]: I[K_4] extends infer T_9 ? T_9 extends I[K_4] ? T_9 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_9 extends infer T_10 ? T_10 extends T_9 ? T_10 extends {
+    }; } : Inputs : T_13 extends import("./form.js").FormValueInput ? { [K_8 in K_4]: T_13; } : {} : never : never; }[keyof I] extends infer T_13 ? T_13 extends { [K_4 in keyof I]: I[K_4] extends infer T_14 ? T_14 extends I[K_4] ? T_14 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_14 extends infer T_15 ? T_15 extends T_14 ? T_15 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_7 in keyof ((T_14 extends infer T_16 ? T_16 extends T_14 ? T_16 extends {
         visible: infer Visibility;
     } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
         visible: (value: FormValueRecord) => boolean;
-    }; } : Inputs : T_9 extends import("./form.js").FormValueInput ? { [K_7 in K_4]: T_9; } : {} : never : never; }[keyof I] ? T_8 extends unknown ? (value: T_8) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_7 ? { [K_3 in keyof T_7]: T_7[K_3]; } : never)[K_1] ? T_6 extends {
+    }; } : Inputs)]: Omit<((T_14 extends infer T_17 ? T_17 extends T_14 ? T_17 extends {
         visible: infer Visibility;
-    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? never : K_1 : never]: Extract<T_1[K_1], import("./form.js").FormValueInput>["required"] extends true ? NonNullable<FieldValue<Extract<T_1[K_1], import("./form.js").FormValueInput> extends infer T_9 ? T_9 extends Extract<T_1[K_1], import("./form.js").FormValueInput> ? T_9 extends import("./form.js").FormFieldEntry<infer Input extends InputType> ? Input : T_9 extends (Omit<{
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)[K_7], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_14 extends infer T_17 ? T_17 extends T_14 ? T_17 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs : T_14 extends import("./form.js").FormValueInput ? { [K_8 in K_4]: T_14; } : {} : never : never; }[keyof I] ? T_13 extends unknown ? (value: T_13) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_12 ? { [K_3 in keyof T_12]: T_12[K_3]; } : never)[K_1] ? T_11 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? never : K_1 : never]: Extract<T_1[K_1], import("./form.js").FormValueInput>["required"] extends true ? NonNullable<FieldValue<Extract<T_1[K_1], import("./form.js").FormValueInput> extends infer T_14 ? T_14 extends Extract<T_1[K_1], import("./form.js").FormValueInput> ? T_14 extends import("./form.js").FormFieldEntry<infer Input extends InputType> ? Input : T_14 extends (Omit<{
         type: "time";
     } & {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: number) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: number | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -116,13 +340,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -139,11 +363,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -155,13 +384,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -178,11 +407,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: number) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: number | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -194,13 +428,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -208,7 +442,15 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         max?: number;
         step?: number;
         increment?: number;
+        largeStep?: number;
+        smallStep?: number;
+        snapOnStep?: boolean;
+        wheelStep?: boolean;
         showControls?: boolean;
+        format?: Intl.NumberFormatOptions;
+        locale?: string;
+        onValueCommit?: (detail: import("../NumberInput/numberInput.props.js").NumberInputCommitDetail) => void;
+        inputAttrs?: import("../NumberInput/numberInput.props.js").NumberInputInputAttributes;
         theme?: import("../NumberInput/numberInput.theme.js").NumberInputThemeProps & import("../Field/field.js").InputProps<"number">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
@@ -218,11 +460,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: number) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: number | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -234,13 +481,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         max?: number;
@@ -287,11 +534,14 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         min?: number;
         max?: number;
         step?: number;
+        largeStep?: number;
         mode?: import("../Slider/slider.props.js").SliderMode;
         variant?: import("../Slider/slider.props.js").SliderVariant;
         thumbs?: number;
         orientation?: "horizontal" | "vertical";
         minStepsBetweenThumbs?: number;
+        thumbCollisionBehavior?: import("../Slider/slider.props.js").SliderThumbCollisionBehavior;
+        thumbDisabled?: boolean[];
         dragRange?: boolean;
         color?: import("../../../types/theme.js").Colors;
         marks?: import("../Slider/slider.props.js").SliderMark[];
@@ -302,6 +552,7 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         thumbLabels?: string[];
         i18n?: Partial<import("../../../i18n/en.js").Messages>;
         onValueChange?: (value: number | number[] | null) => void;
+        onValueCommit?: (value: number | number[]) => void;
         onValidate?: (value: number | number[]) => string[] | boolean;
         theme?: import("../Slider/slider.theme.js").SliderThemeProps & import("../Field/field.js").InputProps<"slider">["theme"];
     }, "visible"> & {
@@ -314,11 +565,14 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         min?: number;
         max?: number;
         step?: number;
+        largeStep?: number;
         mode?: import("../Slider/slider.props.js").SliderMode;
         variant?: import("../Slider/slider.props.js").SliderVariant;
         thumbs?: number;
         orientation?: "horizontal" | "vertical";
         minStepsBetweenThumbs?: number;
+        thumbCollisionBehavior?: import("../Slider/slider.props.js").SliderThumbCollisionBehavior;
+        thumbDisabled?: boolean[];
         dragRange?: boolean;
         color?: import("../../../types/theme.js").Colors;
         marks?: import("../Slider/slider.props.js").SliderMark[];
@@ -329,6 +583,7 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         thumbLabels?: string[];
         i18n?: Partial<import("../../../i18n/en.js").Messages>;
         onValueChange?: (value: number | number[] | null) => void;
+        onValueCommit?: (value: number | number[]) => void;
         onValidate?: (value: number | number[]) => string[] | boolean;
         theme?: import("../Slider/slider.theme.js").SliderThemeProps & import("../Field/field.js").InputProps<"slider">["theme"];
     }, "visible"> & {
@@ -336,7 +591,7 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     }) | (Omit<{
         type: "calendar" | "calendar-range";
         display?: undefined;
-    } & Omit<import("../Calendar/calendarInput.props.js").CalendarPrimitiveProps<import("../Calendar/useCalendar.svelte.js").Event, "calendar" | "calendar-range">, "label"> & Omit<import("../Field/field.js").InputProps<"calendar" | "calendar-range">, "theme" | "children" | "type"> & {
+    } & Omit<import("../Calendar/calendarInput.props.js").CalendarPrimitiveProps<import("../Calendar/useCalendar.svelte.js").Event, "calendar" | "calendar-range">, "label"> & Omit<import("../Field/field.js").InputProps<"calendar" | "calendar-range">, "type" | "theme" | "children"> & {
         theme?: {
             calendar: import("../../../utils/cva/theme.js").InferComponentTheme<typeof import("../Calendar/calendar.theme.js").calendarTheme>;
             field: import("../../../utils/cva/theme.js").InferComponentTheme<typeof import("../Field/field.theme.js").fieldTheme>;
@@ -355,11 +610,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: Date) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: Date) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: Date | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -371,13 +631,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         type?: import("../Field/field.js").DateInputType;
@@ -408,11 +668,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -424,13 +689,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -455,11 +720,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -471,13 +741,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         type?: import("../TextInput/textInput.props.js").TextInputType;
@@ -492,11 +762,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -508,16 +783,19 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
+        autocomplete?: import("../PasswordInput/passwordInput.props.js").PasswordInputAutocomplete;
+        minLength?: number;
+        inputAttrs?: import("../PasswordInput/passwordInput.props.js").PasswordInputAttributes;
         theme?: import("../PasswordInput/passwordInput.theme.js").PasswordInputThemeProps & import("../Field/field.js").InputProps<"password">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
@@ -527,11 +805,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -543,13 +826,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -569,21 +852,26 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         size?: import("../../../types/theme.js").Sizes | undefined;
         value?: string | null | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        name?: string | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        form?: string | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        name?: string | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         defaultValue?: string | null | undefined;
         required?: boolean | undefined;
+        readOnly?: boolean | undefined;
         density?: import("../../../types/theme.js").Density | undefined;
         labelPosition?: import("../Field/field.js").FieldLabelPosition | undefined;
         visible?: boolean | undefined;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode | undefined;
+        validationDebounce?: number | undefined;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes | undefined;
         errors?: string[] | boolean | undefined;
         focused?: boolean | undefined;
@@ -613,81 +901,72 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "select";
-    } & {
-        name?: string;
-        required?: boolean;
-        disabled?: boolean;
-        size?: import("../../../types/theme.js").Sizes;
-        density?: import("../../../types/theme.js").Density;
-        labelPosition?: import("../Field/field.js").FieldLabelPosition;
-        visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
-        onValueChange?: ((value: string | null) => void) | undefined;
-        fieldAttrs?: import("../Field/field.js").FieldAttributes;
-        class?: string;
-        theme?: import("../Field/field.theme.js").FieldThemeProps;
-        value?: string | null | undefined;
-        defaultValue?: string | null | undefined;
-        errors?: string[] | boolean;
-        focused?: boolean;
-    } & {
-        error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-    } & {
+    } & Omit<import("../Field/field.js").InputProps<"select">, "theme" | "value" | "onValueChange" | "defaultValue" | "onValidate"> & {
         placeholder?: string;
-        theme?: import("../Select/select.theme.js").SelectThemeProps & import("../Field/field.js").InputProps<"select">["theme"];
+        id?: string;
         items?: import("../Select/select.props.js").SelectItems;
         density?: import("../../../types/theme.js").Density;
         separators?: boolean;
         alignItemWithTrigger?: boolean;
+        clearable?: boolean;
+        autocomplete?: import("svelte/elements").HTMLInputAttributes["autocomplete"];
         triggerAttrs?: import("../Select/select.props.js").SelectTriggerAttributes;
         i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        open?: boolean;
+        defaultOpen?: boolean;
+        onOpenChange?: import("../../../utils/openChange.js").OpenChangeHandler;
+        onAfterOpen?: () => void;
+        onAfterClose?: () => void;
+    } & {
+        multiple?: false | undefined;
+        value?: string | null | undefined;
+        defaultValue?: string | null | undefined;
+        onValueChange?: ((value: string | null) => void) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        formatValue?: (options: import("../Select/select.props.js").SelectOption[]) => string;
+        theme?: import("../Select/select.theme.js").SelectThemeProps & import("../Field/field.js").InputProps<"select">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "select-multiple";
+    } & Omit<import("../Select/select.props.js").SelectProps<true>, "value" | "defaultValue" | "multiple"> & {
+        value?: string[] | null;
+        defaultValue?: string[] | null;
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "combobox";
-    } & Omit<import("../Field/field.js").InputProps<"combobox">, "prefix" | "onValueChange"> & {
+    } & Omit<import("../Field/field.js").InputProps<"combobox">, "prefix" | "onValueChange" | "density"> & import("../Combobox/combobox.props.js").ComboboxListProps & {
+        items: import("../Combobox/combobox.props.js").ComboboxItemsSource;
         onValueChange?: (payload: import("../Combobox/combobox.props.js").ComboboxValueChangePayload) => void;
-        searchValue?: string;
-        loading?: boolean;
         placeholder?: string;
-        items: import("../Combobox/combobox.props.js").ComboboxOption[] | ((searchValue?: string) => import("../Combobox/combobox.props.js").MaybePromise<import("../Combobox/combobox.props.js").ComboboxOption[]>);
-        density?: import("../../../types/theme.js").Density;
-        showAllOnFocus?: boolean;
-        getValueOption?: (value: string) => import("../Combobox/combobox.props.js").MaybePromise<import("../Combobox/combobox.props.js").ComboboxOption | null | undefined>;
         prefix?: import("svelte").Snippet | false;
-        loadingText?: string;
-        noOptionsText?: string;
         theme?: import("../Combobox/combobox.theme.js").ComboboxThemeProps & import("../Field/field.js").InputProps<"combobox">["theme"];
-        i18n?: Partial<import("../../../i18n/en.js").Messages>;
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "radio";
-    } & Omit<import("../Field/field.js").InputProps<"radio">, "theme"> & {
+    } & Omit<import("../Field/field.js").InputProps<"radio">, "theme" | "value" | "onValueChange" | "defaultValue"> & {
         mode?: "card" | "normal";
-        items: import("../RadioInput/radioInput.props.js").RadioOption[];
+        items: readonly import("../RadioInput/radioInput.props.js").RadioOption<string>[];
+        value?: string | null | undefined;
+        defaultValue?: string | null | undefined;
+        onValueChange?: ((value: string | null) => void) | undefined;
         theme?: import("../RadioInput/radioInput.theme.js").RadioInputThemeProps & import("../Field/field.js").InputProps<"radio">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "checkboxes";
     } & Omit<import("../Field/field.js").InputProps<"checkboxes">, "theme" | "value" | "onValueChange" | "defaultValue"> & {
-        value?: string[];
-        defaultValue?: string[];
-        onValueChange?: (value: string[]) => void;
+        value?: string[] | undefined;
+        defaultValue?: string[] | undefined;
+        onValueChange?: ((value: string[]) => void) | undefined;
         mode?: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxMode;
-        items: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxOption[];
+        items: readonly import("../CheckboxesInput/checkboxesInput.props.js").CheckboxOption<string>[];
+        selectAll?: boolean;
+        selectAllLabel?: import("../../Slot/slot.js").Slot;
         theme?: import("../CheckboxesInput/checkboxesInput.theme.js").CheckboxesInputThemeProps & import("../Field/field.js").InputProps<"checkboxes">["theme"];
-    } & Partial<Omit<import("../Field/field.js").FieldProps<"checkboxes">, "theme" | "children" | "type" | "field">>, "visible"> & {
+    } & Partial<Omit<import("../Field/field.js").FieldProps<"checkboxes">, "type" | "theme" | "children" | "field">>, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "checkbox";
@@ -695,11 +974,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: boolean) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: boolean) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: boolean | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -711,17 +995,19 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         mode?: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxMode | "control";
         indeterminate?: boolean;
+        inputValue?: string;
+        inputAttrs?: import("../Field/field.js").FieldButtonAttributes;
         theme?: import("../CheckboxesInput/checkboxesInput.theme.js").CheckboxesInputThemeProps & import("../Field/field.js").InputProps<"checkbox">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
@@ -731,11 +1017,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: boolean) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: boolean) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: boolean | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -747,15 +1038,18 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
+        required?: boolean;
+        inputValue?: string;
+        inputAttrs?: import("../Field/field.js").FieldButtonAttributes;
         theme?: import("../Switch/switch.theme.js").SwitchThemeProps & import("../Field/field.js").InputProps<"switch">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
@@ -817,27 +1111,19 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         selectedVariant?: import("../../Chip/chip.props.js").ChipProps["variant"];
         unselectedVariant?: import("../../Chip/chip.props.js").ChipProps["variant"];
         chipTheme?: import("../../Chip/chip.theme.js").ChipThemeProps;
-    } & Partial<Omit<import("../Field/field.js").FieldProps<"tag-group">, "children" | "type">> & import("../../../types/props.js").DataAttributes & {
+    } & Partial<Omit<import("../Field/field.js").FieldProps<"tag-group">, "type" | "children">> & import("../../../types/props.js").DataAttributes & {
         [key: symbol]: Attachment<HTMLElement> | null | undefined;
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "tag";
-    } & Omit<import("../Field/field.js").InputProps<"tag">, "onValueChange"> & {
+    } & Omit<import("../Field/field.js").InputProps<"tag">, "onValueChange" | "density"> & import("../Combobox/combobox.props.js").ComboboxListProps & {
         onValueChange?: (value: string[]) => void;
-        searchValue?: string;
-        loading?: boolean;
         placeholder?: string;
-        items?: import("../Combobox/combobox.props.js").ComboboxOption[] | ((searchValue?: string) => import("../Combobox/combobox.props.js").MaybePromise<import("../Combobox/combobox.props.js").ComboboxOption[]>);
-        density?: import("../../../types/theme.js").Density;
         customTags?: boolean;
         maxTags?: number;
-        showAllOnFocus?: boolean;
-        getValueOption?: (value: string) => import("../Combobox/combobox.props.js").MaybePromise<import("../Combobox/combobox.props.js").ComboboxOption | null | undefined>;
-        loadingText?: string;
-        noOptionsText?: string;
+        keepSearchOnSelect?: boolean;
         theme?: import("../TagsInput/tagsInput.theme.js").TagsInputThemeProps & import("../Field/field.js").InputProps<"tag">["theme"];
-        i18n?: Partial<import("../../../i18n/en.js").Messages>;
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
@@ -860,8 +1146,12 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         inputMode?: import("svelte/elements").HTMLInputAttributes["inputmode"];
         autocomplete?: import("svelte/elements").HTMLInputAttributes["autocomplete"];
         pasteTransformer?: (text: string) => string;
+        normalizeValue?: (text: string) => string;
+        onRejectInput?: (detail: import("../PinInput/pinInput.state.svelte.js").PinInputRejectDetail) => void;
         onValueChange?: (value: string) => void;
         onComplete?: (value: string) => void;
+        submitOnComplete?: boolean;
+        groups?: number[];
         mask?: boolean;
         theme?: import("../PinInput/pinInput.theme.js").PinInputThemeProps & import("../Field/field.js").InputProps<"pin">["theme"];
     }, "visible"> & {
@@ -873,17 +1163,22 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         currencies?: readonly string[];
     } & {
         type: "test-money";
-    }) ? T_9["type"] : never : never : never>> : FieldValue<Extract<T_1[K_1], import("./form.js").FormValueInput> extends infer T_10 ? T_10 extends Extract<T_1[K_1], import("./form.js").FormValueInput> ? T_10 extends import("./form.js").FormFieldEntry<infer Input extends InputType> ? Input : T_10 extends (Omit<{
+    }) ? T_14["type"] : never : never : never>> : FieldValue<Extract<T_1[K_1], import("./form.js").FormValueInput> extends infer T_15 ? T_15 extends Extract<T_1[K_1], import("./form.js").FormValueInput> ? T_15 extends import("./form.js").FormFieldEntry<infer Input extends InputType> ? Input : T_15 extends (Omit<{
         type: "time";
     } & {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: number) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: number | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -895,13 +1190,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -918,11 +1213,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -934,13 +1234,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -957,11 +1257,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: number) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: number | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -973,13 +1278,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -987,7 +1292,15 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         max?: number;
         step?: number;
         increment?: number;
+        largeStep?: number;
+        smallStep?: number;
+        snapOnStep?: boolean;
+        wheelStep?: boolean;
         showControls?: boolean;
+        format?: Intl.NumberFormatOptions;
+        locale?: string;
+        onValueCommit?: (detail: import("../NumberInput/numberInput.props.js").NumberInputCommitDetail) => void;
+        inputAttrs?: import("../NumberInput/numberInput.props.js").NumberInputInputAttributes;
         theme?: import("../NumberInput/numberInput.theme.js").NumberInputThemeProps & import("../Field/field.js").InputProps<"number">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
@@ -997,11 +1310,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: number) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: number | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -1013,13 +1331,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         max?: number;
@@ -1066,11 +1384,14 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         min?: number;
         max?: number;
         step?: number;
+        largeStep?: number;
         mode?: import("../Slider/slider.props.js").SliderMode;
         variant?: import("../Slider/slider.props.js").SliderVariant;
         thumbs?: number;
         orientation?: "horizontal" | "vertical";
         minStepsBetweenThumbs?: number;
+        thumbCollisionBehavior?: import("../Slider/slider.props.js").SliderThumbCollisionBehavior;
+        thumbDisabled?: boolean[];
         dragRange?: boolean;
         color?: import("../../../types/theme.js").Colors;
         marks?: import("../Slider/slider.props.js").SliderMark[];
@@ -1081,6 +1402,7 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         thumbLabels?: string[];
         i18n?: Partial<import("../../../i18n/en.js").Messages>;
         onValueChange?: (value: number | number[] | null) => void;
+        onValueCommit?: (value: number | number[]) => void;
         onValidate?: (value: number | number[]) => string[] | boolean;
         theme?: import("../Slider/slider.theme.js").SliderThemeProps & import("../Field/field.js").InputProps<"slider">["theme"];
     }, "visible"> & {
@@ -1093,11 +1415,14 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         min?: number;
         max?: number;
         step?: number;
+        largeStep?: number;
         mode?: import("../Slider/slider.props.js").SliderMode;
         variant?: import("../Slider/slider.props.js").SliderVariant;
         thumbs?: number;
         orientation?: "horizontal" | "vertical";
         minStepsBetweenThumbs?: number;
+        thumbCollisionBehavior?: import("../Slider/slider.props.js").SliderThumbCollisionBehavior;
+        thumbDisabled?: boolean[];
         dragRange?: boolean;
         color?: import("../../../types/theme.js").Colors;
         marks?: import("../Slider/slider.props.js").SliderMark[];
@@ -1108,6 +1433,7 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         thumbLabels?: string[];
         i18n?: Partial<import("../../../i18n/en.js").Messages>;
         onValueChange?: (value: number | number[] | null) => void;
+        onValueCommit?: (value: number | number[]) => void;
         onValidate?: (value: number | number[]) => string[] | boolean;
         theme?: import("../Slider/slider.theme.js").SliderThemeProps & import("../Field/field.js").InputProps<"slider">["theme"];
     }, "visible"> & {
@@ -1115,7 +1441,7 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     }) | (Omit<{
         type: "calendar" | "calendar-range";
         display?: undefined;
-    } & Omit<import("../Calendar/calendarInput.props.js").CalendarPrimitiveProps<import("../Calendar/useCalendar.svelte.js").Event, "calendar" | "calendar-range">, "label"> & Omit<import("../Field/field.js").InputProps<"calendar" | "calendar-range">, "theme" | "children" | "type"> & {
+    } & Omit<import("../Calendar/calendarInput.props.js").CalendarPrimitiveProps<import("../Calendar/useCalendar.svelte.js").Event, "calendar" | "calendar-range">, "label"> & Omit<import("../Field/field.js").InputProps<"calendar" | "calendar-range">, "type" | "theme" | "children"> & {
         theme?: {
             calendar: import("../../../utils/cva/theme.js").InferComponentTheme<typeof import("../Calendar/calendar.theme.js").calendarTheme>;
             field: import("../../../utils/cva/theme.js").InferComponentTheme<typeof import("../Field/field.theme.js").fieldTheme>;
@@ -1134,11 +1460,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: Date) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: Date) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: Date | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -1150,13 +1481,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         type?: import("../Field/field.js").DateInputType;
@@ -1187,11 +1518,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -1203,13 +1539,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -1234,11 +1570,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -1250,13 +1591,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         type?: import("../TextInput/textInput.props.js").TextInputType;
@@ -1271,11 +1612,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -1287,16 +1633,19 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
+        autocomplete?: import("../PasswordInput/passwordInput.props.js").PasswordInputAutocomplete;
+        minLength?: number;
+        inputAttrs?: import("../PasswordInput/passwordInput.props.js").PasswordInputAttributes;
         theme?: import("../PasswordInput/passwordInput.theme.js").PasswordInputThemeProps & import("../Field/field.js").InputProps<"password">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
@@ -1306,11 +1655,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -1322,13 +1676,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -1348,21 +1702,26 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         size?: import("../../../types/theme.js").Sizes | undefined;
         value?: string | null | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        name?: string | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        form?: string | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        name?: string | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         defaultValue?: string | null | undefined;
         required?: boolean | undefined;
+        readOnly?: boolean | undefined;
         density?: import("../../../types/theme.js").Density | undefined;
         labelPosition?: import("../Field/field.js").FieldLabelPosition | undefined;
         visible?: boolean | undefined;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode | undefined;
+        validationDebounce?: number | undefined;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes | undefined;
         errors?: string[] | boolean | undefined;
         focused?: boolean | undefined;
@@ -1392,81 +1751,72 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "select";
-    } & {
-        name?: string;
-        required?: boolean;
-        disabled?: boolean;
-        size?: import("../../../types/theme.js").Sizes;
-        density?: import("../../../types/theme.js").Density;
-        labelPosition?: import("../Field/field.js").FieldLabelPosition;
-        visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
-        onValueChange?: ((value: string | null) => void) | undefined;
-        fieldAttrs?: import("../Field/field.js").FieldAttributes;
-        class?: string;
-        theme?: import("../Field/field.theme.js").FieldThemeProps;
-        value?: string | null | undefined;
-        defaultValue?: string | null | undefined;
-        errors?: string[] | boolean;
-        focused?: boolean;
-    } & {
-        error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-    } & {
+    } & Omit<import("../Field/field.js").InputProps<"select">, "theme" | "value" | "onValueChange" | "defaultValue" | "onValidate"> & {
         placeholder?: string;
-        theme?: import("../Select/select.theme.js").SelectThemeProps & import("../Field/field.js").InputProps<"select">["theme"];
+        id?: string;
         items?: import("../Select/select.props.js").SelectItems;
         density?: import("../../../types/theme.js").Density;
         separators?: boolean;
         alignItemWithTrigger?: boolean;
+        clearable?: boolean;
+        autocomplete?: import("svelte/elements").HTMLInputAttributes["autocomplete"];
         triggerAttrs?: import("../Select/select.props.js").SelectTriggerAttributes;
         i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        open?: boolean;
+        defaultOpen?: boolean;
+        onOpenChange?: import("../../../utils/openChange.js").OpenChangeHandler;
+        onAfterOpen?: () => void;
+        onAfterClose?: () => void;
+    } & {
+        multiple?: false | undefined;
+        value?: string | null | undefined;
+        defaultValue?: string | null | undefined;
+        onValueChange?: ((value: string | null) => void) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        formatValue?: (options: import("../Select/select.props.js").SelectOption[]) => string;
+        theme?: import("../Select/select.theme.js").SelectThemeProps & import("../Field/field.js").InputProps<"select">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "select-multiple";
+    } & Omit<import("../Select/select.props.js").SelectProps<true>, "value" | "defaultValue" | "multiple"> & {
+        value?: string[] | null;
+        defaultValue?: string[] | null;
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "combobox";
-    } & Omit<import("../Field/field.js").InputProps<"combobox">, "prefix" | "onValueChange"> & {
+    } & Omit<import("../Field/field.js").InputProps<"combobox">, "prefix" | "onValueChange" | "density"> & import("../Combobox/combobox.props.js").ComboboxListProps & {
+        items: import("../Combobox/combobox.props.js").ComboboxItemsSource;
         onValueChange?: (payload: import("../Combobox/combobox.props.js").ComboboxValueChangePayload) => void;
-        searchValue?: string;
-        loading?: boolean;
         placeholder?: string;
-        items: import("../Combobox/combobox.props.js").ComboboxOption[] | ((searchValue?: string) => import("../Combobox/combobox.props.js").MaybePromise<import("../Combobox/combobox.props.js").ComboboxOption[]>);
-        density?: import("../../../types/theme.js").Density;
-        showAllOnFocus?: boolean;
-        getValueOption?: (value: string) => import("../Combobox/combobox.props.js").MaybePromise<import("../Combobox/combobox.props.js").ComboboxOption | null | undefined>;
         prefix?: import("svelte").Snippet | false;
-        loadingText?: string;
-        noOptionsText?: string;
         theme?: import("../Combobox/combobox.theme.js").ComboboxThemeProps & import("../Field/field.js").InputProps<"combobox">["theme"];
-        i18n?: Partial<import("../../../i18n/en.js").Messages>;
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "radio";
-    } & Omit<import("../Field/field.js").InputProps<"radio">, "theme"> & {
+    } & Omit<import("../Field/field.js").InputProps<"radio">, "theme" | "value" | "onValueChange" | "defaultValue"> & {
         mode?: "card" | "normal";
-        items: import("../RadioInput/radioInput.props.js").RadioOption[];
+        items: readonly import("../RadioInput/radioInput.props.js").RadioOption<string>[];
+        value?: string | null | undefined;
+        defaultValue?: string | null | undefined;
+        onValueChange?: ((value: string | null) => void) | undefined;
         theme?: import("../RadioInput/radioInput.theme.js").RadioInputThemeProps & import("../Field/field.js").InputProps<"radio">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "checkboxes";
     } & Omit<import("../Field/field.js").InputProps<"checkboxes">, "theme" | "value" | "onValueChange" | "defaultValue"> & {
-        value?: string[];
-        defaultValue?: string[];
-        onValueChange?: (value: string[]) => void;
+        value?: string[] | undefined;
+        defaultValue?: string[] | undefined;
+        onValueChange?: ((value: string[]) => void) | undefined;
         mode?: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxMode;
-        items: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxOption[];
+        items: readonly import("../CheckboxesInput/checkboxesInput.props.js").CheckboxOption<string>[];
+        selectAll?: boolean;
+        selectAllLabel?: import("../../Slot/slot.js").Slot;
         theme?: import("../CheckboxesInput/checkboxesInput.theme.js").CheckboxesInputThemeProps & import("../Field/field.js").InputProps<"checkboxes">["theme"];
-    } & Partial<Omit<import("../Field/field.js").FieldProps<"checkboxes">, "theme" | "children" | "type" | "field">>, "visible"> & {
+    } & Partial<Omit<import("../Field/field.js").FieldProps<"checkboxes">, "type" | "theme" | "children" | "field">>, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "checkbox";
@@ -1474,11 +1824,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: boolean) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: boolean) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: boolean | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -1490,17 +1845,19 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         mode?: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxMode | "control";
         indeterminate?: boolean;
+        inputValue?: string;
+        inputAttrs?: import("../Field/field.js").FieldButtonAttributes;
         theme?: import("../CheckboxesInput/checkboxesInput.theme.js").CheckboxesInputThemeProps & import("../Field/field.js").InputProps<"checkbox">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
@@ -1510,11 +1867,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: boolean) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: boolean) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: boolean | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -1526,15 +1888,18 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
+        required?: boolean;
+        inputValue?: string;
+        inputAttrs?: import("../Field/field.js").FieldButtonAttributes;
         theme?: import("../Switch/switch.theme.js").SwitchThemeProps & import("../Field/field.js").InputProps<"switch">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
@@ -1596,27 +1961,19 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         selectedVariant?: import("../../Chip/chip.props.js").ChipProps["variant"];
         unselectedVariant?: import("../../Chip/chip.props.js").ChipProps["variant"];
         chipTheme?: import("../../Chip/chip.theme.js").ChipThemeProps;
-    } & Partial<Omit<import("../Field/field.js").FieldProps<"tag-group">, "children" | "type">> & import("../../../types/props.js").DataAttributes & {
+    } & Partial<Omit<import("../Field/field.js").FieldProps<"tag-group">, "type" | "children">> & import("../../../types/props.js").DataAttributes & {
         [key: symbol]: Attachment<HTMLElement> | null | undefined;
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "tag";
-    } & Omit<import("../Field/field.js").InputProps<"tag">, "onValueChange"> & {
+    } & Omit<import("../Field/field.js").InputProps<"tag">, "onValueChange" | "density"> & import("../Combobox/combobox.props.js").ComboboxListProps & {
         onValueChange?: (value: string[]) => void;
-        searchValue?: string;
-        loading?: boolean;
         placeholder?: string;
-        items?: import("../Combobox/combobox.props.js").ComboboxOption[] | ((searchValue?: string) => import("../Combobox/combobox.props.js").MaybePromise<import("../Combobox/combobox.props.js").ComboboxOption[]>);
-        density?: import("../../../types/theme.js").Density;
         customTags?: boolean;
         maxTags?: number;
-        showAllOnFocus?: boolean;
-        getValueOption?: (value: string) => import("../Combobox/combobox.props.js").MaybePromise<import("../Combobox/combobox.props.js").ComboboxOption | null | undefined>;
-        loadingText?: string;
-        noOptionsText?: string;
+        keepSearchOnSelect?: boolean;
         theme?: import("../TagsInput/tagsInput.theme.js").TagsInputThemeProps & import("../Field/field.js").InputProps<"tag">["theme"];
-        i18n?: Partial<import("../../../i18n/en.js").Messages>;
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
@@ -1639,8 +1996,12 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         inputMode?: import("svelte/elements").HTMLInputAttributes["inputmode"];
         autocomplete?: import("svelte/elements").HTMLInputAttributes["autocomplete"];
         pasteTransformer?: (text: string) => string;
+        normalizeValue?: (text: string) => string;
+        onRejectInput?: (detail: import("../PinInput/pinInput.state.svelte.js").PinInputRejectDetail) => void;
         onValueChange?: (value: string) => void;
         onComplete?: (value: string) => void;
+        submitOnComplete?: boolean;
+        groups?: number[];
         mask?: boolean;
         theme?: import("../PinInput/pinInput.theme.js").PinInputThemeProps & import("../Field/field.js").InputProps<"pin">["theme"];
     }, "visible"> & {
@@ -1652,51 +2013,218 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         currencies?: readonly string[];
     } & {
         type: "test-money";
-    }) ? T_10["type"] : never : never : never> | null; } : never) & (((({ [K_3 in keyof I]: I[K_3] extends infer T_6 ? T_6 extends I[K_3] ? T_6 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_6 extends infer T_7 ? T_7 extends T_6 ? T_7 extends {
+    }) ? T_15["type"] : never : never : never> | null; } : never) & (((({ [K_3 in keyof I]: I[K_3] extends infer T_6 ? T_6 extends I[K_3] ? T_6 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_6 extends infer T_7 ? T_7 extends T_6 ? T_7 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_7 in keyof ((T_6 extends infer T_8 ? T_8 extends T_6 ? T_8 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)]: Omit<((T_6 extends infer T_9 ? T_9 extends T_6 ? T_9 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)[K_7], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_6 extends infer T_9 ? T_9 extends T_6 ? T_9 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs : T_6 extends import("./form.js").FormValueInput ? { [K_8 in K_3]: T_6; } : {} : never : never; }[keyof I] extends infer T_6 ? T_6 extends { [K_3 in keyof I]: I[K_3] extends infer T_7 ? T_7 extends I[K_3] ? T_7 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_7 extends infer T_8 ? T_8 extends T_7 ? T_8 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_7 in keyof ((T_7 extends infer T_9 ? T_9 extends T_7 ? T_9 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)]: Omit<((T_7 extends infer T_10 ? T_10 extends T_7 ? T_10 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)[K_7], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_7 extends infer T_10 ? T_10 extends T_7 ? T_10 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs : T_7 extends import("./form.js").FormValueInput ? { [K_8 in K_3]: T_7; } : {} : never : never; }[keyof I] ? T_6 extends unknown ? (value: T_6) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_5 ? { [K_2 in keyof T_5]: T_5[K_2]; } : never) extends infer T_4 ? { [K_4 in keyof T_4 as ((({ [K_3 in keyof I]: I[K_3] extends infer T_6 ? T_6 extends I[K_3] ? T_6 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_6 extends infer T_7 ? T_7 extends T_6 ? T_7 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_8 in keyof ((T_6 extends infer T_8 ? T_8 extends T_6 ? T_8 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)]: Omit<((T_6 extends infer T_9 ? T_9 extends T_6 ? T_9 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)[K_8], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_6 extends infer T_9 ? T_9 extends T_6 ? T_9 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs : T_6 extends import("./form.js").FormValueInput ? { [K_9 in K_3]: T_6; } : {} : never : never; }[keyof I] extends infer T_6 ? T_6 extends { [K_3 in keyof I]: I[K_3] extends infer T_7 ? T_7 extends I[K_3] ? T_7 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_7 extends infer T_8 ? T_8 extends T_7 ? T_8 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_8 in keyof ((T_7 extends infer T_9 ? T_9 extends T_7 ? T_9 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)]: Omit<((T_7 extends infer T_10 ? T_10 extends T_7 ? T_10 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)[K_8], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_7 extends infer T_10 ? T_10 extends T_7 ? T_10 extends {
         visible: infer Visibility;
-    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
         visible: (value: FormValueRecord) => boolean;
-    }; } : Inputs : T_6 extends import("./form.js").FormValueInput ? { [K_7 in K_3]: T_6; } : {} : never : never; }[keyof I] extends infer T_6 ? T_6 extends { [K_3 in keyof I]: I[K_3] extends infer T_7 ? T_7 extends I[K_3] ? T_7 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_7 extends infer T_8 ? T_8 extends T_7 ? T_8 extends {
+    }; } : Inputs : T_7 extends import("./form.js").FormValueInput ? { [K_9 in K_3]: T_7; } : {} : never : never; }[keyof I] ? T_6 extends unknown ? (value: T_6) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_5 ? { [K_2 in keyof T_5]: T_5[K_2]; } : never)[K_4] extends import("./form.js").FormValueInput ? ((((({ [K_3 in keyof I]: I[K_3] extends infer T_8 ? T_8 extends I[K_3] ? T_8 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_8 extends infer T_9 ? T_9 extends T_8 ? T_9 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_8 in keyof ((T_8 extends infer T_10 ? T_10 extends T_8 ? T_10 extends {
         visible: infer Visibility;
-    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
         visible: (value: FormValueRecord) => boolean;
-    }; } : Inputs : T_7 extends import("./form.js").FormValueInput ? { [K_7 in K_3]: T_7; } : {} : never : never; }[keyof I] ? T_6 extends unknown ? (value: T_6) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_5 ? { [K_2 in keyof T_5]: T_5[K_2]; } : never) extends infer T_4 ? { [K_4 in keyof T_4 as ((({ [K_3 in keyof I]: I[K_3] extends infer T_6 ? T_6 extends I[K_3] ? T_6 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_6 extends infer T_7 ? T_7 extends T_6 ? T_7 extends {
+    }; } : Inputs)]: Omit<((T_8 extends infer T_11 ? T_11 extends T_8 ? T_11 extends {
         visible: infer Visibility;
     } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
         visible: (value: FormValueRecord) => boolean;
-    }; } : Inputs : T_6 extends import("./form.js").FormValueInput ? { [K_8 in K_3]: T_6; } : {} : never : never; }[keyof I] extends infer T_6 ? T_6 extends { [K_3 in keyof I]: I[K_3] extends infer T_7 ? T_7 extends I[K_3] ? T_7 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_7 extends infer T_8 ? T_8 extends T_7 ? T_8 extends {
+    }; } : Inputs)[K_8], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_8 extends infer T_11 ? T_11 extends T_8 ? T_11 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs : T_8 extends import("./form.js").FormValueInput ? { [K_9 in K_3]: T_8; } : {} : never : never; }[keyof I] extends infer T_8 ? T_8 extends { [K_3 in keyof I]: I[K_3] extends infer T_9 ? T_9 extends I[K_3] ? T_9 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_9 extends infer T_10 ? T_10 extends T_9 ? T_10 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_8 in keyof ((T_9 extends infer T_11 ? T_11 extends T_9 ? T_11 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)]: Omit<((T_9 extends infer T_12 ? T_12 extends T_9 ? T_12 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)[K_8], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_9 extends infer T_12 ? T_12 extends T_9 ? T_12 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs : T_9 extends import("./form.js").FormValueInput ? { [K_9 in K_3]: T_9; } : {} : never : never; }[keyof I] ? T_8 extends unknown ? (value: T_8) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_7 ? { [K_2 in keyof T_7]: T_7[K_2]; } : never)[K_4] extends infer T_9 ? T_9 extends ((({ [K_3 in keyof I]: I[K_3] extends infer T_11 ? T_11 extends I[K_3] ? T_11 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_11 extends infer T_12 ? T_12 extends T_11 ? T_12 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_8 in keyof ((T_11 extends infer T_13 ? T_13 extends T_11 ? T_13 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)]: Omit<((T_11 extends infer T_14 ? T_14 extends T_11 ? T_14 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)[K_8], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_11 extends infer T_14 ? T_14 extends T_11 ? T_14 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs : T_11 extends import("./form.js").FormValueInput ? { [K_9 in K_3]: T_11; } : {} : never : never; }[keyof I] extends infer T_11 ? T_11 extends { [K_3 in keyof I]: I[K_3] extends infer T_12 ? T_12 extends I[K_3] ? T_12 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_12 extends infer T_13 ? T_13 extends T_12 ? T_13 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_8 in keyof ((T_12 extends infer T_14 ? T_14 extends T_12 ? T_14 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)]: Omit<((T_12 extends infer T_15 ? T_15 extends T_12 ? T_15 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)[K_8], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_12 extends infer T_15 ? T_15 extends T_12 ? T_15 extends {
         visible: infer Visibility;
     } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
         visible: (value: FormValueRecord) => boolean;
-    }; } : Inputs : T_7 extends import("./form.js").FormValueInput ? { [K_8 in K_3]: T_7; } : {} : never : never; }[keyof I] ? T_6 extends unknown ? (value: T_6) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_5 ? { [K_2 in keyof T_5]: T_5[K_2]; } : never)[K_4] extends import("./form.js").FormValueInput ? (((({ [K_3 in keyof I]: I[K_3] extends infer T_8 ? T_8 extends I[K_3] ? T_8 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_8 extends infer T_9 ? T_9 extends T_8 ? T_9 extends {
+    }; } : Inputs : T_12 extends import("./form.js").FormValueInput ? { [K_9 in K_3]: T_12; } : {} : never : never; }[keyof I] ? T_11 extends unknown ? (value: T_11) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_10 ? { [K_2 in keyof T_10]: T_10[K_2]; } : never)[K_4] ? T_9 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? true : ((({ [K_3 in keyof I]: I[K_3] extends infer T_13 ? T_13 extends I[K_3] ? T_13 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_13 extends infer T_14 ? T_14 extends T_13 ? T_14 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_8 in keyof ((T_13 extends infer T_15 ? T_15 extends T_13 ? T_15 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)]: Omit<((T_13 extends infer T_16 ? T_16 extends T_13 ? T_16 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)[K_8], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_13 extends infer T_16 ? T_16 extends T_13 ? T_16 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs : T_13 extends import("./form.js").FormValueInput ? { [K_9 in K_3]: T_13; } : {} : never : never; }[keyof I] extends infer T_13 ? T_13 extends { [K_3 in keyof I]: I[K_3] extends infer T_14 ? T_14 extends I[K_3] ? T_14 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_14 extends infer T_15 ? T_15 extends T_14 ? T_15 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_8 in keyof ((T_14 extends infer T_16 ? T_16 extends T_14 ? T_16 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)]: Omit<((T_14 extends infer T_17 ? T_17 extends T_14 ? T_17 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)[K_8], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_14 extends infer T_17 ? T_17 extends T_14 ? T_17 extends {
         visible: infer Visibility;
     } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
         visible: (value: FormValueRecord) => boolean;
-    }; } : Inputs : T_8 extends import("./form.js").FormValueInput ? { [K_8 in K_3]: T_8; } : {} : never : never; }[keyof I] extends infer T_8 ? T_8 extends { [K_3 in keyof I]: I[K_3] extends infer T_9 ? T_9 extends I[K_3] ? T_9 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_9 extends infer T_10 ? T_10 extends T_9 ? T_10 extends {
+    }; } : Inputs : T_14 extends import("./form.js").FormValueInput ? { [K_9 in K_3]: T_14; } : {} : never : never; }[keyof I] ? T_13 extends unknown ? (value: T_13) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_12 ? { [K_2 in keyof T_12]: T_12[K_2]; } : never)[K_4] extends infer T_14 ? T_14 extends ((({ [K_3 in keyof I]: I[K_3] extends infer T_16 ? T_16 extends I[K_3] ? T_16 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_16 extends infer T_17 ? T_17 extends T_16 ? T_17 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_8 in keyof ((T_16 extends infer T_18 ? T_18 extends T_16 ? T_18 extends {
         visible: infer Visibility;
     } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
         visible: (value: FormValueRecord) => boolean;
-    }; } : Inputs : T_9 extends import("./form.js").FormValueInput ? { [K_8 in K_3]: T_9; } : {} : never : never; }[keyof I] ? T_8 extends unknown ? (value: T_8) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_7 ? { [K_2 in keyof T_7]: T_7[K_2]; } : never)[K_4] extends infer T_9 ? T_9 extends ((({ [K_3 in keyof I]: I[K_3] extends infer T_11 ? T_11 extends I[K_3] ? T_11 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_11 extends infer T_12 ? T_12 extends T_11 ? T_12 extends {
+    }; } : Inputs)]: Omit<((T_16 extends infer T_19 ? T_19 extends T_16 ? T_19 extends {
         visible: infer Visibility;
     } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
         visible: (value: FormValueRecord) => boolean;
-    }; } : Inputs : T_11 extends import("./form.js").FormValueInput ? { [K_8 in K_3]: T_11; } : {} : never : never; }[keyof I] extends infer T_11 ? T_11 extends { [K_3 in keyof I]: I[K_3] extends infer T_12 ? T_12 extends I[K_3] ? T_12 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_12 extends infer T_13 ? T_13 extends T_12 ? T_13 extends {
+    }; } : Inputs)[K_8], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_16 extends infer T_19 ? T_19 extends T_16 ? T_19 extends {
         visible: infer Visibility;
     } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
         visible: (value: FormValueRecord) => boolean;
-    }; } : Inputs : T_12 extends import("./form.js").FormValueInput ? { [K_8 in K_3]: T_12; } : {} : never : never; }[keyof I] ? T_11 extends unknown ? (value: T_11) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_10 ? { [K_2 in keyof T_10]: T_10[K_2]; } : never)[K_4] ? T_9 extends {
+    }; } : Inputs : T_16 extends import("./form.js").FormValueInput ? { [K_9 in K_3]: T_16; } : {} : never : never; }[keyof I] extends infer T_16 ? T_16 extends { [K_3 in keyof I]: I[K_3] extends infer T_17 ? T_17 extends I[K_3] ? T_17 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_17 extends infer T_18 ? T_18 extends T_17 ? T_18 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? { [K_8 in keyof ((T_17 extends infer T_19 ? T_19 extends T_17 ? T_19 extends {
         visible: infer Visibility;
-    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? K_4 : never : never]?: (Extract<T_4[K_4], import("./form.js").FormValueInput>["required"] extends true ? NonNullable<FieldValue<Extract<T_4[K_4], import("./form.js").FormValueInput> extends infer T_12 ? T_12 extends Extract<T_4[K_4], import("./form.js").FormValueInput> ? T_12 extends import("./form.js").FormFieldEntry<infer Input extends InputType> ? Input : T_12 extends (Omit<{
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)]: Omit<((T_17 extends infer T_20 ? T_20 extends T_17 ? T_20 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs)[K_8], "disabled"> & {
+        disabled: boolean;
+    }; } : (T_17 extends infer T_20 ? T_20 extends T_17 ? T_20 extends {
+        visible: infer Visibility;
+    } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_7 in keyof Inputs]: Omit<Inputs[K_7], "visible"> & {
+        visible: (value: FormValueRecord) => boolean;
+    }; } : Inputs : T_17 extends import("./form.js").FormValueInput ? { [K_9 in K_3]: T_17; } : {} : never : never; }[keyof I] ? T_16 extends unknown ? (value: T_16) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_15 ? { [K_2 in keyof T_15]: T_15[K_2]; } : never)[K_4] ? T_14 extends {
+        disabled: infer Disabled;
+    } ? [Disabled] extends [false] ? false : true : false : never : never) extends true ? K_4 : never : never]?: (Extract<T_4[K_4], import("./form.js").FormValueInput>["required"] extends true ? NonNullable<FieldValue<Extract<T_4[K_4], import("./form.js").FormValueInput> extends infer T_17 ? T_17 extends Extract<T_4[K_4], import("./form.js").FormValueInput> ? T_17 extends import("./form.js").FormFieldEntry<infer Input extends InputType> ? Input : T_17 extends (Omit<{
         type: "time";
     } & {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: number) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: number | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -1708,13 +2236,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -1731,11 +2259,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -1747,13 +2280,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -1770,11 +2303,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: number) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: number | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -1786,13 +2324,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -1800,7 +2338,15 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         max?: number;
         step?: number;
         increment?: number;
+        largeStep?: number;
+        smallStep?: number;
+        snapOnStep?: boolean;
+        wheelStep?: boolean;
         showControls?: boolean;
+        format?: Intl.NumberFormatOptions;
+        locale?: string;
+        onValueCommit?: (detail: import("../NumberInput/numberInput.props.js").NumberInputCommitDetail) => void;
+        inputAttrs?: import("../NumberInput/numberInput.props.js").NumberInputInputAttributes;
         theme?: import("../NumberInput/numberInput.theme.js").NumberInputThemeProps & import("../Field/field.js").InputProps<"number">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
@@ -1810,11 +2356,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: number) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: number | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -1826,13 +2377,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         max?: number;
@@ -1879,11 +2430,14 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         min?: number;
         max?: number;
         step?: number;
+        largeStep?: number;
         mode?: import("../Slider/slider.props.js").SliderMode;
         variant?: import("../Slider/slider.props.js").SliderVariant;
         thumbs?: number;
         orientation?: "horizontal" | "vertical";
         minStepsBetweenThumbs?: number;
+        thumbCollisionBehavior?: import("../Slider/slider.props.js").SliderThumbCollisionBehavior;
+        thumbDisabled?: boolean[];
         dragRange?: boolean;
         color?: import("../../../types/theme.js").Colors;
         marks?: import("../Slider/slider.props.js").SliderMark[];
@@ -1894,6 +2448,7 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         thumbLabels?: string[];
         i18n?: Partial<import("../../../i18n/en.js").Messages>;
         onValueChange?: (value: number | number[] | null) => void;
+        onValueCommit?: (value: number | number[]) => void;
         onValidate?: (value: number | number[]) => string[] | boolean;
         theme?: import("../Slider/slider.theme.js").SliderThemeProps & import("../Field/field.js").InputProps<"slider">["theme"];
     }, "visible"> & {
@@ -1906,11 +2461,14 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         min?: number;
         max?: number;
         step?: number;
+        largeStep?: number;
         mode?: import("../Slider/slider.props.js").SliderMode;
         variant?: import("../Slider/slider.props.js").SliderVariant;
         thumbs?: number;
         orientation?: "horizontal" | "vertical";
         minStepsBetweenThumbs?: number;
+        thumbCollisionBehavior?: import("../Slider/slider.props.js").SliderThumbCollisionBehavior;
+        thumbDisabled?: boolean[];
         dragRange?: boolean;
         color?: import("../../../types/theme.js").Colors;
         marks?: import("../Slider/slider.props.js").SliderMark[];
@@ -1921,6 +2479,7 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         thumbLabels?: string[];
         i18n?: Partial<import("../../../i18n/en.js").Messages>;
         onValueChange?: (value: number | number[] | null) => void;
+        onValueCommit?: (value: number | number[]) => void;
         onValidate?: (value: number | number[]) => string[] | boolean;
         theme?: import("../Slider/slider.theme.js").SliderThemeProps & import("../Field/field.js").InputProps<"slider">["theme"];
     }, "visible"> & {
@@ -1928,7 +2487,7 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     }) | (Omit<{
         type: "calendar" | "calendar-range";
         display?: undefined;
-    } & Omit<import("../Calendar/calendarInput.props.js").CalendarPrimitiveProps<import("../Calendar/useCalendar.svelte.js").Event, "calendar" | "calendar-range">, "label"> & Omit<import("../Field/field.js").InputProps<"calendar" | "calendar-range">, "theme" | "children" | "type"> & {
+    } & Omit<import("../Calendar/calendarInput.props.js").CalendarPrimitiveProps<import("../Calendar/useCalendar.svelte.js").Event, "calendar" | "calendar-range">, "label"> & Omit<import("../Field/field.js").InputProps<"calendar" | "calendar-range">, "type" | "theme" | "children"> & {
         theme?: {
             calendar: import("../../../utils/cva/theme.js").InferComponentTheme<typeof import("../Calendar/calendar.theme.js").calendarTheme>;
             field: import("../../../utils/cva/theme.js").InferComponentTheme<typeof import("../Field/field.theme.js").fieldTheme>;
@@ -1947,11 +2506,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: Date) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: Date) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: Date | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -1963,13 +2527,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         type?: import("../Field/field.js").DateInputType;
@@ -2000,11 +2564,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -2016,13 +2585,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -2047,11 +2616,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -2063,13 +2637,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         type?: import("../TextInput/textInput.props.js").TextInputType;
@@ -2084,11 +2658,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -2100,16 +2679,19 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
+        autocomplete?: import("../PasswordInput/passwordInput.props.js").PasswordInputAutocomplete;
+        minLength?: number;
+        inputAttrs?: import("../PasswordInput/passwordInput.props.js").PasswordInputAttributes;
         theme?: import("../PasswordInput/passwordInput.theme.js").PasswordInputThemeProps & import("../Field/field.js").InputProps<"password">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
@@ -2119,11 +2701,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -2135,13 +2722,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -2161,21 +2748,26 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         size?: import("../../../types/theme.js").Sizes | undefined;
         value?: string | null | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        name?: string | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        form?: string | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        name?: string | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         defaultValue?: string | null | undefined;
         required?: boolean | undefined;
+        readOnly?: boolean | undefined;
         density?: import("../../../types/theme.js").Density | undefined;
         labelPosition?: import("../Field/field.js").FieldLabelPosition | undefined;
         visible?: boolean | undefined;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode | undefined;
+        validationDebounce?: number | undefined;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes | undefined;
         errors?: string[] | boolean | undefined;
         focused?: boolean | undefined;
@@ -2205,81 +2797,72 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "select";
-    } & {
-        name?: string;
-        required?: boolean;
-        disabled?: boolean;
-        size?: import("../../../types/theme.js").Sizes;
-        density?: import("../../../types/theme.js").Density;
-        labelPosition?: import("../Field/field.js").FieldLabelPosition;
-        visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
-        onValueChange?: ((value: string | null) => void) | undefined;
-        fieldAttrs?: import("../Field/field.js").FieldAttributes;
-        class?: string;
-        theme?: import("../Field/field.theme.js").FieldThemeProps;
-        value?: string | null | undefined;
-        defaultValue?: string | null | undefined;
-        errors?: string[] | boolean;
-        focused?: boolean;
-    } & {
-        error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-    } & {
+    } & Omit<import("../Field/field.js").InputProps<"select">, "theme" | "value" | "onValueChange" | "defaultValue" | "onValidate"> & {
         placeholder?: string;
-        theme?: import("../Select/select.theme.js").SelectThemeProps & import("../Field/field.js").InputProps<"select">["theme"];
+        id?: string;
         items?: import("../Select/select.props.js").SelectItems;
         density?: import("../../../types/theme.js").Density;
         separators?: boolean;
         alignItemWithTrigger?: boolean;
+        clearable?: boolean;
+        autocomplete?: import("svelte/elements").HTMLInputAttributes["autocomplete"];
         triggerAttrs?: import("../Select/select.props.js").SelectTriggerAttributes;
         i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        open?: boolean;
+        defaultOpen?: boolean;
+        onOpenChange?: import("../../../utils/openChange.js").OpenChangeHandler;
+        onAfterOpen?: () => void;
+        onAfterClose?: () => void;
+    } & {
+        multiple?: false | undefined;
+        value?: string | null | undefined;
+        defaultValue?: string | null | undefined;
+        onValueChange?: ((value: string | null) => void) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        formatValue?: (options: import("../Select/select.props.js").SelectOption[]) => string;
+        theme?: import("../Select/select.theme.js").SelectThemeProps & import("../Field/field.js").InputProps<"select">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "select-multiple";
+    } & Omit<import("../Select/select.props.js").SelectProps<true>, "value" | "defaultValue" | "multiple"> & {
+        value?: string[] | null;
+        defaultValue?: string[] | null;
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "combobox";
-    } & Omit<import("../Field/field.js").InputProps<"combobox">, "prefix" | "onValueChange"> & {
+    } & Omit<import("../Field/field.js").InputProps<"combobox">, "prefix" | "onValueChange" | "density"> & import("../Combobox/combobox.props.js").ComboboxListProps & {
+        items: import("../Combobox/combobox.props.js").ComboboxItemsSource;
         onValueChange?: (payload: import("../Combobox/combobox.props.js").ComboboxValueChangePayload) => void;
-        searchValue?: string;
-        loading?: boolean;
         placeholder?: string;
-        items: import("../Combobox/combobox.props.js").ComboboxOption[] | ((searchValue?: string) => import("../Combobox/combobox.props.js").MaybePromise<import("../Combobox/combobox.props.js").ComboboxOption[]>);
-        density?: import("../../../types/theme.js").Density;
-        showAllOnFocus?: boolean;
-        getValueOption?: (value: string) => import("../Combobox/combobox.props.js").MaybePromise<import("../Combobox/combobox.props.js").ComboboxOption | null | undefined>;
         prefix?: import("svelte").Snippet | false;
-        loadingText?: string;
-        noOptionsText?: string;
         theme?: import("../Combobox/combobox.theme.js").ComboboxThemeProps & import("../Field/field.js").InputProps<"combobox">["theme"];
-        i18n?: Partial<import("../../../i18n/en.js").Messages>;
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "radio";
-    } & Omit<import("../Field/field.js").InputProps<"radio">, "theme"> & {
+    } & Omit<import("../Field/field.js").InputProps<"radio">, "theme" | "value" | "onValueChange" | "defaultValue"> & {
         mode?: "card" | "normal";
-        items: import("../RadioInput/radioInput.props.js").RadioOption[];
+        items: readonly import("../RadioInput/radioInput.props.js").RadioOption<string>[];
+        value?: string | null | undefined;
+        defaultValue?: string | null | undefined;
+        onValueChange?: ((value: string | null) => void) | undefined;
         theme?: import("../RadioInput/radioInput.theme.js").RadioInputThemeProps & import("../Field/field.js").InputProps<"radio">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "checkboxes";
     } & Omit<import("../Field/field.js").InputProps<"checkboxes">, "theme" | "value" | "onValueChange" | "defaultValue"> & {
-        value?: string[];
-        defaultValue?: string[];
-        onValueChange?: (value: string[]) => void;
+        value?: string[] | undefined;
+        defaultValue?: string[] | undefined;
+        onValueChange?: ((value: string[]) => void) | undefined;
         mode?: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxMode;
-        items: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxOption[];
+        items: readonly import("../CheckboxesInput/checkboxesInput.props.js").CheckboxOption<string>[];
+        selectAll?: boolean;
+        selectAllLabel?: import("../../Slot/slot.js").Slot;
         theme?: import("../CheckboxesInput/checkboxesInput.theme.js").CheckboxesInputThemeProps & import("../Field/field.js").InputProps<"checkboxes">["theme"];
-    } & Partial<Omit<import("../Field/field.js").FieldProps<"checkboxes">, "theme" | "children" | "type" | "field">>, "visible"> & {
+    } & Partial<Omit<import("../Field/field.js").FieldProps<"checkboxes">, "type" | "theme" | "children" | "field">>, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "checkbox";
@@ -2287,11 +2870,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: boolean) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: boolean) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: boolean | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -2303,17 +2891,19 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         mode?: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxMode | "control";
         indeterminate?: boolean;
+        inputValue?: string;
+        inputAttrs?: import("../Field/field.js").FieldButtonAttributes;
         theme?: import("../CheckboxesInput/checkboxesInput.theme.js").CheckboxesInputThemeProps & import("../Field/field.js").InputProps<"checkbox">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
@@ -2323,11 +2913,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: boolean) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: boolean) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: boolean | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -2339,15 +2934,18 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
+        required?: boolean;
+        inputValue?: string;
+        inputAttrs?: import("../Field/field.js").FieldButtonAttributes;
         theme?: import("../Switch/switch.theme.js").SwitchThemeProps & import("../Field/field.js").InputProps<"switch">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
@@ -2409,27 +3007,19 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         selectedVariant?: import("../../Chip/chip.props.js").ChipProps["variant"];
         unselectedVariant?: import("../../Chip/chip.props.js").ChipProps["variant"];
         chipTheme?: import("../../Chip/chip.theme.js").ChipThemeProps;
-    } & Partial<Omit<import("../Field/field.js").FieldProps<"tag-group">, "children" | "type">> & import("../../../types/props.js").DataAttributes & {
+    } & Partial<Omit<import("../Field/field.js").FieldProps<"tag-group">, "type" | "children">> & import("../../../types/props.js").DataAttributes & {
         [key: symbol]: Attachment<HTMLElement> | null | undefined;
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "tag";
-    } & Omit<import("../Field/field.js").InputProps<"tag">, "onValueChange"> & {
+    } & Omit<import("../Field/field.js").InputProps<"tag">, "onValueChange" | "density"> & import("../Combobox/combobox.props.js").ComboboxListProps & {
         onValueChange?: (value: string[]) => void;
-        searchValue?: string;
-        loading?: boolean;
         placeholder?: string;
-        items?: import("../Combobox/combobox.props.js").ComboboxOption[] | ((searchValue?: string) => import("../Combobox/combobox.props.js").MaybePromise<import("../Combobox/combobox.props.js").ComboboxOption[]>);
-        density?: import("../../../types/theme.js").Density;
         customTags?: boolean;
         maxTags?: number;
-        showAllOnFocus?: boolean;
-        getValueOption?: (value: string) => import("../Combobox/combobox.props.js").MaybePromise<import("../Combobox/combobox.props.js").ComboboxOption | null | undefined>;
-        loadingText?: string;
-        noOptionsText?: string;
+        keepSearchOnSelect?: boolean;
         theme?: import("../TagsInput/tagsInput.theme.js").TagsInputThemeProps & import("../Field/field.js").InputProps<"tag">["theme"];
-        i18n?: Partial<import("../../../i18n/en.js").Messages>;
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
@@ -2452,8 +3042,12 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         inputMode?: import("svelte/elements").HTMLInputAttributes["inputmode"];
         autocomplete?: import("svelte/elements").HTMLInputAttributes["autocomplete"];
         pasteTransformer?: (text: string) => string;
+        normalizeValue?: (text: string) => string;
+        onRejectInput?: (detail: import("../PinInput/pinInput.state.svelte.js").PinInputRejectDetail) => void;
         onValueChange?: (value: string) => void;
         onComplete?: (value: string) => void;
+        submitOnComplete?: boolean;
+        groups?: number[];
         mask?: boolean;
         theme?: import("../PinInput/pinInput.theme.js").PinInputThemeProps & import("../Field/field.js").InputProps<"pin">["theme"];
     }, "visible"> & {
@@ -2465,17 +3059,22 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         currencies?: readonly string[];
     } & {
         type: "test-money";
-    }) ? T_12["type"] : never : never : never>> : FieldValue<Extract<T_4[K_4], import("./form.js").FormValueInput> extends infer T_13 ? T_13 extends Extract<T_4[K_4], import("./form.js").FormValueInput> ? T_13 extends import("./form.js").FormFieldEntry<infer Input extends InputType> ? Input : T_13 extends (Omit<{
+    }) ? T_17["type"] : never : never : never>> : FieldValue<Extract<T_4[K_4], import("./form.js").FormValueInput> extends infer T_18 ? T_18 extends Extract<T_4[K_4], import("./form.js").FormValueInput> ? T_18 extends import("./form.js").FormFieldEntry<infer Input extends InputType> ? Input : T_18 extends (Omit<{
         type: "time";
     } & {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: number) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: number | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -2487,13 +3086,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -2510,11 +3109,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -2526,13 +3130,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -2549,11 +3153,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: number) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: number | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -2565,13 +3174,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -2579,7 +3188,15 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         max?: number;
         step?: number;
         increment?: number;
+        largeStep?: number;
+        smallStep?: number;
+        snapOnStep?: boolean;
+        wheelStep?: boolean;
         showControls?: boolean;
+        format?: Intl.NumberFormatOptions;
+        locale?: string;
+        onValueCommit?: (detail: import("../NumberInput/numberInput.props.js").NumberInputCommitDetail) => void;
+        inputAttrs?: import("../NumberInput/numberInput.props.js").NumberInputInputAttributes;
         theme?: import("../NumberInput/numberInput.theme.js").NumberInputThemeProps & import("../Field/field.js").InputProps<"number">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
@@ -2589,11 +3206,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: number) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: number | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -2605,13 +3227,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         max?: number;
@@ -2658,11 +3280,14 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         min?: number;
         max?: number;
         step?: number;
+        largeStep?: number;
         mode?: import("../Slider/slider.props.js").SliderMode;
         variant?: import("../Slider/slider.props.js").SliderVariant;
         thumbs?: number;
         orientation?: "horizontal" | "vertical";
         minStepsBetweenThumbs?: number;
+        thumbCollisionBehavior?: import("../Slider/slider.props.js").SliderThumbCollisionBehavior;
+        thumbDisabled?: boolean[];
         dragRange?: boolean;
         color?: import("../../../types/theme.js").Colors;
         marks?: import("../Slider/slider.props.js").SliderMark[];
@@ -2673,6 +3298,7 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         thumbLabels?: string[];
         i18n?: Partial<import("../../../i18n/en.js").Messages>;
         onValueChange?: (value: number | number[] | null) => void;
+        onValueCommit?: (value: number | number[]) => void;
         onValidate?: (value: number | number[]) => string[] | boolean;
         theme?: import("../Slider/slider.theme.js").SliderThemeProps & import("../Field/field.js").InputProps<"slider">["theme"];
     }, "visible"> & {
@@ -2685,11 +3311,14 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         min?: number;
         max?: number;
         step?: number;
+        largeStep?: number;
         mode?: import("../Slider/slider.props.js").SliderMode;
         variant?: import("../Slider/slider.props.js").SliderVariant;
         thumbs?: number;
         orientation?: "horizontal" | "vertical";
         minStepsBetweenThumbs?: number;
+        thumbCollisionBehavior?: import("../Slider/slider.props.js").SliderThumbCollisionBehavior;
+        thumbDisabled?: boolean[];
         dragRange?: boolean;
         color?: import("../../../types/theme.js").Colors;
         marks?: import("../Slider/slider.props.js").SliderMark[];
@@ -2700,6 +3329,7 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         thumbLabels?: string[];
         i18n?: Partial<import("../../../i18n/en.js").Messages>;
         onValueChange?: (value: number | number[] | null) => void;
+        onValueCommit?: (value: number | number[]) => void;
         onValidate?: (value: number | number[]) => string[] | boolean;
         theme?: import("../Slider/slider.theme.js").SliderThemeProps & import("../Field/field.js").InputProps<"slider">["theme"];
     }, "visible"> & {
@@ -2707,7 +3337,7 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     }) | (Omit<{
         type: "calendar" | "calendar-range";
         display?: undefined;
-    } & Omit<import("../Calendar/calendarInput.props.js").CalendarPrimitiveProps<import("../Calendar/useCalendar.svelte.js").Event, "calendar" | "calendar-range">, "label"> & Omit<import("../Field/field.js").InputProps<"calendar" | "calendar-range">, "theme" | "children" | "type"> & {
+    } & Omit<import("../Calendar/calendarInput.props.js").CalendarPrimitiveProps<import("../Calendar/useCalendar.svelte.js").Event, "calendar" | "calendar-range">, "label"> & Omit<import("../Field/field.js").InputProps<"calendar" | "calendar-range">, "type" | "theme" | "children"> & {
         theme?: {
             calendar: import("../../../utils/cva/theme.js").InferComponentTheme<typeof import("../Calendar/calendar.theme.js").calendarTheme>;
             field: import("../../../utils/cva/theme.js").InferComponentTheme<typeof import("../Field/field.theme.js").fieldTheme>;
@@ -2726,11 +3356,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: Date) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: Date) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: Date | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -2742,13 +3377,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         type?: import("../Field/field.js").DateInputType;
@@ -2779,11 +3414,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -2795,13 +3435,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -2826,11 +3466,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -2842,13 +3487,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         type?: import("../TextInput/textInput.props.js").TextInputType;
@@ -2863,11 +3508,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -2879,16 +3529,19 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
+        autocomplete?: import("../PasswordInput/passwordInput.props.js").PasswordInputAutocomplete;
+        minLength?: number;
+        inputAttrs?: import("../PasswordInput/passwordInput.props.js").PasswordInputAttributes;
         theme?: import("../PasswordInput/passwordInput.theme.js").PasswordInputThemeProps & import("../Field/field.js").InputProps<"password">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
@@ -2898,11 +3551,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: string | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -2914,13 +3572,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         placeholder?: string;
@@ -2940,21 +3598,26 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         size?: import("../../../types/theme.js").Sizes | undefined;
         value?: string | null | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        name?: string | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        form?: string | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        name?: string | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         defaultValue?: string | null | undefined;
         required?: boolean | undefined;
+        readOnly?: boolean | undefined;
         density?: import("../../../types/theme.js").Density | undefined;
         labelPosition?: import("../Field/field.js").FieldLabelPosition | undefined;
         visible?: boolean | undefined;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode | undefined;
+        validationDebounce?: number | undefined;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes | undefined;
         errors?: string[] | boolean | undefined;
         focused?: boolean | undefined;
@@ -2984,81 +3647,72 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "select";
-    } & {
-        name?: string;
-        required?: boolean;
-        disabled?: boolean;
-        size?: import("../../../types/theme.js").Sizes;
-        density?: import("../../../types/theme.js").Density;
-        labelPosition?: import("../Field/field.js").FieldLabelPosition;
-        visible?: boolean;
-        onValidate?: ((value: string) => string | string[] | boolean | null | undefined) | undefined;
-        onValueChange?: ((value: string | null) => void) | undefined;
-        fieldAttrs?: import("../Field/field.js").FieldAttributes;
-        class?: string;
-        theme?: import("../Field/field.theme.js").FieldThemeProps;
-        value?: string | null | undefined;
-        defaultValue?: string | null | undefined;
-        errors?: string[] | boolean;
-        focused?: boolean;
-    } & {
-        error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-    } & {
+    } & Omit<import("../Field/field.js").InputProps<"select">, "theme" | "value" | "onValueChange" | "defaultValue" | "onValidate"> & {
         placeholder?: string;
-        theme?: import("../Select/select.theme.js").SelectThemeProps & import("../Field/field.js").InputProps<"select">["theme"];
+        id?: string;
         items?: import("../Select/select.props.js").SelectItems;
         density?: import("../../../types/theme.js").Density;
         separators?: boolean;
         alignItemWithTrigger?: boolean;
+        clearable?: boolean;
+        autocomplete?: import("svelte/elements").HTMLInputAttributes["autocomplete"];
         triggerAttrs?: import("../Select/select.props.js").SelectTriggerAttributes;
         i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        open?: boolean;
+        defaultOpen?: boolean;
+        onOpenChange?: import("../../../utils/openChange.js").OpenChangeHandler;
+        onAfterOpen?: () => void;
+        onAfterClose?: () => void;
+    } & {
+        multiple?: false | undefined;
+        value?: string | null | undefined;
+        defaultValue?: string | null | undefined;
+        onValueChange?: ((value: string | null) => void) | undefined;
+        onValidate?: ((value: string) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        formatValue?: (options: import("../Select/select.props.js").SelectOption[]) => string;
+        theme?: import("../Select/select.theme.js").SelectThemeProps & import("../Field/field.js").InputProps<"select">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "select-multiple";
+    } & Omit<import("../Select/select.props.js").SelectProps<true>, "value" | "defaultValue" | "multiple"> & {
+        value?: string[] | null;
+        defaultValue?: string[] | null;
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "combobox";
-    } & Omit<import("../Field/field.js").InputProps<"combobox">, "prefix" | "onValueChange"> & {
+    } & Omit<import("../Field/field.js").InputProps<"combobox">, "prefix" | "onValueChange" | "density"> & import("../Combobox/combobox.props.js").ComboboxListProps & {
+        items: import("../Combobox/combobox.props.js").ComboboxItemsSource;
         onValueChange?: (payload: import("../Combobox/combobox.props.js").ComboboxValueChangePayload) => void;
-        searchValue?: string;
-        loading?: boolean;
         placeholder?: string;
-        items: import("../Combobox/combobox.props.js").ComboboxOption[] | ((searchValue?: string) => import("../Combobox/combobox.props.js").MaybePromise<import("../Combobox/combobox.props.js").ComboboxOption[]>);
-        density?: import("../../../types/theme.js").Density;
-        showAllOnFocus?: boolean;
-        getValueOption?: (value: string) => import("../Combobox/combobox.props.js").MaybePromise<import("../Combobox/combobox.props.js").ComboboxOption | null | undefined>;
         prefix?: import("svelte").Snippet | false;
-        loadingText?: string;
-        noOptionsText?: string;
         theme?: import("../Combobox/combobox.theme.js").ComboboxThemeProps & import("../Field/field.js").InputProps<"combobox">["theme"];
-        i18n?: Partial<import("../../../i18n/en.js").Messages>;
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "radio";
-    } & Omit<import("../Field/field.js").InputProps<"radio">, "theme"> & {
+    } & Omit<import("../Field/field.js").InputProps<"radio">, "theme" | "value" | "onValueChange" | "defaultValue"> & {
         mode?: "card" | "normal";
-        items: import("../RadioInput/radioInput.props.js").RadioOption[];
+        items: readonly import("../RadioInput/radioInput.props.js").RadioOption<string>[];
+        value?: string | null | undefined;
+        defaultValue?: string | null | undefined;
+        onValueChange?: ((value: string | null) => void) | undefined;
         theme?: import("../RadioInput/radioInput.theme.js").RadioInputThemeProps & import("../Field/field.js").InputProps<"radio">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "checkboxes";
     } & Omit<import("../Field/field.js").InputProps<"checkboxes">, "theme" | "value" | "onValueChange" | "defaultValue"> & {
-        value?: string[];
-        defaultValue?: string[];
-        onValueChange?: (value: string[]) => void;
+        value?: string[] | undefined;
+        defaultValue?: string[] | undefined;
+        onValueChange?: ((value: string[]) => void) | undefined;
         mode?: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxMode;
-        items: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxOption[];
+        items: readonly import("../CheckboxesInput/checkboxesInput.props.js").CheckboxOption<string>[];
+        selectAll?: boolean;
+        selectAllLabel?: import("../../Slot/slot.js").Slot;
         theme?: import("../CheckboxesInput/checkboxesInput.theme.js").CheckboxesInputThemeProps & import("../Field/field.js").InputProps<"checkboxes">["theme"];
-    } & Partial<Omit<import("../Field/field.js").FieldProps<"checkboxes">, "theme" | "children" | "type" | "field">>, "visible"> & {
+    } & Partial<Omit<import("../Field/field.js").FieldProps<"checkboxes">, "type" | "theme" | "children" | "field">>, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "checkbox";
@@ -3066,11 +3720,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: boolean) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: boolean) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: boolean | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -3082,17 +3741,19 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
         mode?: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxMode | "control";
         indeterminate?: boolean;
+        inputValue?: string;
+        inputAttrs?: import("../Field/field.js").FieldButtonAttributes;
         theme?: import("../CheckboxesInput/checkboxesInput.theme.js").CheckboxesInputThemeProps & import("../Field/field.js").InputProps<"checkbox">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
@@ -3102,11 +3763,16 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         name?: string;
         required?: boolean;
         disabled?: boolean;
+        readOnly?: boolean;
+        form?: string;
         size?: import("../../../types/theme.js").Sizes;
         density?: import("../../../types/theme.js").Density;
         labelPosition?: import("../Field/field.js").FieldLabelPosition;
         visible?: boolean;
-        onValidate?: ((value: boolean) => string | string[] | boolean | null | undefined) | undefined;
+        onValidate?: ((value: boolean) => import("../Field/field.state.svelte.js").FieldValidatorResult) | undefined;
+        validationMode?: ValidationMode;
+        validationDebounce?: number;
+        messages?: import("../Field/field.messages.js").FieldMessageOverrides;
         onValueChange?: ((value: boolean | null) => void) | undefined;
         fieldAttrs?: import("../Field/field.js").FieldAttributes;
         class?: string;
@@ -3118,15 +3784,18 @@ export declare class FormState<I extends FormInputs = FormInputs> {
     } & {
         error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-        footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
         errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     } & {
+        required?: boolean;
+        inputValue?: string;
+        inputAttrs?: import("../Field/field.js").FieldButtonAttributes;
         theme?: import("../Switch/switch.theme.js").SwitchThemeProps & import("../Field/field.js").InputProps<"switch">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
@@ -3188,27 +3857,19 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         selectedVariant?: import("../../Chip/chip.props.js").ChipProps["variant"];
         unselectedVariant?: import("../../Chip/chip.props.js").ChipProps["variant"];
         chipTheme?: import("../../Chip/chip.theme.js").ChipThemeProps;
-    } & Partial<Omit<import("../Field/field.js").FieldProps<"tag-group">, "children" | "type">> & import("../../../types/props.js").DataAttributes & {
+    } & Partial<Omit<import("../Field/field.js").FieldProps<"tag-group">, "type" | "children">> & import("../../../types/props.js").DataAttributes & {
         [key: symbol]: Attachment<HTMLElement> | null | undefined;
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
         type: "tag";
-    } & Omit<import("../Field/field.js").InputProps<"tag">, "onValueChange"> & {
+    } & Omit<import("../Field/field.js").InputProps<"tag">, "onValueChange" | "density"> & import("../Combobox/combobox.props.js").ComboboxListProps & {
         onValueChange?: (value: string[]) => void;
-        searchValue?: string;
-        loading?: boolean;
         placeholder?: string;
-        items?: import("../Combobox/combobox.props.js").ComboboxOption[] | ((searchValue?: string) => import("../Combobox/combobox.props.js").MaybePromise<import("../Combobox/combobox.props.js").ComboboxOption[]>);
-        density?: import("../../../types/theme.js").Density;
         customTags?: boolean;
         maxTags?: number;
-        showAllOnFocus?: boolean;
-        getValueOption?: (value: string) => import("../Combobox/combobox.props.js").MaybePromise<import("../Combobox/combobox.props.js").ComboboxOption | null | undefined>;
-        loadingText?: string;
-        noOptionsText?: string;
+        keepSearchOnSelect?: boolean;
         theme?: import("../TagsInput/tagsInput.theme.js").TagsInputThemeProps & import("../Field/field.js").InputProps<"tag">["theme"];
-        i18n?: Partial<import("../../../i18n/en.js").Messages>;
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
     }) | (Omit<{
@@ -3231,8 +3892,12 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         inputMode?: import("svelte/elements").HTMLInputAttributes["inputmode"];
         autocomplete?: import("svelte/elements").HTMLInputAttributes["autocomplete"];
         pasteTransformer?: (text: string) => string;
+        normalizeValue?: (text: string) => string;
+        onRejectInput?: (detail: import("../PinInput/pinInput.state.svelte.js").PinInputRejectDetail) => void;
         onValueChange?: (value: string) => void;
         onComplete?: (value: string) => void;
+        submitOnComplete?: boolean;
+        groups?: number[];
         mask?: boolean;
         theme?: import("../PinInput/pinInput.theme.js").PinInputThemeProps & import("../Field/field.js").InputProps<"pin">["theme"];
     }, "visible"> & {
@@ -3244,17 +3909,77 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         currencies?: readonly string[];
     } & {
         type: "test-money";
-    }) ? T_13["type"] : never : never : never> | null) | undefined; } : never) extends infer T ? { [K in keyof T]: T[K]; } : never>;
+    }) ? T_18["type"] : never : never : never> | null) | undefined; } : never) extends infer T ? { [K in keyof T]: T[K]; } : never>;
+    /** When fields validate by themselves; a field's own `validationMode` takes precedence. */
+    get validationMode(): ValidationMode;
+    /** Milliseconds an edit waits before the validation it triggers; a field's own value wins. */
+    get validationDebounce(): number;
+    /** True when any field differs from its initial value. */
+    get dirty(): boolean;
+    /** True when focus has entered and left any field. */
+    get touched(): boolean;
+    /** True while an async validator of any field is pending. */
+    get validating(): boolean;
     constructor(options: FormStateOptions<I>);
     registerField<T extends FieldType>(field: FieldState<T>): () => void;
     updateFieldValue<T extends FieldType>(field: FieldState<T>, notify?: boolean): void;
     keyboardNavigation: Attachment<HTMLElement>;
     private handleKeydown;
+    /**
+     * Moves on from `field` as Enter does in a text field: the last navigable field submits the
+     * form; any other field validates and, when valid, hands focus to the next field, or keeps it
+     * while invalid. Controls that do not reach Form's Enter handling (checkboxes, radios) call it
+     * from their own Enter key. Returns false when `field` is not a visible, enabled field of this
+     * form, so the caller can fall back to the native behaviour.
+     */
+    advanceFrom: <T extends FieldType>(field: FieldState<T>) => boolean;
+    private advance;
     isInputVisible(name: string): boolean;
     isFieldVisible(input: FormRenderableInput, group?: FormGroup): boolean;
     isGroupVisible(group: FormGroup): boolean;
-    validate: () => InferFormValue<I> | false;
+    /**
+     * Validates every visible, enabled field synchronously and returns the validated value, or
+     * false after revealing the first invalid field. Disabled fields are skipped and left out of
+     * the value. It does not wait for async validators: use `validateAsync` or `submit` for those.
+     */
+    validate: (options?: FormValidateOptions) => InferFormValue<I> | false;
+    /** Like `validate`, and waits for the async validators of every field to settle. */
+    validateAsync: (options?: FormValidateOptions) => Promise<InferFormValue<I> | false>;
+    /**
+     * @internal `validate` that returns a promise only when an async validator is pending, for
+     * callers that must keep their synchronous timing otherwise.
+     */
+    validateStaged: (options?: FormValidateOptions) => InferFormValue<I> | false | Promise<InferFormValue<I> | false>;
+    /**
+     * Validates one field now and returns whether it is valid. A field that is not a visible
+     * field of this form reads as invalid; a disabled one skips validation and reads as valid.
+     * A field whose async validator is still running reads as invalid: use `validateAsync` to wait.
+     * It neither scrolls nor focuses, and does not count as a submit attempt.
+     */
+    validateField: (name: string) => boolean;
     submit: () => Promise<InferFormValue<I> | false>;
+    /**
+     * Shows errors from outside the form, a server response say, under their fields. They replace
+     * the errors set before, survive validation and clear when the field's value next changes.
+     * Keys are field names; a value is a message or a list of them. Reveals the first field in
+     * render order that has one.
+     */
+    setErrors(errors: FormErrors<I> | null | undefined): void;
+    /**
+     * Restores every field to its initial value, or to `value` where it gives one, and makes that
+     * the new baseline: errors, touched, dirty and the submit count clear, and fields do not
+     * report the change as an edit. The form's `onValueChange` runs once if the visible value
+     * changed.
+     */
+    reset(value?: LiveFormValue<I>): void;
+    /** @internal A field whose value changed drops its server errors from the form's record. */
+    forgetExternalErrors(name: string): void;
+    private applyExternalErrors;
+    private revealExternalErrors;
+    private collect;
+    private fail;
+    private firstInvalidField;
+    private stage;
     private submitValidatedValue;
     private reconcileInputs;
     private getVisibleValue;