@elastic/eui 89.1.0 → 91.0.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;
@@ -2822,6 +2817,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 };
@@ -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;
 	    /**
@@ -3501,8 +3497,8 @@ declare module '@elastic/eui/src/components/button/button' {
 	import { CommonProps, ExclusiveUnion, PropsForAnchor, PropsForButton } from '@elastic/eui/src/components/common';
 	import { _EuiButtonColor } from '@elastic/eui/src/themes/amsterdam/global_styling/mixins/button';
 	import { EuiButtonDisplayCommonProps } from '@elastic/eui/src/components/button/button_display/_button_display';
-	export const COLORS: readonly ["text", "accent", "primary", "success", "warning", "danger", "ghost"];
-	export type EuiButtonColor = _EuiButtonColor | 'ghost';
+	export const COLORS: readonly ["text", "accent", "primary", "success", "warning", "danger"];
+	export type EuiButtonColor = _EuiButtonColor;
 	export const SIZES: readonly ["s", "m"];
 	export type EuiButtonSize = (typeof SIZES)[number];
 	interface BaseProps {
@@ -3513,7 +3509,6 @@ declare module '@elastic/eui/src/components/button/button' {
 	    fill?: boolean;
 	    /**
 	     * Any of the named color palette options.
-	     * **`'ghost'` is set for deprecation. Use EuiThemeProvide.colorMode = 'dark' instead.**
 	     */
 	    color?: EuiButtonColor;
 	    /**
@@ -3573,9 +3568,8 @@ declare module '@elastic/eui/src/components/button/button_empty/button_empty' {
 	export interface CommonEuiButtonEmptyProps extends EuiButtonDisplayContentProps, CommonProps {
 	    /**
 	     * Any of the named color palette options.
-	     * **`'ghost'` is set for deprecation. Use EuiThemeProvide.colorMode = 'dark' instead.**
 	     */
-	    color?: _EuiButtonColor | 'ghost';
+	    color?: _EuiButtonColor;
 	    size?: EuiButtonEmptySizes;
 	    /**
 	     * Ensure the text of the button sits flush to the left, right, or both sides of its container
@@ -3625,7 +3619,7 @@ declare module '@elastic/eui/src/components/button/button_icon/button_icon.style
 	    s: import("@emotion/utils").SerializedStyles;
 	    m: import("@emotion/utils").SerializedStyles;
 	};
-	export const _emptyHoverStyles: (euiThemeContext: UseEuiTheme, color: _EuiButtonColor | 'disabled') => import("@emotion/utils").SerializedStyles;
+	export const _emptyHoverStyles: (euiThemeContext: UseEuiTheme, color: _EuiButtonColor) => import("@emotion/utils").SerializedStyles;
 
 }
 declare module '@elastic/eui/src/components/button/button_icon/button_icon' {
@@ -3640,9 +3634,8 @@ declare module '@elastic/eui/src/components/button/button_icon/button_icon' {
 	    iconType: IconType;
 	    /**
 	     * Any of the named color palette options.
-	     * **`'ghost'` is set for deprecation. Use EuiThemeProvide.colorMode = 'dark' instead.**
 	     */
-	    color?: _EuiButtonColor | 'ghost';
+	    color?: _EuiButtonColor;
 	    'aria-label'?: string;
 	    'aria-labelledby'?: string;
 	    isDisabled?: boolean;
@@ -3781,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
 	     */
