@cloudscape-design/components 3.0.996 → 3.0.998

package/button-dropdown/tooltip.d.ts

@@ -1,10 +1,14 @@
 import React from 'react';
 interface TooltipProps {
-    children?: React.ReactNode;
-    content?: React.ReactNode;
-    position?: 'top' | 'right' | 'bottom' | 'left';
-    className?: string;
+  children?: React.ReactNode;
+  content?: React.ReactNode;
+  position?: 'top' | 'right' | 'bottom' | 'left';
+  className?: string;
 }
-export default function Tooltip({ children, content, position, className }: TooltipProps): JSX.Element;
-export {};
-//# sourceMappingURL=tooltip.d.ts.map
+export default function Tooltip({
+  children,
+  content,
+  position,
+  className
+}: TooltipProps): JSX.Element;
+export {};

package/button-dropdown/utils/create-items-tree.d.ts

@@ -1,12 +1,11 @@
 import { ButtonDropdownProps } from '../interfaces';
 export type TreeIndex = number[];
 interface ItemsTreeApi {
-    getItem: (index: TreeIndex) => ButtonDropdownProps.ItemOrGroup | null;
-    getItemIndex: (item: ButtonDropdownProps.ItemOrGroup) => TreeIndex;
-    getSequentialIndex: (index: TreeIndex, direction: -1 | 1) => TreeIndex | null;
-    getParentIndex: (item: ButtonDropdownProps.ItemOrGroup) => TreeIndex | null;
+  getItem: (index: TreeIndex) => ButtonDropdownProps.ItemOrGroup | null;
+  getItemIndex: (item: ButtonDropdownProps.ItemOrGroup) => TreeIndex;
+  getSequentialIndex: (index: TreeIndex, direction: -1 | 1) => TreeIndex | null;
+  getParentIndex: (item: ButtonDropdownProps.ItemOrGroup) => TreeIndex | null;
 }
 export default function createItemsTree(items: ButtonDropdownProps.Items): ItemsTreeApi;
 export declare function traverseItems(items: ButtonDropdownProps.Items, act: (item: ButtonDropdownProps.ItemOrGroup, index: TreeIndex) => void, parentIndex?: TreeIndex): void;
-export {};
-//# sourceMappingURL=create-items-tree.d.ts.map
+export {};

package/button-dropdown/utils/menu-item.d.ts

@@ -1,16 +1,15 @@
 import React from 'react';
 interface GetMenuItemPropsParams {
-    disabled: boolean;
-    parent?: boolean;
-    expanded?: boolean;
+  disabled: boolean;
+  parent?: boolean;
+  expanded?: boolean;
 }
 /**
  * @returns attributes for a menuitem widget given parameters
  */
 export declare const getMenuItemProps: (params: GetMenuItemPropsParams) => React.HTMLProps<HTMLElement>;
 interface GetMenuItemCheckboxPropsParams extends GetMenuItemPropsParams {
-    checked: boolean;
+  checked: boolean;
 }
 export declare const getMenuItemCheckboxProps: (params: GetMenuItemCheckboxPropsParams) => React.HTMLProps<HTMLElement>;
-export {};
-//# sourceMappingURL=menu-item.d.ts.map
+export {};

package/button-dropdown/utils/move-highlight.d.ts

@@ -1,16 +1,21 @@
 import { ButtonDropdownProps } from '../interfaces';
 import { TreeIndex } from './create-items-tree';
 interface MoveHighlightProps {
-    startIndex: TreeIndex;
-    expandedIndex: TreeIndex;
-    getNext: (index: TreeIndex) => {
-        index: TreeIndex;
-        item: ButtonDropdownProps.ItemOrGroup;
-        parent?: ButtonDropdownProps.ItemOrGroup;
-    } | null;
-    hasExpandableGroups: boolean;
-    isInRestrictedView: boolean;
+  startIndex: TreeIndex;
+  expandedIndex: TreeIndex;
+  getNext: (index: TreeIndex) => {
+    index: TreeIndex;
+    item: ButtonDropdownProps.ItemOrGroup;
+    parent?: ButtonDropdownProps.ItemOrGroup;
+  } | null;
+  hasExpandableGroups: boolean;
+  isInRestrictedView: boolean;
 }
