@progress/kendo-vue-buttons 8.0.3-develop.2 → 8.0.3-develop.4

package/FloatingActionButton/interfaces/FloatingActionButtonProps.d.ts

@@ -0,0 +1,240 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { FloatingActionButtonPopupSettings } from './FloatingActionButtonPopupSettings';
+import { FloatingActionButtonAlign } from '../models/align';
+import { FloatingActionButtonAlignOffset } from '../models/align-offset';
+import { FloatingActionButtonEvent, FloatingActionButtonItemEvent } from '../models/events';
+import { FloatingActionButtonPositionMode } from '../models/position-mode';
+import { FloatingActionButtonSize } from '../models/size';
+import { FloatingActionButtonThemeColor } from '../models/theme-color';
+import { SVGIcon } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+/**
+ * Represents the props of the [Kendo UI for Vue
+ *  FloatingActionButton component]({% slug overview_floatingactionbutton %}).
+ */
+export interface FloatingActionButtonProps extends Omit<any, 'onBlur' | 'onFocus' | 'onKeyDown' | 'onClick'> {
+    /**
+     * Specifies a list of CSS classes that will be added to the Floating Action Button.
+     */
+    className?: string;
+    /**
+     * Represents the `dir` HTML attribute. This is used to
+     *  switch from LTR to RTL [see example]({% slug rtl_buttons %}).
+     */
+    dir?: string;
+    /**
+     * Sets the `id` property of the root HTML element.
+     */
+    id?: string;
+    /**
+     * Specifies if the Floating Action Button is
+     *  disabled [see example]({% slug disabled_floatingactionbutton    %}). Defaults to `false`.
+     */
+    disabled?: boolean;
+    /**
+     * If defined it specifies if the Floating Action Button is opened.
+     */
+    opened?: boolean;
+    /**
+     * Defines the icon rendered in the Floating Action
+     *  Button [see example]({% slug contenttypes_floatingactionbutton %}).
+     */
+    icon?: string;
+    /**
+     * Defines the svg icon in a Kendo UI for Vue theme.
+     */
+    svgIcon?: SVGIcon;
+    /**
+     * Defines a CSS class or multiple classes separated by spaces which are applied
+     * to a `span` element inside the Floating Action Button. Allows the usage of custom icons.
+     */
+    iconClass?: string;
+    /**
+     * Specifies the text of the Floating Action
+     *  Button [see example]({% slug contenttypes_floatingactionbutton %}).
+     */
+    text?: string;
+    /**
+     * Specifies the horizontal and vertical offset applied to the Floating Action Button
+     * [see example]({% slug positioning_floatingactionbutton %}).
+     *
+     * Normally, the floating button is positioned next to the boundaries of its container
+     *  with a default offset of `16px`.
+     *
+     * Positive offsets move floating buttons, which are in a corner, further from that corner. Buttons, which are
+     * not in a corner, can be moved along the container's boundary or towards the center of the container.
+     *
+     * A negative offset can be used to force a button to overflow the boundaries of its container.
+     *
+     * The possible keys are:
+     * * `x`&mdash;Sets the horizontal offset of the Floating Action Button.
+     * * `y`&mdash;Sets the vertical offset of the Floating Action Button.
+     *
+     */
+    alignOffset?: FloatingActionButtonAlignOffset;
+    /**
+     * Specifies the horizontal and vertical alignment of the Floating Action Button in relation to the container
+     * [see example]({% slug positioning_floatingactionbutton %}).
+     *
+     * > Centering the Floating Action Button in both horizontal and vertical dimension is not a typical use case.
+     * Still, it is possible to achieve such a layout with appropriate offsets.
+     * Setting horizontal: "center" and vertical: "middle"
+     * at the same time is not supported.
+     *
+     * The possible keys are:
+     * * `horizontal`&mdash; Defines the possible horizontal alignment of the Floating Action Button..
+     *   * `start`&mdash;Uses the start point of the container.
+     *   * `center`&mdash;Uses the center point of the container.
+     *   * `end`(Default)&mdash;Uses the end point of the container
+     * * `vertical`&mdash; Defines the possible vertical alignment of the Floating Action Button..
+     *   * `top`&mdash;Uses the top point of the container.
+     *   * `middle`&mdash;Uses the middle point of the container.
+     *   * `bottom`(Default)&mdash;Uses the bottom point of the container.
+     *
+     */
+    align?: FloatingActionButtonAlign;
+    /**
+     * Specifies the position mode of the Floating Action Button
+     * [see example]({% slug positioning_floatingactionbutton %}). It is based on the
+     * [CSS position](https://developer.mozilla.org/en-US/docs/Web/CSS/position) rule.
+     *
+     * * The possible values are:
+     * * 'fixed' (Default)
+     * * 'absolute'
+     */
+    positionMode?: FloatingActionButtonPositionMode;
+    /**
+     * Configures the `roundness` of the Floating Action Button.
+     *
+     * The available options are:
+     * - none
+     * - small
+     * - medium
+     * - large
+     * - circle
+     * - full
+     *
+     * @default `undefined`
+     */
+    rounded?: 'none' | 'small' | 'medium' | 'large' | 'full';
+    /**
+     * Configures the `fillMode` of the Floating Action Button.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - link
+     *
+     * @default `undefined`
+     */
+    fillMode?: 'solid' | 'outline' | 'flat' | 'link';
+    /**
+     * Specifies the size of the Floating Action Button
+     * [see example]({% slug appearance_floatingactionbutton %}).
+     *
+     * The possible values are:
+     * * `small`&mdash;Applies half of the default padding, e.g. `8px`.
+     * * `medium` (Default)&mdash;Applies the default padding, e.g. `16px`.
+     * * `large`&mdash;Applies one and one half of the default padding, e.g. `24px`.
+     *
+     */
+    size?: FloatingActionButtonSize;
+    /**
+     * Specifies the theme color of the Floating Action Button
+     * [see example]({% slug appearance_floatingactionbutton %}).
+     *
+     * The possible values are:
+     * * `primary` (Default)&mdash;Applies coloring based on the primary theme color.
+     * * `secondary`&mdash;Applies coloring based on the secondary theme color.
+     * * `tertiary`&mdash; Applies coloring based on the tertiary theme color.
+     * * `info`&mdash;Applies coloring based on the info theme color.
+     * * `success`&mdash; Applies coloring based on the success theme color.
+     * * `warning`&mdash; Applies coloring based on the warning theme color.
+     * * `error`&mdash; Applies coloring based on the error theme color.
+     * * `dark`&mdash; Applies coloring based on the dark theme color.
+     * * `light`&mdash; Applies coloring based on the light theme color.
+     * * `inverse`&mdash; Applies coloring based on the inverse theme color.
+     *
+     */
+    themeColor?: FloatingActionButtonThemeColor;
+    /**
+     * The collection of items that will be rendered in the Floating Action Button
+     * [see example]({% slug databinding_floatingactionbutton %}).
+     */
+    items?: any;
+    /**
+     * Overrides the default component responsible for visualizing a single item
+     * [see example]({% slug customization_floatingactionbutton %}#toc-items-rendering).
+     *
+     * The default Component is: [FloatingActionButtonItem]({% slug api_buttons_floatingactionbuttonitemprops %}).
+     */
+    item?: any;
+    /**
+     * Represents the additional props that will be passed to the Popup inside the Floating Action Button
+     * [see example]({% slug customization_floatingactionbutton %}#toc-popup-behavior).
+     */
+    popupSettings?: FloatingActionButtonPopupSettings;
+    /**
+     * Specifies the `tabIndex` of the main button.
+     */
+    tabIndex?: number;
+    /**
+     * Specifies the `accessKey` of the main button.
+     */
+    accessKey?: string;
+    /**
+     * Fires when the Floating Action Button is focused
+     * [see example]({% slug overview_floatingactionbutton %}#toc-events).
+     */
+    onFocus?: (event: FloatingActionButtonEvent) => void;
+    /**
+     * Fires when the Floating Action Button is blurred
+     * [see example]({% slug overview_floatingactionbutton %}#toc-events).
+     */
+    onBlur?: (event: FloatingActionButtonEvent) => void;
+    /**
+     * Fires when the Floating Action Button is clicked.
+     */
+    onClick?: (event: FloatingActionButtonEvent) => void;
+    /**
+     * Fires when the Floating Action Button Item is clicked
+     * [see example]({% slug overview_floatingactionbutton %}#toc-events).
+     */
+    onItemclick?: (event: FloatingActionButtonItemEvent) => void;
+    /**
+     * Triggers onKeyDown event
+     * [see example]({% slug overview_floatingactionbutton %}#toc-events).
+     */
+    onKeydown?: (event: FloatingActionButtonEvent) => void;
+    /**
+     * Triggers onMousedown event
+     * [see example]({% slug overview_floatingactionbutton %}#toc-events).
+     */
+    onMousedown?: (event: FloatingActionButtonEvent) => void;
+    /**
+     * Triggers onMouseup event
+     * [see example]({% slug overview_floatingactionbutton %}#toc-events).
+     */
+    onMouseup?: (event: FloatingActionButtonEvent) => void;
+    /**
+     * Fires when the popup which contains the items is opened
+     * [see example]({% slug overview_floatingactionbutton %}#toc-events).
+     */
+    onOpen?: (event: FloatingActionButtonEvent) => void;
+    /**
+     * Fires when the popup which contains the items is closed
+     * [see example]({% slug overview_floatingactionbutton %}#toc-events).
+     */
+    onClose?: (event: FloatingActionButtonEvent) => void;
+}
+export {};

