@nextcloud/vue 9.0.0-alpha.6 → 9.0.0-alpha.8

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

@@ -46,6 +46,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
     };
+    inject: {
+        closeMenu: {
+            from: import('vue').InjectionKey<(returnFocus: boolean) => void>;
+        };
+    };
     emits: string[];
     computed: {
         isIconUrl(): boolean;

package/dist/components/NcActionRouter/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcActionRouter-RKft3XO3.mjs";
+import { N } from "../../chunks/NcActionRouter-Bw1tpEZt.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcActionSeparator/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcActionSeparator-DKFXmIJ5.mjs";
+import { N } from "../../chunks/NcActionSeparator-Doekl1NX.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

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

@@ -37,6 +37,11 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, {
             default: null;
         };
     };
+    inject: {
+        closeMenu: {
+            from: import('vue').InjectionKey<(returnFocus: boolean) => void>;
+        };
+    };
     emits: string[];
     computed: {
         isIconUrl(): boolean;

package/dist/components/NcActionText/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcActionText-ChktUmp9.mjs";
+import { N } from "../../chunks/NcActionText-VLCHOiIy.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

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

@@ -21,7 +21,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
-}>, {}, {}, {
+}>, {
+    isRtl: boolean;
+}, {}, {
     /**
      * determines if the action is focusable
      *
@@ -71,6 +73,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
     };
+    inject: {
+        closeMenu: {
+            from: import('vue').InjectionKey<(returnFocus: boolean) => void>;
+        };
+    };
     emits: string[];
     computed: {
         isIconUrl(): boolean;
@@ -110,6 +117,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     disabled: boolean;
     modelValue: string;
 }, {}, {
+    ArrowLeft: any;
     ArrowRight: any;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/NcActionTextEditable/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcActionTextEditable-D3Iix8Je.mjs";
+import { N } from "../../chunks/NcActionTextEditable-nTbwgRy2.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

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

@@ -1,3 +1,4 @@
+import { NC_ACTIONS_IS_SEMANTIC_MENU, NC_ACTIONS_CLOSE_MENU } from './useNcActions.ts';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
      * Specify the open state of the popover menu
@@ -44,16 +45,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Specifies the button type used for trigger and single actions buttons
-     * Accepted values: primary, secondary, tertiary, tertiary-no-background, tertiary-on-primary, error, warning, success. If left empty,
-     * the default button style will be applied.
-     */
-    type: {
-        type: StringConstructor;
-        validator(value: unknown): boolean;
-        default: null;
-    };
     /**
      * Icon to show for the toggle menu button
      * when more than one action is inside the actions component.
@@ -125,6 +116,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    /**
+     * Specifies the button variant used for trigger and single actions buttons.
+     *
+     * Accepted values: primary, secondary, tertiary, tertiary-no-background, tertiary-on-primary, error, warning, success.
+     * If left empty, the default button style will be applied.
+     *
+     * @since 8.23.0
+     */
+    variant: {
+        type: StringConstructor;
+        validator(value: unknown): boolean;
+        default: null;
+    };
 }>, {
     triggerButton: import('vue').Ref<any, any>;
     maxMenuHeight: import('vue').ComputedRef<number>;
@@ -137,9 +141,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * @type {'menu'|'navigation'|'dialog'|'tooltip'|'unknown'}
      */
     actionsMenuSemanticType: "menu" | "navigation" | "dialog" | "tooltip" | "unknown";
-    externalFocusTrapStack: never[];
 }, {
-    triggerBtnType(): string;
+    triggerButtonVariant(): string;
     /**
      * A11y roles and keyboard navigation configuration depending on the semantic type
      */
@@ -179,16 +182,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * @return {string} the name of the action component
      */
     getActionName(action: import('vue').VNode): string;
-    /**
-     * When the component has its own focus trap, then it is managed by global trap stack by focus-trap.
-     *
-     * However if the component has no focus trap and is used inside another focus trap - there is an issue.
-     * By default popover content is rendered in body or other container, which is likely outside the current focus trap containers.
-     * It results in broken behavior from focus-trap.
-     *
-     * We need to pause all the focus traps for opening popover and then unpause them back after closing.
-     */
-    intersectIntoCurrentFocusTrapStack(): void;
     /**
      * Do we have exactly one Action and
      * is it allowed as a standalone element?
@@ -208,7 +201,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /**
      * Called when popover is shown after the show delay
      */
-    onOpen(): void;
+    onOpened(): void;
+    onClosed(): void;
     /**
      * Handle resizing the popover to make sure users can discover there is more to scroll
      */
@@ -221,14 +215,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * @return {NodeListOf<HTMLElement>}
      */
     getFocusableMenuItemElements(): NodeListOf<HTMLElement>;
-    /**
-     * Focus nearest focusable item on mouse move.
-     * DO NOT change the focus if the target is already focused
-     * this will prevent issues with input being unfocused
-     * on mouse move
-     * @param {PointerEvent} event - The mouse move event
-     */
-    onMouseFocusAction(event: PointerEvent): void;
     /**
      * Dispatches the keydown listener to different handlers
      *
@@ -247,7 +233,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onFocus(event: any): void;
     onBlur(event: any): void;
     onClick(event: any): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "blur" | "close" | "focus" | "open" | "update:open")[], "click" | "blur" | "close" | "focus" | "open" | "update:open", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "blur" | "close" | "focus" | "closed" | "open" | "opened" | "update:open")[], "click" | "blur" | "close" | "focus" | "closed" | "open" | "opened" | "update:open", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * Specify the open state of the popover menu
      */
@@ -293,16 +279,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Specifies the button type used for trigger and single actions buttons
-     * Accepted values: primary, secondary, tertiary, tertiary-no-background, tertiary-on-primary, error, warning, success. If left empty,
-     * the default button style will be applied.
-     */
-    type: {
-        type: StringConstructor;
-        validator(value: unknown): boolean;
-        default: null;
-    };
     /**
      * Icon to show for the toggle menu button
      * when more than one action is inside the actions component.
@@ -374,19 +350,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    /**
+     * Specifies the button variant used for trigger and single actions buttons.
+     *
+     * Accepted values: primary, secondary, tertiary, tertiary-no-background, tertiary-on-primary, error, warning, success.
+     * If left empty, the default button style will be applied.
+     *
+     * @since 8.23.0
+     */
+    variant: {
+        type: StringConstructor;
+        validator(value: unknown): boolean;
+        default: null;
+    };
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onOpened?: ((...args: any[]) => any) | undefined;
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: string;
     primary: boolean;
     disabled: boolean;
     ariaLabel: string;
     ariaHidden: boolean;
+    variant: string;
     placement: string;
     container: string | boolean | Element | Record<string, any>;
     open: boolean;
@@ -414,15 +405,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator(value: string): boolean;
         };
         type: {
-            type: import('vue').PropType<import('../NcButton/types.ts').ButtonType>;
+            type: import('vue').PropType<import('../NcButton/types.ts').ButtonType | `${import('../NcButton/types.ts').ButtonType}`>;
             default: import('../NcButton/types.ts').ButtonType;
             validator(value: string): boolean;
         };