@@ -3814,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 {};
@@ -3900,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;
 	    /**
@@ -3928,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>;
@@ -4983,6 +4966,45 @@ declare module '@elastic/eui/src/components/table/table_header_cell_checkbox' {
 	}
 	export const EuiTableHeaderCellCheckbox: FunctionComponent<CommonProps & ThHTMLAttributes<HTMLTableHeaderCellElement> & EuiTableHeaderCellCheckboxProps>;
 
+}
+declare module '@elastic/eui/src/components/horizontal_rule/horizontal_rule.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiHorizontalRuleStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiHorizontalRule: import("@emotion/utils").SerializedStyles;
+	    full: import("@emotion/utils").SerializedStyles;
+	    half: import("@emotion/utils").SerializedStyles;
+	    quarter: import("@emotion/utils").SerializedStyles;
+	    none: string;
+	    xs: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    xl: import("@emotion/utils").SerializedStyles;
+	    xxl: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/horizontal_rule/horizontal_rule' {
+	import { FunctionComponent, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export const SIZES: readonly ["full", "half", "quarter"];
+	export const MARGINS: readonly ["none", "xs", "s", "m", "l", "xl", "xxl"];
+	export type EuiHorizontalRuleSize = (typeof SIZES)[number];
+	export type EuiHorizontalRuleMargin = (typeof MARGINS)[number];
+	export interface EuiHorizontalRuleProps extends CommonProps, HTMLAttributes<HTMLHRElement> {
+	    /**
+	     * Defines the width of the HR.
+	     */
+	    size?: EuiHorizontalRuleSize;
+	    margin?: EuiHorizontalRuleMargin;
+	}
+	export const EuiHorizontalRule: FunctionComponent<EuiHorizontalRuleProps>;
+
+}
+declare module '@elastic/eui/src/components/horizontal_rule' {
+	export type { EuiHorizontalRuleProps } from '@elastic/eui/src/components/horizontal_rule/horizontal_rule';
+	export { EuiHorizontalRule } from '@elastic/eui/src/components/horizontal_rule/horizontal_rule';
+
 }
 declare module '@elastic/eui/src/themes/amsterdam' {
 	export * from '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow';
@@ -5212,17 +5234,37 @@ declare module '@elastic/eui/src/components/tool_tip' {
 	export type { EuiIconTipProps } from '@elastic/eui/src/components/tool_tip/icon_tip';
 	export { EuiIconTip } from '@elastic/eui/src/components/tool_tip/icon_tip';
 
+}
+declare module '@elastic/eui/src/components/context_menu/context_menu_item.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiContextMenuItemStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiContextMenuItem: import("@emotion/utils").SerializedStyles;
+	    disabled: import("@emotion/utils").SerializedStyles;
+	    layoutAlign: {
+	        center: import("@emotion/utils").SerializedStyles;
+	        top: import("@emotion/utils").SerializedStyles;
+	        bottom: import("@emotion/utils").SerializedStyles;
+	    };
+	    sizes: {
+	        m: import("@emotion/utils").SerializedStyles;
+	        s: import("@emotion/utils").SerializedStyles;
+	    };
+	    euiContextMenu__icon: import("@emotion/utils").SerializedStyles;
+	    text: {
+	        euiContextMenuItem__text: import("@emotion/utils").SerializedStyles;
+	        s: import("@emotion/utils").SerializedStyles;
+	    };
+	    euiContextMenuItem__arrow: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/context_menu/context_menu_item' {
-	import React, { ButtonHTMLAttributes, Component, ReactElement, ReactNode, Ref } from 'react';
+	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';
 	export type EuiContextMenuItemIcon = ReactElement<any> | string | HTMLElement;
-	export type EuiContextMenuItemLayoutAlignment = 'center' | 'top' | 'bottom'; const sizeToClassNameMap: {
-	    s: string;
-	    m: null;
-	};
-	export const SIZES: ("s" | "m")[];
+	export type EuiContextMenuItemLayoutAlignment = 'center' | 'top' | 'bottom';
+	export const SIZES: readonly ["s", "m"];
 	export interface EuiContextMenuItemProps extends CommonProps {
 	    icon?: EuiContextMenuItemIcon;
 	    hasPanel?: boolean;
@@ -5251,25 +5293,50 @@ declare module '@elastic/eui/src/components/context_menu/context_menu_item' {
 	    /**
 	     * Reduce the size to `s` when in need of a more compressed menu
 	     */
-	    size?: keyof typeof sizeToClassNameMap;
+	    size?: (typeof SIZES)[number];
 	} type Props = CommonProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'onClick' | 'disabled'> & EuiContextMenuItemProps;
 	export const LAYOUT_ALIGN: EuiContextMenuItemLayoutAlignment[];
-	export class EuiContextMenuItem extends Component<Props> {
-	    render(): React.JSX.Element;
-	}
+	export const EuiContextMenuItem: FunctionComponent<Props>;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/context_menu/context_menu.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiContextMenuVariables: ({ euiTheme }: UseEuiTheme) => {
+	    panelWidth: string;
+	};
+	export const euiContextMenuStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiContextMenu: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/context_menu/context_menu_panel.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiContextMenuPanelStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiContextMenuPanel: import("@emotion/utils").SerializedStyles;
+	    next: {
+	        in: import("@emotion/utils").SerializedStyles;
+	        out: import("@emotion/utils").SerializedStyles;
+	    };
+	    previous: {
+	        in: import("@emotion/utils").SerializedStyles;
+	        out: import("@emotion/utils").SerializedStyles;
+	    };
+	    euiContextMenuPanel__title: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/context_menu/context_menu_panel' {
-	import React, { Component, HTMLAttributes, ReactElement, ReactNode } from 'react';
+	import React, { Component, HTMLAttributes, PropsWithChildren, ReactElement, ReactNode } from 'react';
 	import { FocusableElement } from 'tabbable';
+	import { WithEuiThemeProps } from '@elastic/eui/src/services';
 	import { CommonProps, NoArgCallback } from '@elastic/eui/src/components/common';
 	export type EuiContextMenuPanelHeightChangeHandler = (height: number) => void;
 	export type EuiContextMenuPanelTransitionType = 'in' | 'out';
 	export type EuiContextMenuPanelTransitionDirection = 'next' | 'previous';
 	export type EuiContextMenuPanelShowPanelCallback = (currentPanelIndex?: number) => void;
-	export const SIZES: ("s" | "m")[];
-	export interface EuiContextMenuPanelProps {
+	export const SIZES: readonly ["s", "m"];
+	export type EuiContextMenuPanelProps = PropsWithChildren & CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'onKeyDown' | 'tabIndex' | 'onAnimationEnd' | 'title'> & {
 	    initialFocusedItemIndex?: number;
 	    items?: ReactElement[];
 	    onClose?: NoArgCallback<void>;
@@ -5285,7 +5352,7 @@ declare module '@elastic/eui/src/components/context_menu/context_menu_panel' {
 	     * Alters the size of the items and the title
 	     */
 	    size?: (typeof SIZES)[number];
-	} type Props = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'onKeyDown' | 'tabIndex' | 'onAnimationEnd' | 'title'> & EuiContextMenuPanelProps;
+	}; type Props = EuiContextMenuPanelProps;
 	interface State {
 	    prevProps: {
 	        items: Props['items'];
@@ -5297,13 +5364,13 @@ declare module '@elastic/eui/src/components/context_menu/context_menu_panel' {
 	    waitingForInitialPopover: boolean;
 	    tookInitialFocus: boolean;
 	}
-	export class EuiContextMenuPanel extends Component<Props, State> {
+	export class EuiContextMenuPanelClass extends Component<WithEuiThemeProps & Props, State> {
 	    static defaultProps: Partial<Props>;
 	    private _isMounted;
 	    private backButton?;
 	    private panel?;
 	    private initialPopoverParent?;
-	    constructor(props: Props);
+	    constructor(props: WithEuiThemeProps & Props);
 	    findMenuItems: () => void;
 	    focusMenuItem: (direction: 'up' | 'down') => void;
 	    onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
@@ -5319,54 +5386,17 @@ declare module '@elastic/eui/src/components/context_menu/context_menu_panel' {
 	    panelRef: (node: HTMLElement | null) => void;
 	    render(): React.JSX.Element;
 	}
+	export const EuiContextMenuPanel: React.ForwardRefExoticComponent<Omit<EuiContextMenuPanelProps, "theme"> & React.RefAttributes<Omit<EuiContextMenuPanelProps, "theme">>>;
 	export {};
 
-}
-declare module '@elastic/eui/src/components/horizontal_rule/horizontal_rule.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiHorizontalRuleStyles: ({ euiTheme }: UseEuiTheme) => {
-	    euiHorizontalRule: import("@emotion/utils").SerializedStyles;
-	    full: import("@emotion/utils").SerializedStyles;
-	    half: import("@emotion/utils").SerializedStyles;
-	    quarter: import("@emotion/utils").SerializedStyles;
-	    none: string;
-	    xs: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
-	    l: import("@emotion/utils").SerializedStyles;
-	    xl: import("@emotion/utils").SerializedStyles;
-	    xxl: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/horizontal_rule/horizontal_rule' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export const SIZES: readonly ["full", "half", "quarter"];
-	export const MARGINS: readonly ["none", "xs", "s", "m", "l", "xl", "xxl"];
-	export type EuiHorizontalRuleSize = (typeof SIZES)[number];
-	export type EuiHorizontalRuleMargin = (typeof MARGINS)[number];
-	export interface EuiHorizontalRuleProps extends CommonProps, HTMLAttributes<HTMLHRElement> {
-	    /**
-	     * Defines the width of the HR.
-	     */
-	    size?: EuiHorizontalRuleSize;
-	    margin?: EuiHorizontalRuleMargin;
-	}
-	export const EuiHorizontalRule: FunctionComponent<EuiHorizontalRuleProps>;
-
-}
-declare module '@elastic/eui/src/components/horizontal_rule' {
-	export type { EuiHorizontalRuleProps } from '@elastic/eui/src/components/horizontal_rule/horizontal_rule';
-	export { EuiHorizontalRule } from '@elastic/eui/src/components/horizontal_rule/horizontal_rule';
-
 }
 declare module '@elastic/eui/src/components/context_menu/context_menu' {
 	import React, { Component, HTMLAttributes, CSSProperties, ReactElement, ReactNode } from 'react';
+	import { WithEuiThemeProps } from '@elastic/eui/src/services';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
+	import { EuiHorizontalRuleProps } from '@elastic/eui/src/components/horizontal_rule';
 	import { EuiContextMenuPanelTransitionDirection, EuiContextMenuPanelTransitionType } from '@elastic/eui/src/components/context_menu/context_menu_panel';
 	import { EuiContextMenuItemProps } from '@elastic/eui/src/components/context_menu/context_menu_item';
-	import { EuiHorizontalRuleProps } from '@elastic/eui/src/components/horizontal_rule';
 	export type EuiContextMenuPanelId = string | number;
 	export type EuiContextMenuPanelItemDescriptorEntry = Omit<EuiContextMenuItemProps, 'hasPanel'> & {
 	    name: React.ReactNode;
@@ -5388,12 +5418,9 @@ declare module '@elastic/eui/src/components/context_menu/context_menu' {
 	    /**
 	     * Alters the size of the items and the title
 	     */
-	    size?: keyof typeof sizeToClassNameMap;
-	} const sizeToClassNameMap: {
-	    s: string;
-	    m: null;
-	};
-	export const SIZES: ("s" | "m")[];
+	    size?: (typeof SIZES)[number];
+	}
+	export const SIZES: readonly ["s", "m"];
 	export type EuiContextMenuProps = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
 	    panels?: EuiContextMenuPanelDescriptor[];
 	    /**
@@ -5408,7 +5435,7 @@ declare module '@elastic/eui/src/components/context_menu/context_menu' {
 	    /**
 	     * Alters the size of the items and the title
 	     */
-	    size?: keyof typeof sizeToClassNameMap;
+	    size?: (typeof SIZES)[number];
 	};
 	interface State {
 	    prevProps: {
@@ -5436,10 +5463,10 @@ declare module '@elastic/eui/src/components/context_menu/context_menu' {
 	    focusedItemIndex?: number;
 	    isUsingKeyboardToNavigate: boolean;
 	}
-	export class EuiContextMenu extends Component<EuiContextMenuProps, State> {
+	export class EuiContextMenuClass extends Component<WithEuiThemeProps & EuiContextMenuProps, State> {
 	    static defaultProps: Partial<EuiContextMenuProps>;
 	    static getDerivedStateFromProps(nextProps: EuiContextMenuProps, prevState: State): Partial<State> | null;
-	    constructor(props: EuiContextMenuProps);
+	    constructor(props: WithEuiThemeProps & EuiContextMenuProps);
 	    componentDidUpdate(prevProps: EuiContextMenuProps): void;
 	    hasPreviousPanel: (panelId: EuiContextMenuPanelId) => boolean;
 	    showPanel(panelId: EuiContextMenuPanelId, direction?: EuiContextMenuPanelTransitionDirection): void;
@@ -5455,6 +5482,7 @@ declare module '@elastic/eui/src/components/context_menu/context_menu' {
 	    renderPanel(panelId: EuiContextMenuPanelId, transitionType: EuiContextMenuPanelTransitionType): React.JSX.Element | undefined;
 	    render(): React.JSX.Element;
 	}
+	export const EuiContextMenu: React.ForwardRefExoticComponent<Omit<EuiContextMenuProps, "theme"> & React.RefAttributes<Omit<EuiContextMenuProps, "theme">>>;
 	export {};
 
 }
@@ -6117,6 +6145,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';
@@ -6418,10 +6457,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;
@@ -6485,6 +6527,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;
 	    /**
@@ -6500,6 +6544,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
@@ -6561,7 +6608,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,
@@ -6675,7 +6722,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 {};
@@ -6697,8 +6744,8 @@ declare module '@elastic/eui/src/components/popover/input_popover' {
 	    closeOnScroll?: boolean;
 	    fullWidth?: boolean;
 	    input: EuiPopoverProps['button'];
-	    inputRef?: EuiPopoverProps['buttonRef'];
-	    onPanelResize?: (width?: number) => void;
+	    inputRef?: EuiPopoverProps['popoverRef'];
+	    onPanelResize?: (width: number) => void;
 	    /**
 	     * By default, **EuiInputPopovers** inherit the same width as the passed input element.
 	     * However, if the input width is too small, you can pass a minimum panel width
@@ -7112,7 +7159,7 @@ declare module '@elastic/eui/src/components/form/range/range_levels.styles' {
 }
 declare module '@elastic/eui/src/components/form/range/utils' {
 	export const EUI_THUMB_SIZE = 16;
-	export const calculateThumbPosition: (value: number, min: number, max: number, width: number, thumbSize?: number) => number;
+	export const calculateThumbPosition: (value: number, min: number, max: number, trackWidth: number, thumbSize?: number) => number;
 
 }
 declare module '@elastic/eui/src/components/form/range/range_levels' {
@@ -7251,11 +7298,11 @@ declare module '@elastic/eui/src/components/form/range/range_track.styles' {
 
 }
 declare module '@elastic/eui/src/components/form/range/range_track' {
-	import React, { FunctionComponent, MouseEventHandler, HTMLAttributes, ReactNode } from 'react';
+	import { FunctionComponent, MouseEventHandler, HTMLAttributes } from 'react';
 	import type { _SharedRangesValues, _SharedRangeDataStructures, _SharedRangeVisualConfiguration, _SharedRangeInputProps } from '@elastic/eui/src/components/form/range/types';
-	export interface EuiRangeTrackProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'children'>, _SharedRangesValues, _SharedRangeDataStructures, Pick<_SharedRangeVisualConfiguration, 'showTicks' | 'showRange'>, Pick<_SharedRangeInputProps, 'compressed' | 'disabled'> {
+	export interface EuiRangeTrackProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>, _SharedRangesValues, _SharedRangeDataStructures, Pick<_SharedRangeVisualConfiguration, 'showTicks' | 'showRange'>, Pick<_SharedRangeInputProps, 'compressed' | 'disabled'> {
+	    trackWidth: number;
 	    onChange?: MouseEventHandler<HTMLButtonElement>;
-	    children?: ReactNode | ((trackWidth: number) => React.ReactNode);
 	}
 	export const EuiRangeTrack: FunctionComponent<EuiRangeTrackProps>;
 
@@ -7310,9 +7357,10 @@ declare module '@elastic/eui/src/components/form/range/dual_range' {
 	        id: string;
 	        rangeSliderRefAvailable: boolean;
 	        isPopoverOpen: boolean;
-	        rangeWidth: undefined;
+	        rangeWidth: number;
 	        isVisible: boolean;
 	    };
+	    get isInPopover(): boolean;
 	    preventPopoverClose: boolean;
 	    rangeSliderRef: HTMLInputElement | null;
 	    handleRangeSliderRefUpdate: (ref: HTMLInputElement | null) => void;
@@ -7347,7 +7395,7 @@ declare module '@elastic/eui/src/components/form/range/dual_range' {
 	    onInputFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
 	    onInputBlur: (e: React.FocusEvent<HTMLInputElement>) => NodeJS.Timeout;
 	    closePopover: () => void;
-	    onResize: (width?: number | undefined) => void;
+	    onResize: (width: number) => void;
 	    getNearestStep: (value: number) => number;
 	    handleDrag: (x: number, isFirstInteraction?: boolean | undefined) => void;
 	    render(): React.JSX.Element;
@@ -7403,9 +7451,11 @@ declare module '@elastic/eui/src/components/form/range/range' {
 	    state: {
 	        id: string;
 	        isPopoverOpen: boolean;
+	        trackWidth: number;
 	    };
 	    handleOnChange: (e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
 	    get isValid(): boolean;
+	    rangeSliderRef: (ref: HTMLInputElement | null) => void;
 	    onInputFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
 	    onInputBlur: (e: React.FocusEvent<HTMLInputElement>) => NodeJS.Timeout;
 	    closePopover: () => void;
@@ -7992,7 +8042,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';
@@ -8351,11 +8401,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;
@@ -8419,44 +8464,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' {
 	/**
@@ -8672,7 +8679,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';
@@ -8685,7 +8692,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';
@@ -8913,9 +8919,10 @@ declare module '@elastic/eui/src/components/accordion/accordion_children/accordi
 
 }
 declare module '@elastic/eui/src/components/accordion/accordion_children/accordion_children' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionChildrenProps = HTMLAttributes<HTMLDivElement> & Pick<EuiAccordionProps, 'children' | 'paddingSize' | 'isLoading' | 'isLoadingMessage'> & {
+	import { FunctionComponent, HTMLAttributes, Ref } from 'react';
+	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>;
 	};
 	export const EuiAccordionChildren: FunctionComponent<_EuiAccordionChildrenProps>;
 	export {};
@@ -8944,13 +8951,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.
 	     */
@@ -9035,12 +9050,15 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
 	        isLoadingMessage: boolean;
 	        element: "div";
 	        buttonElement: "button";
+	        role: "group";
 	    };
 	    state: {
 	        isOpen: boolean;
 	    };
 	    get isOpen(): boolean;
 	    onToggle: () => void;
+	    accordionChildrenEl: HTMLDivElement | null;
+	    accordionChildrenRef: (node: HTMLDivElement | null) => void;
 	    generatedId: string;
 	    render(): React.JSX.Element;
 	}
@@ -10867,6 +10885,7 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/context' {
 	import { _EuiFlyoutSide } from '@elastic/eui/src/components/flyout/flyout'; type _EuiCollapsibleNavContext = {
 	    isCollapsed: boolean;
 	    isPush: boolean;
+	    isOverlayOpen: boolean;
 	    side: _EuiFlyoutSide;
 	};
 	export const EuiCollapsibleNavContext: import("react").Context<_EuiCollapsibleNavContext>;
@@ -11059,7 +11078,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' | 'accordionProps'> & _EuiCollapsibleNavItemDisplayProps & {
+	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 & {
 	    children: ReactNode;
 	    isInteractive?: boolean;
 	    isNotAccordion?: boolean;
@@ -11092,7 +11111,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_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'> & _EuiCollapsibleNavItemDisplayProps & {
+	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 & {
 	    buttonContent: ReactNode;
 	    items: EuiCollapsibleNavSubItemProps[];
 	};
@@ -11106,6 +11125,24 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 	export const EuiCollapsibleNavAccordion: FunctionComponent<EuiCollapsibleNavAccordionProps>;
 	export {};
 
+}
+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 & {
+	    header: ReactNode;
+	    items: EuiCollapsibleNavSubItemProps[];
+	};
+	/**
+	 * Internal nav group. Should look the same as an open accordion,
+	 * but not be toggle-able to close.
+	 *
+	 * Yes, I know this is the 3rd component in EUI named EuiCollapsibleNavGroup :|
+	 * I'm waiting for serverless's design architecture to settle before untangling
+	 * this pasghetti
+	 */
+	export const EuiCollapsibleNavGroup: FunctionComponent<EuiCollapsibleNavGroupProps>;
+	export {};
+
 }
 declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item' {
 	import { FunctionComponent, HTMLAttributes, ReactNode } from 'react';
@@ -11121,16 +11158,23 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 	     */
 	    href?: string;
 	    /**
-	     * When passed, an `EuiAccordion` with nested child item links will be rendered.
+	     * 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[];
 	    /**
-	     * If `items` is specified, use this prop to pass any prop that `EuiAccordion`
-	     * accepts, including props that control the toggled state of the accordion
-	     * (e.g. `initialIsOpen`, `forceState`)
+	     * If set to false, will (visually) render an always-open accordion that cannot
+	     * be toggled closed. Ignored if `items` is not passed.
+	     *
+	     * @default true
+	     */
+	    isCollapsible?: boolean;
+	    /**
+	     * If `items` is specified, and `isCollapsible` is not set to false, you may
+	     * use this prop to pass any prop that `EuiAccordion` accepts, including props
+	     * that control the toggled state of the accordion (e.g. `initialIsOpen`, `forceState`)
 	     */
 	    accordionProps?: Partial<EuiAccordionProps>;
 	    /**
@@ -11496,13 +11540,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;
@@ -11572,6 +11629,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 {};
@@ -12095,16 +12155,23 @@ declare module '@elastic/eui/src/components/timeline' {
 }
 declare module '@elastic/eui/src/components/comment_list/comment_event.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiCommentEventStyles: ({ euiTheme }: UseEuiTheme) => {
+	export const euiCommentEventBorderColors: ({ euiTheme, colorMode, }: UseEuiTheme) => {
+	    warning: import("@emotion/utils").SerializedStyles;
+	    accent: import("@emotion/utils").SerializedStyles;
+	    primary: import("@emotion/utils").SerializedStyles;
+	    success: import("@emotion/utils").SerializedStyles;
+	    danger: import("@emotion/utils").SerializedStyles;
+	    subdued: import("@emotion/utils").SerializedStyles;
+	    transparent: import("@emotion/utils").SerializedStyles;
+	    plain: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiCommentEventStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiCommentEvent: import("@emotion/utils").SerializedStyles;
-	    regular: import("@emotion/utils").SerializedStyles;
-	    update: import("@emotion/utils").SerializedStyles;
-	    custom: import("@emotion/utils").SerializedStyles;
+	    border: import("@emotion/utils").SerializedStyles;
 	};
-	export const euiCommentEventHeaderStyles: ({ euiTheme }: UseEuiTheme) => {
+	export const euiCommentEventHeaderStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiCommentEvent__header: import("@emotion/utils").SerializedStyles;
-	    regular: import("@emotion/utils").SerializedStyles;
-	    hasEventColor: import("@emotion/utils").SerializedStyles;
+	    border: import("@emotion/utils").SerializedStyles;
 	    euiCommentEvent__headerMain: import("@emotion/utils").SerializedStyles;
 	    euiCommentEvent__headerData: import("@emotion/utils").SerializedStyles;
 	    euiCommentEvent__headerEventIcon: import("@emotion/utils").SerializedStyles;
@@ -14778,7 +14845,7 @@ 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' {
@@ -15397,12 +15464,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;
@@ -15415,7 +15482,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';
@@ -15431,15 +15498,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 {};
@@ -15481,7 +15551,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';
@@ -15896,6 +15966,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;
 	    /**
@@ -15912,12 +15983,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';
 	    /**
@@ -15951,17 +16026,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';
 	    /**
@@ -18564,83 +18648,6 @@ declare module '@elastic/eui/src/components/page/page_body' {
 	export type { EuiPageBodyProps } from '@elastic/eui/src/components/page/page_body/page_body';
 	export { EuiPageBody } from '@elastic/eui/src/components/page/page_body/page_body';
 
-}
-declare module '@elastic/eui/src/components/page/page_content/page_content' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { _EuiPanelProps, _EuiPanelDivlike } from '@elastic/eui/src/components/panel/panel';
-	export type EuiPageContentVerticalPositions = 'center';
-	export type EuiPageContentHorizontalPositions = 'center';
-	export type EuiPageContentProps = CommonProps & _EuiPanelProps & Omit<_EuiPanelDivlike, 'onClick' | 'role'> & {
-	    verticalPosition?: EuiPageContentVerticalPositions;
-	    horizontalPosition?: EuiPageContentHorizontalPositions;
-	    /**
-	     * There should only be one EuiPageContent per page and should contain the main contents.
-	     * If this is untrue, set role = `null`, or change it to match your needed aria role
-	     */
-	    role?: HTMLAttributes<HTMLElement>['role'] | null;
-	};
-	/**
-	 * @deprecated Use EuiPageSection instead
-	 */
-	export const EuiPageContent_Deprecated: FunctionComponent<EuiPageContentProps>;
-
-}
-declare module '@elastic/eui/src/components/page/page_content/page_content_body' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { _EuiPageRestrictWidth } from '@elastic/eui/src/components/page/_restrict_width';
-	export const PADDING_SIZES: ("s" | "m" | "l" | "none")[];
-	export interface EuiPageContentBodyProps extends CommonProps, HTMLAttributes<HTMLDivElement>, _EuiPageRestrictWidth {
-	    /**
-	     * Adjust the padding.
-	     * When using this setting it's best to be consistent throughout all similar usages
-	     */
-	    paddingSize?: (typeof PADDING_SIZES)[number];
-	}
-	/**
-	 * @deprecated Use EuiPageSection instead
-	 */
-	export const EuiPageContentBody_Deprecated: FunctionComponent<EuiPageContentBodyProps>;
-
-}
-declare module '@elastic/eui/src/components/page/page_content/page_content_header' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export interface EuiPageContentHeaderProps extends CommonProps, HTMLAttributes<HTMLDivElement> {
-	    /**
-	     * Set to false if you don't want the children to stack
-	     * at small screen sizes.
-	     */
-	    responsive?: boolean;
-	}
-	/**
-	 * @deprecated Use EuiPageHeader instead
-	 */
-	export const EuiPageContentHeader_Deprecated: FunctionComponent<EuiPageContentHeaderProps>;
-
-}
-declare module '@elastic/eui/src/components/page/page_content/page_content_header_section' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export interface EuiPageContentHeaderSectionProps extends CommonProps, HTMLAttributes<HTMLDivElement> {
-	}
-	/**
-	 * @deprecated Use EuiPageHeader instead
-	 */
-	export const EuiPageContentHeaderSection_Deprecated: FunctionComponent<EuiPageContentHeaderSectionProps>;
-
-}
-declare module '@elastic/eui/src/components/page/page_content' {
-	export type { EuiPageContentProps } from '@elastic/eui/src/components/page/page_content/page_content';
-	export { EuiPageContent_Deprecated } from '@elastic/eui/src/components/page/page_content/page_content';
-	export type { EuiPageContentBodyProps } from '@elastic/eui/src/components/page/page_content/page_content_body';
-	export { EuiPageContentBody_Deprecated } from '@elastic/eui/src/components/page/page_content/page_content_body';
-	export type { EuiPageContentHeaderProps } from '@elastic/eui/src/components/page/page_content/page_content_header';
-	export { EuiPageContentHeader_Deprecated } from '@elastic/eui/src/components/page/page_content/page_content_header';
-	export type { EuiPageContentHeaderSectionProps } from '@elastic/eui/src/components/page/page_content/page_content_header_section';
-	export { EuiPageContentHeaderSection_Deprecated } from '@elastic/eui/src/components/page/page_content/page_content_header_section';
-
 }
 declare module '@elastic/eui/src/components/page/page_header/page_header.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -18876,34 +18883,6 @@ declare module '@elastic/eui/src/components/page/page_section' {
 	export type { EuiPageSectionProps } from '@elastic/eui/src/components/page/page_section/page_section';
 	export { EuiPageSection } from '@elastic/eui/src/components/page/page_section/page_section';
 
