import { iconArrowSmallLeft, iconChevronRightSmall } from '@sit-onyx/icons';
import { nextTick } from 'vue';
import { mergeVueProps } from '../../../../utils/attrs.js';
import { extractLinkProps } from '../../../../utils/router.js';
import { default as ButtonOrLinkLayout } from '../../../OnyxButton/ButtonOrLinkLayout.vue';
import { default as OnyxExternalLinkIcon } from '../../../OnyxExternalLinkIcon/OnyxExternalLinkIcon.vue';
import { default as OnyxIcon } from '../../../OnyxIcon/OnyxIcon.vue';
import { default as OnyxListItem } from '../../../OnyxListItem/OnyxListItem.vue';
import { OnyxMenuItemProps } from './types.js';
declare const t: Readonly<import('vue', { with: { "resolution-mode": "import" } }).Ref<import('../../../../i18n/index.js', { with: { "resolution-mode": "import" } }).TranslationFunction, import('../../../../i18n/index.js', { with: { "resolution-mode": "import" } }).TranslationFunction>>;
declare const rootAttrs: import('vue', { with: { "resolution-mode": "import" } }).ComputedRef<Pick<Pick<import('vue', { with: { "resolution-mode": "import" } }).HTMLAttributes, "style" | "class">, "style" | "class">>, restAttrs: import('vue', { with: { "resolution-mode": "import" } }).ComputedRef<Omit<Pick<import('vue', { with: { "resolution-mode": "import" } }).HTMLAttributes, "style" | "class">, "style" | "class">>;
declare const slots: Readonly<{
    /**
     * Button/link text and additional inline content.
     */
    default(): unknown;
    /**
     * Children menuitems.
     */
    children(): unknown;
}> & {
    /**
     * Button/link text and additional inline content.
     */
    default(): unknown;
    /**
     * Children menuitems.
     */
    children(): unknown;
};
/**
 * Controls the open state.
 */
