import { IconType, Option } from '../../..';
import { AlignedPlacement } from '../../Dropdown.vue';
import { BagelInputShellProps } from './bagelInputShell';
type OptionsSource = Option[] | ((query: string) => Promise<Option[]>);
interface PropTypes extends BagelInputShellProps {
    options: OptionsSource;
    placeholder?: string;
    disabled?: boolean;
    modelValue?: Option | Option[];
    searchable?: boolean;
    required?: boolean;
    label?: string;
    fullWidth?: boolean;
    multiselect?: boolean;
    icon?: IconType;
    hideLabel?: boolean;
    defaultValue?: Option;
    helpText?: string;
    clearable?: boolean;
    placement?: AlignedPlacement;
    searchPlaceholder?: string;
    error?: string;
    underlined?: boolean;
    size?: 'xs' | 's' | 'm' | 'l' | 'xl';
    border?: boolean;
    thin?: boolean;
    round?: boolean;
}
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: {
        last?(_: {}): any;
    };
    refs: {
        dropdown: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: {
                readonly shown?: boolean | undefined;
                readonly value?: string | undefined;
                readonly thin?: boolean | undefined;
                readonly flat?: boolean | undefined;
                readonly disabled?: boolean | undefined;
                readonly icon?: IconType | undefined;
                readonly color?: import('../../..').ThemeType | undefined;
                readonly triggerClass?: string | undefined;
                readonly iconEnd?: IconType | undefined;
                readonly border?: boolean | undefined;
                readonly outline?: boolean | undefined;
                readonly frame?: boolean | undefined;
                readonly round?: boolean | undefined;
                readonly placement?: AlignedPlacement | undefined;
                readonly disablePlacement?: boolean | undefined;
                readonly noAutoFocus?: boolean | undefined;
                readonly autoHide?: boolean | undefined;
                readonly triggers?: import('../../Dropdown.vue').TriggerEvent[] | undefined;
                readonly showTriggers?: import('../../Dropdown.vue').TriggerEvent[] | undefined;
                readonly hideTriggers?: import('../../Dropdown.vue').TriggerEvent[] | undefined;
                readonly popperTriggers?: import('../../Dropdown.vue').TriggerEvent[] | undefined;
                readonly popperShowTriggers?: import('../../Dropdown.vue').TriggerEvent[] | undefined;
                readonly popperHideTriggers?: import('../../Dropdown.vue').TriggerEvent[] | undefined;
                readonly showGroup?: string | undefined;
                readonly card?: boolean | undefined;
                readonly delay?: number | {
                    show: number;
                    hide: number;
                } | undefined;
                readonly referenceEl?: (Element | null) | undefined;
                readonly onHide?: (() => any) | undefined;
                readonly "onUpdate:shown"?: ((value: boolean) => any) | undefined;
                readonly onShow?: (() => any) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
            $attrs: import('vue').Attrs;
            $refs: {
                [x: string]: unknown;
            } & {
                triggerWrapRef: HTMLDivElement;
                popoverRef: HTMLDivElement;
            };
            $slots: Readonly<{
                [name: string]: import('vue').Slot<any> | undefined;
            }>;
            $root: import('vue').ComponentPublicInstance | null;
            $parent: import('vue').ComponentPublicInstance | null;
            $host: Element | null;
            $emit: ((event: "hide") => void) & ((event: "update:shown", value: boolean) => void) & ((event: "show") => void);
            $el: any;
            $options: import('vue').ComponentOptionsBase<Readonly<{
                shown?: boolean;
            } & {
                value?: string;
                thin?: boolean;
                flat?: boolean;
                disabled?: boolean;
                icon?: IconType;
                color?: import('../../..').ThemeType;
                triggerClass?: string;
                iconEnd?: IconType;
                border?: boolean;
                outline?: boolean;
                frame?: boolean;
                round?: boolean;
                placement?: AlignedPlacement;
                disablePlacement?: boolean;
                noAutoFocus?: boolean;
                autoHide?: boolean;
                triggers?: import('../../Dropdown.vue').TriggerEvent[];
                showTriggers?: import('../../Dropdown.vue').TriggerEvent[];
                hideTriggers?: import('../../Dropdown.vue').TriggerEvent[];
                popperTriggers?: import('../../Dropdown.vue').TriggerEvent[];
                popperShowTriggers?: import('../../Dropdown.vue').TriggerEvent[];
                popperHideTriggers?: import('../../Dropdown.vue').TriggerEvent[];
                showGroup?: string;
                card?: boolean;
                delay?: number | {
                    show: number;
                    hide: number;
                };
                referenceEl?: Element | null;
            }> & Readonly<{
                onHide?: (() => any) | undefined;
                "onUpdate:shown"?: ((value: boolean) => any) | undefined;
                onShow?: (() => any) | undefined;
            }>, {
                show: () => Promise<void>;
                hide: () => void;
                shown: import('vue').ModelRef<boolean, string, boolean, boolean>;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                hide: () => any;
                "update:shown": (value: boolean) => any;
                show: () => any;
            }, string, {
                flat: boolean;
                thin: boolean;
                placement: AlignedPlacement;
                disablePlacement: boolean;
                autoHide: boolean;
                triggers: import('../../Dropdown.vue').TriggerEvent[];
                popperTriggers: import('../../Dropdown.vue').TriggerEvent[];
                popperShowTriggers: import('../../Dropdown.vue').TriggerEvent[];
                popperHideTriggers: import('../../Dropdown.vue').TriggerEvent[];
                card: boolean;
            }, {}, 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<{
            flat: boolean;
            thin: boolean;
            placement: AlignedPlacement;
            disablePlacement: boolean;
            autoHide: boolean;
            triggers: import('../../Dropdown.vue').TriggerEvent[];
            popperTriggers: import('../../Dropdown.vue').TriggerEvent[];
            popperShowTriggers: import('../../Dropdown.vue').TriggerEvent[];
            popperHideTriggers: import('../../Dropdown.vue').TriggerEvent[];
            card: boolean;
        }> & Omit<Readonly<{
            shown?: boolean;
        } & {
            value?: string;
            thin?: boolean;
            flat?: boolean;
            disabled?: boolean;
            icon?: IconType;
            color?: import('../../..').ThemeType;
            triggerClass?: string;
            iconEnd?: IconType;
            border?: boolean;
            outline?: boolean;
            frame?: boolean;
            round?: boolean;
            placement?: AlignedPlacement;
            disablePlacement?: boolean;
            noAutoFocus?: boolean;
            autoHide?: boolean;
            triggers?: import('../../Dropdown.vue').TriggerEvent[];
            showTriggers?: import('../../Dropdown.vue').TriggerEvent[];
            hideTriggers?: import('../../Dropdown.vue').TriggerEvent[];
            popperTriggers?: import('../../Dropdown.vue').TriggerEvent[];
            popperShowTriggers?: import('../../Dropdown.vue').TriggerEvent[];
            popperHideTriggers?: import('../../Dropdown.vue').TriggerEvent[];
            showGroup?: string;
            card?: boolean;
            delay?: number | {
                show: number;
                hide: number;
            };
            referenceEl?: Element | null;
        }> & Readonly<{
            onHide?: (() => any) | undefined;
            "onUpdate:shown"?: ((value: boolean) => any) | undefined;
            onShow?: (() => any) | undefined;
        }>, "hide" | "shown" | "show" | ("flat" | "thin" | "placement" | "disablePlacement" | "autoHide" | "triggers" | "popperTriggers" | "popperShowTriggers" | "popperHideTriggers" | "card")> & {
            show: () => Promise<void>;
            hide: () => void;
            shown: boolean;
        } & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: {
                trigger?(_: {
                    show: () => Promise<void>;
                    hide: () => void;
                    shown: boolean;
                }): any;
                default?(_: {
                    hide: () => void;
                    show: () => Promise<void>;
                    shown: boolean;
                }): any;
            };
        }) | null;
        searchInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./TextInput.vue').TextInputProps> & Readonly<{
            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
            onDebounce?: ((...args: any[]) => any) | undefined;
        }>, {
            focus: () => void | undefined;
            hasFocus: () => boolean;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            "update:modelValue": (...args: any[]) => void;
            debounce: (...args: any[]) => void;
        }, import('vue').PublicProps, {
            type: string;
            modelValue: string | number;
        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
            input: HTMLTextAreaElement;
        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import('./TextInput.vue').TextInputProps> & Readonly<{
            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
            onDebounce?: ((...args: any[]) => any) | undefined;
        }>, {
            focus: () => void | undefined;
            hasFocus: () => boolean;
        }, {}, {}, {}, {
            type: string;
            modelValue: string | number;
        }> | null;
        triggerBtn: HTMLButtonElement;
        selectOptions: HTMLDivElement;
    };
    rootEl: any;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<PropTypes, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:modelValue": (...args: any[]) => void;
}, string, import('vue').PublicProps, Readonly<PropTypes> & Readonly<{
    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}>, {
    placement: AlignedPlacement;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
    dropdown: ({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: {
            readonly shown?: boolean | undefined;
            readonly value?: string | undefined;
            readonly thin?: boolean | undefined;
            readonly flat?: boolean | undefined;
            readonly disabled?: boolean | undefined;
            readonly icon?: IconType | undefined;
            readonly color?: import('../../..').ThemeType | undefined;
            readonly triggerClass?: string | undefined;
            readonly iconEnd?: IconType | undefined;
            readonly border?: boolean | undefined;
            readonly outline?: boolean | undefined;
            readonly frame?: boolean | undefined;
            readonly round?: boolean | undefined;
            readonly placement?: AlignedPlacement | undefined;
            readonly disablePlacement?: boolean | undefined;
            readonly noAutoFocus?: boolean | undefined;
            readonly autoHide?: boolean | undefined;
            readonly triggers?: import('../../Dropdown.vue').TriggerEvent[] | undefined;
            readonly showTriggers?: import('../../Dropdown.vue').TriggerEvent[] | undefined;
            readonly hideTriggers?: import('../../Dropdown.vue').TriggerEvent[] | undefined;
            readonly popperTriggers?: import('../../Dropdown.vue').TriggerEvent[] | undefined;
            readonly popperShowTriggers?: import('../../Dropdown.vue').TriggerEvent[] | undefined;
            readonly popperHideTriggers?: import('../../Dropdown.vue').TriggerEvent[] | undefined;
            readonly showGroup?: string | undefined;
            readonly card?: boolean | undefined;
            readonly delay?: number | {
                show: number;
                hide: number;
            } | undefined;
            readonly referenceEl?: (Element | null) | undefined;
            readonly onHide?: (() => any) | undefined;
            readonly "onUpdate:shown"?: ((value: boolean) => any) | undefined;
            readonly onShow?: (() => any) | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
        $attrs: import('vue').Attrs;
        $refs: {
            [x: string]: unknown;
        } & {
            triggerWrapRef: HTMLDivElement;
            popoverRef: HTMLDivElement;
        };
        $slots: Readonly<{
            [name: string]: import('vue').Slot<any> | undefined;
        }>;
        $root: import('vue').ComponentPublicInstance | null;
        $parent: import('vue').ComponentPublicInstance | null;
        $host: Element | null;
        $emit: ((event: "hide") => void) & ((event: "update:shown", value: boolean) => void) & ((event: "show") => void);
        $el: any;
        $options: import('vue').ComponentOptionsBase<Readonly<{
            shown?: boolean;
        } & {
            value?: string;
            thin?: boolean;
            flat?: boolean;
            disabled?: boolean;
            icon?: IconType;
            color?: import('../../..').ThemeType;
            triggerClass?: string;
            iconEnd?: IconType;
            border?: boolean;
            outline?: boolean;
            frame?: boolean;
            round?: boolean;
            placement?: AlignedPlacement;
            disablePlacement?: boolean;
            noAutoFocus?: boolean;
            autoHide?: boolean;
            triggers?: import('../../Dropdown.vue').TriggerEvent[];
            showTriggers?: import('../../Dropdown.vue').TriggerEvent[];
            hideTriggers?: import('../../Dropdown.vue').TriggerEvent[];
            popperTriggers?: import('../../Dropdown.vue').TriggerEvent[];
            popperShowTriggers?: import('../../Dropdown.vue').TriggerEvent[];
            popperHideTriggers?: import('../../Dropdown.vue').TriggerEvent[];
            showGroup?: string;
            card?: boolean;
            delay?: number | {
                show: number;
                hide: number;
            };
            referenceEl?: Element | null;
        }> & Readonly<{
            onHide?: (() => any) | undefined;
            "onUpdate:shown"?: ((value: boolean) => any) | undefined;
            onShow?: (() => any) | undefined;
        }>, {
            show: () => Promise<void>;
            hide: () => void;
            shown: import('vue').ModelRef<boolean, string, boolean, boolean>;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            hide: () => any;
            "update:shown": (value: boolean) => any;
            show: () => any;
        }, string, {
            flat: boolean;
            thin: boolean;
            placement: AlignedPlacement;
            disablePlacement: boolean;
            autoHide: boolean;
            triggers: import('../../Dropdown.vue').TriggerEvent[];
            popperTriggers: import('../../Dropdown.vue').TriggerEvent[];
            popperShowTriggers: import('../../Dropdown.vue').TriggerEvent[];
            popperHideTriggers: import('../../Dropdown.vue').TriggerEvent[];
            card: boolean;
        }, {}, 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<{
        flat: boolean;
        thin: boolean;
        placement: AlignedPlacement;
        disablePlacement: boolean;
        autoHide: boolean;
        triggers: import('../../Dropdown.vue').TriggerEvent[];
        popperTriggers: import('../../Dropdown.vue').TriggerEvent[];
        popperShowTriggers: import('../../Dropdown.vue').TriggerEvent[];
        popperHideTriggers: import('../../Dropdown.vue').TriggerEvent[];
        card: boolean;
    }> & Omit<Readonly<{
        shown?: boolean;
    } & {
        value?: string;
        thin?: boolean;
        flat?: boolean;
        disabled?: boolean;
        icon?: IconType;
        color?: import('../../..').ThemeType;
        triggerClass?: string;
        iconEnd?: IconType;
        border?: boolean;
        outline?: boolean;
        frame?: boolean;
        round?: boolean;
        placement?: AlignedPlacement;
        disablePlacement?: boolean;
        noAutoFocus?: boolean;
        autoHide?: boolean;
        triggers?: import('../../Dropdown.vue').TriggerEvent[];
        showTriggers?: import('../../Dropdown.vue').TriggerEvent[];
        hideTriggers?: import('../../Dropdown.vue').TriggerEvent[];
        popperTriggers?: import('../../Dropdown.vue').TriggerEvent[];
        popperShowTriggers?: import('../../Dropdown.vue').TriggerEvent[];
        popperHideTriggers?: import('../../Dropdown.vue').TriggerEvent[];
        showGroup?: string;
        card?: boolean;
        delay?: number | {
            show: number;
            hide: number;
        };
        referenceEl?: Element | null;
    }> & Readonly<{
        onHide?: (() => any) | undefined;
        "onUpdate:shown"?: ((value: boolean) => any) | undefined;
        onShow?: (() => any) | undefined;
    }>, "hide" | "shown" | "show" | ("flat" | "thin" | "placement" | "disablePlacement" | "autoHide" | "triggers" | "popperTriggers" | "popperShowTriggers" | "popperHideTriggers" | "card")> & {
        show: () => Promise<void>;
        hide: () => void;
        shown: boolean;
    } & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: {
            trigger?(_: {
                show: () => Promise<void>;
                hide: () => void;
                shown: boolean;
            }): any;
            default?(_: {
                hide: () => void;
                show: () => Promise<void>;
                shown: boolean;
            }): any;
        };
    }) | null;
    searchInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./TextInput.vue').TextInputProps> & Readonly<{
        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
        onDebounce?: ((...args: any[]) => any) | undefined;
    }>, {
        focus: () => void | undefined;
        hasFocus: () => boolean;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
        "update:modelValue": (...args: any[]) => void;
        debounce: (...args: any[]) => void;
    }, import('vue').PublicProps, {
        type: string;
        modelValue: string | number;
    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
        input: HTMLTextAreaElement;
    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('./TextInput.vue').TextInputProps> & Readonly<{
        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
        onDebounce?: ((...args: any[]) => any) | undefined;
    }>, {
        focus: () => void | undefined;
        hasFocus: () => boolean;
    }, {}, {}, {}, {
        type: string;
        modelValue: string | number;
    }> | null;
    triggerBtn: HTMLButtonElement;
    selectOptions: HTMLDivElement;
}, any>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};
//# sourceMappingURL=SelectInput.vue.d.ts.map