@elastic/eui 88.3.0 → 88.4.0

package/eui.d.ts

@@ -9548,25 +9548,6 @@ declare module '@elastic/eui/src/components/breadcrumbs' {
 	export type { EuiBreadcrumbsProps, EuiBreadcrumbResponsiveMaxCount, } from '@elastic/eui/src/components/breadcrumbs/breadcrumbs';
 	export { EuiBreadcrumbs } from '@elastic/eui/src/components/breadcrumbs/breadcrumbs';
 
-}
-declare module '@elastic/eui/src/components/card/card_select/card_select.styles' {
-	export const euiCardSelectStyles: () => {
-	    euiCardSelect: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/card/card_select/card_select' {
-	import { FunctionComponent } from 'react';
-	import { Props } from '@elastic/eui/src/components/button/button';
-	export type EuiCardSelectProps = Props;
-	export const EuiCardSelect: FunctionComponent<EuiCardSelectProps>;
-	export function euiCardSelectableColor(color: Props['color'], isSelected: boolean | undefined): Props['color'];
-
-}
-declare module '@elastic/eui/src/components/card/card_select' {
-	export type { EuiCardSelectProps } from '@elastic/eui/src/components/card/card_select/card_select';
-	export { EuiCardSelect, euiCardSelectableColor } from '@elastic/eui/src/components/card/card_select/card_select';
-
 }
 declare module '@elastic/eui/src/components/spacer/spacer.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -9596,10 +9577,29 @@ declare module '@elastic/eui/src/components/spacer' {
 	export type { EuiSpacerProps } from '@elastic/eui/src/components/spacer/spacer';
 	export { EuiSpacer } from '@elastic/eui/src/components/spacer/spacer';
 
+}
+declare module '@elastic/eui/src/components/card/card_select/card_select.styles' {
+	export const euiCardSelectStyles: () => {
+	    euiCardSelect: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/card/card_select/card_select' {
+	import { FunctionComponent } from 'react';
+	import { Props } from '@elastic/eui/src/components/button/button';
+	export type EuiCardSelectProps = Props;
+	export const EuiCardSelect: FunctionComponent<EuiCardSelectProps>;
+	export function euiCardSelectableColor(color: Props['color'], isSelected: boolean | undefined): Props['color'];
+
+}
+declare module '@elastic/eui/src/components/card/card_select' {
+	export type { EuiCardSelectProps } from '@elastic/eui/src/components/card/card_select/card_select';
+	export { EuiCardSelect, euiCardSelectableColor } from '@elastic/eui/src/components/card/card_select/card_select';
+
 }
 declare module '@elastic/eui/src/components/card/card.styles' {
-	import { EuiCardProps } from '@elastic/eui/src/components';
 	import { UseEuiTheme } from '@elastic/eui/src/services';
+	import { EuiCardProps } from '@elastic/eui/src/components/card/card';
 	/**
 	 * 1. Footer is always at the bottom.
 	 * 3. Horizontal layouts should always top left align no matter the textAlign prop
@@ -9675,8 +9675,8 @@ declare module '@elastic/eui/src/components/card/card' {
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
 	import { EuiBetaBadgeProps } from '@elastic/eui/src/components/badge/beta_badge';
 	import { EuiIconProps } from '@elastic/eui/src/components/icon';
-	import { EuiCardSelectProps } from '@elastic/eui/src/components/card/card_select';
 	import { EuiPanelProps } from '@elastic/eui/src/components/panel';
+	import { EuiCardSelectProps } from '@elastic/eui/src/components/card/card_select';
 	export const ALIGNMENTS: readonly ["left", "center", "right"]; type CardAlignment = (typeof ALIGNMENTS)[number]; type EuiCardPropsLayout = ExclusiveUnion<{
 	    layout?: 'vertical';
 	    /**
@@ -11288,74 +11288,6 @@ declare module '@elastic/eui/src/components/color_picker' {
 	export type { EuiColorPaletteDisplayProps } from '@elastic/eui/src/components/color_picker/color_palette_display';
 	export { EuiColorPaletteDisplay } from '@elastic/eui/src/components/color_picker/color_palette_display';
 
-}
-declare module '@elastic/eui/src/components/mark/mark.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiMarkStyles: ({ euiTheme, colorMode }: UseEuiTheme) => {
-	    euiMark: import("@emotion/utils").SerializedStyles;
-	};
-	export const euiMarkScreenReaderStyles: (highlightStart: string, highlightEnd: string) => {
-	    hasScreenReaderHelpText: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/mark/mark' {
-	import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type EuiMarkProps = HTMLAttributes<HTMLElement> & CommonProps & {
-	    /**
-	     * Set to `false` to remove the CSS :before and :after
-	     * screen reader helper text
-	     */
-	    hasScreenReaderHelpText?: boolean;
-	    /**
-	     * ReactNode to render as this component's content
-	     */
-	    children: ReactNode;
-	};
-	export const EuiMark: FunctionComponent<EuiMarkProps>;
-
-}
-declare module '@elastic/eui/src/components/mark' {
-	export type { EuiMarkProps } from '@elastic/eui/src/components/mark/mark';
-	export { EuiMark } from '@elastic/eui/src/components/mark/mark';
-
-}
-declare module '@elastic/eui/src/components/highlight/highlight' {
-	import { HTMLAttributes, FunctionComponent } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiMarkProps } from '@elastic/eui/src/components/mark'; type EuiMarkPropHelpText = Pick<EuiMarkProps, 'hasScreenReaderHelpText'>;
-	export type EuiHighlightProps = HTMLAttributes<HTMLSpanElement> & EuiMarkPropHelpText & CommonProps & {
-	    /**
-	     * string to highlight as this component's content
-	     */
-	    children: string;
-	    /**
-	     * What to search for
-	     */
-	    search: string;
-	    /**
-	     * Should the search be strict or not
-	     */
-	    strict?: boolean;
-	    /**
-	     * Should highlight all matches
-	     */
-	    highlightAll?: boolean;
-	};
-	export const EuiHighlight: FunctionComponent<EuiHighlightProps>;
-	export {};
-
-}
-declare module '@elastic/eui/src/components/highlight' {
-	export type { EuiHighlightProps } from '@elastic/eui/src/components/highlight/highlight';
-	export { EuiHighlight } from '@elastic/eui/src/components/highlight/highlight';
-
-}
-declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_title' {
-	import { FunctionComponent, PropsWithChildren } from 'react';
-	export const EuiComboBoxTitle: FunctionComponent<PropsWithChildren>;
-
 }
 declare module '@elastic/eui/src/components/filter_group/filter_select_item.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -11399,128 +11331,212 @@ declare module '@elastic/eui/src/components/filter_group/filter_select_item' {
 	export const EuiFilterSelectItem: React.ForwardRefExoticComponent<Omit<EuiFilterSelectItemProps, "theme"> & React.RefAttributes<Omit<EuiFilterSelectItemProps, "theme">>>;
 
 }
