export declare const UiModal: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    close: {
        type: BooleanConstructor;
        default: boolean;
    };
    title: {
        type: StringConstructor;
    };
    width: {
        type: import("vue").PropType<string | number>;
        default: number;
    };
    height: {
        type: import("vue").PropType<string | number>;
        default: number;
    };
    zIndex: {
        type: NumberConstructor;
        default: number;
    };
    margin: {
        type: StringConstructor;
        default: string;
    };
    spacing: {
        type: StringConstructor;
        default: string;
    };
    maxWidth: {
        type: import("vue").PropType<string | number>;
    };
    minWidth: {
        type: import("vue").PropType<string | number>;
    };
    minHeight: {
        type: import("vue").PropType<string | number>;
    };
    maxHeight: {
        type: import("vue").PropType<string | number>;
    };
    closeOnClick: {
        type: BooleanConstructor;
        default: boolean;
    };
    classExtraName: {
        type: StringConstructor;
    };
}>, {
    define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
        close: {
            type: BooleanConstructor;
            default: boolean;
        };
        title: {
            type: StringConstructor;
        };
        width: {
            type: import("vue").PropType<string | number>;
            default: number;
        };
        height: {
            type: import("vue").PropType<string | number>;
            default: number;
        };
        zIndex: {
            type: NumberConstructor;
            default: number;
        };
        margin: {
            type: StringConstructor;
            default: string;
        };
        spacing: {
            type: StringConstructor;
            default: string;
        };
        maxWidth: {
            type: import("vue").PropType<string | number>;
        };
        minWidth: {
            type: import("vue").PropType<string | number>;
        };
        minHeight: {
            type: import("vue").PropType<string | number>;
        };
        maxHeight: {
            type: import("vue").PropType<string | number>;
        };
        closeOnClick: {
            type: BooleanConstructor;
            default: boolean;
        };
        classExtraName: {
            type: StringConstructor;
        };
    }>> & Readonly<{
        onClose?: (() => any) | undefined;
        onOpen?: (() => any) | undefined;
    }> & {}>;
    emits: ((event: "close") => void) & ((event: "open") => void);
    refs: {
        open: import("vue").Ref<boolean, boolean>;
        main: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
        observer: import("vue").Ref<ResizeObserver | undefined, ResizeObserver | undefined>;
        container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
    };
    binds: {
        main: {
            style: {
                padding: string;
                zIndex: number;
            };
            class: string | undefined;
        };
    };
    methods: {
        resizeHandler: () => void;
        closeModal: () => void;
        openModal: () => void;
        scrollTo: (options: ScrollToOptions) => void;
    };
    computeds: {
        mainStyle: import("vue").ComputedRef<{
            padding: string;
            zIndex: number;
        }>;
        containerStyle: import("vue").ComputedRef<{
            [name: string]: any;
        }>;
    };
    containerStyle: import("vue").ComputedRef<{
        [name: string]: any;
    }>;
    scrollTo: (options: ScrollToOptions) => void;
    openModal: () => void;
    closeModal: () => void;
    open: import("vue").Ref<boolean, boolean>;
    main: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
    container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
    readonly UiIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
        readonly name: StringConstructor;
    }>, {
        define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
            readonly name: StringConstructor;
        }>> & Readonly<{
            onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined;
        }> & {}>;
        emits: (event: "click", _ev?: Event | MouseEvent | undefined) => void;
        click: (ev: Event | MouseEvent) => void;
        name: import("vue").ComputedRef<string>;
    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
        click: (_ev?: Event | MouseEvent | undefined) => boolean;
    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
        readonly name: StringConstructor;
    }>> & Readonly<{
        onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined;
    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    open: () => boolean;
    close: () => boolean;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    close: {
        type: BooleanConstructor;
        default: boolean;
    };
    title: {
        type: StringConstructor;
    };
    width: {
        type: import("vue").PropType<string | number>;
        default: number;
    };
    height: {
        type: import("vue").PropType<string | number>;
        default: number;
    };
    zIndex: {
        type: NumberConstructor;
        default: number;
    };
    margin: {
        type: StringConstructor;
        default: string;
    };
    spacing: {
        type: StringConstructor;
        default: string;
    };
    maxWidth: {
        type: import("vue").PropType<string | number>;
    };
    minWidth: {
        type: import("vue").PropType<string | number>;
    };
    minHeight: {
        type: import("vue").PropType<string | number>;
    };
    maxHeight: {
        type: import("vue").PropType<string | number>;
    };
    closeOnClick: {
        type: BooleanConstructor;
        default: boolean;
    };
    classExtraName: {
        type: StringConstructor;
    };
}>> & Readonly<{
    onClose?: (() => any) | undefined;
    onOpen?: (() => any) | undefined;
}>, {
    zIndex: number;
    height: string | number;
    margin: string;
    width: string | number;
    spacing: string;
    close: boolean;
    closeOnClick: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export declare const UiModalSide: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    close: {
        type: BooleanConstructor;
        default: boolean;
    };
    width: {
        type: import("vue").PropType<string | number>;
    };
    height: {
        type: import("vue").PropType<string | number>;
    };
    zIndex: {
        type: NumberConstructor;
        default: number;
    };
    spacing: {
        type: StringConstructor;
        default: string;
    };
    maxWidth: {
        type: import("vue").PropType<string | number>;
    };
    minWidth: {
        type: import("vue").PropType<string | number>;
    };
    minHeight: {
        type: import("vue").PropType<string | number>;
    };
    maxHeight: {
        type: import("vue").PropType<string | number>;
    };
    direction: {
        type: import("vue").PropType<import("../..").UiTypes.direction>;
        default: string;
    };
    closeSize: {
        type: NumberConstructor;
        default: number;
    };
    closeIcon: {
        type: StringConstructor;
        default: string;
    };
    classExtraName: {
        type: StringConstructor;
    };
}>, {
    emits: ((event: "close") => void) & ((event: "open") => void);
    define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
        close: {
            type: BooleanConstructor;
            default: boolean;
        };
        width: {
            type: import("vue").PropType<string | number>;
        };
        height: {
            type: import("vue").PropType<string | number>;
        };
        zIndex: {
            type: NumberConstructor;
            default: number;
        };
        spacing: {
            type: StringConstructor;
            default: string;
        };
        maxWidth: {
            type: import("vue").PropType<string | number>;
        };
        minWidth: {
            type: import("vue").PropType<string | number>;
        };
        minHeight: {
            type: import("vue").PropType<string | number>;
        };
        maxHeight: {
            type: import("vue").PropType<string | number>;
        };
        direction: {
            type: import("vue").PropType<import("../..").UiTypes.direction>;
            default: string;
        };
        closeSize: {
            type: NumberConstructor;
            default: number;
        };
        closeIcon: {
            type: StringConstructor;
            default: string;
        };
        classExtraName: {
            type: StringConstructor;
        };
    }>> & Readonly<{
        onClose?: (() => any) | undefined;
        onOpen?: (() => any) | undefined;
    }> & {}>;
    ons: {
        animation: {
            "before-enter": () => void;
            enter: (_el: Element, done: () => void) => void;
            leave: (_el: Element, done: () => void) => void;
        };
    };
    refs: {
        open: import("vue").Ref<boolean, boolean>;
    };
    nodes: {
        main: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
        container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
    };
    binds: {
        content: {
            style: {
                padding: string;
            };
        };
        container: {
            style: {
                [name: string]: any;
            };
        };
    };
    methods: {
        closeModal: () => void;
        openModal: () => void;
        scrollTo: (options: ScrollToOptions) => void;
    };
    open: import("vue").Ref<boolean, boolean>;
    main: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
    container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
    openModal: () => void;
    closeModal: () => void;
    scrollTo: (options: ScrollToOptions) => void;
    readonly UiIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
        readonly name: StringConstructor;
    }>, {
        define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
            readonly name: StringConstructor;
        }>> & Readonly<{
            onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined;
        }> & {}>;
        emits: (event: "click", _ev?: Event | MouseEvent | undefined) => void;
        click: (ev: Event | MouseEvent) => void;
        name: import("vue").ComputedRef<string>;
    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
        click: (_ev?: Event | MouseEvent | undefined) => boolean;
    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
        readonly name: StringConstructor;
    }>> & Readonly<{
        onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined;
    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    open: () => boolean;
    close: () => boolean;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    close: {
        type: BooleanConstructor;
        default: boolean;
    };
    width: {
        type: import("vue").PropType<string | number>;
    };
    height: {
        type: import("vue").PropType<string | number>;
    };
    zIndex: {
        type: NumberConstructor;
        default: number;
    };
    spacing: {
        type: StringConstructor;
        default: string;
    };
    maxWidth: {
        type: import("vue").PropType<string | number>;
    };
    minWidth: {
        type: import("vue").PropType<string | number>;
    };
    minHeight: {
        type: import("vue").PropType<string | number>;
    };
    maxHeight: {
        type: import("vue").PropType<string | number>;
    };
    direction: {
        type: import("vue").PropType<import("../..").UiTypes.direction>;
        default: string;
    };
    closeSize: {
        type: NumberConstructor;
        default: number;
    };
    closeIcon: {
        type: StringConstructor;
        default: string;
    };
    classExtraName: {
        type: StringConstructor;
    };
}>> & Readonly<{
    onClose?: (() => any) | undefined;
    onOpen?: (() => any) | undefined;
}>, {
    zIndex: number;
    direction: import("../..").UiTypes.direction;
    spacing: string;
    close: boolean;
    closeSize: number;
    closeIcon: string;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export * from "./default";
export * from "./aside";
export default UiModal;