@nextcloud/vue/dist/components/NcAppSidebar/NcAppSidebar.vue.d.ts

Nextcloud vue components

import { isSlotPopulated } from '../../utils/isSlotPopulated.ts';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    /**
     * The active tab
     */
    active: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Main text of the sidebar
     */
    name: {
        type: StringConstructor;
        required: true;
    };
    /**
     * Allow to edit the sidebar name.
     */
    nameEditable: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Placeholder in the edit field if the name is editable.
     */
    namePlaceholder: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Secondary name of the sidebar (subline)
     */
    subname: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Title to display for the subname.
     */
    subtitle: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Url to the top header background image
     * Applied with css
     */
    background: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Enable the favourite icon if not null
     * See fired events
     */
    starred: {
        type: BooleanConstructor;
        default: null;
    };
    /**
     * Show loading spinner instead of the star icon
     */
    starLoading: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Show loading spinner instead of tabs
     */
    loading: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Display the sidebar in compact mode
     */
    compact: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Only display close button and default slot content.
     * Don't display other header content and primary and secondary actions.
     * Useful when showing the EmptyContent component as content.
     */
    empty: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Force the actions to display in a three dot menu
     */
    forceMenu: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Force the tab navigation to display even if there is only one tab
     */
    forceTabs: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Linkify the name
     */
    linkifyName: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Title to display for the name.
     * Can be set to the same text in case it's too long.
     */
    title: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Allow to conditionally show the sidebar
     * You can also use `v-if` on the sidebar, but using the open prop allow to keep
     * the sidebar inside the DOM for performance if it is opened and closed multiple times.
     *
     * When using the `open` property to close the sidebar a built-in toggle button will be shown to reopen it,
     * similar to the app navigation. You can remove this button with the `no-toggle` prop.
     */
    open: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Custom classes to assign to the sidebar toggle button.
     * If needed this can be used to assign styles to the button using `:deep()` selector.
     */
    toggleClasses: {
        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
        default: string;
    };
    /**
     * Custom attrs to assign to the sidebar toggle button.
     */
    toggleAttrs: {
        type: ObjectConstructor;
        default: undefined;
    };
    /**
     * Do not add the built-in toggle button with `open` prop.
     */
    noToggle: {
        type: BooleanConstructor;
        default: boolean;
    };
}>, {
    uid: string;
    isMobile: Readonly<import('vue').Ref<boolean, boolean>>;
    headerRef: import('vue').Ref<null, null>;
}, {
    changeNameTranslated: string;
    closeTranslated: string;
    favoriteTranslated: string;
    isStarred: boolean;
    focusTrap: null;
    elementToReturnFocus: null;
}, {
    canStar(): boolean;
    hasFigureClickListener(): boolean;
}, {
    isSlotPopulated: typeof isSlotPopulated;
    t: (original: string, placeholders?: Record<string, string | number>) => string;
    preserveElementToReturnFocus(): void;
    initFocusTrap(): void;
    /**
     * Activate focus trap if it is currently needed, otherwise deactivate
     */
    toggleFocusTrap(): void;
    /**
     * Close the sidebar on pressing the escape key on mobile
     *
     * @param {KeyboardEvent} event key down event
     */
    onKeydownEsc(event: KeyboardEvent): void;
    onAfterEnter(element: any): void;
    onAfterLeave(element: any): void;
    /**
     * Used to tell parent component the user asked to close the sidebar
     *
     * @param {Event} e close icon click event
     */
    closeSidebar(e: Event): void;
    /**
     * Emit figure click event to parent component
     *
     * @param {Event} e click event
     */
    onFigureClick(e: Event): void;
    /**
     * Toggle the favourite state
     * and emit to the parent component
     */
    toggleStarred(): void;
    editName(): Promise<void>;
    /**
     * Focus the sidebar
     *
     * @public
     */
    focus(): void;
    /**
     * Focus the active tab
     *
     * @public
     */
    focusActiveTabContent(): void;
    /**
     * Check if the toggle button container is available
     */
    checkToggleButtonContainerAvailability(): void;
    /**
     * Emit name change event to parent component
     *
     * @param {Event} event input event
     */
    onNameInput(event: Event): void;
    /**
     * Emit when the name form edit confirm button is pressed in order
     * to change the name.
     *
     * @param {Event} event submit event
     */
    onSubmitName(event: Event): void;
    onDismissEditing(): void;
    onUpdateActive(activeTab: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "closed" | "opened" | "update:open" | "update:active" | "update:name" | "update:nameEditable" | "update:starred" | "submitName" | "dismissEditing")[], "close" | "closed" | "opened" | "update:open" | "update:active" | "update:name" | "update:nameEditable" | "update:starred" | "submitName" | "dismissEditing", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    /**
     * The active tab
     */
    active: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Main text of the sidebar
     */
    name: {
        type: StringConstructor;
        required: true;
    };
    /**
     * Allow to edit the sidebar name.
     */
    nameEditable: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Placeholder in the edit field if the name is editable.
     */
    namePlaceholder: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Secondary name of the sidebar (subline)
     */
    subname: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Title to display for the subname.
     */
    subtitle: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Url to the top header background image
     * Applied with css
     */
    background: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Enable the favourite icon if not null
     * See fired events
     */
    starred: {
        type: BooleanConstructor;
        default: null;
    };
    /**
     * Show loading spinner instead of the star icon
     */
    starLoading: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Show loading spinner instead of tabs
     */
    loading: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Display the sidebar in compact mode
     */
    compact: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Only display close button and default slot content.
     * Don't display other header content and primary and secondary actions.
     * Useful when showing the EmptyContent component as content.
     */
    empty: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Force the actions to display in a three dot menu
     */
    forceMenu: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Force the tab navigation to display even if there is only one tab
     */
    forceTabs: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Linkify the name
     */
    linkifyName: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Title to display for the name.
     * Can be set to the same text in case it's too long.
     */
    title: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Allow to conditionally show the sidebar
     * You can also use `v-if` on the sidebar, but using the open prop allow to keep
     * the sidebar inside the DOM for performance if it is opened and closed multiple times.
     *
     * When using the `open` property to close the sidebar a built-in toggle button will be shown to reopen it,
     * similar to the app navigation. You can remove this button with the `no-toggle` prop.
     */
    open: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Custom classes to assign to the sidebar toggle button.
     * If needed this can be used to assign styles to the button using `:deep()` selector.
     */
    toggleClasses: {
        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
        default: string;
    };
    /**
     * Custom attrs to assign to the sidebar toggle button.
     */
    toggleAttrs: {
        type: ObjectConstructor;
        default: undefined;
    };
    /**
     * Do not add the built-in toggle button with `open` prop.
     */
    noToggle: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{
    onClose?: ((...args: any[]) => any) | undefined;
    onClosed?: ((...args: any[]) => any) | undefined;
    onOpened?: ((...args: any[]) => any) | undefined;
    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
    "onUpdate:active"?: ((...args: any[]) => any) | undefined;
    "onUpdate:name"?: ((...args: any[]) => any) | undefined;
    "onUpdate:nameEditable"?: ((...args: any[]) => any) | undefined;
    "onUpdate:starred"?: ((...args: any[]) => any) | undefined;
    onSubmitName?: ((...args: any[]) => any) | undefined;
    onDismissEditing?: ((...args: any[]) => any) | undefined;
}>, {
    title: string;
    loading: boolean;
    open: boolean;
    active: string;
    forceMenu: boolean;
    empty: boolean;
    subname: string;
    compact: boolean;
    forceTabs: boolean;
    nameEditable: boolean;
    namePlaceholder: string;
    subtitle: string;
    background: string;
    starred: boolean;
    starLoading: boolean;
    linkifyName: boolean;
    toggleClasses: string | Record<string, any> | unknown[];
    toggleAttrs: Record<string, any>;
    noToggle: boolean;
}, {}, {
    NcActions: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        open: {
            type: BooleanConstructor;
            default: boolean;
        };
        manualOpen: {
            type: BooleanConstructor;
            default: boolean;
        };
        forceMenu: {
            type: BooleanConstructor;
            default: boolean;
        };
        forceName: {
            type: BooleanConstructor;
            default: boolean;
        };
        menuName: {
            type: StringConstructor;
            default: null;
        };
        primary: {
            type: BooleanConstructor;
            default: boolean;
        };
        defaultIcon: {
            type: StringConstructor;
            default: string;
        };
        ariaLabel: {
            type: StringConstructor;
            default: string;
        };
        placement: {
            type: StringConstructor;
            default: string;
        };
        boundariesElement: {
            type: {
                new (): Element;
                prototype: Element;
            };
            default: () => HTMLElement | null;
        };
        container: {
            type: (ObjectConstructor | BooleanConstructor | StringConstructor | {
                new (): Element;
                prototype: Element;
            })[];
            default: string;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        inline: {
            type: NumberConstructor;
            default: number;
        };
        variant: {
            type: StringConstructor;
            validator(value: unknown): boolean;
            default: null;
        };
        size: {
            type: StringConstructor;
            default: string;
            validator(value: unknown): boolean;
        };
    }>, {
        randomId: string;
    }, {
        opened: boolean;
        focusIndex: number;
        actionsMenuSemanticType: "menu" | "navigation" | "dialog" | "tooltip" | "unknown";
    }, {
        triggerButtonVariant(): string;
        config(): {
            popupRole: string;
            withArrowNavigation: boolean;
            withTabNavigation: boolean;
            withFocusTrap: boolean;
        } | {
            popupRole: undefined;
            withArrowNavigation: boolean;
            withTabNavigation: boolean;
            withFocusTrap: boolean;
        } | {
            popupRole: string;
            withArrowNavigation: boolean;
            withTabNavigation: boolean;
            withFocusTrap: boolean;
        } | {
            popupRole: undefined;
            withArrowNavigation: boolean;
            withTabNavigation: boolean;
            withFocusTrap: boolean;
        } | {
            popupRole: undefined;
            role: undefined;
            withArrowNavigation: boolean;
            withTabNavigation: boolean;
            withFocusTrap: boolean;
        };
        withFocusTrap(): boolean;
    }, {
        getActionName(action: import('vue').VNode): string;
        isValidSingleAction(action: import('vue').VNode): boolean;
        isAction(action: any): boolean;
        isIconUrl(url: string): boolean;
        toggleMenu(state: any): void;
        openMenu(): void;
        closeMenu(returnFocus?: boolean): Promise<void>;
        onOpened(): void;
        onClosed(): void;
        getCurrentActiveMenuItemElement(): HTMLElement | null;
        getFocusableMenuItemElements(): NodeList<HTMLElement>;
        onKeydown(event: object): void;
        onTriggerKeydown(event: any): void;
        handleEscapePressed(event: any): void;
        removeCurrentActive(): void;
        focusAction(): void;
        focusPreviousAction(event: any): void;
        focusNextAction(event: any): void;
        focusFirstAction(event: any): void;
        focusLastAction(event: any): void;
        preventIfEvent(event: any): void;
        onFocus(event: any): void;
        onBlur(event: any): void;
        onClick(event: any): void;
    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("blur" | "click" | "close" | "focus" | "open" | "closed" | "opened" | "update:open")[], "blur" | "click" | "close" | "focus" | "open" | "closed" | "opened" | "update:open", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        open: {
            type: BooleanConstructor;
            default: boolean;
        };
        manualOpen: {
            type: BooleanConstructor;
            default: boolean;
        };
        forceMenu: {
            type: BooleanConstructor;
            default: boolean;
        };
        forceName: {
            type: BooleanConstructor;
            default: boolean;
        };
        menuName: {
            type: StringConstructor;
            default: null;
        };
        primary: {
            type: BooleanConstructor;
            default: boolean;
        };
        defaultIcon: {
            type: StringConstructor;
            default: string;
        };
        ariaLabel: {
            type: StringConstructor;
            default: string;
        };
        placement: {
            type: StringConstructor;
            default: string;
        };
        boundariesElement: {
            type: {
                new (): Element;
                prototype: Element;
            };
            default: () => HTMLElement | null;
        };
        container: {
            type: (ObjectConstructor | BooleanConstructor | StringConstructor | {
                new (): Element;
                prototype: Element;
            })[];
            default: string;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        inline: {
            type: NumberConstructor;
            default: number;
        };
        variant: {
            type: StringConstructor;
            validator(value: unknown): boolean;
            default: null;
        };
        size: {
            type: StringConstructor;
            default: string;
            validator(value: unknown): boolean;
        };
    }>> & Readonly<{
        onFocus?: ((...args: any[]) => any) | undefined;
        onBlur?: ((...args: any[]) => any) | undefined;
        onClick?: ((...args: any[]) => any) | undefined;
        onClose?: ((...args: any[]) => any) | undefined;
        onOpen?: ((...args: any[]) => any) | undefined;
        onClosed?: ((...args: any[]) => any) | undefined;
        onOpened?: ((...args: any[]) => any) | undefined;
        "onUpdate:open"?: ((...args: any[]) => any) | undefined;
    }>, {
        size: string;
        disabled: boolean;
        open: boolean;
        primary: boolean;
        ariaLabel: string;
        variant: string;
        inline: number;
        placement: string;
        container: string | boolean | Element | Record<string, any>;
        manualOpen: boolean;
        forceMenu: boolean;
        forceName: boolean;
        menuName: string;
        defaultIcon: string;
        boundariesElement: Element;
    }, {}, {
        NcButton: {
            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
                ariaLabel?: string;
                disabled?: boolean;
                download?: string | true;
                href?: string;
                pressed?: boolean | undefined;
                size?: import('../NcButton/NcButton.vue').ButtonSize;
                target?: string;
                text?: string;
                to?: import('vue-router').RouteLocationRaw;
                type?: import('../NcButton/NcButton.vue').ButtonType;
                variant?: import('../NcButton/NcButton.vue').ButtonVariant;
                wide?: boolean;
            }> & Readonly<{
                onClick?: ((e: MouseEvent) => any) | undefined;
                "onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                click: (e: MouseEvent) => any;
                "update:pressed": (pressed: boolean) => any;
            }, import('vue').PublicProps, {
                size: import('../NcButton/NcButton.vue').ButtonSize;
                type: import('../NcButton/NcButton.vue').ButtonType;
                text: string;
                alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
                ariaLabel: string;
                download: string | true;
                href: string;
                pressed: boolean;
                target: string;
                to: import('vue-router').RouteLocationRaw;
                variant: import('../NcButton/NcButton.vue').ButtonVariant;
            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                P: {};
                B: {};
                D: {};
                C: {};
                M: {};
                Defaults: {};
            }, Readonly<{
                alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
                ariaLabel?: string;
                disabled?: boolean;
                download?: string | true;
                href?: string;
                pressed?: boolean | undefined;
                size?: import('../NcButton/NcButton.vue').ButtonSize;
                target?: string;
                text?: string;
                to?: import('vue-router').RouteLocationRaw;
                type?: import('../NcButton/NcButton.vue').ButtonType;
                variant?: import('../NcButton/NcButton.vue').ButtonVariant;
                wide?: boolean;
            }> & Readonly<{
                onClick?: ((e: MouseEvent) => any) | undefined;
                "onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
            }>, {}, {}, {}, {}, {
                size: import('../NcButton/NcButton.vue').ButtonSize;
                type: import('../NcButton/NcButton.vue').ButtonType;
                text: string;
                alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
                ariaLabel: string;
                download: string | true;
                href: string;
                pressed: boolean;
                target: string;
                to: import('vue-router').RouteLocationRaw;
                variant: import('../NcButton/NcButton.vue').ButtonVariant;
            }>;
            __isFragment?: never;
            __isTeleport?: never;
            __isSuspense?: never;
        } & import('vue').ComponentOptionsBase<Readonly<{
            alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
            ariaLabel?: string;
            disabled?: boolean;
            download?: string | true;
            href?: string;
            pressed?: boolean | undefined;
            size?: import('../NcButton/NcButton.vue').ButtonSize;
            target?: string;
            text?: string;
            to?: import('vue-router').RouteLocationRaw;
            type?: import('../NcButton/NcButton.vue').ButtonType;
            variant?: import('../NcButton/NcButton.vue').ButtonVariant;
            wide?: boolean;
        }> & Readonly<{
            onClick?: ((e: MouseEvent) => any) | undefined;
            "onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            click: (e: MouseEvent) => any;
            "update:pressed": (pressed: boolean) => any;
        }, string, {
            size: import('../NcButton/NcButton.vue').ButtonSize;
            type: import('../NcButton/NcButton.vue').ButtonType;
            text: string;
            alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
            ariaLabel: string;
            download: string | true;
            href: string;
            pressed: boolean;
            target: string;
            to: import('vue-router').RouteLocationRaw;
            variant: import('../NcButton/NcButton.vue').ButtonVariant;
        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
            $slots: Readonly<{
                default?: import('vue').Slot;
                icon?: import('vue').Slot;
            }> & {
                default?: import('vue').Slot;
                icon?: import('vue').Slot;
            };
        });
        NcPopover: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
    }, {}, string, () => {
        [x: symbol]: import('vue').ComputedRef<boolean> | ((returnFocus?: boolean) => Promise<void>);
    }, true, {}, any>;
    NcAppSidebarHeader: import('vue').DefineComponent<{
        name: string;
        title?: string;
        linkify?: boolean;
    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
        name: string;
        title?: string;
        linkify?: boolean;
    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
        headerRef: HTMLHeadingElement;
    }, HTMLHeadingElement>;
    NcAppSidebarTabs: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        active: {
            type: StringConstructor;
            default: string;
        };
        forceTabs: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>, {}, {
        tabs: never[];
        activeTab: string;
    }, {
        hasMultipleTabs(): boolean;
        showForSingleTab(): boolean;
        currentTabIndex(): number;
    }, {
        setActive(id: string): void;
        focusPreviousTab(): void;
        focusNextTab(): void;
        focusFirstTab(): void;
        focusLastTab(): void;
        focusActiveTab(): void;
        focusActiveTabContent(): void;
        updateActive(): void;
        registerTab(tab: object): void;
        unregisterTab(id: string): void;
    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:active"[], "update:active", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        active: {
            type: StringConstructor;
            default: string;
        };
        forceTabs: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>> & Readonly<{
        "onUpdate:active"?: ((...args: any[]) => any) | undefined;
    }>, {
        active: string;
        forceTabs: boolean;
    }, {}, {
        NcAppSidebarTabsButton: import('vue').DefineComponent<{
            selected: boolean;
        } & {
            tab: InstanceType<typeof import('../index.ts').NcAppSidebarTab>;
        }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            "update:selected": (value: boolean) => any;
        }, string, import('vue').PublicProps, Readonly<{
            selected: boolean;
        } & {
            tab: InstanceType<typeof import('../index.ts').NcAppSidebarTab>;
        }> & Readonly<{
            "onUpdate:selected"?: ((value: boolean) => any) | undefined;
        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
    }, {}, string, () => {
        registerTab: (tab: object) => void;
        unregisterTab: (id: string) => void;
        getActiveTab: () => string;
        isTablistShown: () => boolean;
    }, true, {}, any>;
    NcButton: {
        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
            alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
            ariaLabel?: string;
            disabled?: boolean;
            download?: string | true;
            href?: string;
            pressed?: boolean | undefined;
            size?: import('../NcButton/NcButton.vue').ButtonSize;
            target?: string;
            text?: string;
            to?: import('vue-router').RouteLocationRaw;
            type?: import('../NcButton/NcButton.vue').ButtonType;
            variant?: import('../NcButton/NcButton.vue').ButtonVariant;
            wide?: boolean;
        }> & Readonly<{
            onClick?: ((e: MouseEvent) => any) | undefined;
            "onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            click: (e: MouseEvent) => any;
            "update:pressed": (pressed: boolean) => any;
        }, import('vue').PublicProps, {
            size: import('../NcButton/NcButton.vue').ButtonSize;
            type: import('../NcButton/NcButton.vue').ButtonType;
            text: string;
            alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
            ariaLabel: string;
            download: string | true;
            href: string;
            pressed: boolean;
            target: string;
            to: import('vue-router').RouteLocationRaw;
            variant: import('../NcButton/NcButton.vue').ButtonVariant;
        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<{
            alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
            ariaLabel?: string;
            disabled?: boolean;
            download?: string | true;
            href?: string;
            pressed?: boolean | undefined;
            size?: import('../NcButton/NcButton.vue').ButtonSize;
            target?: string;
            text?: string;
            to?: import('vue-router').RouteLocationRaw;
            type?: import('../NcButton/NcButton.vue').ButtonType;
            variant?: import('../NcButton/NcButton.vue').ButtonVariant;
            wide?: boolean;
        }> & Readonly<{
            onClick?: ((e: MouseEvent) => any) | undefined;
            "onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
        }>, {}, {}, {}, {}, {
            size: import('../NcButton/NcButton.vue').ButtonSize;
            type: import('../NcButton/NcButton.vue').ButtonType;
            text: string;
            alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
            ariaLabel: string;
            download: string | true;
            href: string;
            pressed: boolean;
            target: string;
            to: import('vue-router').RouteLocationRaw;
            variant: import('../NcButton/NcButton.vue').ButtonVariant;
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & import('vue').ComponentOptionsBase<Readonly<{
        alignment?: import('../NcButton/NcButton.vue').ButtonAlignment;
        ariaLabel?: string;
        disabled?: boolean;
        download?: string | true;
        href?: string;
        pressed?: boolean | undefined;
        size?: import('../NcButton/NcButton.vue').ButtonSize;
        target?: string;
        text?: string;
        to?: import('vue-router').RouteLocationRaw;
        type?: import('../NcButton/NcButton.vue').ButtonType;
        variant?: import('../NcButton/NcButton.vue').ButtonVariant;
        wide?: boolean;
    }> & Readonly<{
        onClick?: ((e: MouseEvent) => any) | undefined;
        "onUpdate:pressed"?: ((pressed: boolean) => any) | undefined;
    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
        click: (e: MouseEvent) => any;
        "update:pressed": (pressed: boolean) => any;
    }, string, {
        size: import('../NcButton/NcButton.vue').ButtonSize;
        type: import('../NcButton/NcButton.vue').ButtonType;
        text: string;
        alignment: import('../NcButton/NcButton.vue').ButtonAlignment;
        ariaLabel: string;
        download: string | true;
        href: string;
        pressed: boolean;
        target: string;
        to: import('vue-router').RouteLocationRaw;
        variant: import('../NcButton/NcButton.vue').ButtonVariant;
    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
        $slots: Readonly<{
            default?: import('vue').Slot;
            icon?: import('vue').Slot;
        }> & {
            default?: import('vue').Slot;
            icon?: import('vue').Slot;
        };
    });
    NcLoadingIcon: import('vue').DefineComponent<{
        appearance?: "auto" | "light" | "dark";
        name?: string;
        size?: number;
    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
        appearance?: "auto" | "light" | "dark";
        name?: string;
        size?: number;
    }> & Readonly<{}>, {
        size: number;
        name: string;
        appearance: "auto" | "light" | "dark";
    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
    NcEmptyContent: {
        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
            description?: string;
            name?: string;
        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
            name: string;
            description: string;
        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<{
            description?: string;
            name?: string;
        }> & Readonly<{}>, {}, {}, {}, {}, {
            name: string;
            description: string;
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & import('vue').ComponentOptionsBase<Readonly<{
        description?: string;
        name?: string;
    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
        name: string;
        description: string;
    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
        $slots: Readonly<{
            action?: import('vue').Slot;
            icon?: import('vue').Slot;
            name?: import('vue').Slot;
            description?: import('vue').Slot;
        }> & {
            action?: import('vue').Slot;
            icon?: import('vue').Slot;
            name?: import('vue').Slot;
            description?: import('vue').Slot;
        };
    });
    IconArrowRight: any;
    IconClose: any;
    IconDockRight: any;
    IconStar: any;
    IconStarOutline: any;
}, {
    Focus: import('vue').ObjectDirective<HTMLElement, any, string, string>;
    /** @type {import('vue').ObjectDirective} */
    ClickOutside: import('vue').ObjectDirective;
}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;