@elastic/eui 113.2.1 → 114.0.0

package/eui.d.ts

@@ -404,12 +404,12 @@ declare module '@elastic/eui/src/services/hooks/useMouseMove' {
 
 }
 declare module '@elastic/eui/src/services/hooks/useIsPointerDown' {
-	import { MutableRefObject } from 'react';
+	import { type MutableRefObject } from 'react';
 	/**
 	 * A hook that tracks whether the pointer is currently down/pressed.
 	 * Useful for detecting text selection in progress.
 	 */
-	export function useIsPointerDown(container?: MutableRefObject<HTMLElement | null>): boolean;
+	export function useIsPointerDown(container?: MutableRefObject<HTMLElement | null>): MutableRefObject<boolean>;
 
 }
 declare module '@elastic/eui/src/services/hooks/useEuiDisabledElement' {
@@ -479,14 +479,14 @@ declare module '@elastic/eui/src/services/hooks/useEuiDisabledElement' {
 
 }
 declare module '@elastic/eui/src/services/hooks' {
-	export * from '@elastic/eui/src/services/hooks/useDependentState';
-	export * from '@elastic/eui/src/services/hooks/useCombinedRefs';
-	export * from '@elastic/eui/src/services/hooks/useForceRender';
-	export * from '@elastic/eui/src/services/hooks/useLatest';
-	export * from '@elastic/eui/src/services/hooks/useDeepEqual';
-	export * from '@elastic/eui/src/services/hooks/useMouseMove';
-	export * from '@elastic/eui/src/services/hooks/useIsPointerDown';
-	export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
+	export { useDependentState } from '@elastic/eui/src/services/hooks/useDependentState';
+	export { useCombinedRefs, setMultipleRefs } from '@elastic/eui/src/services/hooks/useCombinedRefs';
+	export { useForceRender } from '@elastic/eui/src/services/hooks/useForceRender';
+	export { useLatest } from '@elastic/eui/src/services/hooks/useLatest';
+	export { useDeepEqual } from '@elastic/eui/src/services/hooks/useDeepEqual';
+	export { isMouseEvent, useMouseMove } from '@elastic/eui/src/services/hooks/useMouseMove';
+	export { useIsPointerDown } from '@elastic/eui/src/services/hooks/useIsPointerDown';
+	export { useUpdateEffect } from '@elastic/eui/src/services/hooks/useUpdateEffect';
 	export { type EuiDisabledProps, useEuiDisabledElement, } from '@elastic/eui/src/services/hooks/useEuiDisabledElement';
 
 }
@@ -10953,7 +10953,9 @@ declare module '@elastic/eui/src/components/horizontal_rule' {
 
 }
 declare module '@elastic/eui/src/components/context_menu/context_menu_item.styles' {
+	import { css } from '@emotion/react';
 	import { UseEuiTheme } from '@elastic/eui/src/services';
+	import { type _EuiExtendedButtonColor } from '@elastic/eui/src/global_styling';
 	export const euiContextMenuItemStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiContextMenuItem: import("@emotion/react").SerializedStyles;
 	    disabled: import("@emotion/react").SerializedStyles;
@@ -10972,6 +10974,7 @@ declare module '@elastic/eui/src/components/context_menu/context_menu_item.style
 	        s: import("@emotion/react").SerializedStyles;
 	    };
 	    euiContextMenuItem__arrow: import("@emotion/react").SerializedStyles;
+	    colors: Record<_EuiExtendedButtonColor, ReturnType<typeof css>>;
 	};
 
 }
