@mantine-vue/dropzone 3.0.0 → 3.2.0

package/lib/Dropzone.d.ts

@@ -1,1240 +0,0 @@
-import { type PropType } from 'vue';
-import type { Accept, DropEvent, FileError, FileRejection, FileWithPath } from './types';
-export type DropzoneStylesNames = 'root' | 'inner';
-export type DropzoneVariant = 'filled' | 'light';
-export type DropzoneCssVariables = {
-    root: '--dropzone-radius' | '--dropzone-accept-color' | '--dropzone-accept-bg' | '--dropzone-reject-color' | '--dropzone-reject-bg';
-};
-export interface DropzoneProps {
-    /** Key of `theme.colors` or any valid CSS color to set colors of `Dropzone.Accept` @default theme.primaryColor */
-    acceptColor?: string;
-    /** Key of `theme.colors` or any valid CSS color to set colors of `Dropzone.Reject` @default 'red' */
-    rejectColor?: string;
-    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem @default theme.defaultRadius */
-    radius?: string | number;
-    /** Determines whether files capturing should be disabled @default false */
-    disabled?: boolean;
-    /** Called when any files are dropped to the dropzone */
-    onDropAny?: (files: FileWithPath[], fileRejections: FileRejection[]) => void;
-    /** Called when valid files are dropped to the dropzone */
-    onDrop: (files: FileWithPath[]) => void;
-    /** Called when dropped files do not meet file restrictions */
-    onReject?: (fileRejections: FileRejection[]) => void;
-    /** Determines whether a loading overlay should be displayed over the dropzone @default false */
-    loading?: boolean;
-    /** Mime types of the files that dropzone can accept. By default, dropzone accepts all file types. */
-    accept?: Accept | string[];
-    /** A ref which, when assigned, receives a function that opens the file system file picker */
-    openRef?: any;
-    /** Determines whether multiple files can be dropped to the dropzone or selected from file system picker @default true */
-    multiple?: boolean;
-    /** Maximum file size in bytes */
-    maxSize?: number;
-    /** Name of the form control. Submitted with the form as part of a name/value pair. */
-    name?: string;
-    /** Maximum number of files that can be picked at once */
-    maxFiles?: number;
-    /** Set to autofocus the root element */
-    autoFocus?: boolean;
-    /** If `false`, disables click to open the native file selection dialog @default true */
-    activateOnClick?: boolean;
-    /** If `false`, disables drag 'n' drop @default true */
-    activateOnDrag?: boolean;
-    /** If `false`, disables Space/Enter to open the native file selection dialog @default true */
-    activateOnKeyboard?: boolean;
-    /** If `false`, stops drag event propagation to parents @default true */
-    dragEventsBubbling?: boolean;
-    /** Called when the `dragenter` event occurs */
-    onDragEnter?: (event: DragEvent) => void;
-    /** Called when the `dragleave` event occurs */
-    onDragLeave?: (event: DragEvent) => void;
-    /** Called when the `dragover` event occurs */
-    onDragOver?: (event: DragEvent) => void;
-    /** Called when user closes the file selection dialog with no selection */
-    onFileDialogCancel?: () => void;
-    /** Called when user opens the file selection dialog */
-    onFileDialogOpen?: () => void;
-    /** If `false`, allow dropped items to take over the current browser window @default true */
-    preventDropOnDocument?: boolean;
-    /** Set to true to use the File System Access API to open the file picker instead of an `input type="file"` click event @default false */
-    useFsAccessApi?: boolean;
-    /** Use this to provide a custom file aggregator */
-    getFilesFromEvent?: (event: DropEvent) => Promise<FileWithPath[]>;
-    /** Custom validation function. It must return null if there's no errors. */
-    validator?: (file: FileWithPath) => FileError | FileError[] | null;
-    /** Determines whether pointer events should be enabled on the inner element @default false */
-    enablePointerEvents?: boolean;
-    /** Props passed down to the Loader component */
-    loaderProps?: Record<string, any>;
-    /** Props passed down to the internal input element */
-    inputProps?: Record<string, any>;
-    variant?: DropzoneVariant;
-    classNames?: any;
-    styles?: any;
-    vars?: any;
-    unstyled?: boolean;
-}
-export declare const Dropzone: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        acceptColor: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        rejectColor: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        radius: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: undefined;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        loading: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        accept: {
-            type: PropType<Accept | string[]>;
-            default: undefined;
-        };
-        multiple: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        maxSize: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        name: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        maxFiles: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        autoFocus: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        activateOnClick: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        activateOnDrag: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        activateOnKeyboard: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        dragEventsBubbling: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        preventDropOnDocument: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        useFsAccessApi: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        enablePointerEvents: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        variant: {
-            type: PropType<DropzoneVariant>;
-            default: undefined;
-        };
-        loaderProps: {
-            type: PropType<Record<string, any>>;
-            default: undefined;
-        };
-        inputProps: {
-            type: PropType<Record<string, any>>;
-            default: undefined;
-        };
-        validator: {
-            type: PropType<(file: FileWithPath) => FileError | FileError[] | null>;
-            default: undefined;
-        };
-        getFilesFromEvent: {
-            type: PropType<(event: DropEvent) => Promise<FileWithPath[]>>;
-            default: undefined;
-        };
-        openRef: {
-            type: PropType<any>;
-            default: undefined;
-        };
-        onDrop: {
-            type: PropType<(files: FileWithPath[]) => void>;
-            required: true;
-        };
-        onDropAny: {
-            type: PropType<(files: FileWithPath[], fileRejections: FileRejection[]) => void>;
-            default: undefined;
-        };
-        onReject: {
-            type: PropType<(fileRejections: FileRejection[]) => void>;
-            default: undefined;
-        };
-        onDragEnter: {
-            type: PropType<(event: DragEvent) => void>;
-            default: undefined;
-        };
-        onDragLeave: {
-            type: PropType<(event: DragEvent) => void>;
-            default: undefined;
-        };
-        onDragOver: {
-            type: PropType<(event: DragEvent) => void>;
-            default: undefined;
-        };
-        onFileDialogCancel: {
-            type: PropType<() => void>;
-            default: undefined;
-        };
-        onFileDialogOpen: {
-            type: PropType<() => void>;
-            default: undefined;
-        };
-        classNames: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        styles: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        vars: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        unstyled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        radius: string | number;
-        name: string;
-        variant: DropzoneVariant;
-        classNames: Function | Record<string, any>;
-        styles: Function | Record<string, any>;
-        disabled: boolean;
-        multiple: boolean;
-        vars: Function | Record<string, any>;
-        unstyled: boolean;
-        loading: boolean;
-        loaderProps: Record<string, any>;
-        accept: string[] | Accept;
-        inputProps: Record<string, any>;
-        autoFocus: boolean;
-        maxSize: number;
-        maxFiles: number;
-        validator: (file: FileWithPath) => FileError | FileError[] | null;
-        activateOnClick: boolean;
-        activateOnDrag: boolean;
-        dragEventsBubbling: boolean;
-        activateOnKeyboard: boolean;
-        useFsAccessApi: boolean;
-        preventDropOnDocument: boolean;
-        rejectColor: string;
-        acceptColor: string;
-        enablePointerEvents: boolean;
-        getFilesFromEvent: (event: DropEvent) => Promise<FileWithPath[]>;
-        openRef: any;
-        onDropAny: (files: FileWithPath[], fileRejections: FileRejection[]) => void;
-        onReject: (fileRejections: FileRejection[]) => void;
-        onDragEnter: (event: DragEvent) => void;
-        onDragLeave: (event: DragEvent) => void;
-        onDragOver: (event: DragEvent) => void;
-        onFileDialogCancel: () => void;
-        onFileDialogOpen: () => void;
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        acceptColor: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        rejectColor: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        radius: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: undefined;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        loading: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        accept: {
-            type: PropType<Accept | string[]>;
-            default: undefined;
-        };
-        multiple: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        maxSize: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        name: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        maxFiles: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        autoFocus: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        activateOnClick: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        activateOnDrag: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        activateOnKeyboard: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        dragEventsBubbling: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        preventDropOnDocument: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        useFsAccessApi: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        enablePointerEvents: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        variant: {
-            type: PropType<DropzoneVariant>;
-            default: undefined;
-        };
-        loaderProps: {
-            type: PropType<Record<string, any>>;
-            default: undefined;
-        };
-        inputProps: {
-            type: PropType<Record<string, any>>;
-            default: undefined;
-        };
-        validator: {
-            type: PropType<(file: FileWithPath) => FileError | FileError[] | null>;
-            default: undefined;
-        };
-        getFilesFromEvent: {
-            type: PropType<(event: DropEvent) => Promise<FileWithPath[]>>;
-            default: undefined;
-        };
-        openRef: {
-            type: PropType<any>;
-            default: undefined;
-        };
-        onDrop: {
-            type: PropType<(files: FileWithPath[]) => void>;
-            required: true;
-        };
-        onDropAny: {
-            type: PropType<(files: FileWithPath[], fileRejections: FileRejection[]) => void>;
-            default: undefined;
-        };
-        onReject: {
-            type: PropType<(fileRejections: FileRejection[]) => void>;
-            default: undefined;
-        };
-        onDragEnter: {
-            type: PropType<(event: DragEvent) => void>;
-            default: undefined;
-        };
-        onDragLeave: {
-            type: PropType<(event: DragEvent) => void>;
-            default: undefined;
-        };
-        onDragOver: {
-            type: PropType<(event: DragEvent) => void>;
-            default: undefined;
-        };
-        onFileDialogCancel: {
-            type: PropType<() => void>;
-            default: undefined;
-        };
-        onFileDialogOpen: {
-            type: PropType<() => void>;
-            default: undefined;
-        };
-        classNames: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        styles: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        vars: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        unstyled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, {
-        radius: string | number;
-        name: string;
-        variant: DropzoneVariant;
-        classNames: Function | Record<string, any>;
-        styles: Function | Record<string, any>;
-        disabled: boolean;
-        multiple: boolean;
-        vars: Function | Record<string, any>;
-        unstyled: boolean;
-        loading: boolean;
-        loaderProps: Record<string, any>;
-        accept: string[] | Accept;
-        inputProps: Record<string, any>;
-        autoFocus: boolean;
-        maxSize: number;
-        maxFiles: number;
-        validator: (file: FileWithPath) => FileError | FileError[] | null;
-        activateOnClick: boolean;
-        activateOnDrag: boolean;
-        dragEventsBubbling: boolean;
-        activateOnKeyboard: boolean;
-        useFsAccessApi: boolean;
-        preventDropOnDocument: boolean;
-        rejectColor: string;
-        acceptColor: string;
-        enablePointerEvents: boolean;
-        getFilesFromEvent: (event: DropEvent) => Promise<FileWithPath[]>;
-        openRef: any;
-        onDropAny: (files: FileWithPath[], fileRejections: FileRejection[]) => void;
-        onReject: (fileRejections: FileRejection[]) => void;
-        onDragEnter: (event: DragEvent) => void;
-        onDragLeave: (event: DragEvent) => void;
-        onDragOver: (event: DragEvent) => void;
-        onFileDialogCancel: () => void;
-        onFileDialogOpen: () => void;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    acceptColor: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    rejectColor: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    radius: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: undefined;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    accept: {
-        type: PropType<Accept | string[]>;
-        default: undefined;
-    };
-    multiple: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    maxSize: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    name: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    maxFiles: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    autoFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    activateOnClick: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    activateOnDrag: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    activateOnKeyboard: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    dragEventsBubbling: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    preventDropOnDocument: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    useFsAccessApi: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    enablePointerEvents: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    variant: {
-        type: PropType<DropzoneVariant>;
-        default: undefined;
-    };
-    loaderProps: {
-        type: PropType<Record<string, any>>;
-        default: undefined;
-    };
-    inputProps: {
-        type: PropType<Record<string, any>>;
-        default: undefined;
-    };
-    validator: {
-        type: PropType<(file: FileWithPath) => FileError | FileError[] | null>;
-        default: undefined;
-    };
-    getFilesFromEvent: {
-        type: PropType<(event: DropEvent) => Promise<FileWithPath[]>>;
-        default: undefined;
-    };
-    openRef: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    onDrop: {
-        type: PropType<(files: FileWithPath[]) => void>;
-        required: true;
-    };
-    onDropAny: {
-        type: PropType<(files: FileWithPath[], fileRejections: FileRejection[]) => void>;
-        default: undefined;
-    };
-    onReject: {
-        type: PropType<(fileRejections: FileRejection[]) => void>;
-        default: undefined;
-    };
-    onDragEnter: {
-        type: PropType<(event: DragEvent) => void>;
-        default: undefined;
-    };
-    onDragLeave: {
-        type: PropType<(event: DragEvent) => void>;
-        default: undefined;
-    };
-    onDragOver: {
-        type: PropType<(event: DragEvent) => void>;
-        default: undefined;
-    };
-    onFileDialogCancel: {
-        type: PropType<() => void>;
-        default: undefined;
-    };
-    onFileDialogOpen: {
-        type: PropType<() => void>;
-        default: undefined;
-    };
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    vars: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    unstyled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    radius: string | number;
-    name: string;
-    variant: DropzoneVariant;
-    classNames: Function | Record<string, any>;
-    styles: Function | Record<string, any>;
-    disabled: boolean;
-    multiple: boolean;
-    vars: Function | Record<string, any>;
-    unstyled: boolean;
-    loading: boolean;
-    loaderProps: Record<string, any>;
-    accept: string[] | Accept;
-    inputProps: Record<string, any>;
-    autoFocus: boolean;
-    maxSize: number;
-    maxFiles: number;
-    validator: (file: FileWithPath) => FileError | FileError[] | null;
-    activateOnClick: boolean;
-    activateOnDrag: boolean;
-    dragEventsBubbling: boolean;
-    activateOnKeyboard: boolean;
-    useFsAccessApi: boolean;
-    preventDropOnDocument: boolean;
-    rejectColor: string;
-    acceptColor: string;
-    enablePointerEvents: boolean;
-    getFilesFromEvent: (event: DropEvent) => Promise<FileWithPath[]>;
-    openRef: any;
-    onDropAny: (files: FileWithPath[], fileRejections: FileRejection[]) => void;
-    onReject: (fileRejections: FileRejection[]) => void;
-    onDragEnter: (event: DragEvent) => void;
-    onDragLeave: (event: DragEvent) => void;
-    onDragOver: (event: DragEvent) => void;
-    onFileDialogCancel: () => void;
-    onFileDialogOpen: () => void;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $: import("vue").ComponentInternalInstance;
-    $data: {};
-    $props: Partial<{
-        radius: string | number;
-        name: string;
-        variant: DropzoneVariant;
-        classNames: Function | Record<string, any>;
-        styles: Function | Record<string, any>;
-        disabled: boolean;
-        multiple: boolean;
-        vars: Function | Record<string, any>;
-        unstyled: boolean;
-        loading: boolean;
-        loaderProps: Record<string, any>;
-        accept: string[] | Accept;
-        inputProps: Record<string, any>;
-        autoFocus: boolean;
-        maxSize: number;
-        maxFiles: number;
-        validator: (file: FileWithPath) => FileError | FileError[] | null;
-        activateOnClick: boolean;
-        activateOnDrag: boolean;
-        dragEventsBubbling: boolean;
-        activateOnKeyboard: boolean;
-        useFsAccessApi: boolean;
-        preventDropOnDocument: boolean;
-        rejectColor: string;
-        acceptColor: string;
-        enablePointerEvents: boolean;
-        getFilesFromEvent: (event: DropEvent) => Promise<FileWithPath[]>;
-        openRef: any;
-        onDropAny: (files: FileWithPath[], fileRejections: FileRejection[]) => void;
-        onReject: (fileRejections: FileRejection[]) => void;
-        onDragEnter: (event: DragEvent) => void;
-        onDragLeave: (event: DragEvent) => void;
-        onDragOver: (event: DragEvent) => void;
-        onFileDialogCancel: () => void;
-        onFileDialogOpen: () => void;
-    }> & Omit<{
-        readonly onDrop: (files: FileWithPath[]) => void;
-        readonly disabled: boolean;
-        readonly unstyled: boolean;
-        readonly loading: boolean;
-        readonly autoFocus: boolean;
-        readonly enablePointerEvents: boolean;
-        readonly radius?: string | number | undefined;
-        readonly name?: string | undefined;
-        readonly variant?: DropzoneVariant | undefined;
-        readonly classNames?: Function | Record<string, any> | undefined;
-        readonly styles?: Function | Record<string, any> | undefined;
-        readonly multiple?: boolean | undefined;
-        readonly vars?: Function | Record<string, any> | undefined;
-        readonly loaderProps?: Record<string, any> | undefined;
-        readonly accept?: string[] | Accept | undefined;
-        readonly inputProps?: Record<string, any> | undefined;
-        readonly maxSize?: number | undefined;
-        readonly maxFiles?: number | undefined;
-        readonly validator?: ((file: FileWithPath) => FileError | FileError[] | null) | undefined;
-        readonly activateOnClick?: boolean | undefined;
-        readonly activateOnDrag?: boolean | undefined;
-        readonly dragEventsBubbling?: boolean | undefined;
-        readonly activateOnKeyboard?: boolean | undefined;
-        readonly useFsAccessApi?: boolean | undefined;
-        readonly preventDropOnDocument?: boolean | undefined;
-        readonly rejectColor?: string | undefined;
-        readonly acceptColor?: string | undefined;
-        readonly getFilesFromEvent?: ((event: DropEvent) => Promise<FileWithPath[]>) | undefined;
-        readonly openRef?: any;
-        readonly onDropAny?: ((files: FileWithPath[], fileRejections: FileRejection[]) => void) | undefined;
-        readonly onReject?: ((fileRejections: FileRejection[]) => void) | undefined;
-        readonly onDragEnter?: ((event: DragEvent) => void) | undefined;
-        readonly onDragLeave?: ((event: DragEvent) => void) | undefined;
-        readonly onDragOver?: ((event: DragEvent) => void) | undefined;
-        readonly onFileDialogCancel?: (() => void) | undefined;
-        readonly onFileDialogOpen?: (() => void) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "radius" | "name" | "variant" | "classNames" | "styles" | "disabled" | "multiple" | "vars" | "unstyled" | "loading" | "loaderProps" | "accept" | "inputProps" | "autoFocus" | "maxSize" | "maxFiles" | "validator" | "activateOnClick" | "activateOnDrag" | "dragEventsBubbling" | "activateOnKeyboard" | "useFsAccessApi" | "preventDropOnDocument" | "rejectColor" | "acceptColor" | "enablePointerEvents" | "getFilesFromEvent" | "openRef" | "onDropAny" | "onReject" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onFileDialogCancel" | "onFileDialogOpen">;
-    $attrs: import("vue").Attrs;
-    $refs: {
-        [x: string]: unknown;
-    };
-    $slots: Readonly<{
-        [name: string]: import("vue").Slot<any> | undefined;
-    }>;
-    $root: import("vue").ComponentPublicInstance | null;
-    $parent: import("vue").ComponentPublicInstance | null;
-    $host: Element | null;
-    $emit: (event: string, ...args: any[]) => void;
-    $el: any;
-    $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        acceptColor: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        rejectColor: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        radius: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: undefined;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        loading: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        accept: {
-            type: PropType<Accept | string[]>;
-            default: undefined;
-        };
-        multiple: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        maxSize: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        name: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        maxFiles: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        autoFocus: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        activateOnClick: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        activateOnDrag: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        activateOnKeyboard: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        dragEventsBubbling: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        preventDropOnDocument: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        useFsAccessApi: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        enablePointerEvents: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        variant: {
-            type: PropType<DropzoneVariant>;
-            default: undefined;
-        };
-        loaderProps: {
-            type: PropType<Record<string, any>>;
-            default: undefined;
-        };
-        inputProps: {
-            type: PropType<Record<string, any>>;
-            default: undefined;
-        };
-        validator: {
-            type: PropType<(file: FileWithPath) => FileError | FileError[] | null>;
-            default: undefined;
-        };
-        getFilesFromEvent: {
-            type: PropType<(event: DropEvent) => Promise<FileWithPath[]>>;
-            default: undefined;
-        };
-        openRef: {
-            type: PropType<any>;
-            default: undefined;
-        };
-        onDrop: {
-            type: PropType<(files: FileWithPath[]) => void>;
-            required: true;
-        };
-        onDropAny: {
-            type: PropType<(files: FileWithPath[], fileRejections: FileRejection[]) => void>;
-            default: undefined;
-        };
-        onReject: {
-            type: PropType<(fileRejections: FileRejection[]) => void>;
-            default: undefined;
-        };
-        onDragEnter: {
-            type: PropType<(event: DragEvent) => void>;
-            default: undefined;
-        };
-        onDragLeave: {
-            type: PropType<(event: DragEvent) => void>;
-            default: undefined;
-        };
-        onDragOver: {
-            type: PropType<(event: DragEvent) => void>;
-            default: undefined;
-        };
-        onFileDialogCancel: {
-            type: PropType<() => void>;
-            default: undefined;
-        };
-        onFileDialogOpen: {
-            type: PropType<() => void>;
-            default: undefined;
-        };
-        classNames: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        styles: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        vars: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        unstyled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        radius: string | number;
-        name: string;
-        variant: DropzoneVariant;
-        classNames: Function | Record<string, any>;
-        styles: Function | Record<string, any>;
-        disabled: boolean;
-        multiple: boolean;
-        vars: Function | Record<string, any>;
-        unstyled: boolean;
-        loading: boolean;
-        loaderProps: Record<string, any>;
-        accept: string[] | Accept;
-        inputProps: Record<string, any>;
-        autoFocus: boolean;
-        maxSize: number;
-        maxFiles: number;
-        validator: (file: FileWithPath) => FileError | FileError[] | null;
-        activateOnClick: boolean;
-        activateOnDrag: boolean;
-        dragEventsBubbling: boolean;
-        activateOnKeyboard: boolean;
-        useFsAccessApi: boolean;
-        preventDropOnDocument: boolean;
-        rejectColor: string;
-        acceptColor: string;
-        enablePointerEvents: boolean;
-        getFilesFromEvent: (event: DropEvent) => Promise<FileWithPath[]>;
-        openRef: any;
-        onDropAny: (files: FileWithPath[], fileRejections: FileRejection[]) => void;
-        onReject: (fileRejections: FileRejection[]) => void;
-        onDragEnter: (event: DragEvent) => void;
-        onDragLeave: (event: DragEvent) => void;
-        onDragOver: (event: DragEvent) => void;
-        onFileDialogCancel: () => void;
-        onFileDialogOpen: () => void;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
-        beforeCreate?: (() => void) | (() => void)[];
-        created?: (() => void) | (() => void)[];
-        beforeMount?: (() => void) | (() => void)[];
-        mounted?: (() => void) | (() => void)[];
-        beforeUpdate?: (() => void) | (() => void)[];
-        updated?: (() => void) | (() => void)[];
-        activated?: (() => void) | (() => void)[];
-        deactivated?: (() => void) | (() => void)[];
-        beforeDestroy?: (() => void) | (() => void)[];
-        beforeUnmount?: (() => void) | (() => void)[];
-        destroyed?: (() => void) | (() => void)[];
-        unmounted?: (() => void) | (() => void)[];
-        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
-    };
-    $forceUpdate: () => void;
-    $nextTick: typeof import("vue").nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-} & Readonly<{
-    radius: string | number;
-    name: string;
-    variant: DropzoneVariant;
-    classNames: Function | Record<string, any>;
-    styles: Function | Record<string, any>;
-    disabled: boolean;
-    multiple: boolean;
-    vars: Function | Record<string, any>;
-    unstyled: boolean;
-    loading: boolean;
-    loaderProps: Record<string, any>;
-    accept: string[] | Accept;
-    inputProps: Record<string, any>;
-    autoFocus: boolean;
-    maxSize: number;
-    maxFiles: number;
-    validator: (file: FileWithPath) => FileError | FileError[] | null;
-    activateOnClick: boolean;
-    activateOnDrag: boolean;
-    dragEventsBubbling: boolean;
-    activateOnKeyboard: boolean;
-    useFsAccessApi: boolean;
-    preventDropOnDocument: boolean;
-    rejectColor: string;
-    acceptColor: string;
-    enablePointerEvents: boolean;
-    getFilesFromEvent: (event: DropEvent) => Promise<FileWithPath[]>;
-    openRef: any;
-    onDropAny: (files: FileWithPath[], fileRejections: FileRejection[]) => void;
-    onReject: (fileRejections: FileRejection[]) => void;
-    onDragEnter: (event: DragEvent) => void;
-    onDragLeave: (event: DragEvent) => void;
-    onDragOver: (event: DragEvent) => void;
-    onFileDialogCancel: () => void;
-    onFileDialogOpen: () => void;
-}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-    acceptColor: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    rejectColor: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    radius: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: undefined;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    accept: {
-        type: PropType<Accept | string[]>;
-        default: undefined;
-    };
-    multiple: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    maxSize: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    name: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    maxFiles: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    autoFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    activateOnClick: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    activateOnDrag: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    activateOnKeyboard: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    dragEventsBubbling: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    preventDropOnDocument: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    useFsAccessApi: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    enablePointerEvents: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    variant: {
-        type: PropType<DropzoneVariant>;
-        default: undefined;
-    };
-    loaderProps: {
-        type: PropType<Record<string, any>>;
-        default: undefined;
-    };
-    inputProps: {
-        type: PropType<Record<string, any>>;
-        default: undefined;
-    };
-    validator: {
-        type: PropType<(file: FileWithPath) => FileError | FileError[] | null>;
-        default: undefined;
-    };
-    getFilesFromEvent: {
-        type: PropType<(event: DropEvent) => Promise<FileWithPath[]>>;
-        default: undefined;
-    };
-    openRef: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    onDrop: {
-        type: PropType<(files: FileWithPath[]) => void>;
-        required: true;
-    };
-    onDropAny: {
-        type: PropType<(files: FileWithPath[], fileRejections: FileRejection[]) => void>;
-        default: undefined;
-    };
-    onReject: {
-        type: PropType<(fileRejections: FileRejection[]) => void>;
-        default: undefined;
-    };
-    onDragEnter: {
-        type: PropType<(event: DragEvent) => void>;
-        default: undefined;
-    };
-    onDragLeave: {
-        type: PropType<(event: DragEvent) => void>;
-        default: undefined;
-    };
-    onDragOver: {
-        type: PropType<(event: DragEvent) => void>;
-        default: undefined;
-    };
-    onFileDialogCancel: {
-        type: PropType<() => void>;
-        default: undefined;
-    };
-    onFileDialogOpen: {
-        type: PropType<() => void>;
-        default: undefined;
-    };
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    vars: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    unstyled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{}>, "radius" | "name" | "variant" | "classNames" | "styles" | "disabled" | "multiple" | "vars" | "unstyled" | "loading" | "loaderProps" | "accept" | "inputProps" | "autoFocus" | "maxSize" | "maxFiles" | "validator" | "activateOnClick" | "activateOnDrag" | "dragEventsBubbling" | "activateOnKeyboard" | "useFsAccessApi" | "preventDropOnDocument" | "rejectColor" | "acceptColor" | "enablePointerEvents" | "getFilesFromEvent" | "openRef" | "onDropAny" | "onReject" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onFileDialogCancel" | "onFileDialogOpen"> & {} & {} & import("vue").ComponentCustomProperties & {} & {
-    $props: Partial<{
-        radius: string | number;
-        name: string;
-        variant: DropzoneVariant;
-        classNames: Function | Record<string, any>;
-        styles: Function | Record<string, any>;
-        disabled: boolean;
-        multiple: boolean;
-        vars: Function | Record<string, any>;
-        unstyled: boolean;
-        loading: boolean;
-        loaderProps: Record<string, any>;
-        accept: string[] | Accept;
-        inputProps: Record<string, any>;
-        autoFocus: boolean;
-        maxSize: number;
-        maxFiles: number;
-        validator: (file: FileWithPath) => FileError | FileError[] | null;
-        activateOnClick: boolean;
-        activateOnDrag: boolean;
-        dragEventsBubbling: boolean;
-        activateOnKeyboard: boolean;
-        useFsAccessApi: boolean;
-        preventDropOnDocument: boolean;
-        rejectColor: string;
-        acceptColor: string;
-        enablePointerEvents: boolean;
-        getFilesFromEvent: (event: DropEvent) => Promise<FileWithPath[]>;
-        openRef: any;
-        onDropAny: (files: FileWithPath[], fileRejections: FileRejection[]) => void;
-        onReject: (fileRejections: FileRejection[]) => void;
-        onDragEnter: (event: DragEvent) => void;
-        onDragLeave: (event: DragEvent) => void;
-        onDragOver: (event: DragEvent) => void;
-        onFileDialogCancel: () => void;
-        onFileDialogOpen: () => void;
-    }> & Omit<{
-        readonly onDrop: (files: FileWithPath[]) => void;
-        readonly disabled: boolean;
-        readonly unstyled: boolean;
-        readonly loading: boolean;
-        readonly autoFocus: boolean;
-        readonly enablePointerEvents: boolean;
-        readonly radius?: string | number | undefined;
-        readonly name?: string | undefined;
-        readonly variant?: DropzoneVariant | undefined;
-        readonly classNames?: Function | Record<string, any> | undefined;
-        readonly styles?: Function | Record<string, any> | undefined;
-        readonly multiple?: boolean | undefined;
-        readonly vars?: Function | Record<string, any> | undefined;
-        readonly loaderProps?: Record<string, any> | undefined;
-        readonly accept?: string[] | Accept | undefined;
-        readonly inputProps?: Record<string, any> | undefined;
-        readonly maxSize?: number | undefined;
-        readonly maxFiles?: number | undefined;
-        readonly validator?: ((file: FileWithPath) => FileError | FileError[] | null) | undefined;
-        readonly activateOnClick?: boolean | undefined;
-        readonly activateOnDrag?: boolean | undefined;
-        readonly dragEventsBubbling?: boolean | undefined;
-        readonly activateOnKeyboard?: boolean | undefined;
-        readonly useFsAccessApi?: boolean | undefined;
-        readonly preventDropOnDocument?: boolean | undefined;
-        readonly rejectColor?: string | undefined;
-        readonly acceptColor?: string | undefined;
-        readonly getFilesFromEvent?: ((event: DropEvent) => Promise<FileWithPath[]>) | undefined;
-        readonly openRef?: any;
-        readonly onDropAny?: ((files: FileWithPath[], fileRejections: FileRejection[]) => void) | undefined;
-        readonly onReject?: ((fileRejections: FileRejection[]) => void) | undefined;
-        readonly onDragEnter?: ((event: DragEvent) => void) | undefined;
-        readonly onDragLeave?: ((event: DragEvent) => void) | undefined;
-        readonly onDragOver?: ((event: DragEvent) => void) | undefined;
-        readonly onFileDialogCancel?: (() => void) | undefined;
-        readonly onFileDialogOpen?: (() => void) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "radius" | "name" | "variant" | "classNames" | "styles" | "disabled" | "multiple" | "vars" | "unstyled" | "loading" | "loaderProps" | "accept" | "inputProps" | "autoFocus" | "maxSize" | "maxFiles" | "validator" | "activateOnClick" | "activateOnDrag" | "dragEventsBubbling" | "activateOnKeyboard" | "useFsAccessApi" | "preventDropOnDocument" | "rejectColor" | "acceptColor" | "enablePointerEvents" | "getFilesFromEvent" | "openRef" | "onDropAny" | "onReject" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onFileDialogCancel" | "onFileDialogOpen"> & Omit<import("@mantine-vue/core").BoxProps, "onDrop" | keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps | ("radius" | "name" | "variant" | "classNames" | "styles" | "disabled" | "multiple" | "vars" | "unstyled" | "loading" | "loaderProps" | "accept" | "inputProps" | "autoFocus" | "maxSize" | "maxFiles" | "validator" | "activateOnClick" | "activateOnDrag" | "dragEventsBubbling" | "activateOnKeyboard" | "useFsAccessApi" | "preventDropOnDocument" | "rejectColor" | "acceptColor" | "enablePointerEvents" | "getFilesFromEvent" | "openRef" | "onDropAny" | "onReject" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onFileDialogCancel" | "onFileDialogOpen")>;
-}) & {
-    classes: Record<string, string>;
-    varsResolver: (theme: import("@mantine-vue/core").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
-    Accept: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        children: {
-            type: PropType<import("vue").VNodeChild>;
-            default: undefined;
-        };
-    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        children: {
-            type: PropType<import("vue").VNodeChild>;
-            default: undefined;
-        };
-    }>> & Readonly<{}>, {
-        children: import("vue").VNodeChild;
-    }, import("vue").SlotsType<{
-        default?: () => import("vue").VNodeChild;
-    }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    Idle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        children: {
-            type: PropType<import("vue").VNodeChild>;
-            default: undefined;
-        };
-    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        children: {
-            type: PropType<import("vue").VNodeChild>;
-            default: undefined;
-        };
-    }>> & Readonly<{}>, {
-        children: import("vue").VNodeChild;
-    }, import("vue").SlotsType<{
-        default?: () => import("vue").VNodeChild;
-    }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    Reject: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        children: {
-            type: PropType<import("vue").VNodeChild>;
-            default: undefined;
-        };
-    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        children: {
-            type: PropType<import("vue").VNodeChild>;
-            default: undefined;
-        };
-    }>> & Readonly<{}>, {
-        children: import("vue").VNodeChild;
-    }, import("vue").SlotsType<{
-        default?: () => import("vue").VNodeChild;
-    }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-};