@elastic/eui 90.0.0 → 91.1.0

package/eui.d.ts

@@ -942,11 +942,6 @@ declare module '@elastic/eui/src/services/color/eui_palettes' {
 	export const euiPaletteForStatus: (steps: number) => EuiPalette;
 	export const euiPaletteForTemperature: (steps: number) => EuiPalette;
 	export const euiPaletteComplementary: (steps: number) => EuiPalette;
-	/**
-	 * The old typo'd name for this palette remains exported until the end of its deprecation period
-	 * @deprecated Use euiPaletteComplementary instead
-	 */
-	export const euiPaletteComplimentary: (steps: number) => EuiPalette;
 	export const euiPaletteNegative: (steps: number) => EuiPalette;
 	export const euiPalettePositive: (steps: number) => EuiPalette;
 	export const euiPaletteCool: (steps: number) => EuiPalette;
@@ -1713,8 +1708,6 @@ declare module '@elastic/eui/src/components/link/link.styles' {
 	    warning: import("@emotion/utils").SerializedStyles;
 	    ghost: import("@emotion/utils").SerializedStyles;
 	    text: import("@emotion/utils").SerializedStyles;
-	    euiLink__screenReaderText: import("@emotion/utils").SerializedStyles;
-	    euiLink__externalIcon: import("@emotion/utils").SerializedStyles;
 	};
 
 }
@@ -2822,6 +2815,7 @@ declare module '@elastic/eui/src/components/i18n/i18n' {
 	    tokens: string[];
 	    defaults: T;
 	    children: (x: Array<T[number]>) => ReactChild;
+	    values?: Record<string, ReactChild>;
 	}
 	export type EuiI18nProps<T, DEFAULT extends Renderable<T>, DEFAULTS extends any[]> = ExclusiveUnion<I18nTokenShape<T, DEFAULT>, I18nTokensShape<DEFAULTS>>; const EuiI18n: <T extends {}, DEFAULT extends Renderable<T>, DEFAULTS extends any[]>(props: (import ("@elastic/eui/src/components/common").DisambiguateSet<I18nTokenShape<T, DEFAULT>, I18nTokensShape<DEFAULTS>> & I18nTokensShape<DEFAULTS>) | (import ("@elastic/eui/src/components/common").DisambiguateSet<I18nTokensShape<DEFAULTS>, I18nTokenShape<T, DEFAULT>> & I18nTokenShape<T, DEFAULT>)) => React.JSX.Element; type DefaultRenderType<T, K extends Renderable<T>> = K extends ReactChild ? K : K extends () => infer RetValue ? RetValue : never; type DefaultsRenderType<K extends Array<string | ReactElement>> = K extends Array<infer Item> ? Item : never; function useEuiI18n<T extends {}, DEFAULT extends Renderable<T>>(token: string, defaultValue: DEFAULT, values?: T): DefaultRenderType<T, DEFAULT>; function useEuiI18n<DEFAULTS extends Array<string | ReactElement>>(tokens: string[], defaultValues: DEFAULTS): Array<DefaultsRenderType<DEFAULTS>>;
 	export { EuiI18n, useEuiI18n };
@@ -3415,12 +3409,14 @@ declare module '@elastic/eui/src/components/button/button_display/_button_displa
 	    iconSide?: ButtonContentIconSide;
 	    isLoading?: boolean;
 	    /**
-	     * Object of props passed to the <span/> wrapping the content's text/children only (not icon)
+	     * Object of props passed to the `<span>` wrapping the content's text/children only (not icon)
+	     *
+	     * This span wrapper can be removed by passing `textProps={false}`.
 	     */
-	    textProps?: HTMLAttributes<HTMLSpanElement> & CommonProps & {
+	    textProps?: (HTMLAttributes<HTMLSpanElement> & CommonProps & {
 	        ref?: Ref<HTMLSpanElement>;
 	        'data-text'?: string;
-	    };
+	    }) | false;
 	    iconSize?: ButtonContentIconSize;
 	    isDisabled?: boolean;
 	}
@@ -3441,7 +3437,7 @@ declare module '@elastic/eui/src/components/button/button_display/_button_displa
 	 * `iconType`, `iconSide`, and `textProps`
 	 */
 	export interface EuiButtonDisplayCommonProps extends EuiButtonDisplayContentProps, CommonProps {
-	    element?: 'a' | 'button' | 'span' | 'label';
+	    element?: 'a' | 'button' | 'span';
 	    children?: ReactNode;
 	    size?: EuiButtonDisplaySizes;
 	    /**
@@ -3598,7 +3594,7 @@ declare module '@elastic/eui/src/components/button/button_empty/button_empty' {
 	    type?: 'button' | 'submit';
 	    buttonRef?: Ref<HTMLButtonElement | HTMLAnchorElement>;
 	    /**
-	     * Object of props passed to the <span/> wrapping the button's content
+	     * Object of props passed to the `<span>` wrapping the button's content
 	     */
 	    contentProps?: CommonProps & EuiButtonDisplayContentType;
 	} type EuiButtonEmptyPropsForAnchor = PropsForAnchor<CommonEuiButtonEmptyProps>;
@@ -3778,24 +3774,12 @@ declare module '@elastic/eui/src/components/button/button_group/button_group_but
 
 }
 declare module '@elastic/eui/src/components/button/button_group/button_group_button' {
-	import { FunctionComponent } from 'react';
+	import { FunctionComponent, MouseEventHandler } from 'react';
 	import { EuiButtonGroupOptionProps, EuiButtonGroupProps } from '@elastic/eui/src/components/button/button_group/button_group'; type Props = EuiButtonGroupOptionProps & {
-	    /**
-	     * Element to display based on single or multi
-	     */
-	    element: 'button' | 'label';
 	    /**
 	     * Styles the selected button to look selected (usually with `fill`)
 	     */
 	    isSelected?: boolean;
-	    /**
-	     * Name of the whole group for 'single'.
-	     */
-	    name?: string;
-	    /**
-	     * The value of the radio input for 'single'.
-	     */
-	    value?: string;
 	    /**
 	     * Inherit from EuiButtonGroup
 	     */
@@ -3811,7 +3795,7 @@ declare module '@elastic/eui/src/components/button/button_group/button_group_but
 	    /**
 	     * Inherit from EuiButtonGroup
 	     */
-	    onChange: EuiButtonGroupProps['onChange'];
+	    onClick: MouseEventHandler<HTMLButtonElement>;
 	};
 	export const EuiButtonGroupButton: FunctionComponent<Props>;
 	export {};
@@ -3897,8 +3881,7 @@ declare module '@elastic/eui/src/components/button/button_group/button_group' {
 	     */
 	    type?: 'single';
 	    /**
-	     * The `name` attribute for radio inputs;
-	     * Defaults to a random string
+	     * @deprecated No longer needed. You can safely remove this prop entirely
 	     */
 	    name?: string;
 	    /**
@@ -3925,6 +3908,9 @@ declare module '@elastic/eui/src/components/button/button_group/button_group' {
 	     */
 	    onChange: (id: string) => void;
 	    idSelected?: never;
+	    /**
+	     * @deprecated
+	     */
 	    name?: never;
 	}); type Props = Omit<HTMLAttributes<HTMLFieldSetElement>, 'onChange' | 'color'> & EuiButtonGroupProps;
 	export const EuiButtonGroup: FunctionComponent<Props>;
@@ -5275,7 +5261,7 @@ declare module '@elastic/eui/src/components/context_menu/context_menu_item.style
 declare module '@elastic/eui/src/components/context_menu/context_menu_item' {
 	import React, { ButtonHTMLAttributes, FunctionComponent, ReactElement, ReactNode, Ref } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { ToolTipPositions } from '@elastic/eui/src/components/tool_tip';
+	import { EuiToolTipProps, ToolTipPositions } from '@elastic/eui/src/components/tool_tip';
 	export type EuiContextMenuItemIcon = ReactElement<any> | string | HTMLElement;
 	export type EuiContextMenuItemLayoutAlignment = 'center' | 'top' | 'bottom';
 	export const SIZES: readonly ["s", "m"];
@@ -5290,11 +5276,16 @@ declare module '@elastic/eui/src/components/context_menu/context_menu_item' {
 	     */
 	    toolTipContent?: ReactNode;
 	    /**
-	     * Optional title for the tooltip
+	     * Optional configuration to pass to the underlying [EuiToolTip](/#/display/tooltip).
+	     * Accepts any prop that EuiToolTip does, except for `content` and `children`.
+	     */
+	    toolTipProps?: Partial<Omit<EuiToolTipProps, 'content' | 'children'>>;
+	    /**
+	     * @deprecated Use toolTipProps.title instead
 	     */
 	    toolTipTitle?: ReactNode;
 	    /**
-	     * Dictates the position of the tooltip.
+	     * @deprecated Use tooltipProps.position instead
 	     */
 	    toolTipPosition?: ToolTipPositions;
 	    href?: string;
@@ -5911,6 +5902,12 @@ declare module '@elastic/eui/src/components/text_truncate/text_truncate' {
 	     * or highlighting
 	     */
 	    children?: (truncatedString: string) => ReactNode;
+	    /**
+	     * For some edge case scenarios, EuiTextTruncate's calculations may be off until
+	     * fonts are done loading or layout is done shifting or settling. Adding a delay
+	     * may help resolve any rendering issues.
+	     */
+	    calculationDelayMs?: number;
 	};
 	export const EuiTextTruncate: FunctionComponent<EuiTextTruncateProps>;
 	export {};
@@ -6159,6 +6156,17 @@ declare module '@elastic/eui/src/components/focus_trap' {
 	export type { EuiFocusTrapProps, FocusTarget } from '@elastic/eui/src/components/focus_trap/focus_trap';
 	export { EuiFocusTrap } from '@elastic/eui/src/components/focus_trap/focus_trap';
 
+}
+declare module '@elastic/eui/src/services/hooks/useCombinedRefs' {
+	import { MutableRefObject, Ref } from 'react'; type Refs<T> = Array<Ref<T> | MutableRefObject<T | undefined> | undefined>;
+	export const useCombinedRefs: <T>(refs: Refs<T>) => (node: T) => void;
+	/**
+	 * Non-hook util for setting multiple refs/ref types.
+	 * Useful for non-functional components
+	 */
+	export const setMultipleRefs: <T>(refs: Refs<T>, node: T) => void;
+	export {};
+
 }
 declare module '@elastic/eui/src/components/observer/mutation_observer/mutation_observer' {
 	import { ReactNode } from 'react';
@@ -6460,10 +6468,13 @@ declare module '@elastic/eui/src/components/popover/popover_panel/_popover_panel
 	 * 1. Can expand further, but it looks weird if it's smaller than the originating button.
 	 * 2. Animation happens on the panel. But don't animate position when using the attached mode like for inputs
 	 * 3. Make sure the panel stays within the window.
+	 * 4. Make the popover lighter on dark mode (too hard to distinguish from plain bgs otherwise), and set a CSS var for the arrow to use
 	 */
 	export const euiPopoverPanelStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiPopover__panel: import("@emotion/utils").SerializedStyles;
 	    isOpen: import("@emotion/utils").SerializedStyles;
+	    light: import("@emotion/utils").SerializedStyles;
+	    dark: import("@emotion/utils").SerializedStyles;
 	    hasTransform: {
 	        hasTransform: import("@emotion/utils").SerializedStyles;
 	        top: import("@emotion/utils").SerializedStyles;
@@ -6527,6 +6538,8 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	export interface EuiPopoverProps extends PropsWithChildren, CommonProps {
 	    /**
 	     * Class name passed to the direct parent of the button
+	     *
+	     * @deprecated Use `className` instead
 	     */
 	    anchorClassName?: string;
 	    /**
@@ -6542,6 +6555,9 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	     * Triggering element for which to align the popover to
 	     */
 	    button: NonNullable<ReactNode>;
+	    /**
+	     * @deprecated Use `popoverRef` instead
+	     */
 	    buttonRef?: RefCallback<HTMLDivElement>;
 	    /**
 	     * Callback to handle hiding of the popover
@@ -6603,7 +6619,7 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	    /**
 	     * Object of props passed to EuiPanel. See #EuiPopoverPanelProps
 	     */
-	    panelProps?: Omit<EuiPopoverPanelProps, 'style' | 'hasShadow' | 'hasBorder'>;
+	    panelProps?: Omit<EuiPopoverPanelProps, 'style' | 'hasShadow' | 'hasBorder' | 'color'>;
 	    panelRef?: RefCallback<HTMLElement | null>;
 	    /**
 	     * Optional screen reader instructions to announce upon popover open,
@@ -6717,7 +6733,7 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	    positionPopoverFixed: () => void;
 	    positionPopoverFluid: () => void;
 	    panelRef: (node: HTMLElement | null) => void;
-	    buttonRef: (node: HTMLDivElement | null) => void;
+	    popoverRef: (node: HTMLDivElement | null) => void;
 	    render(): React.JSX.Element;
 	}
 	export {};
@@ -6739,7 +6755,7 @@ declare module '@elastic/eui/src/components/popover/input_popover' {
 	    closeOnScroll?: boolean;
 	    fullWidth?: boolean;
 	    input: EuiPopoverProps['button'];
-	    inputRef?: EuiPopoverProps['buttonRef'];
+	    inputRef?: EuiPopoverProps['popoverRef'];
 	    onPanelResize?: (width: number) => void;
 	    /**
 	     * By default, **EuiInputPopovers** inherit the same width as the passed input element.
@@ -7521,7 +7537,7 @@ declare module '@elastic/eui/src/components/form/super_select/super_select_contr
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form/form_control_layout';
 	export interface EuiSuperSelectOption<T> {
-	    value: T;
+	    value: NonNullable<T>;
 	    inputDisplay?: ReactNode;
 	    dropdownDisplay?: ReactNode;
 	    disabled?: boolean;
@@ -7562,7 +7578,7 @@ declare module '@elastic/eui/src/components/form/super_select/super_select_contr
 	     */
 	    append?: EuiFormControlLayoutProps['append'];
 	}
-	export const EuiSuperSelectControl: <T extends string>(props: EuiSuperSelectControlProps<T>) => ReturnType<FunctionComponent<EuiSuperSelectControlProps<T>>>;
+	export const EuiSuperSelectControl: <T = string>(props: EuiSuperSelectControlProps<T>) => ReturnType<FunctionComponent<EuiSuperSelectControlProps<T>>>;
 
 }
 declare module '@elastic/eui/src/components/form/super_select/super_select' {
@@ -7574,7 +7590,7 @@ declare module '@elastic/eui/src/components/form/super_select/super_select' {
 	    BACK = "back",
 	    FORWARD = "forward"
 	}
-	export type EuiSuperSelectProps<T extends string> = CommonProps & Omit<EuiSuperSelectControlProps<T>, 'onChange' | 'onClick' | 'onFocus' | 'onBlur' | 'options' | 'value'> & {
+	export type EuiSuperSelectProps<T = string> = CommonProps & Omit<EuiSuperSelectControlProps<T>, 'onChange' | 'onClick' | 'onFocus' | 'onBlur' | 'options' | 'value'> & {
 	    /**
 	     * Pass an array of options that must at least include:
 	     * `value`: storing unique value of item,
@@ -7582,7 +7598,7 @@ declare module '@elastic/eui/src/components/form/super_select/super_select' {
 	     * `dropdownDisplay` (optional): what shows for the item in the dropdown
 	     */
 	    options: Array<EuiSuperSelectOption<T>>;
-	    valueOfSelected?: T;
+	    valueOfSelected?: NonNullable<T>;
 	    /**
 	     * Placeholder to display when the current selected value is empty.
 	     */
@@ -7621,7 +7637,7 @@ declare module '@elastic/eui/src/components/form/super_select/super_select' {
 	     */
 	    popoverProps?: Partial<CommonProps & Omit<EuiInputPopoverProps, 'isOpen'>>;
 	};
-	export class EuiSuperSelect<T extends string> extends Component<EuiSuperSelectProps<T>> {
+	export class EuiSuperSelect<T = string> extends Component<EuiSuperSelectProps<T>> {
 	    static defaultProps: {
 	        hasDividers: boolean;
 	        fullWidth: boolean;
@@ -8037,7 +8053,7 @@ declare module '@elastic/eui/src/services/color' {
 	export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
 	export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
 	export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
-	export { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplimentary, euiPaletteComplementary, euiPaletteNegative, euiPalettePositive, euiPaletteCool, euiPaletteWarm, euiPaletteGray, } from '@elastic/eui/src/services/color/eui_palettes';
+	export { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteNegative, euiPalettePositive, euiPaletteCool, euiPaletteWarm, euiPaletteGray, } from '@elastic/eui/src/services/color/eui_palettes';
 	export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
 	export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
 	export * from '@elastic/eui/src/services/color/manipulation';
@@ -8396,11 +8412,6 @@ declare module '@elastic/eui/src/services/hooks/useDependentState' {
 	
 	export function useDependentState<T>(valueFn: (previousState: undefined | T) => T, deps: unknown[]): readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>];
 
-}
-declare module '@elastic/eui/src/services/hooks/useCombinedRefs' {
-	import { MutableRefObject, Ref } from 'react';
-	export const useCombinedRefs: <T>(refs: (Ref<T> | MutableRefObject<T | undefined> | undefined)[]) => (node: T) => void;
-
 }
 declare module '@elastic/eui/src/services/hooks/useForceRender' {
 	export const useForceRender: () => () => void;
@@ -8464,44 +8475,6 @@ declare module '@elastic/eui/src/services/paging/pager' {
 declare module '@elastic/eui/src/services/paging' {
 	export { Pager } from '@elastic/eui/src/services/paging/pager';
 
-}
-declare module '@elastic/eui/src/services/utils' {
-	export function times(count: number): number[];
-	export function times<T>(count: number, iteratee: (index: number) => T): T[];
-	export function memoize<T extends (...args: any[]) => any>(func: T, resolver?: (...args: any[]) => any): (...args: Parameters<T>) => ReturnType<T>;
-	export const browserTick: (callback: FrameRequestCallback) => void;
-
-}
-declare module '@elastic/eui/src/services/random' {
-	import moment from 'moment';
-	export class Random {
-	    private readonly rand;
-	    constructor(rand?: () => number);
-	    boolean: () => boolean;
-	    number: (options?: {
-	        min?: number;
-	        max?: number;
-	    }) => number;
-	    integer: (options?: {
-	        min?: number;
-	        max?: number;
-	    }) => number;
-	    oneOf: <T>(values: T[]) => T;
-	    oneToOne: <T>(values: T[], index: number) => T;
-	    setOf: <T>(values: T[], options?: {
-	        min?: number;
-	        max?: number;
-	    }) => T[];
-	    date: (options?: {
-	        min?: Date;
-	        max?: Date;
-	    }) => Date;
-	    moment: (options?: {
-	        min?: moment.Moment;
-	        max?: moment.Moment;
-	    }) => moment.Moment;
-	}
-
 }
 declare module '@elastic/eui/src/services/security/get_secure_rel_for_target' {
 	/**
@@ -8717,7 +8690,7 @@ declare module '@elastic/eui/src/services' {
 	export { CurrentEuiBreakpointContext, CurrentEuiBreakpointProvider, useCurrentEuiBreakpoint, useIsWithinBreakpoints, useIsWithinMaxBreakpoint, useIsWithinMinBreakpoint, } from '@elastic/eui/src/services/breakpoint';
 	export type { EuiBreakpointSize } from '@elastic/eui/src/services/breakpoint';
 	export { CanvasTextUtils, type CanvasTextParams } from '@elastic/eui/src/services/canvas';
-	export { brighten, calculateContrast, calculateLuminance, colorPalette, darken, DEFAULT_VISUALIZATION_COLOR, desaturate, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteComplimentary, euiPaletteComplementary, euiPaletteCool, euiPaletteForDarkBackground, euiPaletteForLightBackground, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteGray, euiPaletteNegative, euiPalettePositive, euiPaletteWarm, getSteppedGradient, hexToHsv, hexToRgb, hsvToHex, hsvToRgb, isColorDark, isValidHex, lightness, makeDisabledContrastColor, makeHighContrastColor, rgbToHex, rgbToHsv, saturate, shade, shadeOrTint, tint, tintOrShade, transparentize, VISUALIZATION_COLORS, wcagContrastMin, } from '@elastic/eui/src/services/color';
+	export { brighten, calculateContrast, calculateLuminance, colorPalette, darken, DEFAULT_VISUALIZATION_COLOR, desaturate, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteComplementary, euiPaletteCool, euiPaletteForDarkBackground, euiPaletteForLightBackground, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteGray, euiPaletteNegative, euiPalettePositive, euiPaletteWarm, getSteppedGradient, hexToHsv, hexToRgb, hsvToHex, hsvToRgb, isColorDark, isValidHex, lightness, makeDisabledContrastColor, makeHighContrastColor, rgbToHex, rgbToHsv, saturate, shade, shadeOrTint, tint, tintOrShade, transparentize, VISUALIZATION_COLORS, wcagContrastMin, } from '@elastic/eui/src/services/color';
 	export type { HSV } from '@elastic/eui/src/services/color';
 	export { useColorPickerState, useColorStopsState } from '@elastic/eui/src/services/color_picker';
 	export type { EuiSetColorMethod } from '@elastic/eui/src/services/color_picker';
@@ -8730,7 +8703,6 @@ declare module '@elastic/eui/src/services' {
 	export { isEvenlyDivisibleBy, isWithinRange } from '@elastic/eui/src/services/number';
 	export { Pager } from '@elastic/eui/src/services/paging';
 	export { calculatePopoverPosition, findPopoverPosition } from '@elastic/eui/src/services/popover';
-	export { Random } from '@elastic/eui/src/services/random';
 	export { getSecureRelForTarget } from '@elastic/eui/src/services/security';
 	export { Comparators, PropertySortType, SortableProperties, SortDirection, SortDirectionType, } from '@elastic/eui/src/services/sort';
 	export type { Direction, PropertySort } from '@elastic/eui/src/services/sort';
@@ -8959,7 +8931,7 @@ declare module '@elastic/eui/src/components/accordion/accordion_children/accordi
 }
 declare module '@elastic/eui/src/components/accordion/accordion_children/accordion_children' {
 	import { FunctionComponent, HTMLAttributes, Ref } from 'react';
-	import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionChildrenProps = HTMLAttributes<HTMLDivElement> & Pick<EuiAccordionProps, 'children' | 'paddingSize' | 'isLoading' | 'isLoadingMessage'> & {
+	import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionChildrenProps = HTMLAttributes<HTMLDivElement> & Pick<EuiAccordionProps, 'role' | 'children' | 'paddingSize' | 'isLoading' | 'isLoadingMessage'> & {
 	    isOpen: boolean;
 	    accordionChildrenRef: Ref<HTMLDivElement>;
 	};
@@ -8990,13 +8962,21 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
 	import type { EuiButtonIconProps } from '@elastic/eui/src/components/button';
 	export const PADDING_SIZES: readonly ["none", "xs", "s", "m", "l", "xl"];
 	export type EuiAccordionPaddingSize = (typeof PADDING_SIZES)[number];
-	export type EuiAccordionProps = CommonProps & Omit<HTMLAttributes<HTMLElement>, 'id'> & {
+	export type EuiAccordionProps = CommonProps & Omit<HTMLAttributes<HTMLElement>, 'id' | 'role'> & {
 	    id: string;
 	    /**
 	     * Applied to the entire .euiAccordion wrapper.
 	     * When using `fieldset`, it will enforce `buttonElement = legend` as well.
 	     */
 	    element?: 'div' | 'fieldset';
+	    /**
+	     * Defaults to the [group role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/group_role).
+	     *
+	     * If your accordion contains significant enough content to be a document
+	     * [landmark role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role#accessibility_concerns), consider using the `region` role instead.
+	     * @default group
+	     */
+	    role?: HTMLAttributes<HTMLElement>['role'];
 	    /**
 	     * Class that will apply to the trigger for the accordion.
 	     */
@@ -9081,6 +9061,7 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
 	        isLoadingMessage: boolean;
 	        element: "div";
 	        buttonElement: "button";
+	        role: "group";
 	    };
 	    state: {
 	        isOpen: boolean;
@@ -9687,6 +9668,24 @@ declare module '@elastic/eui/src/components/bottom_bar' {
 	export type { EuiBottomBarProps } from '@elastic/eui/src/components/bottom_bar/bottom_bar';
 	export { EuiBottomBar } from '@elastic/eui/src/components/bottom_bar/bottom_bar';
 
+}
+declare module '@elastic/eui/src/components/link/external_link_icon' {
+	import { FunctionComponent, AnchorHTMLAttributes } from 'react';
+	import { EuiIconProps } from '@elastic/eui/src/components/icon';
+	/**
+	 * DRY util for indicating external links both via icon and to
+	 * screen readers. Used internally by at EuiLink and EuiListGroupItem
+	 */
+	export type EuiExternalLinkIconProps = {
+	    target?: AnchorHTMLAttributes<HTMLAnchorElement>['target'];
+	    /**
+	     * Set to true to show an icon indicating that it is an external link;
+	     * Defaults to true if `target="_blank"`
+	     */
+	    external?: boolean;
+	};
+	export const EuiExternalLinkIcon: FunctionComponent<EuiExternalLinkIconProps & Partial<EuiIconProps>>;
+
 }
 declare module '@elastic/eui/src/components/link/link' {
 	import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, MouseEventHandler } from 'react';
@@ -9741,6 +9740,8 @@ declare module '@elastic/eui/src/components/breadcrumbs/breadcrumb.styles' {
 	    euiBreadcrumb__content: import("@emotion/utils").SerializedStyles;
 	    isTruncated: import("@emotion/utils").SerializedStyles;
 	    isTruncatedLast: import("@emotion/utils").SerializedStyles;
+	    euiBreadcrumb__popoverButton: import("@emotion/utils").SerializedStyles;
+	    euiBreadcrumb__popoverWrapper: import("@emotion/utils").SerializedStyles;
 	    page: import("@emotion/utils").SerializedStyles;
 	    application: import("@emotion/utils").SerializedStyles;
 	    applicationStyles: {
@@ -10964,13 +10965,14 @@ declare module '@elastic/eui/src/themes' {
 }
 declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_body_footer.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const hideScrollbars = "\n  scrollbar-width: none; /* Firefox */\n\n  &::-webkit-scrollbar {\n    display: none; /* Chrome, Edge, & Safari */\n  }\n";
 	export const euiCollapsibleNavBodyStyles: {
 	    euiCollapsibleNav__body: import("@emotion/utils").SerializedStyles;
-	    readonly isPushCollapsed: import("@emotion/utils").SerializedStyles;
-	    _isPushCollapsed: string;
+	    isPushCollapsed: import("@emotion/utils").SerializedStyles;
 	};
-	export const euiCollapsibleNavFooterStyles: ({ euiTheme }: UseEuiTheme) => {
+	export const euiCollapsibleNavFooterStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiCollapsibleNav__footer: import("@emotion/utils").SerializedStyles;
+	    isPushCollapsed: import("@emotion/utils").SerializedStyles;
 	};
 
 }
@@ -11049,7 +11051,7 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button' {
 	import { FunctionComponent } from 'react';
 	import { EuiCollapsibleNavItemProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item';
-	export const EuiCollapsedNavButton: FunctionComponent<EuiCollapsibleNavItemProps & {
+	export const EuiCollapsedNavButton: FunctionComponent<Omit<EuiCollapsibleNavItemProps, 'items' | 'isCollapsible' | 'accordionProps'> & {
 	    hideToolTip?: boolean;
 	}>;
 
@@ -11058,21 +11060,15 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	export const euiCollapsedNavPopoverStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiCollapsedNavPopover__panel: import("@emotion/utils").SerializedStyles;
-	    euiCollapsedNavPopover__items: import("@emotion/utils").SerializedStyles;
-	};
-	export const euiCollapsedNavPopoverTitleStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiCollapsedNavPopover__title: import("@emotion/utils").SerializedStyles;
-	    link: import("@emotion/utils").SerializedStyles;
-	    span: import("@emotion/utils").SerializedStyles;
+	    euiCollapsedNavPopover__items: import("@emotion/utils").SerializedStyles;
 	};
 
 }
 declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover' {
 	import { FunctionComponent } from 'react';
 	import { EuiCollapsibleNavItemProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item';
-	export const EuiCollapsedNavPopover: FunctionComponent<EuiCollapsibleNavItemProps & {
-	    items: EuiCollapsibleNavItemProps['items'];
-	}>;
+	export const EuiCollapsedNavPopover: FunctionComponent<Omit<EuiCollapsibleNavItemProps, 'isCollapsible' | 'accordionProps' | 'href' | 'linkProps'>>;
 
 }
 declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item' {
@@ -11108,7 +11104,7 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_link' {
 	import { FunctionComponent, ReactNode } from 'react';
 	import { EuiLinkProps } from '@elastic/eui/src/components/link';
-	import type { _SharedEuiCollapsibleNavItemProps, _EuiCollapsibleNavItemDisplayProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item'; type EuiCollapsibleNavLinkProps = Omit<EuiLinkProps, 'children'> & Omit<_SharedEuiCollapsibleNavItemProps, 'items' | 'isCollapsible' | 'accordionProps'> & _EuiCollapsibleNavItemDisplayProps & {
+	import type { _SharedEuiCollapsibleNavItemProps, _EuiCollapsibleNavItemDisplayProps, EuiCollapsibleNavItemProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item'; type EuiCollapsibleNavLinkProps = Omit<EuiLinkProps, 'children'> & _SharedEuiCollapsibleNavItemProps & _EuiCollapsibleNavItemDisplayProps & Pick<EuiCollapsibleNavItemProps, 'href' | 'linkProps'> & {
 	    children: ReactNode;
 	    isInteractive?: boolean;
 	    isNotAccordion?: boolean;
@@ -11132,8 +11128,8 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	export const euiCollapsibleNavAccordionStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiCollapsibleNavAccordion: import("@emotion/utils").SerializedStyles;
-	    isTopItem: import("@emotion/utils").SerializedStyles;
 	    isSelected: import("@emotion/utils").SerializedStyles;
+	    isTopItem: import("@emotion/utils").SerializedStyles;
 	    isSubItem: import("@emotion/utils").SerializedStyles;
 	    euiCollapsibleNavAccordion__arrow: import("@emotion/utils").SerializedStyles;
 	};
@@ -11141,9 +11137,8 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 }
 declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion' {
 	import { FunctionComponent, ReactNode } from 'react';
-	import { EuiCollapsibleNavSubItemProps, _SharedEuiCollapsibleNavItemProps, _EuiCollapsibleNavItemDisplayProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item'; type EuiCollapsibleNavAccordionProps = Omit<_SharedEuiCollapsibleNavItemProps, 'items' | 'isCollapsible'> & _EuiCollapsibleNavItemDisplayProps & {
+	import { type _SharedEuiCollapsibleNavItemProps, type _EuiCollapsibleNavItemDisplayProps, type EuiCollapsibleNavItemProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item'; type EuiCollapsibleNavAccordionProps = _SharedEuiCollapsibleNavItemProps & _EuiCollapsibleNavItemDisplayProps & Pick<EuiCollapsibleNavItemProps, 'accordionProps'> & Required<Pick<EuiCollapsibleNavItemProps, 'items'>> & {
 	    buttonContent: ReactNode;
-	    items: EuiCollapsibleNavSubItemProps[];
 	};
 	/**
 	 * Internal nav accordion component.
@@ -11158,9 +11153,8 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 }
 declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group' {
 	import { FunctionComponent, ReactNode } from 'react';
-	import { EuiCollapsibleNavSubItemProps, _SharedEuiCollapsibleNavItemProps, _EuiCollapsibleNavItemDisplayProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item'; type EuiCollapsibleNavGroupProps = Omit<_SharedEuiCollapsibleNavItemProps, 'items' | 'accordionProps'> & _EuiCollapsibleNavItemDisplayProps & {
+	import { type _SharedEuiCollapsibleNavItemProps, type _EuiCollapsibleNavItemDisplayProps, type EuiCollapsibleNavItemProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item'; type EuiCollapsibleNavGroupProps = _SharedEuiCollapsibleNavItemProps & _EuiCollapsibleNavItemDisplayProps & Required<Pick<EuiCollapsibleNavItemProps, 'items'>> & {
 	    header: ReactNode;
-	    items: EuiCollapsibleNavSubItemProps[];
 	};
 	/**
 	 * Internal nav group. Should look the same as an open accordion,
@@ -11181,19 +11175,54 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 	import { EuiLinkProps } from '@elastic/eui/src/components/link';
 	import { EuiAccordionProps } from '@elastic/eui/src/components/accordion';
 	export type _SharedEuiCollapsibleNavItemProps = HTMLAttributes<HTMLElement> & CommonProps & {
+	    /**
+	     * Highlights whether an item is currently selected, e.g.
+	     * if the user is on the same page as the nav link
+	     */
+	    isSelected?: boolean;
+	};
+	export type EuiCollapsibleNavItemProps = _SharedEuiCollapsibleNavItemProps & {
+	    /**
+	     * Required text to render as the nav item title
+	     */
+	    title: string;
+	    /**
+	     * Allows customizing the title element.
+	     * Consider using a heading element for better accessibility.
+	     * Defaults to an unsemantic `span` or `div`, depending on context.
+	     */
+	    titleElement?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'div';
+	    /**
+	     * Optional icon to render to the left of title content
+	     */
+	    icon?: IconType;
+	    /**
+	     * Optional props to pass to the title icon
+	     */
+	    iconProps?: Partial<EuiIconProps>;
+	} & ExclusiveUnion<{
 	    /**
 	     * The nav item link.
+	     *
 	     * If not included, and no `onClick` is specified, the nav item
 	     * will render as an non-interactive `<span>`.
+	     *
+	     * Should not be used together with `items`, as the title will
+	     * trigger the accordion collapse/expand action instead of a link.
 	     */
 	    href?: string;
+	    /**
+	     * If a `href` is specified, use this prop to pass any prop that `EuiLink` accepts
+	     */
+	    linkProps?: Partial<EuiLinkProps>;
+	}, {
 	    /**
 	     * Will render either an accordion or group of nested child item links.
 	     *
 	     * Accepts any #EuiCollapsibleNavItemProps. Or, to render completely custom
 	     * subitem content, pass an object with a `renderItem` callback.
 	     */
-	    items?: EuiCollapsibleNavSubItemProps[];
+	    items: EuiCollapsibleNavSubItemProps[];
 	    /**
 	     * If set to false, will (visually) render an always-open accordion that cannot
 	     * be toggled closed. Ignored if `items` is not passed.
@@ -11207,36 +11236,7 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 	     * that control the toggled state of the accordion (e.g. `initialIsOpen`, `forceState`)
 	     */
 	    accordionProps?: Partial<EuiAccordionProps>;
-	    /**
-	     * If a `href` is specified, use this prop to pass any prop that `EuiLink` accepts
-	     */
-	    linkProps?: Partial<EuiLinkProps>;
-	    /**
-	     * Highlights whether an item is currently selected, e.g.
-	     * if the user is on the same page as the nav link
-	     */
-	    isSelected?: boolean;
-	};
-	export type EuiCollapsibleNavItemProps = {
-	    /**
-	     * Required text to render as the nav item title
-	     */
-	    title: string;
-	    /**
-	     * Allows customizing the title element.
-	     * Consider using a heading element for better accessibility.
-	     * Defaults to an unsemantic `span` or `div`, depending on context.
-	     */
-	    titleElement?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'div';
-	    /**
-	     * Optional icon to render to the left of title content
-	     */
-	    icon?: IconType;
-	    /**
-	     * Optional props to pass to the title icon
-	     */
-	    iconProps?: Partial<EuiIconProps>;
-	} & _SharedEuiCollapsibleNavItemProps;
+	}>;
 	export type EuiCollapsibleNavCustomSubItem = {
 	    renderItem: () => ReactNode;
 	};
@@ -11280,15 +11280,8 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group' {
 	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiCollapsibleNavSubItemProps, EuiCollapsibleNavItemProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item';
-	export type EuiCollapsibleNavGroupProps = Omit<EuiCollapsibleNavItemProps, 'items' | 'accordionProps'> & {
-	    /**
-	     * Will render an array of `EuiCollapsibleNavItems`.
-	     *
-	     * Accepts any #EuiCollapsibleNavItemProps. Or, to render completely custom
-	     * subitem content, pass an object with a `renderItem` callback.
-	     */
-	    items: EuiCollapsibleNavSubItemProps[];
+	import { type EuiCollapsibleNavItemProps, type _SharedEuiCollapsibleNavItemProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item';
+	export type EuiCollapsibleNavGroupProps = _SharedEuiCollapsibleNavItemProps & Pick<EuiCollapsibleNavItemProps, 'title' | 'titleElement' | 'icon' | 'iconProps'> & Required<Pick<EuiCollapsibleNavItemProps, 'items'>> & {
 	    /**
 	     * Optional props to pass to the wrapping div
 	     */
@@ -11570,13 +11563,26 @@ declare module '@elastic/eui/src/components/combo_box/matching_options' {
 	export const getMatchingOptions: <T>({ options, selectedOptions, searchValue, isCaseSensitive, isPreFiltered, showPrevSelected, sortMatchesBy, }: GetMatchingOptions<T>) => EuiComboBoxOptionOption<T>[];
 	export {};
 
+}
+declare module '@elastic/eui/src/components/combo_box/utils' {
+	import React, { PropsWithChildren } from 'react';
+	import { EuiComboBoxOptionOption } from '@elastic/eui/src/components/combo_box/types';
+	/**
+	 * DRY util for rendering an option with its prepend and append properties
+	 */
+	export const EuiComboBoxOptionAppendPrepend: <T>({ children, option, classNamePrefix, }: {
+	    children?: React.ReactNode;
+	} & {
+	    option?: EuiComboBoxOptionOption<T> | undefined;
+	    classNamePrefix?: string | undefined;
+	}) => React.JSX.Element;
+
 }
 declare module '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_pill' {
 	import React, { AriaAttributes, Component, MouseEventHandler } from 'react';
 	import { EuiComboBoxOptionOption, OptionHandler } from '@elastic/eui/src/components/combo_box/types';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export interface EuiComboBoxPillProps<T> extends CommonProps {
-	    asPlainText?: boolean;
 	    children?: string;
 	    className?: string;
 	    color?: string;
@@ -11646,6 +11652,9 @@ declare module '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_
 	    onFocus: FocusEventHandler<HTMLInputElement>;
 	    onBlur: FocusEventHandler<HTMLInputElement>;
 	    onKeyDown: KeyboardEventHandler<HTMLInputElement>;
+	    get asPlainText(): boolean;
+	    get searchValue(): string;
+	    renderPills: () => React.JSX.Element[] | null;
 	    render(): React.JSX.Element;
 	}
 	export {};
@@ -11967,7 +11976,7 @@ declare module '@elastic/eui/src/components/combo_box/combo_box' {
 	    /**
 	     * By default, EuiComboBox will truncate option labels at the end of
 	     * the string. You can use pass in a custom truncation configuration that
-	     * accepts any prop that [EuiTextTruncate](/#/utilities/text-truncate) prop
+	     * accepts any [EuiTextTruncate](/#/utilities/text-truncation) prop,
 	     * except for `text` and `children`.
 	     *
 	     * Note: when searching, custom truncation props are ignored. The highlighted search
@@ -12515,6 +12524,7 @@ declare module '@elastic/eui/src/components/list_group/list_group_item.styles' {
 	    isDisabled: import("@emotion/utils").SerializedStyles;
 	    isActive: import("@emotion/utils").SerializedStyles;
 	    isClickable: import("@emotion/utils").SerializedStyles;
+	    externalIcon: import("@emotion/utils").SerializedStyles;
 	};
 	export const euiListGroupItemLabelStyles: () => {
 	    euiListGroupItem__label: import("@emotion/utils").SerializedStyles;
@@ -12566,8 +12576,13 @@ declare module '@elastic/eui/src/components/list_group/list_group_item' {
 	     * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
 	     */
 	    href?: string;
-	    target?: string;
 	    rel?: string;
+	    target?: string;
+	    /**
+	     * Set to true to show an icon indicating that it is an external link;
+	     * Defaults to true if `target="_blank"`
+	     */
+	    external?: boolean;
 	    /**
 	     * Adds `EuiIcon` of `EuiIcon.type`
 	     */
@@ -13160,6 +13175,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	    }): void;
 	    closeCellPopover(): void;
 	    setPopoverAnchor(anchor: HTMLElement): void;
+	    setPopoverAnchorPosition(position: 'downLeft' | 'downRight'): void;
 	    setPopoverContent(content: ReactNode): void;
 	    setCellPopoverProps: EuiDataGridCellPopoverElementProps['setCellPopoverProps'];
 	}
@@ -13521,6 +13537,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	    isEntered: boolean;
 	    enableInteractions: boolean;
 	    disableCellTabIndex: boolean;
+	    cellTextAlign: 'Left' | 'Right';
 	}
 	export type EuiDataGridCellValueProps = Omit<EuiDataGridCellProps, 'width' | 'interactiveCellId' | 'popoverContext' | 'rowManager'>;
 	export interface EuiDataGridControlColumn {
@@ -13656,7 +13673,13 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     */
 	    columnId: string;
 	    /**
-	     * React component representing the action displayed in the cell
+	     * React component representing the action displayed in the cell.
+	     *
+	     * On cell hover/focus, an EuiButtonIcon will be displayed that cannot
+	     * have its size or color customized, only its icon.
+	     *
+	     * On cell expand, an EuiButtonEmpty will be displayed in the cell popover
+	     * that can have any sizing, color, or text.
 	     */
 	    Component: typeof EuiButtonEmpty | typeof EuiButtonIcon;
 	    /**
@@ -14242,12 +14265,11 @@ declare module '@elastic/eui/src/components/datagrid/body/header' {
 declare module '@elastic/eui/src/components/datagrid/body/data_grid_cell_actions' {
 	import React from 'react';
 	import { EuiDataGridColumn } from '@elastic/eui/src/components/datagrid/data_grid_types';
-	export const EuiDataGridCellActions: ({ onExpandClick, column, rowIndex, colIndex, cellHeightType, }: {
+	export const EuiDataGridCellActions: ({ onExpandClick, column, rowIndex, colIndex, }: {
 	    onExpandClick: () => void;
 	    column?: EuiDataGridColumn | undefined;
 	    rowIndex: number;
 	    colIndex: number;
-	    cellHeightType: string;
 	}) => React.JSX.Element;
 	export const EuiDataGridCellPopoverActions: ({ rowIndex, colIndex, column, }: {
 	    column?: EuiDataGridColumn | undefined;
@@ -14344,6 +14366,7 @@ declare module '@elastic/eui/src/components/datagrid/body/data_grid_cell' {
 	    onBlur: () => void;
 	    preventTabbing: () => void;
 	    enableTabbing: () => void;
+	    setCellTextAlign: () => void;
 	    isExpandable: () => boolean;
 	    isPopoverOpen: () => boolean;
 	    handleCellPopover: () => void;
@@ -14554,6 +14577,15 @@ declare module '@elastic/eui/src/components/datagrid/controls/data_grid_toolbar'
 	 */
 	export function getNestedObjectOptions<T>(controlOption: undefined | boolean | T, objectKey: keyof T): boolean;
 
+}
+declare module '@elastic/eui/src/components/datagrid/controls/data_grid_toolbar_control' {
+	import { FunctionComponent } from 'react';
+	import { EuiButtonEmptyProps } from '@elastic/eui/src/components/button';
+	export type EuiDataGridToolbarControlProps = EuiButtonEmptyProps & {
+	    badgeContent?: number | string;
+	};
+	export const EuiDataGridToolbarControl: FunctionComponent<EuiDataGridToolbarControlProps>;
+
 }
 declare module '@elastic/eui/src/components/datagrid/controls/column_selector' {
 	import React, { ReactNode } from 'react';
@@ -14778,6 +14810,7 @@ declare module '@elastic/eui/src/components/datagrid/controls' {
 	export { useDataGridKeyboardShortcuts } from '@elastic/eui/src/components/datagrid/controls/keyboard_shortcuts';
 	export { useDataGridFullScreenSelector } from '@elastic/eui/src/components/datagrid/controls/fullscreen_selector';
 	export { checkOrDefaultToolBarDisplayOptions, EuiDataGridToolbar, } from '@elastic/eui/src/components/datagrid/controls/data_grid_toolbar';
+	export { EuiDataGridToolbarControl, type EuiDataGridToolbarControlProps, } from '@elastic/eui/src/components/datagrid/controls/data_grid_toolbar_control';
 
 }
 declare module '@elastic/eui/src/components/datagrid/utils/in_memory' {
@@ -14859,12 +14892,12 @@ declare module '@elastic/eui/src/components/datagrid/utils/ref' {
 declare module '@elastic/eui/src/components/datagrid/data_grid' {
 	import React from 'react';
 	import { EuiDataGridProps, EuiDataGridRefProps } from '@elastic/eui/src/components/datagrid/data_grid_types';
-	export const EuiDataGrid: React.ForwardRefExoticComponent<EuiDataGridProps & React.RefAttributes<EuiDataGridRefProps>>;
+	export const EuiDataGrid: React.MemoExoticComponent<React.ForwardRefExoticComponent<EuiDataGridProps & React.RefAttributes<EuiDataGridRefProps>>>;
 
 }
 declare module '@elastic/eui/src/components/datagrid' {
 	export { EuiDataGrid } from '@elastic/eui/src/components/datagrid/data_grid';
-	export { useDataGridColumnSelector, useDataGridColumnSorting, useDataGridDisplaySelector, } from '@elastic/eui/src/components/datagrid/controls';
+	export { useDataGridColumnSelector, useDataGridColumnSorting, useDataGridDisplaySelector, EuiDataGridToolbarControl, } from '@elastic/eui/src/components/datagrid/controls';
 	export * from '@elastic/eui/src/components/datagrid/data_grid_types';
 
 }
@@ -15478,12 +15511,12 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_p
 
 }
 declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_popover/date_popover_content' {
-	import React, { FunctionComponent } from 'react';
+	import { FunctionComponent } from 'react';
 	import { TimeOptions } from '@elastic/eui/src/components/date_picker/super_date_picker/time_options';
 	import { LocaleSpecifier } from 'moment';
 	export interface EuiDatePopoverContentProps {
 	    value: string;
-	    onChange(date: string | null, event?: React.SyntheticEvent<any>): void;
+	    onChange: (date: string) => void;
 	    roundUp?: boolean;
 	    dateFormat: string;
 	    timeFormat: string;
@@ -15496,7 +15529,7 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_p
 
 }
 declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_popover/absolute_tab' {
-	import React, { Component, ChangeEventHandler } from 'react';
+	import React, { Component, ChangeEvent } from 'react';
 	import { Moment, LocaleSpecifier } from 'moment';
 	import { EuiDatePickerProps } from '@elastic/eui/src/components/date_picker/date_picker';
 	import { EuiDatePopoverContentProps } from '@elastic/eui/src/components/date_picker/super_date_picker/date_popover/date_popover_content';
@@ -15512,15 +15545,18 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_p
 	    utcOffset?: number;
 	}
 	interface EuiAbsoluteTabState {
+	    hasUnparsedText: boolean;
 	    isTextInvalid: boolean;
 	    textInputValue: string;
 	    valueAsMoment: Moment | null;
 	}
 	export class EuiAbsoluteTab extends Component<EuiAbsoluteTabProps, EuiAbsoluteTabState> {
 	    state: EuiAbsoluteTabState;
+	    isParsing: boolean;
 	    constructor(props: EuiAbsoluteTabProps);
 	    handleChange: EuiDatePickerProps['onChange'];
-	    handleTextChange: ChangeEventHandler<HTMLInputElement>;
+	    handleTextChange: (event: ChangeEvent<HTMLInputElement>) => void;
+	    parseUserDateInput: (textInputValue: string) => void;
 	    render(): React.JSX.Element;
 	}
 	export {};
@@ -15562,7 +15598,7 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_p
 	    isOpen: boolean;
 	    needsUpdating?: boolean;
 	    locale?: LocaleSpecifier;
-	    onChange: NonNullable<EuiDatePopoverContentProps['onChange']>;
+	    onChange: EuiDatePopoverContentProps['onChange'];
 	    onPopoverClose: EuiPopoverProps['closePopover'];
 	    onPopoverToggle: MouseEventHandler<HTMLButtonElement>;
 	    position: 'start' | 'end';
@@ -15977,6 +16013,7 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
 	    customQuickSelectRender?: (options: CustomQuickSelectRenderOptions) => ReactNode;
 	    /**
 	     * Specifies the formatted used when displaying dates and/or datetimes
+	     * @default 'MMM D, YYYY @ HH:mm:ss.SSS'
 	     */
 	    dateFormat?: string;
 	    /**
@@ -15993,12 +16030,16 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
 	        display: ReactNode;
 	    };
 	    isLoading?: boolean;
+	    /**
+	     * @default true
+	     */
 	    isPaused?: boolean;
 	    /**
 	     * Sets the overall width by adding sensible min and max widths.
 	     * - `auto`: fits width to internal content / time string.
 	     * - `restricted`: static width that fits the longest possible time string.
 	     * - `full`: expands to 100% of the container.
+	     * @default 'restricted'
 	     */
 	    width?: 'restricted' | 'full' | 'auto';
 	    /**
@@ -16032,17 +16073,26 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
 	    recentlyUsedRanges?: DurationRange[];
 	    /**
 	     * Refresh interval in milliseconds
+	     * @default 1000
 	     */
 	    refreshInterval?: Milliseconds;
+	    /**
+	     * @default 'now-15m'
+	     */
 	    start?: ShortDate;
+	    /**
+	     * @default 'now'
+	     */
 	    end?: ShortDate;
 	    /**
 	     * Specifies the formatted used when displaying times
+	     * @default 'HH:mm'
 	     */
 	    timeFormat?: string;
 	    utcOffset?: number;
 	    /**
 	     * Set showUpdateButton to false to immediately invoke onTimeChange for all start and end changes.
+	     * @default true
 	     */
 	    showUpdateButton?: boolean | 'iconOnly';
 	    /**
@@ -19884,6 +19934,7 @@ declare module '@elastic/eui/src/components/search_bar/filters/is_filter' {
 declare module '@elastic/eui/src/components/selectable/selectable_option' {
 	import React, { HTMLAttributes } from 'react';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
+	import type { EuiTextTruncateProps } from '@elastic/eui/src/components/text_truncate';
 	export type EuiSelectableOptionCheckedType = 'on' | 'off' | 'mixed' | undefined;
 	export type EuiSelectableOptionBase = CommonProps & {
 	    /**
@@ -19934,6 +19985,21 @@ declare module '@elastic/eui/src/components/selectable/selectable_option' {
 	    data?: {
 	        [key: string]: any;
 	    };
+	    /**
+	     * How to handle long text within the item.
+	     * Wrapping only works if `isVirtualization` is false.
+	     * @default 'truncate'
+	     */
+	    textWrap?: 'truncate' | 'wrap';
+	    /**
+	     * If textWrap is set to `truncate`, you can pass a custom truncation configuration
+	     * that accepts any [EuiTextTruncate](/#/utilities/text-truncation) prop except for
+	     * `text` and `children`.
+	     *
+	     * Note: when searching, custom truncation props are ignored. The highlighted search
+	     * text will always take precedence.
+	     */
+	    truncationProps?: Partial<Omit<EuiTextTruncateProps, 'text' | 'children'>>;
 	}; type _EuiSelectableGroupLabelOption = Omit<EuiSelectableOptionBase, 'isGroupLabel'> & Exclude<HTMLAttributes<HTMLDivElement>, 'id'> & {
 	    isGroupLabel: true;
 	};
@@ -20000,8 +20066,8 @@ declare module '@elastic/eui/src/components/selectable/selectable_message' {
 declare module '@elastic/eui/src/components/selectable/selectable_list/selectable_list_item' {
 	import React, { Component, LiHTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiSelectableOptionCheckedType } from '@elastic/eui/src/components/selectable/selectable_option';
 	import { EuiBadgeProps } from '@elastic/eui/src/components/badge';
+	import type { EuiSelectableOption, EuiSelectableOptionCheckedType } from '@elastic/eui/src/components/selectable/selectable_option';
 	export const PADDING_SIZES: ("s" | "none")[];
 	export type EuiSelectablePaddingSize = (typeof PADDING_SIZES)[number];
 	export type EuiSelectableListItemProps = LiHTMLAttributes<HTMLLIElement> & CommonProps & {
@@ -20048,7 +20114,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	     * How to handle long text within the item.
 	     * Wrapping only works if virtualization is off.
 	     */
-	    textWrap?: 'truncate' | 'wrap';
+	    textWrap?: EuiSelectableOption['textWrap'];
 	};
 	export class EuiSelectableListItem extends Component<EuiSelectableListItemProps> {
 	    static defaultProps: {
@@ -20066,6 +20132,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	import React, { Component, HTMLAttributes, ReactNode, CSSProperties } from 'react';
 	import { FixedSizeList, ListProps, ListChildComponentProps as ReactWindowListChildComponentProps } from 'react-window';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
+	import { EuiAutoSizeHorizontal } from '@elastic/eui/src/components/auto_sizer';
 	import { EuiSelectableOption } from '@elastic/eui/src/components/selectable/selectable_option';
 	import { EuiSelectableOnChangeEvent } from '@elastic/eui/src/components/selectable/selectable';
 	import { EuiSelectableListItemProps } from '@elastic/eui/src/components/selectable/selectable_list/selectable_list_item';
@@ -20123,6 +20190,15 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	     * Wrapping only works if virtualization is off.
 	     */
 	    textWrap?: EuiSelectableListItemProps['textWrap'];
+	    /**
+	     * If textWrap is set to `truncate`, you can pass a custom truncation configuration
+	     * that accepts any [EuiTextTruncate](/#/utilities/text-truncation) prop except for
+	     * `text` and `children`.
+	     *
+	     * Note: when searching, custom truncation props are ignored. The highlighted search
+	     * text will always take precedence.
+	     */
+	    truncationProps?: EuiSelectableOption['truncationProps'];
 	} & EuiSelectableOptionsListVirtualizedProps;
 	export type EuiSelectableListProps<T> = EuiSelectableOptionsListProps & {
 	    /**
@@ -20162,25 +20238,314 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	    makeOptionId: (index: number | undefined) => string;
 	    listId: string;
 	    setActiveOptionIndex: (index: number, cb?: () => void) => void;
+	}; type State<T> = {
+	    defaultOptionWidth: number;
+	    optionArray: Array<EuiSelectableOption<T>>;
+	    itemData: Record<number, EuiSelectableOption<T>>;
+	    ariaPosInSetMap: Record<number, number>;
+	    ariaSetSize: number;
 	};
-	export class EuiSelectableList<T> extends Component<EuiSelectableListProps<T>> {
+	export class EuiSelectableList<T> extends Component<EuiSelectableListProps<T>, State<T>> {
 	    static defaultProps: {
 	        rowHeight: number;
 	        searchValue: string;
 	        isVirtualized: boolean;
 	    };
+	    constructor(props: EuiSelectableListProps<T>);
 	    listRef: FixedSizeList | null;
 	    listBoxRef: HTMLUListElement | null;
 	    setListRef: (ref: FixedSizeList | null) => void;
 	    removeScrollableTabStop: (ref: HTMLDivElement | null) => void;
 	    setListBoxRef: (ref: HTMLUListElement | null) => void;
-	    componentDidUpdate(): void;
-	    constructor(props: EuiSelectableListProps<T>);
-	    ariaSetSize: number;
-	    ariaPosInSetMap: Record<number, number>;
-	    calculateAriaSetAttrs: (optionArray: Array<EuiSelectableOption<T>>) => void;
+	    componentDidUpdate(prevProps: EuiSelectableListProps<T>): void;
+	    calculateAriaSetAttrs: (optionArray: State<T>['optionArray']) => {
+	        ariaPosInSetMap: Record<number, number>;
+	        ariaSetSize: number;
+	    };
 	    ListRow: React.MemoExoticComponent<({ data, index, style }: ListChildComponentProps<T>) => React.JSX.Element>;
-	    renderVirtualizedList: (heightIsFull: boolean, optionArray: EuiSelectableOption[]) => React.JSX.Element | null;
+	    renderVirtualizedList: () => React.JSX.Element | null;
+	    forceVirtualizedListRowRerender: () => void;
+	    focusBadgeOffset: number;
+	    calculateDefaultOptionWidth: ({ width: containerWidth, }: EuiAutoSizeHorizontal) => void;
+	    getTruncationProps: (option: EuiSelectableOption, isFocused: boolean) => {
+	        prefix?: string | undefined;
+	        slot?: string | undefined;
+	        style?: React.CSSProperties | undefined;
+	        title?: string | undefined;
+	        hidden?: boolean | undefined;
+	        content?: string | undefined;
+	        id?: string | undefined;
+	        onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
+	        color?: string | undefined;
+	        className?: string | undefined;
+	        'aria-label'?: string | undefined;
+	        'data-test-subj'?: string | undefined;
+	        css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
+	        placeholder?: string | undefined;
+	        width: number | undefined;
+	        defaultChecked?: boolean | undefined;
+	        defaultValue?: string | number | readonly string[] | undefined;
+	        suppressContentEditableWarning?: boolean | undefined;
+	        suppressHydrationWarning?: boolean | undefined;
+	        accessKey?: string | undefined;
+	        autoFocus?: boolean | undefined;
+	        contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+	        contextMenu?: string | undefined;
+	        dir?: string | undefined;
+	        draggable?: (boolean | "true" | "false") | undefined;
+	        lang?: string | undefined;
+	        nonce?: string | undefined;
+	        spellCheck?: (boolean | "true" | "false") | undefined;
+	        tabIndex?: number | undefined;
+	        translate?: "yes" | "no" | undefined;
+	        radioGroup?: string | undefined;
+	        role?: React.AriaRole | undefined;
+	        about?: string | undefined;
+	        datatype?: string | undefined;
+	        inlist?: any;
+	        property?: string | undefined;
+	        rel?: string | undefined;
+	        resource?: string | undefined;
+	        rev?: string | undefined;
+	        typeof?: string | undefined;
+	        vocab?: string | undefined;
+	        autoCapitalize?: string | undefined;
+	        autoCorrect?: string | undefined;
+	        autoSave?: string | undefined;
+	        itemProp?: string | undefined;
+	        itemScope?: boolean | undefined;
+	        itemType?: string | undefined;
+	        itemID?: string | undefined;
+	        itemRef?: string | undefined;
+	        results?: number | undefined;
+	        security?: string | undefined;
+	        unselectable?: "on" | "off" | undefined;
+	        inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+	        is?: string | undefined;
+	        'aria-activedescendant'?: string | undefined;
+	        'aria-atomic'?: (boolean | "true" | "false") | undefined;
+	        'aria-autocomplete'?: "none" | "both" | "list" | "inline" | undefined;
+	        'aria-braillelabel'?: string | undefined;
+	        'aria-brailleroledescription'?: string | undefined;
+	        'aria-busy'?: (boolean | "true" | "false") | undefined;
+	        'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+	        'aria-colcount'?: number | undefined;
+	        'aria-colindex'?: number | undefined;
+	        'aria-colindextext'?: string | undefined;
+	        'aria-colspan'?: number | undefined;
+	        'aria-controls'?: string | undefined;
+	        'aria-current'?: boolean | "time" | "date" | "step" | "true" | "false" | "page" | "location" | undefined;
+	        'aria-describedby'?: string | undefined;
+	        'aria-description'?: string | undefined;
+	        'aria-details'?: string | undefined;
+	        'aria-disabled'?: (boolean | "true" | "false") | undefined;
+	        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+	        'aria-errormessage'?: string | undefined;
+	        'aria-expanded'?: (boolean | "true" | "false") | undefined;
+	        'aria-flowto'?: string | undefined;
+	        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+	        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+	        'aria-hidden'?: (boolean | "true" | "false") | undefined;
+	        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+	        'aria-keyshortcuts'?: string | undefined;
+	        'aria-labelledby'?: string | undefined;
+	        'aria-level'?: number | undefined;
+	        'aria-live'?: "off" | "assertive" | "polite" | undefined;
+	        'aria-modal'?: (boolean | "true" | "false") | undefined;
+	        'aria-multiline'?: (boolean | "true" | "false") | undefined;
+	        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+	        'aria-orientation'?: "horizontal" | "vertical" | undefined;
+	        'aria-owns'?: string | undefined;
+	        'aria-placeholder'?: string | undefined;
+	        'aria-posinset'?: number | undefined;
+	        'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+	        'aria-readonly'?: (boolean | "true" | "false") | undefined;
+	        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+	        'aria-required'?: (boolean | "true" | "false") | undefined;
+	        'aria-roledescription'?: string | undefined;
+	        'aria-rowcount'?: number | undefined;
+	        'aria-rowindex'?: number | undefined;
+	        'aria-rowindextext'?: string | undefined;
+	        'aria-rowspan'?: number | undefined;
+	        'aria-selected'?: (boolean | "true" | "false") | undefined;
+	        'aria-setsize'?: number | undefined;
+	        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+	        'aria-valuemax'?: number | undefined;
+	        'aria-valuemin'?: number | undefined;
+	        'aria-valuenow'?: number | undefined;
+	        'aria-valuetext'?: string | undefined;
+	        dangerouslySetInnerHTML?: {
+	            __html: string | TrustedHTML;
+	        } | undefined;
+	        onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+	        onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+	        onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+	        onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+	        onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+	        onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+	        onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+	        onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+	        onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+	        onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+	        onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+	        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+	        onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
+	        onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
+	        onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
+	        onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
+	        onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+	        onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
+	        onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+	        onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
+	        onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+	        onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
+	        onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+	        onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
+	        onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+	        onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
+	        onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+	        onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+	        onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+	        onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+	        onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+	        onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+	        onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+	        onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onResize?: ((width: number) => void) | undefined;
+	        onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
+	        onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+	        onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
+	        onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+	        onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
+	        onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+	        onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
+	        onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+	        onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
+	        onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+	        onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
+	        onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+	        onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
+	        onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+	        onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
+	        onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+	        onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+	        onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+	        onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
+	        onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+	        onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
+	        onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+	        onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
+	        onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+	        onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
+	        onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+	        onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerEnterCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerLeaveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+	        onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
+	        onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
+	        onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
+	        onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
+	        onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+	        onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+	        onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+	        onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+	        onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+	        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+	        onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+	        onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+	        ellipsis?: string | undefined;
+	        truncation?: "end" | "start" | "middle" | "startEnd" | undefined;
+	        truncationOffset?: number | undefined;
+	        truncationPosition?: number | undefined;
+	        calculationDelayMs?: number | undefined;
+	    } | undefined;
+	    renderSearchedText: (text: string, truncationProps?: EuiSelectableOptionsListProps['truncationProps']) => React.JSX.Element;
+	    renderTruncatedText: (text: string, truncationProps?: EuiSelectableOptionsListProps['truncationProps']) => React.JSX.Element;
 	    render(): React.JSX.Element;
 	    onAddOrRemoveOption: (option: EuiSelectableOption<T>, event: EuiSelectableOnChangeEvent) => void;
 	    private onAddOption;
@@ -21423,18 +21788,18 @@ declare module '@elastic/eui/src/components/basic_table/action_types' {
 	import { ExclusiveUnion } from '@elastic/eui/src/components/common'; type IconFunction<T> = (item: T) => EuiIconType; type ButtonColor = EuiButtonIconProps['color'] | EuiButtonEmptyProps['color']; type EuiButtonIconColorFunction<T> = (item: T) => ButtonColor;
 	export interface DefaultItemActionBase<T> {
 	    /**
-	     * The display name of the action (will be the button caption)
+	     * The display name of the action (will render as visible text if rendered within a collapsed menu)
 	     */
 	    name: ReactNode | ((item: T) => ReactNode);
 	    /**
-	     * Describes the action (will be the button title)
+	     * Describes the action (will render as tooltip content)
 	     */
-	    description: string;
+	    description: string | ((item: T) => string);
 	    /**
 	     * A handler function to execute the action
 	     */
 	    onClick?: (item: T) => void;
-	    href?: string;
+	    href?: string | ((item: T) => string);
 	    target?: string;
 	    /**
 	     * A callback function that determines whether the action is available
@@ -21445,7 +21810,7 @@ declare module '@elastic/eui/src/components/basic_table/action_types' {
 	     */
 	    enabled?: (item: T) => boolean;
 	    isPrimary?: boolean;
-	    'data-test-subj'?: string;
+	    'data-test-subj'?: string | ((item: T) => string);
 	}
 	export interface DefaultItemEmptyButtonAction<T> extends DefaultItemActionBase<T> {
 	    /**
@@ -21468,7 +21833,7 @@ declare module '@elastic/eui/src/components/basic_table/action_types' {
 	export type DefaultItemAction<T> = ExclusiveUnion<DefaultItemEmptyButtonAction<T>, DefaultItemIconButtonAction<T>>;
 	export interface CustomItemAction<T> {
 	    /**
-	     * The function that renders the action. Note that the returned node is expected to have `onFocus` and `onBlur` functions
+	     * Allows rendering a totally custom action
 	     */
 	    render: (item: T, enabled: boolean) => ReactElement;
 	    /**
@@ -21482,7 +21847,8 @@ declare module '@elastic/eui/src/components/basic_table/action_types' {
 	    isPrimary?: boolean;
 	}
 	export type Action<T> = DefaultItemAction<T> | CustomItemAction<T>;
-	export const isCustomItemAction: (action: DefaultItemAction<any> | CustomItemAction<any>) => action is CustomItemAction<any>;
+	export const isCustomItemAction: <T>(action: (import ("@elastic/eui/src/components/common").DisambiguateSet<DefaultItemEmptyButtonAction<T>, DefaultItemIconButtonAction<T>> & DefaultItemIconButtonAction<T>) | (import ("@elastic/eui/src/components/common").DisambiguateSet<DefaultItemIconButtonAction<T>, DefaultItemEmptyButtonAction<T>> & DefaultItemEmptyButtonAction<T>) | CustomItemAction<T>) => action is CustomItemAction<T>;
+	export const callWithItemIfFunction: <T>(item: T) => <U>(prop: U | ((item: T) => U)) => U;
 	export {};
 
 }
@@ -21708,35 +22074,17 @@ declare module '@elastic/eui/src/components/basic_table/table_types' {
 
 }
 declare module '@elastic/eui/src/components/basic_table/collapsed_item_actions' {
-	import React, { Component, FocusEvent } from 'react';
+	import React from 'react';
 	import { Action } from '@elastic/eui/src/components/basic_table/action_types';
 	import { ItemIdResolved } from '@elastic/eui/src/components/basic_table/table_types';
-	export interface CollapsedItemActionsProps<T> {
+	export interface CollapsedItemActionsProps<T extends {}> {
 	    actions: Array<Action<T>>;
 	    item: T;
 	    itemId: ItemIdResolved;
 	    actionEnabled: (action: Action<T>) => boolean;
 	    className?: string;
-	    onFocus?: (event: FocusEvent) => void;
-	    onBlur?: () => void;
-	}
-	interface CollapsedItemActionsState {
-	    popoverOpen: boolean;
-	}
-	export class CollapsedItemActions<T> extends Component<CollapsedItemActionsProps<T>, CollapsedItemActionsState> {
-	    private popoverDiv;
-	    state: {
-	        popoverOpen: boolean;
-	    };
-	    togglePopover: () => void;
-	    closePopover: () => void;
-	    onPopoverBlur: () => void;
-	    registerPopoverDiv: (popoverDiv: HTMLDivElement | null) => void;
-	    componentWillUnmount(): void;
-	    onClickItem: (onClickAction: (() => void) | undefined) => void;
-	    render(): React.JSX.Element;
 	}
-	export {};
+	export const CollapsedItemActions: <T extends {}>({ actions, itemId, item, actionEnabled, className, }: CollapsedItemActionsProps<T>) => React.JSX.Element;
 
 }
 declare module '@elastic/eui/src/components/basic_table/default_item_action' {
@@ -21748,11 +22096,11 @@ declare module '@elastic/eui/src/components/basic_table/default_item_action' {
 	    item: T;
 	    className?: string;
 	}
-	export const DefaultItemAction: <T extends {}>({ action, enabled, item, className, }: DefaultItemActionProps<T>) => ReactElement;
+	export const DefaultItemAction: <T>({ action, enabled, item, className, }: DefaultItemActionProps<T>) => ReactElement;
 
 }
 declare module '@elastic/eui/src/components/basic_table/custom_item_action' {
-	import React, { Component } from 'react';
+	import React from 'react';
 	import { CustomItemAction as Action } from '@elastic/eui/src/components/basic_table/action_types';
 	export interface CustomItemActionProps<T> {
 	    action: Action<T>;
@@ -21761,20 +22109,7 @@ declare module '@elastic/eui/src/components/basic_table/custom_item_action' {
 	    className: string;
 	    index?: number;
 	}
-	interface CustomItemActionState {
-	    hasFocus: boolean;
-	}
-	export class CustomItemAction<T> extends Component<CustomItemActionProps<T>, CustomItemActionState> {
-	    private mounted;
-	    constructor(props: CustomItemActionProps<T>);
-	    componentDidMount(): void;
-	    componentWillUnmount(): void;
-	    onFocus: () => void;
-	    onBlur: () => void;
-	    hasFocus: () => boolean;
-	    render(): React.JSX.Element;
-	}
-	export {};
+	export const CustomItemAction: <T>({ action, enabled, item, className, }: CustomItemActionProps<T>) => React.JSX.Element;
 
 }
 declare module '@elastic/eui/src/components/basic_table/expanded_item_actions' {
@@ -22248,7 +22583,7 @@ declare module '@elastic/eui/src/components/toast/global_toast_list_item' {
 
 }
 declare module '@elastic/eui/src/components/toast/global_toast_list' {
-	import { FunctionComponent, ReactChild } from 'react';
+	import { FunctionComponent, HTMLAttributes, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiToastProps } from '@elastic/eui/src/components/toast/toast'; type ToastSide = 'right' | 'left';
 	export const SIDES: ToastSide[];
@@ -22256,7 +22591,7 @@ declare module '@elastic/eui/src/components/toast/global_toast_list' {
 	export const CLEAR_ALL_TOASTS_THRESHOLD_DEFAULT = 3;
 	export interface Toast extends EuiToastProps {
 	    id: string;
-	    text?: ReactChild;
+	    text?: ReactNode;
 	    toastLifeTimeMs?: number;
 	}
 	export interface EuiGlobalToastListProps extends CommonProps {
@@ -22278,6 +22613,16 @@ declare module '@elastic/eui/src/components/toast/global_toast_list' {
 	     * Optional callback that fires when a user clicks the "Clear all" button.
 	     */
 	    onClearAllToasts?: () => void;
+	    /**
+	     * Defaults to the [log role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/log_role).
+	     *
+	     * The [alert role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role)
+	     * can be considered only if *all* toasts in this list will require immediate user attention.
+	     * Several alerts at once, and unnecessary alerts, will a create bad screen reader user experience.
+	     *
+	     * @default log
+	     */
+	    role?: HTMLAttributes<HTMLElement>['role'];
 	}
 	export const EuiGlobalToastList: FunctionComponent<EuiGlobalToastListProps>;
 	export {};
@@ -28397,8 +28742,6 @@ declare module '@elastic/eui' {
 "euiDataGridHeaderCell.actionsPopoverScreenReaderText": any;
 "euiColumnSelector.dragHandleAriaLabel": any;
 "euiColumnSelector.button": any;
-"euiColumnSelector.buttonActiveSingular": any;
-"euiColumnSelector.buttonActivePlural": any;
 "euiColumnSelector.search": any;
 "euiColumnSelector.searchcolumns": any;
 "euiColumnSelector.selectAll": any;
@@ -28410,11 +28753,11 @@ declare module '@elastic/eui' {
 "euiColumnSortingDraggable.removeSortLabel": any;
 "euiColumnSortingDraggable.toggleLegend": any;
 "euiColumnSorting.button": any;
-"euiColumnSorting.buttonActive": any;
 "euiColumnSorting.emptySorting": any;
 "euiColumnSorting.pickFields": any;
 "euiColumnSorting.sortFieldAriaLabel": any;
 "euiColumnSorting.clearAll": any;
+"euiDataGridToolbarControl.badgeAriaLabel": any;
 "euiDisplaySelector.buttonText": any;
 "euiDisplaySelector.resetButtonText": any;
 "euiDisplaySelector.densityLabel": any;
@@ -28473,6 +28816,7 @@ declare module '@elastic/eui' {
 "euiRefreshInterval.fullDescriptionOff": any;
 "euiRefreshInterval.fullDescriptionOn": any;
 "euiRefreshInterval.legend": any;
+"euiAbsoluteTab.dateFormatHint": any;
 "euiAbsoluteTab.dateFormatError": any;
 "euiDatePopoverButton.invalidTitle": any;
 "euiDatePopoverButton.outdatedTitle": any;
@@ -28605,8 +28949,8 @@ declare module '@elastic/eui' {
 "euiInlineEditForm.cancelButtonAriaLabel": any;
 "euiInlineEditForm.inputKeyboardInstructions": any;
 "euiInlineEditForm.activateEditModeDescription": any;
-"euiLink.newTarget.screenReaderOnlyText": any;
-"euiLink.external.ariaLabel": any;
+"euiExternalLinkIcon.ariaLabel": any;
+"euiExternalLinkIcon.newTarget.screenReaderOnlyText": any;
 "euiPinnableListGroup.pinExtraActionLabel": any;
 "euiPinnableListGroup.pinnedExtraActionLabel": any;
 "euiLoadingStrings.ariaLabel": any;