-export default function moveHighlight({ startIndex, expandedIndex, getNext, hasExpandableGroups, isInRestrictedView, }: MoveHighlightProps): TreeIndex | null;
-export {};
-//# sourceMappingURL=move-highlight.d.ts.map
+export default function moveHighlight({
+  startIndex,
+  expandedIndex,
+  getNext,
+  hasExpandableGroups,
+  isInRestrictedView
+}: MoveHighlightProps): TreeIndex | null;
+export {};

package/button-dropdown/utils/use-button-dropdown.d.ts

@@ -2,24 +2,31 @@ import React from 'react';
 import { CancelableEventHandler } from '../../internal/events';
 import { ButtonDropdownProps, ButtonDropdownSettings, GroupToggle, HighlightProps, ItemActivate } from '../interfaces';
 interface UseButtonDropdownOptions extends ButtonDropdownSettings {
-    items: ButtonDropdownProps.Items;
-    onItemClick?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
-    onItemFollow?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
-    onReturnFocus: () => void;
-    expandToViewport?: boolean;
+  items: ButtonDropdownProps.Items;
+  onItemClick?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
+  onItemFollow?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
+  onReturnFocus: () => void;
+  expandToViewport?: boolean;
 }
 interface UseButtonDropdownApi extends HighlightProps {
-    isOpen: boolean;
-    onKeyDown: (event: React.KeyboardEvent) => void;
-    onKeyUp: (event: React.KeyboardEvent) => void;
-    onItemActivate: ItemActivate;
-    onGroupToggle: GroupToggle;
-    toggleDropdown: (options?: {
-        moveHighlightOnOpen?: boolean;
-    }) => void;
-    closeDropdown: () => void;
-    setIsUsingMouse: (isUsingMouse: boolean) => void;
+  isOpen: boolean;
+  onKeyDown: (event: React.KeyboardEvent) => void;
+  onKeyUp: (event: React.KeyboardEvent) => void;
+  onItemActivate: ItemActivate;
+  onGroupToggle: GroupToggle;
+  toggleDropdown: (options?: {
+    moveHighlightOnOpen?: boolean;
+  }) => void;
+  closeDropdown: () => void;
+  setIsUsingMouse: (isUsingMouse: boolean) => void;
 }
-export declare function useButtonDropdown({ items, onItemClick, onItemFollow, onReturnFocus, hasExpandableGroups, isInRestrictedView, expandToViewport, }: UseButtonDropdownOptions): UseButtonDropdownApi;
-export {};
-//# sourceMappingURL=use-button-dropdown.d.ts.map
+export declare function useButtonDropdown({
+  items,
+  onItemClick,
+  onItemFollow,
+  onReturnFocus,
+  hasExpandableGroups,
+  isInRestrictedView,
+  expandToViewport
+}: UseButtonDropdownOptions): UseButtonDropdownApi;
+export {};

package/button-dropdown/utils/use-highlighted-menu.d.ts

@@ -1,16 +1,19 @@
 import { ButtonDropdownProps, HighlightProps } from '../interfaces';
 interface UseHighlightedMenuOptions {
-    items: ButtonDropdownProps.Items;
-    hasExpandableGroups: boolean;
-    isInRestrictedView?: boolean;
+  items: ButtonDropdownProps.Items;
+  hasExpandableGroups: boolean;
+  isInRestrictedView?: boolean;
 }
 interface UseHighlightedMenuApi extends HighlightProps {
-    moveHighlight: (direction: -1 | 1) => void;
-    expandGroup: (group?: ButtonDropdownProps.ItemGroup) => void;
-    collapseGroup: () => void;
-    reset: () => void;
-    setIsUsingMouse: (isUsingMouse: boolean) => void;
+  moveHighlight: (direction: -1 | 1) => void;
+  expandGroup: (group?: ButtonDropdownProps.ItemGroup) => void;
+  collapseGroup: () => void;
+  reset: () => void;
+  setIsUsingMouse: (isUsingMouse: boolean) => void;
 }
-export default function useHighlightedMenu({ items, hasExpandableGroups, isInRestrictedView, }: UseHighlightedMenuOptions): UseHighlightedMenuApi;
-export {};
-//# sourceMappingURL=use-highlighted-menu.d.ts.map
+export default function useHighlightedMenu({
+  items,
+  hasExpandableGroups,
+  isInRestrictedView
+}: UseHighlightedMenuOptions): UseHighlightedMenuApi;
+export {};

