import { SetupContext } from "vue";
import type { UiRegionSelectorProps, UiRegionSelectorEmits, UiRegionSelectorOption } from "./index";
export declare const useComposable: (define: UiRegionSelectorProps, emits: SetupContext<typeof UiRegionSelectorEmits>["emit"]) => {
    ons: {
        animation: {
            "before-leave": () => void | undefined;
            "before-enter": (el: Element) => void;
            leave: (el: Element, done: () => void) => void;
            enter: (el: Element, done: () => void) => void;
        };
    };
    vars: {
        observer: ResizeObserver | undefined;
    };
    refs: {
        visible: import("vue").Ref<boolean, boolean>;
        result: import("vue").Ref<string[], string[]>;
        data: import("vue").Ref<{
            name: string;
            children?: any[] | undefined;
        }[], UiRegionSelectorOption[] | {
            name: string;
            children?: any[] | undefined;
        }[]>;
    };
    nodes: {
        body: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
        container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
    };
    binds: {
        body: {
            class: string;
            style: {
                zIndex: number;
            };
        };
        container: {
            class: string;
            style: {
                width: string;
            };
        };
        candidates: {
            style: {
                maxHeight: string;
            };
        };
    };
    methods: {
        select: (region: UiRegionSelectorOption) => void;
        hidden: (ev?: Event) => void;
        show: (region?: string) => void;
    };
    computeds: {
        regions: import("vue").ComputedRef<UiRegionSelectorOption[]>;
        disabled: import("vue").ComputedRef<boolean>;
        className: import("vue").ComputedRef<string>;
    };
};