@elastic/eui 116.3.0 → 116.3.1-snapshot.1782148316870

package/eui.d.ts

@@ -2861,8 +2861,17 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip_arrow' {
 declare module '@elastic/eui/src/components/tool_tip/tool_tip_manager' {
 	 class ToolTipManager {
 	    toolTipsToHide: Set<Function>;
-	    registerTooltip: (hideCallback: Function) => void;
+	    lastHiddenAt: number | null;
+	    registerTooltip: (hideCallback: Function) => {
+	        skipAnimation: boolean;
+	    } | null;
 	    deregisterToolTip: (hideCallback: Function) => void;
+	    /**
+	     * Resets all internal state. Primarily intended for tests, so that a
+	     * tooltip shown in one test doesn't leak into the next (the manager is a
+	     * module-level singleton).
+	     */
+	    reset: () => void;
 	}
 	export const toolTipManager: ToolTipManager;
 	export {};
@@ -11709,6 +11718,12 @@ declare module '@elastic/eui/src/components/form/validatable_control/validatable
 	/**
 	 * The `EuiValidatableControl` component should be used in scenarios where
 	 * we can render the validated `<input>` as its direct child.
+	 *
+	 * It flags the underlying control as invalid via `aria-invalid`, which EUI form
+	 * controls use to render their invalid styling. Note that it intentionally does
+	 * *not* hook into the native constraint validation API (`setCustomValidity`) -
+	 * `isInvalid` is a presentational prop, and tying it to native validity would
+	 * block native form submission and surface a non-localized native error tooltip.
 	 */
 	export interface EuiValidatableControlProps {
 	    isInvalid?: boolean;
@@ -11835,7 +11850,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 +11874,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 +16833,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 +16879,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 +16902,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' {
@@ -17237,6 +17276,20 @@ declare module '@elastic/eui/src/components/table/sticky_header' {
 	export { EuiTableStickyHeader } from '@elastic/eui/src/components/table/sticky_header/sticky_header';
 	export { useEuiTableWithinStickyHeader } from '@elastic/eui/src/components/table/sticky_header/context';
 
+}
+declare module '@elastic/eui/src/components/table/store/use_unique_column_id' {
+	import React from 'react';
+	/**
+	 * Returns a stable unique column ID to be used when registering columns.
+	 * It uses `React.useId()` when available and falls back to UUID v4 on React 17.
+	 *
+	 * This is needed so that static `uuid` mocks don't break column registration
+	 * (at least in React 18+; in older versions this function would need
+	 * to be mocked to return something unique, but stable).
+	 * @internal
+	 */
+	export const useEuiTableStoreUniqueColumnId: typeof React.useId;
+
 }
 declare module '@elastic/eui/src/components/table/table_header_cell' {
 	import { FunctionComponent, ThHTMLAttributes, ReactNode } from 'react';
@@ -17339,7 +17392,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 {
@@ -17353,21 +17406,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 {};
 
 }
@@ -17489,449 +17531,6 @@ declare module '@elastic/eui/src/components/table' {
 	export { EuiTableRowCellCheckbox } from '@elastic/eui/src/components/table/table_row_cell_checkbox';
 	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/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 */
-	    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;
-	    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 {};
-
-}
-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/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;
-	};
-	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;
-	    }>;
-	}
-	/**
-	 * 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 {};
-
-}
-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/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/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;
-	/**
-	 * 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 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';
-	/**
-	 * 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 const useApplyFlyoutLayoutMode: () => void;
-	/**
-	 * 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 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';
-	/**
-	 * React context that exposes the Flyout Manager API (state + actions).
-	 */
-	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/list_group/list_group_item_extra_action.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -18310,6 +17909,7 @@ declare module '@elastic/eui/src/components/flyout/flyout_menu.styles' {
 	    euiFlyoutMenu__spacer: import("@emotion/react").SerializedStyles;
 	    euiFlyoutMenu__actions: import("@emotion/react").SerializedStyles;
 	    euiFlyoutMenu__hiddenTitle: import("@emotion/react").SerializedStyles;
+	    euiFlyoutMenu__paginationCounter: import("@emotion/react").SerializedStyles;
 	};
 
 }
