@elastic/eui 91.3.0 → 92.0.0

package/eui.d.ts

@@ -126,7 +126,7 @@ declare module '@elastic/eui/src/components/common' {
 	/**
 	 * Wraps Object.keys with proper typescript definition of the resulting array
 	 */
-	export function keysOf<T, K extends keyof T>(obj: T): K[];
+	export function keysOf<T extends object, K extends keyof T>(obj: T): K[];
 	/**
 	 * Like `keyof typeof`, but for getting values instead of keys
 	 * ValueOf<typeof {key1: 'value1', key2: 'value2'}>
@@ -7237,14 +7237,16 @@ declare module '@elastic/eui/src/components/form/range/range_slider.styles' {
 
 }
 declare module '@elastic/eui/src/components/form/range/range_slider' {
-	import React, { ChangeEventHandler, InputHTMLAttributes } from 'react';
+	import { ChangeEventHandler, InputHTMLAttributes, FunctionComponent } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiResizeObserverProps } from '@elastic/eui/src/components/observer/resize_observer';
 	import type { EuiRangeProps, EuiRangeLevel } from '@elastic/eui/src/components/form/range/types';
-	export interface EuiRangeSliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'min' | 'max' | 'step'>, CommonProps, Pick<EuiRangeProps, 'id' | 'name' | 'tabIndex' | 'min' | 'max' | 'step' | 'disabled' | 'isLoading' | 'showRange' | 'showTicks'> {
+	export interface EuiRangeSliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'min' | 'max' | 'step' | 'onResize'>, CommonProps, Pick<EuiRangeProps, 'id' | 'name' | 'tabIndex' | 'min' | 'max' | 'step' | 'disabled' | 'isLoading' | 'showRange' | 'showTicks'> {
 	    onChange?: ChangeEventHandler<HTMLInputElement>;
 	    thumbColor?: EuiRangeLevel['color'];
+	    onResize: EuiResizeObserverProps['onResize'];
 	}
-	export const EuiRangeSlider: React.ForwardRefExoticComponent<EuiRangeSliderProps & React.RefAttributes<HTMLInputElement>>;
+	export const EuiRangeSlider: FunctionComponent<EuiRangeSliderProps>;
 
 }
 declare module '@elastic/eui/src/components/form/range/range_thumb.styles' {
@@ -7370,15 +7372,11 @@ declare module '@elastic/eui/src/components/form/range/dual_range' {
 	    };
 	    state: {
 	        id: string;
-	        rangeSliderRefAvailable: boolean;
 	        isPopoverOpen: boolean;
 	        rangeWidth: number;
-	        isVisible: boolean;
 	    };
 	    get isInPopover(): boolean;
 	    preventPopoverClose: boolean;
-	    rangeSliderRef: HTMLInputElement | null;
-	    handleRangeSliderRefUpdate: (ref: HTMLInputElement | null) => void;
 	    private leftPosition;
 	    private dragAcc;
 	    get lowerValue(): string | number;
@@ -7386,8 +7384,6 @@ declare module '@elastic/eui/src/components/form/range/dual_range' {
 	    get lowerValueIsValid(): boolean;
 	    get upperValueIsValid(): boolean;
 	    get isValid(): boolean;
-	    componentDidMount(): void;
-	    componentDidUpdate(): void;
 	    _determineInvalidThumbMovement: (newVal: ValueMember, lower: ValueMember, upper: ValueMember, e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLInputElement>) => void;
 	    _determineValidThumbMovement: (newVal: ValueMember, lower: ValueMember, upper: ValueMember, e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
 	    _determineThumbMovement: (newVal: number, e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
@@ -7410,7 +7406,9 @@ declare module '@elastic/eui/src/components/form/range/dual_range' {
 	    onInputFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
 	    onInputBlur: (e: React.FocusEvent<HTMLInputElement>) => NodeJS.Timeout;
 	    closePopover: () => void;
-	    onResize: (width: number) => void;
+	    setRangeWidth: ({ width }: {
+	        width: number;
+	    }) => void;
 	    getNearestStep: (value: number) => number;
 	    handleDrag: (x: number, isFirstInteraction?: boolean | undefined) => void;
 	    render(): React.JSX.Element;
@@ -7470,7 +7468,9 @@ declare module '@elastic/eui/src/components/form/range/range' {
 	    };
 	    handleOnChange: (e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
 	    get isValid(): boolean;
-	    rangeSliderRef: (ref: HTMLInputElement | null) => void;
+	    setTrackWidth: ({ width }: {
+	        width: number;
+	    }) => void;
 	    onInputFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
 	    onInputBlur: (e: React.FocusEvent<HTMLInputElement>) => NodeJS.Timeout;
 	    closePopover: () => void;
@@ -7713,9 +7713,15 @@ declare module '@elastic/eui/src/components/form/switch' {
 declare module '@elastic/eui/src/components/form/text_area/text_area' {
 	import { TextareaHTMLAttributes, Ref, FunctionComponent } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiFormControlLayoutIconsProps } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_icons';
 	export type EuiTextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & CommonProps & {
+	    icon?: EuiFormControlLayoutIconsProps['icon'];
 	    isLoading?: boolean;
 	    isInvalid?: boolean;
+	    /**
+	     * Shows a button that allows users to quickly clear the textarea
+	     */
+	    isClearable?: boolean;
 	    /**
 	     * Expand to fill 100% of the parent.
 	     * Defaults to `fullWidth` prop of `<EuiForm>`.
@@ -8515,7 +8521,7 @@ declare module '@elastic/eui/src/services/sort/comparators' {
 	    default: (direction?: 'asc' | 'desc') => (v1: Primitive, v2: Primitive) => number;
 	    reverse: <T>(comparator: Comparator<T>) => Comparator<T>;
 	    value<T_1>(valueCallback: (value: T_1) => Primitive, comparator?: Comparator<Primitive> | undefined): Comparator<T_1>;
-	    property<T_2>(prop: string, comparator?: Comparator<Primitive> | undefined): Comparator<T_2>;
+	    property<T_2 extends object>(prop: string, comparator?: Comparator<Primitive> | undefined): Comparator<T_2>;
 	}>;
 	export {};
 
@@ -10839,135 +10845,651 @@ declare module '@elastic/eui/src/components/flyout/flyout_header' {
 	export const EuiFlyoutHeader: EuiFlyoutHeaderProps;
 
 }
-declare module '@elastic/eui/src/components/flyout' {
-	export type { EuiFlyoutProps, EuiFlyoutSize } from '@elastic/eui/src/components/flyout/flyout';
-	export { EuiFlyout } from '@elastic/eui/src/components/flyout/flyout';
-	export type { EuiFlyoutBodyProps } from '@elastic/eui/src/components/flyout/flyout_body';
-	export { EuiFlyoutBody } from '@elastic/eui/src/components/flyout/flyout_body';
-	export type { EuiFlyoutFooterProps } from '@elastic/eui/src/components/flyout/flyout_footer';
-	export { EuiFlyoutFooter } from '@elastic/eui/src/components/flyout/flyout_footer';
-	export type { EuiFlyoutHeaderProps } from '@elastic/eui/src/components/flyout/flyout_header';
-	export { EuiFlyoutHeader } from '@elastic/eui/src/components/flyout/flyout_header';
-	export { euiFlyoutSlideInRight, euiFlyoutSlideInLeft } from '@elastic/eui/src/components/flyout/flyout.styles';
+declare module '@elastic/eui/src/components/resizable_container/types' {
+	import { KeyboardEvent, MouseEvent, TouchEvent } from 'react';
+	export type PanelModeType = 'collapsible' | 'main' | 'custom';
+	export type PanelPosition = 'first' | 'middle' | 'last';
+	export type PanelDirection = 'left' | 'right';
+	export type KeyMoveDirection = 'forward' | 'backward';
+	export type ResizeTrigger = 'pointer' | 'key';
+	export interface EuiResizablePanelController {
+	    id: string;
+	    size: number;
+	    getSizePx: () => number;
+	    minSize: string[];
+	    mode?: PanelModeType;
+	    isCollapsed: boolean;
+	    prevSize: number;
+	    position: PanelPosition;
+	}
+	export interface EuiResizableButtonController {
+	    id: string;
+	    ref: HTMLElement;
+	    isDisabled: boolean;
+	    isFocused: boolean;
+	}
+	export interface EuiResizableContainerRegistry {
+	    panels: {
+	        [key: string]: EuiResizablePanelController;
+	    };
+	    resizers: {
+	        [key: string]: EuiResizableButtonController;
+	    };
+	}
+	export type EuiResizableButtonMouseEvent = MouseEvent<HTMLButtonElement> | TouchEvent<HTMLButtonElement>;
+	export type EuiResizableButtonKeyEvent = KeyboardEvent<HTMLButtonElement>;
+	export interface EuiResizableContainerState {
+	    isDragging: boolean;
+	    currentResizerPos: number;
+	    prevPanelId: string | null;
+	    nextPanelId: string | null;
+	    containerSize: number;
+	    isHorizontal?: boolean;
+	    panels: EuiResizableContainerRegistry['panels'];
+	    resizers: EuiResizableContainerRegistry['resizers'];
+	}
+	export interface ActionToggleOptions {
+	    direction: PanelDirection;
+	}
+	interface ActionReset {
+	    type: 'EUI_RESIZABLE_RESET';
+	}
+	interface ActionInit {
+	    type: 'EUI_RESIZABLE_CONTAINER_INIT';
+	    payload: {
+	        isHorizontal: boolean;
+	    };
+	}
+	export interface ActionDragStart {
+	    type: 'EUI_RESIZABLE_DRAG_START';
+	    payload: {
+	        prevPanelId: string;
+	        nextPanelId: string;
+	        position: number;
+	    };
+	}
+	export interface ActionDragMove {
+	    type: 'EUI_RESIZABLE_DRAG_MOVE';
+	    payload: {
+	        prevPanelId: string;
+	        nextPanelId: string;
+	        position: number;
+	    };
+	}
+	export interface ActionKeyMove {
+	    type: 'EUI_RESIZABLE_KEY_MOVE';
+	    payload: {
+	        prevPanelId: string;
+	        nextPanelId: string;
+	        direction: KeyMoveDirection;
+	    };
+	}
+	export interface ActionResize {
+	    type: 'EUI_RESIZABLE_RESIZE';
+	    payload: {};
+	}
+	export interface ActionToggle {
+	    type: 'EUI_RESIZABLE_TOGGLE';
+	    payload: {
+	        panelId: string;
+	        options: ActionToggleOptions;
+	    };
+	}
+	interface ActionRegisterPanel {
+	    type: 'EUI_RESIZABLE_PANEL_REGISTER';
+	    payload: {
+	        panel: EuiResizablePanelController;
+	    };
+	}
+	interface ActionDeregisterPanel {
+	    type: 'EUI_RESIZABLE_PANEL_DEREGISTER';
+	    payload: {
+	        panelId: EuiResizablePanelController['id'];
+	    };
+	}
+	interface ActionRegisterResizer {
+	    type: 'EUI_RESIZABLE_BUTTON_REGISTER';
+	    payload: {
+	        resizer: EuiResizableButtonController;
+	    };
+	}
+	interface ActionDeregisterResizer {
+	    type: 'EUI_RESIZABLE_BUTTON_DEREGISTER';
+	    payload: {
+	        resizerId: EuiResizableButtonController['id'];
+	    };
+	}
+	export interface ActionFocus {
+	    type: 'EUI_RESIZABLE_BUTTON_FOCUS';
+	    payload: {
+	        resizerId: EuiResizableButtonController['id'];
+	    };
+	}
+	interface ActionBlur {
+	    type: 'EUI_RESIZABLE_BUTTON_BLUR';
+	}
+	interface ActionOnChange {
+	    type: 'EUI_RESIZABLE_ONCHANGE';
+	}
+	export type EuiResizableContainerAction = ActionReset | ActionInit | ActionRegisterPanel | ActionDeregisterPanel | ActionRegisterResizer | ActionDeregisterResizer | ActionDragStart | ActionDragMove | ActionKeyMove | ActionResize | ActionToggle | ActionFocus | ActionBlur | ActionOnChange;
+	export interface EuiResizableContainerActions {
+	    reset: () => void;
+	    initContainer: (isHorizontal: boolean) => void;
+	    registerPanel: (panel: EuiResizablePanelController) => void;
+	    deregisterPanel: (panelId: EuiResizablePanelController['id']) => void;
+	    registerResizer: (resizer: EuiResizableButtonController) => void;
+	    deregisterResizer: (resizerId: EuiResizableButtonController['id']) => void;
+	    dragStart: ({ prevPanelId, nextPanelId, position, }: ActionDragStart['payload']) => void;
+	    dragMove: ({ prevPanelId, nextPanelId, position, }: ActionDragMove['payload']) => void;
+	    keyMove: ({ prevPanelId, nextPanelId, direction, }: ActionKeyMove['payload']) => void;
+	    resizerFocus: (resizerId: ActionFocus['payload']['resizerId']) => void;
+	    resizerBlur: () => void;
+	    togglePanel: (panelId: ActionToggle['payload']['panelId'], options: ActionToggle['payload']['options']) => void;
+	}
+	export {};
 
 }
-declare module '@elastic/eui/src/components/collapsible_nav/collapsible_nav.styles' {
+declare module '@elastic/eui/src/components/resizable_container/context' {
+	import React from 'react';
+	import { EuiResizableContainerRegistry } from '@elastic/eui/src/components/resizable_container/types';
+	interface ContainerContextProps {
+	    registry?: EuiResizableContainerRegistry;
+	}
+	interface ContextProviderProps extends Required<ContainerContextProps> {
+	    /**
+	     * ReactNode to render as this component's content
+	     */
+	    children: any;
+	}
+	export function EuiResizableContainerContextProvider({ children, registry, }: ContextProviderProps): React.JSX.Element;
+	export const useEuiResizableContainerContext: () => ContainerContextProps;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/resizable_container/resizable_button.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiCollapsibleNavStyles: ({ euiTheme }: UseEuiTheme) => {
-	    euiCollapsibleNav: import("@emotion/utils").SerializedStyles;
-	    push: import("@emotion/utils").SerializedStyles;
-	    overlay: import("@emotion/utils").SerializedStyles;
+	export const euiResizableButtonStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiResizableButton: import("@emotion/utils").SerializedStyles;
+	    horizontal: import("@emotion/utils").SerializedStyles;
+	    vertical: import("@emotion/utils").SerializedStyles;
+	    alignIndicator: {
+	        center: import("@emotion/utils").SerializedStyles;
+	        start: import("@emotion/utils").SerializedStyles;
+	        end: import("@emotion/utils").SerializedStyles;
+	    };
 	};
 
 }
