entasis 0.0.0 → 0.4.1

package/dist/components/Form/MultiStepForm/multiStepForm.state.svelte.d.ts

@@ -0,0 +1,3205 @@
+import { SvelteMap } from 'svelte/reactivity';
+import { StepperState } from '../../Stepper/stepper.state.svelte.js';
+import type { Colors } from '../../../types/theme.js';
+import type { FormState } from '../Form/form.state.svelte.js';
+import { type FormInputs, type FormValueRecord, type InferFormValue, type LiveFormValue } from '../Form/form.js';
+import type { FormStep, MergedMultiStepFormInputs, MultiStepFormItemWithState, MultiStepFormItems, MultiStepFormItemsWithState, MultiStepFormProps } from './multiStepForm.props.js';
+type MultiStepFormValue<I extends MultiStepFormItems> = LiveFormValue<MergedMultiStepFormInputs<I>>;
+type MultiStepSubmitValue<I extends MultiStepFormItems> = InferFormValue<MergedMultiStepFormInputs<I>>;
+type MultiStepProgressValue<I extends MultiStepFormItems> = Partial<MultiStepSubmitValue<I>>;
+type MultiStepFormOptions<I extends MultiStepFormItems> = {
+    steps: I & MultiStepFormItemsWithState<I>;
+    onSubmitForm?: (value: MultiStepSubmitValue<I>) => Promise<void> | void;
+    onSubmitStep?: MultiStepFormProps<I>['onSubmitStep'];
+    meterColor?: Colors;
+    value?: MultiStepFormValue<I>;
+    onValueChange?: (value: MultiStepFormValue<I>) => void;
+};
+export declare class MultiStepFormState<I extends MultiStepFormItems = FormStep[]> {
+    readonly forms: SvelteMap<number, FormState<FormInputs>>;
+    readonly stepValues: SvelteMap<number, Partial<{
+        [x: string]: undefined;
+    }>>;
+    stepper: StepperState<MultiStepFormItemWithState<I>> | undefined;
+    activeStep: number;
+    loading: boolean;
+    private readonly options;
+    private submitPromise;
+    steps: I & MultiStepFormItemsWithState<I>;
+    isLastStep: boolean;
+    value: Partial<(((((MergedMultiStepFormInputs<I> extends infer T_3 extends FormInputs ? { [K_3 in keyof T_3]: T_3[K_3] extends infer T_4 ? T_4 extends T_3[K_3] ? T_4 extends import("../Form/form.js").FormGroup<infer Inputs extends import("../Form/form.js").FormGroupInputs> ? (T_4 extends infer T_5 ? T_5 extends T_4 ? 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_4 extends import("../Form/form.js").FormValueInput ? { [K_6 in K_3]: T_4; } : {} : never : never; } : never)[keyof MergedMultiStepFormInputs<I>] extends infer T_4 ? T_4 extends (MergedMultiStepFormInputs<I> extends infer T_5 extends FormInputs ? { [K_3 in keyof T_5]: T_5[K_3] extends infer T_6 ? T_6 extends T_5[K_3] ? T_6 extends import("../Form/form.js").FormGroup<infer Inputs extends import("../Form/form.js").FormGroupInputs> ? (T_6 extends infer T_7 ? T_7 extends T_6 ? 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_6 extends import("../Form/form.js").FormValueInput ? { [K_6 in K_3]: T_6; } : {} : never : never; } : never)[keyof MergedMultiStepFormInputs<I>] ? T_4 extends unknown ? (value: T_4) => 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 ((((MergedMultiStepFormInputs<I> extends infer T_3 extends FormInputs ? { [K_4 in keyof T_3]: T_3[K_4] extends infer T_4 ? T_4 extends T_3[K_4] ? T_4 extends import("../Form/form.js").FormGroup<infer Inputs extends import("../Form/form.js").FormGroupInputs> ? (T_4 extends infer T_5 ? T_5 extends T_4 ? 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 : T_4 extends import("../Form/form.js").FormValueInput ? { [K_7 in K_4]: T_4; } : {} : never : never; } : never)[keyof MergedMultiStepFormInputs<I>] extends infer T_4 ? T_4 extends (MergedMultiStepFormInputs<I> extends infer T_5 extends FormInputs ? { [K_4 in keyof T_5]: T_5[K_4] extends infer T_6 ? T_6 extends T_5[K_4] ? T_6 extends import("../Form/form.js").FormGroup<infer Inputs extends import("../Form/form.js").FormGroupInputs> ? (T_6 extends infer T_7 ? T_7 extends T_6 ? 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_6 extends import("../Form/form.js").FormValueInput ? { [K_7 in K_4]: T_6; } : {} : never : never; } : never)[keyof MergedMultiStepFormInputs<I>] ? T_4 extends unknown ? (value: T_4) => 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/form.js").FormValueInput ? (((((MergedMultiStepFormInputs<I> extends infer T_7 extends FormInputs ? { [K_4 in keyof T_7]: T_7[K_4] extends infer T_8 ? T_8 extends T_7[K_4] ? T_8 extends import("../Form/form.js").FormGroup<infer Inputs extends import("../Form/form.js").FormGroupInputs> ? (T_8 extends infer T_9 ? T_9 extends T_8 ? 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_8 extends import("../Form/form.js").FormValueInput ? { [K_7 in K_4]: T_8; } : {} : never : never; } : never)[keyof MergedMultiStepFormInputs<I>] extends infer T_8 ? T_8 extends (MergedMultiStepFormInputs<I> extends infer T_9 extends FormInputs ? { [K_4 in keyof T_9]: T_9[K_4] extends infer T_10 ? T_10 extends T_9[K_4] ? T_10 extends import("../Form/form.js").FormGroup<infer Inputs extends import("../Form/form.js").FormGroupInputs> ? (T_10 extends infer T_11 ? T_11 extends T_10 ? 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_10 extends import("../Form/form.js").FormValueInput ? { [K_7 in K_4]: T_10; } : {} : never : never; } : never)[keyof MergedMultiStepFormInputs<I>] ? T_8 extends unknown ? (value: T_8) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_6 ? { [K_3 in keyof T_6]: T_6[K_3]; } : never)[K_1] extends infer T_10 ? T_10 extends ((((MergedMultiStepFormInputs<I> extends infer T_12 extends FormInputs ? { [K_4 in keyof T_12]: T_12[K_4] extends infer T_13 ? T_13 extends T_12[K_4] ? T_13 extends import("../Form/form.js").FormGroup<infer Inputs extends import("../Form/form.js").FormGroupInputs> ? (T_13 extends infer T_14 ? T_14 extends T_13 ? 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_13 extends import("../Form/form.js").FormValueInput ? { [K_7 in K_4]: T_13; } : {} : never : never; } : never)[keyof MergedMultiStepFormInputs<I>] extends infer T_13 ? T_13 extends (MergedMultiStepFormInputs<I> extends infer T_14 extends FormInputs ? { [K_4 in keyof T_14]: T_14[K_4] extends infer T_15 ? T_15 extends T_14[K_4] ? T_15 extends import("../Form/form.js").FormGroup<infer Inputs extends import("../Form/form.js").FormGroupInputs> ? (T_15 extends infer T_16 ? T_16 extends T_15 ? 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_15 extends import("../Form/form.js").FormValueInput ? { [K_7 in K_4]: T_15; } : {} : never : never; } : never)[keyof MergedMultiStepFormInputs<I>] ? T_13 extends unknown ? (value: T_13) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_11 ? { [K_3 in keyof T_11]: T_11[K_3]; } : never)[K_1] ? 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 ? never : K_1 : never]: Extract<T_1[K_1], import("../Form/form.js").FormValueInput>["required"] extends true ? NonNullable<import("../Field/field.js").FieldValue<Extract<T_1[K_1], import("../Form/form.js").FormValueInput> extends infer T_15 ? T_15 extends Extract<T_1[K_1], import("../Form/form.js").FormValueInput> ? T_15 extends import("../Form/form.js").FormFieldEntry<infer Input extends import("../Field/field.js").InputType> ? Input : T_15 extends (Omit<{
+        type: "time";
+    } & {
+        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: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: number | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: number | null | undefined;
+        defaultValue?: number | 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;
+    } & {
+        placeholder?: string;
+        as?: "minuteSinceMidnight" | "secondSinceMidnight" | "millisecondSinceMidnight";
+        format?: import("@maskito/kit").MaskitoTimeParams["mode"];
+        maxValues?: import("@maskito/kit").MaskitoTimeParams["timeSegmentMaxValues"];
+        minValues?: import("@maskito/kit").MaskitoTimeParams["timeSegmentMinValues"];
+        theme?: import("../TimeInput/timeInput.theme.js").TimeInputThemeProps & import("../Field/field.js").InputProps<"time">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "phone";
+    } & {
+        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;
+    } & {
+        placeholder?: string;
+        country?: string;
+        strict?: boolean;
+        searchPlaceholder?: string;
+        iti?: import("../PhoneInput/phoneInput-cdn.js").IntlTelInputInstance;
+        theme?: import("../PhoneInput/phoneInput.theme.js").PhoneInputThemeProps & import("../Field/field.js").InputProps<"phone">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "number";
+    } & {
+        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: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: number | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: number | null | undefined;
+        defaultValue?: number | 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;
+    } & {
+        placeholder?: string;
+        min?: number;
+        max?: number;
+        step?: number;
+        increment?: number;
+        showControls?: boolean;
+        theme?: import("../NumberInput/numberInput.theme.js").NumberInputThemeProps & import("../Field/field.js").InputProps<"number">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "rating";
+    } & {
+        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: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: number | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: number | null | undefined;
+        defaultValue?: number | 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;
+    } & {
+        max?: number;
+        halfSteps?: boolean;
+        readonly?: boolean;
+        clearable?: boolean;
+        dir?: "ltr" | "rtl";
+        color?: Colors;
+        star?: import("svelte").Snippet<[import("../../Rating/rating.props.js").RatingStarPayload]>;
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        theme?: import("../RatingInput/index.js").RatingThemeProps & import("../Field/field.js").InputProps<"rating">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "voice";
+    } & Omit<import("../Field/field.js").InputProps<"voice">, "theme" | "value" | "onValueChange" | "defaultValue"> & {
+        value?: Blob | null;
+        defaultValue?: Blob | null;
+        duration?: number;
+        minDuration?: number;
+        maxDuration?: number;
+        color?: Colors;
+        variant?: import("../VoiceInput/voiceInput.props.js").VoiceInputVariant;
+        startLabel?: string;
+        stopLabel?: string;
+        playLabel?: string;
+        pauseLabel?: string;
+        seekLabel?: string;
+        clearLabel?: string;
+        onValueChange?: (value: Blob | null) => void;
+        onStart?: () => void;
+        onStop?: (payload: import("../VoiceInput/voiceInput.props.js").VoiceInputResult) => void;
+        onError?: (error: Error) => void;
+        theme?: import("../VoiceInput/voiceInput.theme.js").VoiceInputThemeProps & import("../Field/field.js").InputProps<"voice">["theme"];
+    } & import("../../../types/props.js").DataAttributes & {
+        [key: symbol]: import("svelte/attachments").Attachment<HTMLElement> | null | undefined;
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "slider";
+    } & Omit<import("../Field/field.js").InputProps<"slider">, "value" | "onValueChange" | "defaultValue" | "onValidate"> & {
+        value?: number | number[] | null;
+        defaultValue?: number | number[] | null;
+        min?: number;
+        max?: number;
+        step?: number;
+        mode?: import("../Slider/slider.props.js").SliderMode;
+        variant?: import("../Slider/slider.props.js").SliderVariant;
+        thumbs?: number;
+        orientation?: "horizontal" | "vertical";
+        minStepsBetweenThumbs?: number;
+        dragRange?: boolean;
+        color?: Colors;
+        marks?: import("../Slider/slider.props.js").SliderMark[];
+        showValue?: boolean;
+        formatValue?: import("../Slider/slider.state.svelte.js").SliderFormatValue;
+        valueLabel?: import("../../Slot/slot.js").Slot<import("../Slider/slider.state.svelte.js").SliderValuePayload>;
+        rangeLabel?: import("../../Slot/slot.js").Slot<import("../Slider/slider.props.js").SliderRangeLabelPayload>;
+        thumbLabels?: string[];
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        onValueChange?: (value: number | number[] | null) => void;
+        onValidate?: (value: number | number[]) => string[] | boolean;
+        theme?: import("../Slider/slider.theme.js").SliderThemeProps & import("../Field/field.js").InputProps<"slider">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "slider-range";
+    } & Omit<import("../Field/field.js").InputProps<"slider">, "value" | "onValueChange" | "defaultValue" | "onValidate"> & {
+        value?: number | number[] | null;
+        defaultValue?: number | number[] | null;
+        min?: number;
+        max?: number;
+        step?: number;
+        mode?: import("../Slider/slider.props.js").SliderMode;
+        variant?: import("../Slider/slider.props.js").SliderVariant;
+        thumbs?: number;
+        orientation?: "horizontal" | "vertical";
+        minStepsBetweenThumbs?: number;
+        dragRange?: boolean;
+        color?: Colors;
+        marks?: import("../Slider/slider.props.js").SliderMark[];
+        showValue?: boolean;
+        formatValue?: import("../Slider/slider.state.svelte.js").SliderFormatValue;
+        valueLabel?: import("../../Slot/slot.js").Slot<import("../Slider/slider.state.svelte.js").SliderValuePayload>;
+        rangeLabel?: import("../../Slot/slot.js").Slot<import("../Slider/slider.props.js").SliderRangeLabelPayload>;
+        thumbLabels?: string[];
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        onValueChange?: (value: number | number[] | null) => void;
+        onValidate?: (value: number | number[]) => string[] | boolean;
+        theme?: import("../Slider/slider.theme.js").SliderThemeProps & import("../Field/field.js").InputProps<"slider">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (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"> & {
+        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>;
+        };
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "calendar-range";
+        display: "selector";
+    } & Omit<import("../DateSelector/dateSelector.props.js").DateSelectorInputProps<"range">, "mode">, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "date" | "datetime";
+        display?: undefined;
+    } & {
+        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: Date) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: Date | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: Date | null | undefined;
+        defaultValue?: Date | 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;
+    } & {
+        type?: import("../Field/field.js").DateInputType;
+        placeholder?: string;
+        format?: import("../DateInput/dateInput.props.js").DateFormat;
+        locale?: string;
+        separator?: string;
+        presets?: readonly import("../DateSelector/dateSelector.props.js").DateSelectorPreset<"date">[];
+        disabledDates?: (Date | [Date, Date])[];
+        minDate?: Date;
+        maxDate?: Date;
+        calendarView?: "single" | "double";
+        mobileSheet?: boolean;
+        closeOnSelect?: boolean;
+        onSelect?: (value: Date | null) => void;
+        theme?: import("../DateInput/dateInput.theme.js").DateInputThemeProps & import("../Field/field.js").InputProps<"date" | "datetime">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "date";
+        display: "selector";
+    } & Omit<import("../DateSelector/dateSelector.props.js").DateSelectorInputProps<"date">, "mode">, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "color";
+        display?: undefined;
+    } & {
+        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;
+    } & {
+        placeholder?: string;
+        format?: import("../ColorPicker/colorPicker.state.svelte.js").ColorFormat;
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        theme?: import("../ColorInput/colorInput.theme.js").ColorInputThemeProps & import("../Field/field.js").InputProps<"color">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "color";
+        display: "picker";
+    } & Omit<import("../ColorPicker/colorPicker.props.js").ColorPickerProps, "disabled" | "class" | "theme" | "size" | "value" | "onValueChange" | "defaultValue"> & Omit<import("../Field/field.js").InputProps<"color">, "theme"> & {
+        theme?: {
+            picker?: import("../ColorPicker/colorPicker.theme.js").ColorPickerThemeProps;
+            field?: import("../../../utils/cva/theme.js").InferComponentTheme<typeof import("../Field/field.theme.js").fieldTheme>;
+        };
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "text" | "email" | "url";
+    } & {
+        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;
+    } & {
+        type?: import("../TextInput/textInput.props.js").TextInputType;
+        placeholder?: string;
+        inputAttrs?: import("../TextInput/textInput.props.js").TextInputAttributes;
+        theme?: import("../TextInput/textInput.theme.js").TextInputThemeProps & import("../Field/field.js").InputProps<import("../TextInput/textInput.props.js").TextInputType>["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "password";
+    } & {
+        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;
+    } & {
+        placeholder?: string;
+        theme?: import("../PasswordInput/passwordInput.theme.js").PasswordInputThemeProps & import("../Field/field.js").InputProps<"password">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "textarea";
+    } & {
+        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;
+    } & {
+        placeholder?: string;
+        theme?: import("../TextArea/textArea.theme.js").TextAreaThemeProps & import("../Field/field.js").InputProps<"textarea">["theme"];
+        rows?: number;
+        maxLength?: number;
+        textareaAttrs?: import("../TextArea/textArea.props.js").TextAreaAttributes;
+        onPressEnter?: (payload: import("../Field/field.state.svelte.js").FieldState<"textarea">) => void;
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "rich-text";
+    } & {
+        disabled?: boolean | undefined;
+        error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        class?: string | undefined;
+        size?: import("../../../types/theme.js").Sizes | undefined;
+        value?: string | null | undefined;
+        prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        name?: string | 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;
+        defaultValue?: string | null | undefined;
+        required?: 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;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes | undefined;
+        errors?: string[] | boolean | undefined;
+        focused?: boolean | undefined;
+    } & {
+        value?: string | null;
+        defaultValue?: string | null;
+        ref?: HTMLDivElement | null;
+        id?: string;
+        triggers?: import("../../RichTextInput/richTextInput.props.js").RichTextInputTriggers;
+        onSuggestionOpen?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSuggestionLifecycleCallback;
+        onSuggestionClose?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSuggestionLifecycleCallback;
+        onSuggestionQueryChange?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSuggestionLifecycleCallback;
+        onSuggestionHighlightChange?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSuggestionLifecycleCallback;
+        onValueChange?: (payload: import("../../RichTextInput/richTextInput.props.js").RichTextInputChange) => void;
+        onSubmitShortcut?: (event: KeyboardEvent) => void;
+        submitShortcut?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSubmitShortcut;
+        toolbar?: import("../../RichTextInput/richTextInput.props.js").RichTextInputToolbar;
+        standalone?: boolean;
+        maxHeight?: import("../../RichTextInput/richTextInput.props.js").RichTextInputMaxHeight;
+        formats?: import("../../RichTextInput/richTextInput.props.js").RichTextInputFormat[];
+        placeholder?: string;
+        toolbarClass?: string;
+        theme?: import("../../RichTextInput/richTextInput.theme.js").RichTextInputThemeProps & import("../Field/field.js").InputProps<"rich-text">["theme"];
+    } & import("../../../types/props.js").DataAttributes & {
+        [key: symbol]: import("svelte/attachments").Attachment<HTMLElement> | null | undefined;
+    }, "visible"> & {
+        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;
+    } & {
+        placeholder?: string;
+        theme?: import("../Select/select.theme.js").SelectThemeProps & import("../Field/field.js").InputProps<"select">["theme"];
+        items?: import("../Select/select.props.js").SelectItems;
+        density?: import("../../../types/theme.js").Density;
+        separators?: boolean;
+        triggerAttrs?: import("../Select/select.props.js").SelectTriggerAttributes;
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "combobox";
+    } & Omit<import("../Field/field.js").InputProps<"combobox">, "prefix" | "onValueChange"> & {
+        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"> & {
+        mode?: "card" | "normal";
+        items: import("../RadioInput/radioInput.props.js").RadioOption[];
+        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;
+        mode?: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxMode;
+        items: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxOption[];
+        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"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "checkbox";
+    } & {
+        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: boolean) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: boolean | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: boolean | null | undefined;
+        defaultValue?: boolean | 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;
+    } & {
+        mode?: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxMode | "control";
+        indeterminate?: boolean;
+        theme?: import("../CheckboxesInput/checkboxesInput.theme.js").CheckboxesInputThemeProps & import("../Field/field.js").InputProps<"checkbox">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "switch";
+    } & {
+        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: boolean) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: boolean | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: boolean | null | undefined;
+        defaultValue?: boolean | 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;
+    } & {
+        theme?: import("../Switch/switch.theme.js").SwitchThemeProps & import("../Field/field.js").InputProps<"switch">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "file";
+    } & Omit<import("../Field/field.js").InputProps<"file">, "value" | "placeholder" | "defaultValue"> & {
+        mode?: "single" | undefined;
+        value?: File | null | undefined;
+        defaultValue?: File | null | undefined;
+        onValueChange?: ((value: File | null) => void) | undefined;
+        onReject?: (rejections: import("../File/fileAcceptance.js").FileRejection[]) => void;
+        types?: string[];
+        maxFiles?: number;
+        clickable?: boolean;
+        maxSize?: number;
+        placeholder?: string;
+        fileList?: import("svelte").Snippet;
+        fileListClass?: string;
+        file?: import("svelte").Snippet;
+        fileClass?: string;
+        placeholderClass?: string;
+        theme?: import("../File/fileInput.theme.js").FileInputThemeProps & import("../Field/field.js").InputProps<import("../File/fileInput.props.js").FileInputType<Mode>>["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "files";
+    } & Omit<import("../Field/field.js").InputProps<"files">, "value" | "placeholder" | "defaultValue"> & {
+        mode?: "multiple" | undefined;
+        value?: File[] | null | undefined;
+        defaultValue?: File[] | null | undefined;
+        onValueChange?: ((value: File[] | null) => void) | undefined;
+        onReject?: (rejections: import("../File/fileAcceptance.js").FileRejection[]) => void;
+        types?: string[];
+        maxFiles?: number;
+        clickable?: boolean;
+        maxSize?: number;
+        placeholder?: string;
+        fileList?: import("svelte").Snippet;
+        fileListClass?: string;
+        file?: import("svelte").Snippet;
+        fileClass?: string;
+        placeholderClass?: string;
+        theme?: import("../File/fileInput.theme.js").FileInputThemeProps & import("../Field/field.js").InputProps<import("../File/fileInput.props.js").FileInputType<Mode>>["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "tag-group";
+    } & Omit<import("../Field/field.js").InputProps<"tag-group">, "theme" | "value" | "onValueChange" | "defaultValue" | "onValidate"> & {
+        value?: import("../TagGroup/tagGroup.props.js").TagGroupValue;
+        defaultValue?: import("../TagGroup/tagGroup.props.js").TagGroupValue;
+        onValueChange?: (value: import("../TagGroup/tagGroup.props.js").TagGroupValue) => void;
+        onValidate?: (value: import("../TagGroup/tagGroup.props.js").TagGroupValue) => string[] | boolean;
+        theme?: import("../TagGroup/tagGroup.theme.js").TagGroupThemeProps & import("../Field/field.js").InputProps<"tag-group">["theme"];
+    } & {
+        items: import("../TagGroup/tagGroup.props.js").TagGroupOption[];
+        multiple?: boolean;
+        color?: Colors;
+        unselectedColor?: Colors;
+        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 & {
+        [key: symbol]: import("svelte/attachments").Attachment<HTMLElement> | null | undefined;
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "tag";
+    } & Omit<import("../Field/field.js").InputProps<"tag">, "onValueChange"> & {
+        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;
+        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<{
+        type: "keyvalue";
+    } & Omit<import("../Field/field.js").InputProps<"keyvalue">, "onValueChange"> & {
+        onValueChange?: (value: import("../Field/field.js").KeyValuePair[]) => void;
+        keyPlaceholder?: string;
+        valuePlaceholder?: string;
+        addLabel?: string;
+        maxRows?: number;
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        theme?: import("../KeyValueInput/keyValueInput.theme.js").KeyValueInputThemeProps & import("../Field/field.js").InputProps<"keyvalue">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "pin";
+    } & Omit<import("../Field/field.js").InputProps<"pin">, "onValueChange"> & {
+        length?: number;
+        pattern?: import("../PinInput/pinInput.state.svelte.js").PinInputPattern;
+        inputMode?: import("svelte/elements").HTMLInputAttributes["inputmode"];
+        autocomplete?: import("svelte/elements").HTMLInputAttributes["autocomplete"];
+        pasteTransformer?: (text: string) => string;
+        onValueChange?: (value: string) => void;
+        onComplete?: (value: string) => void;
+        mask?: boolean;
+        theme?: import("../PinInput/pinInput.theme.js").PinInputThemeProps & import("../Field/field.js").InputProps<"pin">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) ? T_15["type"] : never : never : never>> : import("../Field/field.js").FieldValue<Extract<T_1[K_1], import("../Form/form.js").FormValueInput> extends infer T_16 ? T_16 extends Extract<T_1[K_1], import("../Form/form.js").FormValueInput> ? T_16 extends import("../Form/form.js").FormFieldEntry<infer Input extends import("../Field/field.js").InputType> ? Input : T_16 extends (Omit<{
+        type: "time";
+    } & {
+        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: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: number | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: number | null | undefined;
+        defaultValue?: number | 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;
+    } & {
+        placeholder?: string;
+        as?: "minuteSinceMidnight" | "secondSinceMidnight" | "millisecondSinceMidnight";
+        format?: import("@maskito/kit").MaskitoTimeParams["mode"];
+        maxValues?: import("@maskito/kit").MaskitoTimeParams["timeSegmentMaxValues"];
+        minValues?: import("@maskito/kit").MaskitoTimeParams["timeSegmentMinValues"];
+        theme?: import("../TimeInput/timeInput.theme.js").TimeInputThemeProps & import("../Field/field.js").InputProps<"time">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "phone";
+    } & {
+        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;
+    } & {
+        placeholder?: string;
+        country?: string;
+        strict?: boolean;
+        searchPlaceholder?: string;
+        iti?: import("../PhoneInput/phoneInput-cdn.js").IntlTelInputInstance;
+        theme?: import("../PhoneInput/phoneInput.theme.js").PhoneInputThemeProps & import("../Field/field.js").InputProps<"phone">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "number";
+    } & {
+        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: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: number | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: number | null | undefined;
+        defaultValue?: number | 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;
+    } & {
+        placeholder?: string;
+        min?: number;
+        max?: number;
+        step?: number;
+        increment?: number;
+        showControls?: boolean;
+        theme?: import("../NumberInput/numberInput.theme.js").NumberInputThemeProps & import("../Field/field.js").InputProps<"number">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "rating";
+    } & {
+        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: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: number | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: number | null | undefined;
+        defaultValue?: number | 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;
+    } & {
+        max?: number;
+        halfSteps?: boolean;
+        readonly?: boolean;
+        clearable?: boolean;
+        dir?: "ltr" | "rtl";
+        color?: Colors;
+        star?: import("svelte").Snippet<[import("../../Rating/rating.props.js").RatingStarPayload]>;
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        theme?: import("../RatingInput/index.js").RatingThemeProps & import("../Field/field.js").InputProps<"rating">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "voice";
+    } & Omit<import("../Field/field.js").InputProps<"voice">, "theme" | "value" | "onValueChange" | "defaultValue"> & {
+        value?: Blob | null;
+        defaultValue?: Blob | null;
+        duration?: number;
+        minDuration?: number;
+        maxDuration?: number;
+        color?: Colors;
+        variant?: import("../VoiceInput/voiceInput.props.js").VoiceInputVariant;
+        startLabel?: string;
+        stopLabel?: string;
+        playLabel?: string;
+        pauseLabel?: string;
+        seekLabel?: string;
+        clearLabel?: string;
+        onValueChange?: (value: Blob | null) => void;
+        onStart?: () => void;
+        onStop?: (payload: import("../VoiceInput/voiceInput.props.js").VoiceInputResult) => void;
+        onError?: (error: Error) => void;
+        theme?: import("../VoiceInput/voiceInput.theme.js").VoiceInputThemeProps & import("../Field/field.js").InputProps<"voice">["theme"];
+    } & import("../../../types/props.js").DataAttributes & {
+        [key: symbol]: import("svelte/attachments").Attachment<HTMLElement> | null | undefined;
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "slider";
+    } & Omit<import("../Field/field.js").InputProps<"slider">, "value" | "onValueChange" | "defaultValue" | "onValidate"> & {
+        value?: number | number[] | null;
+        defaultValue?: number | number[] | null;
+        min?: number;
+        max?: number;
+        step?: number;
+        mode?: import("../Slider/slider.props.js").SliderMode;
+        variant?: import("../Slider/slider.props.js").SliderVariant;
+        thumbs?: number;
+        orientation?: "horizontal" | "vertical";
+        minStepsBetweenThumbs?: number;
+        dragRange?: boolean;
+        color?: Colors;
+        marks?: import("../Slider/slider.props.js").SliderMark[];
+        showValue?: boolean;
+        formatValue?: import("../Slider/slider.state.svelte.js").SliderFormatValue;
+        valueLabel?: import("../../Slot/slot.js").Slot<import("../Slider/slider.state.svelte.js").SliderValuePayload>;
+        rangeLabel?: import("../../Slot/slot.js").Slot<import("../Slider/slider.props.js").SliderRangeLabelPayload>;
+        thumbLabels?: string[];
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        onValueChange?: (value: number | number[] | null) => void;
+        onValidate?: (value: number | number[]) => string[] | boolean;
+        theme?: import("../Slider/slider.theme.js").SliderThemeProps & import("../Field/field.js").InputProps<"slider">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "slider-range";
+    } & Omit<import("../Field/field.js").InputProps<"slider">, "value" | "onValueChange" | "defaultValue" | "onValidate"> & {
+        value?: number | number[] | null;
+        defaultValue?: number | number[] | null;
+        min?: number;
+        max?: number;
+        step?: number;
+        mode?: import("../Slider/slider.props.js").SliderMode;
+        variant?: import("../Slider/slider.props.js").SliderVariant;
+        thumbs?: number;
+        orientation?: "horizontal" | "vertical";
+        minStepsBetweenThumbs?: number;
+        dragRange?: boolean;
+        color?: Colors;
+        marks?: import("../Slider/slider.props.js").SliderMark[];
+        showValue?: boolean;
+        formatValue?: import("../Slider/slider.state.svelte.js").SliderFormatValue;
+        valueLabel?: import("../../Slot/slot.js").Slot<import("../Slider/slider.state.svelte.js").SliderValuePayload>;
+        rangeLabel?: import("../../Slot/slot.js").Slot<import("../Slider/slider.props.js").SliderRangeLabelPayload>;
+        thumbLabels?: string[];
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        onValueChange?: (value: number | number[] | null) => void;
+        onValidate?: (value: number | number[]) => string[] | boolean;
+        theme?: import("../Slider/slider.theme.js").SliderThemeProps & import("../Field/field.js").InputProps<"slider">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (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"> & {
+        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>;
+        };
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "calendar-range";
+        display: "selector";
+    } & Omit<import("../DateSelector/dateSelector.props.js").DateSelectorInputProps<"range">, "mode">, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "date" | "datetime";
+        display?: undefined;
+    } & {
+        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: Date) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: Date | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: Date | null | undefined;
+        defaultValue?: Date | 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;
+    } & {
+        type?: import("../Field/field.js").DateInputType;
+        placeholder?: string;
+        format?: import("../DateInput/dateInput.props.js").DateFormat;
+        locale?: string;
+        separator?: string;
+        presets?: readonly import("../DateSelector/dateSelector.props.js").DateSelectorPreset<"date">[];
+        disabledDates?: (Date | [Date, Date])[];
+        minDate?: Date;
+        maxDate?: Date;
+        calendarView?: "single" | "double";
+        mobileSheet?: boolean;
+        closeOnSelect?: boolean;
+        onSelect?: (value: Date | null) => void;
+        theme?: import("../DateInput/dateInput.theme.js").DateInputThemeProps & import("../Field/field.js").InputProps<"date" | "datetime">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "date";
+        display: "selector";
+    } & Omit<import("../DateSelector/dateSelector.props.js").DateSelectorInputProps<"date">, "mode">, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "color";
+        display?: undefined;
+    } & {
+        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;
+    } & {
+        placeholder?: string;
+        format?: import("../ColorPicker/colorPicker.state.svelte.js").ColorFormat;
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        theme?: import("../ColorInput/colorInput.theme.js").ColorInputThemeProps & import("../Field/field.js").InputProps<"color">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "color";
+        display: "picker";
+    } & Omit<import("../ColorPicker/colorPicker.props.js").ColorPickerProps, "disabled" | "class" | "theme" | "size" | "value" | "onValueChange" | "defaultValue"> & Omit<import("../Field/field.js").InputProps<"color">, "theme"> & {
+        theme?: {
+            picker?: import("../ColorPicker/colorPicker.theme.js").ColorPickerThemeProps;
+            field?: import("../../../utils/cva/theme.js").InferComponentTheme<typeof import("../Field/field.theme.js").fieldTheme>;
+        };
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "text" | "email" | "url";
+    } & {
+        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;
+    } & {
+        type?: import("../TextInput/textInput.props.js").TextInputType;
+        placeholder?: string;
+        inputAttrs?: import("../TextInput/textInput.props.js").TextInputAttributes;
+        theme?: import("../TextInput/textInput.theme.js").TextInputThemeProps & import("../Field/field.js").InputProps<import("../TextInput/textInput.props.js").TextInputType>["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "password";
+    } & {
+        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;
+    } & {
+        placeholder?: string;
+        theme?: import("../PasswordInput/passwordInput.theme.js").PasswordInputThemeProps & import("../Field/field.js").InputProps<"password">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "textarea";
+    } & {
+        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;
+    } & {
+        placeholder?: string;
+        theme?: import("../TextArea/textArea.theme.js").TextAreaThemeProps & import("../Field/field.js").InputProps<"textarea">["theme"];
+        rows?: number;
+        maxLength?: number;
+        textareaAttrs?: import("../TextArea/textArea.props.js").TextAreaAttributes;
+        onPressEnter?: (payload: import("../Field/field.state.svelte.js").FieldState<"textarea">) => void;
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "rich-text";
+    } & {
+        disabled?: boolean | undefined;
+        error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        class?: string | undefined;
+        size?: import("../../../types/theme.js").Sizes | undefined;
+        value?: string | null | undefined;
+        prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        name?: string | 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;
+        defaultValue?: string | null | undefined;
+        required?: 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;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes | undefined;
+        errors?: string[] | boolean | undefined;
+        focused?: boolean | undefined;
+    } & {
+        value?: string | null;
+        defaultValue?: string | null;
+        ref?: HTMLDivElement | null;
+        id?: string;
+        triggers?: import("../../RichTextInput/richTextInput.props.js").RichTextInputTriggers;
+        onSuggestionOpen?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSuggestionLifecycleCallback;
+        onSuggestionClose?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSuggestionLifecycleCallback;
+        onSuggestionQueryChange?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSuggestionLifecycleCallback;
+        onSuggestionHighlightChange?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSuggestionLifecycleCallback;
+        onValueChange?: (payload: import("../../RichTextInput/richTextInput.props.js").RichTextInputChange) => void;
+        onSubmitShortcut?: (event: KeyboardEvent) => void;
+        submitShortcut?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSubmitShortcut;
+        toolbar?: import("../../RichTextInput/richTextInput.props.js").RichTextInputToolbar;
+        standalone?: boolean;
+        maxHeight?: import("../../RichTextInput/richTextInput.props.js").RichTextInputMaxHeight;
+        formats?: import("../../RichTextInput/richTextInput.props.js").RichTextInputFormat[];
+        placeholder?: string;
+        toolbarClass?: string;
+        theme?: import("../../RichTextInput/richTextInput.theme.js").RichTextInputThemeProps & import("../Field/field.js").InputProps<"rich-text">["theme"];
+    } & import("../../../types/props.js").DataAttributes & {
+        [key: symbol]: import("svelte/attachments").Attachment<HTMLElement> | null | undefined;
+    }, "visible"> & {
+        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;
+    } & {
+        placeholder?: string;
+        theme?: import("../Select/select.theme.js").SelectThemeProps & import("../Field/field.js").InputProps<"select">["theme"];
+        items?: import("../Select/select.props.js").SelectItems;
+        density?: import("../../../types/theme.js").Density;
+        separators?: boolean;
+        triggerAttrs?: import("../Select/select.props.js").SelectTriggerAttributes;
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "combobox";
+    } & Omit<import("../Field/field.js").InputProps<"combobox">, "prefix" | "onValueChange"> & {
+        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"> & {
+        mode?: "card" | "normal";
+        items: import("../RadioInput/radioInput.props.js").RadioOption[];
+        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;
+        mode?: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxMode;
+        items: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxOption[];
+        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"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "checkbox";
+    } & {
+        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: boolean) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: boolean | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: boolean | null | undefined;
+        defaultValue?: boolean | 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;
+    } & {
+        mode?: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxMode | "control";
+        indeterminate?: boolean;
+        theme?: import("../CheckboxesInput/checkboxesInput.theme.js").CheckboxesInputThemeProps & import("../Field/field.js").InputProps<"checkbox">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "switch";
+    } & {
+        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: boolean) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: boolean | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: boolean | null | undefined;
+        defaultValue?: boolean | 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;
+    } & {
+        theme?: import("../Switch/switch.theme.js").SwitchThemeProps & import("../Field/field.js").InputProps<"switch">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "file";
+    } & Omit<import("../Field/field.js").InputProps<"file">, "value" | "placeholder" | "defaultValue"> & {
+        mode?: "single" | undefined;
+        value?: File | null | undefined;
+        defaultValue?: File | null | undefined;
+        onValueChange?: ((value: File | null) => void) | undefined;
+        onReject?: (rejections: import("../File/fileAcceptance.js").FileRejection[]) => void;
+        types?: string[];
+        maxFiles?: number;
+        clickable?: boolean;
+        maxSize?: number;
+        placeholder?: string;
+        fileList?: import("svelte").Snippet;
+        fileListClass?: string;
+        file?: import("svelte").Snippet;
+        fileClass?: string;
+        placeholderClass?: string;
+        theme?: import("../File/fileInput.theme.js").FileInputThemeProps & import("../Field/field.js").InputProps<import("../File/fileInput.props.js").FileInputType<Mode>>["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "files";
+    } & Omit<import("../Field/field.js").InputProps<"files">, "value" | "placeholder" | "defaultValue"> & {
+        mode?: "multiple" | undefined;
+        value?: File[] | null | undefined;
+        defaultValue?: File[] | null | undefined;
+        onValueChange?: ((value: File[] | null) => void) | undefined;
+        onReject?: (rejections: import("../File/fileAcceptance.js").FileRejection[]) => void;
+        types?: string[];
+        maxFiles?: number;
+        clickable?: boolean;
+        maxSize?: number;
+        placeholder?: string;
+        fileList?: import("svelte").Snippet;
+        fileListClass?: string;
+        file?: import("svelte").Snippet;
+        fileClass?: string;
+        placeholderClass?: string;
+        theme?: import("../File/fileInput.theme.js").FileInputThemeProps & import("../Field/field.js").InputProps<import("../File/fileInput.props.js").FileInputType<Mode>>["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "tag-group";
+    } & Omit<import("../Field/field.js").InputProps<"tag-group">, "theme" | "value" | "onValueChange" | "defaultValue" | "onValidate"> & {
+        value?: import("../TagGroup/tagGroup.props.js").TagGroupValue;
+        defaultValue?: import("../TagGroup/tagGroup.props.js").TagGroupValue;
+        onValueChange?: (value: import("../TagGroup/tagGroup.props.js").TagGroupValue) => void;
+        onValidate?: (value: import("../TagGroup/tagGroup.props.js").TagGroupValue) => string[] | boolean;
+        theme?: import("../TagGroup/tagGroup.theme.js").TagGroupThemeProps & import("../Field/field.js").InputProps<"tag-group">["theme"];
+    } & {
+        items: import("../TagGroup/tagGroup.props.js").TagGroupOption[];
+        multiple?: boolean;
+        color?: Colors;
+        unselectedColor?: Colors;
+        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 & {
+        [key: symbol]: import("svelte/attachments").Attachment<HTMLElement> | null | undefined;
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "tag";
+    } & Omit<import("../Field/field.js").InputProps<"tag">, "onValueChange"> & {
+        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;
+        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<{
+        type: "keyvalue";
+    } & Omit<import("../Field/field.js").InputProps<"keyvalue">, "onValueChange"> & {
+        onValueChange?: (value: import("../Field/field.js").KeyValuePair[]) => void;
+        keyPlaceholder?: string;
+        valuePlaceholder?: string;
+        addLabel?: string;
+        maxRows?: number;
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        theme?: import("../KeyValueInput/keyValueInput.theme.js").KeyValueInputThemeProps & import("../Field/field.js").InputProps<"keyvalue">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "pin";
+    } & Omit<import("../Field/field.js").InputProps<"pin">, "onValueChange"> & {
+        length?: number;
+        pattern?: import("../PinInput/pinInput.state.svelte.js").PinInputPattern;
+        inputMode?: import("svelte/elements").HTMLInputAttributes["inputmode"];
+        autocomplete?: import("svelte/elements").HTMLInputAttributes["autocomplete"];
+        pasteTransformer?: (text: string) => string;
+        onValueChange?: (value: string) => void;
+        onComplete?: (value: string) => void;
+        mask?: boolean;
+        theme?: import("../PinInput/pinInput.theme.js").PinInputThemeProps & import("../Field/field.js").InputProps<"pin">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) ? T_16["type"] : never : never : never> | null; } : never) & (((((MergedMultiStepFormInputs<I> extends infer T_8 extends FormInputs ? { [K_3 in keyof T_8]: T_8[K_3] extends infer T_9 ? T_9 extends T_8[K_3] ? T_9 extends import("../Form/form.js").FormGroup<infer Inputs extends import("../Form/form.js").FormGroupInputs> ? (T_9 extends infer T_10 ? T_10 extends T_9 ? 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_9 extends import("../Form/form.js").FormValueInput ? { [K_7 in K_3]: T_9; } : {} : never : never; } : never)[keyof MergedMultiStepFormInputs<I>] extends infer T_9 ? T_9 extends (MergedMultiStepFormInputs<I> extends infer T_10 extends FormInputs ? { [K_3 in keyof T_10]: T_10[K_3] extends infer T_11 ? T_11 extends T_10[K_3] ? T_11 extends import("../Form/form.js").FormGroup<infer Inputs extends import("../Form/form.js").FormGroupInputs> ? (T_11 extends infer T_12 ? T_12 extends T_11 ? 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_11 extends import("../Form/form.js").FormValueInput ? { [K_7 in K_3]: T_11; } : {} : never : never; } : never)[keyof MergedMultiStepFormInputs<I>] ? T_9 extends unknown ? (value: T_9) => 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) extends infer T_6 ? { [K_4 in keyof T_6 as ((((MergedMultiStepFormInputs<I> extends infer T_8 extends FormInputs ? { [K_3 in keyof T_8]: T_8[K_3] extends infer T_9 ? T_9 extends T_8[K_3] ? T_9 extends import("../Form/form.js").FormGroup<infer Inputs extends import("../Form/form.js").FormGroupInputs> ? (T_9 extends infer T_10 ? T_10 extends T_9 ? 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 : T_9 extends import("../Form/form.js").FormValueInput ? { [K_8 in K_3]: T_9; } : {} : never : never; } : never)[keyof MergedMultiStepFormInputs<I>] extends infer T_9 ? T_9 extends (MergedMultiStepFormInputs<I> extends infer T_10 extends FormInputs ? { [K_3 in keyof T_10]: T_10[K_3] extends infer T_11 ? T_11 extends T_10[K_3] ? T_11 extends import("../Form/form.js").FormGroup<infer Inputs extends import("../Form/form.js").FormGroupInputs> ? (T_11 extends infer T_12 ? T_12 extends T_11 ? 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_11 extends import("../Form/form.js").FormValueInput ? { [K_8 in K_3]: T_11; } : {} : never : never; } : never)[keyof MergedMultiStepFormInputs<I>] ? T_9 extends unknown ? (value: T_9) => 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 import("../Form/form.js").FormValueInput ? (((((MergedMultiStepFormInputs<I> extends infer T_12 extends FormInputs ? { [K_3 in keyof T_12]: T_12[K_3] extends infer T_13 ? T_13 extends T_12[K_3] ? T_13 extends import("../Form/form.js").FormGroup<infer Inputs extends import("../Form/form.js").FormGroupInputs> ? (T_13 extends infer T_14 ? T_14 extends T_13 ? 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_13 extends import("../Form/form.js").FormValueInput ? { [K_8 in K_3]: T_13; } : {} : never : never; } : never)[keyof MergedMultiStepFormInputs<I>] extends infer T_13 ? T_13 extends (MergedMultiStepFormInputs<I> extends infer T_14 extends FormInputs ? { [K_3 in keyof T_14]: T_14[K_3] extends infer T_15 ? T_15 extends T_14[K_3] ? T_15 extends import("../Form/form.js").FormGroup<infer Inputs extends import("../Form/form.js").FormGroupInputs> ? (T_15 extends infer T_16 ? T_16 extends T_15 ? 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_15 extends import("../Form/form.js").FormValueInput ? { [K_8 in K_3]: T_15; } : {} : never : never; } : never)[keyof MergedMultiStepFormInputs<I>] ? T_13 extends unknown ? (value: T_13) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_11 ? { [K_2 in keyof T_11]: T_11[K_2]; } : never)[K_4] extends infer T_15 ? T_15 extends ((((MergedMultiStepFormInputs<I> extends infer T_17 extends FormInputs ? { [K_3 in keyof T_17]: T_17[K_3] extends infer T_18 ? T_18 extends T_17[K_3] ? T_18 extends import("../Form/form.js").FormGroup<infer Inputs extends import("../Form/form.js").FormGroupInputs> ? (T_18 extends infer T_19 ? T_19 extends T_18 ? 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_18 extends import("../Form/form.js").FormValueInput ? { [K_8 in K_3]: T_18; } : {} : never : never; } : never)[keyof MergedMultiStepFormInputs<I>] extends infer T_18 ? T_18 extends (MergedMultiStepFormInputs<I> extends infer T_19 extends FormInputs ? { [K_3 in keyof T_19]: T_19[K_3] extends infer T_20 ? T_20 extends T_19[K_3] ? T_20 extends import("../Form/form.js").FormGroup<infer Inputs extends import("../Form/form.js").FormGroupInputs> ? (T_20 extends infer T_21 ? T_21 extends T_20 ? T_21 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_20 extends import("../Form/form.js").FormValueInput ? { [K_8 in K_3]: T_20; } : {} : never : never; } : never)[keyof MergedMultiStepFormInputs<I>] ? T_18 extends unknown ? (value: T_18) => void : never : never : never) extends (value: infer I_1) => void ? I_1 : never) extends infer T_16 ? { [K_2 in keyof T_16]: T_16[K_2]; } : never)[K_4] ? 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_4 : never : never]?: (Extract<T_6[K_4], import("../Form/form.js").FormValueInput>["required"] extends true ? NonNullable<import("../Field/field.js").FieldValue<Extract<T_6[K_4], import("../Form/form.js").FormValueInput> extends infer T_20 ? T_20 extends Extract<T_6[K_4], import("../Form/form.js").FormValueInput> ? T_20 extends import("../Form/form.js").FormFieldEntry<infer Input extends import("../Field/field.js").InputType> ? Input : T_20 extends (Omit<{
+        type: "time";
+    } & {
+        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: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: number | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: number | null | undefined;
+        defaultValue?: number | 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;
+    } & {
+        placeholder?: string;
+        as?: "minuteSinceMidnight" | "secondSinceMidnight" | "millisecondSinceMidnight";
+        format?: import("@maskito/kit").MaskitoTimeParams["mode"];
+        maxValues?: import("@maskito/kit").MaskitoTimeParams["timeSegmentMaxValues"];
+        minValues?: import("@maskito/kit").MaskitoTimeParams["timeSegmentMinValues"];
+        theme?: import("../TimeInput/timeInput.theme.js").TimeInputThemeProps & import("../Field/field.js").InputProps<"time">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "phone";
+    } & {
+        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;
+    } & {
+        placeholder?: string;
+        country?: string;
+        strict?: boolean;
+        searchPlaceholder?: string;
+        iti?: import("../PhoneInput/phoneInput-cdn.js").IntlTelInputInstance;
+        theme?: import("../PhoneInput/phoneInput.theme.js").PhoneInputThemeProps & import("../Field/field.js").InputProps<"phone">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "number";
+    } & {
+        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: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: number | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: number | null | undefined;
+        defaultValue?: number | 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;
+    } & {
+        placeholder?: string;
+        min?: number;
+        max?: number;
+        step?: number;
+        increment?: number;
+        showControls?: boolean;
+        theme?: import("../NumberInput/numberInput.theme.js").NumberInputThemeProps & import("../Field/field.js").InputProps<"number">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "rating";
+    } & {
+        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: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: number | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: number | null | undefined;
+        defaultValue?: number | 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;
+    } & {
+        max?: number;
+        halfSteps?: boolean;
+        readonly?: boolean;
+        clearable?: boolean;
+        dir?: "ltr" | "rtl";
+        color?: Colors;
+        star?: import("svelte").Snippet<[import("../../Rating/rating.props.js").RatingStarPayload]>;
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        theme?: import("../RatingInput/index.js").RatingThemeProps & import("../Field/field.js").InputProps<"rating">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "voice";
+    } & Omit<import("../Field/field.js").InputProps<"voice">, "theme" | "value" | "onValueChange" | "defaultValue"> & {
+        value?: Blob | null;
+        defaultValue?: Blob | null;
+        duration?: number;
+        minDuration?: number;
+        maxDuration?: number;
+        color?: Colors;
+        variant?: import("../VoiceInput/voiceInput.props.js").VoiceInputVariant;
+        startLabel?: string;
+        stopLabel?: string;
+        playLabel?: string;
+        pauseLabel?: string;
+        seekLabel?: string;
+        clearLabel?: string;
+        onValueChange?: (value: Blob | null) => void;
+        onStart?: () => void;
+        onStop?: (payload: import("../VoiceInput/voiceInput.props.js").VoiceInputResult) => void;
+        onError?: (error: Error) => void;
+        theme?: import("../VoiceInput/voiceInput.theme.js").VoiceInputThemeProps & import("../Field/field.js").InputProps<"voice">["theme"];
+    } & import("../../../types/props.js").DataAttributes & {
+        [key: symbol]: import("svelte/attachments").Attachment<HTMLElement> | null | undefined;
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "slider";
+    } & Omit<import("../Field/field.js").InputProps<"slider">, "value" | "onValueChange" | "defaultValue" | "onValidate"> & {
+        value?: number | number[] | null;
+        defaultValue?: number | number[] | null;
+        min?: number;
+        max?: number;
+        step?: number;
+        mode?: import("../Slider/slider.props.js").SliderMode;
+        variant?: import("../Slider/slider.props.js").SliderVariant;
+        thumbs?: number;
+        orientation?: "horizontal" | "vertical";
+        minStepsBetweenThumbs?: number;
+        dragRange?: boolean;
+        color?: Colors;
+        marks?: import("../Slider/slider.props.js").SliderMark[];
+        showValue?: boolean;
+        formatValue?: import("../Slider/slider.state.svelte.js").SliderFormatValue;
+        valueLabel?: import("../../Slot/slot.js").Slot<import("../Slider/slider.state.svelte.js").SliderValuePayload>;
+        rangeLabel?: import("../../Slot/slot.js").Slot<import("../Slider/slider.props.js").SliderRangeLabelPayload>;
+        thumbLabels?: string[];
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        onValueChange?: (value: number | number[] | null) => void;
+        onValidate?: (value: number | number[]) => string[] | boolean;
+        theme?: import("../Slider/slider.theme.js").SliderThemeProps & import("../Field/field.js").InputProps<"slider">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "slider-range";
+    } & Omit<import("../Field/field.js").InputProps<"slider">, "value" | "onValueChange" | "defaultValue" | "onValidate"> & {
+        value?: number | number[] | null;
+        defaultValue?: number | number[] | null;
+        min?: number;
+        max?: number;
+        step?: number;
+        mode?: import("../Slider/slider.props.js").SliderMode;
+        variant?: import("../Slider/slider.props.js").SliderVariant;
+        thumbs?: number;
+        orientation?: "horizontal" | "vertical";
+        minStepsBetweenThumbs?: number;
+        dragRange?: boolean;
+        color?: Colors;
+        marks?: import("../Slider/slider.props.js").SliderMark[];
+        showValue?: boolean;
+        formatValue?: import("../Slider/slider.state.svelte.js").SliderFormatValue;
+        valueLabel?: import("../../Slot/slot.js").Slot<import("../Slider/slider.state.svelte.js").SliderValuePayload>;
+        rangeLabel?: import("../../Slot/slot.js").Slot<import("../Slider/slider.props.js").SliderRangeLabelPayload>;
+        thumbLabels?: string[];
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        onValueChange?: (value: number | number[] | null) => void;
+        onValidate?: (value: number | number[]) => string[] | boolean;
+        theme?: import("../Slider/slider.theme.js").SliderThemeProps & import("../Field/field.js").InputProps<"slider">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (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"> & {
+        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>;
+        };
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "calendar-range";
+        display: "selector";
+    } & Omit<import("../DateSelector/dateSelector.props.js").DateSelectorInputProps<"range">, "mode">, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "date" | "datetime";
+        display?: undefined;
+    } & {
+        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: Date) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: Date | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: Date | null | undefined;
+        defaultValue?: Date | 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;
+    } & {
+        type?: import("../Field/field.js").DateInputType;
+        placeholder?: string;
+        format?: import("../DateInput/dateInput.props.js").DateFormat;
+        locale?: string;
+        separator?: string;
+        presets?: readonly import("../DateSelector/dateSelector.props.js").DateSelectorPreset<"date">[];
+        disabledDates?: (Date | [Date, Date])[];
+        minDate?: Date;
+        maxDate?: Date;
+        calendarView?: "single" | "double";
+        mobileSheet?: boolean;
+        closeOnSelect?: boolean;
+        onSelect?: (value: Date | null) => void;
+        theme?: import("../DateInput/dateInput.theme.js").DateInputThemeProps & import("../Field/field.js").InputProps<"date" | "datetime">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "date";
+        display: "selector";
+    } & Omit<import("../DateSelector/dateSelector.props.js").DateSelectorInputProps<"date">, "mode">, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "color";
+        display?: undefined;
+    } & {
+        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;
+    } & {
+        placeholder?: string;
+        format?: import("../ColorPicker/colorPicker.state.svelte.js").ColorFormat;
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        theme?: import("../ColorInput/colorInput.theme.js").ColorInputThemeProps & import("../Field/field.js").InputProps<"color">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "color";
+        display: "picker";
+    } & Omit<import("../ColorPicker/colorPicker.props.js").ColorPickerProps, "disabled" | "class" | "theme" | "size" | "value" | "onValueChange" | "defaultValue"> & Omit<import("../Field/field.js").InputProps<"color">, "theme"> & {
+        theme?: {
+            picker?: import("../ColorPicker/colorPicker.theme.js").ColorPickerThemeProps;
+            field?: import("../../../utils/cva/theme.js").InferComponentTheme<typeof import("../Field/field.theme.js").fieldTheme>;
+        };
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "text" | "email" | "url";
+    } & {
+        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;
+    } & {
+        type?: import("../TextInput/textInput.props.js").TextInputType;
+        placeholder?: string;
+        inputAttrs?: import("../TextInput/textInput.props.js").TextInputAttributes;
+        theme?: import("../TextInput/textInput.theme.js").TextInputThemeProps & import("../Field/field.js").InputProps<import("../TextInput/textInput.props.js").TextInputType>["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "password";
+    } & {
+        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;
+    } & {
+        placeholder?: string;
+        theme?: import("../PasswordInput/passwordInput.theme.js").PasswordInputThemeProps & import("../Field/field.js").InputProps<"password">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "textarea";
+    } & {
+        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;
+    } & {
+        placeholder?: string;
+        theme?: import("../TextArea/textArea.theme.js").TextAreaThemeProps & import("../Field/field.js").InputProps<"textarea">["theme"];
+        rows?: number;
+        maxLength?: number;
+        textareaAttrs?: import("../TextArea/textArea.props.js").TextAreaAttributes;
+        onPressEnter?: (payload: import("../Field/field.state.svelte.js").FieldState<"textarea">) => void;
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "rich-text";
+    } & {
+        disabled?: boolean | undefined;
+        error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        class?: string | undefined;
+        size?: import("../../../types/theme.js").Sizes | undefined;
+        value?: string | null | undefined;
+        prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        name?: string | 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;
+        defaultValue?: string | null | undefined;
+        required?: 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;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes | undefined;
+        errors?: string[] | boolean | undefined;
+        focused?: boolean | undefined;
+    } & {
+        value?: string | null;
+        defaultValue?: string | null;
+        ref?: HTMLDivElement | null;
+        id?: string;
+        triggers?: import("../../RichTextInput/richTextInput.props.js").RichTextInputTriggers;
+        onSuggestionOpen?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSuggestionLifecycleCallback;
+        onSuggestionClose?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSuggestionLifecycleCallback;
+        onSuggestionQueryChange?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSuggestionLifecycleCallback;
+        onSuggestionHighlightChange?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSuggestionLifecycleCallback;
+        onValueChange?: (payload: import("../../RichTextInput/richTextInput.props.js").RichTextInputChange) => void;
+        onSubmitShortcut?: (event: KeyboardEvent) => void;
+        submitShortcut?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSubmitShortcut;
+        toolbar?: import("../../RichTextInput/richTextInput.props.js").RichTextInputToolbar;
+        standalone?: boolean;
+        maxHeight?: import("../../RichTextInput/richTextInput.props.js").RichTextInputMaxHeight;
+        formats?: import("../../RichTextInput/richTextInput.props.js").RichTextInputFormat[];
+        placeholder?: string;
+        toolbarClass?: string;
+        theme?: import("../../RichTextInput/richTextInput.theme.js").RichTextInputThemeProps & import("../Field/field.js").InputProps<"rich-text">["theme"];
+    } & import("../../../types/props.js").DataAttributes & {
+        [key: symbol]: import("svelte/attachments").Attachment<HTMLElement> | null | undefined;
+    }, "visible"> & {
+        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;
+    } & {
+        placeholder?: string;
+        theme?: import("../Select/select.theme.js").SelectThemeProps & import("../Field/field.js").InputProps<"select">["theme"];
+        items?: import("../Select/select.props.js").SelectItems;
+        density?: import("../../../types/theme.js").Density;
+        separators?: boolean;
+        triggerAttrs?: import("../Select/select.props.js").SelectTriggerAttributes;
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "combobox";
+    } & Omit<import("../Field/field.js").InputProps<"combobox">, "prefix" | "onValueChange"> & {
+        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"> & {
+        mode?: "card" | "normal";
+        items: import("../RadioInput/radioInput.props.js").RadioOption[];
+        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;
+        mode?: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxMode;
+        items: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxOption[];
+        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"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "checkbox";
+    } & {
+        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: boolean) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: boolean | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: boolean | null | undefined;
+        defaultValue?: boolean | 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;
+    } & {
+        mode?: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxMode | "control";
+        indeterminate?: boolean;
+        theme?: import("../CheckboxesInput/checkboxesInput.theme.js").CheckboxesInputThemeProps & import("../Field/field.js").InputProps<"checkbox">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "switch";
+    } & {
+        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: boolean) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: boolean | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: boolean | null | undefined;
+        defaultValue?: boolean | 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;
+    } & {
+        theme?: import("../Switch/switch.theme.js").SwitchThemeProps & import("../Field/field.js").InputProps<"switch">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "file";
+    } & Omit<import("../Field/field.js").InputProps<"file">, "value" | "placeholder" | "defaultValue"> & {
+        mode?: "single" | undefined;
+        value?: File | null | undefined;
+        defaultValue?: File | null | undefined;
+        onValueChange?: ((value: File | null) => void) | undefined;
+        onReject?: (rejections: import("../File/fileAcceptance.js").FileRejection[]) => void;
+        types?: string[];
+        maxFiles?: number;
+        clickable?: boolean;
+        maxSize?: number;
+        placeholder?: string;
+        fileList?: import("svelte").Snippet;
+        fileListClass?: string;
+        file?: import("svelte").Snippet;
+        fileClass?: string;
+        placeholderClass?: string;
+        theme?: import("../File/fileInput.theme.js").FileInputThemeProps & import("../Field/field.js").InputProps<import("../File/fileInput.props.js").FileInputType<Mode>>["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "files";
+    } & Omit<import("../Field/field.js").InputProps<"files">, "value" | "placeholder" | "defaultValue"> & {
+        mode?: "multiple" | undefined;
+        value?: File[] | null | undefined;
+        defaultValue?: File[] | null | undefined;
+        onValueChange?: ((value: File[] | null) => void) | undefined;
+        onReject?: (rejections: import("../File/fileAcceptance.js").FileRejection[]) => void;
+        types?: string[];
+        maxFiles?: number;
+        clickable?: boolean;
+        maxSize?: number;
+        placeholder?: string;
+        fileList?: import("svelte").Snippet;
+        fileListClass?: string;
+        file?: import("svelte").Snippet;
+        fileClass?: string;
+        placeholderClass?: string;
+        theme?: import("../File/fileInput.theme.js").FileInputThemeProps & import("../Field/field.js").InputProps<import("../File/fileInput.props.js").FileInputType<Mode>>["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "tag-group";
+    } & Omit<import("../Field/field.js").InputProps<"tag-group">, "theme" | "value" | "onValueChange" | "defaultValue" | "onValidate"> & {
+        value?: import("../TagGroup/tagGroup.props.js").TagGroupValue;
+        defaultValue?: import("../TagGroup/tagGroup.props.js").TagGroupValue;
+        onValueChange?: (value: import("../TagGroup/tagGroup.props.js").TagGroupValue) => void;
+        onValidate?: (value: import("../TagGroup/tagGroup.props.js").TagGroupValue) => string[] | boolean;
+        theme?: import("../TagGroup/tagGroup.theme.js").TagGroupThemeProps & import("../Field/field.js").InputProps<"tag-group">["theme"];
+    } & {
+        items: import("../TagGroup/tagGroup.props.js").TagGroupOption[];
+        multiple?: boolean;
+        color?: Colors;
+        unselectedColor?: Colors;
+        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 & {
+        [key: symbol]: import("svelte/attachments").Attachment<HTMLElement> | null | undefined;
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "tag";
+    } & Omit<import("../Field/field.js").InputProps<"tag">, "onValueChange"> & {
+        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;
+        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<{
+        type: "keyvalue";
+    } & Omit<import("../Field/field.js").InputProps<"keyvalue">, "onValueChange"> & {
+        onValueChange?: (value: import("../Field/field.js").KeyValuePair[]) => void;
+        keyPlaceholder?: string;
+        valuePlaceholder?: string;
+        addLabel?: string;
+        maxRows?: number;
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        theme?: import("../KeyValueInput/keyValueInput.theme.js").KeyValueInputThemeProps & import("../Field/field.js").InputProps<"keyvalue">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "pin";
+    } & Omit<import("../Field/field.js").InputProps<"pin">, "onValueChange"> & {
+        length?: number;
+        pattern?: import("../PinInput/pinInput.state.svelte.js").PinInputPattern;
+        inputMode?: import("svelte/elements").HTMLInputAttributes["inputmode"];
+        autocomplete?: import("svelte/elements").HTMLInputAttributes["autocomplete"];
+        pasteTransformer?: (text: string) => string;
+        onValueChange?: (value: string) => void;
+        onComplete?: (value: string) => void;
+        mask?: boolean;
+        theme?: import("../PinInput/pinInput.theme.js").PinInputThemeProps & import("../Field/field.js").InputProps<"pin">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) ? T_20["type"] : never : never : never>> : import("../Field/field.js").FieldValue<Extract<T_6[K_4], import("../Form/form.js").FormValueInput> extends infer T_21 ? T_21 extends Extract<T_6[K_4], import("../Form/form.js").FormValueInput> ? T_21 extends import("../Form/form.js").FormFieldEntry<infer Input extends import("../Field/field.js").InputType> ? Input : T_21 extends (Omit<{
+        type: "time";
+    } & {
+        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: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: number | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: number | null | undefined;
+        defaultValue?: number | 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;
+    } & {
+        placeholder?: string;
+        as?: "minuteSinceMidnight" | "secondSinceMidnight" | "millisecondSinceMidnight";
+        format?: import("@maskito/kit").MaskitoTimeParams["mode"];
+        maxValues?: import("@maskito/kit").MaskitoTimeParams["timeSegmentMaxValues"];
+        minValues?: import("@maskito/kit").MaskitoTimeParams["timeSegmentMinValues"];
+        theme?: import("../TimeInput/timeInput.theme.js").TimeInputThemeProps & import("../Field/field.js").InputProps<"time">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "phone";
+    } & {
+        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;
+    } & {
+        placeholder?: string;
+        country?: string;
+        strict?: boolean;
+        searchPlaceholder?: string;
+        iti?: import("../PhoneInput/phoneInput-cdn.js").IntlTelInputInstance;
+        theme?: import("../PhoneInput/phoneInput.theme.js").PhoneInputThemeProps & import("../Field/field.js").InputProps<"phone">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "number";
+    } & {
+        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: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: number | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: number | null | undefined;
+        defaultValue?: number | 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;
+    } & {
+        placeholder?: string;
+        min?: number;
+        max?: number;
+        step?: number;
+        increment?: number;
+        showControls?: boolean;
+        theme?: import("../NumberInput/numberInput.theme.js").NumberInputThemeProps & import("../Field/field.js").InputProps<"number">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "rating";
+    } & {
+        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: number) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: number | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: number | null | undefined;
+        defaultValue?: number | 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;
+    } & {
+        max?: number;
+        halfSteps?: boolean;
+        readonly?: boolean;
+        clearable?: boolean;
+        dir?: "ltr" | "rtl";
+        color?: Colors;
+        star?: import("svelte").Snippet<[import("../../Rating/rating.props.js").RatingStarPayload]>;
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        theme?: import("../RatingInput/index.js").RatingThemeProps & import("../Field/field.js").InputProps<"rating">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "voice";
+    } & Omit<import("../Field/field.js").InputProps<"voice">, "theme" | "value" | "onValueChange" | "defaultValue"> & {
+        value?: Blob | null;
+        defaultValue?: Blob | null;
+        duration?: number;
+        minDuration?: number;
+        maxDuration?: number;
+        color?: Colors;
+        variant?: import("../VoiceInput/voiceInput.props.js").VoiceInputVariant;
+        startLabel?: string;
+        stopLabel?: string;
+        playLabel?: string;
+        pauseLabel?: string;
+        seekLabel?: string;
+        clearLabel?: string;
+        onValueChange?: (value: Blob | null) => void;
+        onStart?: () => void;
+        onStop?: (payload: import("../VoiceInput/voiceInput.props.js").VoiceInputResult) => void;
+        onError?: (error: Error) => void;
+        theme?: import("../VoiceInput/voiceInput.theme.js").VoiceInputThemeProps & import("../Field/field.js").InputProps<"voice">["theme"];
+    } & import("../../../types/props.js").DataAttributes & {
+        [key: symbol]: import("svelte/attachments").Attachment<HTMLElement> | null | undefined;
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "slider";
+    } & Omit<import("../Field/field.js").InputProps<"slider">, "value" | "onValueChange" | "defaultValue" | "onValidate"> & {
+        value?: number | number[] | null;
+        defaultValue?: number | number[] | null;
+        min?: number;
+        max?: number;
+        step?: number;
+        mode?: import("../Slider/slider.props.js").SliderMode;
+        variant?: import("../Slider/slider.props.js").SliderVariant;
+        thumbs?: number;
+        orientation?: "horizontal" | "vertical";
+        minStepsBetweenThumbs?: number;
+        dragRange?: boolean;
+        color?: Colors;
+        marks?: import("../Slider/slider.props.js").SliderMark[];
+        showValue?: boolean;
+        formatValue?: import("../Slider/slider.state.svelte.js").SliderFormatValue;
+        valueLabel?: import("../../Slot/slot.js").Slot<import("../Slider/slider.state.svelte.js").SliderValuePayload>;
+        rangeLabel?: import("../../Slot/slot.js").Slot<import("../Slider/slider.props.js").SliderRangeLabelPayload>;
+        thumbLabels?: string[];
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        onValueChange?: (value: number | number[] | null) => void;
+        onValidate?: (value: number | number[]) => string[] | boolean;
+        theme?: import("../Slider/slider.theme.js").SliderThemeProps & import("../Field/field.js").InputProps<"slider">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "slider-range";
+    } & Omit<import("../Field/field.js").InputProps<"slider">, "value" | "onValueChange" | "defaultValue" | "onValidate"> & {
+        value?: number | number[] | null;
+        defaultValue?: number | number[] | null;
+        min?: number;
+        max?: number;
+        step?: number;
+        mode?: import("../Slider/slider.props.js").SliderMode;
+        variant?: import("../Slider/slider.props.js").SliderVariant;
+        thumbs?: number;
+        orientation?: "horizontal" | "vertical";
+        minStepsBetweenThumbs?: number;
+        dragRange?: boolean;
+        color?: Colors;
+        marks?: import("../Slider/slider.props.js").SliderMark[];
+        showValue?: boolean;
+        formatValue?: import("../Slider/slider.state.svelte.js").SliderFormatValue;
+        valueLabel?: import("../../Slot/slot.js").Slot<import("../Slider/slider.state.svelte.js").SliderValuePayload>;
+        rangeLabel?: import("../../Slot/slot.js").Slot<import("../Slider/slider.props.js").SliderRangeLabelPayload>;
+        thumbLabels?: string[];
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        onValueChange?: (value: number | number[] | null) => void;
+        onValidate?: (value: number | number[]) => string[] | boolean;
+        theme?: import("../Slider/slider.theme.js").SliderThemeProps & import("../Field/field.js").InputProps<"slider">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (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"> & {
+        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>;
+        };
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "calendar-range";
+        display: "selector";
+    } & Omit<import("../DateSelector/dateSelector.props.js").DateSelectorInputProps<"range">, "mode">, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "date" | "datetime";
+        display?: undefined;
+    } & {
+        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: Date) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: Date | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: Date | null | undefined;
+        defaultValue?: Date | 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;
+    } & {
+        type?: import("../Field/field.js").DateInputType;
+        placeholder?: string;
+        format?: import("../DateInput/dateInput.props.js").DateFormat;
+        locale?: string;
+        separator?: string;
+        presets?: readonly import("../DateSelector/dateSelector.props.js").DateSelectorPreset<"date">[];
+        disabledDates?: (Date | [Date, Date])[];
+        minDate?: Date;
+        maxDate?: Date;
+        calendarView?: "single" | "double";
+        mobileSheet?: boolean;
+        closeOnSelect?: boolean;
+        onSelect?: (value: Date | null) => void;
+        theme?: import("../DateInput/dateInput.theme.js").DateInputThemeProps & import("../Field/field.js").InputProps<"date" | "datetime">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "date";
+        display: "selector";
+    } & Omit<import("../DateSelector/dateSelector.props.js").DateSelectorInputProps<"date">, "mode">, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "color";
+        display?: undefined;
+    } & {
+        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;
+    } & {
+        placeholder?: string;
+        format?: import("../ColorPicker/colorPicker.state.svelte.js").ColorFormat;
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        theme?: import("../ColorInput/colorInput.theme.js").ColorInputThemeProps & import("../Field/field.js").InputProps<"color">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "color";
+        display: "picker";
+    } & Omit<import("../ColorPicker/colorPicker.props.js").ColorPickerProps, "disabled" | "class" | "theme" | "size" | "value" | "onValueChange" | "defaultValue"> & Omit<import("../Field/field.js").InputProps<"color">, "theme"> & {
+        theme?: {
+            picker?: import("../ColorPicker/colorPicker.theme.js").ColorPickerThemeProps;
+            field?: import("../../../utils/cva/theme.js").InferComponentTheme<typeof import("../Field/field.theme.js").fieldTheme>;
+        };
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "text" | "email" | "url";
+    } & {
+        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;
+    } & {
+        type?: import("../TextInput/textInput.props.js").TextInputType;
+        placeholder?: string;
+        inputAttrs?: import("../TextInput/textInput.props.js").TextInputAttributes;
+        theme?: import("../TextInput/textInput.theme.js").TextInputThemeProps & import("../Field/field.js").InputProps<import("../TextInput/textInput.props.js").TextInputType>["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "password";
+    } & {
+        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;
+    } & {
+        placeholder?: string;
+        theme?: import("../PasswordInput/passwordInput.theme.js").PasswordInputThemeProps & import("../Field/field.js").InputProps<"password">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "textarea";
+    } & {
+        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;
+    } & {
+        placeholder?: string;
+        theme?: import("../TextArea/textArea.theme.js").TextAreaThemeProps & import("../Field/field.js").InputProps<"textarea">["theme"];
+        rows?: number;
+        maxLength?: number;
+        textareaAttrs?: import("../TextArea/textArea.props.js").TextAreaAttributes;
+        onPressEnter?: (payload: import("../Field/field.state.svelte.js").FieldState<"textarea">) => void;
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "rich-text";
+    } & {
+        disabled?: boolean | undefined;
+        error?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        class?: string | undefined;
+        size?: import("../../../types/theme.js").Sizes | undefined;
+        value?: string | null | undefined;
+        prefix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        suffix?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+        name?: string | 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;
+        defaultValue?: string | null | undefined;
+        required?: 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;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes | undefined;
+        errors?: string[] | boolean | undefined;
+        focused?: boolean | undefined;
+    } & {
+        value?: string | null;
+        defaultValue?: string | null;
+        ref?: HTMLDivElement | null;
+        id?: string;
+        triggers?: import("../../RichTextInput/richTextInput.props.js").RichTextInputTriggers;
+        onSuggestionOpen?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSuggestionLifecycleCallback;
+        onSuggestionClose?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSuggestionLifecycleCallback;
+        onSuggestionQueryChange?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSuggestionLifecycleCallback;
+        onSuggestionHighlightChange?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSuggestionLifecycleCallback;
+        onValueChange?: (payload: import("../../RichTextInput/richTextInput.props.js").RichTextInputChange) => void;
+        onSubmitShortcut?: (event: KeyboardEvent) => void;
+        submitShortcut?: import("../../RichTextInput/richTextInput.props.js").RichTextInputSubmitShortcut;
+        toolbar?: import("../../RichTextInput/richTextInput.props.js").RichTextInputToolbar;
+        standalone?: boolean;
+        maxHeight?: import("../../RichTextInput/richTextInput.props.js").RichTextInputMaxHeight;
+        formats?: import("../../RichTextInput/richTextInput.props.js").RichTextInputFormat[];
+        placeholder?: string;
+        toolbarClass?: string;
+        theme?: import("../../RichTextInput/richTextInput.theme.js").RichTextInputThemeProps & import("../Field/field.js").InputProps<"rich-text">["theme"];
+    } & import("../../../types/props.js").DataAttributes & {
+        [key: symbol]: import("svelte/attachments").Attachment<HTMLElement> | null | undefined;
+    }, "visible"> & {
+        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;
+    } & {
+        placeholder?: string;
+        theme?: import("../Select/select.theme.js").SelectThemeProps & import("../Field/field.js").InputProps<"select">["theme"];
+        items?: import("../Select/select.props.js").SelectItems;
+        density?: import("../../../types/theme.js").Density;
+        separators?: boolean;
+        triggerAttrs?: import("../Select/select.props.js").SelectTriggerAttributes;
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "combobox";
+    } & Omit<import("../Field/field.js").InputProps<"combobox">, "prefix" | "onValueChange"> & {
+        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"> & {
+        mode?: "card" | "normal";
+        items: import("../RadioInput/radioInput.props.js").RadioOption[];
+        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;
+        mode?: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxMode;
+        items: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxOption[];
+        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"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "checkbox";
+    } & {
+        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: boolean) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: boolean | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: boolean | null | undefined;
+        defaultValue?: boolean | 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;
+    } & {
+        mode?: import("../CheckboxesInput/checkboxesInput.props.js").CheckboxMode | "control";
+        indeterminate?: boolean;
+        theme?: import("../CheckboxesInput/checkboxesInput.theme.js").CheckboxesInputThemeProps & import("../Field/field.js").InputProps<"checkbox">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "switch";
+    } & {
+        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: boolean) => string | string[] | boolean | null | undefined) | undefined;
+        onValueChange?: ((value: boolean | null) => void) | undefined;
+        fieldAttrs?: import("../Field/field.js").FieldAttributes;
+        class?: string;
+        theme?: import("../Field/field.theme.js").FieldThemeProps;
+        value?: boolean | null | undefined;
+        defaultValue?: boolean | 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;
+    } & {
+        theme?: import("../Switch/switch.theme.js").SwitchThemeProps & import("../Field/field.js").InputProps<"switch">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "file";
+    } & Omit<import("../Field/field.js").InputProps<"file">, "value" | "placeholder" | "defaultValue"> & {
+        mode?: "single" | undefined;
+        value?: File | null | undefined;
+        defaultValue?: File | null | undefined;
+        onValueChange?: ((value: File | null) => void) | undefined;
+        onReject?: (rejections: import("../File/fileAcceptance.js").FileRejection[]) => void;
+        types?: string[];
+        maxFiles?: number;
+        clickable?: boolean;
+        maxSize?: number;
+        placeholder?: string;
+        fileList?: import("svelte").Snippet;
+        fileListClass?: string;
+        file?: import("svelte").Snippet;
+        fileClass?: string;
+        placeholderClass?: string;
+        theme?: import("../File/fileInput.theme.js").FileInputThemeProps & import("../Field/field.js").InputProps<import("../File/fileInput.props.js").FileInputType<Mode>>["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "files";
+    } & Omit<import("../Field/field.js").InputProps<"files">, "value" | "placeholder" | "defaultValue"> & {
+        mode?: "multiple" | undefined;
+        value?: File[] | null | undefined;
+        defaultValue?: File[] | null | undefined;
+        onValueChange?: ((value: File[] | null) => void) | undefined;
+        onReject?: (rejections: import("../File/fileAcceptance.js").FileRejection[]) => void;
+        types?: string[];
+        maxFiles?: number;
+        clickable?: boolean;
+        maxSize?: number;
+        placeholder?: string;
+        fileList?: import("svelte").Snippet;
+        fileListClass?: string;
+        file?: import("svelte").Snippet;
+        fileClass?: string;
+        placeholderClass?: string;
+        theme?: import("../File/fileInput.theme.js").FileInputThemeProps & import("../Field/field.js").InputProps<import("../File/fileInput.props.js").FileInputType<Mode>>["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "tag-group";
+    } & Omit<import("../Field/field.js").InputProps<"tag-group">, "theme" | "value" | "onValueChange" | "defaultValue" | "onValidate"> & {
+        value?: import("../TagGroup/tagGroup.props.js").TagGroupValue;
+        defaultValue?: import("../TagGroup/tagGroup.props.js").TagGroupValue;
+        onValueChange?: (value: import("../TagGroup/tagGroup.props.js").TagGroupValue) => void;
+        onValidate?: (value: import("../TagGroup/tagGroup.props.js").TagGroupValue) => string[] | boolean;
+        theme?: import("../TagGroup/tagGroup.theme.js").TagGroupThemeProps & import("../Field/field.js").InputProps<"tag-group">["theme"];
+    } & {
+        items: import("../TagGroup/tagGroup.props.js").TagGroupOption[];
+        multiple?: boolean;
+        color?: Colors;
+        unselectedColor?: Colors;
+        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 & {
+        [key: symbol]: import("svelte/attachments").Attachment<HTMLElement> | null | undefined;
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "tag";
+    } & Omit<import("../Field/field.js").InputProps<"tag">, "onValueChange"> & {
+        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;
+        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<{
+        type: "keyvalue";
+    } & Omit<import("../Field/field.js").InputProps<"keyvalue">, "onValueChange"> & {
+        onValueChange?: (value: import("../Field/field.js").KeyValuePair[]) => void;
+        keyPlaceholder?: string;
+        valuePlaceholder?: string;
+        addLabel?: string;
+        maxRows?: number;
+        i18n?: Partial<import("../../../i18n/en.js").Messages>;
+        theme?: import("../KeyValueInput/keyValueInput.theme.js").KeyValueInputThemeProps & import("../Field/field.js").InputProps<"keyvalue">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | (Omit<{
+        type: "pin";
+    } & Omit<import("../Field/field.js").InputProps<"pin">, "onValueChange"> & {
+        length?: number;
+        pattern?: import("../PinInput/pinInput.state.svelte.js").PinInputPattern;
+        inputMode?: import("svelte/elements").HTMLInputAttributes["inputmode"];
+        autocomplete?: import("svelte/elements").HTMLInputAttributes["autocomplete"];
+        pasteTransformer?: (text: string) => string;
+        onValueChange?: (value: string) => void;
+        onComplete?: (value: string) => void;
+        mask?: boolean;
+        theme?: import("../PinInput/pinInput.theme.js").PinInputThemeProps & import("../Field/field.js").InputProps<"pin">["theme"];
+    }, "visible"> & {
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) ? T_21["type"] : never : never : never> | null) | undefined; } : never) extends infer T ? { [K in keyof T]: T[K]; } : never>;
+    progress: {
+        value: number;
+        color: Colors;
+    };
+    meterSteps: {
+        label: string;
+        start: number;
+        end: number;
+        color: Colors;
+    }[];
+    constructor(options: MultiStepFormOptions<I>);
+    getForm(index: number): FormState<FormInputs> | undefined;
+    setForm(index: number, form: FormState<FormInputs> | undefined): void;
+    getStepValue(index: number): LiveFormValue<FormInputs>;
+    setStepValue(index: number, value: LiveFormValue<FormInputs>, notify?: boolean): void;
+    submit: () => Promise<MultiStepProgressValue<I> | false>;
+    private submitCurrentStep;
+    private validateThrough;
+    private reconcileSteps;
+    private mergeStepValues;
+    private getActiveStep;
+}
+export {};