@@ -18324,6 +17924,25 @@ declare module '@elastic/eui/src/components/flyout/flyout_menu_context' {
 }
 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' {
@@ -18349,6 +17968,27 @@ declare module '@elastic/eui/src/components/flyout/flyout_menu' {
 	     */
 	    onClick: () => void;
 	}
+	/**
+	 * Pagination configuration for the flyout menu
+	 */
+	export interface EuiFlyoutMenuPagination {
+	    /**
+	     * Zero-based index of the currently displayed item
+	     */
+	    currentIndex: number;
+	    /**
+	     * Total number of items
+	     */
+	    total: number;
+	    /**
+	     * Called when the user clicks the Previous button
+	     */
+	    onPrevious: () => void;
+	    /**
+	     * Called when the user clicks the Next button
+	     */
+	    onNext: () => void;
+	}
 	/**
 	 * Custom action item for the flyout menu component
 	 */
@@ -18420,6 +18060,11 @@ declare module '@elastic/eui/src/components/flyout/flyout_menu' {
 	     * 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
@@ -18433,6 +18078,482 @@ declare module '@elastic/eui/src/components/flyout/flyout_menu' {
 	export const EuiFlyoutMenu: FunctionComponent<EuiFlyoutMenuProps>;
 	export {};
 
+}
+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/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/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";
+	/**
+	 * 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;
+	}
+	/** 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/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/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;
+	/**
+	 * Events emitted by the flyout manager store for external consumers.
+	 */
+	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;
+	    }>;
+	}
+	/**
+	 * 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 {};
+
+}
+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/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/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;
+	/**
+	 * 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 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';
+	/**
+	 * 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 const useApplyFlyoutLayoutMode: () => void;
+	/**
+	 * 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 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';
+	/**
+	 * React context that exposes the Flyout Manager API (state + actions).
+	 */
+	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' {
 	import type { EuiFlyoutActivityStage, EuiFlyoutLevel } from '@elastic/eui/src/components/flyout/manager/types';
@@ -18604,7 +18725,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. */
@@ -18618,7 +18739,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. */
@@ -19646,6 +19767,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;
@@ -19661,12 +19783,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
@@ -19955,6 +20081,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';
@@ -19964,7 +20091,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';
@@ -22084,6 +22211,10 @@ declare module '@elastic/eui/src/components/avatar/avatar.styles' {
 	    uppercase: import("@emotion/react").SerializedStyles;
 	    lowercase: import("@emotion/react").SerializedStyles;
 	    none: import("@emotion/react").SerializedStyles;
+	    tooltip: {
+	        user: import("@emotion/react").SerializedStyles;
+	        space: import("@emotion/react").SerializedStyles;
+	    };
 	};
 
 }