-declare module '@elastic/eui/src/components/collapsible_nav/collapsible_nav' {
-	import { FunctionComponent, ReactElement, ReactNode } from 'react';
-	import { EuiFlyoutProps } from '@elastic/eui/src/components/flyout';
-	export type EuiCollapsibleNavProps = Omit<EuiFlyoutProps, 'type' | 'pushBreakpoint'> & {
+declare module '@elastic/eui/src/components/resizable_container/resizable_button' {
+	import React, { FunctionComponent, ButtonHTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiResizableButtonController, EuiResizableButtonMouseEvent, EuiResizableButtonKeyEvent } from '@elastic/eui/src/components/resizable_container/types';
+	export type EuiResizableButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & CommonProps & {
 	    /**
-	     * ReactNode to render as this component's content
+	     * Defaults to displaying a resizer for vertical (y-axis) resizing.
+	     * Set to `true` to display a resizer for horizontal (x-axis) resizing.
 	     */
-	    children?: ReactNode;
+	    isHorizontal?: boolean;
 	    /**
-	     * Shows the navigation flyout
+	     * Specify the alignment of the initial resize indicator. Defaults to `center`,
+	     * but consider using `start` for extremely tall content that scrolls off-screen
 	     */
-	    isOpen?: boolean;
+	    alignIndicator?: 'center' | 'start' | 'end';
 	    /**
-	     * Keeps navigation flyout visible and push `<body>` content via padding
+	     * When disabled, the resizer button will be completely hidden
 	     */
-	    isDocked?: boolean;
+	    disabled?: boolean;
+	};
+	/**
+	 * A generic button for indicating/facilitating resizable content,
+	 * usable outside of the EuiResizableContainer context
+	 */
+	export const EuiResizableButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & CommonProps & {
 	    /**
-	     * Named breakpoint (`xs` through `xl`) for customizing the minimum window width to enable docking
+	     * Defaults to displaying a resizer for vertical (y-axis) resizing.
+	     * Set to `true` to display a resizer for horizontal (x-axis) resizing.
 	     */
-	    dockedBreakpoint?: EuiFlyoutProps['pushMinBreakpoint'];
+	    isHorizontal?: boolean | undefined;
 	    /**
-	     * Button for controlling visible state of the nav
+	     * Specify the alignment of the initial resize indicator. Defaults to `center`,
+	     * but consider using `start` for extremely tall content that scrolls off-screen
 	     */
-	    button?: ReactElement;
+	    alignIndicator?: "center" | "end" | "start" | undefined;
 	    /**
-	     * Keeps the display of toggle button when in docked state
+	     * When disabled, the resizer button will be completely hidden
 	     */
-	    showButtonIfDocked?: boolean;
+	    disabled?: boolean | undefined;
+	} & React.RefAttributes<HTMLButtonElement>>;
+	/**
+	 * Resizer button specific to controlled EuiResizableContainer usage
+	 */
+	export type EuiResizableButtonControls = Omit<EuiResizableButtonProps, 'onFocus'> & {
+	    registration: {
+	        register: (resizer: EuiResizableButtonController) => void;
+	        deregister: (resizerId: EuiResizableButtonController['id']) => void;
+	    };
+	    onKeyDown: (e: EuiResizableButtonKeyEvent) => void;
+	    onKeyUp: (e: EuiResizableButtonKeyEvent) => void;
+	    onMouseDown: (e: EuiResizableButtonMouseEvent) => void;
+	    onTouchStart: (e: EuiResizableButtonMouseEvent) => void;
+	    onBlur: () => void;
+	    onFocus: (id: string) => void;
 	};
-	export const EuiCollapsibleNav: FunctionComponent<EuiCollapsibleNavProps>;
-
-}
-declare module '@elastic/eui/src/components/collapsible_nav' {
-	export type { EuiCollapsibleNavGroupProps } from '@elastic/eui/src/components/collapsible_nav/collapsible_nav_group';
-	export { EuiCollapsibleNavGroup } from '@elastic/eui/src/components/collapsible_nav/collapsible_nav_group';
-	export type { EuiCollapsibleNavProps } from '@elastic/eui/src/components/collapsible_nav/collapsible_nav';
-	export { EuiCollapsibleNav } from '@elastic/eui/src/components/collapsible_nav/collapsible_nav';
+	export const EuiResizableButtonControlled: FunctionComponent<Partial<EuiResizableButtonControls>>;
+	export const euiResizableButtonWithControls: (controls: EuiResizableButtonControls) => (props: CommonProps) => React.JSX.Element;
 
 }
-declare module '@elastic/eui/src/components/header/header.styles' {
+declare module '@elastic/eui/src/components/resizable_container/resizable_collapse_button.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiHeaderVariables: (euiThemeContext: UseEuiTheme) => {
-	    height: string;
-	    childHeight: string;
-	    padding: string;
-	};
-	export const euiHeaderStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiHeader: import("@emotion/utils").SerializedStyles;
-	    static: import("@emotion/utils").SerializedStyles;
-	    fixed: import("@emotion/utils").SerializedStyles;
-	    default: import("@emotion/utils").SerializedStyles;
-	    dark: import("@emotion/utils").SerializedStyles;
+	export const euiResizableCollapseButtonStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiResizableCollapseButton: import("@emotion/utils").SerializedStyles;
+	    collapsible: {
+	        collapsible: import("@emotion/utils").SerializedStyles;
+	        horizontal: {
+	            after: import("@emotion/utils").SerializedStyles;
+	            before: import("@emotion/utils").SerializedStyles;
+	            middle: import("@emotion/utils").SerializedStyles;
+	            top: import("@emotion/utils").SerializedStyles;
+	            bottom: import("@emotion/utils").SerializedStyles;
+	            readonly left: import("@emotion/utils").SerializedStyles;
+	            readonly right: import("@emotion/utils").SerializedStyles;
+	        };
+	        vertical: {
+	            after: import("@emotion/utils").SerializedStyles;
+	            before: import("@emotion/utils").SerializedStyles;
+	            middle: import("@emotion/utils").SerializedStyles;
+	            left: import("@emotion/utils").SerializedStyles;
+	            right: import("@emotion/utils").SerializedStyles;
+	            readonly top: import("@emotion/utils").SerializedStyles;
+	            readonly bottom: import("@emotion/utils").SerializedStyles;
+	        };
+	    };
+	    collapsed: {
+	        collapsed: import("@emotion/utils").SerializedStyles;
+	        horizontal: import("@emotion/utils").SerializedStyles;
+	        vertical: import("@emotion/utils").SerializedStyles;
+	        horizontalPositions: {
+	            top: import("@emotion/utils").SerializedStyles;
+	            bottom: import("@emotion/utils").SerializedStyles;
+	            middle: import("@emotion/utils").SerializedStyles;
+	            left: import("@emotion/utils").SerializedStyles;
+	            right: import("@emotion/utils").SerializedStyles;
+	        };
+	        verticalPositions: {
+	            left: import("@emotion/utils").SerializedStyles;
+	            right: import("@emotion/utils").SerializedStyles;
+	            middle: import("@emotion/utils").SerializedStyles;
+	            top: import("@emotion/utils").SerializedStyles;
+	            bottom: import("@emotion/utils").SerializedStyles;
+	        };
+	    };
 	};
 
 }
-declare module '@elastic/eui/src/components/collapsible_nav_beta/context' {
-	
-	import { _EuiFlyoutSide } from '@elastic/eui/src/components/flyout/flyout'; type _EuiCollapsibleNavContext = {
-	    isCollapsed: boolean;
-	    isPush: boolean;
-	    isOverlayOpen: boolean;
-	    side: _EuiFlyoutSide;
+declare module '@elastic/eui/src/components/resizable_container/resizable_collapse_button' {
+	import { FunctionComponent } from 'react';
+	import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
+	import { ToggleOptions } from '@elastic/eui/src/components/resizable_container/resizable_panel';
+	import { EuiResizableContainerProps } from '@elastic/eui/src/components/resizable_container/resizable_container';
+	export type EuiResizableCollapseButtonProps = Omit<EuiButtonIconPropsForButton, 'iconType'> & {
+	    /**
+	     * Position of the toggle button.
+	     * Enums based on the `direction` of the EuiResizableContainer
+	     */
+	    internalPosition?: ToggleOptions['position'];
+	    /**
+	     * Position of the toggle button.
+	     * Enums based on the `direction` of the EuiResizableContainer
+	     */
+	    externalPosition?: 'before' | 'after';
+	    /**
+	     * Same direction derived from EuiResizableContainer
+	     */
+	    direction?: EuiResizableContainerProps['direction'];
+	    isVisible?: boolean;
+	    isCollapsed?: boolean;
 	};
-	export const EuiCollapsibleNavContext: import("react").Context<_EuiCollapsibleNavContext>;
-	export {};
+	export const EuiResizableCollapseButton: FunctionComponent<EuiResizableCollapseButtonProps>;
 
 }
-declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.styles' {
+declare module '@elastic/eui/src/components/resizable_container/resizable_panel.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiCollapsibleNavButtonWrapperStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiCollapsibleNavButtonWrapper: import("@emotion/utils").SerializedStyles;
-	    euiCollapsibleNavButton: import("@emotion/utils").SerializedStyles;
-	    left: import("@emotion/utils").SerializedStyles;
-	    right: import("@emotion/utils").SerializedStyles;
+	export const euiResizablePanelStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiResizablePanel: import("@emotion/utils").SerializedStyles;
+	    collapsed: import("@emotion/utils").SerializedStyles;
+	    paddingSizes: {
+	        none: null;
+	        xs: import("@emotion/utils").SerializedStyles;
+	        s: import("@emotion/utils").SerializedStyles;
+	        m: import("@emotion/utils").SerializedStyles;
+	        l: import("@emotion/utils").SerializedStyles;
+	        xl: import("@emotion/utils").SerializedStyles;
+	    };
+	};
+	export const euiResizablePanelContentStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiResizablePanel__content: import("@emotion/utils").SerializedStyles;
+	    scrollable: import("@emotion/utils").SerializedStyles;
+	    collapsedChildren: import("@emotion/utils").SerializedStyles;
+	    horizontal: {
+	        collapsed: import("@emotion/utils").SerializedStyles;
+	        hasCollapsibleButton: import("@emotion/utils").SerializedStyles;
+	    };
+	    vertical: {
+	        collapsed: import("@emotion/utils").SerializedStyles;
+	        hasCollapsibleButton: import("@emotion/utils").SerializedStyles;
+	    };
 	};
 
 }
-declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button' {
-	import React from 'react';
+declare module '@elastic/eui/src/components/resizable_container/resizable_panel' {
+	import React, { CSSProperties, ReactNode, FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
-	export type EuiCollapsibleNavButtonProps = CommonProps & Partial<EuiButtonIconPropsForButton>;
-	export const EuiCollapsibleNavButton: React.ForwardRefExoticComponent<CommonProps & Partial<EuiButtonIconPropsForButton> & React.RefAttributes<HTMLDivElement>>;
-
-}
-declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button' {
-	export { EuiCollapsibleNavButton } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button';
+	import { PanelPaddingSize, _EuiPanelProps } from '@elastic/eui/src/components/panel/panel';
+	import { EuiResizablePanelController, ActionToggleOptions, PanelModeType } from '@elastic/eui/src/components/resizable_container/types';
+	export interface ToggleOptions {
+	    'data-test-subj'?: string;
+	    className?: string;
+	    /**
+	     * Position of the toggle button.
+	     * Enums based on the `direction` of the EuiResizableContainer
+	     */
+	    position?: 'top' | 'middle' | 'bottom' | 'left' | 'right';
+	}
+	export type ModeOptions = PanelModeType | [PanelModeType, Partial<ToggleOptions>];
+	export type ToggleCollapseCallback = (panelId: EuiResizablePanelController['id'], options: ActionToggleOptions) => void;
+	export const getModeType: (mode?: ModeOptions | undefined) => PanelModeType | undefined;
+	export const getToggleOptions: (mode?: ModeOptions | undefined) => {
+	    'data-test-subj': string | undefined;
+	    className: string | null;
+	    position: string;
+	};
+	export interface EuiResizablePanelControls {
+	    isHorizontal: boolean;
+	    registration: {
+	        register: (panel: EuiResizablePanelController) => void;
+	        deregister: (panelId: EuiResizablePanelController['id']) => void;
+	    };
+	    /**
+	     * #ToggleCollapseCallback
+	     */
+	    onToggleCollapsed?: ToggleCollapseCallback;
+	    onToggleCollapsedInternal: ToggleCollapseCallback;
+	}
+	export interface EuiResizablePanelProps extends _EuiPanelProps, CommonProps, Partial<EuiResizablePanelControls> {
+	    /**
+	     * Specify a desired minimum panel size in pixels or percents,
+	     * for example "300px" or "30%"
+	     * The actual minimum size will be calculated,
+	     * using the larger of this prop and the panelProps.paddingSize
+	     */
+	    minSize?: string;
+	    /**
+	     * Specify id of panel if you want to track panel size in "onPanelWidthChange" callback
+	     */
+	    id?: string;
+	    /**
+	     * Initial size of the panel in percents
+	     * Specify this prop if you don't need to handle the panel size from outside
+	     */
+	    initialSize?: number;
+	    /**
+	     * Size of the panel in percents.
+	     * Specify this prop if you want to control the size from outside, the panel will ignore the "initialSize"
+	     */
+	    size?: number;
+	    /**
+	     * Add Eui scroll and overflow for the panel
+	     */
+	    scrollable?: boolean;
+	    mode?: ModeOptions;
+	    /**
+	     * ReactNode to render as this component's content
+	     */
+	    children: ReactNode;
+	    /**
+	     * Custom CSS properties applied to the wrapping `.euiResizablePanel` div
+	     */
+	    style?: CSSProperties;
+	    /**
+	     * tabIndex={0} provides full keyboard access when content overflows `<EuiResizablePanel />`
+	     */
+	    tabIndex?: number;
+	    /**
+	     * Props to add to the wrapping `.euiResizablePanel` div
+	     */
+	    wrapperProps?: CommonProps & HTMLAttributes<HTMLDivElement>;
+	    /**
+	     * Padding to add directly to the wrapping `.euiResizablePanel` div
+	     * Gives space around the actual panel.
+	     */
+	    wrapperPadding?: PanelPaddingSize;
+	}
+	export const EuiResizablePanel: FunctionComponent<EuiResizablePanelProps>;
+	export function euiResizablePanelWithControls(controls: EuiResizablePanelControls): (props: EuiResizablePanelProps) => React.JSX.Element;
 
 }
