@cnamts/synapse 1.0.20 → 1.0.22

package/dist/components/UploadWorkflow/UploadWorkflow.d.ts

@@ -1,11 +1,13 @@
 import { CustomizableOptions } from '../../composables/useCustomizableOptions';
 import { Widthable } from '../../composables/widthable';
 import { locales as defaultLocales } from './locales';
-import { SelectedFile, UploadItem } from './types';
+import { FileItem, SelectedFile, UploadItem } from './types';
 type __VLS_Props = Widthable & CustomizableOptions & {
     uploadList: UploadItem[];
     sectionTitle?: string;
     showFilePreview?: boolean;
+    infoText?: string;
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
     locales?: typeof defaultLocales;
 };
 type __VLS_PublicProps = {
@@ -13,11 +15,20 @@ type __VLS_PublicProps = {
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        title?(_: {}): any;
-        'modal-title'?(_: {}): any;
-        'modal-description'?(_: {}): any;
-        'preview-description'?(_: {}): any;
+    slots: Readonly<{
+        title?: () => undefined;
+        'modal-title'?: (props: {
+            id: string;
+        }) => undefined;
+        'modal-description'?: () => undefined;
+        'preview-description'?: () => undefined;
+    }> & {
+        title?: () => undefined;
+        'modal-title'?: (props: {
+            id: string;
+        }) => undefined;
+        'modal-description'?: () => undefined;
+        'preview-description'?: () => undefined;
     };
     refs: {
         fileUpload: ({
@@ -37,14 +48,12 @@ declare function __VLS_template(): {
                 readonly onError?: ((value: string[]) => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
+            $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
             } & {
-                dropZone: HTMLLabelElement;
                 fileInput: HTMLInputElement;
+                dropZone: HTMLDivElement;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -53,7 +62,7 @@ declare function __VLS_template(): {
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
             $emit: ((event: "error", value: string[]) => void) & ((event: "update:modelValue", value: File[]) => void);
-            $el: HTMLLabelElement;
+            $el: HTMLDivElement;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 modelValue: File[];
                 disabled?: boolean;
@@ -67,6 +76,7 @@ declare function __VLS_template(): {
                 "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
             }>, {
                 fileInput: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+                openFileDialog: () => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 error: (value: string[]) => any;
                 "update:modelValue": (value: File[]) => any;
@@ -115,8 +125,9 @@ declare function __VLS_template(): {
         } & Widthable> & Readonly<{
             onError?: ((value: string[]) => any) | undefined;
             "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
-        }>, "fileInput" | ("disabled" | "locales" | "multiple" | "allowedExtensions" | "fileSizeUnits" | "fileSizeMax")> & import('vue').ShallowUnwrapRef<{
+        }>, "fileInput" | "openFileDialog" | ("disabled" | "locales" | "multiple" | "allowedExtensions" | "fileSizeUnits" | "fileSizeMax")> & import('vue').ShallowUnwrapRef<{
             fileInput: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+            openFileDialog: () => void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: Readonly<{
                 default(): void;
@@ -124,603 +135,7 @@ declare function __VLS_template(): {
                 default(): void;
             } & import('../FileUpload/FileUploadContent').FileUploadContentSlots;
         }) | null;
-        form: import('vue').CreateComponentPublicInstanceWithMixins<{
-            style: import('vue').StyleValue;
-            disabled: boolean;
-            readonly: boolean;
-            modelValue: boolean | null;
-            validateOn: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-            fastFail: boolean;
-        } & {
-            class?: any;
-        } & {
-            $children?: import('vue').VNodeChild | {
-                $stable?: boolean;
-            } | {
-                default?: ((arg: {
-                    errors: import('vue').Ref<{
-                        id: number | string;
-                        errorMessages: string[];
-                    }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                        id: number | string;
-                        errorMessages: string[];
-                    }[]>;
-                    isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-                    isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-                    isValidating: import('vue').ShallowRef<boolean, boolean>;
-                    isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                        readonly externalValue: boolean | null;
-                    };
-                    items: import('vue').Ref<{
-                        id: number | string;
-                        validate: () => Promise<string[]>;
-                        reset: () => Promise<void>;
-                        resetValidation: () => Promise<void>;
-                        vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                        isValid: boolean | null;
-                        errorMessages: string[];
-                    }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                        id: number | string;
-                        validate: () => Promise<string[]>;
-                        reset: () => Promise<void>;
-                        resetValidation: () => Promise<void>;
-                        vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                        isValid: boolean | null;
-                        errorMessages: string[];
-                    }[]>;
-                    validate: () => Promise<{
-                        valid: boolean;
-                        errors: {
-                            id: number | string;
-                            errorMessages: string[];
-                        }[];
-                    }>;
-                    reset: () => void;
-                    resetValidation: () => void;
-                }) => import('vue').VNodeChild) | undefined;
-            } | ((arg: {
-                errors: import('vue').Ref<{
-                    id: number | string;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                    id: number | string;
-                    errorMessages: string[];
-                }[]>;
-                isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-                isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-                isValidating: import('vue').ShallowRef<boolean, boolean>;
-                isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                    readonly externalValue: boolean | null;
-                };
-                items: import('vue').Ref<{
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[]>;
-                validate: () => Promise<{
-                    valid: boolean;
-                    errors: {
-                        id: number | string;
-                        errorMessages: string[];
-                    }[];
-                }>;
-                reset: () => void;
-                resetValidation: () => void;
-            }) => import('vue').VNodeChild);
-            'v-slots'?: {
-                default?: false | ((arg: {
-                    errors: import('vue').Ref<{
-                        id: number | string;
-                        errorMessages: string[];
-                    }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                        id: number | string;
-                        errorMessages: string[];
-                    }[]>;
-                    isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-                    isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-                    isValidating: import('vue').ShallowRef<boolean, boolean>;
-                    isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                        readonly externalValue: boolean | null;
-                    };
-                    items: import('vue').Ref<{
-                        id: number | string;
-                        validate: () => Promise<string[]>;
-                        reset: () => Promise<void>;
-                        resetValidation: () => Promise<void>;
-                        vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                        isValid: boolean | null;
-                        errorMessages: string[];
-                    }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                        id: number | string;
-                        validate: () => Promise<string[]>;
-                        reset: () => Promise<void>;
-                        resetValidation: () => Promise<void>;
-                        vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                        isValid: boolean | null;
-                        errorMessages: string[];
-                    }[]>;
-                    validate: () => Promise<{
-                        valid: boolean;
-                        errors: {
-                            id: number | string;
-                            errorMessages: string[];
-                        }[];
-                    }>;
-                    reset: () => void;
-                    resetValidation: () => void;
-                }) => import('vue').VNodeChild) | undefined;
-            } | undefined;
-        } & {
-            "v-slot:default"?: false | ((arg: {
-                errors: import('vue').Ref<{
-                    id: number | string;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                    id: number | string;
-                    errorMessages: string[];
-                }[]>;
-                isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-                isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-                isValidating: import('vue').ShallowRef<boolean, boolean>;
-                isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                    readonly externalValue: boolean | null;
-                };
-                items: import('vue').Ref<{
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[]>;
-                validate: () => Promise<{
-                    valid: boolean;
-                    errors: {
-                        id: number | string;
-                        errorMessages: string[];
-                    }[];
-                }>;
-                reset: () => void;
-                resetValidation: () => void;
-            }) => import('vue').VNodeChild) | undefined;
-        } & {
-            onSubmit?: ((e: import('vuetify/lib/types.mjs').SubmitEventPromise) => any) | undefined;
-            "onUpdate:modelValue"?: ((val: boolean | null) => any) | undefined;
-        }, {
-            errors: import('vue').Ref<{
-                id: number | string;
-                errorMessages: string[];
-            }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                id: number | string;
-                errorMessages: string[];
-            }[]>;
-            isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-            isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-            isValidating: import('vue').ShallowRef<boolean, boolean>;
-            isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                readonly externalValue: boolean | null;
-            };
-            items: import('vue').Ref<{
-                id: number | string;
-                validate: () => Promise<string[]>;
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                isValid: boolean | null;
-                errorMessages: string[];
-            }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                id: number | string;
-                validate: () => Promise<string[]>;
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                isValid: boolean | null;
-                errorMessages: string[];
-            }[]>;
-            validate: () => Promise<{
-                valid: boolean;
-                errors: {
-                    id: number | string;
-                    errorMessages: string[];
-                }[];
-            }>;
-            reset: () => void;
-            resetValidation: () => void;
-        } & HTMLFormElement & {
-            _allExposed: {
-                errors: import('vue').Ref<{
-                    id: number | string;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                    id: number | string;
-                    errorMessages: string[];
-                }[]>;
-                isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-                isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-                isValidating: import('vue').ShallowRef<boolean, boolean>;
-                isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                    readonly externalValue: boolean | null;
-                };
-                items: import('vue').Ref<{
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[]>;
-                validate: () => Promise<{
-                    valid: boolean;
-                    errors: {
-                        id: number | string;
-                        errorMessages: string[];
-                    }[];
-                }>;
-                reset: () => void;
-                resetValidation: () => void;
-            };
-        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            'update:modelValue': (val: boolean | null) => true;
-            submit: (e: import('vuetify/lib/types.mjs').SubmitEventPromise) => true;
-        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
-            style: import('vue').StyleValue;
-            disabled: boolean;
-            readonly: boolean;
-            modelValue: boolean | null;
-            validateOn: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-            fastFail: boolean;
-        }, true, {}, import('vue').SlotsType<Partial<{
-            default: (arg: {
-                errors: import('vue').Ref<{
-                    id: number | string;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                    id: number | string;
-                    errorMessages: string[];
-                }[]>;
-                isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-                isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-                isValidating: import('vue').ShallowRef<boolean, boolean>;
-                isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                    readonly externalValue: boolean | null;
-                };
-                items: import('vue').Ref<{
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[]>;
-                validate: () => Promise<{
-                    valid: boolean;
-                    errors: {
-                        id: number | string;
-                        errorMessages: string[];
-                    }[];
-                }>;
-                reset: () => void;
-                resetValidation: () => void;
-            }) => import('vue').VNode[];
-        }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, {
-            style: import('vue').StyleValue;
-            disabled: boolean;
-            readonly: boolean;
-            modelValue: boolean | null;
-            validateOn: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-            fastFail: boolean;
-        } & {
-            class?: any;
-        } & {
-            $children?: import('vue').VNodeChild | {
-                $stable?: boolean;
-            } | {
-                default?: ((arg: {
-                    errors: import('vue').Ref<{
-                        id: number | string;
-                        errorMessages: string[];
-                    }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                        id: number | string;
-                        errorMessages: string[];
-                    }[]>;
-                    isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-                    isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-                    isValidating: import('vue').ShallowRef<boolean, boolean>;
-                    isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                        readonly externalValue: boolean | null;
-                    };
-                    items: import('vue').Ref<{
-                        id: number | string;
-                        validate: () => Promise<string[]>;
-                        reset: () => Promise<void>;
-                        resetValidation: () => Promise<void>;
-                        vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                        isValid: boolean | null;
-                        errorMessages: string[];
-                    }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                        id: number | string;
-                        validate: () => Promise<string[]>;
-                        reset: () => Promise<void>;
-                        resetValidation: () => Promise<void>;
-                        vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                        isValid: boolean | null;
-                        errorMessages: string[];
-                    }[]>;
-                    validate: () => Promise<{
-                        valid: boolean;
-                        errors: {
-                            id: number | string;
-                            errorMessages: string[];
-                        }[];
-                    }>;
-                    reset: () => void;
-                    resetValidation: () => void;
-                }) => import('vue').VNodeChild) | undefined;
-            } | ((arg: {
-                errors: import('vue').Ref<{
-                    id: number | string;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                    id: number | string;
-                    errorMessages: string[];
-                }[]>;
-                isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-                isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-                isValidating: import('vue').ShallowRef<boolean, boolean>;
-                isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                    readonly externalValue: boolean | null;
-                };
-                items: import('vue').Ref<{
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[]>;
-                validate: () => Promise<{
-                    valid: boolean;
-                    errors: {
-                        id: number | string;
-                        errorMessages: string[];
-                    }[];
-                }>;
-                reset: () => void;
-                resetValidation: () => void;
-            }) => import('vue').VNodeChild);
-            'v-slots'?: {
-                default?: false | ((arg: {
-                    errors: import('vue').Ref<{
-                        id: number | string;
-                        errorMessages: string[];
-                    }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                        id: number | string;
-                        errorMessages: string[];
-                    }[]>;
-                    isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-                    isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-                    isValidating: import('vue').ShallowRef<boolean, boolean>;
-                    isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                        readonly externalValue: boolean | null;
-                    };
-                    items: import('vue').Ref<{
-                        id: number | string;
-                        validate: () => Promise<string[]>;
-                        reset: () => Promise<void>;
-                        resetValidation: () => Promise<void>;
-                        vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                        isValid: boolean | null;
-                        errorMessages: string[];
-                    }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                        id: number | string;
-                        validate: () => Promise<string[]>;
-                        reset: () => Promise<void>;
-                        resetValidation: () => Promise<void>;
-                        vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                        isValid: boolean | null;
-                        errorMessages: string[];
-                    }[]>;
-                    validate: () => Promise<{
-                        valid: boolean;
-                        errors: {
-                            id: number | string;
-                            errorMessages: string[];
-                        }[];
-                    }>;
-                    reset: () => void;
-                    resetValidation: () => void;
-                }) => import('vue').VNodeChild) | undefined;
-            } | undefined;
-        } & {
-            "v-slot:default"?: false | ((arg: {
-                errors: import('vue').Ref<{
-                    id: number | string;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                    id: number | string;
-                    errorMessages: string[];
-                }[]>;
-                isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-                isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-                isValidating: import('vue').ShallowRef<boolean, boolean>;
-                isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                    readonly externalValue: boolean | null;
-                };
-                items: import('vue').Ref<{
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[]>;
-                validate: () => Promise<{
-                    valid: boolean;
-                    errors: {
-                        id: number | string;
-                        errorMessages: string[];
-                    }[];
-                }>;
-                reset: () => void;
-                resetValidation: () => void;
-            }) => import('vue').VNodeChild) | undefined;
-        } & {
-            onSubmit?: ((e: import('vuetify/lib/types.mjs').SubmitEventPromise) => any) | undefined;
-            "onUpdate:modelValue"?: ((val: boolean | null) => any) | undefined;
-        }, {
-            errors: import('vue').Ref<{
-                id: number | string;
-                errorMessages: string[];
-            }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                id: number | string;
-                errorMessages: string[];
-            }[]>;
-            isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-            isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-            isValidating: import('vue').ShallowRef<boolean, boolean>;
-            isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                readonly externalValue: boolean | null;
-            };
-            items: import('vue').Ref<{
-                id: number | string;
-                validate: () => Promise<string[]>;
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                isValid: boolean | null;
-                errorMessages: string[];
-            }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                id: number | string;
-                validate: () => Promise<string[]>;
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                isValid: boolean | null;
-                errorMessages: string[];
-            }[]>;
-            validate: () => Promise<{
-                valid: boolean;
-                errors: {
-                    id: number | string;
-                    errorMessages: string[];
-                }[];
-            }>;
-            reset: () => void;
-            resetValidation: () => void;
-        } & HTMLFormElement & {
-            _allExposed: {
-                errors: import('vue').Ref<{
-                    id: number | string;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                    id: number | string;
-                    errorMessages: string[];
-                }[]>;
-                isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-                isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-                isValidating: import('vue').ShallowRef<boolean, boolean>;
-                isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                    readonly externalValue: boolean | null;
-                };
-                items: import('vue').Ref<{
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[]>;
-                validate: () => Promise<{
-                    valid: boolean;
-                    errors: {
-                        id: number | string;
-                        errorMessages: string[];
-                    }[];
-                }>;
-                reset: () => void;
-                resetValidation: () => void;
-            };
-        }, {}, {}, {}, {
-            style: import('vue').StyleValue;
-            disabled: boolean;
-            readonly: boolean;
-            modelValue: boolean | null;
-            validateOn: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-            fastFail: boolean;
-        }> | null;
+        form: HTMLDivElement;
     };
     rootEl: HTMLDivElement;
 };
