npm - @nextcloud/vue - Versions diffs - 9.0.0-alpha.7 → 9.0.0-rc.0 - Mend

@nextcloud/vue 9.0.0-alpha.7 → 9.0.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (521) hide show

package/dist/components/NcDateTime/index.mjs CHANGED Viewed

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcDateTime-D3snW0sN.mjs";
+import { _ } from "../../chunks/NcDateTime.vue_vue_type_script_setup_true_lang-BYXau4sd.mjs";
 export {
-  N as default
+  _ as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcDateTimePicker/NcDateTimePicker.vue.d.ts CHANGED Viewed

@@ -1,2 +1,106 @@
-declare const _default: any;
+type __VLS_Props = {
+    /**
+     * If set to true the menu will be placed on the `<body>`
+     * instead of default placement on the picker.
+     */
+    appendToBody?: boolean;
+    /**
+     * Aria label for the input box.
+     *
+     * @default 'Datepicker input'
+     */
+    ariaLabel?: string;
+    /**
+     * Aria label for the date picker menu.
+     *
+     * @default 'Datepicker menu'
+     */
+    ariaLabelMenu?: string;
+    /**
+     * Allow to clear the input.
+     *
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * Do not auto-apply the date but require clicking the confirmation button.
+     * @default false
+     */
+    confirm?: boolean;
+    /**
+     * Preview format for the picker input field.
+     * Can either be a string of Unicode tokens or a function that takes a Date object
+     * or for range picker an array of two dates, and returns the formatted date as string.
+     *
+     * @default Intl.DateTimeFormat is used to format dates and times
+     * @see https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
+     */
+    format?: string | ((date: Date) => string) | ((dates: [Date, Date]) => string);
+    /**
+     * The locale to use for formatting the shown dates.
+     * By default the users current Nextcloud locale is used.
+     */
+    locale?: string;
+    /**
+     * Default increment step for minutes in the time picker.
+     * @default 10
+     */
+    minuteStep?: number;
+    /**
+     * The value to initialize, but also two-way bind the selected date. The date is – like the `Date` object in
+     * JavaScript – tied to UTC. The selected time zone does not have an influence of the selected time and date
+     * value. You have to translate the time yourself when you want to factor in time zones.
+     *
+     * When using the range picker then an array containing the start and end date needs to be passed.
+     */
+    modelValue?: Date | [Date, Date];
+    /**
+     * Optional custom placeholder for the input box.
+     */
+    placeholder?: string;
+    /**
+     * Include a timezone picker within the menu.
+     * Please note that the dates are still bound to the locale timezone
+     * and any conversion needs to be done by the app itself.
+     *
+     * @default false
+     */
+    showTimezoneSelect?: boolean;
+    /**
+     * Show the ISO week numbers within the calendar.
+     *
+     * @default false
+     */
+    showWeekNumber?: boolean;
+    /**
+     * Type of the picker.
+     * There is some special handling for ranges as those types require a `[Date, Date]` model value.
+     * - The 'date-range' type will enable a range picker for dates
+     * - The 'time-range' allows picking a time range.
+     * - The 'datetime-range' allows picking dates with times assigned.
+     *
+     * @default 'date'
+     */
+    type?: 'date' | 'datetime' | 'time' | 'week' | 'month' | 'year' | 'date-range' | 'time-range' | 'datetime-range';
+};
+type __VLS_PublicProps = {
+    'timezoneId'?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (args_0: Date | [Date, Date] | null) => any;
+    "update:timezoneId": (...args: unknown[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: Date | [Date, Date] | null) => any) | undefined;
+    "onUpdate:timezoneId"?: ((...args: unknown[]) => any) | undefined;
+}>, {
+    type: "date" | "datetime" | "time" | "week" | "month" | "year" | "date-range" | "time-range" | "datetime-range";
+    placeholder: string;
+    modelValue: Date | [Date, Date];
+    ariaLabel: string;
+    format: string | ((date: Date) => string) | ((dates: [Date, Date]) => string);
+    ariaLabelMenu: string;
+    locale: string;
+    minuteStep: number;
+    timezoneId: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/NcDateTimePicker/index.d.ts CHANGED Viewed

@@ -1 +1,5 @@
+/**
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
 export { default } from './NcDateTimePicker.vue';

package/dist/components/NcDateTimePicker/index.mjs CHANGED Viewed

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

package/dist/components/NcDateTimePickerNative/index.mjs CHANGED Viewed

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

package/dist/components/NcDialog/NcDialog.vue.d.ts CHANGED Viewed

@@ -58,16 +58,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         validator(value: unknown[]): value is (object | null)[];
     };
     /**
-     * Set to false to no show a close button on the dialog
-     * @default true
+     * Do not show the close button for the dialog.
+     * @default false
      */
-    canClose: {
+    noClose: {
         type: BooleanConstructor;
         default: boolean;
     };
     /**
      * Close the dialog if the user clicked outside of the dialog
-     * Only relevant if `canClose` is set to true.
+     * Only relevant if `noClose` is not set.
      */
     closeOnClickOutside: {
         type: BooleanConstructor;
@@ -105,7 +105,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * ```
      */
     navigationClasses: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         required: false;
         default: string;
     };
@@ -136,7 +136,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * @default ''
      */
     contentClasses: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         required: false;
         default: string;
     };
@@ -146,7 +146,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * @default ''
      */
     dialogClasses: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         required: false;
         default: string;
     };
@@ -173,7 +173,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>;
     dialogTagName: import('vue').ComputedRef<"div" | "form">;
     handleButtonClose: (button: any, result: any) => void;
-    handleClosing: (result: any) => void;
+    handleClosing: (result?: unknown) => void;
     handleClosed: () => void;
     hasNavigation: import('vue').ComputedRef<boolean>;
     navigationId: string;
@@ -181,7 +181,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     navigationAriaLabelledbyAttr: import('vue').ComputedRef<string | undefined>;
     isNavigationCollapsed: import('vue').ComputedRef<boolean>;
     modalProps: import('vue').ComputedRef<{
-        canClose: boolean;
+        noClose: boolean;
         container: string;
         labelId: string;
         size: "large" | "small" | "normal" | "full";
@@ -191,7 +191,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         additionalTrapElements: (string | HTMLElement)[];
     }>;
     wrapper: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("submit" | "update:open" | "closing")[], "submit" | "update:open" | "closing", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("submit" | "reset" | "update:open" | "closing")[], "submit" | "reset" | "update:open" | "closing", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** Name of the dialog (the heading) */
     name: {
         type: StringConstructor;
@@ -247,16 +247,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         validator(value: unknown[]): value is (object | null)[];
     };
     /**
-     * Set to false to no show a close button on the dialog
-     * @default true
+     * Do not show the close button for the dialog.
+     * @default false
      */
-    canClose: {
+    noClose: {
         type: BooleanConstructor;
         default: boolean;
     };
     /**
      * Close the dialog if the user clicked outside of the dialog
-     * Only relevant if `canClose` is set to true.
+     * Only relevant if `noClose` is not set.
      */
     closeOnClickOutside: {
         type: BooleanConstructor;
@@ -294,7 +294,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * ```
      */
     navigationClasses: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         required: false;
         default: string;
     };
@@ -325,7 +325,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * @default ''
      */
     contentClasses: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         required: false;
         default: string;
     };
@@ -335,38 +335,33 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * @default ''
      */
     dialogClasses: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         required: false;
         default: string;
     };
 }>> & Readonly<{
     onSubmit?: ((...args: any[]) => any) | undefined;
+    onReset?: ((...args: any[]) => any) | undefined;
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
     onClosing?: ((...args: any[]) => any) | undefined;
 }>, {
     size: "large" | "small" | "normal" | "full";
-    container: string;
     open: boolean;
-    message: string;
-    outTransition: boolean;
-    canClose: boolean;
+    container: string;
     closeOnClickOutside: boolean;
+    outTransition: boolean;
+    noClose: boolean;
     additionalTrapElements: (string | HTMLElement)[];
-    buttons: Omit<Partial<{
-        type: import('../NcButton/types.ts').ButtonType;
-        icon: string;
-        disabled: boolean;
-        nativeType: import('../NcButton/types.ts').ButtonNativeType;
-        callback: Function;
-    }> & Omit<{
-        readonly type: import('../NcButton/types.ts').ButtonType;
-        readonly label: string;
-        readonly disabled: boolean;
-        readonly nativeType: import('../NcButton/types.ts').ButtonNativeType;
-        readonly callback: Function;
+    message: string;
+    buttons: Omit<{
+        readonly callback?: (() => unknown | false) | undefined;
+        readonly disabled?: boolean | undefined;
         readonly icon?: string | undefined;
+        readonly label: string;
+        readonly type?: import('../NcButton/NcButton.vue').ButtonType | undefined;
+        readonly variant?: import('../NcButton/NcButton.vue').ButtonVariant | undefined;
         readonly onClick?: ((event: MouseEvent, payload: unknown) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "icon" | "disabled" | "nativeType" | "callback">, `on${string}` | "style" | "class" | "key" | "ref" | "ref_for" | "ref_key">[];
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, `on${string}` | "key" | "style" | "class" | "ref" | "ref_for" | "ref_key">[];
     isForm: boolean;
     navigationClasses: string | Record<string, any> | unknown[];
     navigationAriaLabel: string;
@@ -375,138 +370,66 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     dialogClasses: string | Record<string, any> | unknown[];
 }, {}, {
     NcDialogButton: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-            callback: {
-                type: FunctionConstructor;
-                required: false;
-                default: () => void;
-            };
-            label: {
-                type: StringConstructor;
-                required: true;
-            };
-            icon: {
-                type: StringConstructor;
-                required: false;
-                default: undefined;
-            };
-            type: {
-                type: PropType<import('../NcButton/types.ts').ButtonType>;
-                default: import('../NcButton/types.ts').ButtonType;
-                required: false;
-                validator(value: string): boolean;
-            };
-            nativeType: {
-                type: PropType<import('../NcButton/types.ts').ButtonNativeType>;
-                required: false;
-                default: string;
-                validator(value: unknown): boolean;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            callback?: () => unknown | false;
+            disabled?: boolean;
+            icon?: string;
+            label: string;
+            type?: import('../NcButton/NcButton.vue').ButtonType;
+            variant?: import('../NcButton/NcButton.vue').ButtonVariant;
+        }> & Readonly<{
             onClick?: ((event: MouseEvent, payload: unknown) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            click: (event: MouseEvent, payload: unknown) => void;
+            click: (event: MouseEvent, payload: unknown) => any;
         }, import('vue').PublicProps, {
-            type: import('../NcButton/types.ts').ButtonType;
-            icon: string;
+            type: import('../NcButton/NcButton.vue').ButtonType;
             disabled: boolean;
-            nativeType: import('../NcButton/types.ts').ButtonNativeType;
-            callback: Function;
-        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            variant: import('../NcButton/NcButton.vue').ButtonVariant;
+            icon: string;
+            callback: () => unknown | false;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
-            callback: {
-                type: FunctionConstructor;
-                required: false;
-                default: () => void;
-            };
-            label: {
-                type: StringConstructor;
-                required: true;
-            };
-            icon: {
-                type: StringConstructor;
-                required: false;
-                default: undefined;
-            };
-            type: {
-                type: PropType<import('../NcButton/types.ts').ButtonType>;
-                default: import('../NcButton/types.ts').ButtonType;
-                required: false;
-                validator(value: string): boolean;
-            };
-            nativeType: {
-                type: PropType<import('../NcButton/types.ts').ButtonNativeType>;
-                required: false;
-                default: string;
-                validator(value: unknown): boolean;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{
+        }, Readonly<{
+            callback?: () => unknown | false;
+            disabled?: boolean;
+            icon?: string;
+            label: string;
+            type?: import('../NcButton/NcButton.vue').ButtonType;
+            variant?: import('../NcButton/NcButton.vue').ButtonVariant;
+        }> & Readonly<{
             onClick?: ((event: MouseEvent, payload: unknown) => any) | undefined;
         }>, {}, {}, {}, {}, {
-            type: import('../NcButton/types.ts').ButtonType;
-            icon: string;
+            type: import('../NcButton/NcButton.vue').ButtonType;
             disabled: boolean;
-            nativeType: import('../NcButton/types.ts').ButtonNativeType;
-            callback: Function;
+            variant: import('../NcButton/NcButton.vue').ButtonVariant;
+            icon: string;
+            callback: () => unknown | false;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-        callback: {
-            type: FunctionConstructor;
-            required: false;
-            default: () => void;
-        };
-        label: {
-            type: StringConstructor;
-            required: true;
-        };
-        icon: {
-            type: StringConstructor;
-            required: false;
-            default: undefined;
-        };
-        type: {
-            type: PropType<import('../NcButton/types.ts').ButtonType>;
-            default: import('../NcButton/types.ts').ButtonType;
-            required: false;
-            validator(value: string): boolean;
-        };
-        nativeType: {
-            type: PropType<import('../NcButton/types.ts').ButtonNativeType>;
-            required: false;
-            default: string;
-            validator(value: unknown): boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        callback?: () => unknown | false;
+        disabled?: boolean;
+        icon?: string;
+        label: string;
+        type?: import('../NcButton/NcButton.vue').ButtonType;
+        variant?: import('../NcButton/NcButton.vue').ButtonVariant;
+    }> & Readonly<{
         onClick?: ((event: MouseEvent, payload: unknown) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        click: (event: MouseEvent, payload: unknown) => void;
+        click: (event: MouseEvent, payload: unknown) => any;
     }, string, {
-        type: import('../NcButton/types.ts').ButtonType;
-        icon: string;
+        type: import('../NcButton/NcButton.vue').ButtonType;
         disabled: boolean;
-        nativeType: import('../NcButton/types.ts').ButtonNativeType;
-        callback: Function;
+        variant: import('../NcButton/NcButton.vue').ButtonVariant;
+        icon: string;
+        callback: () => unknown | false;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             icon?(_: {}): any;

package/dist/components/NcDialog/index.mjs CHANGED Viewed

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

package/dist/components/NcDialogButton/NcDialogButton.vue.d.ts CHANGED Viewed

@@ -1,135 +1,63 @@
-import { PropType } from 'vue';
-import { ButtonNativeType, ButtonType } from '../NcButton/index';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        icon?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { ButtonType, ButtonVariant } from '../NcButton/index.ts';
+type __VLS_Props = {
     /**
      * The function that will be called when the button is pressed.
      * If the function returns `false` the click is ignored and the dialog will not be closed,
      * which is the default behavior of "reset"-buttons.
      *
-     * @type {() => unknown|false|Promise<unknown|false>}
-     */
-    callback: {
-        type: FunctionConstructor;
-        required: false;
-        default: () => void;
-    };
-    /**
-     * The label of the button
+     * @default '() => {}'
      */
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * Optional inline SVG icon for the button
-     */
-    icon: {
-        type: StringConstructor;
-        required: false;
-        default: undefined;
-    };
-    /**
-     * The button type, see NcButton
-     * @type {'primary'|'secondary'|'error'|'warning'|'success'}
-     */
-    type: {
-        type: PropType<ButtonType>;
-        default: ButtonType;
-        required: false;
-        validator(value: string): boolean;
-    };
-    /**
-     * The native type of the button, see `NcButton`
-     * @type {'button'|'submit'|'reset'}
-     */
-    nativeType: {
-        type: PropType<ButtonNativeType>;
-        required: false;
-        default: string;
-        validator(value: unknown): boolean;
-    };
-    /**
-     * If the button should be shown as disabled
-     */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (event: MouseEvent, payload: unknown) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    callback?: () => unknown | false;
     /**
-     * The function that will be called when the button is pressed.
-     * If the function returns `false` the click is ignored and the dialog will not be closed,
-     * which is the default behavior of "reset"-buttons.
+     * If the button should be shown as disabled.
      *
-     * @type {() => unknown|false|Promise<unknown|false>}
-     */
-    callback: {
-        type: FunctionConstructor;
-        required: false;
-        default: () => void;
-    };
-    /**
-     * The label of the button
+     * @default false
      */
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
+    disabled?: boolean;
     /**
-     * Optional inline SVG icon for the button
+     * Optional inline SVG icon for the button.
+     *
+     * @default undefined
      */
-    icon: {
-        type: StringConstructor;
-        required: false;
-        default: undefined;
-    };
+    icon?: string;
     /**
-     * The button type, see NcButton
-     * @type {'primary'|'secondary'|'error'|'warning'|'success'}
+     * The label of the button.
      */
-    type: {
-        type: PropType<ButtonType>;
-        default: ButtonType;
-        required: false;
-        validator(value: string): boolean;
-    };
+    label: string;
     /**
-     * The native type of the button, see `NcButton`
-     * @type {'button'|'submit'|'reset'}
+     * The button type, see `NcButton`.
+     *
+     * @default 'button'
      */
-    nativeType: {
-        type: PropType<ButtonNativeType>;
-        required: false;
-        default: string;
-        validator(value: unknown): boolean;
-    };
+    type?: ButtonType;
     /**
-     * If the button should be shown as disabled
+     * The button variant, see `NcButton`.
+     *
+     * @default 'tertiary'
+     * @since 8.24.0
      */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    variant?: ButtonVariant;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
     };
-}>> & Readonly<{
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent, payload: unknown) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: ((event: MouseEvent, payload: unknown) => any) | undefined;
 }>, {
     type: ButtonType;
-    icon: string;
     disabled: boolean;
-    nativeType: ButtonNativeType;
-    callback: Function;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    variant: ButtonVariant;
+    icon: string;
+    callback: () => unknown | false;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {