@cloudscape-design/components 3.0.1007 → 3.0.1009

package/button-dropdown/mobile-expandable-group/mobile-expandable-group.d.ts

@@ -1,21 +1,18 @@
 import React from 'react';
 interface MobileExpandableGroupProps {
-  /**
-   * Trigger element.
-   */
-  trigger: React.ReactNode;
-  /**
-   * mobile expandable groups content elements.
-   */
-  children?: React.ReactNode;
-  /**
-   * Open state of the mobile expandable groups.
-   */
-  open?: boolean;
+    /**
+     * Trigger element.
+     */
+    trigger: React.ReactNode;
+    /**
+     * mobile expandable groups content elements.
+     */
+    children?: React.ReactNode;
+    /**
+     * Open state of the mobile expandable groups.
+     */
+    open?: boolean;
 }
-declare const MobileExpandableGroup: ({
-  children,
-  trigger,
-  open
-}: MobileExpandableGroupProps) => JSX.Element;
-export default MobileExpandableGroup;
+declare const MobileExpandableGroup: ({ children, trigger, open }: MobileExpandableGroupProps) => JSX.Element;
+export default MobileExpandableGroup;
+//# sourceMappingURL=mobile-expandable-group.d.ts.map

package/button-dropdown/tooltip.d.ts

@@ -1,14 +1,10 @@
 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 {};
+export default function Tooltip({ children, content, position, className }: TooltipProps): JSX.Element;
+export {};
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -1,11 +1,12 @@
 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 {};
+export {};
+//# sourceMappingURL=create-items-tree.d.ts.map

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

@@ -1,15 +1,16 @@
 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 {};
+export {};
+//# sourceMappingURL=menu-item.d.ts.map

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

@@ -1,21 +1,16 @@
 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 {};
+export default function moveHighlight({ startIndex, expandedIndex, getNext, hasExpandableGroups, isInRestrictedView, }: MoveHighlightProps): TreeIndex | null;
+export {};
+//# sourceMappingURL=move-highlight.d.ts.map

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

@@ -2,31 +2,24 @@ 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 {};
+export declare function useButtonDropdown({ items, onItemClick, onItemFollow, onReturnFocus, hasExpandableGroups, isInRestrictedView, expandToViewport, }: UseButtonDropdownOptions): UseButtonDropdownApi;
+export {};
+//# sourceMappingURL=use-button-dropdown.d.ts.map

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

@@ -1,19 +1,16 @@
 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 {};
+export default function useHighlightedMenu({ items, hasExpandableGroups, isInRestrictedView, }: UseHighlightedMenuOptions): UseHighlightedMenuApi;
+export {};
+//# sourceMappingURL=use-highlighted-menu.d.ts.map

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

@@ -6,4 +6,5 @@ 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;
+export declare function hasDisabledReasonItems(items: ButtonDropdownProps.Items): boolean;
+//# sourceMappingURL=utils.d.ts.map

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

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

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

@@ -3,10 +3,11 @@ 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;
+export default FileInputItem;
+//# sourceMappingURL=file-input-item.d.ts.map

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

@@ -3,11 +3,12 @@ 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;
+export default IconButtonItem;
+//# sourceMappingURL=icon-button-item.d.ts.map

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

@@ -3,11 +3,12 @@ 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;
+export default IconToggleButtonItem;
+//# sourceMappingURL=icon-toggle-button-item.d.ts.map

package/button-group/index.d.ts

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

package/button-group/interfaces.d.ts

@@ -6,169 +6,171 @@ 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 {}
-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.
+     * 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.
      */
-    focus(itemId: string): void;
-  }
-}
+    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

package/button-group/internal.d.ts

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