@@ -730,13 +145,17 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 } & {
     error: (value: string[]) => any;
     "update:modelValue": (value: SelectedFile[]) => any;
+    preview: (value: FileItem) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onError?: ((value: string[]) => any) | undefined;
     "onUpdate:modelValue"?: ((value: SelectedFile[]) => any) | undefined;
+    onPreview?: ((value: FileItem) => any) | undefined;
 }>, {
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
     locales: typeof defaultLocales;
     sectionTitle: string;
     showFilePreview: boolean;
+    infoText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     fileUpload: ({
         $: import('vue').ComponentInternalInstance;
@@ -755,14 +174,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly onError?: ((value: string[]) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         } & {
-            dropZone: HTMLLabelElement;
             fileInput: HTMLInputElement;
+            dropZone: HTMLDivElement;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -771,7 +188,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
         $emit: ((event: "error", value: string[]) => void) & ((event: "update:modelValue", value: File[]) => void);
-        $el: HTMLLabelElement;
+        $el: HTMLDivElement;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             modelValue: File[];
             disabled?: boolean;
@@ -785,6 +202,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
         }>, {
             fileInput: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+            openFileDialog: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             error: (value: string[]) => any;
             "update:modelValue": (value: File[]) => any;
@@ -833,8 +251,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     } & Widthable> & Readonly<{
         onError?: ((value: string[]) => any) | undefined;
         "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
-    }>, "fileInput" | ("disabled" | "locales" | "multiple" | "allowedExtensions" | "fileSizeUnits" | "fileSizeMax")> & import('vue').ShallowUnwrapRef<{
+    }>, "fileInput" | "openFileDialog" | ("disabled" | "locales" | "multiple" | "allowedExtensions" | "fileSizeUnits" | "fileSizeMax")> & import('vue').ShallowUnwrapRef<{
         fileInput: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+        openFileDialog: () => void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: Readonly<{
             default(): void;
@@ -842,603 +261,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             default(): void;
         } & import('../FileUpload/FileUploadContent').FileUploadContentSlots;
     }) | null;
-    form: import('vue').CreateComponentPublicInstanceWithMixins<{
-        style: import('vue').StyleValue;
-        disabled: boolean;
-        readonly: boolean;
-        modelValue: boolean | null;
-        validateOn: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-        fastFail: boolean;
-    } & {
-        class?: any;
-    } & {
-        $children?: import('vue').VNodeChild | {
-            $stable?: boolean;
-        } | {
-            default?: ((arg: {
-                errors: import('vue').Ref<{
-                    id: number | string;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                    id: number | string;
-                    errorMessages: string[];
-                }[]>;
-                isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-                isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-                isValidating: import('vue').ShallowRef<boolean, boolean>;
-                isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                    readonly externalValue: boolean | null;
-                };
-                items: import('vue').Ref<{
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[]>;
-                validate: () => Promise<{
-                    valid: boolean;
-                    errors: {
-                        id: number | string;
-                        errorMessages: string[];
-                    }[];
-                }>;
-                reset: () => void;
-                resetValidation: () => void;
-            }) => import('vue').VNodeChild) | undefined;
-        } | ((arg: {
-            errors: import('vue').Ref<{
-                id: number | string;
-                errorMessages: string[];
-            }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                id: number | string;
-                errorMessages: string[];
-            }[]>;
-            isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-            isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-            isValidating: import('vue').ShallowRef<boolean, boolean>;
-            isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                readonly externalValue: boolean | null;
-            };
-            items: import('vue').Ref<{
-                id: number | string;
-                validate: () => Promise<string[]>;
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                isValid: boolean | null;
-                errorMessages: string[];
-            }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                id: number | string;
-                validate: () => Promise<string[]>;
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                isValid: boolean | null;
-                errorMessages: string[];
-            }[]>;
-            validate: () => Promise<{
-                valid: boolean;
-                errors: {
-                    id: number | string;
-                    errorMessages: string[];
-                }[];
-            }>;
-            reset: () => void;
-            resetValidation: () => void;
-        }) => import('vue').VNodeChild);
-        'v-slots'?: {
-            default?: false | ((arg: {
-                errors: import('vue').Ref<{
-                    id: number | string;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                    id: number | string;
-                    errorMessages: string[];
-                }[]>;
-                isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-                isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-                isValidating: import('vue').ShallowRef<boolean, boolean>;
-                isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                    readonly externalValue: boolean | null;
-                };
-                items: import('vue').Ref<{
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[]>;
-                validate: () => Promise<{
-                    valid: boolean;
-                    errors: {
-                        id: number | string;
-                        errorMessages: string[];
-                    }[];
-                }>;
-                reset: () => void;
-                resetValidation: () => void;
-            }) => import('vue').VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | ((arg: {
-            errors: import('vue').Ref<{
-                id: number | string;
-                errorMessages: string[];
-            }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                id: number | string;
-                errorMessages: string[];
-            }[]>;
-            isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-            isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-            isValidating: import('vue').ShallowRef<boolean, boolean>;
-            isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                readonly externalValue: boolean | null;
-            };
-            items: import('vue').Ref<{
-                id: number | string;
-                validate: () => Promise<string[]>;
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                isValid: boolean | null;
-                errorMessages: string[];
-            }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                id: number | string;
-                validate: () => Promise<string[]>;
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                isValid: boolean | null;
-                errorMessages: string[];
-            }[]>;
-            validate: () => Promise<{
-                valid: boolean;
-                errors: {
-                    id: number | string;
-                    errorMessages: string[];
-                }[];
-            }>;
-            reset: () => void;
-            resetValidation: () => void;
-        }) => import('vue').VNodeChild) | undefined;
-    } & {
-        onSubmit?: ((e: import('vuetify/lib/types.mjs').SubmitEventPromise) => any) | undefined;
-        "onUpdate:modelValue"?: ((val: boolean | null) => any) | undefined;
-    }, {
-        errors: import('vue').Ref<{
-            id: number | string;
-            errorMessages: string[];
-        }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-            id: number | string;
-            errorMessages: string[];
-        }[]>;
-        isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-        isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-        isValidating: import('vue').ShallowRef<boolean, boolean>;
-        isValid: import('vue').Ref<boolean | null, boolean | null> & {
-            readonly externalValue: boolean | null;
-        };
-        items: import('vue').Ref<{
-            id: number | string;
-            validate: () => Promise<string[]>;
-            reset: () => Promise<void>;
-            resetValidation: () => Promise<void>;
-            vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-            isValid: boolean | null;
-            errorMessages: string[];
-        }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-            id: number | string;
-            validate: () => Promise<string[]>;
-            reset: () => Promise<void>;
-            resetValidation: () => Promise<void>;
-            vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-            isValid: boolean | null;
-            errorMessages: string[];
-        }[]>;
-        validate: () => Promise<{
-            valid: boolean;
-            errors: {
-                id: number | string;
-                errorMessages: string[];
-            }[];
-        }>;
-        reset: () => void;
-        resetValidation: () => void;
-    } & HTMLFormElement & {
-        _allExposed: {
-            errors: import('vue').Ref<{
-                id: number | string;
-                errorMessages: string[];
-            }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                id: number | string;
-                errorMessages: string[];
-            }[]>;
-            isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-            isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-            isValidating: import('vue').ShallowRef<boolean, boolean>;
-            isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                readonly externalValue: boolean | null;
-            };
-            items: import('vue').Ref<{
-                id: number | string;
-                validate: () => Promise<string[]>;
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                isValid: boolean | null;
-                errorMessages: string[];
-            }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                id: number | string;
-                validate: () => Promise<string[]>;
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                isValid: boolean | null;
-                errorMessages: string[];
-            }[]>;
-            validate: () => Promise<{
-                valid: boolean;
-                errors: {
-                    id: number | string;
-                    errorMessages: string[];
-                }[];
-            }>;
-            reset: () => void;
-            resetValidation: () => void;
-        };
-    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        'update:modelValue': (val: boolean | null) => true;
-        submit: (e: import('vuetify/lib/types.mjs').SubmitEventPromise) => true;
-    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
-        style: import('vue').StyleValue;
-        disabled: boolean;
-        readonly: boolean;
-        modelValue: boolean | null;
-        validateOn: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-        fastFail: boolean;
-    }, true, {}, import('vue').SlotsType<Partial<{
-        default: (arg: {
-            errors: import('vue').Ref<{
-                id: number | string;
-                errorMessages: string[];
-            }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                id: number | string;
-                errorMessages: string[];
-            }[]>;
-            isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-            isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-            isValidating: import('vue').ShallowRef<boolean, boolean>;
-            isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                readonly externalValue: boolean | null;
-            };
-            items: import('vue').Ref<{
-                id: number | string;
-                validate: () => Promise<string[]>;
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                isValid: boolean | null;
-                errorMessages: string[];
-            }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                id: number | string;
-                validate: () => Promise<string[]>;
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                isValid: boolean | null;
-                errorMessages: string[];
-            }[]>;
-            validate: () => Promise<{
-                valid: boolean;
-                errors: {
-                    id: number | string;
-                    errorMessages: string[];
-                }[];
-            }>;
-            reset: () => void;
-            resetValidation: () => void;
-        }) => import('vue').VNode[];
-    }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, {
-        style: import('vue').StyleValue;
-        disabled: boolean;
-        readonly: boolean;
-        modelValue: boolean | null;
-        validateOn: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-        fastFail: boolean;
-    } & {
-        class?: any;
-    } & {
-        $children?: import('vue').VNodeChild | {
-            $stable?: boolean;
-        } | {
-            default?: ((arg: {
-                errors: import('vue').Ref<{
-                    id: number | string;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                    id: number | string;
-                    errorMessages: string[];
-                }[]>;
-                isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-                isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-                isValidating: import('vue').ShallowRef<boolean, boolean>;
-                isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                    readonly externalValue: boolean | null;
-                };
-                items: import('vue').Ref<{
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[]>;
-                validate: () => Promise<{
-                    valid: boolean;
-                    errors: {
-                        id: number | string;
-                        errorMessages: string[];
-                    }[];
-                }>;
-                reset: () => void;
-                resetValidation: () => void;
-            }) => import('vue').VNodeChild) | undefined;
-        } | ((arg: {
-            errors: import('vue').Ref<{
-                id: number | string;
-                errorMessages: string[];
-            }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                id: number | string;
-                errorMessages: string[];
-            }[]>;
-            isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-            isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-            isValidating: import('vue').ShallowRef<boolean, boolean>;
-            isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                readonly externalValue: boolean | null;
-            };
-            items: import('vue').Ref<{
-                id: number | string;
-                validate: () => Promise<string[]>;
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                isValid: boolean | null;
-                errorMessages: string[];
-            }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                id: number | string;
-                validate: () => Promise<string[]>;
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                isValid: boolean | null;
-                errorMessages: string[];
-            }[]>;
-            validate: () => Promise<{
-                valid: boolean;
-                errors: {
-                    id: number | string;
-                    errorMessages: string[];
-                }[];
-            }>;
-            reset: () => void;
-            resetValidation: () => void;
-        }) => import('vue').VNodeChild);
-        'v-slots'?: {
-            default?: false | ((arg: {
-                errors: import('vue').Ref<{
-                    id: number | string;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                    id: number | string;
-                    errorMessages: string[];
-                }[]>;
-                isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-                isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-                isValidating: import('vue').ShallowRef<boolean, boolean>;
-                isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                    readonly externalValue: boolean | null;
-                };
-                items: import('vue').Ref<{
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                    id: number | string;
-                    validate: () => Promise<string[]>;
-                    reset: () => Promise<void>;
-                    resetValidation: () => Promise<void>;
-                    vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                    isValid: boolean | null;
-                    errorMessages: string[];
-                }[]>;
-                validate: () => Promise<{
-                    valid: boolean;
-                    errors: {
-                        id: number | string;
-                        errorMessages: string[];
-                    }[];
-                }>;
-                reset: () => void;
-                resetValidation: () => void;
-            }) => import('vue').VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | ((arg: {
-            errors: import('vue').Ref<{
-                id: number | string;
-                errorMessages: string[];
-            }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                id: number | string;
-                errorMessages: string[];
-            }[]>;
-            isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-            isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-            isValidating: import('vue').ShallowRef<boolean, boolean>;
-            isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                readonly externalValue: boolean | null;
-            };
-            items: import('vue').Ref<{
-                id: number | string;
-                validate: () => Promise<string[]>;
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                isValid: boolean | null;
-                errorMessages: string[];
-            }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                id: number | string;
-                validate: () => Promise<string[]>;
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                isValid: boolean | null;
-                errorMessages: string[];
-            }[]>;
-            validate: () => Promise<{
-                valid: boolean;
-                errors: {
-                    id: number | string;
-                    errorMessages: string[];
-                }[];
-            }>;
-            reset: () => void;
-            resetValidation: () => void;
-        }) => import('vue').VNodeChild) | undefined;
-    } & {
-        onSubmit?: ((e: import('vuetify/lib/types.mjs').SubmitEventPromise) => any) | undefined;
-        "onUpdate:modelValue"?: ((val: boolean | null) => any) | undefined;
-    }, {
-        errors: import('vue').Ref<{
-            id: number | string;
-            errorMessages: string[];
-        }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-            id: number | string;
-            errorMessages: string[];
-        }[]>;
-        isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-        isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-        isValidating: import('vue').ShallowRef<boolean, boolean>;
-        isValid: import('vue').Ref<boolean | null, boolean | null> & {
-            readonly externalValue: boolean | null;
-        };
-        items: import('vue').Ref<{
-            id: number | string;
-            validate: () => Promise<string[]>;
-            reset: () => Promise<void>;
-            resetValidation: () => Promise<void>;
-            vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-            isValid: boolean | null;
-            errorMessages: string[];
-        }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-            id: number | string;
-            validate: () => Promise<string[]>;
-            reset: () => Promise<void>;
-            resetValidation: () => Promise<void>;
-            vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-            isValid: boolean | null;
-            errorMessages: string[];
-        }[]>;
-        validate: () => Promise<{
-            valid: boolean;
-            errors: {
-                id: number | string;
-                errorMessages: string[];
-            }[];
-        }>;
-        reset: () => void;
-        resetValidation: () => void;
-    } & HTMLFormElement & {
-        _allExposed: {
-            errors: import('vue').Ref<{
-                id: number | string;
-                errorMessages: string[];
-            }[], import('vuetify/lib/composables/form.mjs').FieldValidationResult[] | {
-                id: number | string;
-                errorMessages: string[];
-            }[]>;
-            isDisabled: Readonly<import('vue').Ref<boolean, boolean>>;
-            isReadonly: Readonly<import('vue').Ref<boolean, boolean>>;
-            isValidating: import('vue').ShallowRef<boolean, boolean>;
-            isValid: import('vue').Ref<boolean | null, boolean | null> & {
-                readonly externalValue: boolean | null;
-            };
-            items: import('vue').Ref<{
-                id: number | string;
-                validate: () => Promise<string[]>;
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                isValid: boolean | null;
-                errorMessages: string[];
-            }[], import('vuetify/lib/composables/form.mjs').FormField[] | {
-                id: number | string;
-                validate: () => Promise<string[]>;
-                reset: () => Promise<void>;
-                resetValidation: () => Promise<void>;
-                vm: import('vue').Raw<import('vue').ComponentInternalInstance>;
-                isValid: boolean | null;
-                errorMessages: string[];
-            }[]>;
-            validate: () => Promise<{
-                valid: boolean;
-                errors: {
-                    id: number | string;
-                    errorMessages: string[];
-                }[];
-            }>;
-            reset: () => void;
-            resetValidation: () => void;
-        };
-    }, {}, {}, {}, {
-        style: import('vue').StyleValue;
-        disabled: boolean;
-        readonly: boolean;
-        modelValue: boolean | null;
-        validateOn: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-        fastFail: boolean;
-    }> | null;
+    form: HTMLDivElement;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;