@progress/kendo-react-buttons 13.3.0 → 13.4.0-develop.1

package/index.d.mts

@@ -5,2931 +5,46 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { Align } from '@progress/kendo-react-popup';
-import { BaseEvent } from '@progress/kendo-react-common';
-import { ButtonsClassStructure } from '@progress/kendo-react-common';
-import { default as default_2 } from 'prop-types';
-import { default as default_3 } from 'react';
-import { FormComponentProps } from '@progress/kendo-react-common';
-import { ForwardRefExoticComponent } from 'react';
-import { JSX } from 'react/jsx-runtime';
-import { KendoMouse } from '@progress/kendo-react-common';
-import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
-import { PopupAnimation } from '@progress/kendo-react-popup';
-import { PopupCloseEvent } from '@progress/kendo-react-popup';
-import * as React_2 from 'react';
-import { RefAttributes } from 'react';
-import { SVGIcon } from '@progress/kendo-react-common';
-
-export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<ButtonHandle | null>>;
-
-/**
- * Represents the ButtonGroup component.
- *
- * @remarks
- * Supported children components are: {@link Button}.
- */
-export declare const ButtonGroup: {
-    (props: ButtonGroupProps): JSX.Element;
-    propTypes: {
-        children: default_2.Requireable<NonNullable<default_2.ReactElementLike | (default_2.ReactElementLike | null | undefined)[] | null | undefined>>;
-        className: default_2.Requireable<string>;
-        disabled: default_2.Requireable<boolean>;
-        width: default_2.Requireable<string>;
-        dir: default_2.Requireable<string>;
-    };
-};
-
-/**
- * Represents the properties which can be set to a ButtonGroup.
- */
-declare interface ButtonGroupInterface {
-    /**
-     * @hidden
-     */
-    children?: React.ReactNode;
-    /**
-     * By default, the ButtonGroup is enabled ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/buttongroup/disabled-state)). To disable the whole group of buttons, set its `disabled` attribute to `true`. To disable a specific button, set its own `disabled` attribute to `true` and leave the `disabled` attribute of the ButtonGroup undefined.
-     *
-     * If you define the `disabled` attribute of the ButtonGroup, it takes precedence over the `disabled` attributes of the underlying buttons and they are ignored.
-     */
-    disabled?: boolean;
-    /**
-     * Sets the width of the ButtonGroup.
-     *
-     * If the width of the ButtonGroup is set:
-     * — The buttons resize automatically to fill the full width of the group wrapper.
-     * — The buttons get the same width.
-     */
-    width?: string;
-    /**
-     * Sets the direction of the ButtonGroup ([more information](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)).
-     *
-     * The available options are:
-     * * `rtl`
-     * * `ltr`
-     * * `auto`
-     */
-    dir?: string;
-}
-
-/**
- * Represents the props of the [KendoReact ButtonGroup component](https://www.telerik.com/kendo-react-ui/components/buttons/buttongroup).
- */
-export declare interface ButtonGroupProps extends ButtonGroupInterface {
-    /**
-     * Sets the `className` of the ButtonGroup component.
-     * Specifies a list of CSS classes that will be added to the ButtonGroup element.
-     *
-     * @example
-     * ```jsx
-     * <ButtonGroup className="custom-group" />
-     * ```
-     */
-    className?: string;
-    /**
-     * @hidden
-     * Provides an option to use unstyled classes for the ButtonGroup component.
-     */
-    unstyled?: ButtonsClassStructure;
-}
-
-/**
- * @hidden
- */
-export declare interface ButtonHandle {
-    /**
-     * Gets the DOM element of the Button component.
-     */
-    element: HTMLButtonElement | null;
-    /**
-     * Returns `true` when the component is togglable and selected ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/button/toggleable)).
-     * Otherwise, returns `false`.
-     */
-    selected: boolean;
-}
-
-/**
- * Inherits the native HTML Button. Represents the properties which can be set to a Button.
- */
-declare interface ButtonInterface {
-    /**
-     * Specifies if the Button is disabled ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/button/disabled-state)).
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Sets the selected state of the Button. You can use this for controlled mode.
-     */
-    selected?: boolean;
-    /**
-     * Provides visual styling that shows if the Button is selected ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/button/toggleable)).
-     *
-     * @default false
-     */
-    togglable?: boolean;
-    /**
-     * Defines the name for an existing icon in a KendoReact theme ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/button/icons)). The icon renders inside the Button by a `span.k-icon` element.
-     */
-    icon?: string;
-    /**
-     * Defines the SVG icon that renders inside the Button component.
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Defines a CSS class — or multiple classes separated by spaces — which apply to a `span` element inside the Button ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/button/icons)). Allows you to use custom icons.
-     */
-    iconClass?: string;
-    /**
-     * Defines a URL which is used as an `img` element inside the Button ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/button/icons)). The URL can be relative or absolute. If relative, it evaluates in relation to the URL of the web page.
-     */
-    imageUrl?: string;
-    /**
-     * Defines the alternative text of the image that renders inside the Button component.
-     */
-    imageAlt?: string;
-}
-
-/**
- * The interface for describing items that can be passed to the `items` property of the SplitButton or the DropDownButton as an alternative to passing them as children.
- */
-export declare interface ButtonItem {
-    /**
-     * Specifies the text of the item.
-     */
-    text: string;
-    /**
-     * Defines an icon that will be rendered next to the item text.
-     */
-    icon?: string;
-    /**
-     * Defines an SVG icon that will be rendered next to the item text.
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Defines an icon with a custom CSS class that will be rendered next to the item text.
-     */
-    iconClass?: string;
-    /**
-     * Defines the location of an image that will be displayed next to the item text.
-     */
-    imageUrl?: string;
-    /**
-     * Determines whether the item is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * A React functional or class component for rendering the item. The default rendering includes an icon, an image, and text.
-     */
-    render?: any;
-}
-
-/**
- * The props of the ButtonItem component.
- * The ButtonItem component renders each list item in the dropdown buttons list.
- */
-export declare interface ButtonItemProps {
-    /**
-     * Determines whether the item is focused.
-     */
-    focused?: boolean;
-    /**
-     * The index of the item in the items list.
-     */
-    index?: number;
-    /**
-     * A function that is fired when the item is clicked.
-     */
-    onClick: (event: React_2.MouseEvent<HTMLLIElement, MouseEvent>, index?: number) => void;
-    /**
-     * A function that is fired when the mouse or pointer is pressed down on the item.
-     */
-    onDown?: (event: React_2.PointerEvent<HTMLLIElement> | React_2.MouseEvent<HTMLLIElement, MouseEvent>) => void;
-    /**
-     * A React component for rendering the item.
-     */
-    item?: null | React_2.ComponentType<{
-        item: any;
-        itemIndex: number;
-    }>;
-    /**
-     * A function or React component for rendering the item. The default rendering includes an icon, an image, and text.
-     */
-    render?: ((li: React_2.ReactElement<HTMLLIElement>, props: ButtonItemProps) => React_2.ReactNode) | React_2.ComponentType<{
-        item: any;
-        itemIndex: number;
-    }>;
-    /**
-     * The data item represented by this button item.
-     */
-    dataItem: any;
-    /**
-     * The id attribute of the item.
-     */
-    id?: string;
-    /**
-     * The field of the data item that provides the text content of the item.
-     */
-    textField?: string;
-    /**
-     * One or more CSS classes that will be added to the item element.
-     */
-    className?: string;
-    /**
-     * Internal property for the unstyled rendering variant of the component.
-     */
-    unstyled?: ButtonsClassStructure;
-}
-
-/**
- * Represents the props of the [KendoReact Button component](https://www.telerik.com/kendo-react-ui/components/buttons/button).
- * Extends the [native button props](https://developer.mozilla.org/en-US/docs/Web/API/HTMLButtonElement).
- */
-export declare interface ButtonProps extends ButtonInterface, React_2.ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * @hidden
-     */
-    children?: React_2.ReactNode;
-    /**
-     * Configures the `size` of the Button. See [Button Appearance](https://www.telerik.com/kendo-react-ui/components/buttons/button/appearance).
-     *
-     * @default 'medium'
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Configures the `roundness` of the Button. See [Button Appearance](https://www.telerik.com/kendo-react-ui/components/buttons/button/appearance).
-     *
-     * @default 'medium'
-     */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full';
-    /**
-     * Sets the `title` HTML attribute of the Button.
-     */
-    title?: string;
-    /**
-     * Configures the `fillMode` of the Button. See [Button Appearance](https://www.telerik.com/kendo-react-ui/components/buttons/button/appearance).
-     *
-     * @default 'solid'
-     */
-    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';
-    /**
-     * Configures the `themeColor` of the Button. See [Button Appearance](https://www.telerik.com/kendo-react-ui/components/buttons/button/appearance).
-     *
-     * @default 'base'
-     */
-    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
-    /**
-     * Sets an SVG icon or custom element before the content of the Button. For the custom component, consider using
-     * [Phrasing content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#phrasing_content).
-     * Do not use [Interactive content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#interactive_content).
-     */
-    startIcon?: React_2.ReactNode;
-    /**
-     * Sets an SVG icon or custom element after the content of the Button. For the custom component, consider using
-     * [Phrasing content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#phrasing_content).
-     * Do not use [Interactive content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#interactive_content).
-     */
-    endIcon?: React_2.ReactNode;
-    /**
-     * The unstyled option classes.
-     */
-    unstyled?: ButtonsClassStructure;
-    /**
-     * @hidden
-     */
-    ariaPressed?: boolean;
-    /**
-     * Configures the `size` of the SVG icon that displays inside the Button.
-     *
-     * @default 'medium'
-     */
-    iconSize?: null | 'small' | 'medium' | 'large';
-}
-
-/**
- * The settings of the popup container.
- */
-export declare interface ButtonsPopupSettings {
-    /**
-     * Controls the popup animation. By default, the open and close animations are enabled.
-     */
-    animate?: boolean | PopupAnimation;
-    /**
-     * Specifies a list of CSS classes that are used for styling the popup.
-     */
-    popupClass?: string;
-    /**
-     * Specifies the pivot point of the anchor
-     * ([see example](https://www.telerik.com/kendo-react-ui/components/popup/aligning-positioning)).
-     */
-    anchorAlign?: Align;
-    /**
-     * Specifies the pivot point of the Popup
-     * ([see example](https://www.telerik.com/kendo-react-ui/components/popup/aligning-positioning)).
-     */
-    popupAlign?: Align;
-    /**
-     * Fires after the Popup is closed.
-     */
-    onClose?: (event: PopupCloseEvent) => void;
-}
-
-/**
- * Represents the Chip component.
- */
-export declare const Chip: React_2.ForwardRefExoticComponent<ChipProps & React_2.RefAttributes<ChipHandle | null>>;
-
-export declare interface ChipAvatarProps {
-    /**
-     * Sets the image of the avatar.
-     */
-    image: string;
-    /**
-     * Defines the alternative text of the avatar image.
-     */
-    imageAlt: string;
-    /**
-     * Configures the `roundness` of the avatar
-     */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full';
-    /**
-     * Sets additional CSS styles to the avatar
-     */
-    style?: React_2.CSSProperties;
-}
-
-/**
- * Represents the return type of the ChipFocusEvent.
- */
-export declare interface ChipFocusEvent {
-    /**
-     * The target of the ChipFocusEvent from ChipHandle.
-     */
-    target: ChipHandle;
-    /**
-     * The event of the ChipFocusEvent.
-     */
-    syntheticEvent: React.FocusEvent<any>;
-}
-
-/**
- * Represents the target(element and props) of the ChipRemoveEvent.
- */
-export declare interface ChipHandle {
-    /**
-     * The current element or `null` if there is no one.
-     */
-    element: HTMLDivElement | null;
-    /**
-     * The props values of the Chip.
-     */
-    props: ChipProps;
-}
-
-/**
- * Represents the return type of the ChipKeyboardEvent.
- */
-export declare interface ChipKeyboardEvent {
-    /**
-     * The target of the ChipKeyboardEvent from ChipHandle.
-     */
-    target: ChipHandle;
-    /**
-     * The event of the ChipKeyboardEvent.
-     */
-    syntheticEvent: React.KeyboardEvent<any>;
-}
-
-/**
- * Represents the ChipList component.
- */
-export declare const ChipList: React_2.ForwardRefExoticComponent<ChipListProps & React_2.RefAttributes<ChipListHandle | null>>;
-
-/**
- * Represents the return type of the ChipListChangeEvent.
- */
-export declare interface ChipListChangeEvent {
-    /**
-     * Represents the new state value.
-     */
-    value: any | any[];
-    /**
-     * The target of the ChipListChangeEvent from ChipListHandle.
-     */
-    target: ChipListHandle;
-    /**
-     * The event of the ChipListChangeEvent.
-     */
-    syntheticEvent: React.SyntheticEvent<any>;
-}
-
-/**
- * Represents the return type of the ChipListDataChangeEvent.
- */
-export declare interface ChipListDataChangeEvent {
-    /**
-     * Represents the new data state value.
-     */
-    value: any | any[];
-    /**
-     * The target of the ChipListChangeEvent from ChipListHandle.
-     */
-    target: ChipListHandle;
-    /**
-     * The event of the ChipListChangeEvent.
-     */
-    syntheticEvent: React.SyntheticEvent<any>;
-}
-
-/**
- * Represents the target(element and props) of the ChipListChangeEvent.
- */
-export declare interface ChipListHandle {
-    /**
-     * The current element or `null` if there is no one.
-     */
-    element: HTMLDivElement | null;
-    /**
-     * The props values of the ChipList.
-     */
-    props: ChipListProps;
-}
-
-/**
- * Represents the properties of [ChipList](https://www.telerik.com/kendo-react-ui/components/buttons/api/chiplist) component.
- */
-export declare interface ChipListProps extends FormComponentProps, KendoMouse<ChipListHandle, HTMLDivElement> {
-    /**
-     * Sets the `id` property of the top div element of the ChipList.
-     *
-     * @example
-     * ```jsx
-     * <ChipList id="chiplist1" />
-     * ```
-     */
-    id?: string;
-    /**
-     * Sets additional classes to the ChipList.
-     *
-     * @example
-     * ```jsx
-     * <ChipList className="custom-chiplist" />
-     * ```
-     */
-    className?: string;
-    /**
-     * Sets the `tabIndex` attribute.
-     *
-     * @example
-     * ```jsx
-     * <ChipList tabIndex={0} />
-     * ```
-     */
-    tabIndex?: number;
-    /**
-     * Sets additional CSS styles to the ChipList.
-     *
-     * @example
-     * ```jsx
-     * <ChipList style={{ margin: '10px' }} />
-     * ```
-     */
-    style?: React_2.CSSProperties;
-    /**
-     * Represents Chip component.
-     *
-     * @example
-     * ```jsx
-     * <ChipList chip={CustomChip} />
-     * ```
-     */
-    chip?: React_2.ComponentType<ChipProps>;
-    /**
-     * Represents the data about the child Chips.
-     *
-     * @example
-     * ```jsx
-     * <ChipList data={[{ text: 'Chip1' }, { text: 'Chip2' }]} />
-     * ```
-     */
-    data?: any;
-    /**
-     * Represents the default data about the child Chips.
-     *
-     * @example
-     * ```jsx
-     * <ChipList defaultData={[{ text: 'DefaultChip1' }, { text: 'DefaultChip2' }]} />
-     * ```
-     */
-    defaultData?: any[];
-    /**
-     * Fires after Chip data change.
-     *
-     * @example
-     * ```jsx
-     * <ChipList onDataChange={(event) => console.log(event.value)} />
-     * ```
-     */
-    onDataChange?: (event: ChipListDataChangeEvent) => void;
-    /**
-     * Represents the selection state of Chip component.
-     *
-     * @example
-     * ```jsx
-     * <ChipList value={[{ text: 'SelectedChip' }]} />
-     * ```
-     */
-    value?: any | any[];
-    /**
-     * Represents the default value of the selection state of Chip component.
-     *
-     * @example
-     * ```jsx
-     * <ChipList defaultValue={[{ text: 'DefaultSelectedChip' }]} />
-     * ```
-     */
-    defaultValue?: any | any[];
-    /**
-     * Fires after value change.
-     *
-     * @example
-     * ```jsx
-     * <ChipList onChange={(event) => console.log(event.value)} />
-     * ```
-     */
-    onChange?: (event: ChipListChangeEvent) => void;
-    /**
-     * Represents the selection state of Chip component.
-     *
-     * @example
-     * ```jsx
-     * <ChipList selection="multiple" />
-     * ```
-     */
-    selection?: string;
-    /**
-     * Represents the `text` field of Chip, used for the `label`.
-     *
-     * @example
-     * ```jsx
-     * <ChipList textField="name" />
-     * ```
-     */
-    textField?: string;
-    /**
-     * Represents the `value` field of Chip, used for setting the Chip `id`.
-     *
-     * @example
-     * ```jsx
-     * <ChipList valueField="id" />
-     * ```
-     */
-    valueField?: string;
-    /**
-     * Determines of ChipList is disabled.
-     *
-     * @example
-     * ```jsx
-     * <ChipList disabled={true} />
-     * ```
-     */
-    disabled?: boolean;
-    /**
-     * The ChipList direction 'ltr' as default or 'rtl'.
-     *
-     * @example
-     * ```jsx
-     * <ChipList dir="rtl" />
-     * ```
-     */
-    dir?: string;
-    /**
-     * Identifies the element(s) which describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
-     * For example, these elements could contain error or hint message.
-     *
-     * @example
-     * ```jsx
-     * <ChipList ariaDescribedBy="description" />
-     * ```
-     */
-    ariaDescribedBy?: string;
-    /**
-     * Identifies the element(s) which label the component.
-     *
-     * @example
-     * ```jsx
-     * <ChipList ariaLabelledBy="label" />
-     * ```
-     */
-    ariaLabelledBy?: string;
-    /**
-     * The accessible label of the component.
-     *
-     * @example
-     * ```jsx
-     * <ChipList ariaLabel="ChipList" />
-     * ```
-     */
-    ariaLabel?: string;
-    /**
-     * Configures the `size` of the ChipList.
-     *
-     * The available options are:
-     * — `small`
-     * — `medium`
-     * — `large`
-     * — `null` — Does not set a size `className`.
-     *
-     * @default 'medium'
-     *
-     * @example
-     * ```jsx
-     * <ChipList size="large" />
-     * ```
-     */
-    size?: null | 'small' | 'medium' | 'large';
-}
-
-/**
- * Represents the return type of the ChipMouseEvent.
- */
-export declare interface ChipMouseEvent {
-    /**
-     * The target of the ChipMouseEvent from ChipHandle.
-     */
-    target: ChipHandle;
-    /**
-     * The event of the ChipMouseEvent.
-     */
-    syntheticEvent: React.MouseEvent<any>;
-}
-
-/**
- * Represents the properties of [Chip](https://www.telerik.com/kendo-react-ui/components/buttons/api/chip) component.
- */
-export declare interface ChipProps {
-    /**
-     * Sets the `id` property of the top div element of the Chip.
-     *
-     * @example
-     * ```jsx
-     * <Chip id="chip1" />
-     * ```
-     */
-    id?: string;
-    /**
-     * Sets additional classes to the Chip.
-     *
-     * @example
-     * ```jsx
-     * <Chip className="custom-chip" />
-     * ```
-     */
-    className?: string;
-    /**
-     * The React elements that will be rendered as custom content inside the Chip.
-     *
-     * @example
-     * ```jsx
-     * <Chip>Custom Content</Chip>
-     * ```
-     */
-    children?: React_2.ReactNode;
-    /**
-     * Sets the `tabIndex` attribute.
-     *
-     * @example
-     * ```jsx
-     * <Chip tabIndex={0} />
-     * ```
-     */
-    tabIndex?: number;
-    /**
-     * Sets additional CSS styles to the Chip.
-     *
-     * @example
-     * ```jsx
-     * <Chip style={{ margin: '10px' }} />
-     * ```
-     */
-    style?: React_2.CSSProperties;
-    /**
-     * Sets the label text of the Chip.
-     *
-     * @example
-     * ```jsx
-     * <Chip text="Label" />
-     * ```
-     */
-    text?: string;
-    /**
-     * Sets the `id` value of the Chip.
-     *
-     * @example
-     * ```jsx
-     * <Chip value="chip1" />
-     * ```
-     */
-    value?: any;
-    /**
-     * The Chip direction 'ltr' as default or 'rtl'.
-     *
-     * @example
-     * ```jsx
-     * <Chip dir="rtl" />
-     * ```
-     */
-    dir?: string;
-    /**
-     * Determines if the Chip could be removed.
-     *
-     * @example
-     * ```jsx
-     * <Chip removable />
-     * ```
-     */
-    removable?: boolean;
-    /**
-     * Determines if the Chip has custom font `removeIcon`.
-     *
-     * @example
-     * ```jsx
-     * <Chip removeIcon="k-i-close" />
-     * ```
-     */
-    removeIcon?: string;
-    /**
-     * Determines if the Chip has custom SVG `removeIcon`.
-     *
-     * @example
-     * ```jsx
-     * import { gearIcon } from '@progress/kendo-svg-icons';
-     *
-     * <Chip removeSvgIcon={gearIcon} />
-     * ```
-     */
-    removeSvgIcon?: SVGIcon;
-    /**
-     * Determines if the Chip is disabled.
-     *
-     * @example
-     * ```jsx
-     * <Chip disabled />
-     * ```
-     */
-    disabled?: boolean;
-    /**
-     * Determines if the Chip has a font `icon`.
-     *
-     * @example
-     * ```jsx
-     * <Chip icon="k-i-user" />
-     * ```
-     */
-    icon?: string;
-    /**
-     * Determines if the Chip has an SVG `icon`.
-     *
-     * @example
-     * ```jsx
-     * import { gearIcon } from '@progress/kendo-svg-icons';
-     *
-     * <Chip svgIcon={gearIcon} />
-     * ```
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Determines if the Chip has an avatar.
-     *
-     * @example
-     * ```jsx
-     * <Chip avatar={{ image: 'avatar.png', imageAlt: 'Avatar' }} />
-     * ```
-     */
-    avatar?: ChipAvatarProps;
-    /**
-     * Determines if the Chip has custom selection font `icon`.
-     *
-     * @example
-     * ```jsx
-     * <Chip selectedIcon="k-i-check" />
-     * ```
-     */
-    selectedIcon?: string;
-    /**
-     * Determines if the Chip has custom selection SVG `icon`.
-     *
-     * @example
-     * ```jsx
-     * import { gearIcon } from '@progress/kendo-svg-icons';
-     *
-     * <Chip selectedSvgIcon={gearIcon} />
-     * ```
-     */
-    selectedSvgIcon?: SVGIcon;
-    /**
-     * Fires on Chip removing.
-     *
-     * @example
-     * ```jsx
-     * <Chip onRemove={(event) => console.log(event)} />
-     * ```
-     */
-    onRemove?: (event: ChipRemoveEvent) => void;
-    /**
-     * Fires on `onClick` event.
-     *
-     * @example
-     * ```jsx
-     * <Chip onClick={(event) => console.log(event)} />
-     * ```
-     */
-    onClick?: (event: ChipMouseEvent) => void;
-    /**
-     * Fires on `onMouseDown` event.
-     *
-     * @example
-     * ```jsx
-     * <Chip onMouseDown={(event) => console.log(event)} />
-     * ```
-     */
-    onMouseDown?: (event: ChipMouseEvent) => void;
-    /**
-     * Fires on `onMouseUp` event.
-     *
-     * @example
-     * ```jsx
-     * <Chip onMouseUp={(event) => console.log(event)} />
-     * ```
-     */
-    onMouseUp?: (event: ChipMouseEvent) => void;
-    /**
-     * Fires on `onDoubleClick` event.
-     *
-     * @example
-     * ```jsx
-     * <Chip onDoubleClick={(event) => console.log(event)} />
-     * ```
-     */
-    onDoubleClick?: (event: ChipMouseEvent) => void;
-    /**
-     * Fires on `onMouseEnter` event.
-     *
-     * @example
-     * ```jsx
-     * <Chip onMouseEnter={(event) => console.log(event)} />
-     * ```
-     */
-    onMouseEnter?: (event: ChipMouseEvent) => void;
-    /**
-     * Fires on `onMouseLeave` event.
-     *
-     * @example
-     * ```jsx
-     * <Chip onMouseLeave={(event) => console.log(event)} />
-     * ```
-     */
-    onMouseLeave?: (event: ChipMouseEvent) => void;
-    /**
-     * Fires on `onMouseMove` event.
-     *
-     * @example
-     * ```jsx
-     * <Chip onMouseMove={(event) => console.log(event)} />
-     * ```
-     */
-    onMouseMove?: (event: ChipMouseEvent) => void;
-    /**
-     * Fires on `onMouseOut` event.
-     *
-     * @example
-     * ```jsx
-     * <Chip onMouseOut={(event) => console.log(event)} />
-     * ```
-     */
-    onMouseOut?: (event: ChipMouseEvent) => void;
-    /**
-     * Fires on `onMouseOver` event.
-     *
-     * @example
-     * ```jsx
-     * <Chip onMouseOver={(event) => console.log(event)} />
-     * ```
-     */
-    onMouseOver?: (event: ChipMouseEvent) => void;
-    /**
-     * Fires on `onKeyDown` event.
-     *
-     * @example
-     * ```jsx
-     * <Chip onKeyDown={(event) => console.log(event)} />
-     * ```
-     */
-    onKeyDown?: (event: ChipKeyboardEvent) => void;
-    /**
-     * Fires on `onFocus` event.
-     *
-     * @example
-     * ```jsx
-     * <Chip onFocus={(event) => console.log(event)} />
-     * ```
-     */
-    onFocus?: (event: ChipFocusEvent) => void;
-    /**
-     * Fires on `onBlur` event.
-     *
-     * @example
-     * ```jsx
-     * <Chip onBlur={(event) => console.log(event)} />
-     * ```
-     */
-    onBlur?: (event: ChipFocusEvent) => void;
-    /**
-     * Represents the item data, coming from the `ChipList` component.
-     *
-     * @example
-     * ```jsx
-     * <Chip dataItem={{ text: 'Chip1' }} />
-     * ```
-     */
-    dataItem?: any;
-    /**
-     * Determines if the Chip is selected.
-     *
-     * @example
-     * ```jsx
-     * <Chip selected />
-     * ```
-     */
-    selected?: boolean;
-    /**
-     * Identifies the element(s) which describe the component, similar to an [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
-     * For example, these elements could contain an error or a hint message.
-     *
-     * @example
-     * ```jsx
-     * <Chip ariaDescribedBy="description" />
-     * ```
-     */
-    ariaDescribedBy?: string;
-    /**
-     * @hidden
-     */
-    role?: string;
-    /**
-     * Configures the `size` of the Chip.
-     * The available options are:
-     * - `small`
-     * - `medium`
-     * - `large`
-     * - `null` (removes built-in size styles)
-     *
-     * @default `medium`
-     * @example
-     * ```jsx
-     * <Chip size="large" />
-     * ```
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Configures the `roundness` of the Chip.
-     * The available options are:
-     * - `small`
-     * - `medium`
-     * - `large`
-     * - `full`
-     * - `null` (removes built-in roundness styles)
-     *
-     * @default `medium`
-     * @example
-     * ```jsx
-     * <Chip rounded="full" />
-     * ```
-     */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full';
-    /**
-     * Configures the `fillMode` of the Chip.
-     * The available options are:
-     * - `solid`
-     * - `outline`
-     * - `null` (removes built-in fill mode styles)
-     *
-     * @default `solid`
-     * @example
-     * ```jsx
-     * <Chip fillMode="outline" />
-     * ```
-     */
-    fillMode?: null | 'solid' | 'outline';
-    /**
-     * Configures the `themeColor` of the Chip.
-     * The available options are:
-     * - `base`
-     * - `info`
-     * - `success`
-     * - `warning`
-     * - `error`
-     * - `null` (removes built-in theme color styles)
-     *
-     * @default `base`
-     * @example
-     * ```jsx
-     * <Chip themeColor="success" />
-     * ```
-     */
-    themeColor?: null | 'base' | 'info' | 'success' | 'warning' | 'error';
-    /**
-     * Represents the label of the Chip component.
-     *
-     * @example
-     * ```jsx
-     * <Chip ariaLabel="Chip Label" />
-     * ```
-     */
-    ariaLabel?: string;
-}
-
-/**
- * Represents the return type of the ChipRemoveEvent.
- */
-export declare interface ChipRemoveEvent {
-    /**
-     * The target of the ChipRemoveEvent from ChipHandle.
-     */
-    target: ChipHandle;
-    /**
-     * The event of the ChipRemoveEvent.
-     */
-    syntheticEvent: React.SyntheticEvent<any>;
-}
-
-/** @hidden */
-export declare const DropDownButton: ForwardRefExoticComponent<DropDownButtonProps & RefAttributes<any>>;
-
-export declare interface DropDownButtonBlurEvent extends BaseEvent<DropDownButtonClassComponent> {
-}
-
-/** @hidden */
-export declare type DropDownButtonClassComponent = DropDownButtonHandle;
-
-/**
- * Represents the [KendoReact DropDownButton component](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton).
- *
- * @example
- * ```jsx
- * const App = () => {
- *        return (
- *            <DropDownButton text="Act">
- *                <DropDownButtonItem text="Item1" />
- *                <DropDownButtonItem text="Item2" />
- *                <DropDownButtonItem text="Item3" />
- *            </DropDownButton>
- *        );
- * }
- * ```
- */
-export declare const DropDownButtonClassComponent: React_2.ForwardRefExoticComponent<DropDownButtonProps & React_2.RefAttributes<any>>;
-
-/**
- * @hidden
- */
-declare interface DropDownButtonClickEvent extends BaseEvent<DropDownButtonClassComponent> {
-}
-
-export declare interface DropDownButtonCloseEvent extends BaseEvent<DropDownButtonClassComponent> {
-}
-
-export declare interface DropDownButtonFocusEvent extends BaseEvent<DropDownButtonClassComponent> {
-}
-
-/**
- * Represent the `ref` of the DropDownButton component.
- */
-export declare interface DropDownButtonHandle extends Pick<DropDownButtonWithoutContext, keyof DropDownButtonWithoutContext> {
-    /**
-     * The DOM element of main button.
-     */
-    element: HTMLButtonElement | null;
-    /**
-     * The props of the DropDownButtonHandle component.
-     */
-    props: Readonly<DropDownButtonProps>;
-}
-
-export declare class DropDownButtonItem extends React_2.Component<DropDownButtonItemProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        text: default_2.Requireable<string>;
-        icon: default_2.Requireable<string>;
-        iconClass: default_2.Requireable<string>;
-        imageUrl: default_2.Requireable<string>;
-        selected: default_2.Requireable<boolean>;
-        disabled: default_2.Requireable<boolean>;
-        render: default_2.Requireable<any>;
-    };
-    /**
-     * @hidden
-     */
-    render(): null;
-}
-
-/**
- * The arguments for the `itemClick` event.
- */
-export declare interface DropDownButtonItemClickEvent extends BaseEvent<DropDownButtonClassComponent> {
-    /**
-     * The clicked item.
-     */
-    item: any;
-    /**
-     * The zero-based index of the clicked item.
-     */
-    itemIndex: number;
-}
-
-/**
- * The properties of the KendoReact DropDownButtonItem component.
- */
-export declare interface DropDownButtonItemProps extends ButtonItem {
-    /**
-     * Determines the selected state of the ButtonItem component.
-     */
-    selected?: boolean;
-}
-
-export declare interface DropDownButtonOpenEvent extends BaseEvent<DropDownButtonClassComponent> {
-}
-
-export declare interface DropDownButtonProps extends KendoReactComponentBaseProps {
-    /**
-     * Specifies the `accessKey` of the main button.
-     */
-    accessKey?: string;
-    /**
-     * The accessible label of the component.
-     */
-    ariaLabel?: string;
-    /**
-     * The title of the component.
-     */
-    title?: string;
-    /**
-     * Specifies the text of the main button ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton)).
-     */
-    text?: React.ReactNode;
-    /**
-     * Specifies the list items ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/data-binding#toc-arrays-of-objects)).
-     */
-    items?: any[];
-    /**
-     * Configures the field that will be used for the text of the `items`. `textField` has to be used together with the `items` prop ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/data-binding#toc-arrays-of-objects)).
-     */
-    textField?: string;
-    /**
-     * Specifies the `tabIndex` of the main button.
-     */
-    tabIndex?: number;
-    /**
-     * Determines whether the component is disabled ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/disabled)).
-     */
-    disabled?: boolean;
-    /**
-     * Opens the popup of the DropDownButton if set to `true`.
-     */
-    opened?: boolean;
-    /**
-     * Defines an icon that will be rendered next to the main button text ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/icons)).
-     */
-    icon?: string;
-    /**
-     * Defines a SVG icon that will be rendered next to the main button text ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/icons)).
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Defines an icon with a custom CSS class that will be rendered next to the main button text ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/icons)).
-     */
-    iconClass?: string;
-    /**
-     * Defines the location of an image that will be displayed next to the main button text ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/icons)).
-     */
-    imageUrl?: string;
-    /**
-     * Configures the popup
-     * ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/customization#toc-popup-behavior)).
-     */
-    popupSettings?: ButtonsPopupSettings;
-    /**
-     * @hidden
-     */
-    unstyled?: ButtonsClassStructure;
-    /**
-     * @hidden
-     * This prop is provided by the withZIndexContext HOC to subscribe to ZIndexContext.
-     */
-    _zIndex?: number;
-    /**
-     * A React functional or class component which is used for rendering items ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/customization#toc-items-rendering)). The default rendering includes an icon, an image, and text.
-     */
-    item?: null | React.ComponentType<{
-        item: any;
-        itemIndex: number;
-    }>;
-    /**
-     * Fires when a dropdown list button item is about to be rendered. Use it to override the default appearance of the list items.
-     * if `item` prop is not declared, `itemRender` behaves like `item`, for backward compatibility with versions before 4.2.0
-     */
-    itemRender?: ((li: React.ReactElement<HTMLLIElement>, props: ButtonItemProps) => React.ReactNode) | React.ComponentType<{
-        item: any;
-        itemIndex: number;
-    }>;
-    /**
-     * Sets the `className` of the DropDownButton component.
-     */
-    className?: string;
-    /**
-     * Sets the `className` of the main button.
-     */
-    buttonClass?: string;
-    /**
-     * Sets the direction of the component.
-     */
-    dir?: string;
-    /**
-     * Fires when the component is focused ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/events)).
-     */
-    onFocus?: (event: DropDownButtonFocusEvent) => void;
-    /**
-     * Fires when the component is blurred ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/events)).
-     */
-    onBlur?: (event: DropDownButtonBlurEvent) => void;
-    /**
-     * Fires when an item is clicked ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/events)).
-     */
-    onItemClick?: (event: DropDownButtonItemClickEvent) => void;
-    /**
-     * Fires when the popup which contains the items is opened ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/events)).
-     */
-    onOpen?: (event: DropDownButtonOpenEvent) => void;
-    /**
-     * Fires when the popup which contains the items is closed ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/events)).
-     */
-    onClose?: (event: DropDownButtonCloseEvent) => void;
-    /**
-     * @hidden
-     * Fires when the main button is clicked
-     */
-    onClick?(event: DropDownButtonClickEvent): void;
-    /**
-     * Configures the `size` of the DropDownButton.
-     *
-     * The available options are:
-     * — `small`
-     * — `medium`
-     * — `large`
-     * — `null` — Does not set a size `className`.
-     *
-     * @default 'medium'
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Configures the `roundness` of the DropDownButton.
-     *
-     * The available options are:
-     * — `small`
-     * — `medium`
-     * — `large`
-     * — `full`
-     * — `null` — Does not set a rounded `className`.
-     *
-     * @default 'medium'
-     */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full';
-    /**
-     * Configures the `fillMode` of the DropDownButton.
-     *
-     * The available options are:
-     * — `solid`
-     * — `outline`
-     * — `flat`
-     * — `link`
-     * — `null` — Does not set a fillMode `className`.
-     *
-     * @default 'solid'
-     */
-    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';
-    /**
-     * Configures the `themeColor` of the DropDownButton.
-     *
-     * The available options are:
-     * — `base`
-     * — `primary`
-     * — `secondary`
-     * — `tertiary`
-     * — `info`
-     * — `success`
-     * — `warning`
-     * — `error`
-     * — `dark`
-     * — `light`
-     * — `inverse`
-     * — `null` — Does not set a themeColor `className`.
-     *
-     * @default 'base'
-     */
-    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
-    /**
-     * Sets an SVG icon or custom element before the content of the DropDownButton. For the custom component, we recommend using [Phrasing content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#phrasing_content)
-     * but there must be no [Interactive content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#interactive_content).
-     */
-    startIcon?: React.ReactNode;
-    /**
-     * Sets an SVG icon or custom element after the content of the DropDownButton. For the custom component, we recommend using [Phrasing content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#phrasing_content)
-     * but there must be no [Interactive content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#interactive_content).
-     */
-    endIcon?: React.ReactNode;
-}
-
-/**
- * @hidden
- */
-declare interface DropDownButtonState {
-    focusedIndex?: number;
-    focused?: boolean;
-    opened: boolean;
-}
-
-/**
- * @hidden
- */
-declare class DropDownButtonWithoutContext extends React_2.Component<DropDownButtonProps, DropDownButtonState> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        accessKey: default_2.Requireable<string>;
-        ariaLabel: default_2.Requireable<string>;
-        title: default_2.Requireable<string>;
-        onFocus: default_2.Requireable<(...args: any[]) => any>;
-        onBlur: default_2.Requireable<(...args: any[]) => any>;
-        onClick: default_2.Requireable<(...args: any[]) => any>;
-        onItemClick: default_2.Requireable<(...args: any[]) => any>;
-        onOpen: default_2.Requireable<(...args: any[]) => any>;
-        onClose: default_2.Requireable<(...args: any[]) => any>;
-        items: default_2.Requireable<any[]>;
-        textField: default_2.Requireable<string>;
-        tabIndex: default_2.Requireable<number>;
-        disabled: default_2.Requireable<boolean>;
-        icon: default_2.Requireable<string>;
-        svgIcon: default_2.Requireable<default_2.InferProps<{
-            name: default_2.Validator<string>;
-            content: default_2.Validator<string>;
-            viewBox: default_2.Validator<string>;
-        }>>;
-        iconClass: default_2.Requireable<string>;
-        imageUrl: default_2.Requireable<string>;
-        popupSettings: default_2.Requireable<object>;
-        itemRender: default_2.Requireable<(...args: any[]) => any>;
-        item: default_2.Requireable<(...args: any[]) => any>;
-        className: default_2.Requireable<string>;
-        buttonClass: default_2.Requireable<string>;
-        dir: default_2.Requireable<string>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        size: string;
-        rounded: string;
-        fillMode: string;
-        themeColor: string;
-    };
-    /**
-     * @hidden
-     */
-    readonly state: {
-        opened: boolean;
-        focused: boolean;
-        focusedIndex: number;
-    };
-    private mainButton;
-    private list;
-    private skipFocus;
-    private get guid();
-    private readonly showLicenseWatermark;
-    private readonly licenseMessage?;
-    private buttonsData;
-    private openedDuringOnChange?;
-    private get opened();
-    constructor(props: DropDownButtonProps);
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * The DOM element of main button.
-     */
-    get element(): HTMLButtonElement | null;
-    private onKeyDown;
-    private switchFocus;
-    private handleFocus;
-    private handleButtonBlur;
-    private handleMenuBlur;
-    private setOpen;
-    private onItemClick;
-    private onItemDown;
-    private mouseDown;
-    private dispatchClickEvent;
-    private renderPopup;
-    private onPopupClose;
-    private listRef;
-    private renderChildItems;
-    private onClickMainButton;
-    private dispatchPopupEvent;
-    private isItemDisabled;
-    private isRtl;
-}
-
-/**
- * Represents the [KendoReact FloatingActionButton component](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton).
- *
- * @example
- * ```jsx
- * const App = () => {
- *   return (
- *     <FloatingActionButton icon="plus" text="Create"/>
- *   );
- * };
- * ```
- */
-export declare const FloatingActionButton: React_2.ForwardRefExoticComponent<FloatingActionButtonProps & React_2.RefAttributes<FloatingActionButtonHandle | null>>;
-
-/**
- * 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 declare interface FloatingActionButtonAlign {
-    /**
-     * Defines the possible horizontal alignment of the Floating Action Button.
-     *
-     * The available values are:
-     * - `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.
-     */
-    horizontal?: 'start' | 'center' | 'end';
-    /**
-     * Defines the possible vertical alignment of the Floating Action Button.
-     *
-     * The available values are:
-     * - `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.
-     */
-    vertical?: 'top' | 'middle' | 'bottom';
-}
-
-/**
- * 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 declare 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;
-}
-
-/**
- * Represents the return type of the FloatingActionButton events.
- */
-export declare interface FloatingActionButtonEvent extends BaseEvent<FloatingActionButtonHandle> {
-}
-
-/**
- * The FloatingActionButton ref.
- */
-export declare interface FloatingActionButtonHandle {
-    /**
-     * The FloatingActionButton element.
-     */
-    element: HTMLButtonElement | null;
-    /**
-     * Focus the FloatingActionButton.
-     */
-    focus: () => void;
-}
-
-/**
- * Represents the [KendoReact FloatingActionButtonItem component](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton).
- *
- * @example
- * ```jsx
- *
- * const App = () => {
- *   return (
- *       <FloatingActionButton items={[{icon: 'pencil', text: 'Edit'}, {icon: 'close', text: 'Remove'}] icon: 'plus'} />
- *   );
- * };
- * ```
- */
-export declare const FloatingActionButtonItem: React_2.ForwardRefExoticComponent<Omit<FloatingActionButtonItemProps, "ref"> & React_2.RefAttributes<FloatingActionButtonItemHandle | null>>;
-
-/**
- * Represents the return type of the FloatingActionButtonItemEvent.
- */
-export declare interface FloatingActionButtonItemEvent extends BaseEvent<FloatingActionButtonHandle> {
-    /**
-     * The clicked item props.
-     */
-    itemProps?: FloatingActionButtonItemProps;
-    /**
-     * The zero-based index of the clicked item.
-     */
-    itemIndex: number;
-}
-
-/**
- * The FloatingActionButtonItemHandle ref.
- */
-export declare interface FloatingActionButtonItemHandle {
-    /**
-     * The FloatingActionButtonItemHandle element.
-     */
-    element: HTMLLIElement | null;
-    /**
-     * Focus the FloatingActionButtonItem.
-     */
-    focus: () => void;
-}
-
-/**
- * Represents the props of the [KendoReact FloatingActionButtonItem component](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton).
- */
-export declare interface FloatingActionButtonItemProps {
-    /**
-     * Sets additional CSS styles to the FloatingActionButtonItem.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButtonItem style={{ margin: '10px' }} />
-     * ```
-     */
-    style?: React_2.CSSProperties;
-    /**
-     * Specifies a list of CSS classes that will be added to the FloatingActionButtonItem.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButtonItem className="custom-item" />
-     * ```
-     */
-    className?: string;
-    /**
-     * Represents the children that are passed to the FloatingActionButtonItem.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButtonItem>Custom Content</FloatingActionButtonItem>
-     * ```
-     */
-    children?: any;
-    /**
-     * Specifies if the Floating Action Button Item is disabled [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/items/disabled-item).
-     *
-     * @default false
-     * @example
-     * ```jsx
-     * <FloatingActionButtonItem disabled />
-     * ```
-     */
-    disabled?: boolean;
-    /**
-     * Sets the index of the Floating Action Button Item that you use to identify it.
-     */
-    index?: number;
-    /**
-     * Defines the icon that renders in the FloatingActionButtonItem
-     * [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/items/data-binding).
-     */
-    icon?: string;
-    /**
-     * Defines the SVG icon that renders in the FloatingActionButtonItem.
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Specifies the text of the FloatingActionButtonItem
-     * [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/items/data-binding).
-     */
-    text?: string;
-    /**
-     * Sets the `tabIndex` property of the FloatingActionButtonItem.
-     *
-     * @default 0
-     */
-    tabIndex?: number;
-    /**
-     * Sets a custom property. Contained in the FloatingActionButtonItem props that are
-     * returned from the `onItemClick` FloatingActionButton event
-     * [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/items/customization#toc-items-rendering).
-     */
-    [customProp: string]: any;
-    /**
-     * @hidden
-     */
-    id?: string;
-    /**
-     * @hidden
-     */
-    dataItem?: any;
-    /**
-     * @hidden
-     */
-    item?: any;
-    /**
-     * @hidden
-     */
-    focused?: boolean;
-    /**
-     * @hidden
-     */
-    onDown?: (event: any) => void;
-    /**
-     * @hidden
-     */
-    onClick?: (event: any, index: number) => void;
-}
-
-/**
- * Represents the settings that can be passed to the Popup inside the FloatingActionButtonPopupSettings.
- */
-export declare interface FloatingActionButtonPopupSettings {
-    /**
-     * Controls the popup animation. By default, the open and close animations are enabled
-     * [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/items/customization#toc-popup-behavior).
-     */
-    animate?: boolean | PopupAnimation;
-    /**
-     * Specifies a list of CSS classes that are used for styling the popup
-     * [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/items/customization#toc-popup-behavior).
-     */
-    popupClass?: string;
-    /**
-     * @hidden
-     */
-    anchorAlign?: Align;
-    /**
-     * @hidden
-     */
-    popupAlign?: Align;
-}
-
-/**
- * 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 declare type FloatingActionButtonPositionMode = 'absolute' | 'fixed';
-
-/**
- * Represents the props of the [KendoReact FloatingActionButton component](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton).
- */
-export declare interface FloatingActionButtonProps extends Omit_2<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onBlur' | 'onFocus' | 'onKeyDown' | 'onClick'> {
-    /**
-     * Sets additional CSS styles to the Floating Action Button.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton style={{ backgroundColor: 'blue' }} />
-     * ```
-     */
-    style?: React.CSSProperties;
-    /**
-     * Specifies a list of CSS classes that will be added to the Floating Action Button.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton className="custom-fab" />
-     * ```
-     */
-    className?: string;
-    /**
-     * Represents the `dir` HTML attribute for text direction.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton dir="rtl" />
-     * ```
-     */
-    dir?: string;
-    /**
-     * Sets the `id` property of the root HTML element.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton id="fab1" />
-     * ```
-     */
-    id?: string;
-    /**
-     * Specifies if the FloatingActionButton is disabled.
-     *
-     * @default false
-     * @example
-     * ```jsx
-     * <FloatingActionButton disabled />
-     * ```
-     */
-    disabled?: boolean;
-    /**
-     * Defines the icon that renders in the FloatingActionButton.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton icon="k-icon k-i-plus" />
-     * ```
-     */
-    icon?: string;
-    /**
-     * Defines the SVG icon that renders in the FloatingActionButton.
-     *
-     * @example
-     * ```jsx
-     * import { gearIcon } from '@progress/kendo-svg-icons';
-     *
-     * <FloatingActionButton svgIcon={gearIcon} />
-     * ```
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Defines a custom CSS class for the icon.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton iconClass="custom-icon-class" />
-     * ```
-     */
-    iconClass?: string;
-    /**
-     * Specifies the text of the Floating Action Button.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton text="Click me" />
-     * ```
-     */
-    text?: string;
-    /**
-     * Specifies the horizontal and vertical offset of the FloatingActionButton.
-     * [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/positioning).
-     *
-     * Normally, the floating button positions 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 force a button to overflow the boundaries of its container.
-     *
-     * The possible keys are:
-     * * `x` — Sets the horizontal offset of the FloatingActionButton.
-     * * `y` — Sets the vertical offset of the FloatingActionButton.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton alignOffset={{ horizontal: 10, vertical: 20 }} />
-     * ```
-     */
-    alignOffset?: FloatingActionButtonAlignOffset;
-    /**
-     * Specifies the alignment of the FloatingActionButton within its container.
-     * [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/positioning).
-     *
-     * > Centering the FloatingActionButton 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` — Defines the possible horizontal alignment of the FloatingActionButton.
-     *   * `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
-     * * `vertical` — Defines the possible vertical alignment of the FloatingActionButton.
-     *   * `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.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton align="bottom end" />
-     * ```
-     */
-    align?: FloatingActionButtonAlign;
-    /**
-     * Specifies the position mode of the Floating Action Button.
-     * [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/positioning). 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'
-     *
-     * @default 'fixed'
-     * @example
-     * ```jsx
-     * <FloatingActionButton positionMode="absolute" />
-     * ```
-     */
-    positionMode?: FloatingActionButtonPositionMode;
-    /**
-     * Specifies the size of the FloatingActionButton.
-     * [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/appearance).
-     *
-     * 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`.
-     * * `null` — Does not set a size `className`.
-     *
-     * @default 'medium'
-     * @example
-     * ```jsx
-     * <FloatingActionButton size="large" />
-     * ```
-     */
-    size?: FloatingActionButtonSize;
-    /**
-     * Configures the rounding of the Floating Action Button.
-     *
-     * The possible values are:
-     * * `small`
-     * * `medium`
-     * * `large`
-     * * `full`
-     * * `null`&mdash;Does not set a rounded `className`.
-     *
-     * @default `full`
-     *
-     * @default 'full'
-     * @example
-     * ```jsx
-     * <FloatingActionButton rounded="small" />
-     * ```
-     */
-    rounded?: FloatingActionButtonRounded;
-    /**
-     * Configures the theme color of the FloatingActionButton.
-     * [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/appearance).
-     *
-     * 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.
-     * * `null`&mdash;Does not set a theme color `className`.
-     *
-     * @default 'primary'
-     * @example
-     * ```jsx
-     * <FloatingActionButton themeColor="secondary" />
-     * ```
-     */
-    themeColor?: FloatingActionButtonThemeColor;
-    /**
-     * Defines the collection of items rendered in the Floating Action Button.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton items={[{ text: 'Item 1' }, { text: 'Item 2' }]} />
-     * ```
-     */
-    items?: Array<FloatingActionButtonItemProps>;
-    /**
-     * Overrides the default component responsible for rendering items.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton item={CustomItemComponent} />
-     * ```
-     */
-    item?: React.ComponentType<FloatingActionButtonItemProps>;
-    /**
-     * Configures the popup settings for the Floating Action Button.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton popupSettings={{ animate: false }} />
-     * ```
-     */
-    popupSettings?: FloatingActionButtonPopupSettings;
-    /**
-     * Sets the `tabIndex` of the main button.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton tabIndex={0} />
-     * ```
-     */
-    tabIndex?: number;
-    /**
-     * Sets the `accessKey` of the main button.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton accessKey="a" />
-     * ```
-     */
-    accessKey?: string;
-    /**
-     * Enables modal behavior by rendering an overlay under the Floating Action Button.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton modal />
-     * ```
-     */
-    modal?: boolean;
-    /**
-     * Sets styles for the overlay element when the `modal` prop is enabled.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton overlayStyle={{ backgroundColor: 'rgba(0, 0, 0, 0.5)' }} />
-     * ```
-     */
-    overlayStyle?: React.CSSProperties;
-    /**
-     * Fires when the Floating Action Button is focused.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton onFocus={(event) => console.log(event)} />
-     * ```
-     */
-    onFocus?: (event: FloatingActionButtonEvent) => void;
-    /**
-     * Fires when the Floating Action Button is blurred.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton onBlur={(event) => console.log(event)} />
-     * ```
-     */
-    onBlur?: (event: FloatingActionButtonEvent) => void;
-    /**
-     * Fires when the Floating Action Button is clicked.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton onClick={(event) => console.log(event)} />
-     * ```
-     */
-    onClick?: (event: FloatingActionButtonEvent) => void;
-    /**
-     * Fires when a Floating Action Button item is clicked.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton onItemClick={(event) => console.log(event)} />
-     * ```
-     */
-    onItemClick?: (event: FloatingActionButtonItemEvent) => void;
-    /**
-     * Fires when a key is pressed while the Floating Action Button is focused.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton onKeyDown={(event) => console.log(event)} />
-     * ```
-     */
-    onKeyDown?: (event: FloatingActionButtonEvent) => void;
-    /**
-     * Fires when the popup which contains the items is opened
-     * [see example](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton/events).
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton onOpen={(event) => console.log(event)} />
-     * ```
-     */
-    onOpen?: (event: FloatingActionButtonEvent) => void;
-    /**
-     * Fires when the popup containing the items is closed.
-     *
-     * @example
-     * ```jsx
-     * <FloatingActionButton onClose={(event) => console.log(event)} />
-     * ```
-     */
-    onClose?: (event: FloatingActionButtonEvent) => void;
-}
-
-/**
- * Specifies the rounding of the Floating Action Button.
- *
- * The possible values are:
- * * `small`
- * * `medium`
- * * `large`
- * * `full`
- * * `null`&mdash;Does not set a rounded `className`.
- *
- */
-export declare type FloatingActionButtonRounded = null | 'small' | 'medium' | 'large' | 'full';
-
-/**
- * Specifies the size of the 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`.
- * * `null`&mdash;Does not set a size `className`.
- *
- */
-export declare type FloatingActionButtonSize = null | 'small' | 'medium' | 'large';
-
-/**
- * Specifies the theme color of the Floating Action Button..
- *
- * 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.
- * * `null`&mdash;Does not set a theme color `className`.
- *
- */
-export declare type FloatingActionButtonThemeColor = null | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
-
-/**
- * @hidden
- */
-declare type Omit_2<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
-
-/**
- * @hidden
- */
-declare type Omit_3<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
-
-/**
- * Represents a single recognition alternative from the speech engine.
- */
-declare interface SpeechRecognitionAlternative_2 {
-    /**
-     * The transcript of the recognized speech.
-     */
-    transcript: string;
-    /**
-     * A confidence score for the transcript, where 0 indicates no confidence and 1 indicates complete confidence.
-     */
-    confidence: number;
-}
-
-/**
- * Represents the [KendoReact SpeechToTextButton component](https://www.telerik.com/kendo-react-ui/components/buttons/speechtotextbutton).
- *
- * @example
- * ```jsx
- * const App = () => {
- *   return (
- *     <SpeechToTextButton />
- *   );
- * };
- * ```
- */
-export declare const SpeechToTextButton: default_3.ForwardRefExoticComponent<SpeechToTextButtonProps & default_3.RefAttributes<SpeechToTextButtonHandle>>;
-
-/**
- * The SpeechToTextButton ref.
- */
-export declare interface SpeechToTextButtonHandle {
-    /**
-     * The `start` event callback that starts the speech recognition service listening to incoming audio with intent to recognize grammars.
-     */
-    start: () => void;
-    /**
-     * The `stop` event callback that stops the speech recognition service from listening to incoming audio, and attempts to return a result using the audio captured so far.
-     */
-    stop: () => void;
-    /**
-     * The `abort` event callback that stops the speech recognition service from listening to incoming audio, and doesn't attempt to return a result.
-     */
-    abort: () => void;
-    /**
-     * The `isActive` event callback that returns boolean value if the SpeechToTextButton is in active state.
-     */
-    isActive: () => boolean;
-}
-
-/**
- * Represents the props of the [KendoReact SpeechToTextButton component](https://www.telerik.com/kendo-react-ui/components/buttons/speechtotextbutton).
- */
-export declare interface SpeechToTextButtonProps extends Omit_3<ButtonProps, 'onError' | 'endIcon' | 'startIcon' | 'selected' | 'imageAlt' | 'imageUrl' | 'togglable'> {
-    /**
-     * The valid BCP 47 language tag to use for speech recognition.
-     *
-     * @default 'en-US'
-     */
-    lang?: string;
-    /**
-     * Specifies whether the speech recognition should continue until explicitly stopped.
-     *
-     * @default false
-     */
-    continuous?: boolean;
-    /**
-     * Specifies whether to return interim results.
-     *
-     * @default false
-     */
-    interimResults?: boolean;
-    /**
-     * Specifies the maximum number of alternative transcriptions to return.
-     *
-     * @default 1
-     */
-    maxAlternatives?: number;
-    /**
-     * Specifies which speech recognition engine or integration the component should use.
-     * This allows the component to operate in different environments or use alternative implementations.
-     */
-    integrationMode?: 'webSpeech' | 'none';
-    /**
-     * The accessible label of the component.
-     */
-    ariaLabel?: string;
-    /**
-     * Specifies if the SpeechToTextButton is disabled ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/speechtotextbutton/disabled-state)).
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Sets additional classes to the SpeechToTextButton ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/speechtotextbutton/appearance#custom-styling)).
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the SpeechToTextButton ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/speechtotextbutton/appearance#custom-styling)).
-     */
-    style?: React.CSSProperties;
-    /**
-     * Callback function that is called when speech recognition starts.
-     */
-    onStart?: () => void;
-    /**
-     * Callback function that is called when a speech recognition result is available.
-     * The event contains the `isFinal` flag and an array of alternatives.
-     */
-    onResult?: (event: SpeechToTextResultEvent) => void;
-    /**
-     * Callback function that is called when speech recognition ends.
-     */
-    onEnd?: () => void;
-    /**
-     * Callback function that is called when an error occurs during speech recognition.
-     */
-    onError?: (event: SpeechToTextErrorEvent) => void;
-}
-
-/**
- * The event argument for the `error` event of the SpeechToTextButton.
- */
-export declare interface SpeechToTextErrorEvent {
-    /**
-     * Message detailing the cause of the speech recognition error. Use this message for debugging or user feedback.
-     */
-    errorMessage: string;
-}
-
-/**
- * The event argument for the `result` event of the SpeechToTextButton.
- */
-export declare interface SpeechToTextResultEvent {
-    /**
-     * Indicates whether the speech recognition result is final (`true`) or interim (`false`).
-     */
-    isFinal: boolean;
-    /**
-     * An array of possible recognition alternatives returned by the speech engine.
-     */
-    alternatives: SpeechRecognitionAlternative_2[];
-}
-
-/** @hidden */
-export declare const SplitButton: ForwardRefExoticComponent<SplitButtonProps & RefAttributes<any>>;
-
-export declare interface SplitButtonBlurEvent extends BaseEvent<SplitButtonClassComponent> {
-}
-
-/**
- * Represents the [KendoReact SplitButton component](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton).
- *
- * @example
- * ```jsx
- * const App = () => {
- *        return (
- *            <SplitButton text="Act">
- *                <SplitButtonItem text="Item1" />
- *                <SplitButtonItem text="Item2" />
- *                <SplitButtonItem text="Item3" />
- *            </SplitButton>
- *        );
- * }
- * ```
- */
-export declare class SplitButtonClassComponent extends React_2.Component<SplitButtonProps, SplitButtonState> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        accessKey: default_2.Requireable<string>;
-        ariaLabel: default_2.Requireable<string>;
-        title: default_2.Requireable<string>;
-        onButtonClick: default_2.Requireable<(...args: any[]) => any>;
-        onFocus: default_2.Requireable<(...args: any[]) => any>;
-        onBlur: default_2.Requireable<(...args: any[]) => any>;
-        onItemClick: default_2.Requireable<(...args: any[]) => any>;
-        onOpen: default_2.Requireable<(...args: any[]) => any>;
-        onClose: default_2.Requireable<(...args: any[]) => any>;
-        text: default_2.Requireable<string>;
-        items: default_2.Requireable<any[]>;
-        textField: default_2.Requireable<string>;
-        tabIndex: default_2.Requireable<number>;
-        disabled: default_2.Requireable<boolean>;
-        icon: default_2.Requireable<string>;
-        svgIcon: default_2.Requireable<default_2.InferProps<{
-            name: default_2.Validator<string>;
-            content: default_2.Validator<string>;
-            viewBox: default_2.Validator<string>;
-        }>>;
-        imageUrl: default_2.Requireable<string>;
-        popupSettings: default_2.Requireable<object>;
-        itemRender: default_2.Requireable<any>;
-        item: default_2.Requireable<(...args: any[]) => any>;
-        className: default_2.Requireable<string>;
-        buttonClass: default_2.Requireable<string>;
-        dir: default_2.Requireable<string>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        size: string;
-        rounded: string;
-        fillMode: string;
-        themeColor: string;
-    };
-    /**
-     * @hidden
-     */
-    readonly state: {
-        focused: boolean;
-        focusedIndex: number;
-        opened: boolean;
-    };
-    private wrapper;
-    private mainButton;
-    private list;
-    private get guid();
-    private skipFocus;
-    private buttonsData;
-    private openedDuringOnChange?;
-    private readonly showLicenseWatermark;
-    private readonly licenseMessage?;
-    constructor(props: SplitButtonProps);
-    private get opened();
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * The DOM element of main button.
-     */
-    get element(): HTMLButtonElement | null;
-    private onKeyDown;
-    private switchFocus;
-    private onFocus;
-    private setOpen;
-    private onItemClick;
-    private onBlur;
-    private dispatchClickEvent;
-    private renderPopup;
-    private onPopupClose;
-    private listRef;
-    private renderChildItems;
-    private onSplitPartClick;
-    private onDownSplitPart;
-    private onItemDown;
-    private dispatchPopupEvent;
-    private isItemDisabled;
-    private isRtl;
-}
-
-export declare interface SplitButtonClickEvent extends BaseEvent<SplitButtonClassComponent> {
-}
-
-export declare interface SplitButtonCloseEvent extends BaseEvent<SplitButtonClassComponent> {
-}
-
-export declare interface SplitButtonFocusEvent extends BaseEvent<SplitButtonClassComponent> {
-}
-
-/**
- * Represent the `ref` of the SplitButton component.
- */
-export declare interface SplitButtonHandle extends Pick<SplitButtonClassComponent, keyof SplitButtonClassComponent> {
-    /**
-     * The DOM element of main button.
-     */
-    element: HTMLButtonElement | null;
-    /**
-     * The props of the SplitButtonHandle component.
-     */
-    props: Readonly<SplitButtonProps>;
-}
-
-export declare class SplitButtonItem extends React_2.Component<SplitButtonItemProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        text: default_2.Requireable<string>;
-        icon: default_2.Requireable<string>;
-        iconClass: default_2.Requireable<string>;
-        imageUrl: default_2.Requireable<string>;
-        disabled: default_2.Requireable<boolean>;
-        render: default_2.Requireable<any>;
-    };
-    /**
-     * @hidden
-     */
-    render(): null;
-}
-
-/**
- * The arguments for the `itemClick` event.
- */
-export declare interface SplitButtonItemClickEvent extends BaseEvent<SplitButtonClassComponent> {
-    /**
-     * The clicked item.
-     */
-    item: any;
-    /**
-     * The zero-based index of the clicked item.
-     */
-    itemIndex: number;
-}
-
-/**
- * The properties of the KendoReact SplitButtonItem component.
- */
-export declare interface SplitButtonItemProps extends ButtonItem {
-}
-
-export declare interface SplitButtonOpenEvent extends BaseEvent<SplitButtonClassComponent> {
-}
-
-export declare interface SplitButtonProps extends KendoReactComponentBaseProps {
-    /**
-     * Specifies the `accessKey` of the main button.
-     */
-    accessKey?: string;
-    /**
-     * The accessible label of the component.
-     */
-    ariaLabel?: string;
-    /**
-     * The title of the component.
-     */
-    title?: string;
-    /**
-     * Specifies the text of the main button ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton)).
-     */
-    text?: string;
-    /**
-     * Specifies the list items ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/data-binding#toc-arrays-of-objects)).
-     */
-    items?: any[];
-    /**
-     * Configures the field that will be used for the text of the `items`. `textField` has to be used together with the `items` prop ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/data-binding#toc-arrays-of-objects)).
-     */
-    textField?: string;
-    /**
-     * Specifies the `tabIndex` of the main button.
-     */
-    tabIndex?: number;
-    /**
-     * Determines whether the component is disabled ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/disabled)).
-     */
-    disabled?: boolean;
-    /**
-     * Defines an icon that will be rendered next to the main button text ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/icons)).
-     */
-    icon?: string;
-    /**
-     * Defines a SVG icon that will be rendered next to the main button text ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/icons)).
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Defines an icon with a custom CSS class that will be rendered next to the main button text ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/icons)).
-     */
-    iconClass?: string;
-    /**
-     * Sets an SVG icon or custom element before the content of the SplitButton. For the custom component, we recommend
-     * using [Phrasing content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#phrasing_content)
-     * but there must be no [Interactive content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#interactive_content).
-     */
-    startIcon?: React.ReactNode;
-    /**
-     * Sets an SVG icon or custom element after the content of the SplitButton. For the custom component, we recommend
-     * using [Phrasing content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#phrasing_content)
-     * but there must be no [Interactive content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#interactive_content).
-     */
-    endIcon?: React.ReactNode;
-    /**
-     * Defines the location of an image that will be displayed next to the main button text ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/icons)).
-     */
-    imageUrl?: string;
-    /**
-     * Configures the popup ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/customization#toc-popup-behavior)).
-     */
-    popupSettings?: ButtonsPopupSettings;
-    /**
-     * Opens the popup of the SplitButton if set to `true`.
-     */
-    opened?: boolean;
-    /**
-     * A React functional or class component which is used for rendering items ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/customization#toc-items-rendering)). The default rendering includes an icon, an image, and text.
-     */
-    item?: null | React.ComponentType<{
-        item: any;
-        itemIndex: number;
-    }>;
-    /**
-     * Fires when a dropdown list button item is about to be rendered. Use it to override the default appearance of the list items.
-     * if `item` prop is not declared, `itemRender` behaves like `item`, for backward compatibility with versions before 4.2.0
-     */
-    itemRender?: ((li: React.ReactElement<HTMLLIElement>, props: ButtonItemProps) => React.ReactNode) | React.ComponentType<{
-        item: any;
-        itemIndex: number;
-    }>;
-    /**
-     * Sets the `className` of the SplitButton component.
-     */
-    className?: string;
-    /**
-     * Sets the `className` of the main button.
-     */
-    buttonClass?: string;
-    /**
-     * Sets the direction of the component.
-     */
-    dir?: string;
-    /**
-     * Fires when the main button is clicked ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/events)).
-     */
-    onButtonClick?: (event: SplitButtonClickEvent) => void;
-    /**
-     * Fires when the component is focused ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/events)).
-     */
-    onFocus?: (event: SplitButtonFocusEvent) => void;
-    /**
-     * Fires when the component is blurred ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/events)).
-     */
-    onBlur?: (event: SplitButtonBlurEvent) => void;
-    /**
-     * Fires when an item is clicked ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/events)).
-     */
-    onItemClick?: (event: SplitButtonItemClickEvent) => void;
-    /**
-     * Fires when the popup which contains the items is opened ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/events)).
-     */
-    onOpen?: (event: SplitButtonOpenEvent) => void;
-    /**
-     * Fires when the popup which contains the items is closed ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/splitbutton/events)).
-     */
-    onClose?: (event: SplitButtonCloseEvent) => void;
-    /**
-     * Configures the `size` of the SplitButton.
-     *
-     * The available options are:
-     * — `small`
-     * — `medium`
-     * — `large`
-     * — `null` — Does not set a size `className`.
-     *
-     * @default 'medium'
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Configures the `roundness` of the SplitButton.
-     *
-     * The available options are:
-     * — `small`
-     * — `medium`
-     * — `large`
-     * — `full`
-     * — `null` — Does not set a rounded `className`.
-     *
-     * @default 'medium'
-     */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full';
-    /**
-     * Configures the `fillMode` of the SplitButton.
-     *
-     * The available options are:
-     * — `solid`
-     * — `outline`
-     * — `flat`
-     * — `link`
-     * — `null` — Does not set a fillMode `className`.
-     *
-     * @default 'solid'
-     */
-    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link';
-    /**
-     * Configures the `themeColor` of the SplitButton.
-     *
-     * The available options are:
-     * — `base`
-     * — `primary`
-     * — `secondary`
-     * — `tertiary`
-     * — `info`
-     * — `success`
-     * — `warning`
-     * — `error`
-     * — `dark`
-     * — `light`
-     * — `inverse`
-     * — `null` — Does not set a themeColor `className`.
-     *
-     * @default 'base'
-     */
-    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
-}
-
-/**
- * @hidden
- */
-declare interface SplitButtonState {
-    focusedIndex?: number;
-    focused?: boolean;
-    opened?: boolean;
-}
-
-/**
- * Represents the [KendoReact Toolbar component](https://www.telerik.com/kendo-react-ui/components/buttons/toolbar).
- *
- * @example
- * ```jsx
- * const App = () => {
- *       return (
- *          <Toolbar>
- *              <ToolbarItem>
- *                  <ButtonGroup>
- *                      <Button togglable={true} icon="bold" />
- *                      <Button togglable={true} icon="italic" />
- *                      <Button togglable={true} icon="underline" />
- *                  </ButtonGroup>
- *              </ToolbarItem>
- *              <ToolbarItem>
- *                  <ButtonGroup>
- *                      <Button icon="hyperlink">Insert Link</Button>
- *                      <Button icon="image">Insert Image</Button>
- *                      <Button icon="table">Insert Table</Button>
- *                  </ButtonGroup>
- *              </ToolbarItem>
- *          </Toolbar>
- *       );
- * }
- * ```
- */
-export declare const Toolbar: React_2.ForwardRefExoticComponent<ToolbarProps & React_2.RefAttributes<ToolbarHandle>>;
-
-/**
- * @hidden
- */
-export declare const toolbarButtons: string[];
-
-/**
- * Represents the Toolbar handle.
- */
-export declare interface ToolbarHandle {
-    /**
-     * Represents the element of the Toolbar component.
-     */
-    element: HTMLDivElement | null;
-    /**
-     * Represents the props of the Toolbar component.
-     */
-    props: Readonly<ToolbarProps>;
-}
-
-/**
- * Represents the KendoReact ToolbarItem component.
- * To add a tool to the Toolbar, wrap it inside a ToolbarItem component
- * ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/toolbar/tools)).
- */
-export declare const ToolbarItem: React_2.ForwardRefExoticComponent<ToolbarItemProps & React_2.RefAttributes<ToolbarItemHandle>>;
-
-/**
- * Represents the ToolbarItem handle.
- */
-export declare interface ToolbarItemHandle {
-    /**
-     * Returns the HTML element of the ToolbarItem component.
-     */
-    element: HTMLDivElement | null;
-}
-
-/**
- * Represents the props of KendoReact ToolbarItem component.
- */
-export declare interface ToolbarItemProps extends KendoReactComponentBaseProps {
-    /**
-     * Sets additional classes to the ToolbarItem component.
-     *
-     * @example
-     * ```jsx
-     * <ToolbarItem className="custom-class" />
-     * ```
-     */
-    className?: string;
-    /**
-     * Sets additional styles to the ToolbarItem component.
-     *
-     * @example
-     * ```jsx
-     * <ToolbarItem style={{ margin: '10px' }} />
-     * ```
-     */
-    style?: React_2.CSSProperties;
-}
-
-/**
- * @hidden
- */
-export declare interface ToolbarOverflowProps {
-    /**
-     * Represents the possible overflow mode options of the Toolbar.
-     * Applicable when there is not enough space to render all tools.
-     *
-     * @default `none`
-     */
-    overflow?: 'none' | 'section' | 'scroll';
-    /**
-     * Determines the Toolbar scroll buttons visibility.
-     * Applicable when the overflow property is set to `scroll`.
-     *
-     * @default `auto`
-     */
-    scrollButtons?: 'hidden' | 'visible' | 'auto';
-    /**
-     * Determines the Toolbar scroll buttons position.
-     * Applicable when the overflow property is set to `scroll`.
-     *
-     * @default `split`
-     */
-    scrollButtonsPosition?: 'start' | 'end' | 'split';
-    /**
-     * Sets the Toolbar scroll speed in pixels when scrolling via clicking the previous or next button.
-     * Applicable when the overflow property is set to `scroll`.
-     *
-     * @default 100
-     */
-    buttonScrollSpeed?: number;
-    /**
-     * Defines the custom component that will be rendered as a previous button.
-     * To remove the button, set a function which returns null `() => null`.
-     */
-    prevButton?: React.ComponentType;
-    /**
-     * Defines the custom component that will be rendered as a next button.
-     * To remove the button, set a function which returns null `() => null`.
-     */
-    nextButton?: React.ComponentType;
-}
-
-/**
- * Represents the props of the [KendoReact Toolbar component](https://www.telerik.com/kendo-react-ui/components/buttons/toolbar).
- */
-export declare interface ToolbarProps extends KendoReactComponentBaseProps, ToolbarOverflowProps {
-    /**
-     * Sets additional classes to the Toolbar.
-     *
-     * @example
-     * ```jsx
-     * <Toolbar className="custom-toolbar" />
-     * ```
-     */
-    className?: string;
-    /**
-     * Represents the `dir` HTML attribute.
-     *
-     * @example
-     * ```jsx
-     * <Toolbar dir="rtl" />
-     * ```
-     */
-    dir?: string;
-    /**
-     * The styles that are applied to the Toolbar.
-     *
-     * @example
-     * ```jsx
-     * <Toolbar style={{ backgroundColor: 'lightblue' }} />
-     * ```
-     */
-    style?: React_2.CSSProperties;
-    /**
-     * Represents the `aria-label` HTML attribute of the Toolbar component.
-     *
-     * @example
-     * ```jsx
-     * <Toolbar ariaLabel="Main toolbar" />
-     * ```
-     */
-    ariaLabel?: string;
-    /**
-     * Specifies the `tabIndex` of the Toolbar.
-     *
-     * @example
-     * ```jsx
-     * <Toolbar tabIndex={0} />
-     * ```
-     */
-    tabIndex?: number;
-    /**
-     * The `resize` event of the Toolbar.
-     *
-     * @example
-     * ```jsx
-     * <Toolbar onResize={(event) => console.log(event)} />
-     * ```
-     */
-    onResize?: (event: ToolbarResizeEvent) => void;
-    /**
-     * If set to `false`, it will turn off the built-in keyboard navigation.
-     *
-     * @example
-     * ```jsx
-     * <Toolbar keyboardNavigation={false} />
-     * ```
-     */
-    keyboardNavigation?: boolean;
-    /**
-     * @hidden
-     *
-     * The CSS selectors of the toolbar HTML elements used by built-in keyboard navigation.
-     * Each selector needs to point to a focusable element.
-     * Defaults to [
-     *  'button',
-     *  '.k-button-group > button',
-     *  '.k-dropdown > .k-dropdown-wrap',
-     *  '.k-colorpicker > .k-picker-wrap'
-     * ].
-     */
-    buttons?: string[];
-    /**
-     * Configures the `size` of the Toolbar.
-     * The available options are:
-     * — `small` — Sets the padding of the component to 4px 4px.
-     * — `medium` — Sets the padding of the component to 8px 8px.
-     * — `large` — Sets the padding of the component to 10px 10px.
-     * — `null` — This option removes the the built-in size styles of the Toolbar. Allows for custom `padding`.
-     *
-     * @default 'medium'
-     * @example
-     * ```jsx
-     * <Toolbar size="large" />
-     * ```
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Configures the `fillMode` of the Toolbar.
-     * The available options are:
-     * — `solid` — Applies a `background` color and `solid borders`.
-     * — `flat` — Sets a `transparent background` and `solid bottom border`.
-     * — `outline` — Sets a `transparent background` and `solid borders`.
-     * — `null` — This option removes the built-in fill mode styles of the Toolbar. Allows for custom `background` and `border` styles.
-     *
-     * @default 'solid'
-     * @example
-     * ```jsx
-     * <Toolbar fillMode="flat" />
-     * ```
-     */
-    fillMode?: null | 'solid' | 'flat' | 'outline';
-    /**
-     * @hidden
-     */
-    role?: string;
-    /**
-     * @hidden
-     */
-    _ariaControls?: string;
-}
-
-/**
- * Represents the `resize` event of the Toolbar.
- */
-export declare interface ToolbarResizeEvent {
-    /**
-     * An event target.
-     */
-    target: ToolbarHandle;
-    /**
-     * The `offsetWidth` event of the Toolbar.
-     */
-    offsetWidth: number;
-    /**
-     * The `offsetHeight` event of the Toolbar.
-     */
-    offsetHeight: number;
-    /**
-     * A native DOM event.
-     */
-    nativeEvent: any;
-}
-
-export declare const ToolbarSeparator: (props: ToolbarSeparatorProps) => JSX.Element;
-
-/**
- * Represents the KendoReact Toolbar Separator component.
- */
-export declare interface ToolbarSeparatorProps {
-    /**
-     * Sets additional classes to the ToolbarSeparator component.
-     */
-    className?: string;
-    /**
-     * @hidden
-     */
-    _ref?: React_2.Ref<HTMLDivElement>;
-}
-
-/**
- * Represents the KendoReact ToolbarSpacer component.
- * To specify an empty space, provide a ToolbarSpacer component
- * ([see example](https://www.telerik.com/kendo-react-ui/components/buttons/toolbar/tools)).
- */
-export declare const ToolbarSpacer: React_2.ForwardRefExoticComponent<ToolbarSpacerProps & React_2.RefAttributes<ToolbarSpacerHandle>>;
-
-/** @hidden */
-declare interface ToolbarSpacerHandle {
-    /**
-     * Returns the HTML element of the ToolbarSpacer component.
-     */
-    element: HTMLDivElement | null;
-}
-
-/**
- * Represents the props of KendoReact ToolbarSpacer component.
- */
-export declare interface ToolbarSpacerProps {
-    /**
-     * Sets additional classes to the ToolbarSpacer component.
-     */
-    className?: string;
-}
-
-export { }
+import { Button, ButtonProps, ButtonHandle } from './Button.js';
+import { ButtonGroup, ButtonGroupProps } from './ButtonGroup.js';
+import { SplitButton as SplitButtonClassComponent, SplitButtonHandle } from './ListButton/SplitButton.js';
+import { SplitButtonItem, SplitButtonItemProps } from './ListButton/SplitButtonItem.js';
+import { DropDownButton as DropDownButtonClassComponent, DropDownButtonHandle } from './ListButton/DropDownButton.js';
+import { DropDownButtonItem, DropDownButtonItemProps } from './ListButton/DropDownButtonItem.js';
+import { DropDownButtonProps, SplitButtonProps } from './ListButton/models/ListButtonProps.js';
+import { SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonClickEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, SplitButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent, DropDownButtonItemClickEvent } from './ListButton/models/events.js';
+import { ButtonItem } from './ListButton/models/ButtonItem.js';
+import { ButtonItemProps } from './ListButton/ButtonItem.js';
+import { ButtonsPopupSettings } from './ListButton/models/PopupSettings.js';
+import { Toolbar } from './toolbar/Toolbar.js';
+import { ToolbarProps } from './toolbar/interfaces/ToolbarProps.js';
+import { ToolbarOverflowProps } from './toolbar/interfaces/ToolbarOverflowProps.js';
+import { ToolbarHandle } from './toolbar/interfaces/ToolbarHandle.js';
+import { ToolbarResizeEvent } from './toolbar/events/ToolbarResizeEvent.js';
+import { ToolbarItem, ToolbarItemHandle, ToolbarItemProps } from './toolbar/tools/ToolbarItem.js';
+import { ToolbarSeparator, ToolbarSeparatorProps } from './toolbar/tools/ToolbarSeparator.js';
+import { ToolbarSpacer, ToolbarSpacerProps } from './toolbar/tools/ToolbarSpacer.js';
+import { toolbarButtons } from './util.js';
+import { Chip, ChipProps, ChipHandle, ChipAvatarProps } from './Chip/Chip.js';
+import { ChipList, ChipListProps, ChipListHandle } from './Chip/ChipList.js';
+import { ChipRemoveEvent, ChipMouseEvent, ChipKeyboardEvent, ChipFocusEvent, ChipListChangeEvent, ChipListDataChangeEvent } from './models/index.js';
+import { FloatingActionButton } from './FloatingActionButton/FloatingActionButton.js';
+import { FloatingActionButtonHandle } from './FloatingActionButton/interfaces/FloatingActionButtonHandle.js';
+import { FloatingActionButtonProps } from './FloatingActionButton/interfaces/FloatingActionButtonProps.js';
+import { FloatingActionButtonItem, FloatingActionButtonItemHandle, FloatingActionButtonItemProps } from './FloatingActionButton/FloatingActionButtonItem.js';
+import { FloatingActionButtonPopupSettings } from './FloatingActionButton/interfaces/FloatingActionButtonPopupSettings.js';
+import { FloatingActionButtonAlign } from './FloatingActionButton/models/align.js';
+import { FloatingActionButtonAlignOffset } from './FloatingActionButton/models/align-offset.js';
+import { FloatingActionButtonPositionMode } from './FloatingActionButton/models/position-mode.js';
+import { FloatingActionButtonSize } from './FloatingActionButton/models/size.js';
+import { FloatingActionButtonRounded } from './FloatingActionButton/models/rounded.js';
+import { FloatingActionButtonThemeColor } from './FloatingActionButton/models/theme-color.js';
+import { SpeechToTextButton } from './SpeechToTextButton/SpeechToTextButton.js';
+import { SpeechToTextButtonHandle } from './SpeechToTextButton/interfaces/SpeechToTextButtonHandle.js';
+import { SpeechToTextButtonProps, SpeechToTextResultEvent, SpeechToTextErrorEvent } from './SpeechToTextButton/interfaces/SpeechToTextButtonProps.js';
+export * from './FloatingActionButton/models/events.js';
+/** @hidden */
+declare const DropDownButton: import('react').ForwardRefExoticComponent<DropDownButtonProps & import('react').RefAttributes<any>>;
+/** @hidden */
+declare const SplitButton: import('react').ForwardRefExoticComponent<SplitButtonProps & import('react').RefAttributes<any>>;
+export { Toolbar, ToolbarHandle, ToolbarProps, ToolbarOverflowProps, ToolbarItem, ToolbarItemHandle, ToolbarItemProps, ToolbarSeparator, ToolbarSeparatorProps, ToolbarResizeEvent, ToolbarSpacer, ToolbarSpacerProps, toolbarButtons, Button, ButtonProps, ButtonHandle, ButtonGroup, ButtonGroupProps, SplitButton, SplitButtonClassComponent, SplitButtonHandle, SplitButtonItem, SplitButtonItemProps, DropDownButton, DropDownButtonClassComponent, DropDownButtonHandle, DropDownButtonProps, DropDownButtonItem, DropDownButtonItemProps, ButtonItem, ButtonItemProps, SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonClickEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, SplitButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, SplitButtonProps, DropDownButtonCloseEvent, DropDownButtonItemClickEvent, ButtonsPopupSettings, Chip, ChipProps, ChipHandle, ChipAvatarProps, ChipRemoveEvent, ChipMouseEvent, ChipKeyboardEvent, ChipFocusEvent, ChipList, ChipListProps, ChipListHandle, ChipListDataChangeEvent, ChipListChangeEvent, FloatingActionButton, FloatingActionButtonProps, FloatingActionButtonHandle, FloatingActionButtonItem, FloatingActionButtonItemHandle, FloatingActionButtonItemProps, FloatingActionButtonPopupSettings, FloatingActionButtonAlign, FloatingActionButtonAlignOffset, FloatingActionButtonPositionMode, FloatingActionButtonSize, FloatingActionButtonRounded, FloatingActionButtonThemeColor, SpeechToTextButton, SpeechToTextButtonHandle, SpeechToTextButtonProps, SpeechToTextResultEvent, SpeechToTextErrorEvent };