import { type SetupContext } from "vue";
import type { UiModalSideEmits, UiModalSideProps } from "../index";
export declare const useComposable: (define: UiModalSideProps, emit: SetupContext<typeof UiModalSideEmits>["emit"]) => {
    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;
    };
    computeds: {
        site: import("vue").ComputedRef<{
            leave: {
                yPercent: number;
                xPercent?: undefined;
            };
            enter: {
                yPercent: number;
                xPercent?: undefined;
            };
        } | {
            leave: {
                xPercent: number;
                yPercent?: undefined;
            };
            enter: {
                xPercent: number;
                yPercent?: undefined;
            };
        }>;
    };
};