-        nativeType: {
-            type: import('vue').PropType<import('../NcButton/types.ts').ButtonNativeType>;
-            default: import('../NcButton/types.ts').ButtonNativeType;
-            validator(value: string): boolean;
-        };
         wide: {
             type: BooleanConstructor;
             default: boolean;
@@ -455,8 +441,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: null;
         };
+        variant: {
+            type: import('vue').PropType<ButtonVariant | `${ButtonVariant}`>;
+            validator(value: string): boolean;
+            default: string;
+        };
     }>, {}, {}, {
-        realType(): "primary" | "secondary" | import('../NcButton/types.ts').ButtonType;
+        realVariant(): any;
+        realType(): "submit" | "reset" | "button" | import('../NcButton/types.ts').ButtonType;
         flexAlignment(): string;
         isReverseAligned(): boolean;
         ncPopoverTriggerAttrs(): Record<string, string | undefined>;
@@ -476,15 +468,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator(value: string): boolean;
         };
         type: {
-            type: import('vue').PropType<import('../NcButton/types.ts').ButtonType>;
+            type: import('vue').PropType<import('../NcButton/types.ts').ButtonType | `${import('../NcButton/types.ts').ButtonType}`>;
             default: import('../NcButton/types.ts').ButtonType;
             validator(value: string): boolean;
         };