-}
-declare module '@elastic/eui/src/components/page/page_side_bar/page_side_bar' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export const PADDING_SIZES: ("s" | "m" | "l" | "none")[];
-	/**
-	 * @deprecated Use the new EuiPageSidebarProps in page/page_sidebar instead
-	 */
-	export interface EuiPageSideBarProps_Deprecated extends CommonProps, HTMLAttributes<HTMLDivElement> {
-	    /**
-	     * Adds `position: sticky`
-	     */
-	    sticky?: boolean;
-	    /**
-	     * Adds padding around the children
-	     */
-	    paddingSize?: (typeof PADDING_SIZES)[number];
-	}
-	/**
-	 * @deprecated Use the new EuiPageSidebar in page/page_sidebar instead
-	 */
-	export const EuiPageSideBar_Deprecated: FunctionComponent<EuiPageSideBarProps_Deprecated>;
-
-}
-declare module '@elastic/eui/src/components/page/page_side_bar' {
-	export type { EuiPageSideBarProps_Deprecated } from '@elastic/eui/src/components/page/page_side_bar/page_side_bar';
-	export { EuiPageSideBar_Deprecated } from '@elastic/eui/src/components/page/page_side_bar/page_side_bar';
-
 }
 declare module '@elastic/eui/src/components/page/page_sidebar/page_sidebar.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -18950,103 +18929,18 @@ declare module '@elastic/eui/src/components/page/page_sidebar' {
 	export type { EuiPageSidebarProps } from '@elastic/eui/src/components/page/page_sidebar/page_sidebar';
 	export { EuiPageSidebar } from '@elastic/eui/src/components/page/page_sidebar/page_sidebar';
 