package/button-dropdown/utils/utils.d.ts

@@ -6,5 +6,4 @@ export declare const getItemTarget: (item: ButtonDropdownProps.Item) => "_blank"
 export declare function indexIncludes(source: number[], target: number[]): boolean;
 export declare function indexEquals(left: number[], right: number[]): boolean;
 export declare function hasCheckboxItems(items: ButtonDropdownProps.Items): boolean;
-export declare function hasDisabledReasonItems(items: ButtonDropdownProps.Items): boolean;
-//# sourceMappingURL=utils.d.ts.map
+export declare function hasDisabledReasonItems(items: ButtonDropdownProps.Items): boolean;

package/button-group/analytics-metadata/interfaces.d.ts

@@ -4,7 +4,6 @@ export type GeneratedAnalyticsMetadataButtonGroupClick = GeneratedAnalyticsMetad
 export type GeneratedAnalyticsMetadataButtonGroupExpand = GeneratedAnalyticsMetadataButtonDropdownExpand;
 export type GeneratedAnalyticsMetadataButtonGroupCollapse = GeneratedAnalyticsMetadataButtonDropdownCollapse;
 export interface GeneratedAnalyticsMetadataButtonGroupComponent {
-    name: 'awsui.ButtonGroup';
-    label: string | LabelIdentifier;
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  name: 'awsui.ButtonGroup';
+  label: string | LabelIdentifier;
+}

package/button-group/file-input-item.d.ts

@@ -3,11 +3,10 @@ import { FileInputProps } from '../file-input/interfaces.js';
 import { CancelableEventHandler } from '../internal/events/index.js';
 import { ButtonGroupProps } from './interfaces.js';
 interface FileInputItemProps {
-    item: ButtonGroupProps.IconFileInput;
-    showTooltip: boolean;
-    onTooltipDismiss: () => void;
-    onFilesChange?: CancelableEventHandler<ButtonGroupProps.FilesChangeDetails>;
+  item: ButtonGroupProps.IconFileInput;
+  showTooltip: boolean;
+  onTooltipDismiss: () => void;
+  onFilesChange?: CancelableEventHandler<ButtonGroupProps.FilesChangeDetails>;
 }
 declare const FileInputItem: React.ForwardRefExoticComponent<FileInputItemProps & React.RefAttributes<FileInputProps.Ref>>;
-export default FileInputItem;
-//# sourceMappingURL=file-input-item.d.ts.map
+export default FileInputItem;

package/button-group/icon-button-item.d.ts

@@ -3,12 +3,11 @@ import { ButtonProps } from '../button/interfaces.js';
 import { CancelableEventHandler } from '../internal/events/index.js';
 import { ButtonGroupProps } from './interfaces.js';
 interface IconButtonItemProps {
-    item: ButtonGroupProps.IconButton;
-    showTooltip: boolean;
-    showFeedback: boolean;
-    onTooltipDismiss: () => void;
-    onItemClick?: CancelableEventHandler<ButtonGroupProps.ItemClickDetails>;
+  item: ButtonGroupProps.IconButton;
+  showTooltip: boolean;
+  showFeedback: boolean;
+  onTooltipDismiss: () => void;
+  onItemClick?: CancelableEventHandler<ButtonGroupProps.ItemClickDetails>;
 }
 declare const IconButtonItem: React.ForwardRefExoticComponent<IconButtonItemProps & React.RefAttributes<ButtonProps.Ref>>;
-export default IconButtonItem;
-//# sourceMappingURL=icon-button-item.d.ts.map
+export default IconButtonItem;

package/button-group/icon-toggle-button-item.d.ts

@@ -3,12 +3,11 @@ import { ButtonProps } from '../button/interfaces.js';
 import { CancelableEventHandler } from '../internal/events/index.js';
 import { ButtonGroupProps } from './interfaces.js';
 interface IconToggleButtonItemProps {
-    item: ButtonGroupProps.IconToggleButton;
-    showTooltip: boolean;
-    showFeedback: boolean;
-    onTooltipDismiss: () => void;
-    onItemClick?: CancelableEventHandler<ButtonGroupProps.ItemClickDetails>;
+  item: ButtonGroupProps.IconToggleButton;
+  showTooltip: boolean;
+  showFeedback: boolean;
+  onTooltipDismiss: () => void;
+  onItemClick?: CancelableEventHandler<ButtonGroupProps.ItemClickDetails>;
 }
 declare const IconToggleButtonItem: React.ForwardRefExoticComponent<IconToggleButtonItemProps & React.RefAttributes<ButtonProps.Ref>>;