-        nativeType: {
-            type: import('vue').PropType<import('../NcButton/types.ts').ButtonNativeType>;
-            default: import('../NcButton/types.ts').ButtonNativeType;
-            validator(value: string): boolean;
-        };
         wide: {
             type: BooleanConstructor;
             default: boolean;
@@ -517,15 +504,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: null;
         };
+        variant: {
+            type: import('vue').PropType<ButtonVariant | `${ButtonVariant}`>;
+            validator(value: string): boolean;
+            default: string;
+        };
     }>> & Readonly<{
         "onUpdate:pressed"?: ((...args: any[]) => any) | undefined;
         onClick?: ((...args: any[]) => any) | undefined;
     }>, {
         size: string;
-        type: import('../NcButton/types.ts').ButtonType;
+        type: "submit" | "reset" | "button" | import('../NcButton/types.ts').ButtonType;
         alignment: import('../NcButton/types.ts').ButtonAlignment;
         disabled: boolean;
-        nativeType: import('../NcButton/types.ts').ButtonNativeType;
         wide: boolean;
         ariaLabel: string;
         href: string;
@@ -534,6 +525,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         to: string | Record<string, any>;
         ariaHidden: boolean;
         pressed: boolean;
+        variant: any;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     NcPopover: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
 }, {}, string, () => {
@@ -546,6 +538,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * Provide the role for NcAction* components in the NcActions content.
      * @type {import('vue').ComputedRef<boolean>}
      */
-    'NcActions:isSemanticMenu': import('vue').ComputedRef<boolean>;
+    [NC_ACTIONS_IS_SEMANTIC_MENU]: import('vue').ComputedRef<boolean>;
+    [NC_ACTIONS_CLOSE_MENU]: (returnFocus?: boolean) => Promise<void>;
 }, true, {}, any>;
 export default _default;

package/dist/components/NcActions/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcActions-BJ703bdY.mjs";
+import { N } from "../../chunks/NcActions-CgKHXNbF.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcActions/useNcActions.d.ts

@@ -0,0 +1,3 @@
+import { InjectionKey, ComputedRef } from 'vue';
+export declare const NC_ACTIONS_IS_SEMANTIC_MENU: InjectionKey<ComputedRef<boolean>>;
+export declare const NC_ACTIONS_CLOSE_MENU: InjectionKey<(returnFocus: boolean) => void>;

package/dist/components/NcAppContent/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcAppContent-DcqJmTNj.mjs";
+import { N } from "../../chunks/NcAppContent-C4gBVRQs.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcAppContentDetails/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcAppContentDetails-Ch6NJvAl.mjs";
+import { N } from "../../chunks/NcAppContentDetails-DsEEBJ0U.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcAppContentList/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcAppContentList-DGwk3AvB.mjs";
+import { N } from "../../chunks/NcAppContentList-DnLY_sWw.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

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

@@ -72,8 +72,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>, {}, {}, {
         NcButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             alignment: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonAlignment>;
-                default: import('../NcButton/types.js').ButtonAlignment;
+                type: import('vue').PropType<import('../NcButton/types.ts').ButtonAlignment>;
+                default: import('../NcButton/types.ts').ButtonAlignment;
                 validator(value: string): boolean;
             };
             disabled: {
@@ -86,13 +86,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator(value: string): boolean;
             };
             type: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonType>;
-                default: import('../NcButton/types.js').ButtonType;
-                validator(value: string): boolean;
-            };
-            nativeType: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonNativeType>;
-                default: import('../NcButton/types.js').ButtonNativeType;
+                type: import('vue').PropType<import('../NcButton/types.ts').ButtonType | `${import('../NcButton/types.ts').ButtonType}`>;
+                default: import('../NcButton/types.ts').ButtonType;
                 validator(value: string): boolean;
             };
             wide: {
@@ -127,15 +122,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: null;
             };
+            variant: {
+                type: import('vue').PropType<ButtonVariant | `${ButtonVariant}`>;
+                validator(value: string): boolean;
+                default: string;
+            };
         }>, {}, {}, {
-            realType(): "primary" | "secondary" | import('../NcButton/types.js').ButtonType;
+            realVariant(): any;
+            realType(): "submit" | "reset" | "button" | import('../NcButton/types.ts').ButtonType;
             flexAlignment(): string;
             isReverseAligned(): boolean;
             ncPopoverTriggerAttrs(): Record<string, string | undefined>;
         }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:pressed" | "click")[], "update:pressed" | "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             alignment: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonAlignment>;
