@mantine-vue/dropzone 1.1.2

package/lib/Dropzone.d.ts

@@ -0,0 +1,1125 @@
+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: import("@mantine-vue/core").BoxProps;
+}) & {
+    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").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Idle: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Reject: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};