-declare module '@elastic/eui/src/themes/themes' {
-	import { EuiThemeSystem } from '@elastic/eui/src/services';
-	export interface EUI_THEME {
-	    text: string;
-	    value: string;
-	    provider?: EuiThemeSystem;
+declare module '@elastic/eui/src/components/resizable_container/helpers' {
+	import { MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
+	import { EuiResizableContainerRegistry, EuiResizableContainerState, EuiResizableContainerActions } from '@elastic/eui/src/components/resizable_container/types';
+	interface Params {
+	    initialState: EuiResizableContainerState;
+	    containerRef: React.RefObject<HTMLDivElement>;
+	    onPanelWidthChange?: ({}: {
+	        [key: string]: number;
+	    }) => any;
 	}
-	export const EUI_THEMES: EUI_THEME[];
-	export const isDefaultTheme: (name: string) => boolean;
+	export const pxToPercent: (proportion: number, whole: number) => number;
+	export const sizesOnly: (panelObject: EuiResizableContainerRegistry['panels']) => {
+	    [key: string]: number;
+	};
+	export const getPanelMinSize: (panelMinSize: string[], containerSize: number) => number;
+	export const getPosition: (event: ReactMouseEvent | ReactTouchEvent, isHorizontal: boolean) => number;
+	export const useContainerCallbacks: ({ initialState, containerRef, onPanelWidthChange, }: Params) => [EuiResizableContainerActions, EuiResizableContainerState];
+	export {};
 
 }
-declare module '@elastic/eui/src/themes' {
-	export type { EUI_THEME } from '@elastic/eui/src/themes/themes';
-	export { EUI_THEMES, isDefaultTheme } from '@elastic/eui/src/themes/themes';
-	export { AMSTERDAM_NAME_KEY, EuiThemeAmsterdam } from '@elastic/eui/src/themes/amsterdam/theme';
-	export * from '@elastic/eui/src/themes/amsterdam';
+declare module '@elastic/eui/src/components/resizable_container/resizable_container.styles' {
+	export const euiResizableContainerStyles: () => {
+	    euiResizableContainer: import("@emotion/utils").SerializedStyles;
+	    horizontal: import("@emotion/utils").SerializedStyles;
+	    vertical: import("@emotion/utils").SerializedStyles;
+	};
 
 }
-declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_body_footer.styles' {
+declare module '@elastic/eui/src/components/resizable_container/resizable_container' {
+	import { ReactNode, CSSProperties, FunctionComponent, HTMLAttributes, ComponentType } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiResizableButtonProps } from '@elastic/eui/src/components/resizable_container/resizable_button';
+	import { EuiResizablePanelProps, ToggleCollapseCallback } from '@elastic/eui/src/components/resizable_container/resizable_panel';
+	import { EuiResizableContainerActions, ResizeTrigger } from '@elastic/eui/src/components/resizable_container/types';
+	export interface EuiResizableContainerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>, CommonProps {
+	    /**
+	     * Specify the container direction
+	     */
+	    direction?: 'vertical' | 'horizontal';
+	    /**
+	     * Pure function which accepts Panel and Resizer components in arguments
+	     * and returns a component tree
+	     */
+	    children: (Panel: ComponentType<EuiResizablePanelProps>, Resizer: ComponentType<EuiResizableButtonProps>, actions: Partial<EuiResizableContainerActions>) => ReactNode;
+	    /**
+	     * Pure function which accepts an object where keys are IDs of panels, which sizes were changed,
+	     * and values are actual sizes in percents
+	     */
+	    onPanelWidthChange?: ({}: {
+	        [key: string]: number;
+	    }) => void;
+	    onToggleCollapsed?: ToggleCollapseCallback;
+	    /**
+	     * Called when resizing starts
+	     */
+	    onResizeStart?: (trigger: ResizeTrigger) => void;
+	    /**
+	     * Called when resizing ends
+	     */
+	    onResizeEnd?: () => void;
+	    style?: CSSProperties;
+	}
+	export const EuiResizableContainer: FunctionComponent<EuiResizableContainerProps>;
+
+}
+declare module '@elastic/eui/src/components/resizable_container' {
+	export type { EuiResizableContainerProps } from '@elastic/eui/src/components/resizable_container/resizable_container';
+	export { EuiResizableContainer } from '@elastic/eui/src/components/resizable_container/resizable_container';
+	export type { EuiResizableButtonProps } from '@elastic/eui/src/components/resizable_container/resizable_button';
+	export { EuiResizableButton } from '@elastic/eui/src/components/resizable_container/resizable_button';
+
+}
+declare module '@elastic/eui/src/components/flyout/flyout_resizable.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiFlyoutResizableButtonStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiFlyoutResizableButton: import("@emotion/utils").SerializedStyles;
+	    left: import("@emotion/utils").SerializedStyles;
+	    right: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/flyout/flyout_resizable' {
+	import React from 'react';
+	import { EuiFlyoutProps } from '@elastic/eui/src/components/flyout/flyout';
+	export type EuiFlyoutResizableProps = Omit<EuiFlyoutProps, 'maxWidth'> & {
+	    maxWidth?: number;
+	    minWidth?: number;
+	};
+	export const EuiFlyoutResizable: React.ForwardRefExoticComponent<Omit<EuiFlyoutResizableProps, "ref"> & React.RefAttributes<unknown>>;
+
+}
+declare module '@elastic/eui/src/components/flyout' {
+	export type { EuiFlyoutProps, EuiFlyoutSize } from '@elastic/eui/src/components/flyout/flyout';
+	export { EuiFlyout } from '@elastic/eui/src/components/flyout/flyout';
+	export type { EuiFlyoutBodyProps } from '@elastic/eui/src/components/flyout/flyout_body';
+	export { EuiFlyoutBody } from '@elastic/eui/src/components/flyout/flyout_body';
+	export type { EuiFlyoutFooterProps } from '@elastic/eui/src/components/flyout/flyout_footer';
+	export { EuiFlyoutFooter } from '@elastic/eui/src/components/flyout/flyout_footer';
+	export type { EuiFlyoutHeaderProps } from '@elastic/eui/src/components/flyout/flyout_header';
+	export { EuiFlyoutHeader } from '@elastic/eui/src/components/flyout/flyout_header';
+	export { euiFlyoutSlideInRight, euiFlyoutSlideInLeft } from '@elastic/eui/src/components/flyout/flyout.styles';
+	export type { EuiFlyoutResizableProps } from '@elastic/eui/src/components/flyout/flyout_resizable';
+	export { EuiFlyoutResizable } from '@elastic/eui/src/components/flyout/flyout_resizable';
+
+}
+declare module '@elastic/eui/src/components/collapsible_nav/collapsible_nav.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiCollapsibleNavStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiCollapsibleNav: import("@emotion/utils").SerializedStyles;
+	    push: import("@emotion/utils").SerializedStyles;
+	    overlay: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/collapsible_nav/collapsible_nav' {
+	import { FunctionComponent, ReactElement, ReactNode } from 'react';
+	import { EuiFlyoutProps } from '@elastic/eui/src/components/flyout';
+	export type EuiCollapsibleNavProps = Omit<EuiFlyoutProps, 'type' | 'pushBreakpoint'> & {
+	    /**
+	     * ReactNode to render as this component's content
+	     */
+	    children?: ReactNode;
+	    /**
+	     * Shows the navigation flyout
+	     */
+	    isOpen?: boolean;
+	    /**
+	     * Keeps navigation flyout visible and push `<body>` content via padding
+	     */
+	    isDocked?: boolean;
+	    /**
+	     * Named breakpoint (`xs` through `xl`) for customizing the minimum window width to enable docking
+	     */
+	    dockedBreakpoint?: EuiFlyoutProps['pushMinBreakpoint'];
+	    /**
+	     * Button for controlling visible state of the nav
+	     */
+	    button?: ReactElement;
+	    /**
+	     * Keeps the display of toggle button when in docked state
+	     */
+	    showButtonIfDocked?: boolean;
+	};
+	export const EuiCollapsibleNav: FunctionComponent<EuiCollapsibleNavProps>;
+
+}
+declare module '@elastic/eui/src/components/collapsible_nav' {
+	export type { EuiCollapsibleNavGroupProps } from '@elastic/eui/src/components/collapsible_nav/collapsible_nav_group';
+	export { EuiCollapsibleNavGroup } from '@elastic/eui/src/components/collapsible_nav/collapsible_nav_group';
+	export type { EuiCollapsibleNavProps } from '@elastic/eui/src/components/collapsible_nav/collapsible_nav';
+	export { EuiCollapsibleNav } from '@elastic/eui/src/components/collapsible_nav/collapsible_nav';
+
+}
+declare module '@elastic/eui/src/components/header/header.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiHeaderVariables: (euiThemeContext: UseEuiTheme) => {
+	    height: string;
+	    childHeight: string;
+	    padding: string;
+	};
+	export const euiHeaderStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiHeader: import("@emotion/utils").SerializedStyles;
+	    static: import("@emotion/utils").SerializedStyles;
+	    fixed: import("@emotion/utils").SerializedStyles;
+	    default: import("@emotion/utils").SerializedStyles;
+	    dark: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/collapsible_nav_beta/context' {
+	
+	import { _EuiFlyoutSide } from '@elastic/eui/src/components/flyout/flyout'; type _EuiCollapsibleNavContext = {
+	    isCollapsed: boolean;
+	    isPush: boolean;
+	    isOverlayOpen: boolean;
+	    side: _EuiFlyoutSide;
+	};
+	export const EuiCollapsibleNavContext: import("react").Context<_EuiCollapsibleNavContext>;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiCollapsibleNavButtonWrapperStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiCollapsibleNavButtonWrapper: import("@emotion/utils").SerializedStyles;
+	    euiCollapsibleNavButton: import("@emotion/utils").SerializedStyles;
+	    left: import("@emotion/utils").SerializedStyles;
+	    right: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button' {
+	import React from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
+	export type EuiCollapsibleNavButtonProps = CommonProps & Partial<EuiButtonIconPropsForButton>;
+	export const EuiCollapsibleNavButton: React.ForwardRefExoticComponent<CommonProps & Partial<EuiButtonIconPropsForButton> & React.RefAttributes<HTMLDivElement>>;
+
+}
+declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button' {
+	export { EuiCollapsibleNavButton } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button';
+
+}
+declare module '@elastic/eui/src/themes/themes' {
+	import { EuiThemeSystem } from '@elastic/eui/src/services';
+	export interface EUI_THEME {
+	    text: string;
+	    value: string;
+	    provider?: EuiThemeSystem;
+	}
+	export const EUI_THEMES: EUI_THEME[];
+	export const isDefaultTheme: (name: string) => boolean;
+
+}
+declare module '@elastic/eui/src/themes' {
+	export type { EUI_THEME } from '@elastic/eui/src/themes/themes';
+	export { EUI_THEMES, isDefaultTheme } from '@elastic/eui/src/themes/themes';
+	export { AMSTERDAM_NAME_KEY, EuiThemeAmsterdam } from '@elastic/eui/src/themes/amsterdam/theme';
+	export * from '@elastic/eui/src/themes/amsterdam';
+
+}
+declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_body_footer.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	export const hideScrollbars = "\n  scrollbar-width: none; /* Firefox */\n\n  &::-webkit-scrollbar {\n    display: none; /* Chrome, Edge, & Safari */\n  }\n";
 	export const euiCollapsibleNavBodyStyles: {
@@ -12313,172 +12835,12 @@ declare module '@elastic/eui/src/components/comment_list' {
 	export { EuiCommentList } from '@elastic/eui/src/components/comment_list/comment_list';
 
 }
-declare module '@elastic/eui/src/components/control_bar/control_bar' {
-	import React, { ButtonHTMLAttributes, Component, HTMLAttributes, MouseEventHandler, Ref, ReactNode } from 'react';
-	import { EuiBreadcrumbsProps } from '@elastic/eui/src/components/breadcrumbs';
-	import { EuiButtonIconProps, EuiButtonProps } from '@elastic/eui/src/components/button';
-	import { CommonProps, ExclusiveUnion, PropsForAnchor, PropsForButton } from '@elastic/eui/src/components/common';
-	import { EuiIconProps } from '@elastic/eui/src/components/icon/icon';
-	/**
-	 * Extends EuiButton excluding `size`. Requires `label` as the `children`.
-	 */
-	export interface ButtonControl extends Omit<EuiButtonProps, 'size'> {
-	    id: string;
-	    label: ReactNode;
-	} type ButtonPropsForAnchor = PropsForAnchor<ButtonControl, {
-	    buttonRef?: Ref<HTMLAnchorElement>;
-	}>; type ButtonPropsForButton = PropsForButton<ButtonControl, {
-	    buttonRef?: Ref<HTMLButtonElement>;
-	}>; type ButtonControlProps = ExclusiveUnion<ButtonPropsForAnchor, ButtonPropsForButton> & {
-	    controlType: 'button';
-	};
-	/**
-	 * Creates a `button` visually styles as a tab.
-	 * Requires `label` as the `children`.
-	 * `onClick` must be provided to handle the content swapping.
-	 */
-	export interface TabControl extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'onClick'> {
-	    controlType: 'tab';
-	    id: string;
-	    label: ReactNode;
-	    onClick: MouseEventHandler<HTMLButtonElement>;
-	}
-	/**
-	 * Extends EuiBreadcrumbs
-	 */
-	export interface BreadcrumbControl extends EuiBreadcrumbsProps {
-	    controlType: 'breadcrumbs';
-	    id: string;
-	}
-	/**
-	 * Simple div controlling color and size text output.
-	 * Requires `label` as the `children`.
-	 */
-	export interface TextControl extends CommonProps, HTMLAttributes<HTMLDivElement> {
-	    controlType: 'text';
-	    id: string;
-	    text: ReactNode;
-	}
-	export interface SpacerControl {
-	    controlType: 'spacer';
-	}
-	export interface DividerControl {
-	    controlType: 'divider';
-	}
-	/**
-	 * Custom props specific to the icon control type
-	 */
-	export interface IconControlProps {
-	    controlType: 'icon';
-	    id: string;
-	    iconType: string;
-	    onClick?: MouseEventHandler;
-	}
-	/**
-	 * Icon can extend EuiIcon
-	 * Had to omit `onClick` as it's a valid prop of SVGElement
-	 * Also omits `type` and `id` as these are also specific to icon control
-	 */
-	export interface IconControlType extends Omit<EuiIconProps, 'type' | 'id' | 'onClick'>, IconControlProps {
-	}
-	/**
-	 * Icon can extend EuiButtonIcon
-	 * Also omits `iconType` and `id` as these are also specific to icon control
-	 */
-	export interface IconButtonControlType extends Omit<EuiButtonIconProps, 'iconType' | 'id'>, IconControlProps {
-	}
-	export type IconControl = ExclusiveUnion<IconControlType, Omit<IconButtonControlType, 'size' | 'display'>>;
-	export type Control = ExclusiveUnion<ExclusiveUnion<ExclusiveUnion<ExclusiveUnion<ExclusiveUnion<ButtonControlProps, ExclusiveUnion<BreadcrumbControl, TabControl>>, TextControl>, IconControl>, DividerControl>, SpacerControl>;
-	/**
-	 * @deprecated
-	 */
-	export type EuiControlBarProps = HTMLAttributes<HTMLDivElement> & CommonProps & {
-	    /**
-	     * Show or hide the content area containing the `children`
-	     */
-	    showContent?: boolean;
-	    /**
-	     * An array of controls, actions, and layout spacers to display.
-	     * Accepts `'button' | 'tab' | 'breadcrumbs' | 'text' | 'icon' | 'spacer' | 'divider'`
-	     */
-	    controls: Control[];
-	    /**
-	     * The default height of the content area.
-	     */
-	    size?: 's' | 'm' | 'l';
-	    /**
-	     * Customize the max height.
-	     * Best when used with `size=l` as this will ensure the actual height equals the max height set.
-	     */
-	    maxHeight?: number | string;
-	    /**
-	     * Set the offset from the left side of the screen.
-	     */
-	    leftOffset?: number | string;
-	    /**
-	     * Set the offset from the left side of the screen.
-	     */
-	    rightOffset?: number | string;
-	    /**
-	     * The control bar is hidden on mobile by default. Use the `showOnMobile` prop to force it's display on mobile screens.
-	     * You'll need to ensure that the content you place into the bar renders as expected on mobile.
-	     */
-	    showOnMobile?: boolean;
-	    /**
-	     * By default EuiControlBar will live in a portal, fixed position to the browser window.
-	     * Change the position of the bar to live inside a container and be positioned against its parent.
-	     */
-	    position?: 'fixed' | 'relative' | 'absolute';
-	    /**
-	     * Optional class applied to the body used when `position = fixed`
-	     */
-	    bodyClassName?: string;
-	    /**
-	     * Customize the screen reader heading that helps users find this control. Default is "Page level controls".
-	     */
-	    landmarkHeading?: string;
-	};
-	interface EuiControlBarState {
-	    selectedTab: string;
-	}
-	/**
-	 * @deprecated - EuiControlBar is scheduled for deprecation due to low internal usage and high
-	 * overlap with other existing EUI components. We recommend using EuiBottomBar instead,
-	 * or copying this component into your own application for usage if necessary.
-	 *
-	 * The component will be permanently removed in December 2023.
-	 */
-	export class EuiControlBar extends Component<EuiControlBarProps, EuiControlBarState> {
-	    static defaultProps: {
-	        leftOffset: number;
-	        rightOffset: number;
-	        position: string;
-	        size: string;
-	        showContent: boolean;
-	        showOnMobile: boolean;
-	    };
-	    private bar;
-	    componentDidMount(): void;
-	    componentWillUnmount(): void;
-	    state: {
-	        selectedTab: string;
-	    };
-	    render(): React.JSX.Element;
-	}
-	export {};
-
-}
-declare module '@elastic/eui/src/components/control_bar' {
-	export type { EuiControlBarProps } from '@elastic/eui/src/components/control_bar/control_bar';
-	export { EuiControlBar } from '@elastic/eui/src/components/control_bar/control_bar';
-
-}
-declare module '@elastic/eui/src/components/list_group/list_group_item_extra_action.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiListGroupItemExtraActionStyles: ({ euiTheme, }: UseEuiTheme) => {
-	    euiListGroupItemExtraAction: import("@emotion/utils").SerializedStyles;
-	    hoverStyles: import("@emotion/utils").SerializedStyles;
-	    alwaysShow: import("@emotion/utils").SerializedStyles;
+declare module '@elastic/eui/src/components/list_group/list_group_item_extra_action.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiListGroupItemExtraActionStyles: ({ euiTheme, }: UseEuiTheme) => {
+	    euiListGroupItemExtraAction: import("@emotion/utils").SerializedStyles;
+	    hoverStyles: import("@emotion/utils").SerializedStyles;
+	    alwaysShow: import("@emotion/utils").SerializedStyles;
 	};
 
 }
