import { UnwrapRef, nextTick } from 'vue';
import { KdsMenuProps } from './types';
declare const isMenuOpenReadonly: import('vue').ComputedRef<boolean>;
declare const open: () => void;
declare const close: () => void;
declare const toggle: () => void;
declare const attrs: import('vue').ComputedRef<{
    "aria-haspopup": "menu";
    "aria-expanded": boolean;
    "aria-controls": string;
} | {
    style: Record<string, string>;
    "aria-haspopup": "menu";
    "aria-expanded": boolean;
    "aria-controls": string;
}>;
type SlotPropsType = {
    attrs: UnwrapRef<typeof attrs>;
    isOpen: UnwrapRef<typeof isMenuOpenReadonly>;
    open: typeof open;
    close: typeof close;
    toggle: typeof toggle;
};
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: Readonly<{
        /**
         * Custom toggle for the menu. This slot provides the following props:
         *
         * `attrs`: Attributes you must bind to your custom toggle. They ensure the correct aria attributes as well as the anchor positioning for the menu <br/>
         * `isOpen`: Readonly state that communicates the current state of the menu <br/>
         * `open`: function to programmatically open the menu <br/>
         * `close`: function to programmatically close the menu <br/>
         * `toggle`: function to programmatically switch between the open/close states <br/>
         */
        default(props: SlotPropsType): unknown;
    }> & {
        /**
         * Custom toggle for the menu. This slot provides the following props:
         *
         * `attrs`: Attributes you must bind to your custom toggle. They ensure the correct aria attributes as well as the anchor positioning for the menu <br/>
         * `isOpen`: Readonly state that communicates the current state of the menu <br/>
         * `open`: function to programmatically open the menu <br/>
         * `close`: function to programmatically close the menu <br/>
         * `toggle`: function to programmatically switch between the open/close states <br/>
         */
        default(props: SlotPropsType): unknown;
    };
    refs: {
        popover: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: ({
                readonly modelValue?: boolean | undefined;
                readonly role?: import('../../overlays/Popover').KdsPopoverRole | undefined;
                readonly popoverType?: import('../../overlays/Popover').KdsPopoverType | undefined;
                readonly fullWidth?: boolean | undefined;
                readonly maxInlineSize?: string | undefined;
                readonly content?: string | undefined;
                readonly placement?: Exclude<import('../../overlays/Popover').KdsPopoverPlacement, "custom"> | undefined;
                readonly customPlacementPosition?: never | undefined;
                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
            } | {
                readonly modelValue?: boolean | undefined;
                readonly role?: import('../../overlays/Popover').KdsPopoverRole | undefined;
                readonly popoverType?: import('../../overlays/Popover').KdsPopoverType | undefined;
                readonly fullWidth?: boolean | undefined;
                readonly maxInlineSize?: string | undefined;
                readonly content?: string | undefined;
                readonly placement: "custom";
                readonly customPlacementPosition: {
                    x: number;
                    y: number;
                };
                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
            }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
            $attrs: import('vue').Attrs;
            $refs: {
                [x: string]: unknown;
            } & {
                popoverEl: 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: "update:modelValue", value: boolean) => void;
            $el: HTMLDivElement;
            $options: import('vue').ComponentOptionsBase<Readonly<({
                modelValue?: boolean;
            } & {
                role?: import('../../overlays/Popover').KdsPopoverRole;
                popoverType?: import('../../overlays/Popover').KdsPopoverType;
                fullWidth?: boolean;
                maxInlineSize?: string;
                content?: string;
            } & {
                placement?: Exclude<import('../../overlays/Popover').KdsPopoverPlacement, "custom">;
                customPlacementPosition?: never;
            }) | ({
                modelValue?: boolean;
            } & {
                role?: import('../../overlays/Popover').KdsPopoverRole;
                popoverType?: import('../../overlays/Popover').KdsPopoverType;
                fullWidth?: boolean;
                maxInlineSize?: string;
                content?: string;
            } & {
                placement: "custom";
                customPlacementPosition: {
                    x: number;
                    y: number;
                };
            })> & Readonly<{
                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
            }>, {
                anchorStyle: Record<string, string>;
                popoverId: string;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                "update:modelValue": (value: boolean) => any;
            }, string, {}, {}, 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 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<{}> & Omit<{} & (Readonly<({
            modelValue?: boolean;
        } & {
            role?: import('../../overlays/Popover').KdsPopoverRole;
            popoverType?: import('../../overlays/Popover').KdsPopoverType;
            fullWidth?: boolean;
            maxInlineSize?: string;
            content?: string;
        } & {
            placement?: Exclude<import('../../overlays/Popover').KdsPopoverPlacement, "custom">;
            customPlacementPosition?: never;
        }) | ({
            modelValue?: boolean;
        } & {
            role?: import('../../overlays/Popover').KdsPopoverRole;
            popoverType?: import('../../overlays/Popover').KdsPopoverType;
            fullWidth?: boolean;
            maxInlineSize?: string;
            content?: string;
        } & {
            placement: "custom";
            customPlacementPosition: {
                x: number;
                y: number;
            };
        })> & Readonly<{
            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
        }>), "anchorStyle" | "popoverId"> & {
            anchorStyle: Record<string, string>;
            popoverId: string;
        } & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: {
                default?(_: {}): any;
            };
        }) | null;
        menuContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../MenuContainer').KdsMenuContainerProps> & Readonly<{
            onItemClick?: ((id: string) => any) | undefined;
        }>, {
            focus: () => void;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            itemClick: (id: string) => any;
        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
            containerEl: HTMLDivElement;
        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import('../MenuContainer').KdsMenuContainerProps> & Readonly<{
            onItemClick?: ((id: string) => any) | undefined;
        }>, {
            focus: () => void;
        }, {}, {}, {}, {}> | null;
    };
    rootEl: any;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<KdsMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    itemClick: (id: string) => any;
}, string, import('vue').PublicProps, Readonly<KdsMenuProps> & Readonly<{
    onItemClick?: ((id: string) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
    popover: ({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: ({
            readonly modelValue?: boolean | undefined;
            readonly role?: import('../../overlays/Popover').KdsPopoverRole | undefined;
            readonly popoverType?: import('../../overlays/Popover').KdsPopoverType | undefined;
            readonly fullWidth?: boolean | undefined;
            readonly maxInlineSize?: string | undefined;
            readonly content?: string | undefined;
            readonly placement?: Exclude<import('../../overlays/Popover').KdsPopoverPlacement, "custom"> | undefined;
            readonly customPlacementPosition?: never | undefined;
            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
        } | {
            readonly modelValue?: boolean | undefined;
            readonly role?: import('../../overlays/Popover').KdsPopoverRole | undefined;
            readonly popoverType?: import('../../overlays/Popover').KdsPopoverType | undefined;
            readonly fullWidth?: boolean | undefined;
            readonly maxInlineSize?: string | undefined;
            readonly content?: string | undefined;
            readonly placement: "custom";
            readonly customPlacementPosition: {
                x: number;
                y: number;
            };
            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
        }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
        $attrs: import('vue').Attrs;
        $refs: {
            [x: string]: unknown;
        } & {
            popoverEl: 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: "update:modelValue", value: boolean) => void;
        $el: HTMLDivElement;
        $options: import('vue').ComponentOptionsBase<Readonly<({
            modelValue?: boolean;
        } & {
            role?: import('../../overlays/Popover').KdsPopoverRole;
            popoverType?: import('../../overlays/Popover').KdsPopoverType;
            fullWidth?: boolean;
            maxInlineSize?: string;
            content?: string;
        } & {
            placement?: Exclude<import('../../overlays/Popover').KdsPopoverPlacement, "custom">;
            customPlacementPosition?: never;
        }) | ({
            modelValue?: boolean;
        } & {
            role?: import('../../overlays/Popover').KdsPopoverRole;
            popoverType?: import('../../overlays/Popover').KdsPopoverType;
            fullWidth?: boolean;
            maxInlineSize?: string;
            content?: string;
        } & {
            placement: "custom";
            customPlacementPosition: {
                x: number;
                y: number;
            };
        })> & Readonly<{
            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
        }>, {
            anchorStyle: Record<string, string>;
            popoverId: string;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            "update:modelValue": (value: boolean) => any;
        }, string, {}, {}, 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 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<{}> & Omit<{} & (Readonly<({
        modelValue?: boolean;
    } & {
        role?: import('../../overlays/Popover').KdsPopoverRole;
        popoverType?: import('../../overlays/Popover').KdsPopoverType;
        fullWidth?: boolean;
        maxInlineSize?: string;
        content?: string;
    } & {
        placement?: Exclude<import('../../overlays/Popover').KdsPopoverPlacement, "custom">;
        customPlacementPosition?: never;
    }) | ({
        modelValue?: boolean;
    } & {
        role?: import('../../overlays/Popover').KdsPopoverRole;
        popoverType?: import('../../overlays/Popover').KdsPopoverType;
        fullWidth?: boolean;
        maxInlineSize?: string;
        content?: string;
    } & {
        placement: "custom";
        customPlacementPosition: {
            x: number;
            y: number;
        };
    })> & Readonly<{
        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
    }>), "anchorStyle" | "popoverId"> & {
        anchorStyle: Record<string, string>;
        popoverId: string;
    } & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: {
            default?(_: {}): any;
        };
    }) | null;
    menuContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../MenuContainer').KdsMenuContainerProps> & Readonly<{
        onItemClick?: ((id: string) => any) | undefined;
    }>, {
        focus: () => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
        itemClick: (id: string) => any;
    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
        containerEl: HTMLDivElement;
    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('../MenuContainer').KdsMenuContainerProps> & Readonly<{
        onItemClick?: ((id: string) => any) | undefined;
    }>, {
        focus: () => void;
    }, {}, {}, {}, {}> | null;
}, 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=KdsMenu.vue.d.ts.map