declare const open: import('vue', { with: { "resolution-mode": "import" } }).Ref<NonNullable<import('../../../../index.js', { with: { "resolution-mode": "import" } }).Nullable<boolean>>, NonNullable<import('../../../../index.js', { with: { "resolution-mode": "import" } }).Nullable<boolean>>>;
declare const listItem: {
    role: string;
};
declare const isActive: import('vue', { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
declare const menuItemProps: import('vue', { with: { "resolution-mode": "import" } }).ComputedRef<{
    "aria-current": "page" | undefined;
    "aria-disabled": boolean | undefined;
    role: string;
    onKeydown: (event: KeyboardEvent) => void;
}>;
declare const hasChildren: import('vue', { with: { "resolution-mode": "import" } }).ComputedRef<boolean>;
declare const childrenClickHandler: import('vue', { with: { "resolution-mode": "import" } }).ComputedRef<{
    onClick: () => boolean;
} | null>;
declare const handleBackButtonKeydown: (event: KeyboardEvent) => Promise<void>;
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: Readonly<{
        /**
         * Button/link text and additional inline content.
         */
        default(): unknown;
        /**
         * Children menuitems.
         */
        children(): unknown;
    }> & {
        /**
         * Button/link text and additional inline content.
         */
        default(): unknown;
        /**
         * Children menuitems.
         */
        children(): unknown;
    };
    refs: {
        menuItemElementRef: ({
            $: import('vue', { with: { "resolution-mode": "import" } }).ComponentInternalInstance;
            $data: {};
            $props: {
                readonly disabled?: import('../../../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean> | undefined;
                readonly link?: string | import('../../../OnyxRouterLink/types.js', { with: { "resolution-mode": "import" } }).SharedLinkProps | undefined;
                readonly autofocus?: boolean | undefined;
                readonly loading?: boolean | undefined;
                readonly type?: import('../../../OnyxButton/types.js', { with: { "resolution-mode": "import" } }).ButtonType | undefined;
            } & import('vue', { with: { "resolution-mode": "import" } }).VNodeProps & import('vue', { with: { "resolution-mode": "import" } }).AllowedComponentProps & import('vue', { with: { "resolution-mode": "import" } }).ComponentCustomProps;
            $attrs: import('vue', { with: { "resolution-mode": "import" } }).Attrs;
            $refs: {
                [x: string]: unknown;
            } & {
                button: HTMLButtonElement;
            };
            $slots: Readonly<{
                [name: string]: import('vue', { with: { "resolution-mode": "import" } }).Slot<any> | undefined;
            }>;
            $root: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
            $parent: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
            $host: Element | null;
            $emit: (event: string, ...args: any[]) => void;
            $el: any;
            $options: import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsBase<Readonly<{
                disabled?: import('../../../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean> | undefined;
                link?: string | import('../../../OnyxRouterLink/types.js', { with: { "resolution-mode": "import" } }).SharedLinkProps | undefined;
                autofocus?: boolean | undefined;
                loading?: boolean | undefined;
                type?: import('../../../OnyxButton/types.js', { with: { "resolution-mode": "import" } }).ButtonType | undefined;
            }> & Readonly<{}>, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, {
                type: import('../../../OnyxButton/types.js', { with: { "resolution-mode": "import" } }).ButtonType;
            }, {}, string, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void) | ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void)[];
                renderTriggered?: ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void) | ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void)[];
                errorCaptured?: ((err: unknown, instance: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).WatchOptions): import('vue', { with: { "resolution-mode": "import" } }).WatchStopHandle;
        } & Readonly<{
            type: import('../../../OnyxButton/types.js', { with: { "resolution-mode": "import" } }).ButtonType;
        }> & Omit<Readonly<{
            disabled?: import('../../../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean> | undefined;
            link?: string | import('../../../OnyxRouterLink/types.js', { with: { "resolution-mode": "import" } }).SharedLinkProps | undefined;
            autofocus?: boolean | undefined;
            loading?: boolean | undefined;
            type?: import('../../../OnyxButton/types.js', { with: { "resolution-mode": "import" } }).ButtonType | undefined;
        }> & Readonly<{}>, "type"> & import('vue', { with: { "resolution-mode": "import" } }).ShallowUnwrapRef<{}> & {} & import('vue', { with: { "resolution-mode": "import" } }).ComponentCustomProperties & {} & {
            $slots: Readonly<{
                default(): unknown;
            }> & {
                default(): unknown;
            };
        }) | null;
        backButton: ({
            $: import('vue', { with: { "resolution-mode": "import" } }).ComponentInternalInstance;
            $data: {};
            $props: {
                readonly link?: string | import('../../../OnyxRouterLink/types.js', { with: { "resolution-mode": "import" } }).SharedLinkProps | undefined;
                readonly open?: import('../../../../index.js', { with: { "resolution-mode": "import" } }).Nullable<boolean>;
                readonly label?: string | undefined;
                readonly icon?: string | undefined;
                readonly active?: boolean | "auto" | undefined;
                readonly disabled?: boolean | undefined;
                readonly color?: Extract<import('../../../../index.js', { with: { "resolution-mode": "import" } }).OnyxColor, "primary" | "danger"> | undefined;
                readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
            } & import('vue', { with: { "resolution-mode": "import" } }).VNodeProps & import('vue', { with: { "resolution-mode": "import" } }).AllowedComponentProps & import('vue', { with: { "resolution-mode": "import" } }).ComponentCustomProps;
            $attrs: import('vue', { with: { "resolution-mode": "import" } }).Attrs;
            $refs: {
                [x: string]: unknown;
            };
            $slots: Readonly<{
                [name: string]: import('vue', { with: { "resolution-mode": "import" } }).Slot<any> | undefined;
            }>;
            $root: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
            $parent: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
            $host: Element | null;
            $emit: (event: "update:open", value: boolean) => void;
            $el: any;
            $options: import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsBase<Readonly<OnyxMenuItemProps> & Readonly<{
                "onUpdate:open"?: ((value: boolean) => any) | undefined;
            }>, {
                iconArrowSmallLeft: typeof iconArrowSmallLeft;
                iconChevronRightSmall: typeof iconChevronRightSmall;
                mergeVueProps: typeof mergeVueProps;
                extractLinkProps: typeof extractLinkProps;
                ButtonOrLinkLayout: typeof ButtonOrLinkLayout;
                OnyxExternalLinkIcon: typeof OnyxExternalLinkIcon;
                OnyxIcon: typeof OnyxIcon;
                OnyxListItem: typeof OnyxListItem;
                t: typeof t;
                rootAttrs: typeof rootAttrs;
                restAttrs: typeof restAttrs;
                open: typeof open;
                listItem: typeof listItem;
                isActive: typeof isActive;
                menuItemProps: typeof menuItemProps;
                hasChildren: typeof hasChildren;
                childrenClickHandler: typeof childrenClickHandler;
                handleBackButtonKeydown: typeof handleBackButtonKeydown;
            }, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
                "update:open": (value: boolean) => any;
            }, string, {
                open: boolean | null;
                active: boolean | "auto";
            }, {}, string, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void) | ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void)[];
                renderTriggered?: ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void) | ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void)[];
                errorCaptured?: ((err: unknown, instance: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).WatchOptions): import('vue', { with: { "resolution-mode": "import" } }).WatchStopHandle;
        } & Readonly<{
            open: boolean | null;
            active: boolean | "auto";
        }> & Omit<Readonly<OnyxMenuItemProps> & Readonly<{
            "onUpdate:open"?: ((value: boolean) => any) | undefined;
        }>, "t" | "OnyxIcon" | "isActive" | "ButtonOrLinkLayout" | "mergeVueProps" | "listItem" | "OnyxExternalLinkIcon" | "OnyxListItem" | "rootAttrs" | "restAttrs" | "iconArrowSmallLeft" | "iconChevronRightSmall" | "extractLinkProps" | "menuItemProps" | "hasChildren" | "childrenClickHandler" | "handleBackButtonKeydown" | ("open" | "active")> & import('vue', { with: { "resolution-mode": "import" } }).ShallowUnwrapRef<{
            iconArrowSmallLeft: typeof iconArrowSmallLeft;
            iconChevronRightSmall: typeof iconChevronRightSmall;
            mergeVueProps: typeof mergeVueProps;
            extractLinkProps: typeof extractLinkProps;
            ButtonOrLinkLayout: typeof ButtonOrLinkLayout;
            OnyxExternalLinkIcon: typeof OnyxExternalLinkIcon;
            OnyxIcon: typeof OnyxIcon;
            OnyxListItem: typeof OnyxListItem;
            t: typeof t;
            rootAttrs: typeof rootAttrs;
            restAttrs: typeof restAttrs;
            open: typeof open;
            listItem: typeof listItem;
            isActive: typeof isActive;
            menuItemProps: typeof menuItemProps;
            hasChildren: typeof hasChildren;
            childrenClickHandler: typeof childrenClickHandler;
            handleBackButtonKeydown: typeof handleBackButtonKeydown;
        }> & {} & import('vue', { with: { "resolution-mode": "import" } }).ComponentCustomProperties & {} & {
            $slots: typeof slots;
        }) | null;
    };
    rootEl: any;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<OnyxMenuItemProps, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
    "update:open": (value: boolean) => any;
}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<OnyxMenuItemProps> & Readonly<{
    "onUpdate:open"?: ((value: boolean) => any) | undefined;
}>, {
    open: boolean | null;
    active: boolean | "auto";
}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {
    menuItemElementRef: ({
        $: import('vue', { with: { "resolution-mode": "import" } }).ComponentInternalInstance;
        $data: {};
        $props: {
            readonly disabled?: import('../../../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean> | undefined;
            readonly link?: string | import('../../../OnyxRouterLink/types.js', { with: { "resolution-mode": "import" } }).SharedLinkProps | undefined;
            readonly autofocus?: boolean | undefined;
            readonly loading?: boolean | undefined;
            readonly type?: import('../../../OnyxButton/types.js', { with: { "resolution-mode": "import" } }).ButtonType | undefined;
        } & import('vue', { with: { "resolution-mode": "import" } }).VNodeProps & import('vue', { with: { "resolution-mode": "import" } }).AllowedComponentProps & import('vue', { with: { "resolution-mode": "import" } }).ComponentCustomProps;
        $attrs: import('vue', { with: { "resolution-mode": "import" } }).Attrs;
        $refs: {
            [x: string]: unknown;
        } & {
            button: HTMLButtonElement;
        };
        $slots: Readonly<{
            [name: string]: import('vue', { with: { "resolution-mode": "import" } }).Slot<any> | undefined;
        }>;
        $root: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
        $parent: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
        $host: Element | null;
        $emit: (event: string, ...args: any[]) => void;
        $el: any;
        $options: import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsBase<Readonly<{
            disabled?: import('../../../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean> | undefined;
            link?: string | import('../../../OnyxRouterLink/types.js', { with: { "resolution-mode": "import" } }).SharedLinkProps | undefined;
            autofocus?: boolean | undefined;
            loading?: boolean | undefined;
            type?: import('../../../OnyxButton/types.js', { with: { "resolution-mode": "import" } }).ButtonType | undefined;
        }> & Readonly<{}>, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, {
            type: import('../../../OnyxButton/types.js', { with: { "resolution-mode": "import" } }).ButtonType;
        }, {}, string, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void) | ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void)[];
            renderTriggered?: ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void) | ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void)[];
            errorCaptured?: ((err: unknown, instance: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).WatchOptions): import('vue', { with: { "resolution-mode": "import" } }).WatchStopHandle;
    } & Readonly<{
        type: import('../../../OnyxButton/types.js', { with: { "resolution-mode": "import" } }).ButtonType;
    }> & Omit<Readonly<{
        disabled?: import('../../../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean> | undefined;
        link?: string | import('../../../OnyxRouterLink/types.js', { with: { "resolution-mode": "import" } }).SharedLinkProps | undefined;
        autofocus?: boolean | undefined;
        loading?: boolean | undefined;
        type?: import('../../../OnyxButton/types.js', { with: { "resolution-mode": "import" } }).ButtonType | undefined;
    }> & Readonly<{}>, "type"> & import('vue', { with: { "resolution-mode": "import" } }).ShallowUnwrapRef<{}> & {} & import('vue', { with: { "resolution-mode": "import" } }).ComponentCustomProperties & {} & {
        $slots: Readonly<{
            default(): unknown;
        }> & {
            default(): unknown;
        };
    }) | null;
    backButton: ({
        $: import('vue', { with: { "resolution-mode": "import" } }).ComponentInternalInstance;
        $data: {};
        $props: {
            readonly link?: string | import('../../../OnyxRouterLink/types.js', { with: { "resolution-mode": "import" } }).SharedLinkProps | undefined;
            readonly open?: import('../../../../index.js', { with: { "resolution-mode": "import" } }).Nullable<boolean>;
            readonly label?: string | undefined;
            readonly icon?: string | undefined;
            readonly active?: boolean | "auto" | undefined;
            readonly disabled?: boolean | undefined;
            readonly color?: Extract<import('../../../../index.js', { with: { "resolution-mode": "import" } }).OnyxColor, "primary" | "danger"> | undefined;
            readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
        } & import('vue', { with: { "resolution-mode": "import" } }).VNodeProps & import('vue', { with: { "resolution-mode": "import" } }).AllowedComponentProps & import('vue', { with: { "resolution-mode": "import" } }).ComponentCustomProps;
        $attrs: import('vue', { with: { "resolution-mode": "import" } }).Attrs;
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import('vue', { with: { "resolution-mode": "import" } }).Slot<any> | undefined;
        }>;
        $root: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
        $parent: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null;
        $host: Element | null;
        $emit: (event: "update:open", value: boolean) => void;
        $el: any;
        $options: import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsBase<Readonly<OnyxMenuItemProps> & Readonly<{
            "onUpdate:open"?: ((value: boolean) => any) | undefined;
        }>, {
            iconArrowSmallLeft: typeof iconArrowSmallLeft;
            iconChevronRightSmall: typeof iconChevronRightSmall;
            mergeVueProps: typeof mergeVueProps;
            extractLinkProps: typeof extractLinkProps;
            ButtonOrLinkLayout: typeof ButtonOrLinkLayout;
            OnyxExternalLinkIcon: typeof OnyxExternalLinkIcon;
            OnyxIcon: typeof OnyxIcon;
            OnyxListItem: typeof OnyxListItem;
            t: typeof t;
            rootAttrs: typeof rootAttrs;
            restAttrs: typeof restAttrs;
            open: typeof open;
            listItem: typeof listItem;
            isActive: typeof isActive;
            menuItemProps: typeof menuItemProps;
            hasChildren: typeof hasChildren;
            childrenClickHandler: typeof childrenClickHandler;
            handleBackButtonKeydown: typeof handleBackButtonKeydown;
        }, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
            "update:open": (value: boolean) => any;
        }, string, {
            open: boolean | null;
            active: boolean | "auto";
        }, {}, string, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void) | ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void)[];
            renderTriggered?: ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void) | ((e: import('vue', { with: { "resolution-mode": "import" } }).DebuggerEvent) => void)[];
            errorCaptured?: ((err: unknown, instance: import('vue', { with: { "resolution-mode": "import" } }).ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue', { with: { "resolution-mode": "import" } }).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', { with: { "resolution-mode": "import" } }).WatchOptions): import('vue', { with: { "resolution-mode": "import" } }).WatchStopHandle;
    } & Readonly<{
        open: boolean | null;
        active: boolean | "auto";
    }> & Omit<Readonly<OnyxMenuItemProps> & Readonly<{
        "onUpdate:open"?: ((value: boolean) => any) | undefined;
    }>, "t" | "OnyxIcon" | "isActive" | "ButtonOrLinkLayout" | "mergeVueProps" | "listItem" | "OnyxExternalLinkIcon" | "OnyxListItem" | "rootAttrs" | "restAttrs" | "iconArrowSmallLeft" | "iconChevronRightSmall" | "extractLinkProps" | "menuItemProps" | "hasChildren" | "childrenClickHandler" | "handleBackButtonKeydown" | ("open" | "active")> & import('vue', { with: { "resolution-mode": "import" } }).ShallowUnwrapRef<{
        iconArrowSmallLeft: typeof iconArrowSmallLeft;
        iconChevronRightSmall: typeof iconChevronRightSmall;
        mergeVueProps: typeof mergeVueProps;
        extractLinkProps: typeof extractLinkProps;
        ButtonOrLinkLayout: typeof ButtonOrLinkLayout;
        OnyxExternalLinkIcon: typeof OnyxExternalLinkIcon;
        OnyxIcon: typeof OnyxIcon;
        OnyxListItem: typeof OnyxListItem;
        t: typeof t;
        rootAttrs: typeof rootAttrs;
        restAttrs: typeof restAttrs;
        open: typeof open;
        listItem: typeof listItem;
        isActive: typeof isActive;
        menuItemProps: typeof menuItemProps;
        hasChildren: typeof hasChildren;
        childrenClickHandler: typeof childrenClickHandler;
        handleBackButtonKeydown: typeof handleBackButtonKeydown;
    }> & {} & import('vue', { with: { "resolution-mode": "import" } }).ComponentCustomProperties & {} & {
        $slots: typeof slots;
    }) | 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;
    };
};