@elastic/eui 113.2.1 → 113.3.0

package/eui.d.ts

@@ -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,16 @@ 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[];
 	}
 	export interface PushPaddingOffsets {
 	    /** Push padding applied to the left side (in pixels) */
@@ -12352,7 +12376,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, iconType?: IconType, minWidth?: number) => void;
 	    closeFlyout: (flyoutId: string) => void;
 	    closeAllFlyouts: () => void;
 	    setActiveFlyout: (flyoutId: string | null) => void;
@@ -12360,17 +12384,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 +12437,7 @@ declare module '@elastic/eui/src/components/flyout/manager/actions' {
 	    title: string;
 	    level: EuiFlyoutLevel;
 	    size?: string;
+	    iconType?: IconType;
 	    minWidth?: number;
 	}
 	/** Remove a flyout from manager state. Also updates the active session. */
@@ -12448,10 +12475,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 +12513,9 @@ 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 `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, iconType?: IconType, minWidth?: number) => AddFlyoutAction;
 	/** Unregister a flyout and update the session accordingly. */
 	export const closeFlyout: (flyoutId: string) => CloseFlyoutAction;
 	/** Unregister all flyouts. */
@@ -12500,8 +12530,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 +12559,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 +12576,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, iconType?: IconType, minWidth?: number) => void;
 	    closeFlyout: (flyoutId: string) => void;
 	    closeAllFlyouts: () => void;
 	    setActiveFlyout: (flyoutId: string | null) => void;
@@ -12553,11 +12584,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 +13038,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 +13060,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)
@@ -13143,6 +13185,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 +13195,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 +13243,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;
 	    /**
@@ -14243,6 +14296,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 +14609,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 {
@@ -14372,8 +14730,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 +14793,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.
@@ -19061,6 +19430,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 +19466,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;

package/lib/components/basic_table/collapsed_item_actions.js

@@ -71,6 +71,7 @@ var CollapsedItemActions = exports.CollapsedItemActions = function CollapsedItem
         var toolTipContent = (0, _action_types.callWithItemIfFunction)(item)(action.description);
         var href = (0, _action_types.callWithItemIfFunction)(item)(action.href);
         var dataTestSubj = (0, _action_types.callWithItemIfFunction)(item)(action['data-test-subj']);
+        var color = action.color ? (0, _action_types.callWithItemIfFunction)(item)(action.color) : undefined;
         var _onClick = action.onClick,
           target = action.target;
         controls.push((0, _react2.jsx)(_context_menu.EuiContextMenuItem, {
@@ -80,6 +81,7 @@ var CollapsedItemActions = exports.CollapsedItemActions = function CollapsedItem
           href: href,
           target: target,
           icon: icon,
+          color: color,
           "data-test-subj": dataTestSubj,
           onClick: function onClick(event) {
             event.persist();