-export default IconToggleButtonItem;
-//# sourceMappingURL=icon-toggle-button-item.d.ts.map
+export default IconToggleButtonItem;

package/button-group/index.d.ts

@@ -2,5 +2,4 @@ import React from 'react';
 import { ButtonGroupProps } from './interfaces';
 export { ButtonGroupProps };
 declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<ButtonGroupProps.Ref>>;
-export default ButtonGroup;
-//# sourceMappingURL=index.d.ts.map
+export default ButtonGroup;

package/button-group/interfaces.d.ts

@@ -6,171 +6,169 @@ import { NonCancelableEventHandler } from '../internal/events';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { SomeRequired } from '../internal/types';
 export interface ButtonGroupProps extends BaseComponentProps {
-    /**
-     * Adds `aria-label` to the button group toolbar element.
-     * Use this to provide a unique accessible name for each button group on the page.
-     */
-    ariaLabel?: string;
-    /**
-     * Determines the general styling of the button dropdown.
-     * * `icon` for icon buttons.
-     */
-    variant: ButtonGroupProps.Variant;
-    /**
-     * Use this property to determine dropdown placement strategy for all menu dropdown items.
-     *
-     * By default, the dropdown height is constrained to fit inside the height of its next scrollable container element.
-     * Enabling this property will allow the dropdown to extend beyond that container by using fixed positioning and
-     * [React Portals](https://reactjs.org/docs/portals.html).
-     *
-     * Set this property if the dropdown would otherwise be constrained by a scrollable container,
-     * for example inside table and split view layouts.
-     *
-     * We recommend you use discretion, and don't enable this property unless necessary
-     * because fixed positioning results in a slight, visible lag when scrolling complex pages.
-     */
-    dropdownExpandToViewport?: boolean;
-    /**
-     * Array of objects with a number of supported types.
-     *
-     * ### icon-button
-     *
-     * * `id` (string) - The unique identifier of the button, used as detail in `onItemClick` handler and to focus the button using `ref.focus(id)`.
-     * * `text` (string) - The name shown as a tooltip for this button.
-     * * `disabled` (optional, boolean) - The disabled state indication for this button.
-     * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.
-     * * `loading` (optional, boolean) - The loading state indication for this button.
-     * * `loadingText` (optional, string) - The loading text announced to screen readers.
-     * * `iconName` (optional, string) - Specifies the name of the icon, used with the [icon component](/components/icon/).
-     * * `iconAlt` (optional, string) - Specifies alternate text for the icon when using `iconUrl`.
-     * * `iconUrl` (optional, string) - Specifies the URL of a custom icon.
-     * * `iconSvg` (optional, ReactNode) - Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).
-     * * `popoverFeedback` (optional, ReactNode) - Text that appears when the user clicks the button. Use to provide feedback to the user.
-     *
-     * ### icon-toggle-button
-     *
-     * * `id` (string) - The unique identifier of the button, used as detail in `onItemClick` handler and to focus the button using `ref.focus(id)`.
-     * * `pressed` (boolean) - The toggle button pressed state.
-     * * `text` (string) - The name shown as a tooltip for this button.
-     * * `disabled` (optional, boolean) - The disabled state indication for this button.
-     * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.
-     * * `loading` (optional, boolean) - The loading state indication for this button.
-     * * `loadingText` (optional, string) - The loading text announced to screen readers.
-     * * `iconName` (optional, string) - Specifies the name of the icon, used with the [icon component](/components/icon/).
-     * * `iconUrl` (optional, string) - Specifies the URL of a custom icon.
-     * * `iconSvg` (optional, ReactNode) - Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).
-     * * `pressedIconName` (optional, string) - Specifies the name of the icon in pressed state, used with the [icon component](/components/icon/).
-     * * `pressedIconUrl` (optional, string) - Specifies the URL of a custom icon in pressed state.
-     * * `pressedIconSvg` (optional, ReactNode) - Custom SVG icon in pressed state. Equivalent to the `svg` slot of the [icon component](/components/icon/).
-     * * `popoverFeedback` (optional, ReactNode) - Text that appears when the user clicks the button. Use to provide feedback to the user.
-     * * `pressedPopoverFeedback` (optional, ReactNode) - Text that appears when the user clicks the button in pressed state. Defaults to `popoverFeedback`.
-     *
-     * * ### file-input
-     *
-     * * `id` (string) - The unique identifier of the button, used as detail in `onFilesChange`.
-     * * `text` (string) - The name of the menu button shown as a tooltip.
-     * * `accept` (optional, string) - Specifies the native file input `accept` attribute to describe the allow-list of file types.
-     * * `multiple` (optional, string) - Specifies the native file input `multiple` attribute to allow users entering more than one file.
-     *
-     * ### menu-dropdown
-     *
-     * * `id` (string) - The unique identifier of the button, used as detail in `onItemClick`.
-     * * `text` (string) - The name of the menu button shown as a tooltip.
-     * * `disabled` (optional, boolean) - The disabled state indication for the menu button.
-     * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.
-     * * `loading` (optional, boolean) - The loading state indication for the menu button.
-     * * `loadingText` (optional, string) - The loading text announced to screen readers.
-     * * `items` (ButtonDropdownProps.ItemOrGroup[]) - The array of dropdown items that belong to this menu.
-     *
-     * ### group
-     *
-     * * `text` (string) - The name of the group rendered as ARIA label for this group.
-     * * `items` ((ButtonGroupProps.IconButton | ButtonGroupProps.MenuDropdown)[]) - The array of items that belong to this group.
-     */
-    items: ReadonlyArray<ButtonGroupProps.ItemOrGroup>;
-    /**
-     * Called when the user clicks on an item, and the item is not disabled. The event detail object contains the id of the clicked item.
-     */
-    onItemClick?: NonCancelableEventHandler<ButtonGroupProps.ItemClickDetails>;
-    /**
-     * Called when the user uploads files. The event detail object contains the id and files from the file input item.
-     */
-    onFilesChange?: NonCancelableEventHandler<ButtonGroupProps.FilesChangeDetails>;
-}
-export interface InternalButtonGroupProps extends SomeRequired<ButtonGroupProps, 'dropdownExpandToViewport'>, InternalBaseComponentProps {
+  /**
+   * Adds `aria-label` to the button group toolbar element.
+   * Use this to provide a unique accessible name for each button group on the page.
+   */
+  ariaLabel?: string;
+  /**
+   * Determines the general styling of the button dropdown.
+   * * `icon` for icon buttons.
+   */
+  variant: ButtonGroupProps.Variant;
+  /**
+   * Use this property to determine dropdown placement strategy for all menu dropdown items.
+   *
+   * By default, the dropdown height is constrained to fit inside the height of its next scrollable container element.
+   * Enabling this property will allow the dropdown to extend beyond that container by using fixed positioning and
+   * [React Portals](https://reactjs.org/docs/portals.html).
+   *
+   * Set this property if the dropdown would otherwise be constrained by a scrollable container,
+   * for example inside table and split view layouts.
+   *
+   * We recommend you use discretion, and don't enable this property unless necessary
+   * because fixed positioning results in a slight, visible lag when scrolling complex pages.
+   */
+  dropdownExpandToViewport?: boolean;
+  /**
+   * Array of objects with a number of supported types.
+   *
+   * ### icon-button
+   *
+   * * `id` (string) - The unique identifier of the button, used as detail in `onItemClick` handler and to focus the button using `ref.focus(id)`.
+   * * `text` (string) - The name shown as a tooltip for this button.
+   * * `disabled` (optional, boolean) - The disabled state indication for this button.
+   * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.
+   * * `loading` (optional, boolean) - The loading state indication for this button.
+   * * `loadingText` (optional, string) - The loading text announced to screen readers.
+   * * `iconName` (optional, string) - Specifies the name of the icon, used with the [icon component](/components/icon/).
+   * * `iconAlt` (optional, string) - Specifies alternate text for the icon when using `iconUrl`.
+   * * `iconUrl` (optional, string) - Specifies the URL of a custom icon.
+   * * `iconSvg` (optional, ReactNode) - Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).
+   * * `popoverFeedback` (optional, ReactNode) - Text that appears when the user clicks the button. Use to provide feedback to the user.
+   *
+   * ### icon-toggle-button
+   *
+   * * `id` (string) - The unique identifier of the button, used as detail in `onItemClick` handler and to focus the button using `ref.focus(id)`.
+   * * `pressed` (boolean) - The toggle button pressed state.
+   * * `text` (string) - The name shown as a tooltip for this button.
+   * * `disabled` (optional, boolean) - The disabled state indication for this button.
+   * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.
+   * * `loading` (optional, boolean) - The loading state indication for this button.
+   * * `loadingText` (optional, string) - The loading text announced to screen readers.
+   * * `iconName` (optional, string) - Specifies the name of the icon, used with the [icon component](/components/icon/).
+   * * `iconUrl` (optional, string) - Specifies the URL of a custom icon.
+   * * `iconSvg` (optional, ReactNode) - Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).
+   * * `pressedIconName` (optional, string) - Specifies the name of the icon in pressed state, used with the [icon component](/components/icon/).
+   * * `pressedIconUrl` (optional, string) - Specifies the URL of a custom icon in pressed state.
+   * * `pressedIconSvg` (optional, ReactNode) - Custom SVG icon in pressed state. Equivalent to the `svg` slot of the [icon component](/components/icon/).
+   * * `popoverFeedback` (optional, ReactNode) - Text that appears when the user clicks the button. Use to provide feedback to the user.
+   * * `pressedPopoverFeedback` (optional, ReactNode) - Text that appears when the user clicks the button in pressed state. Defaults to `popoverFeedback`.
+   *
+   * * ### file-input
+   *
+   * * `id` (string) - The unique identifier of the button, used as detail in `onFilesChange`.
+   * * `text` (string) - The name of the menu button shown as a tooltip.
+   * * `accept` (optional, string) - Specifies the native file input `accept` attribute to describe the allow-list of file types.
+   * * `multiple` (optional, string) - Specifies the native file input `multiple` attribute to allow users entering more than one file.
+   *
+   * ### menu-dropdown
+   *
+   * * `id` (string) - The unique identifier of the button, used as detail in `onItemClick`.
+   * * `text` (string) - The name of the menu button shown as a tooltip.
+   * * `disabled` (optional, boolean) - The disabled state indication for the menu button.
+   * * `disabledReason` (optional, boolean) - Provides a reason why the button is disabled (only when `disabled` is `true`). If provided, the button becomes focusable.
+   * * `loading` (optional, boolean) - The loading state indication for the menu button.
+   * * `loadingText` (optional, string) - The loading text announced to screen readers.
+   * * `items` (ButtonDropdownProps.ItemOrGroup[]) - The array of dropdown items that belong to this menu.
+   *
+   * ### group
+   *
+   * * `text` (string) - The name of the group rendered as ARIA label for this group.
+   * * `items` ((ButtonGroupProps.IconButton | ButtonGroupProps.MenuDropdown)[]) - The array of items that belong to this group.
+   */
+  items: ReadonlyArray<ButtonGroupProps.ItemOrGroup>;
+  /**
+   * Called when the user clicks on an item, and the item is not disabled. The event detail object contains the id of the clicked item.
+   */
+  onItemClick?: NonCancelableEventHandler<ButtonGroupProps.ItemClickDetails>;
+  /**
+   * Called when the user uploads files. The event detail object contains the id and files from the file input item.
+   */
+  onFilesChange?: NonCancelableEventHandler<ButtonGroupProps.FilesChangeDetails>;
 }
