@nextcloud/vue 9.0.0-rc.5 → 9.0.0-rc.7

package/dist/components/NcAppSidebar/NcAppSidebar.vue.d.ts

@@ -0,0 +1,1011 @@
+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;
+        };
+    }>, {
+        triggerButton: import('vue').Ref<any, any>;
+        maxMenuHeight: import('vue').ComputedRef<number>;
+        randomId: string;
+        triggerRandomId: 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;
+        resizePopover(): 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;
+        };
+    }>> & 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;
+    }>, {
+        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;
+    }, {}, {
+        NcCheckboxRadioSwitch: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+        NcVNodes: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            vnodes: {
+                type: import('vue').PropType<import('vue').VNode | import('vue').VNode[]>;
+                default: null;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            vnodes: {
+                type: import('vue').PropType<import('vue').VNode | import('vue').VNode[]>;
+                default: null;
+            };
+        }>> & Readonly<{}>, {
+            vnodes: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }> | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>[];
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, 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;