@@ -16520,7 +16882,6 @@ declare module '@elastic/eui/src/components/filter_group/filter_button.styles' {
 	    text: {
 	        euiFilterButton__text: import("@emotion/utils").SerializedStyles;
 	        hasNotification: import("@emotion/utils").SerializedStyles;
-	        euiFilterButton__textShift: import("@emotion/utils").SerializedStyles;
 	    };
 	    notification: {
 	        euiFilterButton__notification: import("@emotion/utils").SerializedStyles;
@@ -18419,171 +18780,6 @@ declare module '@elastic/eui/src/components/markdown_editor' {
 	export { euiMarkdownLinkValidator } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_link_validator';
 	export type { EuiMarkdownLinkValidatorOptions } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_link_validator';
 
-}
-declare module '@elastic/eui/src/components/notification/notification_event_meta' {
-	import { FunctionComponent, ReactNode, ReactElement } from 'react';
-	import { IconType } from '@elastic/eui/src/components/icon';
-	import { EuiBadgeProps } from '@elastic/eui/src/components/badge';
-	import { EuiContextMenuItem, EuiContextMenuItemProps } from '@elastic/eui/src/components/context_menu';
-	export type EuiNotificationEventMetaProps = {
-	    id: string;
-	    /**
-	     * Type of event (e.g. "Alert", "Cloud", etc..). Shows inside a badge.
-	     */
-	    type: string;
-	    /**
-	     * A unique, human-friendly name for the event to be used in aria attributes (e.g. "alert-critical-01", "cloud-no-severity-12", etc..).
-	     */
-	    eventName: string;
-	    /**
-	     * Type of severity (e.g. "Critical", "Warning", etc..). Shows as a text after the `type` following the format "Alert: Critical".
-	     */
-	    severity?: string;
-	    /**
-	     * Accepts either our palette colors (primary, success ..etc) or a hex value `#FFFFFF`, `#000`.
-	     */
-	    badgeColor?: EuiBadgeProps['color'];
-	    /**
-	     * The icon used to visually represent this data type. Accepts any `EuiIcon IconType`.
-	     */
-	    iconType?: IconType;
-	    /**
-	     * Specify an `aria-label` for the icon.
-	     * If no `aria-label` is passed we assume the icon is purely decorative.
-	     */
-	    iconAriaLabel?: string;
-	    /**
-	     * Indicates when the event was received.
-	     */
-	    time: ReactNode;
-	    /**
-	     * Necessary to trigger `onOpenContextMenu` from #EuiNotificationEvent
-	     */
-	    onOpenContextMenu?: () => Array<ReactElement<EuiContextMenuItemProps, typeof EuiContextMenuItem>>;
-	};
-	export const EuiNotificationEventMeta: FunctionComponent<EuiNotificationEventMetaProps>;
-
-}
-declare module '@elastic/eui/src/components/notification/notification_event_messages' {
-	import { FunctionComponent } from 'react';
-	export type EuiNotificationEventMessagesProps = {
-	    messages: string[];
-	    /**
-	     * A unique, human-friendly name for the event to be used in aria attributes (e.g. "alert-critical-01", "cloud-no-severity-12", etc..).
-	     */
-	    eventName: string;
-	};
-	export const EuiNotificationEventMessages: FunctionComponent<EuiNotificationEventMessagesProps>;
-
-}
-declare module '@elastic/eui/src/components/notification/notification_event_read_button' {
-	import { FunctionComponent } from 'react';
-	import { EuiButtonIconProps } from '@elastic/eui/src/components/button';
-	export type EuiNotificationEventReadButtonProps = Omit<EuiButtonIconProps, 'iconType' | 'isDisabled' | 'isSelected' | 'size'> & {
-	    id: string;
-	    /**
-	     * Shows an indicator of the read state of the event
-	     */
-	    isRead: boolean;
-	    /**
-	     * Applies an `onClick` handler to the `read` indicator.
-	     */
-	    onClick: () => void;
-	    /**
-	     * A unique, human-friendly name for the event to be used in aria attributes (e.g. "alert-critical-01", "cloud-no-severity-12", etc..).
-	     */
-	    eventName: string;
-	};
-	export const EuiNotificationEventReadButton: FunctionComponent<EuiNotificationEventReadButtonProps>;
-
-}
-declare module '@elastic/eui/src/components/notification/notification_event_read_icon' {
-	import { FunctionComponent } from 'react';
-	import { EuiIconProps } from '@elastic/eui/src/components/icon';
-	export type EuiNotificationEventReadIconProps = Omit<EuiIconProps, 'type' | 'color' | 'size'> & {
-	    id: string;
-	    /**
-	     * Shows an indicator of the read state of the event
-	     */
-	    isRead: boolean;
-	    /**
-	     * A unique, human-friendly name for the event to be used in aria attributes (e.g. "alert-critical-01", "cloud-no-severity-12", etc..).
-	     */
-	    eventName: string;
-	};
-	export const EuiNotificationEventReadIcon: FunctionComponent<EuiNotificationEventReadIconProps>;
-
-}
-declare module '@elastic/eui/src/components/notification/notification_event' {
-	import { FunctionComponent, ReactElement, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiNotificationEventMetaProps } from '@elastic/eui/src/components/notification/notification_event_meta';
-	import { EuiNotificationEventMessagesProps } from '@elastic/eui/src/components/notification/notification_event_messages';
-	import { EuiNotificationEventReadButtonProps } from '@elastic/eui/src/components/notification/notification_event_read_button';
-	import { EuiButtonEmptyProps } from '@elastic/eui/src/components/button';
-	import { EuiContextMenuItem, EuiContextMenuItemProps } from '@elastic/eui/src/components/context_menu';
-	export type EuiNotificationHeadingLevel = 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-	/**
-	 * @deprecated
-	 */
-	export type EuiNotificationEventProps = Omit<EuiNotificationEventMetaProps, 'onOpenContextMenu' | 'onRead' | 'eventName' | 'id'> & Omit<EuiNotificationEventReadButtonProps, 'onClick' | 'color' | 'eventName' | 'isRead' | 'id'> & CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
-	    /**
-	     * A unique identifier
-	     */
-	    id: string;
-	    /**
-	     * The title of the event.
-	     */
-	    title: string;
-	    /**
-	     * The heading level of the title.
-	     */
-	    headingLevel?: EuiNotificationHeadingLevel;
-	    /**
-	     * Returns the `id` and applies an `onClick` handler to the title.
-	     */
-	    onClickTitle?: (id: string) => void;
-	    /**
-	     * The label of the primary action
-	     */
-	    primaryAction?: string;
-	    /**
-	     * Apply more props to the `primaryAction` button. See #EuiPrimaryActionProps.
-	     */
-	    primaryActionProps?: EuiButtonEmptyProps;
-	    /**
-	     * Returns the `id` and applies an `onClick` handler to the `primaryAction`.
-	     */
-	    onClickPrimaryAction?: (id: string) => void;
-	    /**
-	     * Notification messages as an array of strings. More than one message wraps in an accordion.
-	     */
-	    messages: EuiNotificationEventMessagesProps['messages'];
-	    /**
-	     * Shows an indicator of the read state of the event. Leave as `undefined` to hide the indicator.
-	     */
-	    isRead?: boolean | undefined;
-	    /**
-	     * Returns the `id` and `isRead` state. Applies an `onClick` handler to the `read` indicator.
-	     */
-	    onRead?: (id: string, isRead: boolean) => void;
-	    /**
-	     * Provided the `id` of the event must return an array of #EuiContextMenuItem elements.
-	     */
-	    onOpenContextMenu?: (id: string) => Array<ReactElement<EuiContextMenuItemProps, typeof EuiContextMenuItem>>;
-	};
-	/**
-	 * @deprecated - EuiNotificationEvent is scheduled for deprecation due to low internal usage and high
-	 * maintenance requirements. If necessary, we recommend copying this component into your own application.
-	 *
-	 * The component will be permanently removed in December 2023.
-	 */
-	export const EuiNotificationEvent: FunctionComponent<EuiNotificationEventProps>;
-
-}
-declare module '@elastic/eui/src/components/notification' {
-	export { EuiNotificationEvent } from '@elastic/eui/src/components/notification/notification_event';
-
 }
 declare module '@elastic/eui/src/components/page/_restrict_width' {
 	/**
@@ -19335,7 +19531,7 @@ declare module '@elastic/eui/src/components/tree_view/tree_view' {
 	    static contextType: React.Context<string>;
 	    context: ContextType<typeof EuiTreeViewContext>;
 	    isNested: boolean;
-	    state: EuiTreeViewState;
+	    constructor(props: EuiTreeViewProps, context: ContextType<typeof EuiTreeViewContext>);
 	    componentDidUpdate(prevProps: EuiTreeViewProps): void;
 	    buttonRef: Array<HTMLButtonElement | undefined>;
 	    setButtonRef: (ref: HTMLButtonElement | HTMLAnchorElement | null, index: number) => void;
@@ -19393,7 +19589,7 @@ declare module '@elastic/eui/src/components/search_bar/query/date_format' {
 	    MONTH: GranularityType;
 	    YEAR: GranularityType;
 	}
-	export const Granularity: GranularitiesType;
+	export const Granularity: Readonly<GranularitiesType>;
 	export const printIso8601: (value: MomentInput) => string;
 	export const dateGranularity: (parsedDate: EuiMoment) => GranularityType;
 	export const dateFormat: Readonly<{
@@ -19754,14 +19950,14 @@ declare module '@elastic/eui/src/components/search_bar/query/execute_ast' {
 	    flag?: string;
 	    match?: MatchType;
 	    operator?: any;
-	} const defaultIsClauseMatcher: <T_1>(item: T_1, clause: IsClause, explain?: Explain[] | undefined) => boolean;
-	export const createFilter: <T extends {}>(ast: _AST, defaultFields: string[] | undefined, isClauseMatcher?: <T_1>(item: T_1, clause: IsClause, explain?: Explain[] | undefined) => boolean, explain?: boolean) => (item: T) => boolean;
+	} const defaultIsClauseMatcher: <T_1 extends object>(item: T_1, clause: IsClause, explain?: Explain[] | undefined) => boolean;
+	export const createFilter: <T extends {}>(ast: _AST, defaultFields: string[] | undefined, isClauseMatcher?: <T_1 extends object>(item: T_1, clause: IsClause, explain?: Explain[] | undefined) => boolean, explain?: boolean) => (item: T) => boolean;
 	interface Options {
 	    isClauseMatcher?: typeof defaultIsClauseMatcher;
 	    defaultFields?: string[];
 	    explain?: boolean;
 	}
-	export function executeAst<T>(ast: _AST, items: T[], options?: Options): T[];
+	export function executeAst<T extends object>(ast: _AST, items: T[], options?: Options): T[];
 	export {};
 
 }
@@ -19875,7 +20071,7 @@ declare module '@elastic/eui/src/components/search_bar/query/query' {
 	     *    information about why the objects matched the query (default to `false`, mainly/only useful for
 	     *    debugging)
 	     */
-	    static execute<T>(query: string | Query, items: T[], options?: {}): T[];
+	    static execute<T extends object>(query: string | Query, items: T[], options?: {}): T[];
 	    /**
 	     * Builds and returns an Elasticsearch query out this query. Options:
 	     *
@@ -21793,8 +21989,8 @@ declare module '@elastic/eui/src/components/basic_table/action_types' {
 	import { EuiIconType } from '@elastic/eui/src/components/icon/icon';
 	import { EuiButtonIconProps } from '@elastic/eui/src/components/button/button_icon/button_icon';
 	import { EuiButtonEmptyProps } from '@elastic/eui/src/components/button/button_empty';
-	import { ExclusiveUnion } from '@elastic/eui/src/components/common'; type IconFunction<T> = (item: T) => EuiIconType; type ButtonColor = EuiButtonIconProps['color'] | EuiButtonEmptyProps['color']; type EuiButtonIconColorFunction<T> = (item: T) => ButtonColor;
-	export interface DefaultItemActionBase<T> {
+	import { ExclusiveUnion } from '@elastic/eui/src/components/common'; type IconFunction<T extends object> = (item: T) => EuiIconType; type ButtonColor = EuiButtonIconProps['color'] | EuiButtonEmptyProps['color']; type EuiButtonIconColorFunction<T> = (item: T) => ButtonColor;
+	export interface DefaultItemActionBase<T extends object> {
 	    /**
 	     * The display name of the action (will render as visible text if rendered within a collapsed menu)
 	     */
@@ -21820,14 +22016,14 @@ declare module '@elastic/eui/src/components/basic_table/action_types' {
 	    isPrimary?: boolean;
 	    'data-test-subj'?: string | ((item: T) => string);
 	}
-	export interface DefaultItemEmptyButtonAction<T> extends DefaultItemActionBase<T> {
+	export interface DefaultItemEmptyButtonAction<T extends object> extends DefaultItemActionBase<T> {
 	    /**
 	     * The type of action
 	     */
 	    type?: 'button';
 	    color?: EuiButtonEmptyProps['color'] | EuiButtonIconColorFunction<T>;
 	}
-	export interface DefaultItemIconButtonAction<T> extends DefaultItemActionBase<T> {
+	export interface DefaultItemIconButtonAction<T extends object> extends DefaultItemActionBase<T> {
 	    type: 'icon';
 	    /**
 	     * Associates an icon with the button
@@ -21838,7 +22034,7 @@ declare module '@elastic/eui/src/components/basic_table/action_types' {
 	     */
 	    color?: EuiButtonIconProps['color'] | EuiButtonIconColorFunction<T>;
 	}
-	export type DefaultItemAction<T> = ExclusiveUnion<DefaultItemEmptyButtonAction<T>, DefaultItemIconButtonAction<T>>;
+	export type DefaultItemAction<T extends object> = ExclusiveUnion<DefaultItemEmptyButtonAction<T>, DefaultItemIconButtonAction<T>>;
 	export interface CustomItemAction<T> {
 	    /**
 	     * Allows rendering a totally custom action
@@ -21854,8 +22050,8 @@ declare module '@elastic/eui/src/components/basic_table/action_types' {
 	    enabled?: (item: T) => boolean;
 	    isPrimary?: boolean;
 	}
-	export type Action<T> = DefaultItemAction<T> | CustomItemAction<T>;
-	export const isCustomItemAction: <T>(action: (import ("@elastic/eui/src/components/common").DisambiguateSet<DefaultItemEmptyButtonAction<T>, DefaultItemIconButtonAction<T>> & DefaultItemIconButtonAction<T>) | (import ("@elastic/eui/src/components/common").DisambiguateSet<DefaultItemIconButtonAction<T>, DefaultItemEmptyButtonAction<T>> & DefaultItemEmptyButtonAction<T>) | CustomItemAction<T>) => action is CustomItemAction<T>;
+	export type Action<T extends object> = DefaultItemAction<T> | CustomItemAction<T>;
+	export const isCustomItemAction: <T extends object>(action: (import ("@elastic/eui/src/components/common").DisambiguateSet<DefaultItemEmptyButtonAction<T>, DefaultItemIconButtonAction<T>> & DefaultItemIconButtonAction<T>) | (import ("@elastic/eui/src/components/common").DisambiguateSet<DefaultItemIconButtonAction<T>, DefaultItemEmptyButtonAction<T>> & DefaultItemEmptyButtonAction<T>) | CustomItemAction<T>) => action is CustomItemAction<T>;
 	export const callWithItemIfFunction: <T>(item: T) => <U>(prop: U | ((item: T) => U)) => U;
 	export {};
 
@@ -22011,7 +22207,7 @@ declare module '@elastic/eui/src/components/basic_table/table_types' {
 	     */
 	    readOnly?: boolean;
 	}
-	export interface EuiTableActionsColumnType<T> {
+	export interface EuiTableActionsColumnType<T extends object> {
 	    /**
 	     * An array of one of the objects: #DefaultItemAction or #CustomItemAction
 	     */
@@ -22085,26 +22281,26 @@ declare module '@elastic/eui/src/components/basic_table/collapsed_item_actions'
 	import React from 'react';
 	import { Action } from '@elastic/eui/src/components/basic_table/action_types';
 	import { ItemIdResolved } from '@elastic/eui/src/components/basic_table/table_types';
-	export interface CollapsedItemActionsProps<T extends {}> {
+	export interface CollapsedItemActionsProps<T extends object> {
 	    actions: Array<Action<T>>;
 	    item: T;
 	    itemId: ItemIdResolved;
-	    actionEnabled: (action: Action<T>) => boolean;
+	    actionsDisabled: boolean;
 	    className?: string;
 	}
-	export const CollapsedItemActions: <T extends {}>({ actions, itemId, item, actionEnabled, className, }: CollapsedItemActionsProps<T>) => React.JSX.Element;
+	export const CollapsedItemActions: <T extends {}>({ actions, itemId, item, actionsDisabled, className, }: CollapsedItemActionsProps<T>) => React.JSX.Element;
 
 }
 declare module '@elastic/eui/src/components/basic_table/default_item_action' {
 	import { ReactElement } from 'react';
 	import { DefaultItemAction as Action } from '@elastic/eui/src/components/basic_table/action_types';
-	export interface DefaultItemActionProps<T> {
+	export interface DefaultItemActionProps<T extends object> {
 	    action: Action<T>;
 	    enabled: boolean;
 	    item: T;
 	    className?: string;
 	}
-	export const DefaultItemAction: <T>({ action, enabled, item, className, }: DefaultItemActionProps<T>) => ReactElement;
+	export const DefaultItemAction: <T extends object>({ action, enabled, item, className, }: DefaultItemActionProps<T>) => ReactElement;
 
 }
 declare module '@elastic/eui/src/components/basic_table/custom_item_action' {
@@ -22124,14 +22320,14 @@ declare module '@elastic/eui/src/components/basic_table/expanded_item_actions' {
 	import { ReactElement } from 'react';
 	import { Action } from '@elastic/eui/src/components/basic_table/action_types';
 	import { ItemIdResolved } from '@elastic/eui/src/components/basic_table/table_types';
-	export interface ExpandedItemActionsProps<T> {
+	export interface ExpandedItemActionsProps<T extends object> {
 	    actions: Array<Action<T>>;
 	    itemId: ItemIdResolved;
 	    item: T;
-	    actionEnabled: (action: Action<T>) => boolean;
+	    actionsDisabled: boolean;
 	    className?: string;
 	}
-	export const ExpandedItemActions: <T extends {}>({ actions, itemId, item, actionEnabled, className, }: ExpandedItemActionsProps<T>) => ReactElement;
+	export const ExpandedItemActions: <T extends {}>({ actions, itemId, item, actionsDisabled, className, }: ExpandedItemActionsProps<T>) => ReactElement;
 
 }
 declare module '@elastic/eui/src/components/basic_table/basic_table.styles' {
@@ -22152,7 +22348,7 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 	    [id: string]: ReactNode;
 	}
 	export function getItemId<T>(item: T, itemId?: ItemId<T>): any;
-	export type EuiBasicTableColumn<T> = EuiTableFieldDataColumnType<T> | EuiTableComputedColumnType<T> | EuiTableActionsColumnType<T>;
+	export type EuiBasicTableColumn<T extends object> = EuiTableFieldDataColumnType<T> | EuiTableComputedColumnType<T> | EuiTableActionsColumnType<T>;
 	export interface Criteria<T> {
 	    /**
 	     * If the shown items represents a page (slice) into a bigger set, this describes this page
@@ -22177,8 +22373,8 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 	        index: number;
 	        size: number;
 	    };
-	} type CellPropsCallback<T> = (item: T, column: EuiBasicTableColumn<T>) => object; type RowPropsCallback<T> = (item: T) => object;
-	interface BasicTableProps<T> extends Omit<EuiTableProps, 'onChange'> {
+	} type CellPropsCallback<T extends object> = (item: T, column: EuiBasicTableColumn<T>) => object; type RowPropsCallback<T> = (item: T) => object;
+	interface BasicTableProps<T extends object> extends Omit<EuiTableProps, 'onChange'> {
 	    /**
 	     * Describes how to extract a unique ID from each item, used for selections & expanded rows
 	     */
@@ -22257,16 +22453,16 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 	     * long text correctly.
 	     */
 	    textOnly?: boolean;
-	} type BasicTableWithPaginationProps<T> = Omit<BasicTableProps<T>, 'pagination' | 'onChange'> & {
+	} type BasicTableWithPaginationProps<T extends object> = Omit<BasicTableProps<T>, 'pagination' | 'onChange'> & {
 	    pagination: Pagination;
 	    onChange?: (criteria: CriteriaWithPagination<T>) => void;
 	};
-	export type EuiBasicTableProps<T> = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & (BasicTableProps<T> | BasicTableWithPaginationProps<T>);
+	export type EuiBasicTableProps<T extends object> = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & (BasicTableProps<T> | BasicTableWithPaginationProps<T>);
 	interface State<T> {
 	    initialSelectionRendered: boolean;
 	    selection: T[];
 	}
-	export class EuiBasicTable<T = any> extends Component<EuiBasicTableProps<T>, State<T>> {
+	export class EuiBasicTable<T extends object = any> extends Component<EuiBasicTableProps<T>, State<T>> {
 	    static contextType: React.Context<import ("@elastic/eui/src/components/provider/component_defaults").EuiComponentDefaults>;
 	    context: ContextType<typeof EuiComponentDefaultsContext>;
 	    static defaultProps: {
@@ -22274,7 +22470,7 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 	        tableLayout: string;
 	        noItemsMessage: React.JSX.Element;
 	    };
-	    static getDerivedStateFromProps<T>(nextProps: EuiBasicTableProps<T>, prevState: State<T>): {
+	    static getDerivedStateFromProps<T extends object>(nextProps: EuiBasicTableProps<T>, prevState: State<T>): {
 	        selection: T[];
 	    } | null;
 	    constructor(props: EuiBasicTableProps<T>);
@@ -22344,7 +22540,7 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	} type Pagination = boolean | PaginationOptions;
 	interface SortingOptions {
 	    sort: PropertySort;
-	} type Sorting = boolean | SortingOptions; type InMemoryTableProps<T> = Omit<EuiBasicTableProps<T>, 'pagination' | 'sorting' | 'noItemsMessage' | 'onChange'> & {
+	} type Sorting = boolean | SortingOptions; type InMemoryTableProps<T extends object> = Omit<EuiBasicTableProps<T>, 'pagination' | 'sorting' | 'noItemsMessage' | 'onChange'> & {
 	    message?: ReactNode;
 	    /**
 	     * Configures #Search.
@@ -22398,12 +22594,12 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	     * Insert content between the search bar and table components.
 	     */
 	    childrenBetween?: ReactNode;
-	}; type InMemoryTablePropsWithPagination<T> = Omit<InMemoryTableProps<T>, 'pagination' | 'onTableChange'> & {
+	}; type InMemoryTablePropsWithPagination<T extends object> = Omit<InMemoryTableProps<T>, 'pagination' | 'onTableChange'> & {
 	    pagination: Pagination;
 	    onTableChange?: (nextValues: CriteriaWithPagination<T>) => void;
 	};
-	export type EuiInMemoryTableProps<T> = CommonProps & (InMemoryTableProps<T> | InMemoryTablePropsWithPagination<T>);
-	interface State<T> {
+	export type EuiInMemoryTableProps<T extends object = object> = CommonProps & (InMemoryTableProps<T> | InMemoryTablePropsWithPagination<T>);
+	interface State<T extends object> {
 	    prevProps: {
 	        items: T[];
 	        sortName: ReactNode;
@@ -22420,7 +22616,7 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	    allowNeutralSort: boolean;
 	    showPerPageOptions: boolean | undefined;
 	}
-	export class EuiInMemoryTable<T> extends Component<EuiInMemoryTableProps<T>, State<T>> {
+	export class EuiInMemoryTable<T extends object = object> extends Component<EuiInMemoryTableProps<T>, State<T>> {
 	    static contextType: React.Context<EuiComponentDefaults>;
 	    static defaultProps: {
 	        responsive: boolean;
@@ -22428,7 +22624,7 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	        searchFormat: string;
 	    };
 	    tableRef: React.RefObject<EuiBasicTable>;
-	    static getDerivedStateFromProps<T>(nextProps: EuiInMemoryTableProps<T>, prevState: State<T>): State<T> | null;
+	    static getDerivedStateFromProps<T extends object>(nextProps: EuiInMemoryTableProps<T>, prevState: State<T>): State<T> | null;
 	    constructor(props: EuiInMemoryTableProps<T>, context: EuiComponentDefaults);
 	    setSelection(newSelection: T[]): void;
 	    onTableChange: ({ page, sort }: Criteria<T>) => void;
@@ -22441,702 +22637,207 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	        items: T[];
 	        totalItemCount: number;
 	    };
-	    render(): React.JSX.Element;
-	}
-	export {};
-
-}
-declare module '@elastic/eui/src/components/basic_table' {
-	export type { EuiBasicTableProps, EuiBasicTableColumn, Criteria, CriteriaWithPagination, } from '@elastic/eui/src/components/basic_table/basic_table';
-	export { EuiBasicTable } from '@elastic/eui/src/components/basic_table/basic_table';
-	export type { EuiInMemoryTableProps, Search } from '@elastic/eui/src/components/basic_table/in_memory_table';
-	export { EuiInMemoryTable } from '@elastic/eui/src/components/basic_table/in_memory_table';
-	export type { EuiTableDataType, EuiTableFooterProps, EuiTableFieldDataColumnType, EuiTableComputedColumnType, EuiTableActionsColumnType, EuiTableSelectionType, EuiTableSortingType, } from '@elastic/eui/src/components/basic_table/table_types';
-	export type { Pagination } from '@elastic/eui/src/components/basic_table/pagination_bar';
-	export type { DefaultItemAction, CustomItemAction } from '@elastic/eui/src/components/basic_table/action_types';
-
-}
-declare module '@elastic/eui/src/components/text_diff/text_diff.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiTextDiffStyles: ({ euiTheme }: UseEuiTheme) => {
-	    euiTextDiff: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/text_diff/text_diff' {
-	import React, { HTMLAttributes, ElementType } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	interface Props {
-	    /**
-	     * The starting string
-	     */
-	    beforeText: string;
-	    /**
-	     * The string used to compare against `beforeText`
-	     */
-	    afterText: string;
-	    /**
-	     * HTML element to wrap insertion differences.
-	     * Defaults to `ins`
-	     */
-	    insertComponent?: ElementType;
-	    /**
-	     * HTML element to wrap deletion differences.
-	     * Defaults to `del`
-	     */
-	    deleteComponent?: ElementType;
-	    /**
-	     * HTML element to wrap text with no differences.
-	     * Doesn't wrap with anything by default
-	     */
-	    sameComponent?: ElementType;
-	    /**
-	     * Time in milliseconds. Passing a timeout of value '0' disables the timeout state
-	     */
-	    timeout?: number;
-	}
-	export type EuiTextDiffProps = CommonProps & Props & HTMLAttributes<HTMLElement>;
-	export const useEuiTextDiff: ({ className, insertComponent, deleteComponent, sameComponent, beforeText, afterText, timeout, ...rest }: EuiTextDiffProps) => (React.JSX.Element | [0 | 1 | -1, string][])[];
-	export {};
-
-}
-declare module '@elastic/eui/src/components/text_diff' {
-	export type { EuiTextDiffProps } from '@elastic/eui/src/components/text_diff/text_diff';
-	export { useEuiTextDiff } from '@elastic/eui/src/components/text_diff/text_diff';
-
-}
-declare module '@elastic/eui/src/components/toast/toast.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiToastStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiToast: import("@emotion/utils").SerializedStyles;
-	    euiToast__closeButton: import("@emotion/utils").SerializedStyles;
-	    primary: import("@emotion/utils").SerializedStyles;
-	    success: import("@emotion/utils").SerializedStyles;
-	    warning: import("@emotion/utils").SerializedStyles;
-	    danger: import("@emotion/utils").SerializedStyles;
-	};
-	export const euiToastHeaderStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiToastHeader: import("@emotion/utils").SerializedStyles;
-	    euiToastHeader__icon: import("@emotion/utils").SerializedStyles;
-	    euiToastHeader__title: import("@emotion/utils").SerializedStyles;
-	    withBody: import("@emotion/utils").SerializedStyles;
-	};
-	export const euiToastBodyStyles: () => {
-	    euiToastBody: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/toast/toast' {
-	import { FunctionComponent, HTMLAttributes, ReactNode } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { IconType } from '@elastic/eui/src/components/icon';
-	export const COLORS: readonly ["primary", "success", "warning", "danger"]; type ToastColor = (typeof COLORS)[number];
-	export interface EuiToastProps extends CommonProps, Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
-	    title?: ReactNode;
-	    color?: ToastColor;
-	    iconType?: IconType;
-	    onClose?: () => void;
-	}
-	export const EuiToast: FunctionComponent<EuiToastProps>;
-	export {};
-
-}
-declare module '@elastic/eui/src/services/time/timer' {
-	export class Timer {
-	    id: any;
-	    callback: undefined | (() => void);
-	    finishTime: number | undefined;
-	    timeRemaining: number | undefined;
-	    constructor(callback: () => void, timeMs: number);
-	    pause: () => void;
-	    resume: () => void;
-	    clear: () => void;
-	    finish: () => void;
-	}
-
-}
-declare module '@elastic/eui/src/services/time' {
-	export { Timer } from '@elastic/eui/src/services/time/timer';
-
-}
-declare module '@elastic/eui/src/components/toast/global_toast_list.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiGlobalToastListStyles: (euiThemeContext: UseEuiTheme) => {
-	    /**
-	     * 1. Allow list to expand as items are added, but cap it at the screen height.
-	     * 2. Allow some padding for shadow
-	     */
-	    euiGlobalToastList: import("@emotion/utils").SerializedStyles;
-	    right: import("@emotion/utils").SerializedStyles;
-	    left: import("@emotion/utils").SerializedStyles;
-	    euiGlobalToastListDismissButton: import("@emotion/utils").SerializedStyles;
-	};
-	export const euiGlobalToastListItemStyles: ({ euiTheme }: UseEuiTheme) => {
-	    euiGlobalToastListItem: import("@emotion/utils").SerializedStyles;
-	    dismissed: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/toast/global_toast_list_item' {
-	import { FunctionComponent, ReactElement } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export interface EuiGlobalToastListItemProps {
-	    isDismissed?: boolean;
-	    /**
-	     * ReactElement to render as this component's content
-	     */
-	    children?: ReactElement;
-	}
-	export const EuiGlobalToastListItem: FunctionComponent<CommonProps & EuiGlobalToastListItemProps>;
-
-}
-declare module '@elastic/eui/src/components/toast/global_toast_list' {
-	import { FunctionComponent, HTMLAttributes, ReactNode } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiToastProps } from '@elastic/eui/src/components/toast/toast'; type ToastSide = 'right' | 'left';
-	export const SIDES: ToastSide[];
-	export const TOAST_FADE_OUT_MS = 250;
-	export const CLEAR_ALL_TOASTS_THRESHOLD_DEFAULT = 3;
-	export interface Toast extends EuiToastProps {
-	    id: string;
-	    text?: ReactNode;
-	    toastLifeTimeMs?: number;
-	}
-	export interface EuiGlobalToastListProps extends CommonProps {
-	    toasts?: Toast[];
-	    dismissToast: (toast: Toast) => void;
-	    toastLifeTimeMs: number;
-	    /**
-	     * Determines which side of the browser window the toasts should appear
-	     */
-	    side?: ToastSide;
-	    /**
-	     * At this threshold, a "Clear all" button will display at the bottom of the toast list
-	     * that allows users to dismiss all toasts in a single click.
-	     *
-	     * Defaults to `3`. Set to `0` to disable the button entirely.
-	     */
-	    showClearAllButtonAt?: number;
-	    /**
-	     * Optional callback that fires when a user clicks the "Clear all" button.
-	     */
-	    onClearAllToasts?: () => void;
-	    /**
-	     * Defaults to the [log role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/log_role).
-	     *
-	     * The [alert role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role)
-	     * can be considered only if *all* toasts in this list will require immediate user attention.
-	     * Several alerts at once, and unnecessary alerts, will a create bad screen reader user experience.
-	     *
-	     * @default log
-	     */
-	    role?: HTMLAttributes<HTMLElement>['role'];
-	}
-	export const EuiGlobalToastList: FunctionComponent<EuiGlobalToastListProps>;
-	export {};
-
-}
-declare module '@elastic/eui/src/components/toast' {
-	export { EuiToast } from '@elastic/eui/src/components/toast/toast';
-	export type { EuiGlobalToastListProps, Toast as EuiGlobalToastListToast, } from '@elastic/eui/src/components/toast/global_toast_list';
-	export { EuiGlobalToastList } from '@elastic/eui/src/components/toast/global_toast_list';
-	export type { EuiGlobalToastListItemProps } from '@elastic/eui/src/components/toast/global_toast_list_item';
-	export { EuiGlobalToastListItem } from '@elastic/eui/src/components/toast/global_toast_list_item';
-
-}
-declare module '@elastic/eui/src/components/resizable_container/types' {
-	import { KeyboardEvent, MouseEvent, TouchEvent } from 'react';
-	export type PanelModeType = 'collapsible' | 'main' | 'custom';
-	export type PanelPosition = 'first' | 'middle' | 'last';
-	export type PanelDirection = 'left' | 'right';
-	export type KeyMoveDirection = 'forward' | 'backward';
-	export type ResizeTrigger = 'pointer' | 'key';
-	export interface EuiResizablePanelController {
-	    id: string;
-	    size: number;
-	    getSizePx: () => number;
-	    minSize: string[];
-	    mode?: PanelModeType;
-	    isCollapsed: boolean;
-	    prevSize: number;
-	    position: PanelPosition;
-	}
-	export interface EuiResizableButtonController {
-	    id: string;
-	    ref: HTMLElement;
-	    isDisabled: boolean;
-	    isFocused: boolean;
-	}
-	export interface EuiResizableContainerRegistry {
-	    panels: {
-	        [key: string]: EuiResizablePanelController;
-	    };
-	    resizers: {
-	        [key: string]: EuiResizableButtonController;
-	    };
-	}
-	export type EuiResizableButtonMouseEvent = MouseEvent<HTMLButtonElement> | TouchEvent<HTMLButtonElement>;
-	export type EuiResizableButtonKeyEvent = KeyboardEvent<HTMLButtonElement>;
-	export interface EuiResizableContainerState {
-	    isDragging: boolean;
-	    currentResizerPos: number;
-	    prevPanelId: string | null;
-	    nextPanelId: string | null;
-	    containerSize: number;
-	    isHorizontal?: boolean;
-	    panels: EuiResizableContainerRegistry['panels'];
-	    resizers: EuiResizableContainerRegistry['resizers'];
-	}
-	export interface ActionToggleOptions {
-	    direction: PanelDirection;
-	}
-	interface ActionReset {
-	    type: 'EUI_RESIZABLE_RESET';
-	}
-	interface ActionInit {
-	    type: 'EUI_RESIZABLE_CONTAINER_INIT';
-	    payload: {
-	        isHorizontal: boolean;
-	    };
-	}
-	export interface ActionDragStart {
-	    type: 'EUI_RESIZABLE_DRAG_START';
-	    payload: {
-	        prevPanelId: string;
-	        nextPanelId: string;
-	        position: number;
-	    };
-	}
-	export interface ActionDragMove {
-	    type: 'EUI_RESIZABLE_DRAG_MOVE';
-	    payload: {
-	        prevPanelId: string;
-	        nextPanelId: string;
-	        position: number;
-	    };
-	}
-	export interface ActionKeyMove {
-	    type: 'EUI_RESIZABLE_KEY_MOVE';
-	    payload: {
-	        prevPanelId: string;
-	        nextPanelId: string;
-	        direction: KeyMoveDirection;
-	    };
-	}
-	export interface ActionResize {
-	    type: 'EUI_RESIZABLE_RESIZE';
-	    payload: {};
-	}
-	export interface ActionToggle {
-	    type: 'EUI_RESIZABLE_TOGGLE';
-	    payload: {
-	        panelId: string;
-	        options: ActionToggleOptions;
-	    };
-	}
-	interface ActionRegisterPanel {
-	    type: 'EUI_RESIZABLE_PANEL_REGISTER';
-	    payload: {
-	        panel: EuiResizablePanelController;
-	    };
-	}
-	interface ActionDeregisterPanel {
-	    type: 'EUI_RESIZABLE_PANEL_DEREGISTER';
-	    payload: {
-	        panelId: EuiResizablePanelController['id'];
-	    };
-	}
-	interface ActionRegisterResizer {
-	    type: 'EUI_RESIZABLE_BUTTON_REGISTER';
-	    payload: {
-	        resizer: EuiResizableButtonController;
-	    };
-	}
-	interface ActionDeregisterResizer {
-	    type: 'EUI_RESIZABLE_BUTTON_DEREGISTER';
-	    payload: {
-	        resizerId: EuiResizableButtonController['id'];
-	    };
-	}
-	export interface ActionFocus {
-	    type: 'EUI_RESIZABLE_BUTTON_FOCUS';
-	    payload: {
-	        resizerId: EuiResizableButtonController['id'];
-	    };
-	}
-	interface ActionBlur {
-	    type: 'EUI_RESIZABLE_BUTTON_BLUR';
-	}
-	interface ActionOnChange {
-	    type: 'EUI_RESIZABLE_ONCHANGE';
-	}
-	export type EuiResizableContainerAction = ActionReset | ActionInit | ActionRegisterPanel | ActionDeregisterPanel | ActionRegisterResizer | ActionDeregisterResizer | ActionDragStart | ActionDragMove | ActionKeyMove | ActionResize | ActionToggle | ActionFocus | ActionBlur | ActionOnChange;
-	export interface EuiResizableContainerActions {
-	    reset: () => void;
-	    initContainer: (isHorizontal: boolean) => void;
-	    registerPanel: (panel: EuiResizablePanelController) => void;
-	    deregisterPanel: (panelId: EuiResizablePanelController['id']) => void;
-	    registerResizer: (resizer: EuiResizableButtonController) => void;
-	    deregisterResizer: (resizerId: EuiResizableButtonController['id']) => void;
-	    dragStart: ({ prevPanelId, nextPanelId, position, }: ActionDragStart['payload']) => void;
-	    dragMove: ({ prevPanelId, nextPanelId, position, }: ActionDragMove['payload']) => void;
-	    keyMove: ({ prevPanelId, nextPanelId, direction, }: ActionKeyMove['payload']) => void;
-	    resizerFocus: (resizerId: ActionFocus['payload']['resizerId']) => void;
-	    resizerBlur: () => void;
-	    togglePanel: (panelId: ActionToggle['payload']['panelId'], options: ActionToggle['payload']['options']) => void;
-	}
-	export {};
-
-}
-declare module '@elastic/eui/src/components/resizable_container/context' {
-	import React from 'react';
-	import { EuiResizableContainerRegistry } from '@elastic/eui/src/components/resizable_container/types';
-	interface ContainerContextProps {
-	    registry?: EuiResizableContainerRegistry;
-	}
-	interface ContextProviderProps extends Required<ContainerContextProps> {
-	    /**
-	     * ReactNode to render as this component's content
-	     */
-	    children: any;
-	}
-	export function EuiResizableContainerContextProvider({ children, registry, }: ContextProviderProps): React.JSX.Element;
-	export const useEuiResizableContainerContext: () => ContainerContextProps;
-	export {};
-
-}
-declare module '@elastic/eui/src/components/resizable_container/resizable_button.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiResizableButtonStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiResizableButton: import("@emotion/utils").SerializedStyles;
-	    horizontal: import("@emotion/utils").SerializedStyles;
-	    vertical: import("@emotion/utils").SerializedStyles;
-	    alignIndicator: {
-	        center: import("@emotion/utils").SerializedStyles;
-	        start: import("@emotion/utils").SerializedStyles;
-	        end: import("@emotion/utils").SerializedStyles;
-	    };
-	};
-
-}
-declare module '@elastic/eui/src/components/resizable_container/resizable_button' {
-	import React, { FunctionComponent, ButtonHTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiResizableButtonController, EuiResizableButtonMouseEvent, EuiResizableButtonKeyEvent } from '@elastic/eui/src/components/resizable_container/types';
-	export type EuiResizableButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & CommonProps & {
-	    /**
-	     * Defaults to displaying a resizer for vertical (y-axis) resizing.
-	     * Set to `true` to display a resizer for horizontal (x-axis) resizing.
-	     */
-	    isHorizontal?: boolean;
-	    /**
-	     * Specify the alignment of the initial resize indicator. Defaults to `center`,
-	     * but consider using `start` for extremely tall content that scrolls off-screen
-	     */
-	    alignIndicator?: 'center' | 'start' | 'end';
-	    /**
-	     * When disabled, the resizer button will be completely hidden
-	     */
-	    disabled?: boolean;
-	};
-	/**
-	 * A generic button for indicating/facilitating resizable content,
-	 * usable outside of the EuiResizableContainer context
-	 */
-	export const EuiResizableButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & CommonProps & {
-	    /**
-	     * Defaults to displaying a resizer for vertical (y-axis) resizing.
-	     * Set to `true` to display a resizer for horizontal (x-axis) resizing.
-	     */
-	    isHorizontal?: boolean | undefined;
-	    /**
-	     * Specify the alignment of the initial resize indicator. Defaults to `center`,
-	     * but consider using `start` for extremely tall content that scrolls off-screen
-	     */
-	    alignIndicator?: "center" | "end" | "start" | undefined;
-	    /**
-	     * When disabled, the resizer button will be completely hidden
-	     */
-	    disabled?: boolean | undefined;
-	} & React.RefAttributes<HTMLButtonElement>>;
-	/**
-	 * Resizer button specific to controlled EuiResizableContainer usage
-	 */
-	export type EuiResizableButtonControls = Omit<EuiResizableButtonProps, 'onFocus'> & {
-	    registration: {
-	        register: (resizer: EuiResizableButtonController) => void;
-	        deregister: (resizerId: EuiResizableButtonController['id']) => void;
-	    };
-	    onKeyDown: (e: EuiResizableButtonKeyEvent) => void;
-	    onKeyUp: (e: EuiResizableButtonKeyEvent) => void;
-	    onMouseDown: (e: EuiResizableButtonMouseEvent) => void;
-	    onTouchStart: (e: EuiResizableButtonMouseEvent) => void;
-	    onBlur: () => void;
-	    onFocus: (id: string) => void;
-	};
-	export const EuiResizableButtonControlled: FunctionComponent<Partial<EuiResizableButtonControls>>;
-	export const euiResizableButtonWithControls: (controls: EuiResizableButtonControls) => (props: CommonProps) => React.JSX.Element;
-
-}
-declare module '@elastic/eui/src/components/resizable_container/resizable_collapse_button.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiResizableCollapseButtonStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiResizableCollapseButton: import("@emotion/utils").SerializedStyles;
-	    collapsible: {
-	        collapsible: import("@emotion/utils").SerializedStyles;
-	        horizontal: {
-	            after: import("@emotion/utils").SerializedStyles;
-	            before: import("@emotion/utils").SerializedStyles;
-	            middle: import("@emotion/utils").SerializedStyles;
-	            top: import("@emotion/utils").SerializedStyles;
-	            bottom: import("@emotion/utils").SerializedStyles;
-	            readonly left: import("@emotion/utils").SerializedStyles;
-	            readonly right: import("@emotion/utils").SerializedStyles;
-	        };
-	        vertical: {
-	            after: import("@emotion/utils").SerializedStyles;
-	            before: import("@emotion/utils").SerializedStyles;
-	            middle: import("@emotion/utils").SerializedStyles;
-	            left: import("@emotion/utils").SerializedStyles;
-	            right: import("@emotion/utils").SerializedStyles;
-	            readonly top: import("@emotion/utils").SerializedStyles;
-	            readonly bottom: import("@emotion/utils").SerializedStyles;
-	        };
-	    };
-	    collapsed: {
-	        collapsed: import("@emotion/utils").SerializedStyles;
-	        horizontal: import("@emotion/utils").SerializedStyles;
-	        vertical: import("@emotion/utils").SerializedStyles;
-	        horizontalPositions: {
-	            top: import("@emotion/utils").SerializedStyles;
-	            bottom: import("@emotion/utils").SerializedStyles;
-	            middle: import("@emotion/utils").SerializedStyles;
-	            left: import("@emotion/utils").SerializedStyles;
-	            right: import("@emotion/utils").SerializedStyles;
-	        };
-	        verticalPositions: {
-	            left: import("@emotion/utils").SerializedStyles;
-	            right: import("@emotion/utils").SerializedStyles;
-	            middle: import("@emotion/utils").SerializedStyles;
-	            top: import("@emotion/utils").SerializedStyles;
-	            bottom: import("@emotion/utils").SerializedStyles;
-	        };
-	    };
-	};
-
-}
-declare module '@elastic/eui/src/components/resizable_container/resizable_collapse_button' {
-	import { FunctionComponent } from 'react';
-	import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
-	import { ToggleOptions } from '@elastic/eui/src/components/resizable_container/resizable_panel';
-	import { EuiResizableContainerProps } from '@elastic/eui/src/components/resizable_container/resizable_container';
-	export type EuiResizableCollapseButtonProps = Omit<EuiButtonIconPropsForButton, 'iconType'> & {
-	    /**
-	     * Position of the toggle button.
-	     * Enums based on the `direction` of the EuiResizableContainer
-	     */
-	    internalPosition?: ToggleOptions['position'];
-	    /**
-	     * Position of the toggle button.
-	     * Enums based on the `direction` of the EuiResizableContainer
-	     */
-	    externalPosition?: 'before' | 'after';
-	    /**
-	     * Same direction derived from EuiResizableContainer
-	     */
-	    direction?: EuiResizableContainerProps['direction'];
-	    isVisible?: boolean;
-	    isCollapsed?: boolean;
-	};
-	export const EuiResizableCollapseButton: FunctionComponent<EuiResizableCollapseButtonProps>;
-
-}
-declare module '@elastic/eui/src/components/resizable_container/resizable_panel.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiResizablePanelStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiResizablePanel: import("@emotion/utils").SerializedStyles;
-	    collapsed: import("@emotion/utils").SerializedStyles;
-	    paddingSizes: {
-	        none: null;
-	        xs: import("@emotion/utils").SerializedStyles;
-	        s: import("@emotion/utils").SerializedStyles;
-	        m: import("@emotion/utils").SerializedStyles;
-	        l: import("@emotion/utils").SerializedStyles;
-	        xl: import("@emotion/utils").SerializedStyles;
-	    };
-	};
-	export const euiResizablePanelContentStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiResizablePanel__content: import("@emotion/utils").SerializedStyles;
-	    scrollable: import("@emotion/utils").SerializedStyles;
-	    collapsedChildren: import("@emotion/utils").SerializedStyles;
-	    horizontal: {
-	        collapsed: import("@emotion/utils").SerializedStyles;
-	        hasCollapsibleButton: import("@emotion/utils").SerializedStyles;
-	    };
-	    vertical: {
-	        collapsed: import("@emotion/utils").SerializedStyles;
-	        hasCollapsibleButton: import("@emotion/utils").SerializedStyles;
-	    };
-	};
-
-}
-declare module '@elastic/eui/src/components/resizable_container/resizable_panel' {
-	import React, { CSSProperties, ReactNode, FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { PanelPaddingSize, _EuiPanelProps } from '@elastic/eui/src/components/panel/panel';
-	import { EuiResizablePanelController, ActionToggleOptions, PanelModeType } from '@elastic/eui/src/components/resizable_container/types';
-	export interface ToggleOptions {
-	    'data-test-subj'?: string;
-	    className?: string;
-	    /**
-	     * Position of the toggle button.
-	     * Enums based on the `direction` of the EuiResizableContainer
-	     */
-	    position?: 'top' | 'middle' | 'bottom' | 'left' | 'right';
-	}
-	export type ModeOptions = PanelModeType | [PanelModeType, Partial<ToggleOptions>];
-	export type ToggleCollapseCallback = (panelId: EuiResizablePanelController['id'], options: ActionToggleOptions) => void;
-	export const getModeType: (mode?: ModeOptions | undefined) => PanelModeType | undefined;
-	export const getToggleOptions: (mode?: ModeOptions | undefined) => {
-	    'data-test-subj': string | undefined;
-	    className: string | null;
-	    position: string;
-	};
-	export interface EuiResizablePanelControls {
-	    isHorizontal: boolean;
-	    registration: {
-	        register: (panel: EuiResizablePanelController) => void;
-	        deregister: (panelId: EuiResizablePanelController['id']) => void;
-	    };
-	    /**
-	     * #ToggleCollapseCallback
-	     */
-	    onToggleCollapsed?: ToggleCollapseCallback;
-	    onToggleCollapsedInternal: ToggleCollapseCallback;
+	    render(): React.JSX.Element;
 	}
-	export interface EuiResizablePanelProps extends _EuiPanelProps, CommonProps, Partial<EuiResizablePanelControls> {
-	    /**
-	     * Specify a desired minimum panel size in pixels or percents,
-	     * for example "300px" or "30%"
-	     * The actual minimum size will be calculated,
-	     * using the larger of this prop and the panelProps.paddingSize
-	     */
-	    minSize?: string;
-	    /**
-	     * Specify id of panel if you want to track panel size in "onPanelWidthChange" callback
-	     */
-	    id?: string;
-	    /**
-	     * Initial size of the panel in percents
-	     * Specify this prop if you don't need to handle the panel size from outside
-	     */
-	    initialSize?: number;
-	    /**
-	     * Size of the panel in percents.
-	     * Specify this prop if you want to control the size from outside, the panel will ignore the "initialSize"
-	     */
-	    size?: number;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/basic_table' {
+	export type { EuiBasicTableProps, EuiBasicTableColumn, Criteria, CriteriaWithPagination, } from '@elastic/eui/src/components/basic_table/basic_table';
+	export { EuiBasicTable } from '@elastic/eui/src/components/basic_table/basic_table';
+	export type { EuiInMemoryTableProps, Search } from '@elastic/eui/src/components/basic_table/in_memory_table';
+	export { EuiInMemoryTable } from '@elastic/eui/src/components/basic_table/in_memory_table';
+	export type { EuiTableDataType, EuiTableFooterProps, EuiTableFieldDataColumnType, EuiTableComputedColumnType, EuiTableActionsColumnType, EuiTableSelectionType, EuiTableSortingType, } from '@elastic/eui/src/components/basic_table/table_types';
+	export type { Pagination } from '@elastic/eui/src/components/basic_table/pagination_bar';
+	export type { DefaultItemAction, CustomItemAction } from '@elastic/eui/src/components/basic_table/action_types';
+
+}
+declare module '@elastic/eui/src/components/text_diff/text_diff.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiTextDiffStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiTextDiff: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/text_diff/text_diff' {
+	import React, { HTMLAttributes, ElementType } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	interface Props {
 	    /**
-	     * Add Eui scroll and overflow for the panel
+	     * The starting string
 	     */
-	    scrollable?: boolean;
-	    mode?: ModeOptions;
+	    beforeText: string;
 	    /**
-	     * ReactNode to render as this component's content
+	     * The string used to compare against `beforeText`
 	     */
-	    children: ReactNode;
+	    afterText: string;
 	    /**
-	     * Custom CSS properties applied to the wrapping `.euiResizablePanel` div
+	     * HTML element to wrap insertion differences.
+	     * Defaults to `ins`
 	     */
-	    style?: CSSProperties;
+	    insertComponent?: ElementType;
 	    /**
-	     * tabIndex={0} provides full keyboard access when content overflows `<EuiResizablePanel />`
+	     * HTML element to wrap deletion differences.
+	     * Defaults to `del`
 	     */
-	    tabIndex?: number;
+	    deleteComponent?: ElementType;
 	    /**
-	     * Props to add to the wrapping `.euiResizablePanel` div
+	     * HTML element to wrap text with no differences.
+	     * Doesn't wrap with anything by default
 	     */
-	    wrapperProps?: CommonProps & HTMLAttributes<HTMLDivElement>;
+	    sameComponent?: ElementType;
 	    /**
-	     * Padding to add directly to the wrapping `.euiResizablePanel` div
-	     * Gives space around the actual panel.
+	     * Time in milliseconds. Passing a timeout of value '0' disables the timeout state
 	     */
-	    wrapperPadding?: PanelPaddingSize;
+	    timeout?: number;
 	}
-	export const EuiResizablePanel: FunctionComponent<EuiResizablePanelProps>;
-	export function euiResizablePanelWithControls(controls: EuiResizablePanelControls): (props: EuiResizablePanelProps) => React.JSX.Element;
+	export type EuiTextDiffProps = CommonProps & Props & HTMLAttributes<HTMLElement>;
+	export const useEuiTextDiff: ({ className, insertComponent, deleteComponent, sameComponent, beforeText, afterText, timeout, ...rest }: EuiTextDiffProps) => (React.JSX.Element | [0 | 1 | -1, string][])[];
+	export {};
 
 }
-declare module '@elastic/eui/src/components/resizable_container/helpers' {
-	import { MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
-	import { EuiResizableContainerRegistry, EuiResizableContainerState, EuiResizableContainerActions } from '@elastic/eui/src/components/resizable_container/types';
-	interface Params {
-	    initialState: EuiResizableContainerState;
-	    containerRef: React.RefObject<HTMLDivElement>;
-	    onPanelWidthChange?: ({}: {
-	        [key: string]: number;
-	    }) => any;
-	}
-	export const pxToPercent: (proportion: number, whole: number) => number;
-	export const sizesOnly: (panelObject: EuiResizableContainerRegistry['panels']) => {
-	    [key: string]: number;
+declare module '@elastic/eui/src/components/text_diff' {
+	export type { EuiTextDiffProps } from '@elastic/eui/src/components/text_diff/text_diff';
+	export { useEuiTextDiff } from '@elastic/eui/src/components/text_diff/text_diff';
+
+}
+declare module '@elastic/eui/src/components/toast/toast.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiToastStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiToast: import("@emotion/utils").SerializedStyles;
+	    euiToast__closeButton: import("@emotion/utils").SerializedStyles;
+	    primary: import("@emotion/utils").SerializedStyles;
+	    success: import("@emotion/utils").SerializedStyles;
+	    warning: import("@emotion/utils").SerializedStyles;
+	    danger: import("@emotion/utils").SerializedStyles;
 	};
-	export const getPanelMinSize: (panelMinSize: string[], containerSize: number) => number;
-	export const getPosition: (event: ReactMouseEvent | ReactTouchEvent, isHorizontal: boolean) => number;
-	export const useContainerCallbacks: ({ initialState, containerRef, onPanelWidthChange, }: Params) => [EuiResizableContainerActions, EuiResizableContainerState];
+	export const euiToastHeaderStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiToastHeader: import("@emotion/utils").SerializedStyles;
+	    euiToastHeader__icon: import("@emotion/utils").SerializedStyles;
+	    euiToastHeader__title: import("@emotion/utils").SerializedStyles;
+	    withBody: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiToastBodyStyles: () => {
+	    euiToastBody: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/toast/toast' {
+	import { FunctionComponent, HTMLAttributes, ReactNode } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { IconType } from '@elastic/eui/src/components/icon';
+	export const COLORS: readonly ["primary", "success", "warning", "danger"]; type ToastColor = (typeof COLORS)[number];
+	export interface EuiToastProps extends CommonProps, Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+	    title?: ReactNode;
+	    color?: ToastColor;
+	    iconType?: IconType;
+	    onClose?: () => void;
+	}
+	export const EuiToast: FunctionComponent<EuiToastProps>;
 	export {};
 
 }
-declare module '@elastic/eui/src/components/resizable_container/resizable_container.styles' {
-	export const euiResizableContainerStyles: () => {
-	    euiResizableContainer: import("@emotion/utils").SerializedStyles;
-	    horizontal: import("@emotion/utils").SerializedStyles;
-	    vertical: import("@emotion/utils").SerializedStyles;
+declare module '@elastic/eui/src/services/time/timer' {
+	export class Timer {
+	    id: any;
+	    callback: undefined | (() => void);
+	    finishTime: number | undefined;
+	    timeRemaining: number | undefined;
+	    constructor(callback: () => void, timeMs: number);
+	    pause: () => void;
+	    resume: () => void;
+	    clear: () => void;
+	    finish: () => void;
+	}
+
+}
+declare module '@elastic/eui/src/services/time' {
+	export { Timer } from '@elastic/eui/src/services/time/timer';
+
+}
+declare module '@elastic/eui/src/components/toast/global_toast_list.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiGlobalToastListStyles: (euiThemeContext: UseEuiTheme) => {
+	    /**
+	     * 1. Allow list to expand as items are added, but cap it at the screen height.
+	     * 2. Allow some padding for shadow
+	     */
+	    euiGlobalToastList: import("@emotion/utils").SerializedStyles;
+	    right: import("@emotion/utils").SerializedStyles;
+	    left: import("@emotion/utils").SerializedStyles;
+	    euiGlobalToastListDismissButton: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiGlobalToastListItemStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiGlobalToastListItem: import("@emotion/utils").SerializedStyles;
+	    dismissed: import("@emotion/utils").SerializedStyles;
 	};
 
 }
-declare module '@elastic/eui/src/components/resizable_container/resizable_container' {
-	import { ReactNode, CSSProperties, FunctionComponent, HTMLAttributes, ComponentType } from 'react';
+declare module '@elastic/eui/src/components/toast/global_toast_list_item' {
+	import { FunctionComponent, ReactElement } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiResizableButtonProps } from '@elastic/eui/src/components/resizable_container/resizable_button';
-	import { EuiResizablePanelProps, ToggleCollapseCallback } from '@elastic/eui/src/components/resizable_container/resizable_panel';
-	import { EuiResizableContainerActions, ResizeTrigger } from '@elastic/eui/src/components/resizable_container/types';
-	export interface EuiResizableContainerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>, CommonProps {
+	export interface EuiGlobalToastListItemProps {
+	    isDismissed?: boolean;
 	    /**
-	     * Specify the container direction
+	     * ReactElement to render as this component's content
 	     */
-	    direction?: 'vertical' | 'horizontal';
+	    children?: ReactElement;
+	}
+	export const EuiGlobalToastListItem: FunctionComponent<CommonProps & EuiGlobalToastListItemProps>;
+
+}
+declare module '@elastic/eui/src/components/toast/global_toast_list' {
+	import { FunctionComponent, HTMLAttributes, ReactNode } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiToastProps } from '@elastic/eui/src/components/toast/toast'; type ToastSide = 'right' | 'left';
+	export const SIDES: ToastSide[];
+	export const TOAST_FADE_OUT_MS = 250;
+	export const CLEAR_ALL_TOASTS_THRESHOLD_DEFAULT = 3;
+	export interface Toast extends EuiToastProps {
+	    id: string;
+	    text?: ReactNode;
+	    toastLifeTimeMs?: number;
+	}
+	export interface EuiGlobalToastListProps extends CommonProps {
+	    toasts?: Toast[];
+	    dismissToast: (toast: Toast) => void;
+	    toastLifeTimeMs: number;
 	    /**
-	     * Pure function which accepts Panel and Resizer components in arguments
-	     * and returns a component tree
+	     * Determines which side of the browser window the toasts should appear
 	     */
-	    children: (Panel: ComponentType<EuiResizablePanelProps>, Resizer: ComponentType<EuiResizableButtonProps>, actions: Partial<EuiResizableContainerActions>) => ReactNode;
+	    side?: ToastSide;
 	    /**
-	     * Pure function which accepts an object where keys are IDs of panels, which sizes were changed,
-	     * and values are actual sizes in percents
+	     * At this threshold, a "Clear all" button will display at the bottom of the toast list
+	     * that allows users to dismiss all toasts in a single click.
+	     *
+	     * Defaults to `3`. Set to `0` to disable the button entirely.
 	     */
-	    onPanelWidthChange?: ({}: {
-	        [key: string]: number;
-	    }) => void;
-	    onToggleCollapsed?: ToggleCollapseCallback;
+	    showClearAllButtonAt?: number;
 	    /**
-	     * Called when resizing starts
+	     * Optional callback that fires when a user clicks the "Clear all" button.
 	     */
-	    onResizeStart?: (trigger: ResizeTrigger) => void;
+	    onClearAllToasts?: () => void;
 	    /**
-	     * Called when resizing ends
+	     * Defaults to the [log role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/log_role).
+	     *
+	     * The [alert role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role)
+	     * can be considered only if *all* toasts in this list will require immediate user attention.
+	     * Several alerts at once, and unnecessary alerts, will a create bad screen reader user experience.
+	     *
+	     * @default log
 	     */
-	    onResizeEnd?: () => void;
-	    style?: CSSProperties;
+	    role?: HTMLAttributes<HTMLElement>['role'];
 	}
-	export const EuiResizableContainer: FunctionComponent<EuiResizableContainerProps>;
+	export const EuiGlobalToastList: FunctionComponent<EuiGlobalToastListProps>;
+	export {};
 
 }
-declare module '@elastic/eui/src/components/resizable_container' {
-	export type { EuiResizableContainerProps } from '@elastic/eui/src/components/resizable_container/resizable_container';
-	export { EuiResizableContainer } from '@elastic/eui/src/components/resizable_container/resizable_container';
-	export type { EuiResizableButtonProps } from '@elastic/eui/src/components/resizable_container/resizable_button';
-	export { EuiResizableButton } from '@elastic/eui/src/components/resizable_container/resizable_button';
+declare module '@elastic/eui/src/components/toast' {
+	export { EuiToast } from '@elastic/eui/src/components/toast/toast';
+	export type { EuiGlobalToastListProps, Toast as EuiGlobalToastListToast, } from '@elastic/eui/src/components/toast/global_toast_list';
+	export { EuiGlobalToastList } from '@elastic/eui/src/components/toast/global_toast_list';
+	export type { EuiGlobalToastListItemProps } from '@elastic/eui/src/components/toast/global_toast_list_item';
+	export { EuiGlobalToastListItem } from '@elastic/eui/src/components/toast/global_toast_list_item';
 
 }
 declare module '@elastic/eui/src/components' {
@@ -23160,7 +22861,6 @@ declare module '@elastic/eui/src/components' {
 	export * from '@elastic/eui/src/components/comment_list';
 	export * from '@elastic/eui/src/components/context';
 	export * from '@elastic/eui/src/components/context_menu';
-	export * from '@elastic/eui/src/components/control_bar';
 	export * from '@elastic/eui/src/components/copy';
 	export * from '@elastic/eui/src/components/datagrid';
 	export * from '@elastic/eui/src/components/date_picker';
@@ -23194,7 +22894,6 @@ declare module '@elastic/eui/src/components' {
 	export * from '@elastic/eui/src/components/mark';
 	export * from '@elastic/eui/src/components/modal';
 	export * from '@elastic/eui/src/components/observer/mutation_observer';
-	export * from '@elastic/eui/src/components/notification';
 	export * from '@elastic/eui/src/components/outside_click_detector';
 	export * from '@elastic/eui/src/components/overlay_mask';
 	export * from '@elastic/eui/src/components/page';
@@ -28736,6 +28435,7 @@ declare module '@elastic/eui' {
 "euiBasicTable.selectThisRow": any;
 "euiBasicTable.tablePagination": any;
 "euiCollapsedItemActions.allActions": any;
+"euiCollapsedItemActions.allActionsDisabled": any;
 "euiBottomBar.screenReaderHeading": any;
 "euiBottomBar.customScreenReaderAnnouncement": any;
 "euiBottomBar.screenReaderAnnouncement": any;
@@ -28775,9 +28475,6 @@ declare module '@elastic/eui' {
 "euiComboBoxOptionsList.noAvailableOptions": any;
 "euiComboBoxOptionsList.allOptionsSelected": any;
 "euiComboBox.listboxAriaLabel": any;
-"euiControlBar.screenReaderHeading": any;
-"euiControlBar.customScreenReaderAnnouncement": any;
-"euiControlBar.screenReaderAnnouncement": any;
 "euiDataGridCellActions.expandButtonTitle": any;
 "euiDataGridCell.position": any;
 "euiColumnActions.hideColumn": any;
@@ -29025,18 +28722,6 @@ declare module '@elastic/eui' {
 "euiMarkdownEditorToolbar.editor": any;
 "euiMarkdownEditorToolbar.previewMarkdown": any;
 "euiModal.closeModal": any;
-"euiNotificationEventMessages.accordionButtonText": any;
-"euiNotificationEventMessages.accordionAriaLabelButtonText": any;
-"euiNotificationEventMessages.accordionHideText": any;
-"euiNotificationEventMeta.contextMenuButton": any;
-"euiNotificationEventReadButton.markAsReadAria": any;
-"euiNotificationEventReadButton.markAsUnreadAria": any;
-"euiNotificationEventReadButton.markAsRead": any;
-"euiNotificationEventReadButton.markAsUnread": any;
-"euiNotificationEventReadIcon.readAria": any;
-"euiNotificationEventReadIcon.unreadAria": any;
-"euiNotificationEventReadIcon.read": any;
-"euiNotificationEventReadIcon.unread": any;
 "euiPaginationButtonArrow.firstPage": any;
 "euiPaginationButtonArrow.previousPage": any;
 "euiPaginationButtonArrow.nextPage": any;