@@ -29220,8 +29351,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 = {
 	    /**
@@ -29248,30 +29378,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' {
@@ -36053,10 +36163,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;
 
 }
@@ -36065,7 +36201,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;
@@ -36136,6 +36272,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
 	     */
@@ -36370,6 +36515,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' {
@@ -37882,21 +38028,20 @@ 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;
 "euiGlobalToastList.clearAllToastsButtonAriaLabel": any;
 "euiGlobalToastList.clearAllToastsButtonDisplayText": any;
-"euiStat.loadingText": any;
 "euiStepStrings.step": any;
 "euiStepStrings.simpleStep": any;
 "euiStepStrings.complete": any;
@@ -37914,8 +38059,10 @@ declare module '@elastic/eui' {
 "euiStepStrings.current": any;
 "euiStepStrings.simpleCurrent": any;
 "euiTableHeaderCell.titleTextWithDesc": any;
+"euiStat.loadingText": any;
 "euiSkeletonLoading.loadedAriaText": any;
 "euiSkeletonLoading.loadingAriaText": any;
+"euiSideNav.mobileToggleAriaLabel": any;
 "euiSelectable.loadingOptions": any;
 "euiSelectable.noMatchingOptions": any;
 "euiSelectable.noAvailableOptions": any;
@@ -37929,12 +38076,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;
@@ -37943,12 +38091,10 @@ 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;
+"euiMark.highlightStart": any;
+"euiMark.highlightEnd": any;
 "euiMarkdownEditorToolbar.editor": any;
 "euiMarkdownEditorToolbar.previewMarkdown": any;
 "euiMarkdownEditorHelpButton.mdSyntaxLink": any;
@@ -37973,13 +38119,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,13 +38154,13 @@ declare module '@elastic/eui' {
 "euiColorPicker.closeLabel": any;
 "euiColorPicker.ariaLabel": any;
 "euiCollapsibleNavBeta.ariaLabel": any;
-"euiCallOut.dismissAriaLabel": any;
 "euiCodeBlockFullScreen.fullscreenCollapse": any;
 "euiCodeBlockFullScreen.fullscreenExpand": any;
 "euiCodeBlockFullScreen.ariaLabel": any;
 "euiCodeBlockCopy.copy": any;
 "euiCodeBlockAnnotations.ariaLabel": any;
 "euiCodeBlock.label": any;
+"euiCallOut.dismissAriaLabel": any;
 "euiBreadcrumbs.nav.ariaLabel": any;
 "euiBreadcrumb.collapsedBadge.ariaLabel": any;
 "euiBreadcrumb.popoverAriaLabel": any;
@@ -38054,20 +38203,30 @@ declare module '@elastic/eui' {
 "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;
+"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;
 "euiTimeOptions.last": any;
 "euiTimeOptions.next": any;
 "euiTimeOptions.seconds": any;
@@ -38106,16 +38265,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;
@@ -38163,8 +38312,6 @@ declare module '@elastic/eui' {
 "euiAutoRefresh.autoRefreshLabel": any;
 "euiAutoRefresh.buttonLabelOff": any;
 "euiAutoRefresh.buttonLabelOn": any;
-"euiDataGridPagination.detailedPaginationLabel": any;
-"euiDataGridPagination.paginationLabel": any;
 "euiDataGridSchema.booleanSortTextAsc": any;
 "euiDataGridSchema.booleanSortTextDesc": any;
 "euiDataGridSchema.currencySortTextAsc": any;
@@ -38175,6 +38322,8 @@ declare module '@elastic/eui' {
 "euiDataGridSchema.numberSortTextDesc": any;
 "euiDataGridSchema.jsonSortTextAsc": any;
 "euiDataGridSchema.jsonSortTextDesc": any;
+"euiDataGridPagination.detailedPaginationLabel": any;
+"euiDataGridPagination.paginationLabel": any;
 "euiKeyboardShortcuts.title": any;
 "euiKeyboardShortcuts.upArrowTitle": any;
 "euiKeyboardShortcuts.upArrowDescription": any;
@@ -38250,7 +38399,6 @@ declare module '@elastic/eui' {
 "euiAccordionChildrenLoading.message": any;
 "euiRecentlyUsed.legend": any;
 "euiQuickSelectPopover.buttonLabel": any;
-"euiCommonlyUsedTimeRanges.legend": any;
 "euiQuickSelect.quickSelectTitle": any;
 "euiQuickSelect.previousLabel": any;
 "euiQuickSelect.nextLabel": any;
@@ -38259,6 +38407,7 @@ declare module '@elastic/eui' {
 "euiQuickSelect.unitLabel": any;
 "euiQuickSelect.applyButton": any;
 "euiQuickSelect.fullDescription": any;
+"euiCommonlyUsedTimeRanges.legend": any;
 "euiRelativeTab.numberInputLabel": any;
 "euiRelativeTab.numberInputError": any;
 "euiRelativeTab.dateInputError": any;