import { PropType } from 'vue';
import { Breakpoints, Message, UIState, ColorScheme } from '../../declaration';
import { InputValueType, VsFileDropStyleSet } from './types';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    colorScheme: {
        type: PropType<ColorScheme>;
    };
    styleSet: {
        type: PropType<string | VsFileDropStyleSet>;
    };
    accept: {
        type: StringConstructor;
        default: string;
    };
    height: {
        type: PropType<string | number | Breakpoints>;
        default: string;
    };
    multiple: {
        type: BooleanConstructor;
        default: boolean;
    };
    modelValue: {
        type: PropType<InputValueType>;
        default: InputValueType;
    };
    width: {
        type: PropType<string | number | Breakpoints>;
        default: null;
    };
    grid: {
        type: PropType<string | number | Breakpoints>;
        default: null;
    };
    required: {
        type: BooleanConstructor;
        default: boolean;
    };
    name: {
        type: StringConstructor;
        default: string;
    };
    label: {
        type: StringConstructor;
        default: string;
    };
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    readonly: {
        type: BooleanConstructor;
        default: boolean;
    };
    id: {
        type: StringConstructor;
        default: string;
    };
    messages: {
        type: PropType<Message<InputValueType>[]>;
        default: () => Message<InputValueType>[];
    };
    rules: {
        type: PropType<import('../../declaration').Rule<InputValueType>[]>;
        default: () => import('../../declaration').Rule<InputValueType>[];
    };
    noDefaultRules: {
        type: BooleanConstructor;
        default: boolean;
    };
    state: {
        type: PropType<UIState>;
        default: UIState;
    };
    ariaLabel: {
        type: StringConstructor;
        default: null;
    };
    dense: {
        type: BooleanConstructor;
        default: boolean;
    };
    noClear: {
        type: BooleanConstructor;
        default: boolean;
    };
    noMessage: {
        type: BooleanConstructor;
        default: boolean;
    };
    placeholder: {
        type: StringConstructor;
        default: string;
    };
    visible: {
        type: BooleanConstructor;
        default: boolean;
    };
    changed: {
        type: BooleanConstructor;
        default: boolean;
    };
    valid: {
        type: BooleanConstructor;
        default: boolean;
    };
}>, {
    fileDropRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
    computedId: import('vue').ComputedRef<string>;
    computedMessages: import('vue').ComputedRef<import('../../declaration').StateMessage<UIState>[]>;
    computedInputValue: import('vue').ComputedRef<File[]>;
    computedDisabled: import('vue').ComputedRef<boolean>;
    computedReadonly: import('vue').ComputedRef<boolean>;
    classObj: import('vue').ComputedRef<{
        'vs-hover': boolean;
        'vs-dragging': boolean;
        'vs-dragging-shadow': boolean;
        'vs-disabled': boolean;
        'vs-readonly': boolean;
        'vs-dense': boolean;
    }>;
    colorSchemeClass: import('vue').ComputedRef<string>;
    computedStyleSet: import('vue').ComputedRef<{
        [key: string]: any;
    }>;
    inputValue: import('vue').Ref<{
        readonly lastModified: number;
        readonly name: string;
        readonly webkitRelativePath: string;
        readonly size: number;
        readonly type: string;
        arrayBuffer: () => Promise<ArrayBuffer>;
        bytes: () => Promise<Uint8Array>;
        slice: (start?: number, end?: number, contentType?: string) => Blob;
        stream: () => ReadableStream<Uint8Array>;
        text: () => Promise<string>;
    } | {
        readonly lastModified: number;
        readonly name: string;
        readonly webkitRelativePath: string;
        readonly size: number;
        readonly type: string;
        arrayBuffer: () => Promise<ArrayBuffer>;
        bytes: () => Promise<Uint8Array>;
        slice: (start?: number, end?: number, contentType?: string) => Blob;
        stream: () => ReadableStream<Uint8Array>;
        text: () => Promise<string>;
    }[] | null, {
        readonly lastModified: number;
        readonly name: string;
        readonly webkitRelativePath: string;
        readonly size: number;
        readonly type: string;
        arrayBuffer: () => Promise<ArrayBuffer>;
        bytes: () => Promise<Uint8Array>;
        slice: (start?: number, end?: number, contentType?: string) => Blob;
        stream: () => ReadableStream<Uint8Array>;
        text: () => Promise<string>;
    } | {
        readonly lastModified: number;
        readonly name: string;
        readonly webkitRelativePath: string;
        readonly size: number;
        readonly type: string;
        arrayBuffer: () => Promise<ArrayBuffer>;
        bytes: () => Promise<Uint8Array>;
        slice: (start?: number, end?: number, contentType?: string) => Blob;
        stream: () => ReadableStream<Uint8Array>;
        text: () => Promise<string>;
    }[] | InputValueType>;
    hasValue: import('vue').ComputedRef<boolean>;
    dragging: import('vue').Ref<boolean, boolean>;
    setHover: (value: boolean) => void;
    setDragging: (value: boolean) => void;
    openFileDialog: () => void;
    handleFileDialog: (event: Event) => void;
    handleFileDrop: (event: DragEvent) => void;
    handleFileRemoveClick: (target: File) => void;
    stateClasses: import('vue').ComputedRef<{
        [x: string]: boolean;
        'vs-state-box': boolean;
    }>;
    toFileSizeFormat: (number: number | undefined | null) => string;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "drop" | "update:modelValue" | "update:valid" | "update:changed")[], "change" | "drop" | "update:modelValue" | "update:valid" | "update:changed", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    colorScheme: {
        type: PropType<ColorScheme>;
    };
    styleSet: {
        type: PropType<string | VsFileDropStyleSet>;
    };
    accept: {
        type: StringConstructor;
        default: string;
    };
    height: {
        type: PropType<string | number | Breakpoints>;
        default: string;
    };
    multiple: {
        type: BooleanConstructor;
        default: boolean;
    };
    modelValue: {
        type: PropType<InputValueType>;
        default: InputValueType;
    };
    width: {
        type: PropType<string | number | Breakpoints>;
        default: null;
    };
    grid: {
        type: PropType<string | number | Breakpoints>;
        default: null;
    };
    required: {
        type: BooleanConstructor;
        default: boolean;
    };
    name: {
        type: StringConstructor;
        default: string;
    };
    label: {
        type: StringConstructor;
        default: string;
    };
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    readonly: {
        type: BooleanConstructor;
        default: boolean;
    };
    id: {
        type: StringConstructor;
        default: string;
    };
    messages: {
        type: PropType<Message<InputValueType>[]>;
        default: () => Message<InputValueType>[];
    };
    rules: {
        type: PropType<import('../../declaration').Rule<InputValueType>[]>;
        default: () => import('../../declaration').Rule<InputValueType>[];
    };
    noDefaultRules: {
        type: BooleanConstructor;
        default: boolean;
    };
    state: {
        type: PropType<UIState>;
        default: UIState;
    };
    ariaLabel: {
        type: StringConstructor;
        default: null;
    };
    dense: {
        type: BooleanConstructor;
        default: boolean;
    };
    noClear: {
        type: BooleanConstructor;
        default: boolean;
    };
    noMessage: {
        type: BooleanConstructor;
        default: boolean;
    };
    placeholder: {
        type: StringConstructor;
        default: string;
    };
    visible: {
        type: BooleanConstructor;
        default: boolean;
    };
    changed: {
        type: BooleanConstructor;
        default: boolean;
    };
    valid: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{
    onChange?: ((...args: any[]) => any) | undefined;
    onDrop?: ((...args: any[]) => any) | undefined;
    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
    "onUpdate:valid"?: ((...args: any[]) => any) | undefined;
    "onUpdate:changed"?: ((...args: any[]) => any) | undefined;
}>, {
    width: string | number | Breakpoints;
    height: string | number | Breakpoints;
    required: boolean;
    name: string;
    label: string;
    disabled: boolean;
    readonly: boolean;
    modelValue: InputValueType;
    id: string;
    messages: Message<InputValueType>[];
    rules: import('../../declaration').Rule<InputValueType>[];
    noDefaultRules: boolean;
    state: UIState;
    ariaLabel: string;
    dense: boolean;
    noClear: boolean;
    noMessage: boolean;
    placeholder: string;
    visible: boolean;
    changed: boolean;
    valid: boolean;
    grid: string | number | Breakpoints;
    multiple: boolean;
    accept: string;
}, {}, {
    VsInputWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        colorScheme: {
            type: PropType<ColorScheme>;
        };
        dense: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        groupLabel: {
            type: BooleanConstructor;
            default: boolean;
        };
        id: {
            type: StringConstructor;
            default: string;
        };
        label: {
            type: StringConstructor;
            default: string;
        };
        messages: {
            type: PropType<import('../../declaration').StateMessage[]>;
            default: () => never[];
        };
        noMessage: {
            type: BooleanConstructor;
            default: boolean;
        };
        required: {
            type: BooleanConstructor;
            default: boolean;
        };
        shake: {
            type: BooleanConstructor;
            default: boolean;
        };
        width: {
            type: PropType<string | number | Breakpoints>;
            default: null;
        };
        grid: {
            type: PropType<string | number | Breakpoints>;
            default: null;
        };
    }>, {
        colorSchemeClass: import('vue').ComputedRef<string>;
        needToShake: import('vue').Ref<boolean, boolean>;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        colorScheme: {
            type: PropType<ColorScheme>;
        };
        dense: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        groupLabel: {
            type: BooleanConstructor;
            default: boolean;
        };
        id: {
            type: StringConstructor;
            default: string;
        };
        label: {
            type: StringConstructor;
            default: string;
        };
        messages: {
            type: PropType<import('../../declaration').StateMessage[]>;
            default: () => never[];
        };
        noMessage: {
            type: BooleanConstructor;
            default: boolean;
        };
        required: {
            type: BooleanConstructor;
            default: boolean;
        };
        shake: {
            type: BooleanConstructor;
            default: boolean;
        };
        width: {
            type: PropType<string | number | Breakpoints>;
            default: null;
        };
        grid: {
            type: PropType<string | number | Breakpoints>;
            default: null;
        };
    }>> & Readonly<{}>, {
        width: string | number | Breakpoints;
        required: boolean;
        label: string;
        disabled: boolean;
        id: string;
        messages: import('../../declaration').StateMessage<UIState>[];
        dense: boolean;
        noMessage: boolean;
        grid: string | number | Breakpoints;
        groupLabel: boolean;
        shake: boolean;
    }, {}, {
        VsResponsive: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
            tag: {
                type: StringConstructor;
                default: string;
            };
            width: {
                type: PropType<string | number | Breakpoints>;
                default: null;
            };
            grid: {
                type: PropType<string | number | Breakpoints>;
                default: null;
            };
        }>, {
            responsiveClasses: import('vue').ComputedRef<string[]>;
            responsiveStyles: import('vue').ComputedRef<Record<string, string>>;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            tag: {
                type: StringConstructor;
                default: string;
            };
            width: {
                type: PropType<string | number | Breakpoints>;
                default: null;
            };
            grid: {
                type: PropType<string | number | Breakpoints>;
                default: null;
            };
        }>> & Readonly<{}>, {
            width: string | number | Breakpoints;
            tag: string;
            grid: string | number | Breakpoints;
        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
        VsMessage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
            dense: {
                type: BooleanConstructor;
                default: boolean;
            };
            message: {
                type: PropType<import('../../declaration').StateMessage>;
                required: true;
            };
        }>, {
            colorClass: import('vue').ComputedRef<"vs-blue" | "vs-green" | "vs-yellow" | "vs-red" | "vs-none">;
            icon: import('vue').ComputedRef<"search" | "link" | "close" | "copy" | "drag" | "error" | "message" | "menu" | "success" | "info" | "warning" | "attachFile" | "check" | "expandLess" | "expandMore" | "goFirst" | "goLast" | "goNext" | "goPrev" | "keyboardArrowUp" | "keyboardArrowDown" | "noData" | "radioChecked" | "radioUnchecked" | "rotateRight" | "themeDark" | "themeLight" | "unfoldMore" | null>;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            dense: {
                type: BooleanConstructor;
                default: boolean;
            };
            message: {
                type: PropType<import('../../declaration').StateMessage>;
                required: true;
            };
        }>> & Readonly<{}>, {
            dense: boolean;
        }, {}, {
            VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                icon: {
                    type: PropType<keyof typeof import('../../icons').iconSvgs>;
                    required: true;
                };
                size: {
                    type: (NumberConstructor | StringConstructor)[];
                    default: number;
                };
            }>, {
                iconSvgs: {
                    attachFile: string;
                    check: string;
                    close: string;
                    copy: string;
                    drag: string;
                    error: string;
                    expandLess: string;
                    expandMore: string;
                    goFirst: string;
                    goLast: string;
                    goNext: string;
                    goPrev: string;
                    info: string;
                    link: string;
                    keyboardArrowUp: string;
                    keyboardArrowDown: string;
                    menu: string;
                    message: string;
                    noData: string;
                    radioChecked: string;
                    radioUnchecked: string;
                    rotateRight: string;
                    search: string;
                    success: string;
                    themeDark: string;
                    themeLight: string;
                    unfoldMore: string;
                    warning: string;
                };
                computedSize: import('vue').ComputedRef<{
                    width?: undefined;
                    height?: undefined;
                } | {
                    width: string;
                    height: string;
                }>;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                icon: {
                    type: PropType<keyof typeof import('../../icons').iconSvgs>;
                    required: true;
                };
                size: {
                    type: (NumberConstructor | StringConstructor)[];
                    default: number;
                };
            }>> & Readonly<{}>, {
                size: string | number;
            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        icon: {
            type: PropType<keyof typeof import('../../icons').iconSvgs>;
            required: true;
        };
        size: {
            type: (NumberConstructor | StringConstructor)[];
            default: number;
        };
    }>, {
        iconSvgs: {
            attachFile: string;
            check: string;
            close: string;
            copy: string;
            drag: string;
            error: string;
            expandLess: string;
            expandMore: string;
            goFirst: string;
            goLast: string;
            goNext: string;
            goPrev: string;
            info: string;
            link: string;
            keyboardArrowUp: string;
            keyboardArrowDown: string;
            menu: string;
            message: string;
            noData: string;
            radioChecked: string;
            radioUnchecked: string;
            rotateRight: string;
            search: string;
            success: string;
            themeDark: string;
            themeLight: string;
            unfoldMore: string;
            warning: string;
        };
        computedSize: import('vue').ComputedRef<{
            width?: undefined;
            height?: undefined;
        } | {
            width: string;
            height: string;
        }>;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        icon: {
            type: PropType<keyof typeof import('../../icons').iconSvgs>;
            required: true;
        };
        size: {
            type: (NumberConstructor | StringConstructor)[];
            default: number;
        };
    }>> & Readonly<{}>, {
        size: string | number;
    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    VsChip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        colorScheme: {
            type: PropType<ColorScheme>;
        };
        styleSet: {
            type: PropType<string | import('..').VsChipStyleSet>;
        };
        closable: {
            type: BooleanConstructor;
            default: boolean;
        };
        dense: {
            type: BooleanConstructor;
            default: boolean;
        };
        noRound: {
            type: BooleanConstructor;
            default: boolean;
        };
        primary: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>, {
        hasIcon: import('vue').ComputedRef<boolean>;
        colorSchemeClass: import('vue').ComputedRef<string>;
        computedStyleSet: import('vue').ComputedRef<{
            [key: string]: any;
        }>;
        classObj: import('vue').ComputedRef<{
            'vs-dense': boolean;
            'vs-no-round': boolean;
            'vs-primary': boolean;
        }>;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        colorScheme: {
            type: PropType<ColorScheme>;
        };
        styleSet: {
            type: PropType<string | import('..').VsChipStyleSet>;
        };
        closable: {
            type: BooleanConstructor;
            default: boolean;
        };
        dense: {
            type: BooleanConstructor;
            default: boolean;
        };
        noRound: {
            type: BooleanConstructor;
            default: boolean;
        };
        primary: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>> & Readonly<{
        onClose?: ((...args: any[]) => any) | undefined;
    }>, {
        dense: boolean;
        primary: boolean;
        closable: boolean;
        noRound: boolean;
    }, {}, {
        VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
            icon: {
                type: PropType<keyof typeof import('../../icons').iconSvgs>;
                required: true;
            };
            size: {
                type: (NumberConstructor | StringConstructor)[];
                default: number;
            };
        }>, {
            iconSvgs: {
                attachFile: string;
                check: string;
                close: string;
                copy: string;
                drag: string;
                error: string;
                expandLess: string;
                expandMore: string;
                goFirst: string;
                goLast: string;
                goNext: string;
                goPrev: string;
                info: string;
                link: string;
                keyboardArrowUp: string;
                keyboardArrowDown: string;
                menu: string;
                message: string;
                noData: string;
                radioChecked: string;
                radioUnchecked: string;
                rotateRight: string;
                search: string;
                success: string;
                themeDark: string;
                themeLight: string;
                unfoldMore: string;
                warning: string;
            };
            computedSize: import('vue').ComputedRef<{
                width?: undefined;
                height?: undefined;
            } | {
                width: string;
                height: string;
            }>;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            icon: {
                type: PropType<keyof typeof import('../../icons').iconSvgs>;
                required: true;
            };
            size: {
                type: (NumberConstructor | StringConstructor)[];
                default: number;
            };
        }>> & Readonly<{}>, {
            size: string | number;
        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;