+export interface InternalButtonGroupProps extends SomeRequired<ButtonGroupProps, 'dropdownExpandToViewport'>, InternalBaseComponentProps {}
 export declare namespace ButtonGroupProps {
-    type Variant = 'icon';
-    type ItemOrGroup = Item | Group;
-    type Item = IconButton | IconToggleButton | IconFileInput | MenuDropdown;
-    interface IconButton {
-        type: 'icon-button';
-        id: string;
-        text: string;
-        disabled?: boolean;
-        disabledReason?: string;
-        loading?: boolean;
-        loadingText?: string;
-        iconName?: IconProps.Name;
-        iconAlt?: string;
-        iconUrl?: string;
-        iconSvg?: React.ReactNode;
-        popoverFeedback?: React.ReactNode;
-    }
-    interface IconToggleButton {
-        type: 'icon-toggle-button';
-        id: string;
-        text: string;
-        pressed: boolean;
-        disabled?: boolean;
-        disabledReason?: string;
-        loading?: boolean;
-        loadingText?: string;
-        iconName?: IconProps.Name;
-        iconUrl?: string;
-        iconSvg?: React.ReactNode;
-        pressedIconName?: IconProps.Name;
-        pressedIconUrl?: string;
-        pressedIconSvg?: React.ReactNode;
-        popoverFeedback?: React.ReactNode;
-        pressedPopoverFeedback?: React.ReactNode;
-    }
-    interface IconFileInput {
-        type: 'icon-file-input';
-        id: string;
-        text: string;
-        accept?: string;
-        multiple?: boolean;
-    }
-    interface MenuDropdown {
-        type: 'menu-dropdown';
-        id: string;
-        text: string;
-        disabled?: boolean;
-        disabledReason?: string;
-        loading?: boolean;
-        loadingText?: string;
-        items: ReadonlyArray<ButtonDropdownProps.ItemOrGroup>;
-    }
-    interface Group {
-        type: 'group';
-        text: string;
-        items: ReadonlyArray<ButtonGroupProps.Item>;
-    }
-    interface ItemClickDetails {
-        id: string;
-        pressed?: boolean;
-        checked?: boolean;
-    }
-    interface FilesChangeDetails {
-        id: string;
-        files: File[];
-    }
-    interface Ref {
-        /**
-         * Focuses button group item by id.
-         */
-        focus(itemId: string): void;
-    }
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  type Variant = 'icon';
+  type ItemOrGroup = Item | Group;
+  type Item = IconButton | IconToggleButton | IconFileInput | MenuDropdown;
+  interface IconButton {
+    type: 'icon-button';
+    id: string;
+    text: string;
+    disabled?: boolean;
+    disabledReason?: string;
+    loading?: boolean;
+    loadingText?: string;
+    iconName?: IconProps.Name;
+    iconAlt?: string;
+    iconUrl?: string;
+    iconSvg?: React.ReactNode;
+    popoverFeedback?: React.ReactNode;
+  }
+  interface IconToggleButton {
+    type: 'icon-toggle-button';
+    id: string;
+    text: string;
+    pressed: boolean;
+    disabled?: boolean;
+    disabledReason?: string;
+    loading?: boolean;
+    loadingText?: string;
+    iconName?: IconProps.Name;
+    iconUrl?: string;
+    iconSvg?: React.ReactNode;
+    pressedIconName?: IconProps.Name;
+    pressedIconUrl?: string;
+    pressedIconSvg?: React.ReactNode;
+    popoverFeedback?: React.ReactNode;
+    pressedPopoverFeedback?: React.ReactNode;
+  }
+  interface IconFileInput {
+    type: 'icon-file-input';
+    id: string;
+    text: string;
+    accept?: string;
+    multiple?: boolean;
+  }
+  interface MenuDropdown {
+    type: 'menu-dropdown';
+    id: string;
+    text: string;
+    disabled?: boolean;
+    disabledReason?: string;
+    loading?: boolean;
+    loadingText?: string;
+    items: ReadonlyArray<ButtonDropdownProps.ItemOrGroup>;
+  }
+  interface Group {
+    type: 'group';
+    text: string;
+    items: ReadonlyArray<ButtonGroupProps.Item>;
+  }
+  interface ItemClickDetails {
+    id: string;
+    pressed?: boolean;
+    checked?: boolean;
+  }
+  interface FilesChangeDetails {
+    id: string;
+    files: File[];
+  }
+  interface Ref {
+    /**
+     * Focuses button group item by id.
+     */
+    focus(itemId: string): void;
+  }
+}

package/button-group/internal.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
 import { ButtonGroupProps, InternalButtonGroupProps } from './interfaces';
 declare const InternalButtonGroup: React.ForwardRefExoticComponent<InternalButtonGroupProps & React.RefAttributes<ButtonGroupProps.Ref>>;
-export default InternalButtonGroup;
-//# sourceMappingURL=internal.d.ts.map
+export default InternalButtonGroup;