-}
-declare module '@elastic/eui/src/components/page/page_template' {
-	import { CSSProperties, FunctionComponent, ReactNode } from 'react';
-	import { EuiPageProps } from '@elastic/eui/src/components/page/page';
-	import { EuiPageSideBarProps_Deprecated as EuiPageSideBarProps } from '@elastic/eui/src/components/page/page_side_bar';
-	import { EuiPageBodyProps } from '@elastic/eui/src/components/page/page_body';
-	import { EuiPageHeaderProps } from '@elastic/eui/src/components/page/page_header';
-	import { EuiPageContentProps, EuiPageContentBodyProps } from '@elastic/eui/src/components/page/page_content';
-	import { EuiBottomBarProps } from '@elastic/eui/src/components/bottom_bar';
-	export const TEMPLATES: readonly ["default", "centeredBody", "centeredContent", "empty"];
-	export type EuiPageTemplateProps_Deprecated = Omit<EuiPageProps, 'paddingSize'> & {
-	    /**
-	     * Choose between 3 types of templates.
-	     * `default`: Typical layout with nothing centered
-	     * `centeredBody`: The panelled content is centered
-	     * `centeredContent`: The content inside the panel is centered
-	     * `empty`: Removes the panneling of the page content
-	     */
-	    template?: (typeof TEMPLATES)[number];
-	    /**
-	     * Padding size will not get applied to the over-arching #EuiPage,
-	     * but will propogate through all the components to keep them in sync
-	     */
-	    paddingSize?: 'none' | 's' | 'm' | 'l';
-	    /**
-	     * Optionally include #EuiPageSideBar content.
-	     * The inclusion of this will affect the whole layout
-	     */
-	    pageSideBar?: ReactNode;
-	    /**
-	     * Gets passed along to the #EuiPageSideBar component
-	     */
-	    pageSideBarProps?: EuiPageSideBarProps;
-	    /**
-	     * Optionally include an #EuiPageHeader by passing an object of its props
-	     */
-	    pageHeader?: EuiPageHeaderProps;
-	    /**
-	     * Gets passed along to the #EuiPageBody component
-	     */
-	    pageBodyProps?: EuiPageBodyProps;
-	    /**
-	     * Gets passed along to the #EuiPageContent component
-	     */
-	    pageContentProps?: EuiPageContentProps;
-	    /**
-	     * Gets passed along to the #EuiPageContentBody component
-	     */
-	    pageContentBodyProps?: EuiPageContentBodyProps;
-	    /**
-	     * Adds contents inside of an EuiBottomBar.
-	     * Only works when `template = 'default'`
-	     */
-	    bottomBar?: EuiBottomBarProps['children'];
-	    /**
-	     * Gets passed along to the #EuiBottomBar component if `bottomBar` has contents
-	     */
-	    bottomBarProps?: EuiBottomBarProps;
-	    /**
-	     * Stretches or restricts the height to 100% of the parent;
-	     * `true`: scrolls the EuiPageContentBody;
-	     * `noscroll`: removes all scroll ability;
-	     * Only works when `template = 'default | empty'` and breakpoint is `m` and above
-	     */
-	    fullHeight?: boolean | 'noscroll';
-	    /**
-	     * Minimum height in which to enforce scrolling
-	     */
-	    minHeight?: CSSProperties['minHeight'];
-	};
-	/**
-	 * This component has been deprecated in favor of the new
-	 * namespaced version. You can still import this component
-	 * until August 2023 by importing `as EuiPageTemplate`.
-	 *
-	 * @deprecated use EuiPageTemplate from page_template/page_template instead
-	 */
-	export const EuiPageTemplate_Deprecated: FunctionComponent<EuiPageTemplateProps_Deprecated>;
-
 }
 declare module '@elastic/eui/src/components/page' {
 	export type { EuiPageProps } from '@elastic/eui/src/components/page/page';
 	export { EuiPage } from '@elastic/eui/src/components/page/page';
 	export type { EuiPageBodyProps } from '@elastic/eui/src/components/page/page_body';
 	export { EuiPageBody } from '@elastic/eui/src/components/page/page_body';
-	export type { EuiPageContentProps, EuiPageContentBodyProps, EuiPageContentHeaderProps, EuiPageContentHeaderSectionProps, } from '@elastic/eui/src/components/page/page_content';
-	export { EuiPageContent_Deprecated, EuiPageContentBody_Deprecated, EuiPageContentHeader_Deprecated, EuiPageContentHeaderSection_Deprecated, } from '@elastic/eui/src/components/page/page_content';
 	export type { EuiPageHeaderContentProps, EuiPageHeaderProps, EuiPageHeaderSectionProps, } from '@elastic/eui/src/components/page/page_header';
 	export { EuiPageHeader, EuiPageHeaderContent, EuiPageHeaderSection, } from '@elastic/eui/src/components/page/page_header';
 	export type { EuiPageSectionProps } from '@elastic/eui/src/components/page/page_section';
 	export { EuiPageSection } from '@elastic/eui/src/components/page/page_section';
-	export type { EuiPageSideBarProps_Deprecated } from '@elastic/eui/src/components/page/page_side_bar';
-	export { EuiPageSideBar_Deprecated } from '@elastic/eui/src/components/page/page_side_bar';
 	export type { EuiPageSidebarProps } from '@elastic/eui/src/components/page/page_sidebar';
 	export { EuiPageSidebar } from '@elastic/eui/src/components/page/page_sidebar';
-	export type { EuiPageTemplateProps_Deprecated } from '@elastic/eui/src/components/page/page_template';
-	export { EuiPageTemplate_Deprecated } from '@elastic/eui/src/components/page/page_template';
 
 }
 declare module '@elastic/eui/src/components/page_template/outer/page_outer.styles' {
@@ -21787,7 +21681,9 @@ declare module '@elastic/eui/src/components/basic_table/table_types' {
 	}
 	export interface EuiTableSelectionType<T> {
 	    /**
-	     * A callback that will be called whenever the item selection changes
+	     * A callback that will be called whenever the item selection changes.
+	     *
+	     * Required if `selected` is passed.
 	     */
 	    onSelectionChange?: (selection: T[]) => void;
 	    /**
@@ -21795,10 +21691,22 @@ declare module '@elastic/eui/src/components/basic_table/table_types' {
 	     */
 	    selectable?: (item: T) => boolean;
 	    /**
-	     * A callback that is called per item to retrieve a message for its selectable state.We display these messages as a tooltip on an unselectable checkbox
+	     * A callback that is called per item to retrieve a message for its selectable state.
+	     * We display these messages as a tooltip on an unselectable checkbox
 	     */
 	    selectableMessage?: (selectable: boolean, item: T) => string;
+	    /**
+	     * Sets initially selected items. Use for uncontrolled selection behavior (checkbox
+	     * will only change from user input, and not from developer control).
+	     *
+	     * This prop will be ignored if `selected` is passed.
+	     */
 	    initialSelected?: T[];
+	    /**
+	     * Used for controlled selection behavior, e.g. when you want to programmatically
+	     * control which selection checkboxes are checked, and which are not.
+	     */
+	    selected?: T[];
 	}
 
 }
