@elastic/eui 116.3.1 → 116.4.0

package/eui.d.ts

@@ -11835,7 +11835,7 @@ declare module '@elastic/eui/src/components/form/form_control_layout/form_contro
 
 }
 declare module '@elastic/eui/src/components/form/form_control_layout/form_control_layout_icons' {
-	import React, { Component } from 'react';
+	import React from 'react';
 	import { DistributiveOmit } from '@elastic/eui/src/components/common';
 	import { IconColor, IconType } from '@elastic/eui/src/components/icon';
 	import { EuiFormControlLayoutClearButtonProps } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_clear_button';
@@ -11859,14 +11859,7 @@ declare module '@elastic/eui/src/components/form/form_control_layout/form_contro
 	    compressed?: boolean;
 	    isDisabled?: boolean;
 	}
-	export class EuiFormControlLayoutIcons extends Component<EuiFormControlLayoutIconsProps> {
-	    render(): React.JSX.Element;
-	    renderCustomIcon(): React.JSX.Element | null;
-	    renderDropdownIcon(): React.JSX.Element | null;
-	    renderLoadingSpinner(): React.JSX.Element | null;
-	    renderClearButton(): React.JSX.Element | null;
-	    renderInvalidIcon(): React.JSX.Element | null;
-	}
+	export const EuiFormControlLayoutIcons: ({ side, iconsPosition, compressed, isDisabled, icon, clear, isLoading, isInvalid, isDropdown, }: EuiFormControlLayoutIconsProps) => React.JSX.Element;
 
 }
 declare module '@elastic/eui/src/components/form/form_control_layout/_num_icons' {
@@ -16825,10 +16818,22 @@ declare module '@elastic/eui/src/components/table/table_pagination' {
 	export { EuiTablePagination } from '@elastic/eui/src/components/table/table_pagination/table_pagination';
 	export { useEuiTablePaginationDefaults, euiTablePaginationDefaults, } from '@elastic/eui/src/components/table/table_pagination/table_pagination_defaults';
 
+}
+declare module '@elastic/eui/src/components/basic_table/pagination_bar.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	/**
+	 * @internal
+	 */
+	export const euiBasicTablePaginationBarStyles: (theme: UseEuiTheme) => {
+	    root: import("@emotion/react").SerializedStyles;
+	    panelled: import("@emotion/react").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/basic_table/pagination_bar' {
 	import React from 'react';
-	import { ItemsPerPageChangeHandler, PageChangeHandler } from '@elastic/eui/src/components/table/table_pagination/table_pagination';
+	import { EuiBreakpointSize } from '@elastic/eui/src/services';
+	import type { ItemsPerPageChangeHandler, PageChangeHandler } from '@elastic/eui/src/components/table/table_pagination/table_pagination';
 	export interface Pagination {
 	    /**
 	     * The current page (zero-based) index
@@ -16859,8 +16864,21 @@ declare module '@elastic/eui/src/components/basic_table/pagination_bar' {
 	     */
 	    showPerPageOptions?: boolean;
 	}
-	export interface PaginationBarProps {
+	/**
+	 * @internal
+	 */
+	interface PaginationBarProps {
 	    pagination: Pagination;
+	    /**
+	     * Enable the panelled style.
+	     *
+	     * Panelled style adds contrast between the table navigation controls
+	     * and table content itself. It should be used in tables rendered outside
+	     * EUI containers like `<EuiPanel>` or `<EuiFlyout>`.
+	     * @default false
+	     */
+	    panelled?: boolean;
+	    responsiveBreakpoint?: EuiBreakpointSize | boolean;
 	    onPageSizeChange: ItemsPerPageChangeHandler;
 	    onPageChange: PageChangeHandler;
 	    /**
@@ -16869,7 +16887,13 @@ declare module '@elastic/eui/src/components/basic_table/pagination_bar' {
 	    'aria-controls'?: string;
 	    'aria-label'?: string;
 	}
-	export const PaginationBar: ({ pagination, onPageSizeChange, onPageChange, "aria-controls": ariaControls, "aria-label": ariaLabel, }: PaginationBarProps) => React.JSX.Element;
+	/**
+	 * An internal utility component that renders EuiTablePagination with
+	 * proper configuration and handles the `panelled` styles.
+	 * @internal
+	 */
+	export const PaginationBar: ({ pagination, panelled, responsiveBreakpoint, onPageSizeChange, onPageChange, "aria-controls": ariaControls, "aria-label": ariaLabel, }: PaginationBarProps) => React.JSX.Element;
+	export {};
 
 }
 declare module '@elastic/eui/src/components/basic_table/action_types' {
@@ -17353,7 +17377,7 @@ declare module '@elastic/eui/src/components/table/mobile/table_sort_mobile_item'
 
 }
 declare module '@elastic/eui/src/components/table/mobile/table_sort_mobile' {
-	import React, { Component, ReactNode, Key } from 'react';
+	import React, { Key, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { PopoverAnchorPosition } from '@elastic/eui/src/components/popover';
 	interface ItemProps {
@@ -17367,21 +17391,10 @@ declare module '@elastic/eui/src/components/table/mobile/table_sort_mobile' {
 	    anchorPosition?: PopoverAnchorPosition;
 	    items?: ItemProps[];
 	}
-	interface State {
-	    isPopoverOpen: boolean;
-	}
-	export class EuiTableSortMobile extends Component<EuiTableSortMobileProps, State> {
-	    state: {
-	        isPopoverOpen: boolean;
-	    };
-	    onButtonClick: () => void;
-	    closePopover: () => void;
-	    euiTableSortMobileStyles: {
-	        marginInlineStart: string;
-	        label: string;
-	    };
-	    render(): React.JSX.Element;
-	}
+	export const EuiTableSortMobile: {
+	    ({ className, anchorPosition, items, ...rest }: EuiTableSortMobileProps): React.JSX.Element;
+	    displayName: string;
+	};
 	export {};
 
 }
@@ -17504,948 +17517,1027 @@ declare module '@elastic/eui/src/components/table' {
 	export { EUI_TABLE_CSS_CONTAINER_NAME } from '@elastic/eui/src/components/table/const';
 
 }
-declare module '@elastic/eui/src/components/flyout/manager/const' {
-	/**
-	 * Allowed values for `session` prop to control the way the session is managed for a flyout.
-	 */
-	export const SESSION_START = "start";
-	export const SESSION_INHERIT = "inherit";
-	export const SESSION_NEVER = "never";
-	/**
-	 * Data attribute applied to a managed flyout element to help identify it as a managed flyout.
-	 */
-	export const PROPERTY_FLYOUT = "data-managed-flyout";
-	/**
-	 * Data attribute indicating whether the flyout is the `main` or `child` flyout.
-	 */
-	export const PROPERTY_LEVEL = "data-managed-flyout-level";
-	/**
-	 * Data attribute representing how multiple flyouts are laid out
-	 * (`side-by-side` or `stacked`).
-	 */
-	export const PROPERTY_LAYOUT_MODE = "data-managed-flyout-layout-mode";
-	/** Stacked layout mode where child flyouts overlay on top of the main flyout. */
-	export const LAYOUT_MODE_STACKED = "stacked";
-	/** Side-by-side layout mode where child flyouts render adjacent to the main flyout. */
-	export const LAYOUT_MODE_SIDE_BY_SIDE = "side-by-side";
-	/** The primary (parent) flyout in a session. */
-	export const LEVEL_MAIN = "main";
-	/** The secondary (child) flyout spawned by the main flyout. */
-	export const LEVEL_CHILD = "child";
-	/** Flyout is mounting and playing its opening animation. */
-	export const STAGE_OPENING = "opening";
-	/** Flyout is fully visible and interactive. */
-	export const STAGE_ACTIVE = "active";
-	/** Flyout is unmounted or not currently visible/interactable. */
-	export const STAGE_INACTIVE = "inactive";
-	/** Main flyout is transitioning behind an active session flyout. */
-	export const STAGE_BACKGROUNDING = "backgrounding";
-	/** Main flyout is backgrounded behind an active session flyout. */
-	export const STAGE_BACKGROUNDED = "backgrounded";
-	/** Flyout is returning to the foreground from a backgrounded state. */
-	export const STAGE_RETURNING = "returning";
-	/** Flyout is playing its closing animation. */
-	export const STAGE_CLOSING = "closing";
+declare module '@elastic/eui/src/components/list_group/list_group_item_extra_action.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiListGroupItemExtraActionStyles: ({ euiTheme, }: UseEuiTheme) => {
+	    euiListGroupItemExtraAction: import("@emotion/react").SerializedStyles;
+	    hoverStyles: import("@emotion/react").SerializedStyles;
+	    alwaysShow: import("@emotion/react").SerializedStyles;
+	};
 
 }
-declare module '@elastic/eui/src/components/flyout/manager/types' {
-	import type { IconType } from '@elastic/eui/src/components/icon';
-	import type { Action } from '@elastic/eui/src/components/flyout/manager/actions';
-	import { STAGE_CLOSING, STAGE_OPENING, STAGE_ACTIVE, STAGE_INACTIVE, STAGE_BACKGROUNDING, STAGE_BACKGROUNDED, STAGE_RETURNING, LAYOUT_MODE_SIDE_BY_SIDE, LAYOUT_MODE_STACKED, LEVEL_CHILD, LEVEL_MAIN } from '@elastic/eui/src/components/flyout/manager/const';
-	export type EuiFlyoutLayoutMode = typeof LAYOUT_MODE_STACKED | typeof LAYOUT_MODE_SIDE_BY_SIDE;
-	export type EuiFlyoutLevel = typeof LEVEL_MAIN | typeof LEVEL_CHILD;
-	export type EuiFlyoutActivityStage = typeof STAGE_OPENING | typeof STAGE_ACTIVE | typeof STAGE_INACTIVE | typeof STAGE_BACKGROUNDING | typeof STAGE_BACKGROUNDED | typeof STAGE_RETURNING | typeof STAGE_CLOSING;
-	export interface EuiManagedFlyoutState {
-	    flyoutId: string;
-	    level: EuiFlyoutLevel;
-	    width?: number;
-	    size?: string;
-	    minWidth?: number;
-	    activityStage?: EuiFlyoutActivityStage;
-	}
-	/** Entry for a child flyout in session history. */
-	export interface ChildHistoryEntry {
-	    flyoutId: string;
-	    title: string;
-	    iconType?: IconType;
-	}
-	export interface FlyoutSession {
-	    /** ID of the main flyout for this session */
-	    mainFlyoutId: string;
-	    /** ID of the child flyout for this session */
-	    childFlyoutId: string | null;
-	    /** Title of the main flyout in this session */
-	    title: string;
-	    /** Optional icon for this session when shown in history popover */
+declare module '@elastic/eui/src/components/list_group/list_group_item_extra_action' {
+	import { FunctionComponent } from 'react';
+	import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
+	export type EuiListGroupItemExtraActionProps = {
+	    alwaysShow?: boolean;
+	} & EuiButtonIconPropsForButton;
+	type _FromEuiListGroupItem = {
+	    parentIsDisabled?: boolean;
+	};
+	export const EuiListGroupItemExtraAction: FunctionComponent<EuiListGroupItemExtraActionProps & _FromEuiListGroupItem>;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/list_group/list_group_item.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiListGroupItemStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiListGroupItem: import("@emotion/react").SerializedStyles;
+	    euiListGroupItem__inner: import("@emotion/react").SerializedStyles;
+	    primary: import("@emotion/react").SerializedStyles;
+	    text: import("@emotion/react").SerializedStyles;
+	    subdued: import("@emotion/react").SerializedStyles;
+	};
+	export const euiListGroupItemTooltipStyles: {
+	    euiListGroupItem__tooltip: import("@emotion/react").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/list_group/list_group_item' {
+	import React, { HTMLAttributes, AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode, ReactElement, MouseEventHandler, FunctionComponent } from 'react';
+	import { EuiDisabledProps } from '@elastic/eui/src/services';
+	import { ExclusiveUnion, CommonProps } from '@elastic/eui/src/components/common';
+	import { IconType, EuiIconProps } from '@elastic/eui/src/components/icon';
+	import { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip';
+	import { EuiListGroupItemExtraActionProps } from '@elastic/eui/src/components/list_group/list_group_item_extra_action';
+	export const COLORS: readonly ["primary", "text", "subdued"];
+	export type EuiListGroupItemColor = (typeof COLORS)[number];
+	export type EuiListGroupItemProps = CommonProps & Omit<ExclusiveUnion<ExclusiveUnion<ButtonHTMLAttributes<HTMLButtonElement>, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>, HTMLAttributes<HTMLSpanElement>>, 'onClick' | 'color' | 'target' | 'rel'> & EuiDisabledProps & {
+	    /**
+	     * By default the item will get the color `text`.
+	     * You can customize the color of the item by passing a color name.
+	     * @default 'text'
+	     */
+	    color?: EuiListGroupItemColor;
+	    /**
+	     * Content to be displayed in the list item
+	     */
+	    label: ReactNode;
+	    /**
+	     * Apply styles indicating an item is active
+	     */
+	    isActive?: boolean;
+	    /**
+	     * Make the list item label a link.
+	     * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
+	     */
+	    href?: 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`
+	     */
 	    iconType?: IconType;
-	    /** z-index value to be used by the flyout session */
-	    zIndex: number;
-	    /** Title of the current child flyout. */
-	    childTitle?: string;
-	    /** Icon of the current child flyout. */
-	    childIconType?: IconType;
-	    /** Stack of child flyouts we navigated away from. */
-	    childHistory: ChildHistoryEntry[];
-	    /** Key that scopes this session's history; same Symbol reference = same history group. Always set (from action or Symbol()). */
-	    historyKey: symbol;
-	}
-	export interface PushPaddingOffsets {
-	    /** Push padding applied to the left side (in pixels) */
-	    left: number;
-	    /** Push padding applied to the right side (in pixels) */
-	    right: number;
-	}
-	export interface EuiFlyoutManagerState {
-	    sessions: FlyoutSession[];
-	    flyouts: EuiManagedFlyoutState[];
-	    layoutMode: EuiFlyoutLayoutMode;
-	    /** Active push padding offsets (updated by active push flyouts) */
-	    pushPadding?: PushPaddingOffsets;
-	    currentZIndex: number;
-	    unmanagedFlyouts: string[];
-	    /** The container element that flyouts are positioned relative to (if any). */
-	    containerElement?: HTMLElement | null;
 	    /**
-	     * Reference width used for layout and resize clamping (container or viewport).
-	     * Set by the layout mode hook so flyouts use the same value for consistent clamping.
+	     * Further extend the props applied to EuiIcon
 	     */
-	    referenceWidth?: number;
-	}
-	/**
-	 * Public API surface provided through React context.
-	 * Kept intentionally decoupled from action types to avoid module cycles.
-	 */
-	export interface FlyoutManagerApi {
-	    state: EuiFlyoutManagerState;
-	    dispatch: (action: Action) => void;
-	    addFlyout: (flyoutId: string, title: string, level?: EuiFlyoutLevel, size?: string, historyKey?: symbol, iconType?: IconType, minWidth?: number) => void;
-	    closeFlyout: (flyoutId: string) => void;
-	    closeAllFlyouts: () => void;
-	    setActiveFlyout: (flyoutId: string | null) => void;
-	    setFlyoutWidth: (flyoutId: string, width: number) => void;
-	    setPushPadding: (side: 'left' | 'right', width: number) => void;
-	    setContainerElement: (element: HTMLElement | null) => void;
-	    goBack: () => void;
-	    goToFlyout: (flyoutId: string, level?: EuiFlyoutLevel) => void;
-	    addUnmanagedFlyout: (flyoutId: string) => void;
-	    closeUnmanagedFlyout: (flyoutId: string) => void;
-	    historyItems: Array<{
-	        title: string;
-	        iconType?: IconType;
-	        onClick: () => void;
-	    }>;
-	}
-
-}
-declare module '@elastic/eui/src/components/flyout/manager/actions' {
-	import type { IconType } from '@elastic/eui/src/components/icon';
-	import { EuiFlyoutActivityStage, EuiFlyoutLevel, EuiFlyoutLayoutMode } from '@elastic/eui/src/components/flyout/manager/types'; const PREFIX: "eui/flyoutManager";
-	interface BaseAction {
-	    type: `${typeof PREFIX}/${string}`;
-	}
-	/** Dispatched when a flyout registers itself with the manager. */
-	export const ACTION_ADD: "eui/flyoutManager/add";
-	/** Dispatched to remove a flyout from the manager (usually on close/unmount). */
-	export const ACTION_CLOSE: "eui/flyoutManager/close";
-	/** Dispatched to remove all flyouts from the manager. */
-	export const ACTION_CLOSE_ALL: "eui/flyoutManager/closeAll";
-	/** Dispatched to set which flyout is currently active within the session. */
-	export const ACTION_SET_ACTIVE: "eui/flyoutManager/setActive";
-	/** Dispatched when an active flyout's pixel width changes (for responsive layout). */
-	export const ACTION_SET_WIDTH: "eui/flyoutManager/setWidth";
-	/** Dispatched to switch layout mode between `side-by-side` and `stacked`. */
-	export const ACTION_SET_LAYOUT_MODE: "eui/flyoutManager/setLayoutMode";
-	/** Dispatched to update a flyout's activity stage (e.g., opening -> active). */
-	export const ACTION_SET_ACTIVITY_STAGE: "eui/flyoutManager/setActivityStage";
-	/** Dispatched to go back one session (remove current session). */
-	export const ACTION_GO_BACK: "eui/flyoutManager/goBack";
-	/** Dispatched to navigate to a specific flyout (remove all sessions after it). */
-	export const ACTION_GO_TO_FLYOUT: "eui/flyoutManager/goToFlyout";
-	/** Dispatched to set push padding offset for a side. */
-	export const ACTION_SET_PUSH_PADDING: "eui/flyoutManager/setPushPadding";
-	/** Dispatched to set the container element for container-relative flyouts. */
-	export const ACTION_SET_CONTAINER_ELEMENT: "eui/flyoutManager/setContainerElement";
-	/** Dispatched to set the reference width used for layout and resize clamping. */
-	export const ACTION_SET_REFERENCE_WIDTH: "eui/flyoutManager/setReferenceWidth";
-	export const ACTION_ADD_UNMANAGED_FLYOUT: "eui/flyoutManager/addUnmanagedFlyout";
-	export const ACTION_CLOSE_UNMANAGED_FLYOUT: "eui/flyoutManager/closeUnmanagedFlyout";
-	/**
-	 * Add a flyout to manager state. The manager will create or update
-	 * the current session depending on the `level` provided.
-	 */
-	export interface AddFlyoutAction extends BaseAction {
-	    type: typeof ACTION_ADD;
-	    flyoutId: string;
-	    title: string;
-	    level: EuiFlyoutLevel;
-	    size?: string;
-	    historyKey?: symbol;
-	    iconType?: IconType;
-	    minWidth?: number;
-	}
-	/** Remove a flyout from manager state. Also updates the active session. */
-	export interface CloseFlyoutAction extends BaseAction {
-	    type: typeof ACTION_CLOSE;
-	    flyoutId: string;
-	}
-	/** Remove all flyouts from manager state. */
-	export interface CloseAllFlyoutsAction extends BaseAction {
-	    type: typeof ACTION_CLOSE_ALL;
-	}
-	/** Set the active flyout within the current session (or clear with `null`). */
-	export interface SetActiveFlyoutAction extends BaseAction {
-	    type: typeof ACTION_SET_ACTIVE;
-	    flyoutId: string | null;
-	}
-	/** Update a flyout's measured width in pixels. */
-	export interface SetWidthAction extends BaseAction {
-	    type: typeof ACTION_SET_WIDTH;
-	    flyoutId: string;
-	    width: number;
-	}
-	/** Change how flyouts are arranged: `side-by-side` or `stacked`. */
-	export interface SetLayoutModeAction extends BaseAction {
-	    type: typeof ACTION_SET_LAYOUT_MODE;
-	    layoutMode: EuiFlyoutLayoutMode;
-	}
-	/** Set a specific flyout's activity stage. */
-	export interface SetActivityStageAction extends BaseAction {
-	    type: typeof ACTION_SET_ACTIVITY_STAGE;
-	    flyoutId: string;
-	    activityStage: EuiFlyoutActivityStage;
-	}
-	/** Go back one session (remove current session from stack). */
-	export interface GoBackAction extends BaseAction {
-	    type: typeof ACTION_GO_BACK;
-	}
-	/** Navigate to a specific flyout (remove all sessions after it, or pop to child in history). */
-	export interface GoToFlyoutAction extends BaseAction {
-	    type: typeof ACTION_GO_TO_FLYOUT;
-	    flyoutId: string;
-	    /** When 'child', find flyout in current session's childHistory and pop to it. When 'main' or omitted, find session by mainFlyoutId. */
-	    level?: EuiFlyoutLevel;
-	}
-	/** Set push padding offset for a specific side. */
-	export interface SetPushPaddingAction extends BaseAction {
-	    type: typeof ACTION_SET_PUSH_PADDING;
-	    side: 'left' | 'right';
-	    width: number;
-	}
-	export interface AddUnmanagedFlyoutAction extends BaseAction {
-	    type: typeof ACTION_ADD_UNMANAGED_FLYOUT;
-	    flyoutId: string;
-	}
-	export interface CloseUnmanagedFlyoutAction extends BaseAction {
-	    type: typeof ACTION_CLOSE_UNMANAGED_FLYOUT;
-	    flyoutId: string;
-	}
-	/** Set the container element for container-relative positioning. */
-	export interface SetContainerElementAction extends BaseAction {
-	    type: typeof ACTION_SET_CONTAINER_ELEMENT;
-	    element: HTMLElement | null;
-	}
-	/** Set the reference width for layout and resize clamping. */
-	export interface SetReferenceWidthAction extends BaseAction {
-	    type: typeof ACTION_SET_REFERENCE_WIDTH;
-	    width: number;
-	}
-	/** Union of all flyout manager actions. */
-	export type Action = AddFlyoutAction | CloseFlyoutAction | CloseAllFlyoutsAction | SetActiveFlyoutAction | SetWidthAction | SetLayoutModeAction | SetActivityStageAction | GoBackAction | GoToFlyoutAction | SetPushPaddingAction | AddUnmanagedFlyoutAction | CloseUnmanagedFlyoutAction | SetContainerElementAction | SetReferenceWidthAction;
-	/**
-	 * Register a flyout with the manager.
-	 * - `title` is used for the flyout menu.
-	 * - `level` determines whether the flyout is `main` or `child`.
-	 * - Optional `size` is the named EUI size (e.g. `s`, `m`, `l`).
-	 * - Optional `historyKey` (Symbol) scopes history; only flyouts with the same reference share Back/history. Omit for a unique group per session.
-	 * - Optional `iconType` is shown next to the session title in the history menu.
-	 */
-	export const addFlyout: (flyoutId: string, title: string, level?: EuiFlyoutLevel, size?: string, historyKey?: symbol, iconType?: IconType, minWidth?: number) => AddFlyoutAction;
-	/** Unregister a flyout and update the session accordingly. */
-	export const closeFlyout: (flyoutId: string) => CloseFlyoutAction;
-	/** Unregister all flyouts. */
-	export const closeAllFlyouts: () => CloseAllFlyoutsAction;
-	/** Set or clear the active flyout for the current session. */
-	export const setActiveFlyout: (flyoutId: string | null) => SetActiveFlyoutAction;
-	/** Record a flyout's current width in pixels. */
-	export const setFlyoutWidth: (flyoutId: string, width: number) => SetWidthAction;
-	/** Switch layout mode between `side-by-side` and `stacked`. */
-	export const setLayoutMode: (layoutMode: EuiFlyoutLayoutMode) => SetLayoutModeAction;
-	/** Update a flyout's activity stage. */
-	export const setActivityStage: (flyoutId: string, activityStage: EuiFlyoutActivityStage) => SetActivityStageAction;
-	/** Go back one session (remove current session from stack). */
-	export const goBack: () => GoBackAction;
-	/** Navigate to a specific flyout (remove all sessions after it, or pop to child in history when level === 'child'). */
-	export const goToFlyout: (flyoutId: string, level?: EuiFlyoutLevel) => GoToFlyoutAction;
-	/** Set push padding offset for a specific side. */
-	export const setPushPadding: (side: "left" | "right", width: number) => SetPushPaddingAction;
-	/** Register an unmanaged flyout for z-index positioning purposes */
-	export const addUnmanagedFlyout: (flyoutId: string) => AddUnmanagedFlyoutAction;
-	/** Unregister an unmanaged flyout */
-	export const closeUnmanagedFlyout: (flyoutId: string) => CloseUnmanagedFlyoutAction;
-	/** Set the container element for container-relative flyout positioning. */
-	export const setContainerElement: (element: HTMLElement | null) => SetContainerElementAction;
-	/** Set the reference width for layout and resize clamping. */
-	export const setReferenceWidth: (width: number) => SetReferenceWidthAction;
-	export {};
+	    iconProps?: Omit<EuiIconProps, 'type'>;
+	    /**
+	     * Custom node to pass as the icon. Cannot be used in conjunction
+	     * with `iconType` and `iconProps`.
+	     */
+	    icon?: ReactElement;
+	    /**
+	     * Display tooltip on list item
+	     */
+	    showToolTip?: boolean;
+	    /**
+	     * An object of {@link EuiListGroupItemExtraAction} props.
+	     * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
+	     * pass `alwaysShow` if you don't want the default behavior of only showing on hover
+	     */
+	    extraAction?: EuiListGroupItemExtraActionProps;
+	    /**
+	     * Make the list item label a button.
+	     * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
+	     */
+	    onClick?: MouseEventHandler<HTMLButtonElement>;
+	    /**
+	     * Allow link text to wrap
+	     */
+	    wrapText?: boolean;
+	    /**
+	     * Pass-through ref reference specifically for targeting
+	     * instances where the item content is rendered as a `button`
+	     */
+	    buttonRef?: React.Ref<HTMLButtonElement>;
+	    /**
+	     * Text to be displayed in the tooltip when `showToolTip` is true.
+	     * By default the text will be same as the label text.
+	     */
+	    toolTipText?: string;
+	    /**
+	     * Allows customizing the tooltip shown when `showToolTip` is true.
+	     * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+	     */
+	    toolTipProps?: Partial<EuiToolTipProps>;
+	};
+	export const EuiListGroupItem: FunctionComponent<EuiListGroupItemProps>;
 
 }
-declare module '@elastic/eui/src/components/flyout/manager/reducer' {
-	import { Action } from '@elastic/eui/src/components/flyout/manager/actions';
-	import { EuiFlyoutManagerState } from '@elastic/eui/src/components/flyout/manager/types';
-	/**
-	 * Default flyout manager state used to initialize the reducer.
-	 */
-	export const initialState: EuiFlyoutManagerState;
-	/**
-	 * Reducer handling all flyout manager actions and state transitions.
-	 */
-	export function flyoutManagerReducer(state: EuiFlyoutManagerState | undefined, action: Action): EuiFlyoutManagerState;
+declare module '@elastic/eui/src/components/list_group/list_group.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiListGroupStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiListGroup: import("@emotion/react").SerializedStyles;
+	    bordered: import("@emotion/react").SerializedStyles;
+	    maxWidthDefault: import("@emotion/react").SerializedStyles;
+	};
 
 }
-declare module '@elastic/eui/src/components/flyout/manager/store' {
-	import type { IconType } from '@elastic/eui/src/components/icon';
-	import type { EuiFlyoutLevel, EuiFlyoutManagerState, FlyoutSession } from '@elastic/eui/src/components/flyout/manager/types';
-	import type { Action } from '@elastic/eui/src/components/flyout/manager/actions';
-	type Listener = () => void;
-	/**
-	 * Events emitted by the flyout manager store for external consumers.
-	 */
-	export type FlyoutManagerEvent = {
-	    type: 'CLOSE_SESSION';
-	    session: FlyoutSession;
+declare module '@elastic/eui/src/components/list_group/list_group' {
+	import { FunctionComponent, HTMLAttributes, CSSProperties } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group/list_group_item';
+	export type EuiListGroupProps = CommonProps & Omit<HTMLAttributes<HTMLUListElement>, 'color'> & {
+	    /**
+	     * Add a border to the list container
+	     */
+	    bordered?: boolean;
+	    /**
+	     * Items to display in this group. See {@link EuiListGroupItem}
+	     */
+	    listItems?: EuiListGroupItemProps[];
+	    /**
+	     * Change the colors of all `listItems` at once
+	     * @default text
+	     */
+	    color?: EuiListGroupItemProps['color'];
+	    /**
+	     * Sets the max-width of the page.
+	     * Set to `true` to use the default size,
+	     * set to `false` to not restrict the width,
+	     * or set to a number/string for a custom CSS width/measurement.
+	     */
+	    maxWidth?: boolean | CSSProperties['maxWidth'];
+	    /**
+	     * Display tooltips on all list items
+	     */
+	    showToolTips?: boolean;
+	    /**
+	     * Allow link text to wrap vs truncated
+	     */
+	    wrapText?: boolean;
+	    ariaLabelledby?: string;
 	};
-	type EventListener = (event: FlyoutManagerEvent) => void;
-	export interface FlyoutManagerStore {
-	    getState: () => EuiFlyoutManagerState;
-	    subscribe: (listener: Listener) => () => void;
-	    subscribeToEvents: (listener: EventListener) => () => void;
-	    dispatch: (action: Action) => void;
-	    addFlyout: (flyoutId: string, title: string, level?: EuiFlyoutLevel, size?: string, historyKey?: symbol, iconType?: IconType, minWidth?: number) => void;
-	    closeFlyout: (flyoutId: string) => void;
-	    closeAllFlyouts: () => void;
-	    setActiveFlyout: (flyoutId: string | null) => void;
-	    setFlyoutWidth: (flyoutId: string, width: number) => void;
-	    setPushPadding: (side: 'left' | 'right', width: number) => void;
-	    setContainerElement: (element: HTMLElement | null) => void;
-	    goBack: () => void;
-	    goToFlyout: (flyoutId: string, level?: EuiFlyoutLevel) => void;
-	    addUnmanagedFlyout: (flyoutId: string) => void;
-	    closeUnmanagedFlyout: (flyoutId: string) => void;
-	    historyItems: Array<{
-	        title: string;
-	        iconType?: IconType;
-	        onClick: () => void;
-	    }>;
+	export const EuiListGroup: FunctionComponent<EuiListGroupProps>;
+
+}
+declare module '@elastic/eui/src/components/list_group/pinnable_list_group/pinnable_list_group.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiPinnableListGroupItemExtraActionStyles: ({ euiTheme, }: UseEuiTheme) => {
+	    euiPinnableListGroup__itemExtraAction: import("@emotion/react").SerializedStyles;
+	    pinned: import("@emotion/react").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/list_group/pinnable_list_group/pinnable_list_group' {
+	import { FunctionComponent } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiListGroupProps } from '@elastic/eui/src/components/list_group/list_group';
+	import { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group/list_group_item';
+	export type EuiPinnableListGroupItemProps = EuiListGroupItemProps & {
+	    /**
+	     * Saves the pinned status and changes the visibility of the pin icon
+	     */
+	    pinned?: boolean;
+	    /**
+	     * Passing `onPinClick` to the full EuiPinnableListGroup, will make every item pinnable.
+	     * Set this property to `false` to turn off individual item pinnability
+	     */
+	    pinnable?: boolean;
+	};
+	export interface EuiPinnableListGroupProps extends CommonProps, EuiListGroupProps {
+	    /**
+	     * Extends `EuiListGroupItemProps`, at the very least, expecting a `label`.
+	     * See {@link EuiPinnableListGroupItemProps}
+	     */
+	    listItems: EuiPinnableListGroupItemProps[];
+	    /**
+	     * Shows the pin icon and calls this function on click.
+	     * Returns `item: EuiPinnableListGroupItemProps`
+	     */
+	    onPinClick: (item: EuiPinnableListGroupItemProps) => void;
+	    /**
+	     * The pin icon needs a title/aria-label for accessibility.
+	     * It is a function that passes the item back and must return a string `(item) => string`.
+	     * Default is `"Pin item"`
+	     */
+	    pinTitle?: (item: EuiPinnableListGroupItemProps) => string;
+	    /**
+	     * The unpin icon needs a title/aria-label for accessibility.
+	     * It is a function that passes the item back and must return a string `(item) => string`.
+	     * Default is `"Unpin item"`
+	     */
+	    unpinTitle?: (item: EuiPinnableListGroupItemProps) => string;
 	}
-	/**
-	 * Returns a singleton store instance shared across all React roots within the same JS context.
-	 * Uses module-level singleton to ensure deduplication even if modules are loaded twice.
-	 */
-	export function getFlyoutManagerStore(): FlyoutManagerStore;
-	/**
-	 * For testing purposes - allows resetting the store
-	 */
-	export function _resetFlyoutManagerStore(): void;
-	export {};
+	export const EuiPinnableListGroup: FunctionComponent<EuiPinnableListGroupProps>;
 
 }
-declare module '@elastic/eui/src/components/flyout/manager/selectors' {
-	export const useSession: (flyoutId?: string | null) => import ("@elastic/eui/src/components/flyout/manager/types").FlyoutSession | null;
-	/** True when any managed flyout session is currently active. */
-	export const useHasActiveSession: () => boolean;
-	/** True if the given `flyoutId` is the main or child flyout in the latest session. */
-	export const useIsFlyoutActive: (flyoutId: string) => boolean;
-	export const useFlyout: (flyoutId?: string | null) => import ("@elastic/eui/src/components/flyout/manager/types").EuiManagedFlyoutState | null;
-	export const useIsFlyoutRegistered: (flyoutId?: string | null) => boolean;
-	/** The most recent flyout session or `null` if none. */
-	export const useCurrentSession: () => import ("@elastic/eui/src/components/flyout/manager/types").FlyoutSession | null;
-	/** The registered state of the current session's main flyout, if present. */
-	export const useCurrentMainFlyout: () => import ("@elastic/eui/src/components/flyout/manager/types").EuiManagedFlyoutState | null;
-	/** The registered state of the current session's child flyout, if present. */
-	export const useCurrentChildFlyout: () => import ("@elastic/eui/src/components/flyout/manager/types").EuiManagedFlyoutState | null;
-	/** The measured width (px) of the specified flyout, or `null` if unknown. */
-	export const useFlyoutWidth: (flyoutId?: string | null) => number | undefined;
-	/** The configured minWidth (px) of the specified flyout, or `undefined` if not set. */
-	export const useFlyoutMinWidth: (flyoutId?: string | null) => number | undefined;
-	/** The configured size of the parent (main) flyout for a given child flyout ID. */
-	export const useParentFlyoutSize: (childFlyoutId: string) => string | undefined;
-	/** True if the provided `flyoutId` is the main flyout and it currently has a child. */
-	export const useHasChildFlyout: (flyoutId: string) => boolean;
-	/** Get the current push padding offsets from manager state. */
-	export const usePushPaddingOffsets: () => import ("@elastic/eui/src/components/flyout/manager/types").PushPaddingOffsets;
-	/** True if there's any active push padding (left or right side). */
-	export const useHasPushPadding: () => boolean;
-	/** Get the ref for the current flyout z-index to be used */
-	export const useCurrentFlyoutZIndexRef: () => import("react").MutableRefObject<number>;
+declare module '@elastic/eui/src/components/list_group/pinnable_list_group' {
+	export type { EuiPinnableListGroupProps, EuiPinnableListGroupItemProps, } from '@elastic/eui/src/components/list_group/pinnable_list_group/pinnable_list_group';
+	export { EuiPinnableListGroup } from '@elastic/eui/src/components/list_group/pinnable_list_group/pinnable_list_group';
 
 }
-declare module '@elastic/eui/src/components/flyout/manager/context' {
-	import React from 'react';
-	/**
-	 * React provider that marks descendants as being rendered inside
-	 * an EUI managed flyout. Used by hooks/components to alter behavior
-	 * (e.g., focus handling) when inside a managed flyout tree.
-	 */
-	export const EuiFlyoutIsManagedProvider: ({ isManaged, children, }: {
-	    isManaged: boolean;
-	    children: React.ReactNode;
-	}) => React.JSX.Element;
-	/**
-	 * Hook that returns `true` when called within an EUI managed flyout subtree.
-	 */
-	export const useIsInManagedFlyout: () => boolean;
+declare module '@elastic/eui/src/components/list_group' {
+	export type { EuiListGroupProps } from '@elastic/eui/src/components/list_group/list_group';
+	export { EuiListGroup } from '@elastic/eui/src/components/list_group/list_group';
+	export type { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group/list_group_item';
+	export type { EuiListGroupItemExtraActionProps } from '@elastic/eui/src/components/list_group/list_group_item_extra_action';
+	export { EuiListGroupItem } from '@elastic/eui/src/components/list_group/list_group_item';
+	export type { EuiPinnableListGroupProps, EuiPinnableListGroupItemProps, } from '@elastic/eui/src/components/list_group/pinnable_list_group';
+	export { EuiPinnableListGroup } from '@elastic/eui/src/components/list_group/pinnable_list_group';
 
 }
-declare module '@elastic/eui/src/components/flyout/manager/hooks' {
-	export { useIsFlyoutActive, useHasActiveSession, useCurrentSession, useCurrentMainFlyout, useCurrentChildFlyout, useFlyoutWidth, useParentFlyoutSize, useHasChildFlyout, usePushPaddingOffsets, useHasPushPadding, } from '@elastic/eui/src/components/flyout/manager/selectors';
-	export { useFlyoutLayoutMode } from '@elastic/eui/src/components/flyout/manager/layout_mode';
-	export { useIsInManagedFlyout } from '@elastic/eui/src/components/flyout/manager/context';
-	export type { EuiFlyoutActivityStage } from '@elastic/eui/src/components/flyout/manager/types';
-	/** Access the flyout manager context (state and actions). */
-	export const useFlyoutManager: () => import ("@elastic/eui/src/components/flyout/manager/types").FlyoutManagerApi | null;
+declare module '@elastic/eui/src/components/flyout/const' {
+	import { EuiBreakpointSize } from '@elastic/eui/src/services';
+	/** Allowed flyout render types. */
+	export const FLYOUT_TYPES: readonly ["push", "overlay"];
+	/** Type representing a supported flyout render type. */
+	export type _EuiFlyoutType = (typeof FLYOUT_TYPES)[number];
+	/** Allowed flyout attachment sides. */
+	export const FLYOUT_SIDES: readonly ["left", "right"];
+	/** Type representing a supported flyout side. */
+	export type _EuiFlyoutSide = (typeof FLYOUT_SIDES)[number];
+	/** Allowed named flyout sizes used by the manager. */
+	export const FLYOUT_SIZES: readonly ["s", "m", "l", "fill"];
+	/** Type representing a supported named flyout size. */
+	export type EuiFlyoutSize = (typeof FLYOUT_SIZES)[number];
+	/** Menu display mode: always render menu when flyoutMenuProps is provided. */
+	export const MENU_DISPLAY_ALWAYS: "always";
+	/** Menu display mode: only render menu when it has content (back button, history, title, or custom actions). */
+	export const MENU_DISPLAY_AUTO: "auto";
+	/** Allowed flyout menu display modes. */
+	export const FLYOUT_MENU_DISPLAY_MODES: readonly ["always", "auto"];
+	/** Type representing a supported flyout menu display mode. */
+	export type EuiFlyoutMenuDisplayMode = (typeof FLYOUT_MENU_DISPLAY_MODES)[number];
+	/** Allowed padding sizes for flyout content. */
+	export const FLYOUT_PADDING_SIZES: readonly ["none", "s", "m", "l"];
+	/** Type representing a supported flyout padding size. */
+	export type _EuiFlyoutPaddingSize = (typeof FLYOUT_PADDING_SIZES)[number];
+	/** Default minimum breakpoint at which push-type flyouts begin to push content. */
+	export const DEFAULT_PUSH_MIN_BREAKPOINT: EuiBreakpointSize;
+	/** Default flyout type when none is provided. */
+	export const DEFAULT_TYPE: _EuiFlyoutType;
+	/** Default side where flyouts anchor when none is provided. */
+	export const DEFAULT_SIDE: _EuiFlyoutSide;
+	/** Default named flyout size. */
+	export const DEFAULT_SIZE: EuiFlyoutSize;
+	/** Default padding size inside flyouts. */
+	export const DEFAULT_PADDING_SIZE: _EuiFlyoutPaddingSize;
+	/** Default flyout menu display mode. */
+	export const DEFAULT_MENU_DISPLAY_MODE: EuiFlyoutMenuDisplayMode;
 	/**
-	 * Stable flyout ID utility. Uses the passed `id` if provided and not already registered,
-	 * otherwise generates a deterministic ID for the component's lifetime.
-	 * The ID remains stable across re-renders to maintain consistency in effects and other hooks.
+	 * Custom type checker for named flyout sizes since the prop
+	 * `size` can also be CSSProperties['width'] (string | number)
 	 */
-	export const useFlyoutId: (flyoutId?: string) => string;
+	export function isEuiFlyoutSizeNamed(value: unknown): value is EuiFlyoutSize;
 
 }
-declare module '@elastic/eui/src/components/flyout/manager/layout_mode' {
-	import { EuiFlyoutLayoutMode } from '@elastic/eui/src/components/flyout/manager/types';
+declare module '@elastic/eui/src/components/flyout/flyout.styles' {
+	import { EuiFlyoutSize } from '@elastic/eui/src/components/flyout/const';
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const FLYOUT_BREAKPOINT: "m";
+	export const euiFlyoutSlideInRight: import("@emotion/serialize").Keyframes;
+	export const euiFlyoutSlideOutRight: import("@emotion/serialize").Keyframes;
+	export const euiFlyoutSlideInLeft: import("@emotion/serialize").Keyframes;
+	export const euiFlyoutSlideOutLeft: import("@emotion/serialize").Keyframes;
 	/**
-	 * Hook to handle responsive layout mode for managed flyouts.
-	 * Decides whether to place flyouts side-by-side or stacked based on
-	 * the reference width (the reference container's width, defaulting to
-	 * document.body when not set) and flyout widths/sizes.
+	 * When a `container` reference element is provided, the flyout's position
+	 * and dimensions are constrained to the container's bounding rect via
+	 * inline styles computed in JS.
 	 */
-	export const useApplyFlyoutLayoutMode: () => void;
+	export const euiFlyoutStyles: (euiThemeContext: UseEuiTheme) => {
+	    noMaxWidth: import("@emotion/react").SerializedStyles;
+	    right: import("@emotion/react").SerializedStyles;
+	    left: import("@emotion/react").SerializedStyles;
+	    overlay: {
+	        overlay: import("@emotion/react").SerializedStyles;
+	        left: import("@emotion/react").SerializedStyles;
+	        right: import("@emotion/react").SerializedStyles;
+	    };
+	    push: {
+	        push: import("@emotion/react").SerializedStyles;
+	        right: import("@emotion/react").SerializedStyles;
+	        left: import("@emotion/react").SerializedStyles;
+	    };
+	    noAnimation: import("@emotion/react").SerializedStyles;
+	    paddingSizes: {
+	        none: import("@emotion/react").SerializedStyles;
+	        s: import("@emotion/react").SerializedStyles;
+	        m: import("@emotion/react").SerializedStyles;
+	        l: import("@emotion/react").SerializedStyles;
+	    };
+	    s: import("@emotion/react").SerializedStyles;
+	    m: import("@emotion/react").SerializedStyles;
+	    l: import("@emotion/react").SerializedStyles;
+	    fill: import("@emotion/react").SerializedStyles;
+	    euiFlyout: import("@emotion/react").SerializedStyles;
+	};
 	/**
-	 * Convert a flyout `size` value to a pixel width.
-	 * When `referenceWidth` is provided, named sizes are calculated as a percentage
-	 * of that width (container-relative). Otherwise falls back to `window.innerWidth`.
+	 * Applies a max-width constraint at the flyout breakpoint.
 	 */
-	export const getWidthFromSize: (size: string | number, referenceWidth?: number) => number;
-	/** Current layout mode for managed flyouts (`side-by-side` or `stacked`). */
-	export const useFlyoutLayoutMode: () => EuiFlyoutLayoutMode;
-
-}
-declare module '@elastic/eui/src/components/flyout/manager/provider' {
-	import React from 'react';
-	import { FlyoutManagerApi } from '@elastic/eui/src/components/flyout/manager/types';
+	export const maxedFlyoutWidth: (euiThemeContext: UseEuiTheme) => string;
 	/**
-	 * React context that exposes the Flyout Manager API (state + actions).
+	 * Composes the full set of named size styles (`s`, `m`, `l`, `fill`).
+	 *
+	 * Uses `%` units for widths. Media queries drive responsive breakpoints.
+	 *
+	 * When a child flyout is stacked on top of the parent, the parent flyout
+	 * size will match the child flyout size. The `s` and `m` sizes include
+	 * overrides for this stacked-child behavior.
 	 */
-	export const EuiFlyoutManagerContext: React.Context<FlyoutManagerApi | null>;
+	export const composeFlyoutSizing: (euiThemeContext: UseEuiTheme) => {
+	    s: import("@emotion/react").SerializedStyles;
+	    m: import("@emotion/react").SerializedStyles;
+	    l: import("@emotion/react").SerializedStyles;
+	    fill: import("@emotion/react").SerializedStyles;
+	};
 	/**
-	 * Provides the Flyout Manager API via context and runs layout-mode logic.
+	 * Composes all inline styles for a flyout based on its configuration.
+	 * Uses a CSS custom property (`--euiFlyoutMainWidth`) for synchronous
+	 * tracking of the main flyout width during resize drag, falling back to
+	 * the pixel value from manager state when the variable is not set.
 	 */
-	export const EuiFlyoutManager: React.FC<{
-	    children: React.ReactNode;
-	}>;
-	/** Hook to access the Flyout Manager API from context. */
-	export const useFlyoutManager: () => FlyoutManagerApi | null;
+	export const composeFlyoutInlineStyles: (size: EuiFlyoutSize | string | number, layoutMode: "side-by-side" | "stacked", siblingFlyoutId: string | null, siblingFlyoutWidth: number | null, maxWidth: boolean | number | string | undefined, zIndex?: number) => React.CSSProperties;
 
 }
-declare module '@elastic/eui/src/components/list_group/list_group_item_extra_action.styles' {
+declare module '@elastic/eui/src/components/flyout/_flyout_close_button.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiListGroupItemExtraActionStyles: ({ euiTheme, }: UseEuiTheme) => {
-	    euiListGroupItemExtraAction: import("@emotion/react").SerializedStyles;
-	    hoverStyles: import("@emotion/react").SerializedStyles;
-	    alwaysShow: import("@emotion/react").SerializedStyles;
+	export const euiFlyoutCloseButtonStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiFlyout__closeButton: import("@emotion/react").SerializedStyles;
+	    inside: import("@emotion/react").SerializedStyles;
+	    outside: import("@emotion/react").SerializedStyles;
+	    outsideSide: {
+	        right: import("@emotion/react").SerializedStyles;
+	        left: import("@emotion/react").SerializedStyles;
+	    };
 	};
 
 }
-declare module '@elastic/eui/src/components/list_group/list_group_item_extra_action' {
+declare module '@elastic/eui/src/components/flyout/_flyout_close_button' {
 	import { FunctionComponent } from 'react';
-	import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
-	export type EuiListGroupItemExtraActionProps = {
-	    alwaysShow?: boolean;
-	} & EuiButtonIconPropsForButton;
-	type _FromEuiListGroupItem = {
-	    parentIsDisabled?: boolean;
-	};
-	export const EuiListGroupItemExtraAction: FunctionComponent<EuiListGroupItemExtraActionProps & _FromEuiListGroupItem>;
+	import type { EuiFlyoutProps } from '@elastic/eui/src/components/flyout/flyout';
+	type EuiFlyoutCloseButtonProps = EuiFlyoutProps['closeButtonProps'] & Required<Pick<EuiFlyoutProps, 'closeButtonPosition' | 'onClose' | 'side'>>;
+	export const EuiFlyoutCloseButton: FunctionComponent<EuiFlyoutCloseButtonProps>;
 	export {};
 
 }
-declare module '@elastic/eui/src/components/list_group/list_group_item.styles' {
+declare module '@elastic/eui/src/components/flyout/flyout_menu.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiListGroupItemStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiListGroupItem: import("@emotion/react").SerializedStyles;
-	    euiListGroupItem__inner: import("@emotion/react").SerializedStyles;
-	    primary: import("@emotion/react").SerializedStyles;
-	    text: import("@emotion/react").SerializedStyles;
-	    subdued: import("@emotion/react").SerializedStyles;
-	};
-	export const euiListGroupItemTooltipStyles: {
-	    euiListGroupItem__tooltip: import("@emotion/react").SerializedStyles;
+	export const euiFlyoutMenuStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiFlyoutMenu__container: import("@emotion/react").SerializedStyles;
+	    euiFlyoutMenu__spacer: import("@emotion/react").SerializedStyles;
+	    euiFlyoutMenu__actions: import("@emotion/react").SerializedStyles;
+	    euiFlyoutMenu__hiddenTitle: import("@emotion/react").SerializedStyles;
+	    euiFlyoutMenu__paginationCounter: import("@emotion/react").SerializedStyles;
 	};
 
 }
-declare module '@elastic/eui/src/components/list_group/list_group_item' {
-	import React, { HTMLAttributes, AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode, ReactElement, MouseEventHandler, FunctionComponent } from 'react';
-	import { EuiDisabledProps } from '@elastic/eui/src/services';
-	import { ExclusiveUnion, CommonProps } from '@elastic/eui/src/components/common';
-	import { IconType, EuiIconProps } from '@elastic/eui/src/components/icon';
-	import { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip';
-	import { EuiListGroupItemExtraActionProps } from '@elastic/eui/src/components/list_group/list_group_item_extra_action';
-	export const COLORS: readonly ["primary", "text", "subdued"];
-	export type EuiListGroupItemColor = (typeof COLORS)[number];
-	export type EuiListGroupItemProps = CommonProps & Omit<ExclusiveUnion<ExclusiveUnion<ButtonHTMLAttributes<HTMLButtonElement>, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>, HTMLAttributes<HTMLSpanElement>>, 'onClick' | 'color' | 'target' | 'rel'> & EuiDisabledProps & {
-	    /**
-	     * By default the item will get the color `text`.
-	     * You can customize the color of the item by passing a color name.
-	     * @default 'text'
-	     */
-	    color?: EuiListGroupItemColor;
-	    /**
-	     * Content to be displayed in the list item
-	     */
-	    label: ReactNode;
-	    /**
-	     * Apply styles indicating an item is active
-	     */
-	    isActive?: boolean;
-	    /**
-	     * Make the list item label a link.
-	     * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
-	     */
-	    href?: string;
-	    rel?: string;
-	    target?: string;
+declare module '@elastic/eui/src/components/flyout/flyout_menu_context' {
+	import { EuiFlyoutProps } from '@elastic/eui/src/components/flyout/flyout';
+	interface EuiFlyoutMenuContextProps {
+	    onClose?: EuiFlyoutProps['onClose'];
+	}
+	export const EuiFlyoutMenuContext: import("react").Context<EuiFlyoutMenuContextProps>;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/flyout/types' {
+	export type EuiFlyoutCloseEvent = MouseEvent | TouchEvent | KeyboardEvent;
+	/**
+	 * Describes the source that triggered a flyout close. Passed to `onClose` via
+	 * the optional `meta` argument so consumers can react differently per source.
+	 *
+	 * - `close-button`: the default/X close button (base flyout and managed menu)
+	 * - `escape`: the Escape key
+	 * - `outside-click`: a click on the overlay mask or outside the flyout
+	 * - `navigation-back`: a managed flyout closed because the user pressed Back
+	 * - `navigation-cascade`: a managed flyout closed because a parent navigated
+	 *   away or the main flyout closed (e.g. a tab switch)
+	 */
+	export type EuiFlyoutCloseReason = 'close-button' | 'escape' | 'outside-click' | 'navigation-back' | 'navigation-cascade';
+	/**
+	 * Optional metadata passed as the second argument to a flyout's `onClose`
+	 * callback, describing why the flyout closed.
+	 */
+	export interface EuiFlyoutCloseMeta {
+	    reason: EuiFlyoutCloseReason;
+	}
+
+}
+declare module '@elastic/eui/src/components/flyout/flyout_menu' {
+	import React, { FunctionComponent, HTMLAttributes } from 'react';
+	import { EuiButtonProps } from '@elastic/eui/src/components/button';
+	import { CommonProps, PropsForAnchor } from '@elastic/eui/src/components/common';
+	import type { IconType } from '@elastic/eui/src/components/icon';
+	type EuiFlyoutMenuBackButtonProps = Pick<PropsForAnchor<EuiButtonProps>, 'aria-label' | 'data-test-subj' | 'onClick'>;
+	/**
+	 * History item for the flyout menu history popover
+	 */
+	export interface EuiFlyoutHistoryItem {
 	    /**
-	     * Set to true to show an icon indicating that it is an external link;
-	     * Defaults to true if `target="_blank"`
+	     * Title for the history item
 	     */
-	    external?: boolean;
+	    title: string;
 	    /**
-	     * Adds `EuiIcon` of `EuiIcon.type`
+	     * An optional icon to display next to the session title in the history menu
 	     */
 	    iconType?: IconType;
 	    /**
-	     * Further extend the props applied to EuiIcon
-	     */
-	    iconProps?: Omit<EuiIconProps, 'type'>;
-	    /**
-	     * Custom node to pass as the icon. Cannot be used in conjunction
-	     * with `iconType` and `iconProps`.
-	     */
-	    icon?: ReactElement;
-	    /**
-	     * Display tooltip on list item
-	     */
-	    showToolTip?: boolean;
-	    /**
-	     * An object of {@link EuiListGroupItemExtraAction} props.
-	     * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
-	     * pass `alwaysShow` if you don't want the default behavior of only showing on hover
-	     */
-	    extraAction?: EuiListGroupItemExtraActionProps;
-	    /**
-	     * Make the list item label a button.
-	     * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
-	     */
-	    onClick?: MouseEventHandler<HTMLButtonElement>;
-	    /**
-	     * Allow link text to wrap
-	     */
-	    wrapText?: boolean;
-	    /**
-	     * Pass-through ref reference specifically for targeting
-	     * instances where the item content is rendered as a `button`
+	     * onClick handler for the history item
 	     */
-	    buttonRef?: React.Ref<HTMLButtonElement>;
+	    onClick: () => void;
+	}
+	/**
+	 * Pagination configuration for the flyout menu
+	 */
+	export interface EuiFlyoutMenuPagination {
 	    /**
-	     * Text to be displayed in the tooltip when `showToolTip` is true.
-	     * By default the text will be same as the label text.
+	     * Zero-based index of the currently displayed item
 	     */
-	    toolTipText?: string;
+	    currentIndex: number;
 	    /**
-	     * Allows customizing the tooltip shown when `showToolTip` is true.
-	     * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
-	     */
-	    toolTipProps?: Partial<EuiToolTipProps>;
-	};
-	export const EuiListGroupItem: FunctionComponent<EuiListGroupItemProps>;
-
-}
-declare module '@elastic/eui/src/components/list_group/list_group.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiListGroupStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiListGroup: import("@emotion/react").SerializedStyles;
-	    bordered: import("@emotion/react").SerializedStyles;
-	    maxWidthDefault: import("@emotion/react").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/list_group/list_group' {
-	import { FunctionComponent, HTMLAttributes, CSSProperties } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group/list_group_item';
-	export type EuiListGroupProps = CommonProps & Omit<HTMLAttributes<HTMLUListElement>, 'color'> & {
+	     * Total number of items
+	     */
+	    total: number;
 	    /**
-	     * Add a border to the list container
+	     * Called when the user clicks the Previous button
 	     */
-	    bordered?: boolean;
+	    onPrevious: () => void;
 	    /**
-	     * Items to display in this group. See {@link EuiListGroupItem}
+	     * Called when the user clicks the Next button
 	     */
-	    listItems?: EuiListGroupItemProps[];
+	    onNext: () => void;
+	}
+	/**
+	 * Custom action item for the flyout menu component
+	 */
+	export interface EuiFlyoutMenuCustomAction {
 	    /**
-	     * Change the colors of all `listItems` at once
-	     * @default text
+	     * Icon type for the action button
 	     */
-	    color?: EuiListGroupItemProps['color'];
+	    iconType: string;
 	    /**
-	     * Sets the max-width of the page.
-	     * Set to `true` to use the default size,
-	     * set to `false` to not restrict the width,
-	     * or set to a number/string for a custom CSS width/measurement.
+	     * onClick handler for the action button
 	     */
-	    maxWidth?: boolean | CSSProperties['maxWidth'];
+	    onClick: () => void;
 	    /**
-	     * Display tooltips on all list items
+	     * Aria label for the action button
 	     */
-	    showToolTips?: boolean;
+	    'aria-label': string;
+	}
+	/**
+	 * Props for EuiFlyoutMenu
+	 */
+	export type EuiFlyoutMenuProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
 	    /**
-	     * Allow link text to wrap vs truncated
+	     * An id to use for the title element. Useful for setting aria-labelledby on the flyout.
+	     * Example:
+	     * ```jsx
+	     * <EuiFlyout
+	     *   aria-labelledby="myMenuTitleId"
+	     *   flyoutMenuProps={{ title: 'Menu title', titleId: 'myMenuTitleId' }
+	     * >
+	     *  ...
+	     * </EuiFlyout>
+	     * ```
 	     */
-	    wrapText?: boolean;
-	    ariaLabelledby?: string;
-	};
-	export const EuiListGroup: FunctionComponent<EuiListGroupProps>;
-
-}
-declare module '@elastic/eui/src/components/list_group/pinnable_list_group/pinnable_list_group.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiPinnableListGroupItemExtraActionStyles: ({ euiTheme, }: UseEuiTheme) => {
-	    euiPinnableListGroup__itemExtraAction: import("@emotion/react").SerializedStyles;
-	    pinned: import("@emotion/react").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/list_group/pinnable_list_group/pinnable_list_group' {
-	import { FunctionComponent } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiListGroupProps } from '@elastic/eui/src/components/list_group/list_group';
-	import { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group/list_group_item';
-	export type EuiPinnableListGroupItemProps = EuiListGroupItemProps & {
+	    titleId?: string;
 	    /**
-	     * Saves the pinned status and changes the visibility of the pin icon
+	     * Title for the menu component. In a managed flyout context, the title is used to indicate the flyout session for history navigation.
 	     */
-	    pinned?: boolean;
+	    title?: React.ReactNode;
 	    /**
-	     * Passing `onPinClick` to the full EuiPinnableListGroup, will make every item pinnable.
-	     * Set this property to `false` to turn off individual item pinnability
+	     * An optional icon to display next to the session title in the history menu
 	     */
-	    pinnable?: boolean;
-	};
-	export interface EuiPinnableListGroupProps extends CommonProps, EuiListGroupProps {
+	    iconType?: IconType;
 	    /**
-	     * Extends `EuiListGroupItemProps`, at the very least, expecting a `label`.
-	     * See {@link EuiPinnableListGroupItemProps}
+	     * Hides the title in the `EuiFlyoutMenu`.
+	     * @default true
+	     * @deprecated Use `EuiFlyoutHeader` for visible titles instead.
+	     * `hideTitle` is still honored but may be removed in a future major version.
 	     */
-	    listItems: EuiPinnableListGroupItemProps[];
+	    hideTitle?: boolean;
 	    /**
-	     * Shows the pin icon and calls this function on click.
-	     * Returns `item: EuiPinnableListGroupItemProps`
+	     * Hides the close button in the menu component
+	     * @default false
 	     */
-	    onPinClick: (item: EuiPinnableListGroupItemProps) => void;
+	    hideCloseButton?: boolean;
 	    /**
-	     * The pin icon needs a title/aria-label for accessibility.
-	     * It is a function that passes the item back and must return a string `(item) => string`.
-	     * Default is `"Pin item"`
+	     * Shows a back button in the menu component
+	     * @default false
 	     */
-	    pinTitle?: (item: EuiPinnableListGroupItemProps) => string;
+	    showBackButton?: boolean;
 	    /**
-	     * The unpin icon needs a title/aria-label for accessibility.
-	     * It is a function that passes the item back and must return a string `(item) => string`.
-	     * Default is `"Unpin item"`
+	     * Props to pass to the back button, such as `onClick` handler
 	     */
-	    unpinTitle?: (item: EuiPinnableListGroupItemProps) => string;
-	}
-	export const EuiPinnableListGroup: FunctionComponent<EuiPinnableListGroupProps>;
+	    backButtonProps?: EuiFlyoutMenuBackButtonProps;
+	    /**
+	     * List of history items for the history popover
+	     */
+	    historyItems?: EuiFlyoutHistoryItem[];
+	    /**
+	     * List of custom action items for the menu component
+	     */
+	    customActions?: EuiFlyoutMenuCustomAction[];
+	    /**
+	     * Enables Prev/Next navigation controls and a position counter in the menu bar.
+	     * Pagination replaces back/history navigation in the left menu slot.
+	     */
+	    pagination?: EuiFlyoutMenuPagination;
+	};
+	/**
+	 * The component for the top menu bar inside a flyout. Since this is a private
+	 * component, rendering is controlled using the `flyoutMenuProps` prop on
+	 * `EuiFlyout`. In managed session flyouts, the Flyout Manager controls a back
+	 * button and history popover for navigating to different flyout sessions
+	 * within the managed context.
+	 *
+	 * @private
+	 */
+	export const EuiFlyoutMenu: FunctionComponent<EuiFlyoutMenuProps>;
+	export {};
 
 }
-declare module '@elastic/eui/src/components/list_group/pinnable_list_group' {
-	export type { EuiPinnableListGroupProps, EuiPinnableListGroupItemProps, } from '@elastic/eui/src/components/list_group/pinnable_list_group/pinnable_list_group';
-	export { EuiPinnableListGroup } from '@elastic/eui/src/components/list_group/pinnable_list_group/pinnable_list_group';
+declare module '@elastic/eui/src/components/flyout/manager/const' {
+	/**
+	 * Allowed values for `session` prop to control the way the session is managed for a flyout.
+	 */
+	export const SESSION_START = "start";
+	export const SESSION_INHERIT = "inherit";
+	export const SESSION_NEVER = "never";
+	/**
+	 * Data attribute applied to a managed flyout element to help identify it as a managed flyout.
+	 */
+	export const PROPERTY_FLYOUT = "data-managed-flyout";
+	/**
+	 * Data attribute indicating whether the flyout is the `main` or `child` flyout.
+	 */
+	export const PROPERTY_LEVEL = "data-managed-flyout-level";
+	/**
+	 * Data attribute representing how multiple flyouts are laid out
+	 * (`side-by-side` or `stacked`).
+	 */
+	export const PROPERTY_LAYOUT_MODE = "data-managed-flyout-layout-mode";
+	/** Stacked layout mode where child flyouts overlay on top of the main flyout. */
+	export const LAYOUT_MODE_STACKED = "stacked";
+	/** Side-by-side layout mode where child flyouts render adjacent to the main flyout. */
+	export const LAYOUT_MODE_SIDE_BY_SIDE = "side-by-side";
+	/** The primary (parent) flyout in a session. */
+	export const LEVEL_MAIN = "main";
+	/** The secondary (child) flyout spawned by the main flyout. */
+	export const LEVEL_CHILD = "child";
+	/** Flyout is mounting and playing its opening animation. */
+	export const STAGE_OPENING = "opening";
+	/** Flyout is fully visible and interactive. */
+	export const STAGE_ACTIVE = "active";
+	/** Flyout is unmounted or not currently visible/interactable. */
+	export const STAGE_INACTIVE = "inactive";
+	/** Main flyout is transitioning behind an active session flyout. */
+	export const STAGE_BACKGROUNDING = "backgrounding";
+	/** Main flyout is backgrounded behind an active session flyout. */
+	export const STAGE_BACKGROUNDED = "backgrounded";
+	/** Flyout is returning to the foreground from a backgrounded state. */
+	export const STAGE_RETURNING = "returning";
+	/** Flyout is playing its closing animation. */
+	export const STAGE_CLOSING = "closing";
 
 }
-declare module '@elastic/eui/src/components/list_group' {
-	export type { EuiListGroupProps } from '@elastic/eui/src/components/list_group/list_group';
-	export { EuiListGroup } from '@elastic/eui/src/components/list_group/list_group';
-	export type { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group/list_group_item';
-	export type { EuiListGroupItemExtraActionProps } from '@elastic/eui/src/components/list_group/list_group_item_extra_action';
-	export { EuiListGroupItem } from '@elastic/eui/src/components/list_group/list_group_item';
-	export type { EuiPinnableListGroupProps, EuiPinnableListGroupItemProps, } from '@elastic/eui/src/components/list_group/pinnable_list_group';
-	export { EuiPinnableListGroup } from '@elastic/eui/src/components/list_group/pinnable_list_group';
+declare module '@elastic/eui/src/components/flyout/manager/types' {
+	import type { IconType } from '@elastic/eui/src/components/icon';
+	import type { EuiFlyoutMenuPagination } from '@elastic/eui/src/components/flyout/flyout_menu';
+	import type { Action } from '@elastic/eui/src/components/flyout/manager/actions';
+	import { STAGE_CLOSING, STAGE_OPENING, STAGE_ACTIVE, STAGE_INACTIVE, STAGE_BACKGROUNDING, STAGE_BACKGROUNDED, STAGE_RETURNING, LAYOUT_MODE_SIDE_BY_SIDE, LAYOUT_MODE_STACKED, LEVEL_CHILD, LEVEL_MAIN } from '@elastic/eui/src/components/flyout/manager/const';
+	export type EuiFlyoutLayoutMode = typeof LAYOUT_MODE_STACKED | typeof LAYOUT_MODE_SIDE_BY_SIDE;
+	export type EuiFlyoutLevel = typeof LEVEL_MAIN | typeof LEVEL_CHILD;
+	export type EuiFlyoutActivityStage = typeof STAGE_OPENING | typeof STAGE_ACTIVE | typeof STAGE_INACTIVE | typeof STAGE_BACKGROUNDING | typeof STAGE_BACKGROUNDED | typeof STAGE_RETURNING | typeof STAGE_CLOSING;
+	export interface EuiManagedFlyoutState {
+	    flyoutId: string;
+	    level: EuiFlyoutLevel;
+	    width?: number;
+	    size?: string;
+	    minWidth?: number;
+	    activityStage?: EuiFlyoutActivityStage;
+	    pagination?: EuiFlyoutMenuPagination;
+	}
+	/** Entry for a child flyout in session history. */
+	export interface ChildHistoryEntry {
+	    flyoutId: string;
+	    title: string;
+	    iconType?: IconType;
+	}
+	export interface FlyoutSession {
+	    /** ID of the main flyout for this session */
+	    mainFlyoutId: string;
+	    /** ID of the child flyout for this session */
+	    childFlyoutId: string | null;
+	    /** Title of the main flyout in this session */
+	    title: string;
+	    /** Optional icon for this session when shown in history popover */
+	    iconType?: IconType;
+	    /** z-index value to be used by the flyout session */
+	    zIndex: number;
+	    /** Title of the current child flyout. */
+	    childTitle?: string;
+	    /** Icon of the current child flyout. */
+	    childIconType?: IconType;
+	    /** Stack of child flyouts we navigated away from. */
+	    childHistory: ChildHistoryEntry[];
+	    /** Key that scopes this session's history; same Symbol reference = same history group. Always set (from action or Symbol()). */
+	    historyKey: symbol;
+	}
+	export interface PushPaddingOffsets {
+	    /** Push padding applied to the left side (in pixels) */
+	    left: number;
+	    /** Push padding applied to the right side (in pixels) */
+	    right: number;
+	}
+	export interface EuiFlyoutManagerState {
+	    sessions: FlyoutSession[];
+	    flyouts: EuiManagedFlyoutState[];
+	    layoutMode: EuiFlyoutLayoutMode;
+	    /** Active push padding offsets (updated by active push flyouts) */
+	    pushPadding?: PushPaddingOffsets;
+	    currentZIndex: number;
+	    unmanagedFlyouts: string[];
+	    /** The container element that flyouts are positioned relative to (if any). */
+	    containerElement?: HTMLElement | null;
+	    /**
+	     * Reference width used for layout and resize clamping (container or viewport).
+	     * Set by the layout mode hook so flyouts use the same value for consistent clamping.
+	     */
+	    referenceWidth?: number;
+	}
+	/**
+	 * Public API surface provided through React context.
+	 * Kept intentionally decoupled from action types to avoid module cycles.
+	 */
+	export interface FlyoutManagerApi {
+	    state: EuiFlyoutManagerState;
+	    dispatch: (action: Action) => void;
+	    addFlyout: (flyoutId: string, title: string, level?: EuiFlyoutLevel, size?: string, historyKey?: symbol, iconType?: IconType, minWidth?: number) => void;
+	    closeFlyout: (flyoutId: string) => void;
+	    closeAllFlyouts: () => void;
+	    setActiveFlyout: (flyoutId: string | null) => void;
+	    setFlyoutWidth: (flyoutId: string, width: number) => void;
+	    setPagination: (flyoutId: string, pagination: EuiFlyoutMenuPagination | undefined) => void;
+	    setPushPadding: (side: 'left' | 'right', width: number) => void;
+	    setContainerElement: (element: HTMLElement | null) => void;
+	    goBack: () => void;
+	    goToFlyout: (flyoutId: string, level?: EuiFlyoutLevel) => void;
+	    addUnmanagedFlyout: (flyoutId: string) => void;
+	    closeUnmanagedFlyout: (flyoutId: string) => void;
+	    historyItems: Array<{
+	        title: string;
+	        iconType?: IconType;
+	        onClick: () => void;
+	    }>;
+	}
 
 }
-declare module '@elastic/eui/src/components/flyout/const' {
-	import { EuiBreakpointSize } from '@elastic/eui/src/services';
-	/** Allowed flyout render types. */
-	export const FLYOUT_TYPES: readonly ["push", "overlay"];
-	/** Type representing a supported flyout render type. */
-	export type _EuiFlyoutType = (typeof FLYOUT_TYPES)[number];
-	/** Allowed flyout attachment sides. */
-	export const FLYOUT_SIDES: readonly ["left", "right"];
-	/** Type representing a supported flyout side. */
-	export type _EuiFlyoutSide = (typeof FLYOUT_SIDES)[number];
-	/** Allowed named flyout sizes used by the manager. */
-	export const FLYOUT_SIZES: readonly ["s", "m", "l", "fill"];
-	/** Type representing a supported named flyout size. */
-	export type EuiFlyoutSize = (typeof FLYOUT_SIZES)[number];
-	/** Menu display mode: always render menu when flyoutMenuProps is provided. */
-	export const MENU_DISPLAY_ALWAYS: "always";
-	/** Menu display mode: only render menu when it has content (back button, history, title, or custom actions). */
-	export const MENU_DISPLAY_AUTO: "auto";
-	/** Allowed flyout menu display modes. */
-	export const FLYOUT_MENU_DISPLAY_MODES: readonly ["always", "auto"];
-	/** Type representing a supported flyout menu display mode. */
-	export type EuiFlyoutMenuDisplayMode = (typeof FLYOUT_MENU_DISPLAY_MODES)[number];
-	/** Allowed padding sizes for flyout content. */
-	export const FLYOUT_PADDING_SIZES: readonly ["none", "s", "m", "l"];
-	/** Type representing a supported flyout padding size. */
-	export type _EuiFlyoutPaddingSize = (typeof FLYOUT_PADDING_SIZES)[number];
-	/** Default minimum breakpoint at which push-type flyouts begin to push content. */
-	export const DEFAULT_PUSH_MIN_BREAKPOINT: EuiBreakpointSize;
-	/** Default flyout type when none is provided. */
-	export const DEFAULT_TYPE: _EuiFlyoutType;
-	/** Default side where flyouts anchor when none is provided. */
-	export const DEFAULT_SIDE: _EuiFlyoutSide;
-	/** Default named flyout size. */
-	export const DEFAULT_SIZE: EuiFlyoutSize;
-	/** Default padding size inside flyouts. */
-	export const DEFAULT_PADDING_SIZE: _EuiFlyoutPaddingSize;
-	/** Default flyout menu display mode. */
-	export const DEFAULT_MENU_DISPLAY_MODE: EuiFlyoutMenuDisplayMode;
+declare module '@elastic/eui/src/components/flyout/manager/actions' {
+	import type { IconType } from '@elastic/eui/src/components/icon';
+	import type { EuiFlyoutMenuPagination } from '@elastic/eui/src/components/flyout/flyout_menu';
+	import { EuiFlyoutActivityStage, EuiFlyoutLevel, EuiFlyoutLayoutMode } from '@elastic/eui/src/components/flyout/manager/types'; const PREFIX: "eui/flyoutManager";
+	interface BaseAction {
+	    type: `${typeof PREFIX}/${string}`;
+	}
+	/** Dispatched when a flyout registers itself with the manager. */
+	export const ACTION_ADD: "eui/flyoutManager/add";
+	/** Dispatched to remove a flyout from the manager (usually on close/unmount). */
+	export const ACTION_CLOSE: "eui/flyoutManager/close";
+	/** Dispatched to remove all flyouts from the manager. */
+	export const ACTION_CLOSE_ALL: "eui/flyoutManager/closeAll";
+	/** Dispatched to set which flyout is currently active within the session. */
+	export const ACTION_SET_ACTIVE: "eui/flyoutManager/setActive";
+	/** Dispatched when an active flyout's pixel width changes (for responsive layout). */
+	export const ACTION_SET_WIDTH: "eui/flyoutManager/setWidth";
+	/** Dispatched to set a flyout's menu pagination. */
+	export const ACTION_SET_PAGINATION: "eui/flyoutManager/setPagination";
+	/** Dispatched to switch layout mode between `side-by-side` and `stacked`. */
+	export const ACTION_SET_LAYOUT_MODE: "eui/flyoutManager/setLayoutMode";
+	/** Dispatched to update a flyout's activity stage (e.g., opening -> active). */
+	export const ACTION_SET_ACTIVITY_STAGE: "eui/flyoutManager/setActivityStage";
+	/** Dispatched to go back one session (remove current session). */
+	export const ACTION_GO_BACK: "eui/flyoutManager/goBack";
+	/** Dispatched to navigate to a specific flyout (remove all sessions after it). */
+	export const ACTION_GO_TO_FLYOUT: "eui/flyoutManager/goToFlyout";
+	/** Dispatched to set push padding offset for a side. */
+	export const ACTION_SET_PUSH_PADDING: "eui/flyoutManager/setPushPadding";
+	/** Dispatched to set the container element for container-relative flyouts. */
+	export const ACTION_SET_CONTAINER_ELEMENT: "eui/flyoutManager/setContainerElement";
+	/** Dispatched to set the reference width used for layout and resize clamping. */
+	export const ACTION_SET_REFERENCE_WIDTH: "eui/flyoutManager/setReferenceWidth";
+	export const ACTION_ADD_UNMANAGED_FLYOUT: "eui/flyoutManager/addUnmanagedFlyout";
+	export const ACTION_CLOSE_UNMANAGED_FLYOUT: "eui/flyoutManager/closeUnmanagedFlyout";
 	/**
-	 * Custom type checker for named flyout sizes since the prop
-	 * `size` can also be CSSProperties['width'] (string | number)
+	 * Add a flyout to manager state. The manager will create or update
+	 * the current session depending on the `level` provided.
 	 */
-	export function isEuiFlyoutSizeNamed(value: unknown): value is EuiFlyoutSize;
+	export interface AddFlyoutAction extends BaseAction {
+	    type: typeof ACTION_ADD;
+	    flyoutId: string;
+	    title: string;
+	    level: EuiFlyoutLevel;
+	    size?: string;
+	    historyKey?: symbol;
+	    iconType?: IconType;
+	    minWidth?: number;
+	}
+	/** Remove a flyout from manager state. Also updates the active session. */
+	export interface CloseFlyoutAction extends BaseAction {
+	    type: typeof ACTION_CLOSE;
+	    flyoutId: string;
+	}
+	/** Remove all flyouts from manager state. */
+	export interface CloseAllFlyoutsAction extends BaseAction {
+	    type: typeof ACTION_CLOSE_ALL;
+	}
+	/** Set the active flyout within the current session (or clear with `null`). */
+	export interface SetActiveFlyoutAction extends BaseAction {
+	    type: typeof ACTION_SET_ACTIVE;
+	    flyoutId: string | null;
+	}
+	/** Update a flyout's measured width in pixels. */
+	export interface SetWidthAction extends BaseAction {
+	    type: typeof ACTION_SET_WIDTH;
+	    flyoutId: string;
+	    width: number;
+	}
+	/** Set the manager pagination value for a flyout. */
+	export interface SetPaginationAction extends BaseAction {
+	    type: typeof ACTION_SET_PAGINATION;
+	    flyoutId: string;
+	    pagination: EuiFlyoutMenuPagination | undefined;
+	}
+	/** Change how flyouts are arranged: `side-by-side` or `stacked`. */
+	export interface SetLayoutModeAction extends BaseAction {
+	    type: typeof ACTION_SET_LAYOUT_MODE;
+	    layoutMode: EuiFlyoutLayoutMode;
+	}
+	/** Set a specific flyout's activity stage. */
+	export interface SetActivityStageAction extends BaseAction {
+	    type: typeof ACTION_SET_ACTIVITY_STAGE;
+	    flyoutId: string;
+	    activityStage: EuiFlyoutActivityStage;
+	}
+	/** Go back one session (remove current session from stack). */
+	export interface GoBackAction extends BaseAction {
+	    type: typeof ACTION_GO_BACK;
+	}
+	/** Navigate to a specific flyout (remove all sessions after it, or pop to child in history). */
+	export interface GoToFlyoutAction extends BaseAction {
+	    type: typeof ACTION_GO_TO_FLYOUT;
+	    flyoutId: string;
+	    /** When 'child', find flyout in current session's childHistory and pop to it. When 'main' or omitted, find session by mainFlyoutId. */
+	    level?: EuiFlyoutLevel;
+	}
+	/** Set push padding offset for a specific side. */
+	export interface SetPushPaddingAction extends BaseAction {
+	    type: typeof ACTION_SET_PUSH_PADDING;
+	    side: 'left' | 'right';
+	    width: number;
+	}
+	export interface AddUnmanagedFlyoutAction extends BaseAction {
+	    type: typeof ACTION_ADD_UNMANAGED_FLYOUT;
+	    flyoutId: string;
+	}
+	export interface CloseUnmanagedFlyoutAction extends BaseAction {
+	    type: typeof ACTION_CLOSE_UNMANAGED_FLYOUT;
+	    flyoutId: string;
+	}
+	/** Set the container element for container-relative positioning. */
+	export interface SetContainerElementAction extends BaseAction {
+	    type: typeof ACTION_SET_CONTAINER_ELEMENT;
+	    element: HTMLElement | null;
+	}
+	/** Set the reference width for layout and resize clamping. */
+	export interface SetReferenceWidthAction extends BaseAction {
+	    type: typeof ACTION_SET_REFERENCE_WIDTH;
+	    width: number;
+	}
+	/** Union of all flyout manager actions. */
+	export type Action = AddFlyoutAction | CloseFlyoutAction | CloseAllFlyoutsAction | SetActiveFlyoutAction | SetWidthAction | SetPaginationAction | SetLayoutModeAction | SetActivityStageAction | GoBackAction | GoToFlyoutAction | SetPushPaddingAction | AddUnmanagedFlyoutAction | CloseUnmanagedFlyoutAction | SetContainerElementAction | SetReferenceWidthAction;
+	/**
+	 * Register a flyout with the manager.
+	 * - `title` is used for the flyout menu.
+	 * - `level` determines whether the flyout is `main` or `child`.
+	 * - Optional `size` is the named EUI size (e.g. `s`, `m`, `l`).
+	 * - Optional `historyKey` (Symbol) scopes history; only flyouts with the same reference share Back/history. Omit for a unique group per session.
+	 * - Optional `iconType` is shown next to the session title in the history menu.
+	 */
+	export const addFlyout: (flyoutId: string, title: string, level?: EuiFlyoutLevel, size?: string, historyKey?: symbol, iconType?: IconType, minWidth?: number) => AddFlyoutAction;
+	/** Unregister a flyout and update the session accordingly. */
+	export const closeFlyout: (flyoutId: string) => CloseFlyoutAction;
+	/** Unregister all flyouts. */
+	export const closeAllFlyouts: () => CloseAllFlyoutsAction;
+	/** Set or clear the active flyout for the current session. */
+	export const setActiveFlyout: (flyoutId: string | null) => SetActiveFlyoutAction;
+	/** Record a flyout's current width in pixels. */
+	export const setFlyoutWidth: (flyoutId: string, width: number) => SetWidthAction;
+	/**
+	 * Set (or clear) the menu pagination config for a flyout. When set, this
+	 * overrides any pagination passed via `flyoutMenuProps.pagination` on the
+	 * flyout itself, allowing reactive updates from a different React root.
+	 *
+	 * Only works for managed flyouts. Unmanaged flyouts (session={false}) must use
+	 * the `flyoutMenuProps.pagination` prop instead.
+	 */
+	export const setPagination: (flyoutId: string, pagination: EuiFlyoutMenuPagination | undefined) => SetPaginationAction;
+	/** Switch layout mode between `side-by-side` and `stacked`. */
+	export const setLayoutMode: (layoutMode: EuiFlyoutLayoutMode) => SetLayoutModeAction;
+	/** Update a flyout's activity stage. */
+	export const setActivityStage: (flyoutId: string, activityStage: EuiFlyoutActivityStage) => SetActivityStageAction;
+	/** Go back one session (remove current session from stack). */
+	export const goBack: () => GoBackAction;
+	/** Navigate to a specific flyout (remove all sessions after it, or pop to child in history when level === 'child'). */
+	export const goToFlyout: (flyoutId: string, level?: EuiFlyoutLevel) => GoToFlyoutAction;
+	/** Set push padding offset for a specific side. */
+	export const setPushPadding: (side: "left" | "right", width: number) => SetPushPaddingAction;
+	/** Register an unmanaged flyout for z-index positioning purposes */
+	export const addUnmanagedFlyout: (flyoutId: string) => AddUnmanagedFlyoutAction;
+	/** Unregister an unmanaged flyout */
+	export const closeUnmanagedFlyout: (flyoutId: string) => CloseUnmanagedFlyoutAction;
+	/** Set the container element for container-relative flyout positioning. */
+	export const setContainerElement: (element: HTMLElement | null) => SetContainerElementAction;
+	/** Set the reference width for layout and resize clamping. */
+	export const setReferenceWidth: (width: number) => SetReferenceWidthAction;
+	export {};
 
 }
-declare module '@elastic/eui/src/components/flyout/flyout.styles' {
-	import { EuiFlyoutSize } from '@elastic/eui/src/components/flyout/const';
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const FLYOUT_BREAKPOINT: "m";
-	export const euiFlyoutSlideInRight: import("@emotion/serialize").Keyframes;
-	export const euiFlyoutSlideOutRight: import("@emotion/serialize").Keyframes;
-	export const euiFlyoutSlideInLeft: import("@emotion/serialize").Keyframes;
-	export const euiFlyoutSlideOutLeft: import("@emotion/serialize").Keyframes;
+declare module '@elastic/eui/src/components/flyout/manager/reducer' {
+	import { Action } from '@elastic/eui/src/components/flyout/manager/actions';
+	import { EuiFlyoutManagerState } from '@elastic/eui/src/components/flyout/manager/types';
 	/**
-	 * When a `container` reference element is provided, the flyout's position
-	 * and dimensions are constrained to the container's bounding rect via
-	 * inline styles computed in JS.
+	 * Default flyout manager state used to initialize the reducer.
 	 */
-	export const euiFlyoutStyles: (euiThemeContext: UseEuiTheme) => {
-	    noMaxWidth: import("@emotion/react").SerializedStyles;
-	    right: import("@emotion/react").SerializedStyles;
-	    left: import("@emotion/react").SerializedStyles;
-	    overlay: {
-	        overlay: import("@emotion/react").SerializedStyles;
-	        left: import("@emotion/react").SerializedStyles;
-	        right: import("@emotion/react").SerializedStyles;
-	    };
-	    push: {
-	        push: import("@emotion/react").SerializedStyles;
-	        right: import("@emotion/react").SerializedStyles;
-	        left: import("@emotion/react").SerializedStyles;
-	    };
-	    noAnimation: import("@emotion/react").SerializedStyles;
-	    paddingSizes: {
-	        none: import("@emotion/react").SerializedStyles;
-	        s: import("@emotion/react").SerializedStyles;
-	        m: import("@emotion/react").SerializedStyles;
-	        l: import("@emotion/react").SerializedStyles;
-	    };
-	    s: import("@emotion/react").SerializedStyles;
-	    m: import("@emotion/react").SerializedStyles;
-	    l: import("@emotion/react").SerializedStyles;
-	    fill: import("@emotion/react").SerializedStyles;
-	    euiFlyout: import("@emotion/react").SerializedStyles;
-	};
+	export const initialState: EuiFlyoutManagerState;
+	/**
+	 * Reducer handling all flyout manager actions and state transitions.
+	 */
+	export function flyoutManagerReducer(state: EuiFlyoutManagerState | undefined, action: Action): EuiFlyoutManagerState;
+
+}
+declare module '@elastic/eui/src/components/flyout/manager/store' {
+	import type { IconType } from '@elastic/eui/src/components/icon';
+	import type { EuiFlyoutMenuPagination } from '@elastic/eui/src/components/flyout/flyout_menu';
+	import type { EuiFlyoutCloseMeta } from '@elastic/eui/src/components/flyout/types';
+	import type { EuiFlyoutLevel, EuiFlyoutManagerState, FlyoutSession } from '@elastic/eui/src/components/flyout/manager/types';
+	import type { Action } from '@elastic/eui/src/components/flyout/manager/actions';
+	type Listener = () => void;
 	/**
-	 * Applies a max-width constraint at the flyout breakpoint.
+	 * Events emitted by the flyout manager store for external consumers.
 	 */
-	export const maxedFlyoutWidth: (euiThemeContext: UseEuiTheme) => string;
+	export type FlyoutManagerEvent = {
+	    type: 'CLOSE_SESSION';
+	    session: FlyoutSession;
+	};
+	type EventListener = (event: FlyoutManagerEvent) => void;
+	export interface FlyoutManagerStore {
+	    getState: () => EuiFlyoutManagerState;
+	    subscribe: (listener: Listener) => () => void;
+	    subscribeToEvents: (listener: EventListener) => () => void;
+	    dispatch: (action: Action) => void;
+	    addFlyout: (flyoutId: string, title: string, level?: EuiFlyoutLevel, size?: string, historyKey?: symbol, iconType?: IconType, minWidth?: number) => void;
+	    closeFlyout: (flyoutId: string) => void;
+	    closeAllFlyouts: () => void;
+	    setActiveFlyout: (flyoutId: string | null) => void;
+	    setFlyoutWidth: (flyoutId: string, width: number) => void;
+	    setPagination: (flyoutId: string, pagination: EuiFlyoutMenuPagination | undefined) => void;
+	    setPushPadding: (side: 'left' | 'right', width: number) => void;
+	    setContainerElement: (element: HTMLElement | null) => void;
+	    goBack: () => void;
+	    goToFlyout: (flyoutId: string, level?: EuiFlyoutLevel) => void;
+	    addUnmanagedFlyout: (flyoutId: string) => void;
+	    closeUnmanagedFlyout: (flyoutId: string) => void;
+	    /**
+	     * Reads and clears any close `meta` previously stashed for `flyoutId` (e.g.
+	     * `goBack` stamps the flyouts it removes with `navigation-back`). Used
+	     * internally by managed flyouts to report the correct close reason; defaults
+	     * to `navigation-cascade` when nothing was stashed.
+	     */
+	    consumeCloseMeta: (flyoutId: string) => EuiFlyoutCloseMeta | undefined;
+	    historyItems: Array<{
+	        title: string;
+	        iconType?: IconType;
+	        onClick: () => void;
+	    }>;
+	}
 	/**
-	 * Composes the full set of named size styles (`s`, `m`, `l`, `fill`).
-	 *
-	 * Uses `%` units for widths. Media queries drive responsive breakpoints.
-	 *
-	 * When a child flyout is stacked on top of the parent, the parent flyout
-	 * size will match the child flyout size. The `s` and `m` sizes include
-	 * overrides for this stacked-child behavior.
+	 * Returns a singleton store instance shared across all React roots within the same JS context.
+	 * Uses module-level singleton to ensure deduplication even if modules are loaded twice.
 	 */
-	export const composeFlyoutSizing: (euiThemeContext: UseEuiTheme) => {
-	    s: import("@emotion/react").SerializedStyles;
-	    m: import("@emotion/react").SerializedStyles;
-	    l: import("@emotion/react").SerializedStyles;
-	    fill: import("@emotion/react").SerializedStyles;
-	};
+	export function getFlyoutManagerStore(): FlyoutManagerStore;
 	/**
-	 * Composes all inline styles for a flyout based on its configuration.
-	 * Uses a CSS custom property (`--euiFlyoutMainWidth`) for synchronous
-	 * tracking of the main flyout width during resize drag, falling back to
-	 * the pixel value from manager state when the variable is not set.
+	 * For testing purposes - allows resetting the store
 	 */
-	export const composeFlyoutInlineStyles: (size: EuiFlyoutSize | string | number, layoutMode: "side-by-side" | "stacked", siblingFlyoutId: string | null, siblingFlyoutWidth: number | null, maxWidth: boolean | number | string | undefined, zIndex?: number) => React.CSSProperties;
-
-}
-declare module '@elastic/eui/src/components/flyout/_flyout_close_button.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiFlyoutCloseButtonStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiFlyout__closeButton: import("@emotion/react").SerializedStyles;
-	    inside: import("@emotion/react").SerializedStyles;
-	    outside: import("@emotion/react").SerializedStyles;
-	    outsideSide: {
-	        right: import("@emotion/react").SerializedStyles;
-	        left: import("@emotion/react").SerializedStyles;
-	    };
-	};
-
-}
-declare module '@elastic/eui/src/components/flyout/_flyout_close_button' {
-	import { FunctionComponent } from 'react';
-	import type { EuiFlyoutProps } from '@elastic/eui/src/components/flyout/flyout';
-	type EuiFlyoutCloseButtonProps = EuiFlyoutProps['closeButtonProps'] & Required<Pick<EuiFlyoutProps, 'closeButtonPosition' | 'onClose' | 'side'>>;
-	export const EuiFlyoutCloseButton: FunctionComponent<EuiFlyoutCloseButtonProps>;
+	export function _resetFlyoutManagerStore(): void;
 	export {};
 
 }
-declare module '@elastic/eui/src/components/flyout/flyout_menu.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiFlyoutMenuStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiFlyoutMenu__container: import("@emotion/react").SerializedStyles;
-	    euiFlyoutMenu__spacer: import("@emotion/react").SerializedStyles;
-	    euiFlyoutMenu__actions: import("@emotion/react").SerializedStyles;
-	    euiFlyoutMenu__hiddenTitle: import("@emotion/react").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/flyout/flyout_menu_context' {
-	import { EuiFlyoutProps } from '@elastic/eui/src/components/flyout/flyout';
-	interface EuiFlyoutMenuContextProps {
-	    onClose?: EuiFlyoutProps['onClose'];
-	}
-	export const EuiFlyoutMenuContext: import("react").Context<EuiFlyoutMenuContextProps>;
-	export {};
+declare module '@elastic/eui/src/components/flyout/manager/selectors' {
+	export const useSession: (flyoutId?: string | null) => import ("@elastic/eui/src/components/flyout/manager/types").FlyoutSession | null;
+	/** True when any managed flyout session is currently active. */
+	export const useHasActiveSession: () => boolean;
+	/** True if the given `flyoutId` is the main or child flyout in the latest session. */
+	export const useIsFlyoutActive: (flyoutId: string) => boolean;
+	export const useFlyout: (flyoutId?: string | null) => import ("@elastic/eui/src/components/flyout/manager/types").EuiManagedFlyoutState | null;
+	export const useIsFlyoutRegistered: (flyoutId?: string | null) => boolean;
+	/** The most recent flyout session or `null` if none. */
+	export const useCurrentSession: () => import ("@elastic/eui/src/components/flyout/manager/types").FlyoutSession | null;
+	/** The registered state of the current session's main flyout, if present. */
+	export const useCurrentMainFlyout: () => import ("@elastic/eui/src/components/flyout/manager/types").EuiManagedFlyoutState | null;
+	/** The registered state of the current session's child flyout, if present. */
+	export const useCurrentChildFlyout: () => import ("@elastic/eui/src/components/flyout/manager/types").EuiManagedFlyoutState | null;
+	/** The measured width (px) of the specified flyout, or `null` if unknown. */
+	export const useFlyoutWidth: (flyoutId?: string | null) => number | undefined;
+	/** Returns the store pagination override for a flyout, if set. */
+	export const useFlyoutPagination: (flyoutId?: string | null) => import("..").EuiFlyoutMenuPagination | undefined;
+	/** The configured minWidth (px) of the specified flyout, or `undefined` if not set. */
+	export const useFlyoutMinWidth: (flyoutId?: string | null) => number | undefined;
+	/** The configured size of the parent (main) flyout for a given child flyout ID. */
+	export const useParentFlyoutSize: (childFlyoutId: string) => string | undefined;
+	/** True if the provided `flyoutId` is the main flyout and it currently has a child. */
+	export const useHasChildFlyout: (flyoutId: string) => boolean;
+	/** Get the current push padding offsets from manager state. */
+	export const usePushPaddingOffsets: () => import ("@elastic/eui/src/components/flyout/manager/types").PushPaddingOffsets;
+	/** True if there's any active push padding (left or right side). */
+	export const useHasPushPadding: () => boolean;
+	/** Get the ref for the current flyout z-index to be used */
+	export const useCurrentFlyoutZIndexRef: () => import("react").MutableRefObject<number>;
 
 }
-declare module '@elastic/eui/src/components/flyout/types' {
-	export type EuiFlyoutCloseEvent = MouseEvent | TouchEvent | KeyboardEvent;
+declare module '@elastic/eui/src/components/flyout/manager/context' {
+	import React from 'react';
+	/**
+	 * React provider that marks descendants as being rendered inside
+	 * an EUI managed flyout. Used by hooks/components to alter behavior
+	 * (e.g., focus handling) when inside a managed flyout tree.
+	 */
+	export const EuiFlyoutIsManagedProvider: ({ isManaged, children, }: {
+	    isManaged: boolean;
+	    children: React.ReactNode;
+	}) => React.JSX.Element;
+	/**
+	 * Hook that returns `true` when called within an EUI managed flyout subtree.
+	 */
+	export const useIsInManagedFlyout: () => boolean;
 
 }
-declare module '@elastic/eui/src/components/flyout/flyout_menu' {
-	import React, { FunctionComponent, HTMLAttributes } from 'react';
-	import { EuiButtonProps } from '@elastic/eui/src/components/button';
-	import { CommonProps, PropsForAnchor } from '@elastic/eui/src/components/common';
-	import type { IconType } from '@elastic/eui/src/components/icon';
-	type EuiFlyoutMenuBackButtonProps = Pick<PropsForAnchor<EuiButtonProps>, 'aria-label' | 'data-test-subj' | 'onClick'>;
+declare module '@elastic/eui/src/components/flyout/manager/hooks' {
+	export { useIsFlyoutActive, useHasActiveSession, useCurrentSession, useCurrentMainFlyout, useCurrentChildFlyout, useFlyoutWidth, useFlyoutPagination, useParentFlyoutSize, useHasChildFlyout, usePushPaddingOffsets, useHasPushPadding, } from '@elastic/eui/src/components/flyout/manager/selectors';
+	export { useFlyoutLayoutMode } from '@elastic/eui/src/components/flyout/manager/layout_mode';
+	export { useIsInManagedFlyout } from '@elastic/eui/src/components/flyout/manager/context';
+	export type { EuiFlyoutActivityStage } from '@elastic/eui/src/components/flyout/manager/types';
+	/** Access the flyout manager context (state and actions). */
+	export const useFlyoutManager: () => import ("@elastic/eui/src/components/flyout/manager/types").FlyoutManagerApi | null;
 	/**
-	 * History item for the flyout menu history popover
+	 * Stable flyout ID utility. Uses the passed `id` if provided and not already registered,
+	 * otherwise generates a deterministic ID for the component's lifetime.
+	 * The ID remains stable across re-renders to maintain consistency in effects and other hooks.
 	 */
-	export interface EuiFlyoutHistoryItem {
-	    /**
-	     * Title for the history item
-	     */
-	    title: string;
-	    /**
-	     * An optional icon to display next to the session title in the history menu
-	     */
-	    iconType?: IconType;
-	    /**
-	     * onClick handler for the history item
-	     */
-	    onClick: () => void;
-	}
+	export const useFlyoutId: (flyoutId?: string) => string;
+
+}
+declare module '@elastic/eui/src/components/flyout/manager/layout_mode' {
+	import { EuiFlyoutLayoutMode } from '@elastic/eui/src/components/flyout/manager/types';
 	/**
-	 * Custom action item for the flyout menu component
+	 * Hook to handle responsive layout mode for managed flyouts.
+	 * Decides whether to place flyouts side-by-side or stacked based on
+	 * the reference width (the reference container's width, defaulting to
+	 * document.body when not set) and flyout widths/sizes.
 	 */
-	export interface EuiFlyoutMenuCustomAction {
-	    /**
-	     * Icon type for the action button
-	     */
-	    iconType: string;
-	    /**
-	     * onClick handler for the action button
-	     */
-	    onClick: () => void;
-	    /**
-	     * Aria label for the action button
-	     */
-	    'aria-label': string;
-	}
+	export const useApplyFlyoutLayoutMode: () => void;
 	/**
-	 * Props for EuiFlyoutMenu
+	 * Convert a flyout `size` value to a pixel width.
+	 * When `referenceWidth` is provided, named sizes are calculated as a percentage
+	 * of that width (container-relative). Otherwise falls back to `window.innerWidth`.
 	 */
-	export type EuiFlyoutMenuProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
-	    /**
-	     * An id to use for the title element. Useful for setting aria-labelledby on the flyout.
-	     * Example:
-	     * ```jsx
-	     * <EuiFlyout
-	     *   aria-labelledby="myMenuTitleId"
-	     *   flyoutMenuProps={{ title: 'Menu title', titleId: 'myMenuTitleId' }
-	     * >
-	     *  ...
-	     * </EuiFlyout>
-	     * ```
-	     */
-	    titleId?: string;
-	    /**
-	     * Title for the menu component. In a managed flyout context, the title is used to indicate the flyout session for history navigation.
-	     */
-	    title?: React.ReactNode;
-	    /**
-	     * An optional icon to display next to the session title in the history menu
-	     */
-	    iconType?: IconType;
-	    /**
-	     * Hides the title in the `EuiFlyoutMenu`.
-	     * @default true
-	     * @deprecated Use `EuiFlyoutHeader` for visible titles instead.
-	     * `hideTitle` is still honored but may be removed in a future major version.
-	     */
-	    hideTitle?: boolean;
-	    /**
-	     * Hides the close button in the menu component
-	     * @default false
-	     */
-	    hideCloseButton?: boolean;
-	    /**
-	     * Shows a back button in the menu component
-	     * @default false
-	     */
-	    showBackButton?: boolean;
-	    /**
-	     * Props to pass to the back button, such as `onClick` handler
-	     */
-	    backButtonProps?: EuiFlyoutMenuBackButtonProps;
-	    /**
-	     * List of history items for the history popover
-	     */
-	    historyItems?: EuiFlyoutHistoryItem[];
-	    /**
-	     * List of custom action items for the menu component
-	     */
-	    customActions?: EuiFlyoutMenuCustomAction[];
-	};
+	export const getWidthFromSize: (size: string | number, referenceWidth?: number) => number;
+	/** Current layout mode for managed flyouts (`side-by-side` or `stacked`). */
+	export const useFlyoutLayoutMode: () => EuiFlyoutLayoutMode;
+
+}
+declare module '@elastic/eui/src/components/flyout/manager/provider' {
+	import React from 'react';
+	import { FlyoutManagerApi } from '@elastic/eui/src/components/flyout/manager/types';
 	/**
-	 * The component for the top menu bar inside a flyout. Since this is a private
-	 * component, rendering is controlled using the `flyoutMenuProps` prop on
-	 * `EuiFlyout`. In managed session flyouts, the Flyout Manager controls a back
-	 * button and history popover for navigating to different flyout sessions
-	 * within the managed context.
-	 *
-	 * @private
+	 * React context that exposes the Flyout Manager API (state + actions).
 	 */
-	export const EuiFlyoutMenu: FunctionComponent<EuiFlyoutMenuProps>;
-	export {};
+	export const EuiFlyoutManagerContext: React.Context<FlyoutManagerApi | null>;
+	/**
+	 * Provides the Flyout Manager API via context and runs layout-mode logic.
+	 */
+	export const EuiFlyoutManager: React.FC<{
+	    children: React.ReactNode;
+	}>;
+	/** Hook to access the Flyout Manager API from context. */
+	export const useFlyoutManager: () => FlyoutManagerApi | null;
 
 }
 declare module '@elastic/eui/src/components/flyout/manager/activity_stage' {
@@ -18618,7 +18710,7 @@ declare module '@elastic/eui/src/components/flyout/manager' {
 	/**
 	 * Convenience re-exports of bound action creators for external usage.
 	 */
-	export { addFlyout as addFlyoutAction, closeFlyout as closeFlyoutAction, closeAllFlyouts as closeAllFlyoutsAction, setActiveFlyout as setActiveFlyoutAction, setFlyoutWidth as setFlyoutWidthAction, setPushPadding as setPushPaddingAction, setActivityStage as setActivityStageAction, } from '@elastic/eui/src/components/flyout/manager/actions';
+	export { addFlyout as addFlyoutAction, closeFlyout as closeFlyoutAction, closeAllFlyouts as closeAllFlyoutsAction, setActiveFlyout as setActiveFlyoutAction, setFlyoutWidth as setFlyoutWidthAction, setPagination as setPaginationAction, setPushPadding as setPushPaddingAction, setActivityStage as setActivityStageAction, } from '@elastic/eui/src/components/flyout/manager/actions';
 	/** Reducer and default state for the flyout manager. */
 	export { flyoutManagerReducer, initialState } from '@elastic/eui/src/components/flyout/manager/reducer';
 	/** Flyout manager store singleton and types. */
@@ -18632,7 +18724,7 @@ declare module '@elastic/eui/src/components/flyout/manager' {
 	/**
 	 * Selectors and derived state hooks for managed flyouts.
 	 */
-	export { useCurrentChildFlyout, useCurrentMainFlyout, useCurrentSession, useFlyoutId, useFlyoutLayoutMode, useFlyoutManager, useFlyoutWidth, useHasChildFlyout, useIsFlyoutActive, useIsInManagedFlyout, useHasActiveSession, useParentFlyoutSize, usePushPaddingOffsets, useHasPushPadding, } from '@elastic/eui/src/components/flyout/manager/hooks';
+	export { useCurrentChildFlyout, useCurrentMainFlyout, useCurrentSession, useFlyoutId, useFlyoutLayoutMode, useFlyoutManager, useFlyoutPagination, useFlyoutWidth, useHasChildFlyout, useIsFlyoutActive, useIsInManagedFlyout, useHasActiveSession, useParentFlyoutSize, usePushPaddingOffsets, useHasPushPadding, } from '@elastic/eui/src/components/flyout/manager/hooks';
 	export { EuiFlyoutChild, type EuiFlyoutChildProps } from '@elastic/eui/src/components/flyout/manager/flyout_child';
 	export { EuiFlyoutMain, type EuiFlyoutMainProps } from '@elastic/eui/src/components/flyout/manager/flyout_main';
 	/** Utility functions for flyout sizing and layout. */
@@ -19660,6 +19752,7 @@ declare module '@elastic/eui/src/components/flyout/use_flyout_menu' {
 	        };
 	        historyItems?: import ("@elastic/eui/src/components/flyout/flyout_menu").EuiFlyoutHistoryItem[];
 	        customActions?: import ("@elastic/eui/src/components/flyout/flyout_menu").EuiFlyoutMenuCustomAction[];
+	        pagination?: import ("@elastic/eui/src/components/flyout/flyout_menu").EuiFlyoutMenuPagination;
 	    };
 	    shouldRenderMenu: boolean;
 	    ariaLabelledBy: string | undefined;
@@ -19675,12 +19768,16 @@ declare module '@elastic/eui/src/components/flyout/flyout.component' {
 	import type { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
 	import { _EuiFlyoutPaddingSize, _EuiFlyoutSide, _EuiFlyoutType, EuiFlyoutMenuDisplayMode, EuiFlyoutSize } from '@elastic/eui/src/components/flyout/const';
 	import { EuiFlyoutMenuProps } from '@elastic/eui/src/components/flyout/flyout_menu';
-	import type { EuiFlyoutCloseEvent } from '@elastic/eui/src/components/flyout/types';
+	import type { EuiFlyoutCloseEvent, EuiFlyoutCloseMeta } from '@elastic/eui/src/components/flyout/types';
 	interface _EuiFlyoutComponentProps {
 	    /**
 	     * A required callback function fired when the flyout is closed.
+	     *
+	     * The optional second `meta` argument describes why the flyout closed via
+	     * `meta.reason` (e.g. `'close-button'`, `'escape'`, `'outside-click'`, and,
+	     * for managed flyouts, `'navigation-back'` or `'navigation-cascade'`).
 	     */
-	    onClose: (event: EuiFlyoutCloseEvent) => void;
+	    onClose: (event: EuiFlyoutCloseEvent, meta?: EuiFlyoutCloseMeta) => void;
 	    /**
 	     * Defines the width of the panel.
 	     * Pass a predefined size of `s | m | l`, or pass any number/string compatible with the CSS `width` attribute
@@ -19969,6 +20066,7 @@ declare module '@elastic/eui/src/components/flyout/flyout_header' {
 declare module '@elastic/eui/src/components/flyout' {
 	export type { EuiFlyoutProps, EuiFlyoutSize } from '@elastic/eui/src/components/flyout/flyout';
 	export { EuiFlyout } from '@elastic/eui/src/components/flyout/flyout';
+	export type { EuiFlyoutCloseEvent, EuiFlyoutCloseReason, EuiFlyoutCloseMeta, } from '@elastic/eui/src/components/flyout/types';
 	export type { EuiFlyoutBodyProps } from '@elastic/eui/src/components/flyout/flyout_body';
 	export { EuiFlyoutBody } from '@elastic/eui/src/components/flyout/flyout_body';
 	export type { EuiFlyoutFooterProps } from '@elastic/eui/src/components/flyout/flyout_footer';
@@ -19978,7 +20076,7 @@ declare module '@elastic/eui/src/components/flyout' {
 	export { euiFlyoutSlideInRight, euiFlyoutSlideInLeft } from '@elastic/eui/src/components/flyout/flyout.styles';
 	export type { EuiFlyoutResizableProps } from '@elastic/eui/src/components/flyout/flyout_resizable';
 	export { EuiFlyoutResizable } from '@elastic/eui/src/components/flyout/flyout_resizable';
-	export type { EuiFlyoutMenuProps, EuiFlyoutHistoryItem, EuiFlyoutMenuCustomAction, } from '@elastic/eui/src/components/flyout/flyout_menu';
+	export type { EuiFlyoutMenuProps, EuiFlyoutHistoryItem, EuiFlyoutMenuCustomAction, EuiFlyoutMenuPagination, } from '@elastic/eui/src/components/flyout/flyout_menu';
 	export { EuiFlyoutMenu } from '@elastic/eui/src/components/flyout/flyout_menu';
 	export { useIsInManagedFlyout, useHasActiveSession } from '@elastic/eui/src/components/flyout/manager';
 	export { useIsInsideParentFlyout } from '@elastic/eui/src/components/flyout/flyout_parent_context';
@@ -29238,8 +29336,7 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/quick_
 
 }
 declare module '@elastic/eui/src/components/date_picker/auto_refresh/refresh_interval' {
-	import React, { Component, ChangeEventHandler, KeyboardEventHandler } from 'react';
-	import { TimeOptions } from '@elastic/eui/src/components/date_picker/super_date_picker/time_options';
+	import React from 'react';
 	import { Milliseconds, RefreshUnitsOptions, ApplyRefreshInterval } from '@elastic/eui/src/components/date_picker/types';
 	export type EuiRefreshIntervalProps = {
 	    /**
@@ -29266,30 +29363,10 @@ declare module '@elastic/eui/src/components/date_picker/auto_refresh/refresh_int
 	     */
 	    onRefreshChange: ApplyRefreshInterval;
 	};
-	interface EuiRefreshIntervalState {
-	    value: number | '';
-	    units: RefreshUnitsOptions;
-	    min?: Milliseconds;
-	}
-	export class EuiRefreshInterval extends Component<EuiRefreshIntervalProps, EuiRefreshIntervalState> {
-	    static defaultProps: {
-	        isPaused: boolean;
-	        refreshInterval: number;
-	        minInterval: number;
-	    };
-	    state: EuiRefreshIntervalState;
-	    generateId: (idSuffix?: string) => string;
-	    refreshSelectionId: string;
-	    onValueChange: ChangeEventHandler<HTMLInputElement>;
-	    onUnitsChange: ChangeEventHandler<HTMLSelectElement>;
-	    startRefresh: () => void;
-	    handleKeyDown: KeyboardEventHandler<HTMLElement>;
-	    applyRefreshInterval: () => void;
-	    toggleRefresh: () => void;
-	    renderScreenReaderText: (refreshUnitsOptions: TimeOptions["refreshUnitsOptions"]) => React.JSX.Element;
-	    render(): React.JSX.Element;
-	}
-	export {};
+	export const EuiRefreshInterval: {
+	    ({ isPaused, refreshInterval, minInterval, intervalUnits, onRefreshChange, }: EuiRefreshIntervalProps): React.JSX.Element;
+	    displayName: string;
+	};
 
 }
 declare module '@elastic/eui/src/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover' {
@@ -36071,10 +36148,36 @@ declare module '@elastic/eui/src/components/basic_table/expanded_item_actions' {
 	}
 	export const ExpandedItemActions: <T extends {}>({ actions, itemId, item, actionsDisabled, className, }: ExpandedItemActionsProps<T>) => ReactElement;
 
+}
+declare module '@elastic/eui/src/components/basic_table/panel.styles' {
+	import type { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiBasicTablePanelStyles: ({ euiTheme }: UseEuiTheme) => import("@emotion/react").SerializedStyles;
+
+}
+declare module '@elastic/eui/src/components/basic_table/use_panel_props' {
+	/**
+	 * @internal
+	 */
+	export const EUI_BASIC_TABLE_PANEL_CLASS_NAME: "euiBasicTablePanel";
+	/**
+	 * A utility hook that returns props needed to be passed to element(s) being
+	 * a part of the paneled table look and feel (e.g., a toolbar above the table).
+	 * @beta
+	 */
+	export const useEuiBasicTablePanelProps: () => {
+	    css: import("@emotion/serialize").SerializedStyles;
+	    className: "euiBasicTablePanel";
+	};
+
 }
 declare module '@elastic/eui/src/components/basic_table/basic_table.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
+	import type { UseEuiTheme } from '@elastic/eui/src/services';
+	import type { EuiTableProps } from '@elastic/eui/src/components/table';
 	export const euiBasicTableBodyLoading: (euiThemeContext: UseEuiTheme) => import("@emotion/react").SerializedStyles;
+	/**
+	 * @internal
+	 */
+	export const euiBasicTableWrapperPanelledStyles: (responsiveBreakpoint: EuiTableProps["responsiveBreakpoint"]) => (theme: UseEuiTheme) => import("@emotion/react").SerializedStyles | null;
 	export const safariLoadingWorkaround: import("@emotion/react").SerializedStyles;
 
 }
@@ -36083,7 +36186,7 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiComponentDefaultsContext } from '@elastic/eui/src/components/provider/component_defaults';
 	import { EuiTableProps } from '@elastic/eui/src/components/table';
-	import { Pagination } from '@elastic/eui/src/components/basic_table/pagination_bar';
+	import { type Pagination } from '@elastic/eui/src/components/basic_table/pagination_bar';
 	import { EuiTableActionsColumnType, EuiTableComputedColumnType, EuiTableDataType, EuiTableFieldDataColumnType, ItemId, EuiTableSelectionType, EuiTableSortingType, ItemIdResolved } from '@elastic/eui/src/components/basic_table/table_types';
 	interface ItemIdToExpandedRowMap {
 	    [id: string]: ReactNode;
@@ -36154,6 +36257,15 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 	     * Provides an infinite loading indicator
 	     */
 	    loading?: boolean;
+	    /**
+	     * Enable the panelled style of the table.
+	     *
+	     * Panelled style adds contrast between the table navigation controls
+	     * and table content itself. It should be used in tables rendered outside
+	     * EUI containers like `<EuiPanel>` or `<EuiFlyout>`.
+	     * @default false
+	     */
+	    panelled?: boolean;
 	    /**
 	     * Message to display if table is empty
 	     */
@@ -36388,6 +36500,7 @@ declare module '@elastic/eui/src/components/basic_table' {
 	export type { EuiTableDataType, EuiTableFooterProps, EuiTableFieldDataColumnType, EuiTableComputedColumnType, EuiTableActionsColumnType, EuiTableSelectionType, EuiTableSortingType, } from '@elastic/eui/src/components/basic_table/table_types';
 	export type { Pagination } from '@elastic/eui/src/components/basic_table/pagination_bar';
 	export type { DefaultItemAction, CustomItemAction } from '@elastic/eui/src/components/basic_table/action_types';
+	export { useEuiBasicTablePanelProps } from '@elastic/eui/src/components/basic_table/use_panel_props';
 
 }
 declare module '@elastic/eui/src/components/text_diff/text_diff.styles' {
@@ -36443,37 +36556,143 @@ declare module '@elastic/eui/src/components/toast/toast.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	export const euiToastStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiToast: import("@emotion/react").SerializedStyles;
-	    euiToast__closeButton: import("@emotion/react").SerializedStyles;
-	    colors: {
-	        _getStyles: (color: string) => string;
-	        readonly primary: import("@emotion/react").SerializedStyles;
-	        readonly success: import("@emotion/react").SerializedStyles;
-	        readonly warning: import("@emotion/react").SerializedStyles;
-	        readonly danger: import("@emotion/react").SerializedStyles;
-	    };
+	    decor: import("@emotion/react").SerializedStyles;
+	    wrapper: import("@emotion/react").SerializedStyles;
+	    body: import("@emotion/react").SerializedStyles;
+	    content: import("@emotion/react").SerializedStyles;
+	    text: import("@emotion/react").SerializedStyles;
+	    icon: import("@emotion/react").SerializedStyles;
+	    actions: import("@emotion/react").SerializedStyles;
+	    dismissButton: import("@emotion/react").SerializedStyles;
+	    hasAnimation: import("@emotion/react").SerializedStyles;
 	};
 	export const euiToastHeaderStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiToastHeader: import("@emotion/react").SerializedStyles;
-	    euiToastHeader__icon: import("@emotion/react").SerializedStyles;
-	    euiToastHeader__title: import("@emotion/react").SerializedStyles;
-	    withBody: import("@emotion/react").SerializedStyles;
+	    hasDismissButton: import("@emotion/react").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/notification_icon/assets/info_fill' {
+	import * as React from 'react';
+	import type { SVGProps } from 'react';
+	interface SVGRProps {
+	    title?: string;
+	    titleId?: string;
+	}
+	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/notification_icon/assets/warning_static' {
+	import * as React from 'react';
+	import type { SVGProps } from 'react';
+	interface SVGRProps {
+	    title?: string;
+	    titleId?: string;
+	}
+	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/notification_icon/notification_icon.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiNotificationIconStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiNotificationIcon: import("@emotion/react").SerializedStyles;
+	    size: {
+	        l: import("@emotion/react").SerializedStyles;
+	    };
+	};
+
+}
+declare module '@elastic/eui/src/components/notification_icon/notification_icon' {
+	import { FunctionComponent } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { IconType } from '@elastic/eui/src/components/icon/icon'; const TYPES: readonly ["info", "success", "warning", "error"];
+	export type EuiNotificationIconType = (typeof TYPES)[number];
+	export const NOTIFICATION_ICONS_MAP: Record<EuiNotificationIconType, {
+	    name: string;
+	    icon: IconType;
+	}>;
+	export type EuiNotificationIconProps = CommonProps & {
+	    type: EuiNotificationIconType;
+	    size?: 'm' | 'l';
 	};
+	export const EuiNotificationIcon: FunctionComponent<EuiNotificationIconProps>;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/toast/types' {
+	export const COLORS: readonly ["primary", "success", "warning", "danger"];
+	export type EuiToastColor = (typeof COLORS)[number];
+
+}
+declare module '@elastic/eui/src/components/toast/toast_action' {
+	import React from 'react';
+	import { ExclusiveUnion } from '@elastic/eui/src/components/common';
+	import { EuiButtonEmptyProps } from '@elastic/eui/src/components/button';
+	import { Props as EuiButtonProps } from '@elastic/eui/src/components/button/button';
+	import { EuiToastColor } from '@elastic/eui/src/components/toast/types';
+	export type EuiToastActionPrimaryProps = Omit<EuiButtonProps, 'color' | 'size' | 'fill'>;
+	export type EuiToastActionSecondaryProps = Omit<EuiButtonEmptyProps, 'color' | 'size' | 'flush'>;
+	type EuiToastActionPrimary = EuiToastActionPrimaryProps & {
+	    actionType: 'primary';
+	};
+	type EuiToastActionSecondary = EuiToastActionSecondaryProps & {
+	    actionType: 'secondary';
+	};
+	type EuiToastActionProps = ExclusiveUnion<EuiToastActionPrimary, EuiToastActionSecondary>;
+	export const EuiToastAction: ({ children, actionType, color, ...rest }: EuiToastActionProps & {
+	    color?: EuiToastColor;
+	}) => React.JSX.Element;
+	export {};
 
 }
 declare module '@elastic/eui/src/components/toast/toast' {
 	import { FunctionComponent, HTMLAttributes, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { IconType } from '@elastic/eui/src/components/icon';
-	export const COLORS: readonly ["primary", "success", "warning", "danger"];
-	type ToastColor = (typeof COLORS)[number];
+	import { type EuiNotificationIconType } from '@elastic/eui/src/components/notification_icon/notification_icon';
+	import { EuiToastActionPrimaryProps, EuiToastActionSecondaryProps } from '@elastic/eui/src/components/toast/toast_action';
+	import { EuiToastColor } from '@elastic/eui/src/components/toast/types';
+	export const COLOR_TO_NOTIFICATION_ICON_MAP: Record<EuiToastColor, EuiNotificationIconType>;
 	export interface EuiToastProps extends CommonProps, Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+	    /**
+	     * Title of the toast. Should be used with text only. Do not pass complex content or custom components.
+	     * Ensure to always pass a title. It's currently marked as optional for backwards compatibility.
+	     * In a future major release, this will be required.
+	     */
 	    title?: ReactNode;
-	    color?: ToastColor;
+	    /**
+	     * Main component text. Accepts text, text block elements such as `<p>`, and inline elements such as `<span>`, `<strong>`, `<em>` or `<EuiLink>`.
+	     * Avoid passing complex layouts or custom components. Use `children` instead.
+	     */
+	    text?: ReactNode;
+	    /**
+	     * Can be used for additional, non-inline content. Use sparingly, as toasts are not meant to have complex content.
+	     * Where possible, use `text` and `actionProps` instead to display text and actions.
+	     */
+	    children?: ReactNode;
+	    color?: EuiToastColor;
+	    /**
+	     * Defines a custom icon to be displayed.
+	     * When no `iconType` is set, a default icon will be used based on the `color` of the toast.
+	     */
 	    iconType?: IconType;
 	    onClose?: () => void;
+	    /**
+	     * Duration in milliseconds that drives a countdown animation on the toast's decor bar.
+	     * When not set the bar is static at full width.
+	     */
+	    animationMs?: number;
+	    /**
+	     * Props for primary and secondary actions within the toast.
+	     */
+	    actionProps?: {
+	        primary?: EuiToastActionPrimaryProps;
+	        secondary?: EuiToastActionSecondaryProps;
+	    };
 	}
 	export const EuiToast: FunctionComponent<EuiToastProps>;
-	export {};
 
 }
 declare module '@elastic/eui/src/services/time/timer' {
@@ -36502,6 +36721,11 @@ declare module '@elastic/eui/src/components/toast/global_toast_list.styles' {
 	     * 2. Allow some padding for shadow
 	     */
 	    euiGlobalToastList: import("@emotion/react").SerializedStyles;
+	    content: import("@emotion/react").SerializedStyles;
+	    notificationBadge: {
+	        notificationBadge: import("@emotion/react").SerializedStyles;
+	        hasFadeOut: import("@emotion/react").SerializedStyles;
+	    };
 	    right: import("@emotion/react").SerializedStyles;
 	    left: import("@emotion/react").SerializedStyles;
 	    euiGlobalToastListDismissButton: import("@emotion/react").SerializedStyles;
@@ -36567,6 +36791,12 @@ declare module '@elastic/eui/src/components/toast/global_toast_list' {
 	     * @default log
 	     */
 	    role?: HTMLAttributes<HTMLElement>['role'];
+	    /**
+	     * Renders a notification badge indicating the amount of toasts in the list.
+	     *
+	     * @default false
+	     */
+	    showNotificationBadge?: boolean;
 	}
 	export const EuiGlobalToastList: FunctionComponent<EuiGlobalToastListProps>;
 	export {};
@@ -37900,18 +38130,17 @@ declare module '@elastic/eui/src/services/container_query' {
 
 declare module '@elastic/eui' {
   export type EuiTokensObject = {
-    "euiTourStepIndicator.isActive": any;
+    "euiTreeView.listNavigationInstructions": any;
+"euiTourStepIndicator.isActive": any;
 "euiTourStepIndicator.isComplete": any;
 "euiTourStepIndicator.isIncomplete": any;
 "euiTourStepIndicator.ariaLabel": any;
 "euiTourFooter.endTour": any;
 "euiTourFooter.skipTour": any;
 "euiTourFooter.closeTour": any;
-"euiTreeView.listNavigationInstructions": any;
 "euiIconTip.defaultAriaLabel": any;
-"euiToast.newNotification": any;
-"euiToast.notification": any;
 "euiToast.dismissToast": any;
+"euiToast.newNotification": any;
 "euiGlobalToastList.clearAllToastsButtonAriaLabel": any;
 "euiGlobalToastList.clearAllToastsButtonDisplayText": any;
 "euiStat.loadingText": any;
@@ -37934,6 +38163,7 @@ declare module '@elastic/eui' {
 "euiTableHeaderCell.titleTextWithDesc": any;
 "euiSkeletonLoading.loadedAriaText": any;
 "euiSkeletonLoading.loadingAriaText": any;
+"euiSideNav.mobileToggleAriaLabel": any;
 "euiSelectable.loadingOptions": any;
 "euiSelectable.noMatchingOptions": any;
 "euiSelectable.noAvailableOptions": any;
@@ -37947,12 +38177,13 @@ declare module '@elastic/eui' {
 "euiResizableButton.horizontalResizerAriaLabel": any;
 "euiResizableButton.verticalResizerAriaLabel": any;
 "euiProgress.valueText": any;
-"euiSideNav.mobileToggleAriaLabel": any;
 "euiPopover.screenReaderAnnouncement": any;
 "euiPaginationButtonArrow.firstPage": any;
 "euiPaginationButtonArrow.previousPage": any;
 "euiPaginationButtonArrow.nextPage": any;
 "euiPaginationButtonArrow.lastPage": any;
+"euiPaginationButton.longPageString": any;
+"euiPaginationButton.shortPageString": any;
 "euiPagination.pageOfTotalCompressed": any;
 "euiPagination.firstRangeAriaLabel": any;
 "euiPagination.lastRangeAriaLabel": any;
@@ -37961,12 +38192,8 @@ declare module '@elastic/eui' {
 "euiPagination.of": any;
 "euiPagination.collection": any;
 "euiPagination.fromEndLabel": any;
-"euiPaginationButton.longPageString": any;
-"euiPaginationButton.shortPageString": any;
 "euiMark.highlightStart": any;
 "euiMark.highlightEnd": any;
-"euiModal.screenReaderModalDialog": any;
-"euiModal.closeModal": any;
 "euiMarkdownEditorToolbar.editor": any;
 "euiMarkdownEditorToolbar.previewMarkdown": any;
 "euiMarkdownEditorHelpButton.mdSyntaxLink": any;
@@ -37983,6 +38210,8 @@ declare module '@elastic/eui' {
 "euiMarkdownEditorFooter.showSyntaxErrors": any;
 "euiMarkdownEditorFooter.errorsTitle": any;
 "euiLoadingStrings.ariaLabel": any;
+"euiModal.screenReaderModalDialog": any;
+"euiModal.closeModal": any;
 "euiExternalLinkIcon.newTarget.screenReaderOnlyText": any;
 "euiExternalLinkIcon.externalTarget.screenReaderOnlyText": any;
 "euiInlineEditForm.saveButtonAriaLabel": any;
@@ -37991,13 +38220,16 @@ declare module '@elastic/eui' {
 "euiInlineEditForm.activateEditModeDescription": any;
 "euiImageButton.openFullScreen": any;
 "euiImageButton.closeFullScreen": any;
+"euiForm.addressFormErrors": any;
 "euiFlyoutMenu.back": any;
 "euiFlyoutMenu.history": any;
+"euiFlyoutMenu.pagination.previous": any;
+"euiFlyoutMenu.pagination.next": any;
+"euiFlyoutMenu.pagination.counter": any;
 "euiFlyout.screenReaderModalDialog": any;
 "euiFlyout.screenReaderNoOverlayMaskDialog": any;
 "euiFlyout.screenReaderFocusTrapShards": any;
 "euiFlyoutCloseButton.ariaLabel": any;
-"euiForm.addressFormErrors": any;
 "euiFilterButton.filterBadgeActiveAriaLabel": any;
 "euiFilterButton.filterBadgeAvailableAriaLabel": any;
 "euiErrorBoundary.error": any;
@@ -38005,7 +38237,7 @@ declare module '@elastic/eui' {
 "euiDataGrid.ariaLabelledBy": any;
 "euiDataGrid.screenReaderNotice": any;
 "euiContextMenuPanelTitle.ariaLabel": any;
-"euiComboBox.listboxAriaLabel": any;
+"euiCollapsibleNavBeta.ariaLabel": any;
 "euiSaturation.ariaLabel": any;
 "euiSaturation.roleDescription": any;
 "euiSaturation.screenReaderInstructions": any;
@@ -38022,20 +38254,21 @@ declare module '@elastic/eui' {
 "euiColorPicker.openLabel": any;
 "euiColorPicker.closeLabel": any;
 "euiColorPicker.ariaLabel": any;
-"euiCollapsibleNavBeta.ariaLabel": any;
-"euiCallOut.dismissAriaLabel": any;
+"euiComboBox.listboxAriaLabel": any;
 "euiCodeBlockFullScreen.fullscreenCollapse": any;
 "euiCodeBlockFullScreen.fullscreenExpand": any;
 "euiCodeBlockFullScreen.ariaLabel": any;
 "euiCodeBlockCopy.copy": any;
 "euiCodeBlockAnnotations.ariaLabel": any;
 "euiCodeBlock.label": any;
-"euiBreadcrumbs.nav.ariaLabel": any;
-"euiBreadcrumb.collapsedBadge.ariaLabel": any;
-"euiBreadcrumb.popoverAriaLabel": any;
+"euiCallOut.dismissAriaLabel": any;
 "euiBottomBar.screenReaderHeading": any;
 "euiBottomBar.customScreenReaderAnnouncement": any;
 "euiBottomBar.screenReaderAnnouncement": any;
+"euiBreadcrumbs.nav.ariaLabel": any;
+"euiBreadcrumb.collapsedBadge.ariaLabel": any;
+"euiBreadcrumb.popoverAriaLabel": any;
+"euiBanner.dismissAriaLabel": any;
 "euiCollapsedItemActions.allActionsTooltip": any;
 "euiCollapsedItemActions.allActions": any;
 "euiCollapsedItemActions.allActionsDisabled": any;
@@ -38048,7 +38281,6 @@ declare module '@elastic/eui' {
 "euiBasicTable.deselectRows": any;
 "euiBasicTable.selectThisRow": any;
 "euiBasicTable.tablePagination": any;
-"euiBanner.dismissAriaLabel": any;
 "euiTablePagination.allRows": any;
 "euiTablePagination.rowsPerPage": any;
 "euiTablePagination.rowsPerPageOptionShowAllRows": any;
@@ -38070,22 +38302,37 @@ declare module '@elastic/eui' {
 "euiFieldValueSelectionFilter.buttonLabelHint": any;
 "euiPinnableListGroup.pinExtraActionLabel": any;
 "euiPinnableListGroup.pinnedExtraActionLabel": any;
-"euiHeaderLinks.appNavigation": any;
-"euiHeaderLinks.openNavigationMenu": any;
-"euiFlyoutManaged.defaultTitle": any;
 "euiSuperSelect.screenReaderAnnouncement": any;
 "euiSuperSelect.ariaLabel": any;
 "euiRange.sliderScreenReaderInstructions": any;
 "euiDualRange.sliderScreenReaderInstructions": any;
 "euiFormControlLayoutDelimited.delimiterLabel": any;
 "euiFormControlLayoutClearButton.label": any;
-"euiFieldSearch.clearSearchButtonLabel": any;
 "euiFilePicker.promptText": any;
 "euiFilePicker.filesSelected": any;
 "euiFilePicker.removeSelectedAriaLabel": any;
 "euiFilePicker.removeSelected": any;
+"euiFieldSearch.clearSearchButtonLabel": any;
 "euiFieldPassword.showPassword": any;
 "euiFieldPassword.maskPassword": any;
+"euiHeaderLinks.appNavigation": any;
+"euiHeaderLinks.openNavigationMenu": any;
+"euiFlyoutManaged.defaultTitle": any;
+"euiTimeWindowButtons.previousDescription": any;
+"euiTimeWindowButtons.nextDescription": any;
+"euiTimeWindowButtons.invalidShiftLabel": any;
+"euiTimeWindowButtons.invalidZoomInLabel": any;
+"euiTimeWindowButtons.cannotZoomInLabel": any;
+"euiTimeWindowButtons.invalidZoomOutLabel": any;
+"euiTimeWindowButtons.previousLabel": any;
+"euiTimeWindowButtons.zoomInLabel": any;
+"euiTimeWindowButtons.zoomOutLabel": any;
+"euiTimeWindowButtons.nextLabel": any;
+"euiSuperUpdateButton.updatingButtonLabel": any;
+"euiSuperUpdateButton.updateButtonLabel": any;
+"euiSuperUpdateButton.refreshButtonLabel": any;
+"euiSuperUpdateButton.cannotUpdateTooltip": any;
+"euiSuperUpdateButton.clickToApplyTooltip": any;
 "euiTimeOptions.last": any;
 "euiTimeOptions.next": any;
 "euiTimeOptions.seconds": any;
@@ -38124,30 +38371,6 @@ declare module '@elastic/eui' {
 "euiTimeOptions.weekToDate": any;
 "euiTimeOptions.monthToDate": any;
 "euiTimeOptions.yearToDate": any;
-"euiTimeWindowButtons.previousDescription": any;
-"euiTimeWindowButtons.nextDescription": any;
-"euiTimeWindowButtons.invalidShiftLabel": any;
-"euiTimeWindowButtons.invalidZoomInLabel": any;
-"euiTimeWindowButtons.cannotZoomInLabel": any;
-"euiTimeWindowButtons.invalidZoomOutLabel": any;
-"euiTimeWindowButtons.previousLabel": any;
-"euiTimeWindowButtons.zoomInLabel": any;
-"euiTimeWindowButtons.zoomOutLabel": any;
-"euiTimeWindowButtons.nextLabel": any;
-"euiSuperUpdateButton.updatingButtonLabel": any;
-"euiSuperUpdateButton.updateButtonLabel": any;
-"euiSuperUpdateButton.refreshButtonLabel": any;
-"euiSuperUpdateButton.cannotUpdateTooltip": any;
-"euiSuperUpdateButton.clickToApplyTooltip": any;
-"euiPrettyInterval.seconds": any;
-"euiPrettyInterval.minutes": any;
-"euiPrettyInterval.hours": any;
-"euiPrettyInterval.days": any;
-"euiPrettyInterval.secondsShorthand": any;
-"euiPrettyInterval.minutesShorthand": any;
-"euiPrettyInterval.hoursShorthand": any;
-"euiPrettyInterval.daysShorthand": any;
-"euiPrettyInterval.off": any;
 "euiPrettyDuration.lastDurationSeconds": any;
 "euiPrettyDuration.nextDurationSeconds": any;
 "euiPrettyDuration.lastDurationMinutes": any;
@@ -38172,6 +38395,15 @@ declare module '@elastic/eui' {
 "euiPrettyDuration.now": any;
 "euiPrettyDuration.invalid": any;
 "euiPrettyDuration.fallbackDuration": any;
+"euiPrettyInterval.seconds": any;
+"euiPrettyInterval.minutes": any;
+"euiPrettyInterval.hours": any;
+"euiPrettyInterval.days": any;
+"euiPrettyInterval.secondsShorthand": any;
+"euiPrettyInterval.minutesShorthand": any;
+"euiPrettyInterval.hoursShorthand": any;
+"euiPrettyInterval.daysShorthand": any;
+"euiPrettyInterval.off": any;
 "euiRefreshInterval.fullDescriptionOff": any;
 "euiRefreshInterval.fullDescriptionOn": any;
 "euiRefreshInterval.toggleLabel": any;
@@ -38247,6 +38479,13 @@ declare module '@elastic/eui' {
 "euiColumnSelector.searchcolumns": any;
 "euiColumnSelector.selectAll": any;
 "euiColumnSelector.hideAll": any;
+"euiCollapsibleNavButton.ariaLabelExpand": any;
+"euiCollapsibleNavButton.ariaLabelCollapse": any;
+"euiCollapsibleNavButton.ariaLabelOpen": any;
+"euiCollapsibleNavButton.ariaLabelClose": any;
+"euiCollapsibleNavKibanaSolution.switcherTitle": any;
+"euiCollapsibleNavKibanaSolution.switcherAriaLabel": any;
+"euiCollapsibleNavKibanaSolution.groupLabel": any;
 "euiComboBoxOptionsList.loadingOptions": any;
 "euiComboBoxOptionsList.delimiterMessage": any;
 "euiComboBoxOptionsList.alreadyAdded": any;
@@ -38255,28 +38494,10 @@ declare module '@elastic/eui' {
 "euiComboBoxOptionsList.noAvailableOptions": any;
 "euiComboBoxOptionsList.allOptionsSelected": any;
 "euiComboBoxPill.removeSelection": any;
-"euiCollapsibleNavButton.ariaLabelExpand": any;
-"euiCollapsibleNavButton.ariaLabelCollapse": any;
-"euiCollapsibleNavButton.ariaLabelOpen": any;
-"euiCollapsibleNavButton.ariaLabelClose": any;
-"euiCollapsibleNavKibanaSolution.switcherTitle": any;
-"euiCollapsibleNavKibanaSolution.switcherAriaLabel": any;
-"euiCollapsibleNavKibanaSolution.groupLabel": any;
 "euiCardSelect.selected": any;
 "euiCardSelect.unavailable": any;
 "euiCardSelect.select": any;
 "euiAccordionChildrenLoading.message": any;
-"euiRecentlyUsed.legend": any;
-"euiQuickSelectPopover.buttonLabel": any;
-"euiCommonlyUsedTimeRanges.legend": any;
-"euiQuickSelect.quickSelectTitle": any;
-"euiQuickSelect.previousLabel": any;
-"euiQuickSelect.nextLabel": any;
-"euiQuickSelect.tenseLabel": any;
-"euiQuickSelect.valueLabel": any;
-"euiQuickSelect.unitLabel": any;
-"euiQuickSelect.applyButton": any;
-"euiQuickSelect.fullDescription": any;
 "euiRelativeTab.numberInputLabel": any;
 "euiRelativeTab.numberInputError": any;
 "euiRelativeTab.dateInputError": any;
@@ -38294,6 +38515,17 @@ declare module '@elastic/eui' {
 "euiDatePopoverButton.outdatedTitle": any;
 "euiAbsoluteTab.dateFormatButtonLabel": any;
 "euiAbsoluteTab.dateFormatError": any;
+"euiRecentlyUsed.legend": any;
+"euiQuickSelectPopover.buttonLabel": any;
+"euiQuickSelect.quickSelectTitle": any;
+"euiQuickSelect.previousLabel": any;
+"euiQuickSelect.nextLabel": any;
+"euiQuickSelect.tenseLabel": any;
+"euiQuickSelect.valueLabel": any;
+"euiQuickSelect.unitLabel": any;
+"euiQuickSelect.applyButton": any;
+"euiQuickSelect.fullDescription": any;
+"euiCommonlyUsedTimeRanges.legend": any;
 "euiDataGridCell.focusTrapExitPrompt": any;
 "euiDataGridCell.focusTrapEnterPrompt": any;
 "euiDataGridCell.focusTrapEnteredExitPrompt": any;