@@ -10980,6 +10983,7 @@ declare module '@elastic/eui/src/components/context_menu/context_menu_item' {
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { type IconType } from '@elastic/eui/src/components/icon';
 	import { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip';
+	import { type _EuiExtendedButtonColor } from '@elastic/eui/src/global_styling';
 	export type EuiContextMenuItemIcon = IconType | ReactElement<any> | HTMLElement;
 	export type EuiContextMenuItemLayoutAlignment = 'center' | 'top' | 'bottom';
 	export const SIZES: readonly ["s", "m"];
@@ -11009,6 +11013,11 @@ declare module '@elastic/eui/src/components/context_menu/context_menu_item' {
 	     * Reduce the size to `s` when in need of a more compressed menu
 	     */
 	    size?: (typeof SIZES)[number];
+	    /**
+	     * Applies a color to the text and icon of the item.
+	     * Accepts the same color values as `EuiButtonEmpty`.
+	     */
+	    color?: _EuiExtendedButtonColor;
 	}
 	type Props = CommonProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'onClick' | 'disabled'> & EuiContextMenuItemProps;
 	export const LAYOUT_ALIGN: EuiContextMenuItemLayoutAlignment[];
@@ -12300,6 +12309,7 @@ declare module '@elastic/eui/src/components/flyout/manager/const' {
 
 }
 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;
@@ -12313,6 +12323,12 @@ declare module '@elastic/eui/src/components/flyout/manager/types' {
 	    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;
@@ -12320,8 +12336,18 @@ declare module '@elastic/eui/src/components/flyout/manager/types' {
 	    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) */
@@ -12352,7 +12378,7 @@ declare module '@elastic/eui/src/components/flyout/manager/types' {
 	export interface FlyoutManagerApi {
 	    state: EuiFlyoutManagerState;
 	    dispatch: (action: Action) => void;
-	    addFlyout: (flyoutId: string, title: string, level?: EuiFlyoutLevel, size?: string, minWidth?: number) => 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;
@@ -12360,17 +12386,19 @@ declare module '@elastic/eui/src/components/flyout/manager/types' {
 	    setPushPadding: (side: 'left' | 'right', width: number) => void;
 	    setContainerElement: (element: HTMLElement | null) => void;
 	    goBack: () => void;
-	    goToFlyout: (flyoutId: string) => 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}`;
@@ -12411,6 +12439,8 @@ declare module '@elastic/eui/src/components/flyout/manager/actions' {
 	    title: string;
 	    level: EuiFlyoutLevel;
 	    size?: string;
+	    historyKey?: symbol;
+	    iconType?: IconType;
 	    minWidth?: number;
 	}
 	/** Remove a flyout from manager state. Also updates the active session. */
@@ -12448,10 +12478,12 @@ declare module '@elastic/eui/src/components/flyout/manager/actions' {
 	export interface GoBackAction extends BaseAction {
 	    type: typeof ACTION_GO_BACK;
 	}
-	/** Navigate to a specific flyout (remove all sessions after it). */
+	/** 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 {
@@ -12484,8 +12516,10 @@ declare module '@elastic/eui/src/components/flyout/manager/actions' {
 	 * - `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, minWidth?: number) => AddFlyoutAction;
+	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. */
@@ -12500,8 +12534,8 @@ declare module '@elastic/eui/src/components/flyout/manager/actions' {
 	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). */
-	export const goToFlyout: (flyoutId: string) => GoToFlyoutAction;
+	/** 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 */
@@ -12529,6 +12563,7 @@ declare module '@elastic/eui/src/components/flyout/manager/reducer' {
 
 }
 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;
@@ -12545,7 +12580,7 @@ declare module '@elastic/eui/src/components/flyout/manager/store' {
 	    subscribe: (listener: Listener) => () => void;
 	    subscribeToEvents: (listener: EventListener) => () => void;
 	    dispatch: (action: Action) => void;
-	    addFlyout: (flyoutId: string, title: string, level?: EuiFlyoutLevel, size?: string, minWidth?: number) => 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;
@@ -12553,11 +12588,12 @@ declare module '@elastic/eui/src/components/flyout/manager/store' {
 	    setPushPadding: (side: 'left' | 'right', width: number) => void;
 	    setContainerElement: (element: HTMLElement | null) => void;
 	    goBack: () => void;
-	    goToFlyout: (flyoutId: string) => void;
+	    goToFlyout: (flyoutId: string, level?: EuiFlyoutLevel) => void;
 	    addUnmanagedFlyout: (flyoutId: string) => void;
 	    closeUnmanagedFlyout: (flyoutId: string) => void;
 	    historyItems: Array<{
 	        title: string;
+	        iconType?: IconType;
 	        onClick: () => void;
 	    }>;
 	}
@@ -13006,6 +13042,14 @@ declare module '@elastic/eui/src/components/flyout/const' {
 	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. */
@@ -13020,6 +13064,8 @@ declare module '@elastic/eui/src/components/flyout/const' {
 	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;
 	/**
 	 * Custom type checker for named flyout sizes since the prop
 	 * `size` can also be CSSProperties['width'] (string | number)
@@ -13053,8 +13099,8 @@ declare module '@elastic/eui/src/components/flyout/flyout.styles' {
 	        push: import("@emotion/react").SerializedStyles;
 	        right: import("@emotion/react").SerializedStyles;
 	        left: import("@emotion/react").SerializedStyles;
-	        noAnimation: import("@emotion/react").SerializedStyles;
 	    };
+	    noAnimation: import("@emotion/react").SerializedStyles;
 	    paddingSizes: {
 	        none: import("@emotion/react").SerializedStyles;
 	        s: import("@emotion/react").SerializedStyles;
@@ -13143,6 +13189,7 @@ 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
@@ -13152,6 +13199,10 @@ declare module '@elastic/eui/src/components/flyout/flyout_menu' {
 	     * 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
 	     */
@@ -13196,8 +13247,14 @@ declare module '@elastic/eui/src/components/flyout/flyout_menu' {
 	     */
 	    title?: React.ReactNode;
 	    /**
-	     * Hides the title in the `EuiFlyoutMenu`. This is useful when the title is already shown in an `EuiFlyoutHeader`.
-	     * @default true for main flyout in a managed flyout session; false otherwise
+	     * 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;
 	    /**
@@ -13320,6 +13377,7 @@ declare module '@elastic/eui/src/components/flyout/manager/flyout_managed' {
 	 */
 	export interface EuiManagedFlyoutProps extends EuiFlyoutComponentProps {
 	    level: EuiFlyoutLevel;
+	    historyKey?: symbol;
 	    flyoutMenuProps?: Omit<EuiFlyoutMenuProps, 'historyItems' | 'showBackButton'>;
 	    onActive?: () => void;
 	}
@@ -13446,6 +13504,11 @@ declare module '@elastic/eui/src/components/overlay_mask/overlay_mask' {
 	     * React ref to be passed to the wrapping container
 	     */
 	    maskRef?: Ref<HTMLDivElement> | MutableRefObject<HTMLDivElement>;
+	    /**
+	     * If enabled, the mask will have a fade in animation.
+	     * @default true
+	     */
+	    hasAnimation?: boolean;
 	}
 	export type EuiOverlayMaskProps = Omit<CommonProps, 'css'> & Omit<Partial<Record<keyof HTMLAttributes<HTMLDivElement>, string>>, keyof EuiOverlayMaskInterface> & EuiOverlayMaskInterface;
 	export const EuiOverlayMask: FunctionComponent<EuiOverlayMaskProps>;
@@ -13469,6 +13532,11 @@ declare module '@elastic/eui/src/components/flyout/_flyout_overlay' {
 	     * z-index); 'below' to keep them in the flyout stacking level.
 	     */
 	    headerZindexLocation?: 'above' | 'below';
+	    /**
+	     * When provided, clips the overlay mask to the container's bounding rect
+	     * rather than covering the full viewport.
+	     */
+	    containerRect?: DOMRect | null;
 	}
 	/**
 	 * Light wrapper for conditionally rendering portals or overlay masks:
@@ -13478,7 +13546,7 @@ declare module '@elastic/eui/src/components/flyout/_flyout_overlay' {
 	 *
 	 * @internal
 	 */
-	export const EuiFlyoutOverlay: ({ children, isPushed, maskProps, hasOverlayMask, maskZIndex, headerZindexLocation, }: EuiFlyoutOverlayProps) => React.JSX.Element;
+	export const EuiFlyoutOverlay: ({ children, isPushed, maskProps, hasOverlayMask, maskZIndex, headerZindexLocation, containerRect, }: EuiFlyoutOverlayProps) => React.JSX.Element;
 
 }
 declare module '@elastic/eui/src/components/resizable_container/types' {
@@ -14243,6 +14311,311 @@ declare module '@elastic/eui/src/components/flyout/flyout_parent_context' {
 	 */
 	export const useIsInsideParentFlyout: () => boolean;
 
+}
+declare module '@elastic/eui/src/components/flyout/use_flyout_menu' {
+	import { EuiFlyoutMenuDisplayMode } from '@elastic/eui/src/components/flyout/const';
+	import { EuiFlyoutMenuProps } from '@elastic/eui/src/components/flyout/flyout_menu';
+	/**
+	 * @internal
+	 */
+	export interface UseEuiFlyoutMenu {
+	    flyoutMenuProps?: EuiFlyoutMenuProps;
+	    flyoutMenuDisplayMode: EuiFlyoutMenuDisplayMode;
+	    ariaLabelledBy?: string;
+	}
+	/**
+	 * Hook to manage flyout menu state and rendering logic.
+	 * Determines whether the menu should be rendered based on display mode
+	 * and menu content, and computes the appropriate aria-labelledby value.
+	 *
+	 * @internal
+	 */
+	export const useEuiFlyoutMenu: ({ flyoutMenuProps: _flyoutMenuProps, flyoutMenuDisplayMode, ariaLabelledBy: _ariaLabelledBy, }: UseEuiFlyoutMenu) => {
+	    flyoutMenuId: string | undefined;
+	    flyoutMenuProps: {
+	        className?: string;
+	        "aria-label"?: string;
+	        'data-test-subj'?: string;
+	        css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
+	        defaultChecked?: boolean | undefined;
+	        defaultValue?: string | number | readonly string[] | undefined;
+	        suppressContentEditableWarning?: boolean | undefined;
+	        suppressHydrationWarning?: boolean | undefined;
+	        accessKey?: string | undefined;
+	        autoFocus?: boolean | undefined;
+	        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+	        contextMenu?: string | undefined;
+	        dir?: string | undefined;
+	        draggable?: (boolean | "false" | "true") | undefined;
+	        hidden?: boolean | undefined;
+	        id?: string | undefined;
+	        lang?: string | undefined;
+	        nonce?: string | undefined;
+	        slot?: string | undefined;
+	        spellCheck?: (boolean | "false" | "true") | undefined;
+	        style?: import("react").CSSProperties | undefined;
+	        tabIndex?: number | undefined;
+	        title?: string | (string & import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (string & Iterable<import("react").ReactNode>) | (string & import("react").ReactPortal) | undefined;
+	        translate?: "yes" | "no" | undefined;
+	        radioGroup?: string | undefined;
+	        role?: import("react").AriaRole | undefined;
+	        about?: string | undefined;
+	        content?: string | undefined;
+	        datatype?: string | undefined;
+	        inlist?: any;
+	        prefix?: string | undefined;
+	        property?: string | undefined;
+	        rel?: string | undefined;
+	        resource?: string | undefined;
+	        rev?: string | undefined;
+	        typeof?: string | undefined;
+	        vocab?: string | undefined;
+	        autoCapitalize?: string | undefined;
+	        autoCorrect?: string | undefined;
+	        autoSave?: string | undefined;
+	        color?: string | undefined;
+	        itemProp?: string | undefined;
+	        itemScope?: boolean | undefined;
+	        itemType?: string | undefined;
+	        itemID?: string | undefined;
+	        itemRef?: string | undefined;
+	        results?: number | undefined;
+	        security?: string | undefined;
+	        unselectable?: "on" | "off" | undefined;
+	        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+	        is?: string | undefined;
+	        "aria-activedescendant"?: string | undefined;
+	        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+	        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+	        "aria-braillelabel"?: string | undefined;
+	        "aria-brailleroledescription"?: string | undefined;
+	        "aria-busy"?: (boolean | "false" | "true") | undefined;
+	        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+	        "aria-colcount"?: number | undefined;
+	        "aria-colindex"?: number | undefined;
+	        "aria-colindextext"?: string | undefined;
+	        "aria-colspan"?: number | undefined;
+	        "aria-controls"?: string | undefined;
+	        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+	        "aria-describedby"?: string | undefined;
+	        "aria-description"?: string | undefined;
+	        "aria-details"?: string | undefined;
+	        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+	        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+	        "aria-errormessage"?: string | undefined;
+	        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+	        "aria-flowto"?: string | undefined;
+	        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+	        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+	        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+	        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+	        "aria-keyshortcuts"?: string | undefined;
+	        "aria-labelledby"?: string | undefined;
+	        "aria-level"?: number | undefined;
+	        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+	        "aria-modal"?: (boolean | "false" | "true") | undefined;
+	        "aria-multiline"?: (boolean | "false" | "true") | undefined;
+	        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+	        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+	        "aria-owns"?: string | undefined;
+	        "aria-placeholder"?: string | undefined;
+	        "aria-posinset"?: number | undefined;
+	        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+	        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+	        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+	        "aria-required"?: (boolean | "false" | "true") | undefined;
+	        "aria-roledescription"?: string | undefined;
+	        "aria-rowcount"?: number | undefined;
+	        "aria-rowindex"?: number | undefined;
+	        "aria-rowindextext"?: string | undefined;
+	        "aria-rowspan"?: number | undefined;
+	        "aria-selected"?: (boolean | "false" | "true") | undefined;
+	        "aria-setsize"?: number | undefined;
+	        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+	        "aria-valuemax"?: number | undefined;
+	        "aria-valuemin"?: number | undefined;
+	        "aria-valuenow"?: number | undefined;
+	        "aria-valuetext"?: string | undefined;
+	        children?: import("react").ReactNode | undefined;
+	        dangerouslySetInnerHTML?: {
+	            __html: string | TrustedHTML;
+	        } | undefined;
+	        onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+	        onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+	        onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+	        onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+	        onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+	        onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+	        onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+	        onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+	        onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+	        onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+	        onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+	        onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+	        onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+	        onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+	        onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+	        onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+	        onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+	        onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+	        onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+	        onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+	        onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+	        onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+	        onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+	        onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+	        onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+	        onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+	        onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+	        onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+	        onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+	        onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+	        onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+	        onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+	        onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+	        onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+	        onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+	        onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+	        onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+	        onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+	        onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+	        onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+	        onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+	        onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+	        onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+	        onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+	        onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+	        onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+	        onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+	        onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+	        onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+	        onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+	        onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+	        onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+	        onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+	        onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+	        onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+	        onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+	        onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+	        onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+	        onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+	        onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+	        onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+	        onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+	        onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+	        onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+	        onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+	        onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+	        onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+	        onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+	        onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+	        onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+	        onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+	        onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+	        onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+	        onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+	        onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+	        onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+	        onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+	        onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+	        iconType?: import("..").IconType;
+	        hideTitle?: boolean;
+	        hideCloseButton?: boolean;
+	        showBackButton?: boolean;
+	        backButtonProps?: {
+	            onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
+	            "aria-label"?: string | undefined;
+	            'data-test-subj'?: string | undefined;
+	        };
+	        historyItems?: import ("@elastic/eui/src/components/flyout/flyout_menu").EuiFlyoutHistoryItem[];
+	        customActions?: import ("@elastic/eui/src/components/flyout/flyout_menu").EuiFlyoutMenuCustomAction[];
+	    };
+	    shouldRenderMenu: boolean;
+	    ariaLabelledBy: string | undefined;
+	};
+
 }
 declare module '@elastic/eui/src/components/flyout/flyout.component' {
 	import { ComponentPropsWithRef, CSSProperties, ElementType, JSX } from 'react';
@@ -14251,7 +14624,7 @@ declare module '@elastic/eui/src/components/flyout/flyout.component' {
 	import { EuiFocusTrapProps } from '@elastic/eui/src/components/focus_trap';
 	import type { EuiOverlayMaskProps } from '@elastic/eui/src/components/overlay_mask';
 	import type { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
-	import { _EuiFlyoutPaddingSize, _EuiFlyoutSide, _EuiFlyoutType, EuiFlyoutSize } from '@elastic/eui/src/components/flyout/const';
+	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';
 	interface _EuiFlyoutComponentProps {
@@ -14336,10 +14709,16 @@ declare module '@elastic/eui/src/components/flyout/flyout.component' {
 	     */
 	    pushMinBreakpoint?: EuiBreakpointSize;
 	    /**
-	     * Enables a slide in animation on push flyouts
-	     * @default false
+	     * @deprecated - use `hasAnimation` instead
+	     * Enables a slide in animation on flyouts
+	     * @default true for overlay flyouts, `false` for push flyouts
 	     */
 	    pushAnimation?: boolean;
+	    /**
+	     * Enables a slide in animation on flyouts
+	     * @default true for overlay flyouts, `false` for push flyouts
+	     */
+	    hasAnimation?: boolean;
 	    style?: CSSProperties;
 	    /**
 	     * When the flyout is used as a child in a managed flyout session, setting `true` gives the shaded background style.
@@ -14372,8 +14751,19 @@ declare module '@elastic/eui/src/components/flyout/flyout.component' {
 	    /**
 	     * Props for the flyout menu to have one rendered in the flyout.
 	     * If used, the close button will be automatically hidden, as the flyout menu has its own close button.
+	     *
+	     * Use `flyoutMenuDisplayMode` to control whether/when the menu is rendered. See {@link EuiFlyoutMenuDisplayMode}.
 	     */
 	    flyoutMenuProps?: EuiFlyoutMenuProps;
+	    /**
+	     * Controls the display mode of the flyout menu:
+	     * - `'auto'`: Render the menu whenever menu props are available and there is navigation content
+	     * (back button, history, custom actions) or a visible title.
+	     * - `'always'`: Render the menu whenever menu props are available. This may result in a close-only menu.
+	     *
+	     * @default 'auto'
+	     */
+	    flyoutMenuDisplayMode?: EuiFlyoutMenuDisplayMode;
 	    /**
 	     * Whether the flyout should be resizable.
 	     * @default false
@@ -14424,7 +14814,7 @@ declare module '@elastic/eui/src/components/flyout/flyout' {
 	import { type EuiFlyoutComponentProps } from '@elastic/eui/src/components/flyout/flyout.component';
 	import { SESSION_INHERIT, SESSION_NEVER, SESSION_START } from '@elastic/eui/src/components/flyout/manager/const';
 	export type { EuiFlyoutSize, _EuiFlyoutPaddingSize, _EuiFlyoutSide, } from '@elastic/eui/src/components/flyout/const';
-	export { FLYOUT_SIDES, FLYOUT_PADDING_SIZES, FLYOUT_SIZES, FLYOUT_TYPES, } from '@elastic/eui/src/components/flyout/const';
+	export { FLYOUT_SIDES, FLYOUT_PADDING_SIZES, FLYOUT_SIZES, FLYOUT_TYPES, FLYOUT_MENU_DISPLAY_MODES, } from '@elastic/eui/src/components/flyout/const';
 	export type EuiFlyoutProps<T extends ElementType = 'div' | 'nav'> = Omit<EuiFlyoutComponentProps<T>, 'as'> & {
 	    /**
 	     * Controls the way the session is managed for this flyout.
@@ -14440,6 +14830,11 @@ declare module '@elastic/eui/src/components/flyout/flyout' {
 	     * @default undefined (auto-inherit when nested, otherwise 'never')
 	     */
 	    session?: typeof SESSION_START | typeof SESSION_INHERIT | typeof SESSION_NEVER;
+	    /**
+	     * Optional Symbol to scope flyout history. Only flyouts that receive the same Symbol reference share Back button and history; omit to get a unique group per session.
+	     * @default undefined (each session gets a unique key and does not share history)
+	     */
+	    historyKey?: symbol;
 	    /**
 	     * Callback fired when the flyout becomes active/visible, which may happen programmatically from history navigation.
 	     */
@@ -16674,7 +17069,7 @@ declare module '@elastic/eui/src/services' {
 	export * from '@elastic/eui/src/services/findElement';
 	export { focusTrapPubSub } from '@elastic/eui/src/services/focus_trap';
 	export { dateFormatAliases, formatAuto, formatBoolean, formatDate, formatNumber, formatText, } from '@elastic/eui/src/services/format';
-	export * from '@elastic/eui/src/services/hooks';
+	export { useDependentState, useCombinedRefs, setMultipleRefs, useForceRender, useLatest, useDeepEqual, isMouseEvent, useMouseMove, useUpdateEffect, useEuiDisabledElement, type EuiDisabledProps, } from '@elastic/eui/src/services/hooks';
 	export { isEvenlyDivisibleBy, isWithinRange } from '@elastic/eui/src/services/number';
 	export { Pager } from '@elastic/eui/src/services/paging';
 	export { calculatePopoverPosition, findPopoverPosition } from '@elastic/eui/src/services/popover';
@@ -19061,6 +19456,17 @@ declare module '@elastic/eui/src/components/form/file_picker/file_picker' {
 	     * Use as a callback to access the HTML FileList API
 	     */
 	    onChange?: (files: FileList | null) => void;
+	    /**
+	     * Optionally pass a `File[]` array to maintain the file picker's displayed
+	     * state between re-renders. Useful for multi-step forms where the component
+	     * may unmount and remount while the file data is still stored in context.
+	     *
+	     * Note: Due to browser security restrictions, the actual file input
+	     * cannot be programmatically set with files. This prop only controls
+	     * the displayed state (file names in the prompt). The actual file data
+	     * should be stored and managed separately in your application state.
+	     */
+	    files?: File[] | null;
 	    /**
 	     * Reduces the size to a typical (compressed) input
 	     * @default false
@@ -19086,12 +19492,14 @@ declare module '@elastic/eui/src/components/form/file_picker/file_picker' {
 	export class EuiFilePickerClass extends Component<EuiFilePickerProps & WithEuiStylesMemoizerProps> {
 	    static contextType: React.Context<FormContextValue>;
 	    static defaultProps: Partial<EuiFilePickerProps>;
+	    fileInput: HTMLInputElement | null;
+	    generatedId: string;
+	    getPromptTextFromFileList: (files: File[] | null) => React.ReactNode | null;
 	    state: {
-	        promptText: null;
+	        promptText: React.ReactNode | null;
 	        isHoveringDrop: boolean;
 	    };
-	    fileInput: HTMLInputElement | null;
-	    generatedId: string;
+	    componentDidUpdate(prevProps: EuiFilePickerProps & WithEuiStylesMemoizerProps): void;
 	    handleChange: () => void;
 	    removeFiles: (e?: React.MouseEvent<HTMLButtonElement>) => void;
 	    showDrop: () => void;
@@ -28957,6 +29365,11 @@ declare module '@elastic/eui/src/components/markdown_editor/plugins/remark/remar
 	export const FENCED_CLASS = "remark-prismjs--fenced"; const attacher: Plugin;
 	export default attacher;
 
+}
+declare module '@elastic/eui/src/components/markdown_editor/plugins/remark/remark_intraword_underscore' {
+	import { Plugin } from 'unified'; const attacher: Plugin;
+	export default attacher;
+
 }
 declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_checkbox/types' {
 	export interface CheckboxNodeDetails {
@@ -34879,8 +35292,6 @@ declare module '@elastic/eui' {
 "euiToast.dismissToast": any;
 "euiGlobalToastList.clearAllToastsButtonAriaLabel": any;
 "euiGlobalToastList.clearAllToastsButtonDisplayText": any;
-"euiTableHeaderCell.titleTextWithDesc": any;
-"euiStat.loadingText": any;
 "euiStepStrings.step": any;
 "euiStepStrings.simpleStep": any;
 "euiStepStrings.complete": any;
@@ -34897,18 +35308,20 @@ declare module '@elastic/eui' {
 "euiStepStrings.simpleLoading": any;
 "euiStepStrings.current": any;
 "euiStepStrings.simpleCurrent": any;
-"euiSkeletonLoading.loadedAriaText": any;
-"euiSkeletonLoading.loadingAriaText": any;
+"euiTableHeaderCell.titleTextWithDesc": any;
+"euiStat.loadingText": any;
 "euiSelectable.loadingOptions": any;
 "euiSelectable.noMatchingOptions": any;
 "euiSelectable.noAvailableOptions": any;
 "euiSelectable.screenReaderInstructions": any;
 "euiSelectable.placeholderName": any;
 "euiSelectable.searchResults": any;
-"euiSideNav.mobileToggleAriaLabel": any;
+"euiSkeletonLoading.loadedAriaText": any;
+"euiSkeletonLoading.loadingAriaText": any;
 "euiSearchBox.placeholder": any;
 "euiSearchBox.incrementalAriaLabel": any;
 "euiSearchBox.ariaLabel": any;
+"euiSideNav.mobileToggleAriaLabel": any;
 "euiResizablePanel.toggleButtonAriaLabel": any;
 "euiResizableButton.horizontalResizerAriaLabel": any;
 "euiResizableButton.verticalResizerAriaLabel": any;
@@ -34928,10 +35341,10 @@ declare module '@elastic/eui' {
 "euiPagination.of": any;
 "euiPagination.collection": any;
 "euiPagination.fromEndLabel": 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;
@@ -34950,31 +35363,32 @@ declare module '@elastic/eui' {
 "euiLoadingStrings.ariaLabel": any;
 "euiExternalLinkIcon.newTarget.screenReaderOnlyText": any;
 "euiExternalLinkIcon.externalTarget.screenReaderOnlyText": any;
+"euiImageButton.openFullScreen": any;
+"euiImageButton.closeFullScreen": any;
 "euiInlineEditForm.saveButtonAriaLabel": any;
 "euiInlineEditForm.cancelButtonAriaLabel": any;
 "euiInlineEditForm.inputKeyboardInstructions": any;
 "euiInlineEditForm.activateEditModeDescription": any;
-"euiImageButton.openFullScreen": any;
-"euiImageButton.closeFullScreen": any;
 "euiForm.addressFormErrors": any;
-"euiFilterButton.filterBadgeActiveAriaLabel": any;
-"euiFilterButton.filterBadgeAvailableAriaLabel": any;
 "euiFlyoutMenu.back": any;
 "euiFlyoutMenu.history": any;
 "euiFlyout.screenReaderModalDialog": any;
 "euiFlyout.screenReaderNoOverlayMaskDialog": any;
 "euiFlyout.screenReaderFocusTrapShards": any;
 "euiFlyoutCloseButton.ariaLabel": any;
+"euiFilterButton.filterBadgeActiveAriaLabel": any;
+"euiFilterButton.filterBadgeAvailableAriaLabel": any;
 "euiErrorBoundary.error": any;
 "euiDataGrid.ariaLabel": any;
 "euiDataGrid.ariaLabelledBy": any;
 "euiDataGrid.screenReaderNotice": any;
-"euiHue.ariaValueText": any;
-"euiHue.ariaRoleDescription": any;
-"euiHue.label": any;
+"euiComboBox.listboxAriaLabel": any;
 "euiSaturation.ariaLabel": any;
 "euiSaturation.roleDescription": any;
 "euiSaturation.screenReaderInstructions": any;
+"euiHue.ariaValueText": any;
+"euiHue.ariaRoleDescription": any;
+"euiHue.label": any;
 "euiColorPickerSwatch.ariaLabel": any;
 "euiColorPicker.popoverLabel": any;
 "euiColorPicker.colorLabel": any;
@@ -34984,13 +35398,13 @@ declare module '@elastic/eui' {
 "euiColorPicker.alphaLabel": any;
 "euiColorPicker.openLabel": any;
 "euiColorPicker.closeLabel": any;
+"euiColorPicker.ariaLabel": any;
 "euiCollapsibleNavBeta.ariaLabel": any;
-"euiComboBox.listboxAriaLabel": any;
 "euiCodeBlockFullScreen.fullscreenCollapse": any;
 "euiCodeBlockFullScreen.fullscreenExpand": any;
 "euiCodeBlockFullScreen.ariaLabel": any;
-"euiCodeBlockAnnotations.ariaLabel": any;
 "euiCodeBlockCopy.copy": any;
+"euiCodeBlockAnnotations.ariaLabel": any;
 "euiCodeBlock.label": any;
 "euiCallOut.dismissAriaLabel": any;
 "euiBreadcrumbs.nav.ariaLabel": any;
@@ -35181,7 +35595,6 @@ declare module '@elastic/eui' {
 "euiKeyboardShortcuts.escapeDescription": any;
 "euiFullscreenSelector.fullscreenButton": any;
 "euiFullscreenSelector.fullscreenButtonActive": any;
-"euiDataGridToolbarControl.badgeAriaLabel": any;
 "euiDisplaySelector.densityLabel": any;
 "euiDisplaySelector.labelCompact": any;
 "euiDisplaySelector.labelNormal": any;
@@ -35192,6 +35605,13 @@ declare module '@elastic/eui' {
 "euiDisplaySelector.labelMax": any;
 "euiDisplaySelector.buttonText": any;
 "euiDisplaySelector.resetButtonText": any;
+"euiDataGridToolbarControl.badgeAriaLabel": any;
+"euiColumnSortingDraggable.defaultSortAsc": any;
+"euiColumnSortingDraggable.defaultSortDesc": any;
+"euiColumnSortingDraggable.dragHandleAriaLabel": any;
+"euiColumnSortingDraggable.activeSortLabel": any;
+"euiColumnSortingDraggable.removeSortLabel": any;
+"euiColumnSortingDraggable.toggleLegend": any;
 "euiColumnSorting.button": any;
 "euiColumnSorting.sortFieldAriaLabel": any;
 "euiColumnSorting.emptySorting": any;
@@ -35203,19 +35623,7 @@ declare module '@elastic/eui' {
 "euiColumnSelector.searchcolumns": any;
 "euiColumnSelector.selectAll": any;
 "euiColumnSelector.hideAll": any;
-"euiColumnSortingDraggable.defaultSortAsc": any;
-"euiColumnSortingDraggable.defaultSortDesc": any;
-"euiColumnSortingDraggable.dragHandleAriaLabel": any;
-"euiColumnSortingDraggable.activeSortLabel": any;
-"euiColumnSortingDraggable.removeSortLabel": any;
-"euiColumnSortingDraggable.toggleLegend": any;
-"euiCollapsibleNavButton.ariaLabelExpand": any;
-"euiCollapsibleNavButton.ariaLabelCollapse": any;
-"euiCollapsibleNavButton.ariaLabelOpen": any;
-"euiCollapsibleNavButton.ariaLabelClose": any;
-"euiCollapsibleNavKibanaSolution.switcherTitle": any;
-"euiCollapsibleNavKibanaSolution.switcherAriaLabel": any;
-"euiCollapsibleNavKibanaSolution.groupLabel": any;
+"euiComboBoxPill.removeSelection": any;
 "euiComboBoxOptionsList.loadingOptions": any;
 "euiComboBoxOptionsList.delimiterMessage": any;
 "euiComboBoxOptionsList.alreadyAdded": any;
@@ -35223,7 +35631,13 @@ declare module '@elastic/eui' {
 "euiComboBoxOptionsList.noMatchingOptions": any;
 "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;
@@ -35252,10 +35666,10 @@ declare module '@elastic/eui' {
 "euiDatePopoverContent.nowTabContent": any;
 "euiDatePopoverContent.nowTabButtonStart": any;
 "euiDatePopoverContent.nowTabButtonEnd": any;
-"euiAbsoluteTab.dateFormatButtonLabel": any;
-"euiAbsoluteTab.dateFormatError": any;
 "euiDatePopoverButton.invalidTitle": any;
 "euiDatePopoverButton.outdatedTitle": any;
+"euiAbsoluteTab.dateFormatButtonLabel": any;
+"euiAbsoluteTab.dateFormatError": any;
 "euiDataGridHeaderCell.sortedByAscendingSingle": any;
 "euiDataGridHeaderCell.sortedByDescendingSingle": any;
 "euiDataGridHeaderCell.sortedByAscendingFirst": any;