package/FloatingActionButton/models/align-offset.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Specifies the horizontal and vertical offset applied to the Floating Action Button.
+ *
+ * Normally, the floating button is positioned next to the boundaries of its container with a default offset of `16px`.
+ *
+ * Positive offsets move floating buttons, which are in a corner, further from that corner. Buttons, which are
+ * not in a corner, can be moved along the container's boundary or towards the center of the container.
+ *
+ * A negative offset can be used to force a button to overflow the boundaries of its container.
+ */
+export interface FloatingActionButtonAlignOffset {
+    /**
+     * Sets the horizontal offset of the Floating Action Button.
+     */
+    x?: number | string;
+    /**
+     * Sets the vertical offset of the Floating Action Button.
+     */
+    y?: number | string;
+}

package/FloatingActionButton/models/align.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Specifies the horizontal and vertical alignment of the Floating Action Button in relation to the container.
+ *
+ * > Centering the Floating Action Button in both horizontal and vertical dimension is not a typical use case.
+ * Still, it is possible to achieve such a layout with appropriate offsets. Setting horizontal: "center" and
+ * vertical: "middle" at the same time is not supported.
+ */
+export interface FloatingActionButtonAlign {
+    /**
+     * Defines the possible horizontal alignment of the Floating Action Button.
+     *
+     * The available values are:
+     * - `start`—Uses the start point of the container.
+     * - `center`—Uses the center point of the container.
+     * - `end`(Default)—Uses the end point of the container.
+     */
+    horizontal?: 'start' | 'center' | 'end';
+    /**
+     * Defines the possible vertical alignment of the Floating Action Button.
+     *
+     * The available values are:
+     * - `top`—Uses the top point of the container.
+     * - `middle`—Uses the middle point of the container.
+     * - `bottom`(Default)—Uses the bottom point of the container.
+     */
+    vertical?: 'top' | 'middle' | 'bottom';
+}