-                default: import('../NcButton/types.js').ButtonAlignment;
+                type: import('vue').PropType<import('../NcButton/types.ts').ButtonAlignment>;
+                default: import('../NcButton/types.ts').ButtonAlignment;
                 validator(value: string): boolean;
             };
             disabled: {
@@ -148,13 +149,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator(value: string): boolean;
             };
             type: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonType>;
-                default: import('../NcButton/types.js').ButtonType;
-                validator(value: string): boolean;
-            };
-            nativeType: {
-                type: import('vue').PropType<import('../NcButton/types.js').ButtonNativeType>;
-                default: import('../NcButton/types.js').ButtonNativeType;
+                type: import('vue').PropType<import('../NcButton/types.ts').ButtonType | `${import('../NcButton/types.ts').ButtonType}`>;
+                default: import('../NcButton/types.ts').ButtonType;
                 validator(value: string): boolean;
             };
             wide: {
@@ -189,15 +185,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: null;
             };
+            variant: {
+                type: import('vue').PropType<ButtonVariant | `${ButtonVariant}`>;
+                validator(value: string): boolean;
+                default: string;
+            };
         }>> & Readonly<{
             "onUpdate:pressed"?: ((...args: any[]) => any) | undefined;
             onClick?: ((...args: any[]) => any) | undefined;
         }>, {
             size: string;
-            type: import('../NcButton/types.js').ButtonType;
-            alignment: import('../NcButton/types.js').ButtonAlignment;
+            type: "submit" | "reset" | "button" | import('../NcButton/types.ts').ButtonType;
+            alignment: import('../NcButton/types.ts').ButtonAlignment;
             disabled: boolean;
-            nativeType: import('../NcButton/types.js').ButtonNativeType;
             wide: boolean;
             ariaLabel: string;
             href: string;
@@ -206,6 +206,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             to: string | Record<string, any>;
             ariaHidden: boolean;
             pressed: boolean;
+            variant: any;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         MenuIcon: any;
         MenuOpenIcon: any;

package/dist/components/NcAppNavigation/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcAppNavigation-DKl5GKDr.mjs";
+import { N } from "../../chunks/NcAppNavigation-DbRpHbi9.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

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

@@ -32,11 +32,6 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
             type: BooleanConstructor;
             default: boolean;
         };
-        type: {
-            type: StringConstructor;
-            validator(value: unknown): boolean;
-            default: null;
-        };
         defaultIcon: {
             type: StringConstructor;
             default: string;
@@ -75,6 +70,11 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
             type: NumberConstructor;
             default: number;
         };
+        variant: {
+            type: StringConstructor;
+            validator(value: unknown): boolean;
+            default: null;
+        };
     }>, {
         triggerButton: import('vue').Ref<any, any>;
         maxMenuHeight: import('vue').ComputedRef<number>;
@@ -84,9 +84,8 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
         opened: boolean;
         focusIndex: number;
         actionsMenuSemanticType: "menu" | "navigation" | "dialog" | "tooltip" | "unknown";
-        externalFocusTrapStack: never[];
     }, {
-        triggerBtnType(): string;
+        triggerButtonVariant(): string;
         config(): {
             popupRole: string;
             withArrowNavigation: boolean;
@@ -117,17 +116,16 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
         withFocusTrap(): boolean;
     }, {
         getActionName(action: import('vue').VNode): string;
-        intersectIntoCurrentFocusTrapStack(): void;
         isValidSingleAction(action: import('vue').VNode): boolean;
         isAction(action: any): boolean;
         isIconUrl(url: string): boolean;
         openMenu(): void;
         closeMenu(returnFocus?: boolean): Promise<void>;
-        onOpen(): void;
+        onOpened(): void;
+        onClosed(): void;
         resizePopover(): void;
         getCurrentActiveMenuItemElement(): HTMLElement | null;
         getFocusableMenuItemElements(): NodeListOf<HTMLElement>;
-        onMouseFocusAction(event: PointerEvent): void;
         onKeydown(event: object): void;
         onTriggerKeydown(event: any): void;
         handleEscapePressed(event: any): void;
@@ -141,7 +139,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
         onFocus(event: any): void;
         onBlur(event: any): void;
         onClick(event: any): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "blur" | "close" | "focus" | "open" | "update:open")[], "click" | "blur" | "close" | "focus" | "open" | "update:open", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "blur" | "close" | "focus" | "closed" | "open" | "opened" | "update:open")[], "click" | "blur" | "close" | "focus" | "closed" | "open" | "opened" | "update:open", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         open: {
             type: BooleanConstructor;
             default: boolean;
@@ -166,11 +164,6 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
             type: BooleanConstructor;
             default: boolean;
         };