@@ -22033,10 +21941,14 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 	    componentDidMount(): void;
 	    componentDidUpdate(): void;
 	    get pageSize(): number;
+	    get isSelectionControlled(): boolean;
 	    getInitialSelection(): void;
+	    /**
+	     * @deprecated Use `selection.selected` instead to declaratively control table selection
+	     */
 	    setSelection(newSelection: T[]): void;
 	    buildCriteria(props: EuiBasicTableProps<T>): Criteria<T>;
-	    changeSelection(selection: T[]): void;
+	    changeSelection(changedSelection: T[]): void;
 	    clearSelection(): void;
 	    onPageSizeChange(size: number): void;
 	    onPageChange(index: number): void;
@@ -22339,7 +22251,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[];
@@ -22347,7 +22259,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 {
@@ -22369,6 +22281,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 {};
@@ -28445,6 +28367,8 @@ declare module '@elastic/eui' {
 "euiCodeBlockFullScreen.fullscreenCollapse": any;
 "euiCodeBlockFullScreen.fullscreenExpand": any;
 "euiCollapsibleNavBeta.ariaLabel": any;
+"euiCollapsibleNavButton.ariaLabelExpand": any;
+"euiCollapsibleNavButton.ariaLabelCollapse": any;
 "euiCollapsibleNavButton.ariaLabelOpen": any;
 "euiCollapsibleNavButton.ariaLabelClose": any;
 "euiColorPickerSwatch.ariaLabel": any;
@@ -28562,6 +28486,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;