package/FloatingActionButton/models/events.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Represents the return type of the FloatingActionButton events.
+ */
+export interface FloatingActionButtonEvent {
+    /**
+     * The native browser event.
+     */
+    event: Event | FocusEvent;
+}
+/**
+ * Represents the return type of the FloatingActionButtonItemEvent.
+ */
+export interface FloatingActionButtonItemEvent {
+    /**
+     * The clicked item props.
+     */
+    itemProps?: any;
+    /**
+     * The zero-based index of the clicked item.
+     */
+    itemIndex: number;
+}

package/FloatingActionButton/models/position-mode.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Specifies the position mode of the Floating Action Button. It is based on the
+ * [CSS position](https://developer.mozilla.org/en-US/docs/Web/CSS/position) rule.
+ *
+ * * The possible values are:
+ * * 'absolute' (Default)
+ * * 'fixed'
+ */
+export type FloatingActionButtonPositionMode = 'absolute' | 'fixed';

package/FloatingActionButton/models/size.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Specifies the size of the Floating Action Button.
+ *
+ * The possible values are:
+ * * `small`—Applies half of the default padding, e.g. `8px`.
+ * * `medium` (Default)—Applies the default padding, e.g. `16px`.
+ * * `large`—Applies one and one half of the default padding, e.g. `24px`.
+ *
+ */
+export type FloatingActionButtonSize = 'small' | 'medium' | 'large';

package/FloatingActionButton/models/theme-color.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Specifies the theme color of the Floating Action Button..
+ *
+ * The possible values are:
+ * * `primary` (Default)—Applies coloring based on the primary theme color.
+ * * `secondary`—Applies coloring based on the secondary theme color.
+ * * `tertiary`— Applies coloring based on the tertiary theme color.
+ * * `info`—Applies coloring based on the info theme color.
+ * * `success`— Applies coloring based on the success theme color.
+ * * `warning`— Applies coloring based on the warning theme color.
+ * * `error`— Applies coloring based on the error theme color.
+ * * `dark`— Applies coloring based on the dark theme color.
+ * * `light`— Applies coloring based on the light theme color.
+ * * `inverse`— Applies coloring based on the inverse theme color.
+ *
+ */
+export type FloatingActionButtonThemeColor = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';

package/FloatingActionButton/utils.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Align } from '@progress/kendo-vue-popup';
+import { FloatingActionButtonAlignOffset } from './models/align-offset';
+import { FloatingActionButtonAlign } from './models/align';
+/**
+ * @hidden
+ */
+export declare const DEFAULT_OFFSET = "16px";
+/**
+ * @hidden
+ */
+export declare const toStringValues: (val: number | string) => string;
+/**
+ * @hidden
+ */
+export declare const getAnchorAlign: (fabAlign: FloatingActionButtonAlign, rtl?: boolean) => Align;
+/**
+ * @hidden
+ */
+export declare const getPopupAlign: (fabAlign: FloatingActionButtonAlign, rtl: boolean) => Align;
+/**
+ * @hidden
+ */
+export declare const getTextDirectionClass: (rtl: string, hAlign: any) => any;
+/**
+ * @hidden
+ */
+export declare const position: (ref: any, align: FloatingActionButtonAlign, alignOffset: FloatingActionButtonAlignOffset | undefined, isRtl: boolean) => void;