-        type: {
-            type: StringConstructor;
-            validator(value: unknown): boolean;
-            default: null;
-        };
         defaultIcon: {
             type: StringConstructor;
             default: string;
@@ -209,19 +202,26 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
             type: NumberConstructor;
             default: number;
         };
+        variant: {
+            type: StringConstructor;
+            validator(value: unknown): boolean;
+            default: null;
+        };
     }>> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
+        onClosed?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
+        onOpened?: ((...args: any[]) => any) | undefined;
         "onUpdate:open"?: ((...args: any[]) => any) | undefined;
     }>, {
-        type: string;
         primary: boolean;
         disabled: boolean;
         ariaLabel: string;
         ariaHidden: boolean;
+        variant: string;
         placement: string;
         container: string | boolean | Element | Record<string, any>;
         open: boolean;
@@ -249,15 +249,10 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
                 validator(value: string): boolean;
             };
             type: {
-                type: import('vue').PropType<import('../NcButton').ButtonType>;
+                type: import('vue').PropType<import('../NcButton').ButtonType | `${import('../NcButton').ButtonType}`>;
                 default: import('../NcButton').ButtonType;
                 validator(value: string): boolean;
             };
-            nativeType: {
-                type: import('vue').PropType<import('../NcButton').ButtonNativeType>;
-                default: import('../NcButton').ButtonNativeType;
-                validator(value: string): boolean;
-            };
             wide: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -290,8 +285,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
                 type: BooleanConstructor;
                 default: null;
             };
+            variant: {
+                type: import('vue').PropType<ButtonVariant | `${ButtonVariant}`>;
+                validator(value: string): boolean;
+                default: string;
+            };
         }>, {}, {}, {
-            realType(): "primary" | "secondary" | import('../NcButton').ButtonType;
+            realVariant(): any;
+            realType(): "submit" | "reset" | "button" | import('../NcButton').ButtonType;
             flexAlignment(): string;
             isReverseAligned(): boolean;
             ncPopoverTriggerAttrs(): Record<string, string | undefined>;
@@ -311,15 +312,10 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
                 validator(value: string): boolean;
             };
             type: {
-                type: import('vue').PropType<import('../NcButton').ButtonType>;
+                type: import('vue').PropType<import('../NcButton').ButtonType | `${import('../NcButton').ButtonType}`>;
                 default: import('../NcButton').ButtonType;
                 validator(value: string): boolean;
             };
-            nativeType: {
-                type: import('vue').PropType<import('../NcButton').ButtonNativeType>;
-                default: import('../NcButton').ButtonNativeType;
-                validator(value: string): boolean;
-            };
             wide: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -352,15 +348,19 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
                 type: BooleanConstructor;
                 default: null;
             };
+            variant: {
+                type: import('vue').PropType<ButtonVariant | `${ButtonVariant}`>;
+                validator(value: string): boolean;
+                default: string;
+            };
         }>> & Readonly<{
             "onUpdate:pressed"?: ((...args: any[]) => any) | undefined;
             onClick?: ((...args: any[]) => any) | undefined;
         }>, {
             size: string;
-            type: import('../NcButton').ButtonType;
+            type: "submit" | "reset" | "button" | import('../NcButton').ButtonType;
             alignment: import('../NcButton').ButtonAlignment;
             disabled: boolean;
-            nativeType: import('../NcButton').ButtonNativeType;
             wide: boolean;
             ariaLabel: string;
             href: string;
@@ -369,10 +369,11 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
             to: string | Record<string, any>;
             ariaHidden: boolean;
             pressed: boolean;
+            variant: any;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         NcPopover: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
     }, {}, string, () => {
-        'NcActions:isSemanticMenu': import('vue').ComputedRef<boolean>;
+        [x: symbol]: import('vue').ComputedRef<boolean> | ((returnFocus?: boolean) => Promise<void>);
     }, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;