-declare module '@elastic/eui/src/components/combo_box/types' {
-	import { ButtonHTMLAttributes, ReactNode } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export interface EuiComboBoxOptionOption<T = string | number | string[] | undefined> extends CommonProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {
-	    isGroupLabelOption?: boolean;
-	    label: string;
-	    key?: string;
-	    options?: Array<EuiComboBoxOptionOption<T>>;
-	    value?: T;
-	    prepend?: ReactNode;
-	    append?: ReactNode;
+declare module '@elastic/eui/src/components/text_truncate/utils' {
+	import type { ExclusiveUnion } from '@elastic/eui/src/components/common';
+	interface SharedParams {
+	    fullText: string;
+	    ellipsis: string;
+	    availableWidth: number;
 	}
-	export type UpdatePositionHandler = (listElement?: RefInstance<HTMLDivElement>) => void;
-	export type OptionHandler<T> = (option: EuiComboBoxOptionOption<T>) => void;
-	export type RefInstance<T> = T | null;
-	export type EuiComboBoxOptionsListPosition = 'top' | 'bottom';
-	export interface EuiComboBoxSingleSelectionShape {
-	    asPlainText?: boolean;
+	interface DOMParams extends SharedParams {
+	    container: HTMLElement;
+	} type CanvasParams = SharedParams & ExclusiveUnion<{
+	    container: HTMLElement;
+	}, {
+	    font: CanvasTextDrawingStyles['font'];
+	}>; abstract class _TruncationUtils {
+	    protected fullText: SharedParams['fullText'];
+	    protected ellipsis: SharedParams['ellipsis'];
+	    protected availableWidth: SharedParams['availableWidth'];
+	    constructor({ fullText, ellipsis, availableWidth }: SharedParams);
+	    /**
+	     * Internal measurement utils which will be overridden depending on the
+	     * rendering approach used (e.g. DOM vs Canvas).
+	     */
+	    abstract textWidth: number;
+	    abstract setTextToCheck: (text: string) => void;
+	    /**
+	     * Early return checks
+	     */
+	    checkIfTruncationIsNeeded: () => false | undefined;
+	    checkSufficientEllipsisWidth: (truncation: string) => false | undefined;
+	    checkTruncationOffsetWidth: (text: string) => false | undefined;
+	    /**
+	     * Truncation types logic. This is where the magic happens
+	     */
+	    truncateStart: (truncationOffset?: number | undefined) => string;
+	    truncateEnd: (truncationOffset?: number | undefined) => string;
+	    truncateStartEndAtPosition: (truncationPosition: number) => string;
+	    truncateStartEndAtMiddle: () => string;
+	    truncateMiddle: () => string;
+	}
+	/**
+	 * Creates a temporary vanilla JS DOM element for manipulating text and
+	 * determining text width.
+	 *
+	 * Requires passing in a container element to which the temporary element
+	 * will be appended. Any CSS/font styles that need to be accounted for should
+	 * be automatically inherited from the container.
+	 *
+	 * NOTE: The consumer is responsible for calling the `cleanup()` method manually
+	 * to remove the temporary DOM node once their usage of this utility is complete.
+	 */
+	export class TruncationUtilsWithDOM extends _TruncationUtils {
+	    container: DOMParams['container'];
+	    span: HTMLSpanElement;
+	    constructor({ container, ...rest }: DOMParams);
+	    get textWidth(): number;
+	    setTextToCheck: (text: string) => void;
+	    cleanup: () => void;
+	}
+	/**
+	 * Creates a temporary Canvas element for manipulating text & determining
+	 * text width. This method is compatible with charts or other canvas-rendered
+	 * frameworks, and requires no cleanup method.
+	 *
+	 * To accurately measure text, canvas rendering requires either a container to
+	 * compute/derive font styles from, or a static font string (useful for usage
+	 * outside the DOM). Particular care should be applied when fallback fonts are
+	 * used, as more fallback fonts can lead to less precision.
+	 *
+	 * Please note that while canvas is more performant than DOM measurement, there
+	 * are subpixel to single digit pixel differences between DOM and canvas
+	 * measurement due to the different rendering engines used.
+	 */
+	export class TruncationUtilsWithCanvas extends _TruncationUtils {
+	    context: CanvasRenderingContext2D;
+	    currentText: string;
+	    constructor({ font, container, ...rest }: CanvasParams);
+	    computeFontFromElement: (element: HTMLElement) => string;
+	    get textWidth(): number;
+	    setTextToCheck: (text: string) => void;
 	}
+	export {};
 
 }
-declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_options_list' {
-	import React, { Component, ComponentProps, ReactNode, RefCallback } from 'react';
-	import { FixedSizeList, ListProps, ListChildComponentProps } from 'react-window';
-	import { EuiFilterSelectItemClass } from '@elastic/eui/src/components/filter_group/filter_select_item';
-	import { htmlIdGenerator } from '@elastic/eui/src/services';
-	import { EuiComboBoxOptionOption, EuiComboBoxOptionsListPosition, EuiComboBoxSingleSelectionShape, OptionHandler, RefInstance, UpdatePositionHandler } from '@elastic/eui/src/components/combo_box/types';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiPopoverPanel } from '@elastic/eui/src/components/popover/popover_panel';
-	export type EuiComboBoxOptionsListProps<T> = CommonProps & ComponentProps<typeof EuiPopoverPanel> & {
-	    'data-test-subj': string;
-	    activeOptionIndex?: number;
-	    areAllOptionsSelected?: boolean;
-	    listboxAriaLabel: string;
+declare module '@elastic/eui/src/components/text_truncate/text_truncate.styles' {
+	export const euiTextTruncateStyles: {
+	    euiTextTruncate: import("@emotion/utils").SerializedStyles;
 	    /**
-	     * Creates a custom text option. You can use `{searchValue}` inside your string to better customize your text.
-	     * It won't show if there's no onCreateOption.
+	     * The below CSS is a hack to get double clicking and selecting the *full* text
+	     * instead of the truncated text (useful for copying/pasting, and mimics how
+	     * `text-overflow: ellipsis` works).
+	     *
+	     * Real talk: I'm lowkey amazed it works and it wouldn't surprise me if we ran into
+	     * cross-browser issues with this at some point. Hopefully CSS natively implements
+	     * custom text truncation some day (https://github.com/w3c/csswg-drafts/issues/3937)
+	     * and there'll be no need for the entire component at that point 🙏
 	     */
-	    customOptionText?: string;
-	    fullWidth?: boolean;
-	    getSelectedOptionForSearchValue?: (params: {
-	        isCaseSensitive?: boolean;
-	        searchValue: string;
-	        selectedOptions: any[];
-	    }) => EuiComboBoxOptionOption<T> | undefined;
-	    isCaseSensitive?: boolean;
-	    isLoading?: boolean;
-	    listRef: RefCallback<HTMLDivElement>;
-	    matchingOptions: Array<EuiComboBoxOptionOption<T>>;
-	    onCloseList: (event: Event) => void;
-	    onCreateOption?: (searchValue: string, options: Array<EuiComboBoxOptionOption<T>>) => boolean | void;
-	    onOptionClick?: OptionHandler<T>;
-	    onOptionEnterKey?: OptionHandler<T>;
-	    onScroll?: ListProps['onScroll'];
-	    optionRef: (index: number, node: RefInstance<EuiFilterSelectItemClass>) => void;
+	    truncatedText: import("@emotion/utils").SerializedStyles;
+	    fullText: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/text_truncate/text_truncate' {
+	import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
+	import type { CommonProps } from '@elastic/eui/src/components/common'; const TRUNCATION_TYPES: readonly ["end", "start", "startEnd", "middle"];
+	export type EuiTextTruncationTypes = (typeof TRUNCATION_TYPES)[number];
+	export type EuiTextTruncateProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onResize'> & CommonProps & {
 	    /**
-	     * Array of EuiComboBoxOptionOption objects. See #EuiComboBoxOptionOption
+	     * The full text string to truncate
 	     */
-	    options: Array<EuiComboBoxOptionOption<T>>;
-	    position?: EuiComboBoxOptionsListPosition;
-	    renderOption?: (option: EuiComboBoxOptionOption<T>, searchValue: string, OPTION_CONTENT_CLASSNAME: string) => ReactNode;
-	    rootId: ReturnType<typeof htmlIdGenerator>;
-	    rowHeight: number;
-	    scrollToIndex?: number;
-	    searchValue: string;
-	    selectedOptions: Array<EuiComboBoxOptionOption<T>>;
-	    updatePosition: UpdatePositionHandler;
-	    width: number;
-	    singleSelection?: boolean | EuiComboBoxSingleSelectionShape;
-	    delimiter?: string;
-	    zIndex?: number;
+	    text: string;
+	    /**
+	     * The truncation type desired. Determines where the ellipses are placed.
+	     */
+	    truncation?: EuiTextTruncationTypes;
+	    /**
+	     * This prop **only** applies to the `start` and `end` truncation types.
+	     * It allows preserving a certain number of characters of either the
+	     * starting or ending text.
+	     *
+	     * If the passed offset is greater than the total text length,
+	     * the offset will be ignored.
+	     */
+	    truncationOffset?: number;
+	    /**
+	     * This prop **only** applies to the `startEnd` truncation type.
+	     * It allows customizing the anchor position of the displayed text,
+	     * which otherwise defaults to the middle of the text string.
+	     *
+	     * The primary use case for this prop for is search highlighting - e.g., if
+	     * a user searches for a specific word in the text, pass the index of that
+	     * found word to ensure it is always visible.
+	     *
+	     * This behavior will intelligently detect when positions are close to the start
+	     * or end of the text, and omit leading or trailing ellipses when necessary.
+	     * If the passed position is greater than the total text length,
+	     * the truncation will simply default to `start` instead.
+	     */
+	    truncationPosition?: number;
+	    /**
+	     * Defaults to the horizontal ellipsis character.
+	     * Can be optionally configured to use other punctuation,
+	     * e.g. spaces, brackets, hyphens, asterisks, etc.
+	     */
+	    ellipsis?: string;
+	    /**
+	     * By default, EuiTextTruncate will render a resize observer to detect the
+	     * available width it has. For performance reasons (e.g. multiple truncated
+	     * text items within the same container), you may opt to pass in your own
+	     * container width, which will skip initializing a resize observer.
+	     */
+	    width?: number;
+	    /**
+	     * Optional callback that fires when the default resizer observer both mounts and
+	     * registers a size change. This callback will **not** fire if `width` is passed.
+	     */
+	    onResize?: (width: number) => void;
+	    /**
+	     * By default, EuiTextTruncate will calculate its truncation via DOM manipulation
+	     * and measurement, which has the benefit of automatically inheriting font styles.
+	     * However, if this approach proves to have a significant performance impact for your
+	     * usage, consider using the `canvas` API instead, which is more performant.
+	     *
+	     * Please note that there are minute pixel to subpixel differences between the
+	     * two options due to different rendering engines.
+	     */
+	    measurementRenderAPI?: 'dom' | 'canvas';
+	    /**
+	     * By default, EuiTextTruncate will render the truncated string directly.
+	     * You can optionally pass a render prop function to the component, which
+	     * allows for more flexible text rendering, e.g. adding custom markup
+	     * or highlighting
+	     */
+	    children?: (truncatedString: string) => ReactNode;
 	};
-	export class EuiComboBoxOptionsList<T> extends Component<EuiComboBoxOptionsListProps<T>> {
-	    listRefInstance: RefInstance<HTMLDivElement>;
-	    listRef: FixedSizeList | null;
-	    listBoxRef: HTMLUListElement | null;
-	    static defaultProps: {
-	        'data-test-subj': string;
-	        rowHeight: number;
-	        isCaseSensitive: boolean;
-	    };
-	    updatePosition: () => void;
-	    componentDidMount(): void;
-	    componentDidUpdate(prevProps: EuiComboBoxOptionsListProps<T>): void;
-	    componentWillUnmount(): void;
-	    closeListOnScroll: (event: Event) => void;
-	    listRefCallback: RefCallback<HTMLDivElement>;
-	    setListRef: (ref: FixedSizeList | null) => void;
-	    setListBoxRef: (ref: HTMLUListElement | null) => void;
-	    ListRow: ({ data, index, style }: ListChildComponentProps) => React.JSX.Element;
-	    render(): React.JSX.Element;
-	}
+	export const EuiTextTruncate: FunctionComponent<EuiTextTruncateProps>;
+	export {};
 
 }
-declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_option' {
-	import React, { Component, HTMLAttributes, KeyboardEventHandler, ReactNode, RefCallback } from 'react';
-	import { EuiComboBoxOptionOption, OptionHandler } from '@elastic/eui/src/components/combo_box/types';
+declare module '@elastic/eui/src/components/text_truncate' {
+	export type { EuiTextTruncateProps, EuiTextTruncationTypes, } from '@elastic/eui/src/components/text_truncate/text_truncate';
+	export { EuiTextTruncate } from '@elastic/eui/src/components/text_truncate/text_truncate';
+	export { TruncationUtilsWithDOM, TruncationUtilsWithCanvas } from '@elastic/eui/src/components/text_truncate/utils';
+
+}
+declare module '@elastic/eui/src/components/combo_box/types' {
+	import { ButtonHTMLAttributes, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	export interface EuiComboBoxOptionProps<T> extends CommonProps, Omit<HTMLAttributes<HTMLButtonElement>, 'onClick'> {
-	    children?: ReactNode;
-	    className?: string;
-	    disabled?: boolean;
-	    isFocused: boolean;
-	    onClick: OptionHandler<T>;
-	    onEnterKey: OptionHandler<T>;
-	    option: EuiComboBoxOptionOption<T>;
-	    optionRef?: RefCallback<HTMLButtonElement>;
+	import type { _EuiComboBoxProps } from '@elastic/eui/src/components/combo_box/combo_box';
+	export interface EuiComboBoxOptionOption<T = string | number | string[] | undefined> extends CommonProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {
+	    isGroupLabelOption?: boolean;
+	    label: string;
+	    key?: string;
+	    options?: Array<EuiComboBoxOptionOption<T>>;
+	    value?: T;
+	    prepend?: ReactNode;
+	    append?: ReactNode;
+	    truncationProps?: _EuiComboBoxProps<T>['truncationProps'];
 	}
-	export class EuiComboBoxOption<T> extends Component<EuiComboBoxOptionProps<T>> {
-	    onClick: () => void;
-	    onKeyDown: KeyboardEventHandler<HTMLButtonElement>;
-	    render(): React.JSX.Element;
+	export type UpdatePositionHandler = (listElement?: RefInstance<HTMLDivElement>) => void;
+	export type OptionHandler<T> = (option: EuiComboBoxOptionOption<T>) => void;
+	export type RefInstance<T> = T | null;
+	export type EuiComboBoxOptionsListPosition = 'top' | 'bottom';
+	export interface EuiComboBoxSingleSelectionShape {
+	    asPlainText?: boolean;
 	}
 
-}
-declare module '@elastic/eui/src/components/combo_box/combo_box_options_list' {
-	export type { EuiComboBoxOptionsListProps } from '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_options_list';
-	export { EuiComboBoxOptionsList } from '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_options_list';
-	export type { EuiComboBoxOptionProps } from '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_option';
-	export { EuiComboBoxOption } from '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_option';
-	export { EuiComboBoxTitle } from '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_title';
-
 }
 declare module '@elastic/eui/src/components/combo_box/matching_options' {
 	import { EuiComboBoxOptionOption } from '@elastic/eui/src/components/combo_box/types';
@@ -11625,6 +11641,180 @@ declare module '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_
 	}
 	export {};
 
+}
+declare module '@elastic/eui/src/components/mark/mark.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiMarkStyles: ({ euiTheme, colorMode }: UseEuiTheme) => {
+	    euiMark: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiMarkScreenReaderStyles: (highlightStart: string, highlightEnd: string) => {
+	    hasScreenReaderHelpText: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/mark/mark' {
+	import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export type EuiMarkProps = HTMLAttributes<HTMLElement> & CommonProps & {
+	    /**
+	     * Set to `false` to remove the CSS :before and :after
+	     * screen reader helper text
+	     */
+	    hasScreenReaderHelpText?: boolean;
+	    /**
+	     * ReactNode to render as this component's content
+	     */
+	    children: ReactNode;
+	};
+	export const EuiMark: FunctionComponent<EuiMarkProps>;
+
+}
+declare module '@elastic/eui/src/components/mark' {
+	export type { EuiMarkProps } from '@elastic/eui/src/components/mark/mark';
+	export { EuiMark } from '@elastic/eui/src/components/mark/mark';
+
+}
+declare module '@elastic/eui/src/components/highlight/highlight' {
+	import { HTMLAttributes, FunctionComponent } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiMarkProps } from '@elastic/eui/src/components/mark'; type EuiMarkPropHelpText = Pick<EuiMarkProps, 'hasScreenReaderHelpText'>;
+	export type EuiHighlightProps = HTMLAttributes<HTMLSpanElement> & EuiMarkPropHelpText & CommonProps & {
+	    /**
+	     * string to highlight as this component's content
+	     */
+	    children: string;
+	    /**
+	     * What to search for
+	     */
+	    search: string;
+	    /**
+	     * Should the search be strict or not
+	     */
+	    strict?: boolean;
+	    /**
+	     * Should highlight all matches
+	     */
+	    highlightAll?: boolean;
+	};
+	export const EuiHighlight: FunctionComponent<EuiHighlightProps>;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/highlight' {
+	export type { EuiHighlightProps } from '@elastic/eui/src/components/highlight/highlight';
+	export { EuiHighlight } from '@elastic/eui/src/components/highlight/highlight';
+
+}
+declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_title' {
+	import { FunctionComponent, PropsWithChildren } from 'react';
+	export const EuiComboBoxTitle: FunctionComponent<PropsWithChildren>;
+
+}
+declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_options_list' {
+	import React, { Component, ComponentProps, ReactNode, RefCallback } from 'react';
+	import { FixedSizeList, ListProps, ListChildComponentProps } from 'react-window';
+	import { EuiFilterSelectItemClass } from '@elastic/eui/src/components/filter_group/filter_select_item';
+	import { htmlIdGenerator } from '@elastic/eui/src/services';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiPopoverPanel } from '@elastic/eui/src/components/popover/popover_panel';
+	import type { _EuiComboBoxProps } from '@elastic/eui/src/components/combo_box/combo_box';
+	import { EuiComboBoxOptionOption, EuiComboBoxOptionsListPosition, EuiComboBoxSingleSelectionShape, OptionHandler, RefInstance, UpdatePositionHandler } from '@elastic/eui/src/components/combo_box/types';
+	export type EuiComboBoxOptionsListProps<T> = CommonProps & ComponentProps<typeof EuiPopoverPanel> & {
+	    activeOptionIndex?: number;
+	    areAllOptionsSelected?: boolean;
+	    listboxAriaLabel: string;
+	    /**
+	     * Creates a custom text option. You can use `{searchValue}` inside your string to better customize your text.
+	     * It won't show if there's no onCreateOption.
+	     */
+	    customOptionText?: string;
+	    fullWidth?: boolean;
+	    getSelectedOptionForSearchValue?: (params: {
+	        isCaseSensitive?: boolean;
+	        searchValue: string;
+	        selectedOptions: any[];
+	    }) => EuiComboBoxOptionOption<T> | undefined;
+	    isCaseSensitive?: boolean;
+	    isLoading?: boolean;
+	    listRef: RefCallback<HTMLDivElement>;
+	    matchingOptions: Array<EuiComboBoxOptionOption<T>>;
+	    onCloseList: (event: Event) => void;
+	    onCreateOption?: (searchValue: string, options: Array<EuiComboBoxOptionOption<T>>) => boolean | void;
+	    onOptionClick?: OptionHandler<T>;
+	    onOptionEnterKey?: OptionHandler<T>;
+	    onScroll?: ListProps['onScroll'];
+	    optionRef: (index: number, node: RefInstance<EuiFilterSelectItemClass>) => void;
+	    /**
+	     * Array of EuiComboBoxOptionOption objects. See #EuiComboBoxOptionOption
+	     */
+	    options: Array<EuiComboBoxOptionOption<T>>;
+	    position?: EuiComboBoxOptionsListPosition;
+	    renderOption?: (option: EuiComboBoxOptionOption<T>, searchValue: string, OPTION_CONTENT_CLASSNAME: string) => ReactNode;
+	    rootId: ReturnType<typeof htmlIdGenerator>;
+	    rowHeight: number;
+	    scrollToIndex?: number;
+	    searchValue: string;
+	    selectedOptions: Array<EuiComboBoxOptionOption<T>>;
+	    updatePosition: UpdatePositionHandler;
+	    width: number;
+	    singleSelection?: boolean | EuiComboBoxSingleSelectionShape;
+	    delimiter?: string;
+	    zIndex?: number;
+	    truncationProps?: _EuiComboBoxProps<T>['truncationProps'];
+	};
+	export class EuiComboBoxOptionsList<T> extends Component<EuiComboBoxOptionsListProps<T>> {
+	    listRefInstance: RefInstance<HTMLDivElement>;
+	    listRef: FixedSizeList | null;
+	    listBoxRef: HTMLUListElement | null;
+	    static defaultProps: {
+	        'data-test-subj': string;
+	        rowHeight: number;
+	        isCaseSensitive: boolean;
+	    };
+	    updatePosition: () => void;
+	    componentDidMount(): void;
+	    componentDidUpdate(prevProps: EuiComboBoxOptionsListProps<T>): void;
+	    componentWillUnmount(): void;
+	    closeListOnScroll: (event: Event) => void;
+	    listRefCallback: RefCallback<HTMLDivElement>;
+	    setListRef: (ref: FixedSizeList | null) => void;
+	    setListBoxRef: (ref: HTMLUListElement | null) => void;
+	    ListRow: ({ data, index, style }: ListChildComponentProps) => React.JSX.Element;
+	    optionWidth: number | undefined;
+	    setOptionWidth: (width: number) => void;
+	    renderTruncatedOption: (text: string, truncationProps: EuiComboBoxOptionsListProps<T>['truncationProps']) => React.JSX.Element;
+	    render(): React.JSX.Element;
+	}
+
+}
+declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_option' {
+	import React, { Component, HTMLAttributes, KeyboardEventHandler, ReactNode, RefCallback } from 'react';
+	import { EuiComboBoxOptionOption, OptionHandler } from '@elastic/eui/src/components/combo_box/types';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export interface EuiComboBoxOptionProps<T> extends CommonProps, Omit<HTMLAttributes<HTMLButtonElement>, 'onClick'> {
+	    children?: ReactNode;
+	    className?: string;
+	    disabled?: boolean;
+	    isFocused: boolean;
+	    onClick: OptionHandler<T>;
+	    onEnterKey: OptionHandler<T>;
+	    option: EuiComboBoxOptionOption<T>;
+	    optionRef?: RefCallback<HTMLButtonElement>;
+	}
+	export class EuiComboBoxOption<T> extends Component<EuiComboBoxOptionProps<T>> {
+	    onClick: () => void;
+	    onKeyDown: KeyboardEventHandler<HTMLButtonElement>;
+	    render(): React.JSX.Element;
+	}
+
+}
+declare module '@elastic/eui/src/components/combo_box/combo_box_options_list' {
+	export type { EuiComboBoxOptionsListProps } from '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_options_list';
+	export { EuiComboBoxOptionsList } from '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_options_list';
+	export type { EuiComboBoxOptionProps } from '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_option';
+	export { EuiComboBoxOption } from '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_option';
+	export { EuiComboBoxTitle } from '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_title';
+
 }
 declare module '@elastic/eui/src/components/combo_box/combo_box' {
 	/**
@@ -11632,14 +11822,15 @@ declare module '@elastic/eui/src/components/combo_box/combo_box' {
 	 * from the tab order with tabindex={-1} so that we can control the keyboard navigation interface.
 	 */
 	import React, { Component, FocusEventHandler, HTMLAttributes, KeyboardEventHandler, RefCallback } from 'react';
+	import AutosizeInput from 'react-input-autosize';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form';
+	import { EuiFilterSelectItemClass } from '@elastic/eui/src/components/filter_group/filter_select_item';
+	import type { EuiTextTruncateProps } from '@elastic/eui/src/components/text_truncate';
 	import { SortMatchesBy } from '@elastic/eui/src/components/combo_box/matching_options';
 	import { EuiComboBoxInputProps } from '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_input';
 	import { EuiComboBoxOptionsListProps } from '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_options_list';
-	import { UpdatePositionHandler, OptionHandler, RefInstance, EuiComboBoxOptionOption, EuiComboBoxOptionsListPosition, EuiComboBoxSingleSelectionShape } from '@elastic/eui/src/components/combo_box/types';
-	import { EuiFilterSelectItemClass } from '@elastic/eui/src/components/filter_group/filter_select_item';
-	import AutosizeInput from 'react-input-autosize';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form'; type DrillProps<T> = Pick<EuiComboBoxOptionsListProps<T>, 'customOptionText' | 'onCreateOption' | 'options' | 'renderOption' | 'selectedOptions'>;
+	import { UpdatePositionHandler, OptionHandler, RefInstance, EuiComboBoxOptionOption, EuiComboBoxOptionsListPosition, EuiComboBoxSingleSelectionShape } from '@elastic/eui/src/components/combo_box/types'; type DrillProps<T> = Pick<EuiComboBoxOptionsListProps<T>, 'customOptionText' | 'onCreateOption' | 'options' | 'renderOption' | 'selectedOptions'>;
 	export interface _EuiComboBoxProps<T> extends CommonProps, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>, DrillProps<T> {
 	    'data-test-subj'?: string;
 	    /**
@@ -11734,6 +11925,16 @@ declare module '@elastic/eui/src/components/combo_box/combo_box' {
 	     * supplied by `aria-label` or from [EuiFormRow](/#/forms/form-layouts).
 	     */
 	    'aria-labelledby'?: string;
+	    /**
+	     * By default, EuiComboBox will truncate option labels at the end of
+	     * the string. You can use pass in a custom truncation configuration that
+	     * accepts any prop that [EuiTextTruncate](/#/utilities/text-truncate) prop
+	     * except for `text` and `children`.
+	     *
+	     * Note: when searching, custom truncation props are ignored. The highlighted search
+	     * text will always take precedence.
+	     */
+	    truncationProps?: Partial<Omit<EuiTextTruncateProps, 'text' | 'children'>>;
 	} type DefaultProps<T> = Omit<(typeof EuiComboBox)['defaultProps'], 'options' | 'selectedOptions'> & {
 	    options: Array<EuiComboBoxOptionOption<T>>;
 	    selectedOptions: Array<EuiComboBoxOptionOption<T>>;
@@ -13728,17 +13929,35 @@ declare module '@elastic/eui/src/components/drag_and_drop/drag_drop_context' {
 	export const EuiDragDropContext: FunctionComponent<DragDropContextProps>;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/drag_and_drop/droppable.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiDroppableStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiDroppable: import("@emotion/utils").SerializedStyles;
+	    isDragging: import("@emotion/utils").SerializedStyles;
+	    isDraggingOver: import("@emotion/utils").SerializedStyles;
+	    grow: import("@emotion/utils").SerializedStyles;
+	    noGrow: import("@emotion/utils").SerializedStyles;
+	    spacing: {
+	        none: null;
+	        s: import("@emotion/utils").SerializedStyles;
+	        m: import("@emotion/utils").SerializedStyles;
+	        l: import("@emotion/utils").SerializedStyles;
+	    };
+	};
+	export const sharedSpacingPadding: ({ euiTheme }: UseEuiTheme) => {
+	    none: null;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/drag_and_drop/droppable' {
 	import React, { CSSProperties, FunctionComponent, ReactElement } from 'react';
 	import { DroppableProps } from '@hello-pangea/dnd';
-	import { CommonProps } from '@elastic/eui/src/components/common'; const spacingToClassNameMap: {
-	    none: null;
-	    s: string;
-	    m: string;
-	    l: string;
-	};
-	export type EuiDroppableSpacing = keyof typeof spacingToClassNameMap;
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export const SPACINGS: readonly ["none", "s", "m", "l"];
 	export interface EuiDroppableProps extends CommonProps, Omit<DroppableProps, 'children'> {
 	    /**
 	     * ReactNode to render as this component's content
@@ -13753,7 +13972,7 @@ declare module '@elastic/eui/src/components/drag_and_drop/droppable' {
 	    /**
 	     * Adds padding to the droppable area
 	     */
-	    spacing?: EuiDroppableSpacing;
+	    spacing?: (typeof SPACINGS)[number];
 	    /**
 	     * Adds an EuiPanel style to the droppable area
 	     */
@@ -13767,19 +13986,33 @@ declare module '@elastic/eui/src/components/drag_and_drop/droppable' {
 	    cloneItems: boolean;
 	}>;
 	export const EuiDroppable: FunctionComponent<EuiDroppableProps>;
-	export {};
+
+}
+declare module '@elastic/eui/src/components/drag_and_drop/draggable.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiDraggableStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiDraggable: import("@emotion/utils").SerializedStyles;
+	    isDragging: import("@emotion/utils").SerializedStyles;
+	    hasClone: import("@emotion/utils").SerializedStyles;
+	    isRemovable: import("@emotion/utils").SerializedStyles;
+	    spacing: {
+	        none: null;
+	        s: import("@emotion/utils").SerializedStyles;
+	        m: import("@emotion/utils").SerializedStyles;
+	        l: import("@emotion/utils").SerializedStyles;
+	    };
+	};
+	export const euiDraggableItemStyles: {
+	    euiDraggable__item: import("@emotion/utils").SerializedStyles;
+	    disabled: import("@emotion/utils").SerializedStyles;
+	};
 
 }
 declare module '@elastic/eui/src/components/drag_and_drop/draggable' {
 	import { CSSProperties, FunctionComponent, ReactElement } from 'react';
 	import { DraggableProps } from '@hello-pangea/dnd';
-	import { CommonProps } from '@elastic/eui/src/components/common'; const spacingToClassNameMap: {
-	    none: null;
-	    s: string;
-	    m: string;
-	    l: string;
-	};
-	export type EuiDraggableSpacing = keyof typeof spacingToClassNameMap;
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { SPACINGS } from '@elastic/eui/src/components/drag_and_drop/droppable';
 	export interface EuiDraggableProps extends CommonProps, Omit<DraggableProps, 'children'> {
 	    /**
 	     * ReactNode to render as this component's content
@@ -13802,11 +14035,10 @@ declare module '@elastic/eui/src/components/drag_and_drop/draggable' {
 	    /**
 	     * Adds padding to the draggable item
 	     */
-	    spacing?: EuiDraggableSpacing;
+	    spacing?: (typeof SPACINGS)[number];
 	    style?: CSSProperties;
 	}
 	export const EuiDraggable: FunctionComponent<EuiDraggableProps>;
-	export {};
 
 }
 declare module '@elastic/eui/src/components/drag_and_drop/services' {
@@ -19183,30 +19415,23 @@ declare module '@elastic/eui/src/components/tree_view' {
 
 }
 declare module '@elastic/eui/src/components/search_bar/search_box' {
-	import React, { Component } from 'react';
+	import { FunctionComponent } from 'react';
 	import { EuiFieldSearchProps } from '@elastic/eui/src/components/form';
 	import { EuiSearchBarProps } from '@elastic/eui/src/components/search_bar/search_bar';
-	export interface SchemaType {
-	    strict?: boolean;
-	    fields?: any;
-	    flags?: string[];
-	}
 	export interface EuiSearchBoxProps extends EuiFieldSearchProps {
 	    query: string;
 	    onSearch: (queryText: string) => void;
+	    /**
+	     * @default Search...
+	     */
+	    placeholder?: string;
 	    hint?: {
 	        id: string;
 	        isVisible: boolean;
 	        setIsVisible: (isVisible: boolean) => void;
 	    } & EuiSearchBarProps['hint'];
-	} type DefaultProps = Pick<EuiSearchBoxProps, 'placeholder' | 'incremental'>;
-	export class EuiSearchBox extends Component<EuiSearchBoxProps> {
-	    static defaultProps: DefaultProps;
-	    private inputElement;
-	    componentDidUpdate(oldProps: EuiSearchBoxProps): void;
-	    render(): React.JSX.Element;
 	}
-	export {};
+	export const EuiSearchBox: FunctionComponent<EuiSearchBoxProps>;
 
 }
 declare module '@elastic/eui/src/components/search_bar/query/date_format' {
@@ -20541,7 +20766,6 @@ declare module '@elastic/eui/src/components/search_bar/search_filters' {
 }
 declare module '@elastic/eui/src/components/search_bar/search_bar' {
 	import React, { Component, ReactElement } from 'react';
-	import { SchemaType } from '@elastic/eui/src/components/search_bar/search_box';
 	import { SearchFilterConfig } from '@elastic/eui/src/components/search_bar/search_filters';
 	import { Query } from '@elastic/eui/src/components/search_bar/query';
 	import { CommonProps } from '@elastic/eui/src/components/common';
@@ -20559,6 +20783,11 @@ declare module '@elastic/eui/src/components/search_bar/search_bar' {
 	    queryText: string;
 	    error: Error;
 	}
+	export interface SchemaType {
+	    strict?: boolean;
+	    fields?: any;
+	    flags?: string[];
+	}
 	export type EuiSearchBarOnChangeArgs = ArgsWithQuery | ArgsWithError; type HintPopOverProps = Partial<Pick<EuiInputPopoverProps, 'isOpen' | 'closePopover' | 'fullWidth' | 'disableFocusTrap' | 'panelClassName' | 'panelPaddingSize' | 'panelStyle' | 'panelProps' | 'popoverScreenReaderText' | 'repositionOnScroll' | 'zIndex' | 'data-test-subj'>>;
 	export interface EuiSearchBarProps extends CommonProps {
 	    onChange?: (args: EuiSearchBarOnChangeArgs) => void | boolean;
@@ -22015,10 +22244,8 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	import { EuiBasicTable, Criteria, EuiBasicTableProps, CriteriaWithPagination } from '@elastic/eui/src/components/basic_table/basic_table';
 	import { PropertySort } from '@elastic/eui/src/services';
 	import { Direction } from '@elastic/eui/src/services/sort';
-	import { Query } from '@elastic/eui/src/components/search_bar';
+	import { EuiSearchBarProps, Query, SchemaType } from '@elastic/eui/src/components/search_bar/search_bar';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiSearchBarProps } from '@elastic/eui/src/components/search_bar/search_bar';
-	import { SchemaType } from '@elastic/eui/src/components/search_bar/search_box';
 	import { EuiTablePaginationProps } from '@elastic/eui/src/components/table/table_pagination';
 	import { EuiComponentDefaults } from '@elastic/eui/src/components/provider/component_defaults';
 	interface onChangeArgument {
@@ -22042,6 +22269,18 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	     * Configures #Search.
 	     */
 	    search?: Search;
+	    /**
+	     * By default, tables use `eql` format for search which allows using advanced filters.
+	     *
+	     * However, certain special characters (such as quotes, parentheses, and colons)
+	     * are reserved for EQL syntax and will error if used.
+	     * If your table does not require filter search and instead requires searching for certain
+	     * symbols, use a plain `text` search format instead (note that filters will be ignored
+	     * in this format).
+	     *
+	     * @default "eql"
+	     */
+	    searchFormat?: 'eql' | 'text';
 	    /**
 	     * Configures #Pagination
 	     */
@@ -22105,6 +22344,7 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	    static defaultProps: {
 	        responsive: boolean;
 	        tableLayout: string;
+	        searchFormat: string;
 	    };
 	    tableRef: React.RefObject<EuiBasicTable>;
 	    static getDerivedStateFromProps<T>(nextProps: EuiInMemoryTableProps<T>, prevState: State<T>): State<T> | null;
@@ -22112,6 +22352,7 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	    setSelection(newSelection: T[]): void;
 	    onTableChange: ({ page, sort }: Criteria<T>) => void;
 	    onQueryChange: ({ query, queryText, error }: onChangeArgument) => void;
+	    onPlainTextSearch: (searchValue: string) => void;
 	    renderSearchBar(): React.JSX.Element | undefined;
 	    resolveSearchSchema(): SchemaType;
 	    getItemSorter(): (a: T, b: T) => number;
@@ -22182,190 +22423,6 @@ 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/text_truncate/utils' {
-	import type { ExclusiveUnion } from '@elastic/eui/src/components/common';
-	interface SharedParams {
-	    fullText: string;
-	    ellipsis: string;
-	    availableWidth: number;
-	}
-	interface DOMParams extends SharedParams {
-	    container: HTMLElement;
-	} type CanvasParams = SharedParams & ExclusiveUnion<{
-	    container: HTMLElement;
-	}, {
-	    font: CanvasTextDrawingStyles['font'];
-	}>; abstract class _TruncationUtils {
-	    protected fullText: SharedParams['fullText'];
-	    protected ellipsis: SharedParams['ellipsis'];
-	    protected availableWidth: SharedParams['availableWidth'];
-	    constructor({ fullText, ellipsis, availableWidth }: SharedParams);
-	    /**
-	     * Internal measurement utils which will be overridden depending on the
-	     * rendering approach used (e.g. DOM vs Canvas).
-	     */
-	    abstract textWidth: number;
-	    abstract setTextToCheck: (text: string) => void;
-	    /**
-	     * Early return checks
-	     */
-	    checkIfTruncationIsNeeded: () => false | undefined;
-	    checkSufficientEllipsisWidth: (truncation: string) => false | undefined;
-	    checkTruncationOffsetWidth: (text: string) => false | undefined;
-	    /**
-	     * Truncation types logic. This is where the magic happens
-	     */
-	    truncateStart: (truncationOffset?: number | undefined) => string;
-	    truncateEnd: (truncationOffset?: number | undefined) => string;
-	    truncateStartEndAtPosition: (truncationPosition: number) => string;
-	    truncateStartEndAtMiddle: () => string;
-	    truncateMiddle: () => string;
-	}
-	/**
-	 * Creates a temporary vanilla JS DOM element for manipulating text and
-	 * determining text width.
-	 *
-	 * Requires passing in a container element to which the temporary element
-	 * will be appended. Any CSS/font styles that need to be accounted for should
-	 * be automatically inherited from the container.
-	 *
-	 * NOTE: The consumer is responsible for calling the `cleanup()` method manually
-	 * to remove the temporary DOM node once their usage of this utility is complete.
-	 */
-	export class TruncationUtilsWithDOM extends _TruncationUtils {
-	    container: DOMParams['container'];
-	    span: HTMLSpanElement;
-	    constructor({ container, ...rest }: DOMParams);
-	    get textWidth(): number;
-	    setTextToCheck: (text: string) => void;
-	    cleanup: () => void;
-	}
-	/**
-	 * Creates a temporary Canvas element for manipulating text & determining
-	 * text width. This method is compatible with charts or other canvas-rendered
-	 * frameworks, and requires no cleanup method.
-	 *
-	 * To accurately measure text, canvas rendering requires either a container to
-	 * compute/derive font styles from, or a static font string (useful for usage
-	 * outside the DOM). Particular care should be applied when fallback fonts are
-	 * used, as more fallback fonts can lead to less precision.
-	 *
-	 * Please note that while canvas is more performant than DOM measurement, there
-	 * are subpixel to single digit pixel differences between DOM and canvas
-	 * measurement due to the different rendering engines used.
-	 */
-	export class TruncationUtilsWithCanvas extends _TruncationUtils {
-	    context: CanvasRenderingContext2D;
-	    currentText: string;
-	    constructor({ font, container, ...rest }: CanvasParams);
-	    computeFontFromElement: (element: HTMLElement) => string;
-	    get textWidth(): number;
-	    setTextToCheck: (text: string) => void;
-	}
-	export {};
-
-}
-declare module '@elastic/eui/src/components/text_truncate/text_truncate.styles' {
-	export const euiTextTruncateStyles: {
-	    euiTextTruncate: import("@emotion/utils").SerializedStyles;
-	    /**
-	     * The below CSS is a hack to get double clicking and selecting the *full* text
-	     * instead of the truncated text (useful for copying/pasting, and mimics how
-	     * `text-overflow: ellipsis` works).
-	     *
-	     * Real talk: I'm lowkey amazed it works and it wouldn't surprise me if we ran into
-	     * cross-browser issues with this at some point. Hopefully CSS natively implements
-	     * custom text truncation some day (https://github.com/w3c/csswg-drafts/issues/3937)
-	     * and there'll be no need for the entire component at that point 🙏
-	     */
-	    truncatedText: import("@emotion/utils").SerializedStyles;
-	    fullText: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/text_truncate/text_truncate' {
-	import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
-	import type { CommonProps } from '@elastic/eui/src/components/common'; const TRUNCATION_TYPES: readonly ["end", "start", "startEnd", "middle"];
-	export type EuiTextTruncationTypes = (typeof TRUNCATION_TYPES)[number];
-	export type EuiTextTruncateProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onResize'> & CommonProps & {
-	    /**
-	     * The full text string to truncate
-	     */
-	    text: string;
-	    /**
-	     * The truncation type desired. Determines where the ellipses are placed.
-	     */
-	    truncation?: EuiTextTruncationTypes;
-	    /**
-	     * This prop **only** applies to the `start` and `end` truncation types.
-	     * It allows preserving a certain number of characters of either the
-	     * starting or ending text.
-	     *
-	     * If the passed offset is greater than the total text length,
-	     * the offset will be ignored.
-	     */
-	    truncationOffset?: number;
-	    /**
-	     * This prop **only** applies to the `startEnd` truncation type.
-	     * It allows customizing the anchor position of the displayed text,
-	     * which otherwise defaults to the middle of the text string.
-	     *
-	     * The primary use case for this prop for is search highlighting - e.g., if
-	     * a user searches for a specific word in the text, pass the index of that
-	     * found word to ensure it is always visible.
-	     *
-	     * This behavior will intelligently detect when positions are close to the start
-	     * or end of the text, and omit leading or trailing ellipses when necessary.
-	     * If the passed position is greater than the total text length,
-	     * the truncation will simply default to `start` instead.
-	     */
-	    truncationPosition?: number;
-	    /**
-	     * Defaults to the horizontal ellipsis character.
-	     * Can be optionally configured to use other punctuation,
-	     * e.g. spaces, brackets, hyphens, asterisks, etc.
-	     */
-	    ellipsis?: string;
-	    /**
-	     * By default, EuiTextTruncate will render a resize observer to detect the
-	     * available width it has. For performance reasons (e.g. multiple truncated
-	     * text items within the same container), you may opt to pass in your own
-	     * container width, which will skip initializing a resize observer.
-	     */
-	    width?: number;
-	    /**
-	     * Optional callback that fires when the default resizer observer both mounts and
-	     * registers a size change. This callback will **not** fire if `width` is passed.
-	     */
-	    onResize?: (width: number) => void;
-	    /**
-	     * By default, EuiTextTruncate will calculate its truncation via DOM manipulation
-	     * and measurement, which has the benefit of automatically inheriting font styles.
-	     * However, if this approach proves to have a significant performance impact for your
-	     * usage, consider using the `canvas` API instead, which is more performant.
-	     *
-	     * Please note that there are minute pixel to subpixel differences between the
-	     * two options due to different rendering engines.
-	     */
-	    measurementRenderAPI?: 'dom' | 'canvas';
-	    /**
-	     * By default, EuiTextTruncate will render the truncated string directly.
-	     * You can optionally pass a render prop function to the component, which
-	     * allows for more flexible text rendering, e.g. adding custom markup
-	     * or highlighting
-	     */
-	    children?: (truncatedString: string) => ReactNode;
-	};
-	export const EuiTextTruncate: FunctionComponent<EuiTextTruncateProps>;
-	export {};
-
-}
-declare module '@elastic/eui/src/components/text_truncate' {
-	export type { EuiTextTruncateProps, EuiTextTruncationTypes, } from '@elastic/eui/src/components/text_truncate/text_truncate';
-	export { EuiTextTruncate } from '@elastic/eui/src/components/text_truncate/text_truncate';
-	export { TruncationUtilsWithDOM, TruncationUtilsWithCanvas } from '@elastic/eui/src/components/text_truncate/utils';
-
 }
 declare module '@elastic/eui/src/components/toast/toast.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -28775,6 +28832,9 @@ declare module '@elastic/eui' {
 "euiResizableButton.horizontalResizerAriaLabel": any;
 "euiResizableButton.verticalResizerAriaLabel": any;
 "euiResizablePanel.toggleButtonAriaLabel": any;
+"euiSearchBox.placeholder": any;
+"euiSearchBox.incrementalAriaLabel": any;
+"euiSearchBox.ariaLabel": any;
 "euiSelectableListItem.checkedOption": any;
 "euiSelectableListItem.checkOptionInstructions": any;
 "euiSelectableListItem.uncheckOptionInstructions": any;