package/ListButton/ButtonItem.d.ts

@@ -0,0 +1,57 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+/**
+ * The props of the ButtonItem component.
+ * The ButtonItem component renders each list item in the dropdown buttons list.
+ */
+export interface ButtonItemProps {
+    focused?: boolean;
+    index?: number;
+    item?: any;
+    render?: any;
+    dataItem: any;
+    id?: string;
+    textField?: string;
+    role?: string;
+}
+/**
+ * @hidden
+ */
+declare const ButtonItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    focused: PropType<boolean>;
+    index: PropType<number>;
+    item: PropType<any>;
+    render: PropType<any>;
+    dataItem: PropType<any>;
+    id: PropType<string>;
+    textField: PropType<string>;
+    role: PropType<string>;
+}>, {}, {}, {
+    wrapperClass(): object;
+    innerClass(): object;
+}, {
+    onClick(event: any): void;
+    onDown(event: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: any, index: number) => true;
+    down: (event: any, index: number) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    focused: PropType<boolean>;
+    index: PropType<number>;
+    item: PropType<any>;
+    render: PropType<any>;
+    dataItem: PropType<any>;
+    id: PropType<string>;
+    textField: PropType<string>;
+    role: PropType<string>;
+}>> & Readonly<{
+    onClick?: (event: any, index: number) => any;
+    onDown?: (event: any, index: number) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { ButtonItem };

package/ListButton/DropDownButton.d.ts

@@ -0,0 +1,168 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent, DropDownButtonItemClickEvent } from './models/events';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+export interface DropDownButtonData {
+    focusedIndex?: number;
+    focused?: boolean;
+    currentOpened: boolean;
+}
+/**
+ * @hidden
+ */
+export interface DropDownButtonComputed {
+    [key: string]: any;
+    computedOpened: boolean;
+    wrapperClass: object;
+}
+/**
+ * @hidden
+ */
+export interface DropDownButtonMethods {
+    [key: string]: any;
+    element: () => HTMLButtonElement | null;
+    onKeyDown: (event: any) => void;
+    onFocus: (event: any) => void;
+    onBlur: (event: any) => void;
+    onItemClick: (event: any, clickedItemIndex: number) => void;
+    onItemDown: (event: any) => void;
+    mouseDown: (event: any) => void;
+    dispatchClickEvent: (dispatchedEvent: any, index: number) => void;
+    onClickMainButton: () => void;
+    dispatchPopupEvent: (dispatchedEvent: any, open: boolean) => void;
+    isItemDisabled: (index: number) => boolean;
+    isRtl: () => boolean;
+}
+/**
+ * @hidden
+ */
+export interface DropDownButtonState {
+    wrapper: HTMLDivElement | null;
+    mainButton: any;
+    guid: string;
+    buttonsData: Array<any>;
+    _anchor: string;
+    kendoAnchorRef: any;
+}
+/**
+ * @hidden
+ */
+declare const DropDownButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    accessKey: PropType<string>;
+    items: {
+        type: PropType<any[]>;
+        default: () => any[];
+    };
+    ariaLabel: PropType<string>;
+    text: PropType<any>;
+    textField: PropType<string>;
+    tabIndex: PropType<number>;
+    disabled: PropType<boolean>;
+    icon: PropType<string>;
+    svgIcon: PropType<import('@progress/kendo-vue-common').SVGIcon>;
+    iconClass: PropType<string>;
+    imageUrl: PropType<string>;
+    popupSettings: PropType<import('..').ButtonsPopupSettings>;
+    itemRender: PropType<any>;
+    item: PropType<any>;
+    size: PropType<"small" | "medium" | "large">;
+    rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
+    fillMode: {
+        type: PropType<"flat" | "link" | "solid" | "outline">;
+        validator: (value: string) => boolean;
+    };
+    themeColor: {
+        type: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "dark" | "light" | "inverse">;
+        validator: (value: string) => boolean;
+    };
+    opened: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    buttonClass: PropType<string>;
+    dir: PropType<string>;
+}>, {
+    kendoAnchorRef: import('vue').Ref<any, any>;
+}, {
+    currentOpened: boolean;
+    focused: boolean;
+    focusedIndex: number;
+}, {
+    computedOpened(): boolean;
+    wrapperClass(): {
+        'k-dropdown-button': boolean;
+        'k-focus': any;
+    };
+}, {
+    element(): HTMLButtonElement | null;
+    onKeyDown(event: any): void;
+    onFocus(event: FocusEvent): void;
+    onBlur(event: FocusEvent): void;
+    createBlurTimeout(event: FocusEvent): void;
+    onItemClick(event: any, clickedItemIndex: number): void;
+    onItemDown(event: any): void;
+    mouseDown(event: any): void;
+    dispatchClickEvent(dispatchedEvent: any, index: number): void;
+    onClickMainButton(event: any): void;
+    dispatchPopupEvent(dispatchedEvent: any, open: boolean): void;
+    isItemDisabled(index: number): any;
+    isRtl(): boolean;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: (event: DropDownButtonFocusEvent) => true;
+    blur: (event: DropDownButtonBlurEvent) => true;
+    itemclick: (event: DropDownButtonItemClickEvent) => true;
+    open: (event: DropDownButtonOpenEvent) => true;
+    close: (event: DropDownButtonCloseEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    accessKey: PropType<string>;
+    items: {
+        type: PropType<any[]>;
+        default: () => any[];
+    };
+    ariaLabel: PropType<string>;
+    text: PropType<any>;
+    textField: PropType<string>;
+    tabIndex: PropType<number>;
+    disabled: PropType<boolean>;
+    icon: PropType<string>;
+    svgIcon: PropType<import('@progress/kendo-vue-common').SVGIcon>;
+    iconClass: PropType<string>;
+    imageUrl: PropType<string>;
+    popupSettings: PropType<import('..').ButtonsPopupSettings>;
+    itemRender: PropType<any>;
+    item: PropType<any>;
+    size: PropType<"small" | "medium" | "large">;
+    rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
+    fillMode: {
+        type: PropType<"flat" | "link" | "solid" | "outline">;
+        validator: (value: string) => boolean;
+    };
+    themeColor: {
+        type: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "dark" | "light" | "inverse">;
+        validator: (value: string) => boolean;
+    };
+    opened: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    buttonClass: PropType<string>;
+    dir: PropType<string>;
+}>> & Readonly<{
+    onBlur?: (event: DropDownButtonBlurEvent) => any;
+    onClose?: (event: DropDownButtonCloseEvent) => any;
+    onFocus?: (event: DropDownButtonFocusEvent) => any;
+    onOpen?: (event: DropDownButtonOpenEvent) => any;
+    onItemclick?: (event: DropDownButtonItemClickEvent) => any;
+}>, {
+    items: any[];
+    opened: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { DropDownButton };