@elastic/eui 94.1.0 → 94.2.0

package/eui.d.ts

@@ -1865,25 +1865,68 @@ declare module '@elastic/eui/src/components/flex/flex_group.styles' {
 
 }
 declare module '@elastic/eui/src/components/flex/flex_group' {
-	import React, { HTMLAttributes } from 'react';
+	import React, { ComponentPropsWithoutRef, ElementType, ForwardedRef, Ref } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export const GUTTER_SIZES: readonly ["none", "xs", "s", "m", "l", "xl"];
 	export type EuiFlexGroupGutterSize = (typeof GUTTER_SIZES)[number];
 	export const ALIGN_ITEMS: readonly ["stretch", "flexStart", "flexEnd", "center", "baseline"];
 	export type FlexGroupAlignItems = (typeof ALIGN_ITEMS)[number];
 	export const JUSTIFY_CONTENTS: readonly ["flexStart", "flexEnd", "center", "spaceBetween", "spaceAround", "spaceEvenly"]; type FlexGroupJustifyContent = (typeof JUSTIFY_CONTENTS)[number];
-	export const DIRECTIONS: readonly ["row", "rowReverse", "column", "columnReverse"]; type FlexGroupDirection = (typeof DIRECTIONS)[number];
-	export const COMPONENT_TYPES: readonly ["div", "span"]; type FlexGroupComponentType = (typeof COMPONENT_TYPES)[number];
-	export interface EuiFlexGroupProps extends CommonProps, HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
+	export const DIRECTIONS: readonly ["row", "rowReverse", "column", "columnReverse"]; type FlexGroupDirection = (typeof DIRECTIONS)[number]; type ComponentPropType = ElementType<CommonProps>;
+	export type EuiFlexGroupProps<TComponent extends ComponentPropType = 'div'> = ComponentPropsWithoutRef<TComponent> & {
 	    alignItems?: FlexGroupAlignItems;
-	    component?: FlexGroupComponentType;
+	    /**
+	     * Customize the component type that is rendered.
+	     *
+	     * It can be any valid React component type like a tag name string
+	     * such as `'div'` or `'span'`, a React component (a function, a class,
+	     * or an exotic component like `memo()`).
+	     *
+	     * `<EuiFlexGroup>` accepts and forwards all extra props to the custom
+	     * component.
+	     *
+	     * @example
+	     * // Renders a <button> element
+	     * <EuiFlexGroup component="button">
+	     *   Submit form
+	     * </EuiFlexGroup>
+	     * @default "div"
+	     */
+	    component?: TComponent;
 	    direction?: FlexGroupDirection;
 	    gutterSize?: EuiFlexGroupGutterSize;
 	    justifyContent?: FlexGroupJustifyContent;
 	    responsive?: boolean;
 	    wrap?: boolean;
-	}
-	export const EuiFlexGroup: React.ForwardRefExoticComponent<EuiFlexGroupProps & React.RefAttributes<HTMLDivElement | HTMLSpanElement>>;
+	}; const EuiFlexGroupInternal: <TComponent extends ComponentPropType>({ className, component, gutterSize, alignItems, responsive, justifyContent, direction, wrap, ...rest }: EuiFlexGroupProps<TComponent>, ref: React.ForwardedRef<TComponent>) => React.JSX.Element;
+	export const EuiFlexGroup: <TComponent extends ComponentPropType>(props: React.PropsWithoutRef<React.ComponentProps<TComponent>> & {
+	    alignItems?: "center" | "stretch" | "baseline" | "flexStart" | "flexEnd" | undefined;
+	    /**
+	     * Customize the component type that is rendered.
+	     *
+	     * It can be any valid React component type like a tag name string
+	     * such as `'div'` or `'span'`, a React component (a function, a class,
+	     * or an exotic component like `memo()`).
+	     *
+	     * `<EuiFlexGroup>` accepts and forwards all extra props to the custom
+	     * component.
+	     *
+	     * @example
+	     * // Renders a <button> element
+	     * <EuiFlexGroup component="button">
+	     *   Submit form
+	     * </EuiFlexGroup>
+	     * @default "div"
+	     */
+	    component?: TComponent | undefined;
+	    direction?: "row" | "column" | "rowReverse" | "columnReverse" | undefined;
+	    gutterSize?: "xs" | "s" | "m" | "l" | "xl" | "none" | undefined;
+	    justifyContent?: "center" | "flexStart" | "flexEnd" | "spaceBetween" | "spaceAround" | "spaceEvenly" | undefined;
+	    responsive?: boolean | undefined;
+	    wrap?: boolean | undefined;
+	} & {
+	    ref?: React.Ref<(<TComponent_1 extends ComponentPropType>({ className, component, gutterSize, alignItems, responsive, justifyContent, direction, wrap, ...rest }: EuiFlexGroupProps<TComponent_1>, ref: React.ForwardedRef<TComponent_1>) => React.JSX.Element)> | undefined;
+	}) => ReturnType<typeof EuiFlexGroupInternal>;
 	export {};
 
 }
@@ -1984,16 +2027,55 @@ declare module '@elastic/eui/src/components/flex/flex_item.styles' {
 
 }
 declare module '@elastic/eui/src/components/flex/flex_item' {
-	import { HTMLAttributes, FunctionComponent, ElementType } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export interface EuiFlexItemProps {
+	import React, { ElementType, ComponentPropsWithoutRef, PropsWithChildren, ForwardedRef, Ref } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common'; type ComponentPropType = ElementType<CommonProps>;
+	export type EuiFlexItemProps<TComponent extends ComponentPropType = 'div'> = PropsWithChildren & CommonProps & ComponentPropsWithoutRef<TComponent> & {
 	    grow?: boolean | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | null;
 	    /**
-	     * @default div
-	     */
-	    component?: ElementType;
-	}
-	export const EuiFlexItem: FunctionComponent<CommonProps & HTMLAttributes<HTMLDivElement | HTMLSpanElement> & EuiFlexItemProps>;
+	     * Customize the component type that is rendered.
+	     *
+	     * It can be any valid React component type like a tag name string
+	     * such as `'div'` or `'span'`, a React component (a function, a class,
+	     * or an exotic component like `memo()`).
+	     *
+	     * `<EuiFlexGroup>` accepts and forwards all extra props to the custom
+	     * component.
+	     *
+	     * @example
+	     * // Renders a <button> element
+	     * <EuiFlexItem component="button">
+	     *   Submit form
+	     * </EuiFlexGroup>
+	     * @default "div"
+	     */
+	    component?: TComponent;
+	}; const EuiFlexItemInternal: <TComponent extends ComponentPropType>({ children, className, grow, component, ...rest }: EuiFlexItemProps<TComponent>, ref: React.ForwardedRef<TComponent>) => React.JSX.Element;
+	export const EuiFlexItem: <TComponent extends ComponentPropType>(props: {
+	    children?: React.ReactNode;
+	} & CommonProps & React.PropsWithoutRef<React.ComponentProps<TComponent>> & {
+	    grow?: boolean | 0 | 5 | 2 | 10 | 3 | 8 | 9 | 1 | 4 | 6 | 7 | null | undefined;
+	    /**
+	     * Customize the component type that is rendered.
+	     *
+	     * It can be any valid React component type like a tag name string
+	     * such as `'div'` or `'span'`, a React component (a function, a class,
+	     * or an exotic component like `memo()`).
+	     *
+	     * `<EuiFlexGroup>` accepts and forwards all extra props to the custom
+	     * component.
+	     *
+	     * @example
+	     * // Renders a <button> element
+	     * <EuiFlexItem component="button">
+	     *   Submit form
+	     * </EuiFlexGroup>
+	     * @default "div"
+	     */
+	    component?: TComponent | undefined;
+	} & {
+	    ref?: React.Ref<(<TComponent_1 extends ComponentPropType>({ children, className, grow, component, ...rest }: EuiFlexItemProps<TComponent_1>, ref: React.ForwardedRef<TComponent_1>) => React.JSX.Element)> | undefined;
+	}) => ReturnType<typeof EuiFlexItemInternal>;
+	export {};
 
 }
 declare module '@elastic/eui/src/components/flex' {
@@ -2072,6 +2154,41 @@ declare module '@elastic/eui/src/components/form/described_form_group' {
 	export type { EuiDescribedFormGroupProps } from '@elastic/eui/src/components/form/described_form_group/described_form_group';
 	export { EuiDescribedFormGroup } from '@elastic/eui/src/components/form/described_form_group/described_form_group';
 
+}
+declare module '@elastic/eui/src/components/form/validatable_control/validatable_control' {
+	import { ReactElement, Ref, FunctionComponent } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export interface HTMLConstraintValidityElement extends Element {
+	    setCustomValidity: (error: string) => void;
+	}
+	export interface ReactElementWithRef extends ReactElement {
+	    ref?: Ref<HTMLConstraintValidityElement>;
+	}
+	/**
+	 * The `EuiValidatableControl` component should be used in scenarios where
+	 * we can render the validated `<input>` as its direct child.
+	 */
+	export interface EuiValidatableControlProps {
+	    isInvalid?: boolean;
+	    children: ReactElementWithRef;
+	}
+	export const EuiValidatableControl: FunctionComponent<CommonProps & EuiValidatableControlProps>;
+	/**
+	 * The `UseEuiValidatableControl` hook should be used in scenarios where
+	 * we *cannot* control where the validated `<input>` is rendered (e.g., ReactDatePicker)
+	 * and instead need to access the input via a ref and pass the element in directly
+	 */
+	export interface UseEuiValidatableControlProps {
+	    isInvalid?: boolean;
+	    controlEl: HTMLInputElement | HTMLConstraintValidityElement | null;
+	}
+	export const useEuiValidatableControl: ({ isInvalid, controlEl, }: UseEuiValidatableControlProps) => void;
+
+}
+declare module '@elastic/eui/src/components/form/validatable_control' {
+	export type { EuiValidatableControlProps, UseEuiValidatableControlProps, } from '@elastic/eui/src/components/form/validatable_control/validatable_control';
+	export { EuiValidatableControl, useEuiValidatableControl, } from '@elastic/eui/src/components/form/validatable_control/validatable_control';
+
 }
 declare module '@elastic/eui/src/components/icon/icon_map' {
 	export const typeToPathMap: {
@@ -2625,7 +2742,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	import { WithEuiStylesMemoizerProps } from '@elastic/eui/src/services';
 	export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
 	import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
-	export const TYPES: ("string" | "number" | "function" | "search" | "link" | "at" | "article" | "menu" | "filter" | "image" | "stop" | "key" | "temperature" | "color" | "email" | "list" | "user" | "alert" | "document" | "grid" | "copy" | "scale" | "wordWrap" | "grab" | "help" | "invert" | "spaces" | "dot" | "warning" | "error" | "download" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "container" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "cross" | "crosshairs" | "currency" | "cut" | "database" | "desktop" | "diff" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "empty" | "endpoint" | "eql" | "eraser" | "esqlVis" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "play" | "playFilled" | "plus" | "popout" | "push" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector")[];
+	export const TYPES: ("string" | "number" | "function" | "search" | "link" | "at" | "article" | "menu" | "filter" | "image" | "stop" | "key" | "temperature" | "color" | "email" | "list" | "user" | "alert" | "document" | "grid" | "copy" | "scale" | "wordWrap" | "grab" | "help" | "invert" | "spaces" | "dot" | "warning" | "error" | "download" | "push" | "cut" | "pause" | "play" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "container" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "empty" | "endpoint" | "eql" | "eraser" | "esqlVis" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plus" | "popout" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector")[];
 	export type EuiIconType = keyof typeof typeToPathMap;
 	export type IconType = EuiIconType | string | ComponentType;
 	export type IconColor = string | NamedColor;
@@ -2668,7 +2785,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	    isLoading: boolean;
 	    neededLoading: boolean;
 	}
-	export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "search" | "link" | "at" | "article" | "menu" | "filter" | "image" | "stop" | "key" | "temperature" | "color" | "email" | "list" | "user" | "alert" | "document" | "grid" | "copy" | "scale" | "wordWrap" | "grab" | "help" | "invert" | "spaces" | "dot" | "warning" | "error" | "download" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "container" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "cross" | "crosshairs" | "currency" | "cut" | "database" | "desktop" | "diff" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "empty" | "endpoint" | "eql" | "eraser" | "esqlVis" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "play" | "playFilled" | "plus" | "popout" | "push" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector" | undefined) => void;
+	export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "search" | "link" | "at" | "article" | "menu" | "filter" | "image" | "stop" | "key" | "temperature" | "color" | "email" | "list" | "user" | "alert" | "document" | "grid" | "copy" | "scale" | "wordWrap" | "grab" | "help" | "invert" | "spaces" | "dot" | "warning" | "error" | "download" | "push" | "cut" | "pause" | "play" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "container" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "empty" | "endpoint" | "eql" | "eraser" | "esqlVis" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grabOmnidirectional" | "gradient" | "heart" | "heatmap" | "home" | "iInCircle" | "index" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plus" | "popout" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | "tokenDenseVector" | undefined) => void;
 	export const appendIconComponentCache: (iconTypeToIconComponentMap: {
 	    [iconType: string]: React.ComponentType<{}>;
 	}) => void;
@@ -2689,41 +2806,6 @@ declare module '@elastic/eui/src/components/icon' {
 	export type { EuiIconProps, IconColor, IconSize, IconType } from '@elastic/eui/src/components/icon/icon';
 	export { EuiIcon, TYPES as ICON_TYPES, SIZES as ICON_SIZES, COLORS as ICON_COLORS, } from '@elastic/eui/src/components/icon/icon';
 
-}
-declare module '@elastic/eui/src/components/form/validatable_control/validatable_control' {
-	import { ReactElement, Ref, FunctionComponent } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export interface HTMLConstraintValidityElement extends Element {
-	    setCustomValidity: (error: string) => void;
-	}
-	export interface ReactElementWithRef extends ReactElement {
-	    ref?: Ref<HTMLConstraintValidityElement>;
-	}
-	/**
-	 * The `EuiValidatableControl` component should be used in scenarios where
-	 * we can render the validated `<input>` as its direct child.
-	 */
-	export interface EuiValidatableControlProps {
-	    isInvalid?: boolean;
-	    children: ReactElementWithRef;
-	}
-	export const EuiValidatableControl: FunctionComponent<CommonProps & EuiValidatableControlProps>;
-	/**
-	 * The `UseEuiValidatableControl` hook should be used in scenarios where
-	 * we *cannot* control where the validated `<input>` is rendered (e.g., ReactDatePicker)
-	 * and instead need to access the input via a ref and pass the element in directly
-	 */
-	export interface UseEuiValidatableControlProps {
-	    isInvalid?: boolean;
-	    controlEl: HTMLInputElement | HTMLConstraintValidityElement | null;
-	}
-	export const useEuiValidatableControl: ({ isInvalid, controlEl, }: UseEuiValidatableControlProps) => void;
-
-}
-declare module '@elastic/eui/src/components/form/validatable_control' {
-	export type { EuiValidatableControlProps, UseEuiValidatableControlProps, } from '@elastic/eui/src/components/form/validatable_control/validatable_control';
-	export { EuiValidatableControl, useEuiValidatableControl, } from '@elastic/eui/src/components/form/validatable_control/validatable_control';
-
 }
 declare module '@elastic/eui/src/components/context/context' {
 	import React, { Context, FunctionComponent, ReactChild, ReactNode } from 'react';
@@ -3016,6 +3098,7 @@ declare module '@elastic/eui/src/components/form/form_control_layout/form_contro
 	    color?: IconColor;
 	    ref?: EuiFormControlLayoutCustomIconProps['iconRef'];
 	};
+	export const isIconShape: (icon: EuiFormControlLayoutIconsProps['icon']) => icon is IconShape;
 	export interface EuiFormControlLayoutIconsProps {
 	    icon?: IconType | IconShape;
 	    side?: (typeof ICON_SIDES)[number];
@@ -3151,6 +3234,7 @@ declare module '@elastic/eui/src/components/form/form_control_layout' {
 
 }
 declare module '@elastic/eui/src/components/form/form_control_layout/_num_icons' {
+	import { type EuiFormControlLayoutIconsProps } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_icons';
 	/**
 	 * The `getFormControlClassNameForIconCount` function helps setup the className appendum
 	 * depending on the form control's current settings/state.
@@ -3169,16 +3253,16 @@ declare module '@elastic/eui/src/components/form/form_control_layout/_num_icons'
 	    isInvalid?: boolean;
 	    isDropdown?: boolean;
 	};
-	export function getFormControlClassNameForIconCount({ icon, clear, isLoading, isInvalid, isDropdown, }: _EuiFormControlLayoutNumIcons): string | undefined;
+	export const getFormControlClassNameForIconCount: ({ icon, clear, isLoading, isInvalid, isDropdown, }: _EuiFormControlLayoutNumIcons) => string | undefined;
+	export const isRightSideIcon: (icon?: EuiFormControlLayoutIconsProps['icon']) => boolean;
 
 }
 declare module '@elastic/eui/src/components/form/field_number/field_number' {
 	import { InputHTMLAttributes, Ref, FunctionComponent } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { IconType } from '@elastic/eui/src/components/icon';
 	import { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form/form_control_layout';
 	export type EuiFieldNumberProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'min' | 'max' | 'readOnly' | 'step'> & CommonProps & {
-	    icon?: IconType;
+	    icon?: EuiFormControlLayoutProps['icon'];
 	    isInvalid?: boolean;
 	    /**
 	     * Expand to fill 100% of the parent.
@@ -5403,7 +5487,7 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	    /**
 	     * Minimum distance between the popover and the bounding container;
 	     * Pass an array of 4 values to adjust each side differently: `[top, right, bottom, left]`
-	     * Default is 16
+	     * @default 16
 	     */
 	    buffer?: number | [number, number, number, number];
 	    /**
@@ -7241,6 +7325,7 @@ declare module '@elastic/eui/src/components/form/range/types' {
 	export interface EuiRangeTick {
 	    value: number;
 	    label: ReactNode;
+	    accessibleLabel?: string;
 	}
 	export interface EuiRangeLevel extends CommonProps, Pick<_SharedRangeValuesProps, 'min' | 'max'> {
 	    /**
@@ -7426,6 +7511,7 @@ declare module '@elastic/eui/src/components/form/range/range_slider' {
 	    onChange?: ChangeEventHandler<HTMLInputElement>;
 	    thumbColor?: EuiRangeLevel['color'];
 	    onResize: EuiResizeObserverProps['onResize'];
+	    ariaValueText?: string;
 	}
 	export const EuiRangeSlider: FunctionComponent<EuiRangeSliderProps>;
 
@@ -7625,7 +7711,7 @@ declare module '@elastic/eui/src/components/form/range/range' {
 	import React, { Component } from 'react';
 	import { WithEuiThemeProps } from '@elastic/eui/src/services';
 	import { FormContextValue } from '@elastic/eui/src/components/form/eui_form_context';
-	import type { EuiRangeProps } from '@elastic/eui/src/components/form/range/types';
+	import type { EuiRangeProps, EuiRangeTick } from '@elastic/eui/src/components/form/range/types';
 	export class EuiRangeClass extends Component<EuiRangeProps & WithEuiThemeProps> {
 	    static contextType: React.Context<FormContextValue>;
 	    static defaultProps: {
@@ -7655,6 +7741,7 @@ declare module '@elastic/eui/src/components/form/range/range' {
 	    onInputFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
 	    onInputBlur: (e: React.FocusEvent<HTMLInputElement>) => NodeJS.Timeout;
 	    closePopover: () => void;
+	    handleAriaValueText: (ticks: EuiRangeTick[], currentVal: string | number) => string | undefined;
 	    render(): React.JSX.Element;
 	}
 	export const EuiRange: React.ForwardRefExoticComponent<Omit<EuiRangeProps, "theme"> & React.RefAttributes<Omit<EuiRangeProps, "theme">>>;
@@ -9156,10 +9243,9 @@ declare module '@elastic/eui/src/components/accordion/accordion_children/accordi
 
 }
 declare module '@elastic/eui/src/components/accordion/accordion_children/accordion_children' {
-	import { FunctionComponent, HTMLAttributes, Ref } from 'react';
+	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionChildrenProps = HTMLAttributes<HTMLDivElement> & Pick<EuiAccordionProps, 'role' | 'children' | 'paddingSize' | 'isLoading' | 'isLoadingMessage'> & {
 	    isOpen: boolean;
-	    accordionChildrenRef: Ref<HTMLDivElement>;
 	};
 	export const EuiAccordionChildren: FunctionComponent<_EuiAccordionChildrenProps>;
 	export {};
@@ -9294,8 +9380,6 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
 	    };
 	    get isOpen(): boolean;
 	    onToggle: () => void;
-	    accordionChildrenEl: HTMLDivElement | null;
-	    accordionChildrenRef: (node: HTMLDivElement | null) => void;
 	    generatedId: string;
 	    render(): React.JSX.Element;
 	}
@@ -11884,8 +11968,9 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 }
 declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover' {
 	import { FunctionComponent } from 'react';
+	import { type EuiPopoverProps } from '@elastic/eui/src/components/popover';
 	import { EuiCollapsibleNavItemProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item';
-	export const EuiCollapsedNavPopover: FunctionComponent<Omit<EuiCollapsibleNavItemProps, 'isCollapsible' | 'accordionProps' | 'href' | 'linkProps'>>;
+	export const EuiCollapsedNavPopover: FunctionComponent<Omit<EuiCollapsibleNavItemProps, 'isCollapsible' | 'accordionProps' | 'href' | 'linkProps'> & Partial<EuiPopoverProps>>;
 
 }
 declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item' {
@@ -12085,1359 +12170,1415 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 	export {};
 
 }
-declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiCollapsibleNavGroupStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiCollapsibleNavGroup: import("@emotion/utils").SerializedStyles;
-	    isWrapper: import("@emotion/utils").SerializedStyles;
-	    euiCollapsibleNavGroup__title: import("@emotion/utils").SerializedStyles;
-	};
+declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item' {
+	export type { EuiCollapsibleNavItemProps, EuiCollapsibleNavSubItemProps, } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item';
+	export { EuiCollapsibleNavItem } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item';
 
 }
-declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { type EuiCollapsibleNavItemProps, type _SharedEuiCollapsibleNavItemProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item';
-	export type EuiCollapsibleNavGroupProps = _SharedEuiCollapsibleNavItemProps & Pick<EuiCollapsibleNavItemProps, 'title' | 'titleElement' | 'icon' | 'iconProps'> & Required<Pick<EuiCollapsibleNavItemProps, 'items'>> & {
-	    /**
-	     * Optional props to pass to the wrapping div
-	     */
-	    wrapperProps?: HTMLAttributes<HTMLDivElement> & CommonProps;
+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;
 	};
-	/**
-	 * This component should only ever be used as a **top-level component**, and not as a sub-item.
-	 * It also should **not** be used in the nav footer.
-	 */
-	export const EuiCollapsibleNavGroup: FunctionComponent<EuiCollapsibleNavGroupProps>;
 
 }
-declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_group' {
-	export { EuiCollapsibleNavGroup } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group';
+declare module '@elastic/eui/src/components/list_group/list_group_item_extra_action' {
+	import { FunctionComponent } from 'react';
+	import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
+	export type EuiListGroupItemExtraActionProps = {
+	    alwaysShow?: boolean;
+	} & EuiButtonIconPropsForButton; type _FromEuiListGroupItem = {
+	    parentIsDisabled?: boolean;
+	};
+	export const EuiListGroupItemExtraAction: FunctionComponent<EuiListGroupItemExtraActionProps & _FromEuiListGroupItem>;
+	export {};
 
 }
-declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item' {
-	export type { EuiCollapsibleNavItemProps, EuiCollapsibleNavSubItemProps, } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item';
-	export { EuiCollapsibleNavItem } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item';
+declare module '@elastic/eui/src/components/list_group/list_group_item.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiListGroupItemStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiListGroupItem: import("@emotion/utils").SerializedStyles;
+	    xs: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    colors: {
+	        isActive: {
+	            primary: import("@emotion/utils").SerializedStyles;
+	            text: import("@emotion/utils").SerializedStyles;
+	            subdued: import("@emotion/utils").SerializedStyles;
+	        };
+	        isClickable: {
+	            primary: import("@emotion/utils").SerializedStyles;
+	            text: import("@emotion/utils").SerializedStyles;
+	            subdued: import("@emotion/utils").SerializedStyles;
+	        };
+	    };
+	};
+	export const euiListGroupItemInnerStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiListGroupItem__inner: import("@emotion/utils").SerializedStyles;
+	    xs: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    primary: import("@emotion/utils").SerializedStyles;
+	    text: import("@emotion/utils").SerializedStyles;
+	    subdued: import("@emotion/utils").SerializedStyles;
+	    ghost: import("@emotion/utils").SerializedStyles;
+	    isDisabled: import("@emotion/utils").SerializedStyles;
+	    isActive: import("@emotion/utils").SerializedStyles;
+	    isClickable: import("@emotion/utils").SerializedStyles;
+	    externalIcon: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiListGroupItemLabelStyles: () => {
+	    euiListGroupItem__label: import("@emotion/utils").SerializedStyles;
+	    truncate: import("@emotion/utils").SerializedStyles;
+	    wrapText: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiListGroupItemIconStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiListGroupItem__icon: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiListGroupItemTooltipStyles: () => {
+	    euiListGroupItem__tooltip: import("@emotion/utils").SerializedStyles;
+	};
 
 }
-declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_beta' {
-	import React, { HTMLAttributes, ReactNode } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiFlyoutProps } from '@elastic/eui/src/components/flyout';
-	export type EuiCollapsibleNavBetaProps = CommonProps & HTMLAttributes<HTMLElement> & Pick<EuiFlyoutProps, // Extend only specific flyout props - EuiCollapsibleNav is much less customizable than EuiFlyout
-	// Extend only specific flyout props - EuiCollapsibleNav is much less customizable than EuiFlyout
-	'side' | 'focusTrapProps' | 'includeFixedHeadersInFocusTrap'> & {
+declare module '@elastic/eui/src/components/list_group/list_group_item' {
+	import React, { HTMLAttributes, AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode, ReactElement, MouseEventHandler, FunctionComponent } from 'react';
+	import { IconType, EuiIconProps } from '@elastic/eui/src/components/icon';
+	import { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip';
+	import { ExclusiveUnion, CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiListGroupItemExtraActionProps } from '@elastic/eui/src/components/list_group/list_group_item_extra_action';
+	export const SIZES: readonly ["xs", "s", "m", "l"];
+	export type EuiListGroupItemSize = (typeof SIZES)[number];
+	export const COLORS: readonly ["primary", "text", "subdued"];
+	export type EuiListGroupItemColor = (typeof COLORS)[number];
+	export type EuiListGroupItemProps = CommonProps & Omit<ExclusiveUnion<ExclusiveUnion<ButtonHTMLAttributes<HTMLButtonElement>, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>, HTMLAttributes<HTMLSpanElement>>, 'onClick' | 'color' | 'target' | 'rel'> & {
 	    /**
-	     * ReactNode(s) to render as navigation flyout content, typically `EuiCollapsibleNavBeta.Item`s.
-	     * You will likely want to use `EuiCollapsibleNavBeta.Body` and `EuiCollapsibleNavBeta.Footer`
-	     * for organization.
+	     * Size of the label text
 	     */
-	    children?: ReactNode;
+	    size?: EuiListGroupItemSize;
 	    /**
-	     * Whether the navigation flyout should default to initially collapsed or expanded
+	     * By default the item will get the color `text`.
+	     * You can customize the color of the item by passing a color name.
 	     */
-	    initialIsCollapsed?: boolean;
+	    color?: EuiListGroupItemColor;
 	    /**
-	     * Optional callback that fires when the user toggles the nav between
-	     * collapsed and uncollapsed states
+	     * Content to be displayed in the list item
 	     */
-	    onCollapseToggle?: (isCollapsed: boolean) => void;
+	    label: ReactNode;
 	    /**
-	     * Defaults to 248px wide. The navigation width determines behavior at
-	     * various responsive breakpoints.
-	     *
-	     * At larger screen sizes (at least 3x the width of the nav), the nav will
-	     * be able to be toggled between a docked full width nav and a collapsed
-	     * side bar that only shows the icon of each item.
-	     *
-	     * At under 3 times the width of the nav, the behavior will lose the collapsed
-	     * side bar behavior, and switch from a docked flyout to an overlay flyout only.
-	     *
-	     * If the page is under 1.5 times the width of the nav, the overlay will
-	     * take up the full width of the page.
+	     * Apply styles indicating an item is active
 	     */
-	    width?: number;
+	    isActive?: boolean;
 	    /**
-	     * Overlay flyouts are considered dialogs, and dialogs must have a label.
-	     * By default, a label of `Site menu` will be applied.
-	     *
-	     * If your usage of this component is not actually for site-wide navigation,
-	     * please set your own `aria-label` or `aria-labelledby`.
-	     *
-	     * @default 'Site menu'
+	     * Apply styles indicating an item is disabled
 	     */
-	    'aria-label'?: string;
-	};
-	export const EuiCollapsibleNavBeta: React.FunctionComponent<EuiCollapsibleNavBetaProps> & {
-	    Body: import ("@elastic/eui/src/components/flyout").EuiFlyoutBodyProps;
-	    Footer: import ("@elastic/eui/src/components/flyout").EuiFlyoutFooterProps;
-	    Group: React.FunctionComponent<import ("@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group").EuiCollapsibleNavGroupProps>;
-	    Item: React.FunctionComponent<import ("@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item").EuiCollapsibleNavItemProps>;
-	};
-
-}
-declare module '@elastic/eui/src/components/collapsible_nav_beta' {
-	/**
-	 * NOTE: This is currently still a beta component, being exported for Kibana
-	 * development usage. It is not yet fully documented or supported.
-	 */
-	export type { EuiCollapsibleNavBetaProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_beta';
-	export { EuiCollapsibleNavBeta } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_beta';
-	export type { EuiCollapsibleNavItemProps, EuiCollapsibleNavSubItemProps, } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item';
-	export { EuiCollapsibleNavItem } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item';
-
-}
-declare module '@elastic/eui/src/components/color_picker/color_picker_swatch' {
-	import React, { ButtonHTMLAttributes } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type EuiColorPickerSwatchProps = CommonProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> & {
-	    color?: string;
-	};
-	export const EuiColorPickerSwatch: React.ForwardRefExoticComponent<CommonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> & {
-	    color?: string | undefined;
-	} & React.RefAttributes<HTMLButtonElement>>;
-
-}
-declare module '@elastic/eui/src/components/color_picker/hue' {
-	import { InputHTMLAttributes, FunctionComponent } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type EuiHueProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> & CommonProps & {
-	    hex?: string;
-	    hue?: string | number;
-	    onChange: (hue: number) => void;
+	    isDisabled?: boolean;
+	    /**
+	     * Make the list item label a link.
+	     * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
+	     */
+	    href?: string;
+	    rel?: string;
+	    target?: string;
+	    /**
+	     * Set to true to show an icon indicating that it is an external link;
+	     * Defaults to true if `target="_blank"`
+	     */
+	    external?: boolean;
+	    /**
+	     * Adds `EuiIcon` of `EuiIcon.type`
+	     */
+	    iconType?: IconType;
+	    /**
+	     * Further extend the props applied to EuiIcon
+	     */
+	    iconProps?: Omit<EuiIconProps, 'type'>;
+	    /**
+	     * Custom node to pass as the icon. Cannot be used in conjunction
+	     * with `iconType` and `iconProps`.
+	     */
+	    icon?: ReactElement;
+	    /**
+	     * Display tooltip on list item
+	     */
+	    showToolTip?: boolean;
+	    /**
+	     * An object of #EuiListGroupItemExtraAction props.
+	     * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
+	     * pass `alwaysShow` if you don't want the default behavior of only showing on hover
+	     */
+	    extraAction?: EuiListGroupItemExtraActionProps;
+	    /**
+	     * Make the list item label a button.
+	     * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
+	     */
+	    onClick?: MouseEventHandler<HTMLButtonElement>;
+	    /**
+	     * Allow link text to wrap
+	     */
+	    wrapText?: boolean;
+	    /**
+	     * Pass-through ref reference specifically for targeting
+	     * instances where the item content is rendered as a `button`
+	     */
+	    buttonRef?: React.Ref<HTMLButtonElement>;
+	    /**
+	     * Text to be displayed in the tooltip when `showToolTip` is true.
+	     * By default the text will be same as the label text.
+	     */
+	    toolTipText?: string;
+	    /**
+	     * Allows customizing the tooltip shown when `showToolTip` is true.
+	     * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+	     */
+	    toolTipProps?: Partial<EuiToolTipProps>;
 	};
-	export const EuiHue: FunctionComponent<EuiHueProps>;
+	export const EuiListGroupItem: FunctionComponent<EuiListGroupItemProps>;
 
 }
-declare module '@elastic/eui/src/components/color_picker/saturation' {
-	import React, { HTMLAttributes } from 'react';
-	import { ColorSpaces } from 'chroma-js';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type SaturationClientRect = Pick<ClientRect, 'left' | 'top' | 'width' | 'height'>;
-	export type SaturationPosition = Pick<SaturationClientRect, 'left' | 'top'>;
-	interface HTMLDivElementOverrides {
-	    color?: ColorSpaces['hsv'];
-	    onChange: (color: ColorSpaces['hsv']) => void;
-	}
-	export type EuiSaturationProps = Omit<HTMLAttributes<HTMLDivElement>, keyof HTMLDivElementOverrides> & CommonProps & HTMLDivElementOverrides & {
-	    hex?: string;
+declare module '@elastic/eui/src/components/list_group/list_group.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiListGroupStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiListGroup: import("@emotion/utils").SerializedStyles;
+	    flush: import("@emotion/utils").SerializedStyles;
+	    bordered: import("@emotion/utils").SerializedStyles;
+	    maxWidthDefault: import("@emotion/utils").SerializedStyles;
+	    none: import("@emotion/utils").SerializedStyles;
+	    s: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
 	};
-	export const EuiSaturation: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, keyof HTMLDivElementOverrides> & CommonProps & HTMLDivElementOverrides & {
-	    hex?: string | undefined;
-	} & React.RefAttributes<HTMLDivElement>>;
-	export {};
 
 }
-declare module '@elastic/eui/src/components/color_picker/color_picker' {
-	import { FunctionComponent, HTMLAttributes, ReactElement } from 'react';
-	import { ColorSpaces } from 'chroma-js';
+declare module '@elastic/eui/src/components/list_group/list_group' {
+	import { FunctionComponent, HTMLAttributes, CSSProperties } from 'react';
+	import { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group/list_group_item';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form'; type EuiColorPickerDisplay = 'default' | 'inline'; type EuiColorPickerMode = 'default' | 'swatch' | 'picker' | 'secondaryInput';
-	export interface EuiColorPickerOutput {
-	    rgba: ColorSpaces['rgba'];
-	    hex: string;
-	    isValid: boolean;
-	}
-	interface HTMLDivElementOverrides {
+	export const GUTTER_SIZES: readonly ["none", "s", "m"];
+	export type EuiListGroupGutterSize = (typeof GUTTER_SIZES)[number];
+	export type EuiListGroupProps = CommonProps & Omit<HTMLAttributes<HTMLUListElement>, 'color'> & {
 	    /**
-	     * hex (string)
-	     * RGB (as comma separated string)
-	     * RGBa (as comma separated string)
-	     * Empty string will register as 'transparent'
+	     * Add a border to the list container
 	     */
-	    color?: string | null;
-	    onBlur?: () => void;
+	    bordered?: boolean;
 	    /**
-	     * text (string, as entered or selected)
-	     * hex (8-digit hex if alpha < 1, otherwise 6-digit hex)
-	     * RGBa (as array; values of NaN if color is invalid)
-	     * isValid (boolean signifying if the input text is a valid color)
+	     * Remove container padding, stretching list items to the edges
 	     */
-	    onChange: (text: string, output: EuiColorPickerOutput) => void;
-	    onFocus?: () => void;
-	}
-	export interface EuiColorPickerProps extends CommonProps, Omit<HTMLAttributes<HTMLDivElement>, keyof HTMLDivElementOverrides>, HTMLDivElementOverrides {
+	    flush?: boolean;
 	    /**
-	     *  Custom element to use instead of text input
+	     * Spacing between list items
 	     */
-	    button?: ReactElement;
+	    gutterSize?: EuiListGroupGutterSize;
 	    /**
-	     *  Use the compressed style for EuiFieldText
+	     * Items to display in this group. See #EuiListGroupItem
 	     */
-	    compressed?: boolean;
-	    display?: EuiColorPickerDisplay;
-	    disabled?: boolean;
-	    fullWidth?: boolean;
-	    id?: string;
+	    listItems?: EuiListGroupItemProps[];
 	    /**
-	     *  Custom validation flag
+	     * Change the colors of all `listItems` at once
+	     * @default text
 	     */
-	    isInvalid?: boolean;
+	    color?: EuiListGroupItemProps['color'];
 	    /**
-	     * Choose between swatches with gradient picker (default), swatches only, gradient picker only, or secondary input only.
+	     * Change the size of all `listItems` at once
+	     * @default m
 	     */
-	    mode?: EuiColorPickerMode;
+	    size?: EuiListGroupItemProps['size'];
 	    /**
-	     *  Custom z-index for the popover
+	     * Sets the max-width of the page.
+	     * Set to `true` to use the default size,
+	     * set to `false` to not restrict the width,
+	     * or set to a number/string for a custom CSS width/measurement.
 	     */
-	    popoverZIndex?: number;
-	    readOnly?: boolean;
+	    maxWidth?: boolean | CSSProperties['maxWidth'];
 	    /**
-	     *  Array of hex strings (3 or 6 character) to use as swatch options. Defaults to EUI visualization colors
+	     * Display tooltips on all list items
 	     */
-	    swatches?: string[];
+	    showToolTips?: boolean;
 	    /**
-	     * Creates an input group with element(s) coming before input. It only shows when the `display` is set to `default`.
-	     * `string` | `ReactElement` or an array of these
+	     * Allow link text to wrap vs truncated
 	     */
-	    prepend?: EuiFormControlLayoutProps['prepend'];
+	    wrapText?: boolean;
+	    ariaLabelledby?: string;
+	};
+	export const EuiListGroup: FunctionComponent<EuiListGroupProps>;
+
+}
+declare module '@elastic/eui/src/components/list_group/pinnable_list_group/pinnable_list_group.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiPinnableListGroupItemExtraActionStyles: ({ euiTheme, }: UseEuiTheme) => {
+	    euiPinnableListGroup__itemExtraAction: import("@emotion/utils").SerializedStyles;
+	    pinned: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/list_group/pinnable_list_group/pinnable_list_group' {
+	import { FunctionComponent } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiListGroupProps } from '@elastic/eui/src/components/list_group/list_group';
+	import { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group/list_group_item';
+	export type EuiPinnableListGroupItemProps = EuiListGroupItemProps & {
 	    /**
-	     * Creates an input group with element(s) coming after input. It only shows when the `display` is set to `default`.
-	     * `string` | `ReactElement` or an array of these
+	     * Saves the pinned status and changes the visibility of the pin icon
 	     */
-	    append?: EuiFormControlLayoutProps['append'];
+	    pinned?: boolean;
 	    /**
-	     * Whether to render the alpha channel (opacity) value range slider.
+	     * Passing `onPinClick` to the full EuiPinnableListGroup, will make every item pinnable.
+	     * Set this property to `false` to turn off individual item pinnability
 	     */
-	    showAlpha?: boolean;
+	    pinnable?: boolean;
+	};
+	export interface EuiPinnableListGroupProps extends CommonProps, EuiListGroupProps {
 	    /**
-	     * Will format the text input in the provided format when possible (hue and saturation selection)
-	     * Exceptions: Manual text input and swatches will display as-authored
-	     * Default is to display the last format entered by the user
+	     * Extends `EuiListGroupItemProps`, at the very least, expecting a `label`.
+	     * See #EuiPinnableListGroupItem
 	     */
-	    format?: 'hex' | 'rgba';
+	    listItems: EuiPinnableListGroupItemProps[];
 	    /**
-	     * Placement option for a secondary color value input.
+	     * Shows the pin icon and calls this function on click.
+	     * Returns `item: EuiPinnableListGroupItemProps`
 	     */
-	    secondaryInputDisplay?: 'top' | 'bottom' | 'none';
+	    onPinClick: (item: EuiPinnableListGroupItemProps) => void;
 	    /**
-	     * Add a button to the primary input to clear its value.
+	     * The pin icon needs a title/aria-label for accessibility.
+	     * It is a function that passes the item back and must return a string `(item) => string`.
+	     * Default is `"Pin item"`
 	     */
-	    isClearable?: boolean;
+	    pinTitle?: (item: EuiPinnableListGroupItemProps) => string;
 	    /**
-	     * Text to replace the default 'Transparent' placeholder for unset color values.
+	     * The unpin icon needs a title/aria-label for accessibility.
+	     * It is a function that passes the item back and must return a string `(item) => string`.
+	     * Default is `"Unpin item"`
 	     */
-	    placeholder?: string;
+	    unpinTitle?: (item: EuiPinnableListGroupItemProps) => string;
 	}
-	export const EuiColorPicker: FunctionComponent<EuiColorPickerProps>;
-	export {};
+	export const EuiPinnableListGroup: FunctionComponent<EuiPinnableListGroupProps>;
 
 }
-declare module '@elastic/eui/src/components/color_picker' {
-	export type { EuiColorPickerProps } from '@elastic/eui/src/components/color_picker/color_picker';
-	export { EuiColorPicker } from '@elastic/eui/src/components/color_picker/color_picker';
-	export type { EuiColorPickerSwatchProps } from '@elastic/eui/src/components/color_picker/color_picker_swatch';
-	export { EuiColorPickerSwatch } from '@elastic/eui/src/components/color_picker/color_picker_swatch';
-	export type { EuiColorPalettePickerProps, EuiColorPalettePickerPaletteProps, } from '@elastic/eui/src/components/color_picker/color_palette_picker';
-	export { EuiColorPalettePicker } from '@elastic/eui/src/components/color_picker/color_palette_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/list_group/pinnable_list_group' {
+	export type { EuiPinnableListGroupProps, EuiPinnableListGroupItemProps, } from '@elastic/eui/src/components/list_group/pinnable_list_group/pinnable_list_group';
+	export { EuiPinnableListGroup } from '@elastic/eui/src/components/list_group/pinnable_list_group/pinnable_list_group';
 
 }
-declare module '@elastic/eui/src/components/combo_box/types' {
-	import { ButtonHTMLAttributes, ReactNode } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	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 type OptionHandler<T> = (option: EuiComboBoxOptionOption<T>) => void;
-	export type RefInstance<T> = T | null;
-	export interface EuiComboBoxSingleSelectionShape {
-	    asPlainText?: boolean;
-	}
-
-}
-declare module '@elastic/eui/src/components/combo_box/matching_options' {
-	import { EuiComboBoxOptionOption } from '@elastic/eui/src/components/combo_box/types';
-	export type SortMatchesBy = 'none' | 'startsWith';
-	interface GetMatchingOptions<T> {
-	    options: Array<EuiComboBoxOptionOption<T>>;
-	    selectedOptions: Array<EuiComboBoxOptionOption<T>>;
-	    searchValue: string;
-	    isCaseSensitive?: boolean;
-	    isPreFiltered?: boolean;
-	    showPrevSelected?: boolean;
-	    sortMatchesBy?: SortMatchesBy;
-	}
-	interface GetSelectedOptionForSearchValue<T> extends Pick<GetMatchingOptions<T>, 'isCaseSensitive' | 'searchValue' | 'selectedOptions'> {
-	    optionKey?: string;
-	}
-	export const transformForCaseSensitivity: (string: string, isCaseSensitive?: boolean | undefined) => string;
-	export const flattenOptionGroups: <T>(optionsOrGroups: EuiComboBoxOptionOption<T>[]) => EuiComboBoxOptionOption<T>[];
-	export const getSelectedOptionForSearchValue: <T>({ isCaseSensitive, searchValue, selectedOptions, optionKey, }: GetSelectedOptionForSearchValue<T>) => EuiComboBoxOptionOption<T> | undefined;
-	export const getMatchingOptions: <T>({ options, selectedOptions, searchValue, isCaseSensitive, isPreFiltered, showPrevSelected, sortMatchesBy, }: GetMatchingOptions<T>) => EuiComboBoxOptionOption<T>[];
-	export {};
-
-}
-declare module '@elastic/eui/src/components/combo_box/utils' {
-	import React, { PropsWithChildren } from 'react';
-	import { EuiComboBoxOptionOption } from '@elastic/eui/src/components/combo_box/types';
-	/**
-	 * DRY util for rendering an option with its prepend and append properties
-	 */
-	export const EuiComboBoxOptionAppendPrepend: <T>({ children, option, classNamePrefix, }: {
-	    children?: React.ReactNode;
-	} & {
-	    option?: EuiComboBoxOptionOption<T> | undefined;
-	    classNamePrefix?: string | undefined;
-	}) => React.JSX.Element;
-
-}
-declare module '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_pill' {
-	import React, { AriaAttributes, Component, MouseEventHandler } from 'react';
-	import { EuiComboBoxOptionOption, OptionHandler } from '@elastic/eui/src/components/combo_box/types';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export interface EuiComboBoxPillProps<T> extends CommonProps {
-	    children?: string;
-	    className?: string;
-	    color?: string;
-	    onClick?: MouseEventHandler<HTMLButtonElement>;
-	    onClickAriaLabel?: AriaAttributes['aria-label'];
-	    onClose?: OptionHandler<T>;
-	    option: EuiComboBoxOptionOption<T>;
-	}
-	export class EuiComboBoxPill<T> extends Component<EuiComboBoxPillProps<T>> {
-	    static defaultProps: {
-	        color: string;
-	    };
-	    onCloseButtonClick: () => void;
-	    render(): React.JSX.Element;
-	}
-
-}
-declare module '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_input' {
-	import React, { Component, FocusEventHandler, KeyboardEventHandler, RefCallback } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { htmlIdGenerator } from '@elastic/eui/src/services';
-	import { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form/form_control_layout';
-	import { EuiComboBoxOptionOption, EuiComboBoxSingleSelectionShape, OptionHandler } from '@elastic/eui/src/components/combo_box/types';
-	export interface EuiComboBoxInputProps<T> extends CommonProps {
-	    compressed: boolean;
-	    focusedOptionId?: string;
-	    fullWidth?: boolean;
-	    hasSelectedOptions: boolean;
-	    id?: string;
-	    inputRef?: RefCallback<HTMLInputElement>;
-	    isDisabled?: boolean;
-	    isListOpen: boolean;
-	    noIcon: boolean;
-	    onBlur?: FocusEventHandler<HTMLInputElement>;
-	    onChange: (searchValue: string) => void;
-	    onClear?: () => void;
-	    onClick: () => void;
-	    onCloseListClick: () => void;
-	    onFocus: FocusEventHandler<HTMLInputElement>;
-	    onOpenListClick: () => void;
-	    onRemoveOption: OptionHandler<T>;
-	    placeholder?: string;
-	    rootId: ReturnType<typeof htmlIdGenerator>;
-	    searchValue: string;
-	    selectedOptions: Array<EuiComboBoxOptionOption<T>>;
-	    singleSelection?: boolean | EuiComboBoxSingleSelectionShape;
-	    toggleButtonRef?: RefCallback<HTMLButtonElement | HTMLSpanElement>;
-	    value?: string;
-	    prepend?: EuiFormControlLayoutProps['prepend'];
-	    append?: EuiFormControlLayoutProps['append'];
-	    isLoading?: boolean;
-	    isInvalid?: boolean;
-	    autoFocus?: boolean;
-	    'aria-label'?: string;
-	    'aria-labelledby'?: string;
-	}
-	interface EuiComboBoxInputState {
-	    inputWidth: number;
-	    hasFocus: boolean;
-	}
-	export class EuiComboBoxInput<T> extends Component<EuiComboBoxInputProps<T>, EuiComboBoxInputState> {
-	    state: EuiComboBoxInputState;
-	    private widthUtils?;
-	    inputRefCallback: (el: HTMLInputElement) => void;
-	    updateInputSize: (inputValue: string) => void;
-	    componentDidUpdate(prevProps: EuiComboBoxInputProps<T>): void;
-	    onFocus: FocusEventHandler<HTMLInputElement>;
-	    onBlur: FocusEventHandler<HTMLInputElement>;
-	    onKeyDown: KeyboardEventHandler<HTMLInputElement>;
-	    get asPlainText(): boolean;
-	    get searchValue(): string;
-	    renderPills: () => React.JSX.Element[] | null;
-	    render(): React.JSX.Element;
-	}
-	export {};
+declare module '@elastic/eui/src/components/list_group' {
+	export type { EuiListGroupProps } from '@elastic/eui/src/components/list_group/list_group';
+	export { EuiListGroup } from '@elastic/eui/src/components/list_group/list_group';
+	export type { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group/list_group_item';
+	export type { EuiListGroupItemExtraActionProps } from '@elastic/eui/src/components/list_group/list_group_item_extra_action';
+	export { EuiListGroupItem } from '@elastic/eui/src/components/list_group/list_group_item';
+	export type { EuiPinnableListGroupProps, EuiPinnableListGroupItemProps, } from '@elastic/eui/src/components/list_group/pinnable_list_group';
+	export { EuiPinnableListGroup } from '@elastic/eui/src/components/list_group/pinnable_list_group';
 
 }
-declare module '@elastic/eui/src/components/mark/mark.styles' {
+declare module '@elastic/eui/src/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.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;
+	export const euiCollapsibleNavKibanaSolutionStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiCollapsibleNavKibanaSolution: import("@emotion/utils").SerializedStyles;
+	    collapsed: import("@emotion/utils").SerializedStyles;
+	    uncollapsed: import("@emotion/utils").SerializedStyles;
+	    euiCollapsibleNavKibanaSolution__title: import("@emotion/utils").SerializedStyles;
+	    euiCollapsibleNavKibanaSolution__logo: import("@emotion/utils").SerializedStyles;
+	    euiCollapsibleNavKibanaSolution__switcherIcon: import("@emotion/utils").SerializedStyles;
+	    euiCollapsibleNavKibanaSolution__switcherPopover: import("@emotion/utils").SerializedStyles;
+	    euiCollapsibleNavKibanaSolution__secondaryItems: import("@emotion/utils").SerializedStyles;
 	};
 
 }
-declare module '@elastic/eui/src/components/mark/mark' {
-	import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
+declare module '@elastic/eui/src/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution' {
+	import { FunctionComponent, HTMLAttributes } 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;
+	import { type EuiListGroupItemProps } from '@elastic/eui/src/components/list_group';
+	import { type EuiCollapsibleNavItemProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item';
+	export type KibanaCollapsibleNavSolutionProps = HTMLAttributes<HTMLDivElement> & CommonProps & Required<Pick<EuiCollapsibleNavItemProps, 'title' | 'icon' | 'items'>> & {
+	    solutions: EuiListGroupItemsModified;
 	};
-	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_all' {
-	import { FunctionComponent } from 'react';
-	import type { _SharedSubcomponentProps } from '@elastic/eui/src/components/highlight/highlight';
 	/**
-	 * Internal subcomponent with logic for highlighting all occurrences
-	 * of a search value within a subject
+	 * This component should only ever be used as a **top-level component**.
+	 * It also should **not** be used in the nav footer.
 	 *
-	 * Uses regex rather than indexOf/while loops for easier dev maintainability
+	 * This component is **very** specific to Kibana and is not meant to be a generic component.
 	 */
-	export const HighlightAll: FunctionComponent<_SharedSubcomponentProps>;
+	export const KibanaCollapsibleNavSolution: FunctionComponent<KibanaCollapsibleNavSolutionProps>; type EuiListGroupItemsModified = Array<Omit<EuiListGroupItemProps, 'label' | 'iconType' | 'icon'> & {
+	    title: string;
+	    icon?: EuiListGroupItemProps['iconType'];
+	    isSecondary?: boolean;
+	}>;
+	export {};
 
 }
-declare module '@elastic/eui/src/components/highlight/_highlight_first' {
-	import { FunctionComponent } from 'react';
-	import { _SharedSubcomponentProps } from '@elastic/eui/src/components/highlight/highlight';
-	/**
-	 * Internal subcomponent with logic for highlighting only the first occurrence
-	 * of a search value within a subject
-	 *
-	 * Uses indexOf for performance (which does matter for, e.g. EuiSelectable searching)
-	 */
-	export const HighlightFirst: FunctionComponent<_SharedSubcomponentProps>;
+declare module '@elastic/eui/src/components/collapsible_nav_beta/_kibana_solution' {
+	export { KibanaCollapsibleNavSolution } from '@elastic/eui/src/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution';
 
 }
-declare module '@elastic/eui/src/components/highlight/highlight' {
-	import { HTMLAttributes, FunctionComponent, ElementType } from 'react';
+declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_beta' {
+	import React, { HTMLAttributes, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiMarkProps } from '@elastic/eui/src/components/mark';
-	export type EuiHighlightProps = HTMLAttributes<HTMLSpanElement> & Pick<EuiMarkProps, 'hasScreenReaderHelpText'> & CommonProps & {
+	import { EuiFlyoutProps } from '@elastic/eui/src/components/flyout';
+	export type EuiCollapsibleNavBetaProps = CommonProps & HTMLAttributes<HTMLElement> & Pick<EuiFlyoutProps, // Extend only specific flyout props - EuiCollapsibleNav is much less customizable than EuiFlyout
+	// Extend only specific flyout props - EuiCollapsibleNav is much less customizable than EuiFlyout
+	'side' | 'focusTrapProps' | 'includeFixedHeadersInFocusTrap'> & {
 	    /**
-	     * string to highlight as this component's content
+	     * ReactNode(s) to render as navigation flyout content, typically `EuiCollapsibleNavBeta.Item`s.
+	     * You will likely want to use `EuiCollapsibleNavBeta.Body` and `EuiCollapsibleNavBeta.Footer`
+	     * for organization.
 	     */
-	    children: string;
+	    children?: ReactNode;
 	    /**
-	     * What to search for.
-	     *
-	     * Allows passing an array of strings (searching by multiple separate
-	     * words or phrases) **only** if `highlightAll` is also set to `true`.
+	     * Whether the navigation flyout should default to initially collapsed or expanded
 	     */
-	    search: string | string[];
+	    initialIsCollapsed?: boolean;
 	    /**
-	     * Should the search be strict or not
+	     * Optional callback that fires when the user toggles the nav between
+	     * collapsed and uncollapsed states
 	     */
-	    strict?: boolean;
+	    onCollapseToggle?: (isCollapsed: boolean) => void;
 	    /**
-	     * Should highlight all matches
+	     * Defaults to 248px wide. The navigation width determines behavior at
+	     * various responsive breakpoints.
+	     *
+	     * At larger screen sizes (at least 3x the width of the nav), the nav will
+	     * be able to be toggled between a docked full width nav and a collapsed
+	     * side bar that only shows the icon of each item.
+	     *
+	     * At under 3 times the width of the nav, the behavior will lose the collapsed
+	     * side bar behavior, and switch from a docked flyout to an overlay flyout only.
+	     *
+	     * If the page is under 1.5 times the width of the nav, the overlay will
+	     * take up the full width of the page.
 	     */
-	    highlightAll?: boolean;
+	    width?: number;
+	    /**
+	     * Overlay flyouts are considered dialogs, and dialogs must have a label.
+	     * By default, a label of `Site menu` will be applied.
+	     *
+	     * If your usage of this component is not actually for site-wide navigation,
+	     * please set your own `aria-label` or `aria-labelledby`.
+	     *
+	     * @default 'Site menu'
+	     */
+	    'aria-label'?: string;
 	};
-	export const EuiHighlight: FunctionComponent<EuiHighlightProps>;
-	export type _SharedSubcomponentProps = {
-	    searchValue: EuiHighlightProps['search'];
-	    searchSubject: EuiHighlightProps['children'];
-	    isStrict: EuiHighlightProps['strict'];
-	    highlightComponent?: ElementType;
+	export const EuiCollapsibleNavBeta: React.FunctionComponent<EuiCollapsibleNavBetaProps> & {
+	    Body: import ("@elastic/eui/src/components/flyout").EuiFlyoutBodyProps;
+	    Footer: import ("@elastic/eui/src/components/flyout").EuiFlyoutFooterProps;
+	    Item: React.FunctionComponent<import ("@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item").EuiCollapsibleNavItemProps>;
+	    KibanaSolution: React.FunctionComponent<import ("@elastic/eui/src/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution").KibanaCollapsibleNavSolutionProps>;
 	};
 
 }
-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';
-	export const euiFilterSelectItemStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiFilterSelectItem: import("@emotion/utils").SerializedStyles;
-	    isFocused: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/filter_group/filter_select_item' {
-	import React, { ButtonHTMLAttributes, Component } from 'react';
-	import { WithEuiThemeProps } from '@elastic/eui/src/services';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type FilterChecked = 'on' | 'off';
-	export interface EuiFilterSelectItemProps extends CommonProps, ButtonHTMLAttributes<HTMLButtonElement> {
-	    checked?: FilterChecked;
-	    showIcons?: boolean;
-	    isFocused?: boolean;
-	}
-	/**
-	 * TODO: This component should removed in favor of EuiSelectable usage
-	 * once EuiComboBox has been converted to dogfood EuiSelectable.
-	 *
-	 * @deprecated - Use EuiSelectable instead
-	 */
-	export class EuiFilterSelectItemClass extends Component<WithEuiThemeProps & EuiFilterSelectItemProps> {
-	    static defaultProps: {
-	        showIcons: boolean;
-	    };
-	    buttonRef: HTMLButtonElement | null;
-	    state: {
-	        hasFocus: boolean;
-	    };
-	    focus: () => void;
-	    hasFocus: () => boolean;
-	    render(): React.JSX.Element;
-	}
+declare module '@elastic/eui/src/components/collapsible_nav_beta' {
 	/**
-	 * @deprecated - Use EuiSelectable instead
+	 * NOTE: This is currently still a beta component, being exported for Kibana
+	 * development usage. It is not yet fully documented or supported.
 	 */
-	export const EuiFilterSelectItem: React.ForwardRefExoticComponent<Omit<EuiFilterSelectItemProps, "theme"> & React.RefAttributes<Omit<EuiFilterSelectItemProps, "theme">>>;
+	export type { EuiCollapsibleNavBetaProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_beta';
+	export { EuiCollapsibleNavBeta } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_beta';
+	export type { EuiCollapsibleNavItemProps, EuiCollapsibleNavSubItemProps, } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item';
+	export { EuiCollapsibleNavItem } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item';
 
 }
-declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_options_list' {
-	import React, { Component, ContextType, ReactNode, RefCallback } from 'react';
-	import { FixedSizeList, FixedSizeListProps, ListProps, ListChildComponentProps } from 'react-window';
-	import { htmlIdGenerator } from '@elastic/eui/src/services';
+declare module '@elastic/eui/src/components/color_picker/color_picker_swatch' {
+	import React, { ButtonHTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiInputPopoverWidthContext } from '@elastic/eui/src/components/popover/input_popover';
-	import type { _EuiComboBoxProps } from '@elastic/eui/src/components/combo_box/combo_box';
-	import { EuiComboBoxOptionOption, EuiComboBoxSingleSelectionShape, OptionHandler } from '@elastic/eui/src/components/combo_box/types';
-	export type EuiComboBoxOptionsListProps<T> = CommonProps & {
-	    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'];
-	    /**
-	     * Array of EuiComboBoxOptionOption objects. See #EuiComboBoxOptionOption
-	     */
-	    options: Array<EuiComboBoxOptionOption<T>>;
-	    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>>;
-	    singleSelection?: boolean | EuiComboBoxSingleSelectionShape;
-	    delimiter?: string;
-	    truncationProps?: _EuiComboBoxProps<T>['truncationProps'];
+	export type EuiColorPickerSwatchProps = CommonProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> & {
+	    color?: string;
 	};
-	export class EuiComboBoxOptionsList<T> extends Component<EuiComboBoxOptionsListProps<T>> {
-	    listRef: FixedSizeList | null;
-	    static contextType: React.Context<number>;
-	    context: ContextType<typeof EuiInputPopoverWidthContext>;
-	    static defaultProps: {
-	        'data-test-subj': string;
-	        rowHeight: number;
-	        isCaseSensitive: boolean;
-	    };
-	    componentDidUpdate(prevProps: EuiComboBoxOptionsListProps<T>): void;
-	    setListRef: (ref: FixedSizeList | null) => void;
-	    ListInnerElement: FixedSizeListProps['innerElementType'];
-	    ListRow: ({ data, index, style }: ListChildComponentProps) => React.JSX.Element;
-	    optionWidth: number | undefined;
-	    setOptionWidth: (width: number) => void;
-	    renderTruncatedOption: (text: string, truncationProps?: EuiComboBoxOptionsListProps<T>['truncationProps']) => string | React.JSX.Element;
-	    render(): React.JSX.Element;
-	}
+	export const EuiColorPickerSwatch: React.ForwardRefExoticComponent<CommonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> & {
+	    color?: string | undefined;
+	} & React.RefAttributes<HTMLButtonElement>>;
 
 }
-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/color_picker/hue' {
+	import { InputHTMLAttributes, FunctionComponent } 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>;
-	}
-	export class EuiComboBoxOption<T> extends Component<EuiComboBoxOptionProps<T>> {
-	    onClick: () => void;
-	    onKeyDown: KeyboardEventHandler<HTMLButtonElement>;
-	    render(): React.JSX.Element;
-	}
+	export type EuiHueProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> & CommonProps & {
+	    hex?: string;
+	    hue?: string | number;
+	    onChange: (hue: number) => void;
+	};
+	export const EuiHue: FunctionComponent<EuiHueProps>;
 
 }
-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/color_picker/saturation' {
+	import React, { HTMLAttributes } from 'react';
+	import { ColorSpaces } from 'chroma-js';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export type SaturationClientRect = Pick<ClientRect, 'left' | 'top' | 'width' | 'height'>;
+	export type SaturationPosition = Pick<SaturationClientRect, 'left' | 'top'>;
+	interface HTMLDivElementOverrides {
+	    color?: ColorSpaces['hsv'];
+	    onChange: (color: ColorSpaces['hsv']) => void;
+	}
+	export type EuiSaturationProps = Omit<HTMLAttributes<HTMLDivElement>, keyof HTMLDivElementOverrides> & CommonProps & HTMLDivElementOverrides & {
+	    hex?: string;
+	};
+	export const EuiSaturation: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, keyof HTMLDivElementOverrides> & CommonProps & HTMLDivElementOverrides & {
+	    hex?: string | undefined;
+	} & React.RefAttributes<HTMLDivElement>>;
+	export {};
 
 }
-declare module '@elastic/eui/src/components/combo_box/combo_box' {
-	/**
-	 * Elements within EuiComboBox which would normally be tabbable (inputs, buttons) have been removed
-	 * 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';
+declare module '@elastic/eui/src/components/color_picker/color_picker' {
+	import { FunctionComponent, HTMLAttributes, ReactElement } from 'react';
+	import { ColorSpaces } from 'chroma-js';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiInputPopoverProps } from '@elastic/eui/src/components/popover';
-	import { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form';
-	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 { OptionHandler, RefInstance, EuiComboBoxOptionOption, 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;
+	import { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form'; type EuiColorPickerDisplay = 'default' | 'inline'; type EuiColorPickerMode = 'default' | 'swatch' | 'picker' | 'secondaryInput';
+	export interface EuiColorPickerOutput {
+	    rgba: ColorSpaces['rgba'];
+	    hex: string;
+	    isValid: boolean;
+	}
+	interface HTMLDivElementOverrides {
 	    /**
-	     * Updates the list of options asynchronously
+	     * hex (string)
+	     * RGB (as comma separated string)
+	     * RGBa (as comma separated string)
+	     * Empty string will register as 'transparent'
 	     */
-	    async: boolean;
-	    className?: string;
+	    color?: string | null;
+	    onBlur?: () => void;
 	    /**
-	     * When `true` creates a shorter height input
+	     * text (string, as entered or selected)
+	     * hex (8-digit hex if alpha < 1, otherwise 6-digit hex)
+	     * RGBa (as array; values of NaN if color is invalid)
+	     * isValid (boolean signifying if the input text is a valid color)
 	     */
-	    compressed: boolean;
+	    onChange: (text: string, output: EuiColorPickerOutput) => void;
+	    onFocus?: () => void;
+	}
+	export interface EuiColorPickerProps extends CommonProps, Omit<HTMLAttributes<HTMLDivElement>, keyof HTMLDivElementOverrides>, HTMLDivElementOverrides {
 	    /**
-	     * When `true` expands to the entire width available
+	     *  Custom element to use instead of text input
 	     */
-	    fullWidth: boolean;
-	    id?: string;
-	    inputRef?: RefCallback<HTMLInputElement>;
+	    button?: ReactElement;
 	    /**
-	     * Shows a button that quickly clears any input
+	     *  Use the compressed style for EuiFieldText
 	     */
-	    isClearable: boolean;
+	    compressed?: boolean;
+	    display?: EuiColorPickerDisplay;
+	    disabled?: boolean;
+	    fullWidth?: boolean;
+	    id?: string;
 	    /**
-	     * Disables the input
+	     *  Custom validation flag
 	     */
-	    isDisabled?: boolean;
 	    isInvalid?: boolean;
 	    /**
-	     * Swaps the dropdown options for a loading spinner
+	     * Choose between swatches with gradient picker (default), swatches only, gradient picker only, or secondary input only.
 	     */
-	    isLoading?: boolean;
+	    mode?: EuiColorPickerMode;
 	    /**
-	     * Doesn't show the suggestions list/dropdown
+	     *  Custom z-index for the popover
 	     */
-	    noSuggestions?: boolean;
-	    onBlur?: FocusEventHandler<HTMLDivElement>;
+	    popoverZIndex?: number;
+	    readOnly?: boolean;
 	    /**
-	     * Called every time the query in the combo box is parsed
+	     *  Array of hex strings (3 or 6 character) to use as swatch options. Defaults to EUI visualization colors
 	     */
-	    onChange?: (options: Array<EuiComboBoxOptionOption<T>>) => void;
-	    onFocus?: FocusEventHandler<HTMLDivElement>;
-	    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
+	    swatches?: string[];
 	    /**
-	     * Called every time the text query in the search box is parsed
+	     * Creates an input group with element(s) coming before input. It only shows when the `display` is set to `default`.
+	     * `string` | `ReactElement` or an array of these
 	     */
-	    onSearchChange?: (searchValue: string, hasMatchingOptions?: boolean) => void;
+	    prepend?: EuiFormControlLayoutProps['prepend'];
 	    /**
-	     * Sets the placeholder of the input
+	     * Creates an input group with element(s) coming after input. It only shows when the `display` is set to `default`.
+	     * `string` | `ReactElement` or an array of these
 	     */
-	    placeholder?: string;
+	    append?: EuiFormControlLayoutProps['append'];
 	    /**
-	     * Every option must be the same height and must be explicitly set if using a custom render
-	     */
-	    rowHeight?: number;
-	    /**
-	     * When `true` only allows the user to select a single option. Set to `{ asPlainText: true }` to not render input selection as pills
-	     */
-	    singleSelection: boolean | EuiComboBoxSingleSelectionShape;
-	    /**
-	     * Display matching options by:
-	     * `startsWith`: moves items that start with search value to top of the list;
-	     * `none`: don't change the sort order of initial object
-	     */
-	    sortMatchesBy: SortMatchesBy;
-	    /**
-	     * Whether to match options with case sensitivity.
+	     * Whether to render the alpha channel (opacity) value range slider.
 	     */
-	    isCaseSensitive?: boolean;
+	    showAlpha?: boolean;
 	    /**
-	     * Creates an input group with element(s) coming before input. It won't show if `singleSelection` is set to `false`.
-	     * `string` | `ReactElement` or an array of these
+	     * Will format the text input in the provided format when possible (hue and saturation selection)
+	     * Exceptions: Manual text input and swatches will display as-authored
+	     * Default is to display the last format entered by the user
 	     */
-	    prepend?: EuiFormControlLayoutProps['prepend'];
+	    format?: 'hex' | 'rgba';
 	    /**
-	     * Creates an input group with element(s) coming after input. It won't show if `singleSelection` is set to `false`.
-	     * `string` | `ReactElement` or an array of these
+	     * Placement option for a secondary color value input.
 	     */
-	    append?: EuiFormControlLayoutProps['append'];
+	    secondaryInputDisplay?: 'top' | 'bottom' | 'none';
 	    /**
-	     * A special character to use as a value separator. Typically a comma `,`
+	     * Add a button to the primary input to clear its value.
 	     */
-	    delimiter?: string;
+	    isClearable?: boolean;
 	    /**
-	     * Specifies that the input should have focus when the component loads
+	     * Text to replace the default 'Transparent' placeholder for unset color values.
 	     */
-	    autoFocus?: boolean;
+	    placeholder?: string;
+	}
+	export const EuiColorPicker: FunctionComponent<EuiColorPickerProps>;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/color_picker' {
+	export type { EuiColorPickerProps } from '@elastic/eui/src/components/color_picker/color_picker';
+	export { EuiColorPicker } from '@elastic/eui/src/components/color_picker/color_picker';
+	export type { EuiColorPickerSwatchProps } from '@elastic/eui/src/components/color_picker/color_picker_swatch';
+	export { EuiColorPickerSwatch } from '@elastic/eui/src/components/color_picker/color_picker_swatch';
+	export type { EuiColorPalettePickerProps, EuiColorPalettePickerPaletteProps, } from '@elastic/eui/src/components/color_picker/color_palette_picker';
+	export { EuiColorPalettePicker } from '@elastic/eui/src/components/color_picker/color_palette_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/combo_box/types' {
+	import { ButtonHTMLAttributes, ReactNode } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	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 type OptionHandler<T> = (option: EuiComboBoxOptionOption<T>) => void;
+	export type RefInstance<T> = T | null;
+	export interface EuiComboBoxSingleSelectionShape {
+	    asPlainText?: boolean;
+	}
+	export interface EuiComboBoxOptionMatcherArgs<TOption> {
 	    /**
-	     * Required when rendering without a visible label from [EuiFormRow](/#/forms/form-layouts).
+	     * Option being currently processed
 	     */
-	    'aria-label'?: string;
+	    option: EuiComboBoxOptionOption<TOption>;
 	    /**
-	     * Reference ID of a text element containing the visible label for the combo box when not
-	     * supplied by `aria-label` or from [EuiFormRow](/#/forms/form-layouts).
+	     * Raw search input value
 	     */
-	    'aria-labelledby'?: string;
+	    searchValue: 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 [EuiTextTruncate](/#/utilities/text-truncation) prop,
-	     * except for `text` and `children`.
-	     *
-	     * Note: when searching, custom truncation props are ignored. The highlighted search
-	     * text will always take precedence.
+	     * Search input value normalized for case-sensitivity
+	     * and with leading and trailing whitespace characters trimmed
 	     */
-	    truncationProps?: Partial<Omit<EuiTextTruncateProps, 'text' | 'children'>>;
+	    normalizedSearchValue: string;
 	    /**
-	     * Allows customizing the underlying EuiInputPopover component
-	     * (except for props that control state).
+	     * Whether to match the option with case-sensitivity
 	     */
-	    inputPopoverProps?: Partial<Omit<EuiInputPopoverProps, 'input' | 'isOpen' | 'closePopover'>>;
-	} type DefaultProps<T> = Omit<(typeof EuiComboBox)['defaultProps'], 'options' | 'selectedOptions'> & {
+	    isCaseSensitive: boolean;
+	}
+	/**
+	 * Option matcher function for EuiComboBox component.
+	 *
+	 * @example
+	 * const equalityMatcher: EuiComboBoxOptionMatcher = ({ option, searchValue }) => {
+	 *   return option.label === searchValue;
+	 * }
+	 */
+	export type EuiComboBoxOptionMatcher<TOption> = (args: EuiComboBoxOptionMatcherArgs<TOption>) => boolean;
+
+}
+declare module '@elastic/eui/src/components/combo_box/matching_options' {
+	import { EuiComboBoxOptionOption, EuiComboBoxOptionMatcher } from '@elastic/eui/src/components/combo_box/types';
+	export type SortMatchesBy = 'none' | 'startsWith';
+	interface GetMatchingOptions<T> {
 	    options: Array<EuiComboBoxOptionOption<T>>;
 	    selectedOptions: Array<EuiComboBoxOptionOption<T>>;
-	};
-	export type EuiComboBoxProps<T> = Omit<_EuiComboBoxProps<T>, keyof DefaultProps<T>> & Partial<DefaultProps<T>>;
-	interface EuiComboBoxState<T> {
-	    activeOptionIndex: number;
-	    hasFocus: boolean;
-	    isListOpen: boolean;
-	    matchingOptions: Array<EuiComboBoxOptionOption<T>>;
 	    searchValue: string;
+	    optionMatcher: EuiComboBoxOptionMatcher<T>;
+	    isCaseSensitive?: boolean;
+	    isPreFiltered?: boolean;
+	    showPrevSelected?: boolean;
+	    sortMatchesBy?: SortMatchesBy;
 	}
-	export class EuiComboBox<T> extends Component<_EuiComboBoxProps<T>, EuiComboBoxState<T>> {
-	    static defaultProps: {
-	        async: boolean;
-	        compressed: boolean;
-	        fullWidth: boolean;
-	        isClearable: boolean;
-	        options: never[];
-	        selectedOptions: never[];
-	        singleSelection: boolean;
-	        prepend: undefined;
-	        append: undefined;
-	        sortMatchesBy: "none";
-	    };
-	    state: EuiComboBoxState<T>;
-	    rootId: (idSuffix?: string) => string;
-	    comboBoxRefInstance: RefInstance<HTMLDivElement>;
-	    comboBoxRefCallback: RefCallback<HTMLDivElement>;
-	    searchInputRefInstance: RefInstance<HTMLInputElement>;
-	    searchInputRefCallback: RefCallback<HTMLInputElement>;
-	    listRefInstance: RefInstance<HTMLDivElement>;
-	    listRefCallback: RefCallback<HTMLDivElement>;
-	    openList: () => void;
-	    closeList: () => void;
-	    incrementActiveOptionIndex: (amount: number) => void;
-	    hasActiveOption: () => boolean;
-	    clearActiveOption: () => void;
-	    clearSearchValue: () => void;
-	    addCustomOption: (isContainerBlur: boolean, searchValue: string) => void;
-	    doesSearchMatchOnlyOption: () => EuiComboBoxOptionOption<T> | undefined;
-	    areAllOptionsSelected: () => boolean;
-	    onComboBoxFocus: FocusEventHandler<HTMLInputElement>;
-	    setCustomOptions: (isContainerBlur: boolean) => void;
-	    onContainerBlur: FocusEventHandler<HTMLDivElement>;
-	    onKeyDown: KeyboardEventHandler<HTMLDivElement>;
-	    onOptionEnterKey: OptionHandler<T>;
-	    onOptionClick: OptionHandler<T>;
-	    onAddOption: (addedOption: EuiComboBoxOptionOption<T>, isContainerBlur?: boolean | undefined) => void;
-	    onRemoveOption: OptionHandler<T>;
-	    clearSelectedOptions: () => void;
-	    onComboBoxClick: () => void;
-	    onOpenListClick: () => void;
-	    onOptionListScroll: () => void;
-	    onSearchChange: NonNullable<EuiComboBoxInputProps<T>['onChange']>;
-	    static getDerivedStateFromProps<T>(nextProps: _EuiComboBoxProps<T>, prevState: EuiComboBoxState<T>): Partial<EuiComboBoxState<T>>;
-	    render(): React.JSX.Element;
+	interface GetSelectedOptionForSearchValue<T> extends Pick<GetMatchingOptions<T>, 'isCaseSensitive' | 'searchValue' | 'selectedOptions'> {
+	    optionKey?: string;
 	}
+	export const transformForCaseSensitivity: (string: string, isCaseSensitive?: boolean | undefined) => string;
+	export const flattenOptionGroups: <T>(optionsOrGroups: EuiComboBoxOptionOption<T>[]) => EuiComboBoxOptionOption<T>[];
+	export const getSelectedOptionForSearchValue: <T>({ isCaseSensitive, searchValue, selectedOptions, optionKey, }: GetSelectedOptionForSearchValue<T>) => EuiComboBoxOptionOption<T> | undefined;
+	export const getMatchingOptions: <T>({ options, selectedOptions, searchValue, optionMatcher, isCaseSensitive, isPreFiltered, showPrevSelected, sortMatchesBy, }: GetMatchingOptions<T>) => EuiComboBoxOptionOption<T>[];
+	/**
+	 * Partial string equality option matcher for EuiComboBox.
+	 * It matches all options with labels including the searched string.
+	 */
+	export const createPartialStringEqualityOptionMatcher: <TOption>() => EuiComboBoxOptionMatcher<TOption>;
 	export {};
 
 }
-declare module '@elastic/eui/src/components/combo_box/combo_box_input' {
-	export type { EuiComboBoxInputProps } from '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_input';
-	export { EuiComboBoxInput } from '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_input';
-	export type { EuiComboBoxPillProps } from '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_pill';
-	export { EuiComboBoxPill } from '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_pill';
-
-}
-declare module '@elastic/eui/src/components/combo_box' {
-	export type { EuiComboBoxProps } from '@elastic/eui/src/components/combo_box/combo_box';
-	export { EuiComboBox } from '@elastic/eui/src/components/combo_box/combo_box';
-	export * from '@elastic/eui/src/components/combo_box/combo_box_input';
-	export * from '@elastic/eui/src/components/combo_box/combo_box_options_list';
-	export type { EuiComboBoxOptionOption, EuiComboBoxSingleSelectionShape, } from '@elastic/eui/src/components/combo_box/types';
-
-}
-declare module '@elastic/eui/src/components/timeline/timeline_item_event.styles' {
-	export const euiTimelineItemEventStyles: () => {
-	    euiTimelineItemEvent: import("@emotion/utils").SerializedStyles;
-	    top: import("@emotion/utils").SerializedStyles;
-	    center: import("@emotion/utils").SerializedStyles;
-	};
+declare module '@elastic/eui/src/components/combo_box/utils' {
+	import React, { PropsWithChildren } from 'react';
+	import { EuiComboBoxOptionOption } from '@elastic/eui/src/components/combo_box/types';
+	/**
+	 * DRY util for rendering an option with its prepend and append properties
+	 */
+	export const EuiComboBoxOptionAppendPrepend: <T>({ children, option, classNamePrefix, }: {
+	    children?: React.ReactNode;
+	} & {
+	    option?: EuiComboBoxOptionOption<T> | undefined;
+	    classNamePrefix?: string | undefined;
+	}) => React.JSX.Element;
 
 }
-declare module '@elastic/eui/src/components/timeline/timeline_item_event' {
-	import { FunctionComponent, ReactNode } from 'react';
-	import { EuiTimelineItemVerticalAlign } from '@elastic/eui/src/components/timeline/timeline_item';
-	export interface EuiTimelineItemEventProps {
-	    /**
-	     * Accepts any node. But preferably `EuiPanel`
-	     */
-	    children: ReactNode;
-	    verticalAlign?: EuiTimelineItemVerticalAlign;
+declare module '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_pill' {
+	import React, { AriaAttributes, Component, MouseEventHandler } from 'react';
+	import { EuiComboBoxOptionOption, OptionHandler } from '@elastic/eui/src/components/combo_box/types';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export interface EuiComboBoxPillProps<T> extends CommonProps {
+	    children?: string;
+	    className?: string;
+	    color?: string;
+	    onClick?: MouseEventHandler<HTMLButtonElement>;
+	    onClickAriaLabel?: AriaAttributes['aria-label'];
+	    onClose?: OptionHandler<T>;
+	    option: EuiComboBoxOptionOption<T>;
 	}
-	export const EuiTimelineItemEvent: FunctionComponent<EuiTimelineItemEventProps>;
-
-}
-declare module '@elastic/eui/src/components/timeline/timeline_item_icon.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiTimelineItemIconStyles: ({ euiTheme }: UseEuiTheme) => {
-	    euiTimelineItemIcon: import("@emotion/utils").SerializedStyles;
-	    euiTimelineItemIcon__content: import("@emotion/utils").SerializedStyles;
-	    top: import("@emotion/utils").SerializedStyles;
-	    center: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/timeline/timeline_item_icon' {
-	import { FunctionComponent, ReactNode } from 'react';
-	import { IconType } from '@elastic/eui/src/components/icon';
-	import { EuiTimelineItemVerticalAlign } from '@elastic/eui/src/components/timeline/timeline_item';
-	export interface EuiTimelineItemIconProps {
-	    /**
-	     * Any `ReactNode`, but preferably `EuiAvatar`, or a `string` as an `EuiIcon['type']`.
-	     */
-	    icon: ReactNode | IconType;
-	    verticalAlign?: EuiTimelineItemVerticalAlign;
-	    /**
-	     * Specify an `aria-label` for the icon when passed as an `IconType`.
-	     * If no `aria-label` is passed we assume the icon is purely decorative.
-	     */
-	    iconAriaLabel?: string;
+	export class EuiComboBoxPill<T> extends Component<EuiComboBoxPillProps<T>> {
+	    static defaultProps: {
+	        color: string;
+	    };
+	    onCloseButtonClick: () => void;
+	    render(): React.JSX.Element;
 	}
-	export const EuiTimelineItemIcon: FunctionComponent<EuiTimelineItemIconProps>;
 
 }
-declare module '@elastic/eui/src/components/timeline/timeline_item.styles' {
-	export const euiTimelineItemStyles: () => {
-	    euiTimelineItem: import("@emotion/utils").SerializedStyles;
-	    top: import("@emotion/utils").SerializedStyles;
-	    center: import("@emotion/utils").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/timeline/timeline_item' {
-	import { FunctionComponent, HTMLAttributes } from 'react';
+declare module '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_input' {
+	import React, { Component, FocusEventHandler, KeyboardEventHandler, RefCallback } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiTimelineItemEventProps } from '@elastic/eui/src/components/timeline/timeline_item_event';
-	import { EuiTimelineItemIconProps } from '@elastic/eui/src/components/timeline/timeline_item_icon';
-	export const VERTICAL_ALIGN: readonly ["top", "center"];
-	export type EuiTimelineItemVerticalAlign = (typeof VERTICAL_ALIGN)[number];
-	export interface EuiTimelineItemProps extends Omit<HTMLAttributes<HTMLElement>, 'children'>, CommonProps, Omit<EuiTimelineItemIconProps, 'verticalAlign'>, Omit<EuiTimelineItemEventProps, 'verticalAlign'> {
-	    /**
-	     * Vertical alignment of the event with the icon
-	     */
-	    verticalAlign?: EuiTimelineItemVerticalAlign;
+	import { htmlIdGenerator } from '@elastic/eui/src/services';
+	import { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form/form_control_layout';
+	import { EuiComboBoxOptionOption, EuiComboBoxSingleSelectionShape, OptionHandler } from '@elastic/eui/src/components/combo_box/types';
+	export interface EuiComboBoxInputProps<T> extends CommonProps {
+	    compressed: boolean;
+	    focusedOptionId?: string;
+	    fullWidth?: boolean;
+	    hasSelectedOptions: boolean;
+	    id?: string;
+	    inputRef?: RefCallback<HTMLInputElement>;
+	    isDisabled?: boolean;
+	    isListOpen: boolean;
+	    noIcon: boolean;
+	    onBlur?: FocusEventHandler<HTMLInputElement>;
+	    onChange: (searchValue: string) => void;
+	    onClear?: () => void;
+	    onClick: () => void;
+	    onCloseListClick: () => void;
+	    onFocus: FocusEventHandler<HTMLInputElement>;
+	    onOpenListClick: () => void;
+	    onRemoveOption: OptionHandler<T>;
+	    placeholder?: string;
+	    rootId: ReturnType<typeof htmlIdGenerator>;
+	    searchValue: string;
+	    selectedOptions: Array<EuiComboBoxOptionOption<T>>;
+	    singleSelection?: boolean | EuiComboBoxSingleSelectionShape;
+	    toggleButtonRef?: RefCallback<HTMLButtonElement | HTMLSpanElement>;
+	    value?: string;
+	    prepend?: EuiFormControlLayoutProps['prepend'];
+	    append?: EuiFormControlLayoutProps['append'];
+	    isLoading?: boolean;
+	    isInvalid?: boolean;
+	    autoFocus?: boolean;
+	    'aria-label'?: string;
+	    'aria-labelledby'?: string;
 	}
-	export const EuiTimelineItem: FunctionComponent<EuiTimelineItemProps>;
+	interface EuiComboBoxInputState {
+	    inputWidth: number;
+	    hasFocus: boolean;
+	}
+	export class EuiComboBoxInput<T> extends Component<EuiComboBoxInputProps<T>, EuiComboBoxInputState> {
+	    state: EuiComboBoxInputState;
+	    private widthUtils?;
+	    inputRefCallback: (el: HTMLInputElement) => void;
+	    updateInputSize: (inputValue: string) => void;
+	    componentDidUpdate(prevProps: EuiComboBoxInputProps<T>): void;
+	    onFocus: FocusEventHandler<HTMLInputElement>;
+	    onBlur: FocusEventHandler<HTMLInputElement>;
+	    onKeyDown: KeyboardEventHandler<HTMLInputElement>;
+	    get asPlainText(): boolean;
+	    get searchValue(): string;
+	    renderPills: () => React.JSX.Element[] | null;
+	    render(): React.JSX.Element;
+	}
+	export {};
 
 }
-declare module '@elastic/eui/src/components/timeline/timeline.styles' {
+declare module '@elastic/eui/src/components/mark/mark.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiTimelineStyles: ({ euiTheme }: UseEuiTheme) => {
-	    euiTimeline: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
-	    l: import("@emotion/utils").SerializedStyles;
-	    xl: import("@emotion/utils").SerializedStyles;
+	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/timeline/timeline' {
-	import { HTMLAttributes, FunctionComponent } from 'react';
+declare module '@elastic/eui/src/components/mark/mark' {
+	import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiTimelineItemProps } from '@elastic/eui/src/components/timeline/timeline_item';
-	export const GUTTER_SIZES: readonly ["m", "l", "xl"];
-	export type EuiTimelineGutterSize = (typeof GUTTER_SIZES)[number];
-	export interface EuiTimelineProps extends HTMLAttributes<HTMLOListElement>, CommonProps {
+	export type EuiMarkProps = HTMLAttributes<HTMLElement> & CommonProps & {
 	    /**
-	     * List of timeline items to render. See #EuiTimelineItem
+	     * Set to `false` to remove the CSS :before and :after
+	     * screen reader helper text
 	     */
-	    items?: EuiTimelineItemProps[];
+	    hasScreenReaderHelpText?: boolean;
 	    /**
-	     * Sets the size of the vertical space between each timeline item
+	     * ReactNode to render as this component's content
 	     */
-	    gutterSize?: EuiTimelineGutterSize;
-	}
-	export const EuiTimeline: FunctionComponent<EuiTimelineProps>;
+	    children: ReactNode;
+	};
+	export const EuiMark: FunctionComponent<EuiMarkProps>;
 
 }
-declare module '@elastic/eui/src/components/timeline' {
-	export type { EuiTimelineProps } from '@elastic/eui/src/components/timeline/timeline';
-	export { EuiTimeline } from '@elastic/eui/src/components/timeline/timeline';
-	export type { EuiTimelineItemProps, EuiTimelineItemVerticalAlign, } from '@elastic/eui/src/components/timeline/timeline_item';
-	export { EuiTimelineItem } from '@elastic/eui/src/components/timeline/timeline_item';
-	export { EuiTimelineItemEvent } from '@elastic/eui/src/components/timeline/timeline_item_event';
-	export { EuiTimelineItemIcon } from '@elastic/eui/src/components/timeline/timeline_item_icon';
+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/comment_list/comment_event.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiCommentEventStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiCommentEvent: import("@emotion/utils").SerializedStyles;
-	    border: import("@emotion/utils").SerializedStyles;
-	};
-	export const euiCommentEventHeaderStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiCommentEvent__header: import("@emotion/utils").SerializedStyles;
-	    border: import("@emotion/utils").SerializedStyles;
-	    euiCommentEvent__headerMain: import("@emotion/utils").SerializedStyles;
-	    euiCommentEvent__headerData: import("@emotion/utils").SerializedStyles;
-	    euiCommentEvent__headerEventIcon: import("@emotion/utils").SerializedStyles;
-	    euiCommentEvent__headerUsername: import("@emotion/utils").SerializedStyles;
-	    euiCommentEvent__headerEvent: import("@emotion/utils").SerializedStyles;
-	    euiCommentEvent__headerActions: import("@emotion/utils").SerializedStyles;
-	};
-	export const euiCommentEventBodyStyles: ({ euiTheme }: UseEuiTheme) => {
-	    euiCommentEvent__body: import("@emotion/utils").SerializedStyles;
-	    regular: import("@emotion/utils").SerializedStyles;
-	    update: import("@emotion/utils").SerializedStyles;
-	    custom: import("@emotion/utils").SerializedStyles;
-	};
+declare module '@elastic/eui/src/components/highlight/_highlight_all' {
+	import { FunctionComponent } from 'react';
+	import type { _SharedSubcomponentProps } from '@elastic/eui/src/components/highlight/highlight';
+	/**
+	 * Internal subcomponent with logic for highlighting all occurrences
+	 * of a search value within a subject
+	 *
+	 * Uses regex rather than indexOf/while loops for easier dev maintainability
+	 */
+	export const HighlightAll: FunctionComponent<_SharedSubcomponentProps>;
 
 }
-declare module '@elastic/eui/src/components/comment_list/comment_event' {
-	import { FunctionComponent, ReactNode } from 'react';
+declare module '@elastic/eui/src/components/highlight/_highlight_first' {
+	import { FunctionComponent } from 'react';
+	import { _SharedSubcomponentProps } from '@elastic/eui/src/components/highlight/highlight';
+	/**
+	 * Internal subcomponent with logic for highlighting only the first occurrence
+	 * of a search value within a subject
+	 *
+	 * Uses indexOf for performance (which does matter for, e.g. EuiSelectable searching)
+	 */
+	export const HighlightFirst: FunctionComponent<_SharedSubcomponentProps>;
+
+}
+declare module '@elastic/eui/src/components/highlight/highlight' {
+	import { HTMLAttributes, FunctionComponent, ElementType } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { IconType } from '@elastic/eui/src/components/icon';
-	import { EuiPanelProps } from '@elastic/eui/src/components/panel';
-	export interface EuiCommentEventProps extends CommonProps {
-	    /**
-	     * Author of the comment.
-	     */
-	    username: ReactNode;
-	    /**
-	     * Time of occurrence of the event. Its format is set on the consumer's side
-	     */
-	    timestamp?: ReactNode;
-	    /**
-	     * Describes the event that took place
-	     */
-	    event?: ReactNode;
-	    /**
-	     * Custom actions that the user can perform from the comment's header
-	     */
-	    actions?: ReactNode | ReactNode[];
+	import { EuiMarkProps } from '@elastic/eui/src/components/mark';
+	export type EuiHighlightProps = HTMLAttributes<HTMLSpanElement> & Pick<EuiMarkProps, 'hasScreenReaderHelpText'> & CommonProps & {
 	    /**
-	     * Accepts any ReactNode. Renders in a panel within the comment event.
+	     * string to highlight as this component's content
 	     */
-	    children?: ReactNode;
+	    children: string;
 	    /**
-	     * Custom icon that shows before the username.
+	     * What to search for.
+	     *
+	     * Allows passing an array of strings (searching by multiple separate
+	     * words or phrases) **only** if `highlightAll` is also set to `true`.
 	     */
-	    eventIcon?: IconType;
+	    search: string | string[];
 	    /**
-	     * Specify an `aria-label` for the `eventIcon`.
-	     * If no `aria-label` is passed we assume the icon is purely decorative.
+	     * Should the search be strict or not
 	     */
-	    eventIconAriaLabel?: string;
+	    strict?: boolean;
 	    /**
-	     * Background color for the comment's header.
+	     * Should highlight all matches
 	     */
-	    eventColor?: EuiPanelProps['color'];
-	}
-	export const EuiCommentEvent: FunctionComponent<EuiCommentEventProps>;
+	    highlightAll?: boolean;
+	};
+	export const EuiHighlight: FunctionComponent<EuiHighlightProps>;
+	export type _SharedSubcomponentProps = {
+	    searchValue: EuiHighlightProps['search'];
+	    searchSubject: EuiHighlightProps['children'];
+	    isStrict: EuiHighlightProps['strict'];
+	    highlightComponent?: ElementType;
+	};
 
 }
-declare module '@elastic/eui/src/components/comment_list/comment_timeline' {
-	import { FunctionComponent, ReactNode } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiAvatarProps } from '@elastic/eui/src/components/avatar';
-	export interface EuiCommentTimelineProps extends CommonProps {
-	    /**
-	     * Main avatar that accompanies the comment. Should indicate who is the author of the comment.
-	     * Any `ReactNode`, but preferably `EuiAvatar`, or a `string` as an `EuiAvatarProps['iconType']`.
-	     * If no `timelineAvatar` is passed, the `userAvatar` icon will be used as the avatar.
-	     */
-	    timelineAvatar?: ReactNode | EuiAvatarProps['iconType'];
-	    /**
-	     * Specify an `aria-label` and `title` for the `timelineAvatar` when passed as an `IconType` or when nothing is passed.
-	     * If no `timelineAvatarAriaLabel` is passed we assume the avatar is purely decorative.
-	     */
-	    timelineAvatarAriaLabel?: string;
-	}
-	export const EuiCommentTimeline: FunctionComponent<EuiCommentTimelineProps>;
+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/comment_list/comment' {
-	import { FunctionComponent } from 'react';
-	import { EuiCommentEventProps } from '@elastic/eui/src/components/comment_list/comment_event';
-	import { EuiCommentTimelineProps } from '@elastic/eui/src/components/comment_list/comment_timeline';
-	export interface EuiCommentProps extends EuiCommentEventProps, EuiCommentTimelineProps {
-	}
-	export const EuiComment: FunctionComponent<EuiCommentProps>;
+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/comment_list/comment_list' {
-	import { FunctionComponent } from 'react';
-	import { EuiCommentProps } from '@elastic/eui/src/components/comment_list/comment';
-	import { EuiTimelineProps } from '@elastic/eui/src/components/timeline';
-	export type EuiCommentListProps = Omit<EuiTimelineProps, 'items' | 'gutterSize'> & {
-	    /**
-	     * List of comments to render. See #EuiComment
-	     */
-	    comments?: EuiCommentProps[];
-	    /**
-	     * Sets the size of the vertical space between each comment
-	     */
-	    gutterSize?: EuiTimelineProps['gutterSize'];
+declare module '@elastic/eui/src/components/filter_group/filter_select_item.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiFilterSelectItemStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiFilterSelectItem: import("@emotion/utils").SerializedStyles;
+	    isFocused: import("@emotion/utils").SerializedStyles;
 	};
-	export const EuiCommentList: FunctionComponent<EuiCommentListProps>;
 
 }
-declare module '@elastic/eui/src/components/comment_list' {
-	export type { EuiCommentProps } from '@elastic/eui/src/components/comment_list/comment';
-	export { EuiComment } from '@elastic/eui/src/components/comment_list/comment';
-	export type { EuiCommentEventProps } from '@elastic/eui/src/components/comment_list/comment_event';
-	export { EuiCommentEvent } from '@elastic/eui/src/components/comment_list/comment_event';
-	export type { EuiCommentListProps } from '@elastic/eui/src/components/comment_list/comment_list';
-	export { EuiCommentList } from '@elastic/eui/src/components/comment_list/comment_list';
+declare module '@elastic/eui/src/components/filter_group/filter_select_item' {
+	import React, { ButtonHTMLAttributes, Component } from 'react';
+	import { WithEuiThemeProps } from '@elastic/eui/src/services';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export type FilterChecked = 'on' | 'off';
+	export interface EuiFilterSelectItemProps extends CommonProps, ButtonHTMLAttributes<HTMLButtonElement> {
+	    checked?: FilterChecked;
+	    showIcons?: boolean;
+	    isFocused?: boolean;
+	}
+	/**
+	 * TODO: This component should removed in favor of EuiSelectable usage
+	 * once EuiComboBox has been converted to dogfood EuiSelectable.
+	 *
+	 * @deprecated - Use EuiSelectable instead
+	 */
+	export class EuiFilterSelectItemClass extends Component<WithEuiThemeProps & EuiFilterSelectItemProps> {
+	    static defaultProps: {
+	        showIcons: boolean;
+	    };
+	    buttonRef: HTMLButtonElement | null;
+	    state: {
+	        hasFocus: boolean;
+	    };
+	    focus: () => void;
+	    hasFocus: () => boolean;
+	    render(): React.JSX.Element;
+	}
+	/**
+	 * @deprecated - Use EuiSelectable instead
+	 */
+	export const EuiFilterSelectItem: React.ForwardRefExoticComponent<Omit<EuiFilterSelectItemProps, "theme"> & React.RefAttributes<Omit<EuiFilterSelectItemProps, "theme">>>;
 
 }
-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/combo_box/combo_box_options_list/combo_box_options_list' {
+	import React, { Component, ContextType, ReactNode, RefCallback } from 'react';
+	import { FixedSizeList, FixedSizeListProps, ListProps, ListChildComponentProps } from 'react-window';
+	import { htmlIdGenerator } from '@elastic/eui/src/services';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiInputPopoverWidthContext } from '@elastic/eui/src/components/popover/input_popover';
+	import type { _EuiComboBoxProps } from '@elastic/eui/src/components/combo_box/combo_box';
+	import { EuiComboBoxOptionOption, EuiComboBoxSingleSelectionShape, OptionHandler } from '@elastic/eui/src/components/combo_box/types';
+	export type EuiComboBoxOptionsListProps<T> = CommonProps & {
+	    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'];
+	    /**
+	     * Array of EuiComboBoxOptionOption objects. See #EuiComboBoxOptionOption
+	     */
+	    options: Array<EuiComboBoxOptionOption<T>>;
+	    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>>;
+	    singleSelection?: boolean | EuiComboBoxSingleSelectionShape;
+	    delimiter?: string;
+	    truncationProps?: _EuiComboBoxProps<T>['truncationProps'];
 	};
+	export class EuiComboBoxOptionsList<T> extends Component<EuiComboBoxOptionsListProps<T>> {
+	    listRef: FixedSizeList | null;
+	    static contextType: React.Context<number>;
+	    context: ContextType<typeof EuiInputPopoverWidthContext>;
+	    static defaultProps: {
+	        'data-test-subj': string;
+	        rowHeight: number;
+	        isCaseSensitive: boolean;
+	    };
+	    componentDidUpdate(prevProps: EuiComboBoxOptionsListProps<T>): void;
+	    setListRef: (ref: FixedSizeList | null) => void;
+	    ListInnerElement: FixedSizeListProps['innerElementType'];
+	    ListRow: ({ data, index, style }: ListChildComponentProps) => React.JSX.Element;
+	    optionWidth: number | undefined;
+	    setOptionWidth: (width: number) => void;
+	    renderTruncatedOption: (text: string, truncationProps?: EuiComboBoxOptionsListProps<T>['truncationProps']) => string | React.JSX.Element;
+	    render(): React.JSX.Element;
+	}
 
 }
-declare module '@elastic/eui/src/components/list_group/list_group_item_extra_action' {
-	import { FunctionComponent } from 'react';
-	import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
-	export type EuiListGroupItemExtraActionProps = {
-	    alwaysShow?: boolean;
-	} & EuiButtonIconPropsForButton; type _FromEuiListGroupItem = {
-	    parentIsDisabled?: boolean;
-	};
-	export const EuiListGroupItemExtraAction: FunctionComponent<EuiListGroupItemExtraActionProps & _FromEuiListGroupItem>;
-	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';
+	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/list_group/list_group_item.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiListGroupItemStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiListGroupItem: import("@emotion/utils").SerializedStyles;
-	    xs: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
-	    l: import("@emotion/utils").SerializedStyles;
-	    colors: {
-	        isActive: {
-	            primary: import("@emotion/utils").SerializedStyles;
-	            text: import("@emotion/utils").SerializedStyles;
-	            subdued: import("@emotion/utils").SerializedStyles;
-	        };
-	        isClickable: {
-	            primary: import("@emotion/utils").SerializedStyles;
-	            text: import("@emotion/utils").SerializedStyles;
-	            subdued: import("@emotion/utils").SerializedStyles;
-	        };
-	    };
-	};
-	export const euiListGroupItemInnerStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiListGroupItem__inner: import("@emotion/utils").SerializedStyles;
-	    xs: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
-	    l: import("@emotion/utils").SerializedStyles;
-	    primary: import("@emotion/utils").SerializedStyles;
-	    text: import("@emotion/utils").SerializedStyles;
-	    subdued: import("@emotion/utils").SerializedStyles;
-	    ghost: import("@emotion/utils").SerializedStyles;
-	    isDisabled: import("@emotion/utils").SerializedStyles;
-	    isActive: import("@emotion/utils").SerializedStyles;
-	    isClickable: import("@emotion/utils").SerializedStyles;
-	    externalIcon: import("@emotion/utils").SerializedStyles;
-	};
-	export const euiListGroupItemLabelStyles: () => {
-	    euiListGroupItem__label: import("@emotion/utils").SerializedStyles;
-	    truncate: import("@emotion/utils").SerializedStyles;
-	    wrapText: import("@emotion/utils").SerializedStyles;
-	};
-	export const euiListGroupItemIconStyles: ({ euiTheme }: UseEuiTheme) => {
-	    euiListGroupItem__icon: import("@emotion/utils").SerializedStyles;
-	};
-	export const euiListGroupItemTooltipStyles: () => {
-	    euiListGroupItem__tooltip: import("@emotion/utils").SerializedStyles;
-	};
+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/list_group/list_group_item' {
-	import React, { HTMLAttributes, AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode, ReactElement, MouseEventHandler, FunctionComponent } from 'react';
-	import { IconType, EuiIconProps } from '@elastic/eui/src/components/icon';
-	import { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip';
-	import { ExclusiveUnion, CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiListGroupItemExtraActionProps } from '@elastic/eui/src/components/list_group/list_group_item_extra_action';
-	export const SIZES: readonly ["xs", "s", "m", "l"];
-	export type EuiListGroupItemSize = (typeof SIZES)[number];
-	export const COLORS: readonly ["primary", "text", "subdued"];
-	export type EuiListGroupItemColor = (typeof COLORS)[number];
-	export type EuiListGroupItemProps = CommonProps & Omit<ExclusiveUnion<ExclusiveUnion<ButtonHTMLAttributes<HTMLButtonElement>, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>, HTMLAttributes<HTMLSpanElement>>, 'onClick' | 'color' | 'target' | 'rel'> & {
+declare module '@elastic/eui/src/components/combo_box/combo_box' {
+	/**
+	 * Elements within EuiComboBox which would normally be tabbable (inputs, buttons) have been removed
+	 * 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 { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiInputPopoverProps } from '@elastic/eui/src/components/popover';
+	import { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form';
+	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 { OptionHandler, RefInstance, EuiComboBoxOptionOption, EuiComboBoxSingleSelectionShape, EuiComboBoxOptionMatcher } 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;
+	    /**
+	     * Updates the list of options asynchronously
+	     */
+	    async: boolean;
+	    className?: string;
+	    /**
+	     * When `true` creates a shorter height input
+	     */
+	    compressed: boolean;
+	    /**
+	     * When `true` expands to the entire width available
+	     */
+	    fullWidth: boolean;
+	    id?: string;
+	    inputRef?: RefCallback<HTMLInputElement>;
+	    /**
+	     * Shows a button that quickly clears any input
+	     */
+	    isClearable: boolean;
+	    /**
+	     * Disables the input
+	     */
+	    isDisabled?: boolean;
+	    isInvalid?: boolean;
+	    /**
+	     * Swaps the dropdown options for a loading spinner
+	     */
+	    isLoading?: boolean;
+	    /**
+	     * Doesn't show the suggestions list/dropdown
+	     */
+	    noSuggestions?: boolean;
+	    onBlur?: FocusEventHandler<HTMLDivElement>;
+	    /**
+	     * Called every time the query in the combo box is parsed
+	     */
+	    onChange?: (options: Array<EuiComboBoxOptionOption<T>>) => void;
+	    onFocus?: FocusEventHandler<HTMLDivElement>;
+	    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
 	    /**
-	     * Size of the label text
+	     * Called every time the text query in the search box is parsed
 	     */
-	    size?: EuiListGroupItemSize;
+	    onSearchChange?: (searchValue: string, hasMatchingOptions?: boolean) => void;
 	    /**
-	     * By default the item will get the color `text`.
-	     * You can customize the color of the item by passing a color name.
+	     * Sets the placeholder of the input
 	     */
-	    color?: EuiListGroupItemColor;
+	    placeholder?: string;
 	    /**
-	     * Content to be displayed in the list item
+	     * Every option must be the same height and must be explicitly set if using a custom render
 	     */
-	    label: ReactNode;
+	    rowHeight?: number;
 	    /**
-	     * Apply styles indicating an item is active
+	     * When `true` only allows the user to select a single option. Set to `{ asPlainText: true }` to not render input selection as pills
 	     */
-	    isActive?: boolean;
+	    singleSelection: boolean | EuiComboBoxSingleSelectionShape;
 	    /**
-	     * Apply styles indicating an item is disabled
+	     * Display matching options by:
+	     * `startsWith`: moves items that start with search value to top of the list;
+	     * `none`: don't change the sort order of initial object
 	     */
-	    isDisabled?: boolean;
+	    sortMatchesBy: SortMatchesBy;
 	    /**
-	     * Make the list item label a link.
-	     * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
+	     * Whether to match options with case sensitivity.
 	     */
-	    href?: string;
-	    rel?: string;
-	    target?: string;
+	    isCaseSensitive?: boolean;
 	    /**
-	     * Set to true to show an icon indicating that it is an external link;
-	     * Defaults to true if `target="_blank"`
+	     * Optional custom option matcher function
+	     *
+	     * @example
+	     * const exactEqualityMatcher: EuiComboBoxOptionMatcher = ({ option, searchValue }) => {
+	     *   return option.label === searchValue;
+	     * }
 	     */
-	    external?: boolean;
+	    optionMatcher?: EuiComboBoxOptionMatcher<T>;
 	    /**
-	     * Adds `EuiIcon` of `EuiIcon.type`
+	     * Creates an input group with element(s) coming before input. It won't show if `singleSelection` is set to `false`.
+	     * `string` | `ReactElement` or an array of these
 	     */
-	    iconType?: IconType;
+	    prepend?: EuiFormControlLayoutProps['prepend'];
 	    /**
-	     * Further extend the props applied to EuiIcon
+	     * Creates an input group with element(s) coming after input. It won't show if `singleSelection` is set to `false`.
+	     * `string` | `ReactElement` or an array of these
 	     */
-	    iconProps?: Omit<EuiIconProps, 'type'>;
+	    append?: EuiFormControlLayoutProps['append'];
 	    /**
-	     * Custom node to pass as the icon. Cannot be used in conjunction
-	     * with `iconType` and `iconProps`.
+	     * A special character to use as a value separator. Typically a comma `,`
 	     */
-	    icon?: ReactElement;
+	    delimiter?: string;
 	    /**
-	     * Display tooltip on list item
+	     * Specifies that the input should have focus when the component loads
 	     */
-	    showToolTip?: boolean;
+	    autoFocus?: boolean;
 	    /**
-	     * An object of #EuiListGroupItemExtraAction props.
-	     * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
-	     * pass `alwaysShow` if you don't want the default behavior of only showing on hover
+	     * Required when rendering without a visible label from [EuiFormRow](/#/forms/form-layouts).
 	     */
-	    extraAction?: EuiListGroupItemExtraActionProps;
+	    'aria-label'?: string;
 	    /**
-	     * Make the list item label a button.
-	     * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
+	     * Reference ID of a text element containing the visible label for the combo box when not
+	     * supplied by `aria-label` or from [EuiFormRow](/#/forms/form-layouts).
 	     */
-	    onClick?: MouseEventHandler<HTMLButtonElement>;
+	    'aria-labelledby'?: string;
 	    /**
-	     * Allow link text to wrap
+	     * 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 [EuiTextTruncate](/#/utilities/text-truncation) prop,
+	     * except for `text` and `children`.
+	     *
+	     * Note: when searching, custom truncation props are ignored. The highlighted search
+	     * text will always take precedence.
 	     */
-	    wrapText?: boolean;
+	    truncationProps?: Partial<Omit<EuiTextTruncateProps, 'text' | 'children'>>;
 	    /**
-	     * Pass-through ref reference specifically for targeting
-	     * instances where the item content is rendered as a `button`
+	     * Allows customizing the underlying EuiInputPopover component
+	     * (except for props that control state).
 	     */
-	    buttonRef?: React.Ref<HTMLButtonElement>;
+	    inputPopoverProps?: Partial<Omit<EuiInputPopoverProps, 'input' | 'isOpen' | 'closePopover'>>;
+	} type DefaultProps<T> = Omit<(typeof EuiComboBox)['defaultProps'], 'options' | 'selectedOptions' | 'optionMatcher'> & {
+	    options: Array<EuiComboBoxOptionOption<T>>;
+	    selectedOptions: Array<EuiComboBoxOptionOption<T>>;
+	    optionMatcher: EuiComboBoxOptionMatcher<T>;
+	};
+	export type EuiComboBoxProps<T> = Omit<_EuiComboBoxProps<T>, keyof DefaultProps<T>> & Partial<DefaultProps<T>>;
+	interface EuiComboBoxState<T> {
+	    activeOptionIndex: number;
+	    hasFocus: boolean;
+	    isListOpen: boolean;
+	    matchingOptions: Array<EuiComboBoxOptionOption<T>>;
+	    searchValue: string;
+	}
+	export class EuiComboBox<T> extends Component<_EuiComboBoxProps<T>, EuiComboBoxState<T>> {
+	    static defaultProps: {
+	        async: boolean;
+	        compressed: boolean;
+	        fullWidth: boolean;
+	        isClearable: boolean;
+	        options: never[];
+	        selectedOptions: never[];
+	        singleSelection: boolean;
+	        prepend: undefined;
+	        append: undefined;
+	        sortMatchesBy: "none";
+	        optionMatcher: EuiComboBoxOptionMatcher<unknown>;
+	    };
+	    state: EuiComboBoxState<T>;
+	    rootId: (idSuffix?: string) => string;
+	    comboBoxRefInstance: RefInstance<HTMLDivElement>;
+	    comboBoxRefCallback: RefCallback<HTMLDivElement>;
+	    searchInputRefInstance: RefInstance<HTMLInputElement>;
+	    searchInputRefCallback: RefCallback<HTMLInputElement>;
+	    listRefInstance: RefInstance<HTMLDivElement>;
+	    listRefCallback: RefCallback<HTMLDivElement>;
+	    openList: () => void;
+	    closeList: () => void;
+	    incrementActiveOptionIndex: (amount: number) => void;
+	    hasActiveOption: () => boolean;
+	    clearActiveOption: () => void;
+	    clearSearchValue: () => void;
+	    addCustomOption: (isContainerBlur: boolean, searchValue: string) => void;
+	    doesSearchMatchOnlyOption: () => EuiComboBoxOptionOption<T> | undefined;
+	    areAllOptionsSelected: () => boolean;
+	    onComboBoxFocus: FocusEventHandler<HTMLInputElement>;
+	    setCustomOptions: (isContainerBlur: boolean) => void;
+	    onContainerBlur: FocusEventHandler<HTMLDivElement>;
+	    onKeyDown: KeyboardEventHandler<HTMLDivElement>;
+	    onOptionEnterKey: OptionHandler<T>;
+	    onOptionClick: OptionHandler<T>;
+	    onAddOption: (addedOption: EuiComboBoxOptionOption<T>, isContainerBlur?: boolean | undefined) => void;
+	    onRemoveOption: OptionHandler<T>;
+	    clearSelectedOptions: () => void;
+	    onComboBoxClick: () => void;
+	    onOpenListClick: () => void;
+	    onOptionListScroll: () => void;
+	    onSearchChange: NonNullable<EuiComboBoxInputProps<T>['onChange']>;
+	    static getDerivedStateFromProps<T>(nextProps: _EuiComboBoxProps<T>, prevState: EuiComboBoxState<T>): Partial<EuiComboBoxState<T>>;
+	    render(): React.JSX.Element;
+	}
+	export {};
+
+}
+declare module '@elastic/eui/src/components/combo_box/combo_box_input' {
+	export type { EuiComboBoxInputProps } from '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_input';
+	export { EuiComboBoxInput } from '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_input';
+	export type { EuiComboBoxPillProps } from '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_pill';
+	export { EuiComboBoxPill } from '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_pill';
+
+}
+declare module '@elastic/eui/src/components/combo_box' {
+	export type { EuiComboBoxProps } from '@elastic/eui/src/components/combo_box/combo_box';
+	export { EuiComboBox } from '@elastic/eui/src/components/combo_box/combo_box';
+	export * from '@elastic/eui/src/components/combo_box/combo_box_input';
+	export * from '@elastic/eui/src/components/combo_box/combo_box_options_list';
+	export type { EuiComboBoxOptionOption, EuiComboBoxSingleSelectionShape, EuiComboBoxOptionMatcher, EuiComboBoxOptionMatcherArgs, } from '@elastic/eui/src/components/combo_box/types';
+	export { createPartialStringEqualityOptionMatcher } from '@elastic/eui/src/components/combo_box/matching_options';
+
+}
+declare module '@elastic/eui/src/components/timeline/timeline_item_event.styles' {
+	export const euiTimelineItemEventStyles: () => {
+	    euiTimelineItemEvent: import("@emotion/utils").SerializedStyles;
+	    top: import("@emotion/utils").SerializedStyles;
+	    center: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/timeline/timeline_item_event' {
+	import { FunctionComponent, ReactNode } from 'react';
+	import { EuiTimelineItemVerticalAlign } from '@elastic/eui/src/components/timeline/timeline_item';
+	export interface EuiTimelineItemEventProps {
 	    /**
-	     * Text to be displayed in the tooltip when `showToolTip` is true.
-	     * By default the text will be same as the label text.
+	     * Accepts any node. But preferably `EuiPanel`
 	     */
-	    toolTipText?: string;
+	    children: ReactNode;
+	    verticalAlign?: EuiTimelineItemVerticalAlign;
+	}
+	export const EuiTimelineItemEvent: FunctionComponent<EuiTimelineItemEventProps>;
+
+}
+declare module '@elastic/eui/src/components/timeline/timeline_item_icon.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiTimelineItemIconStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiTimelineItemIcon: import("@emotion/utils").SerializedStyles;
+	    euiTimelineItemIcon__content: import("@emotion/utils").SerializedStyles;
+	    top: import("@emotion/utils").SerializedStyles;
+	    center: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/timeline/timeline_item_icon' {
+	import { FunctionComponent, ReactNode } from 'react';
+	import { IconType } from '@elastic/eui/src/components/icon';
+	import { EuiTimelineItemVerticalAlign } from '@elastic/eui/src/components/timeline/timeline_item';
+	export interface EuiTimelineItemIconProps {
 	    /**
-	     * Allows customizing the tooltip shown when `showToolTip` is true.
-	     * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+	     * Any `ReactNode`, but preferably `EuiAvatar`, or a `string` as an `EuiIcon['type']`.
 	     */
-	    toolTipProps?: Partial<EuiToolTipProps>;
+	    icon: ReactNode | IconType;
+	    verticalAlign?: EuiTimelineItemVerticalAlign;
+	    /**
+	     * Specify an `aria-label` for the icon when passed as an `IconType`.
+	     * If no `aria-label` is passed we assume the icon is purely decorative.
+	     */
+	    iconAriaLabel?: string;
+	}
+	export const EuiTimelineItemIcon: FunctionComponent<EuiTimelineItemIconProps>;
+
+}
+declare module '@elastic/eui/src/components/timeline/timeline_item.styles' {
+	export const euiTimelineItemStyles: () => {
+	    euiTimelineItem: import("@emotion/utils").SerializedStyles;
+	    top: import("@emotion/utils").SerializedStyles;
+	    center: import("@emotion/utils").SerializedStyles;
 	};
-	export const EuiListGroupItem: FunctionComponent<EuiListGroupItemProps>;
 
 }
-declare module '@elastic/eui/src/components/list_group/list_group.styles' {
+declare module '@elastic/eui/src/components/timeline/timeline_item' {
+	import { FunctionComponent, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiTimelineItemEventProps } from '@elastic/eui/src/components/timeline/timeline_item_event';
+	import { EuiTimelineItemIconProps } from '@elastic/eui/src/components/timeline/timeline_item_icon';
+	export const VERTICAL_ALIGN: readonly ["top", "center"];
+	export type EuiTimelineItemVerticalAlign = (typeof VERTICAL_ALIGN)[number];
+	export interface EuiTimelineItemProps extends Omit<HTMLAttributes<HTMLElement>, 'children'>, CommonProps, Omit<EuiTimelineItemIconProps, 'verticalAlign'>, Omit<EuiTimelineItemEventProps, 'verticalAlign'> {
+	    /**
+	     * Vertical alignment of the event with the icon
+	     */
+	    verticalAlign?: EuiTimelineItemVerticalAlign;
+	}
+	export const EuiTimelineItem: FunctionComponent<EuiTimelineItemProps>;
+
+}
+declare module '@elastic/eui/src/components/timeline/timeline.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiTimelineStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiTimeline: import("@emotion/utils").SerializedStyles;
+	    m: import("@emotion/utils").SerializedStyles;
+	    l: import("@emotion/utils").SerializedStyles;
+	    xl: import("@emotion/utils").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/timeline/timeline' {
+	import { HTMLAttributes, FunctionComponent } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiTimelineItemProps } from '@elastic/eui/src/components/timeline/timeline_item';
+	export const GUTTER_SIZES: readonly ["m", "l", "xl"];
+	export type EuiTimelineGutterSize = (typeof GUTTER_SIZES)[number];
+	export interface EuiTimelineProps extends HTMLAttributes<HTMLOListElement>, CommonProps {
+	    /**
+	     * List of timeline items to render. See #EuiTimelineItem
+	     */
+	    items?: EuiTimelineItemProps[];
+	    /**
+	     * Sets the size of the vertical space between each timeline item
+	     */
+	    gutterSize?: EuiTimelineGutterSize;
+	}
+	export const EuiTimeline: FunctionComponent<EuiTimelineProps>;
+
+}
+declare module '@elastic/eui/src/components/timeline' {
+	export type { EuiTimelineProps } from '@elastic/eui/src/components/timeline/timeline';
+	export { EuiTimeline } from '@elastic/eui/src/components/timeline/timeline';
+	export type { EuiTimelineItemProps, EuiTimelineItemVerticalAlign, } from '@elastic/eui/src/components/timeline/timeline_item';
+	export { EuiTimelineItem } from '@elastic/eui/src/components/timeline/timeline_item';
+	export { EuiTimelineItemEvent } from '@elastic/eui/src/components/timeline/timeline_item_event';
+	export { EuiTimelineItemIcon } from '@elastic/eui/src/components/timeline/timeline_item_icon';
+
+}
+declare module '@elastic/eui/src/components/comment_list/comment_event.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiListGroupStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiListGroup: import("@emotion/utils").SerializedStyles;
-	    flush: import("@emotion/utils").SerializedStyles;
-	    bordered: import("@emotion/utils").SerializedStyles;
-	    maxWidthDefault: import("@emotion/utils").SerializedStyles;
-	    none: import("@emotion/utils").SerializedStyles;
-	    s: import("@emotion/utils").SerializedStyles;
-	    m: import("@emotion/utils").SerializedStyles;
+	export const euiCommentEventStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiCommentEvent: import("@emotion/utils").SerializedStyles;
+	    border: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiCommentEventHeaderStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiCommentEvent__header: import("@emotion/utils").SerializedStyles;
+	    border: import("@emotion/utils").SerializedStyles;
+	    euiCommentEvent__headerMain: import("@emotion/utils").SerializedStyles;
+	    euiCommentEvent__headerData: import("@emotion/utils").SerializedStyles;
+	    euiCommentEvent__headerEventIcon: import("@emotion/utils").SerializedStyles;
+	    euiCommentEvent__headerUsername: import("@emotion/utils").SerializedStyles;
+	    euiCommentEvent__headerEvent: import("@emotion/utils").SerializedStyles;
+	    euiCommentEvent__headerActions: import("@emotion/utils").SerializedStyles;
+	};
+	export const euiCommentEventBodyStyles: ({ euiTheme }: UseEuiTheme) => {
+	    euiCommentEvent__body: import("@emotion/utils").SerializedStyles;
+	    regular: import("@emotion/utils").SerializedStyles;
+	    update: import("@emotion/utils").SerializedStyles;
+	    custom: import("@emotion/utils").SerializedStyles;
 	};
 
 }
-declare module '@elastic/eui/src/components/list_group/list_group' {
-	import { FunctionComponent, HTMLAttributes, CSSProperties } from 'react';
-	import { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group/list_group_item';
+declare module '@elastic/eui/src/components/comment_list/comment_event' {
+	import { FunctionComponent, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	export const GUTTER_SIZES: readonly ["none", "s", "m"];
-	export type EuiListGroupGutterSize = (typeof GUTTER_SIZES)[number];
-	export type EuiListGroupProps = CommonProps & Omit<HTMLAttributes<HTMLUListElement>, 'color'> & {
+	import { IconType } from '@elastic/eui/src/components/icon';
+	import { EuiPanelProps } from '@elastic/eui/src/components/panel';
+	export interface EuiCommentEventProps extends CommonProps {
 	    /**
-	     * Add a border to the list container
+	     * Author of the comment.
 	     */
-	    bordered?: boolean;
+	    username: ReactNode;
 	    /**
-	     * Remove container padding, stretching list items to the edges
+	     * Time of occurrence of the event. Its format is set on the consumer's side
 	     */
-	    flush?: boolean;
+	    timestamp?: ReactNode;
 	    /**
-	     * Spacing between list items
+	     * Describes the event that took place
 	     */
-	    gutterSize?: EuiListGroupGutterSize;
+	    event?: ReactNode;
 	    /**
-	     * Items to display in this group. See #EuiListGroupItem
+	     * Custom actions that the user can perform from the comment's header
 	     */
-	    listItems?: EuiListGroupItemProps[];
+	    actions?: ReactNode | ReactNode[];
 	    /**
-	     * Change the colors of all `listItems` at once
-	     * @default text
+	     * Accepts any ReactNode. Renders in a panel within the comment event.
 	     */
-	    color?: EuiListGroupItemProps['color'];
+	    children?: ReactNode;
 	    /**
-	     * Change the size of all `listItems` at once
-	     * @default m
+	     * Custom icon that shows before the username.
 	     */
-	    size?: EuiListGroupItemProps['size'];
+	    eventIcon?: IconType;
 	    /**
-	     * Sets the max-width of the page.
-	     * Set to `true` to use the default size,
-	     * set to `false` to not restrict the width,
-	     * or set to a number/string for a custom CSS width/measurement.
+	     * Specify an `aria-label` for the `eventIcon`.
+	     * If no `aria-label` is passed we assume the icon is purely decorative.
 	     */
-	    maxWidth?: boolean | CSSProperties['maxWidth'];
+	    eventIconAriaLabel?: string;
 	    /**
-	     * Display tooltips on all list items
+	     * Background color for the comment's header.
 	     */
-	    showToolTips?: boolean;
+	    eventColor?: EuiPanelProps['color'];
+	}
+	export const EuiCommentEvent: FunctionComponent<EuiCommentEventProps>;
+
+}
+declare module '@elastic/eui/src/components/comment_list/comment_timeline' {
+	import { FunctionComponent, ReactNode } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiAvatarProps } from '@elastic/eui/src/components/avatar';
+	export interface EuiCommentTimelineProps extends CommonProps {
 	    /**
-	     * Allow link text to wrap vs truncated
+	     * Main avatar that accompanies the comment. Should indicate who is the author of the comment.
+	     * Any `ReactNode`, but preferably `EuiAvatar`, or a `string` as an `EuiAvatarProps['iconType']`.
+	     * If no `timelineAvatar` is passed, the `userAvatar` icon will be used as the avatar.
 	     */
-	    wrapText?: boolean;
-	    ariaLabelledby?: string;
-	};
-	export const EuiListGroup: FunctionComponent<EuiListGroupProps>;
+	    timelineAvatar?: ReactNode | EuiAvatarProps['iconType'];
+	    /**
+	     * Specify an `aria-label` and `title` for the `timelineAvatar` when passed as an `IconType` or when nothing is passed.
+	     * If no `timelineAvatarAriaLabel` is passed we assume the avatar is purely decorative.
+	     */
+	    timelineAvatarAriaLabel?: string;
+	}
+	export const EuiCommentTimeline: FunctionComponent<EuiCommentTimelineProps>;
 
 }
-declare module '@elastic/eui/src/components/list_group/pinnable_list_group/pinnable_list_group.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiPinnableListGroupItemExtraActionStyles: ({ euiTheme, }: UseEuiTheme) => {
-	    euiPinnableListGroup__itemExtraAction: import("@emotion/utils").SerializedStyles;
-	    pinned: import("@emotion/utils").SerializedStyles;
-	};
+declare module '@elastic/eui/src/components/comment_list/comment' {
+	import { FunctionComponent } from 'react';
+	import { EuiCommentEventProps } from '@elastic/eui/src/components/comment_list/comment_event';
+	import { EuiCommentTimelineProps } from '@elastic/eui/src/components/comment_list/comment_timeline';
+	export interface EuiCommentProps extends EuiCommentEventProps, EuiCommentTimelineProps {
+	}
+	export const EuiComment: FunctionComponent<EuiCommentProps>;
 
 }
-declare module '@elastic/eui/src/components/list_group/pinnable_list_group/pinnable_list_group' {
+declare module '@elastic/eui/src/components/comment_list/comment_list' {
 	import { FunctionComponent } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiListGroupProps } from '@elastic/eui/src/components/list_group/list_group';
-	import { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group/list_group_item';
-	export type EuiPinnableListGroupItemProps = EuiListGroupItemProps & {
+	import { EuiCommentProps } from '@elastic/eui/src/components/comment_list/comment';
+	import { EuiTimelineProps } from '@elastic/eui/src/components/timeline';
+	export type EuiCommentListProps = Omit<EuiTimelineProps, 'items' | 'gutterSize'> & {
 	    /**
-	     * Saves the pinned status and changes the visibility of the pin icon
+	     * List of comments to render. See #EuiComment
 	     */
-	    pinned?: boolean;
+	    comments?: EuiCommentProps[];
 	    /**
-	     * Passing `onPinClick` to the full EuiPinnableListGroup, will make every item pinnable.
-	     * Set this property to `false` to turn off individual item pinnability
+	     * Sets the size of the vertical space between each comment
 	     */
-	    pinnable?: boolean;
+	    gutterSize?: EuiTimelineProps['gutterSize'];
 	};
-	export interface EuiPinnableListGroupProps extends CommonProps, EuiListGroupProps {
-	    /**
-	     * Extends `EuiListGroupItemProps`, at the very least, expecting a `label`.
-	     * See #EuiPinnableListGroupItem
-	     */
-	    listItems: EuiPinnableListGroupItemProps[];
-	    /**
-	     * Shows the pin icon and calls this function on click.
-	     * Returns `item: EuiPinnableListGroupItemProps`
-	     */
-	    onPinClick: (item: EuiPinnableListGroupItemProps) => void;
-	    /**
-	     * The pin icon needs a title/aria-label for accessibility.
-	     * It is a function that passes the item back and must return a string `(item) => string`.
-	     * Default is `"Pin item"`
-	     */
-	    pinTitle?: (item: EuiPinnableListGroupItemProps) => string;
-	    /**
-	     * The unpin icon needs a title/aria-label for accessibility.
-	     * It is a function that passes the item back and must return a string `(item) => string`.
-	     * Default is `"Unpin item"`
-	     */
-	    unpinTitle?: (item: EuiPinnableListGroupItemProps) => string;
-	}
-	export const EuiPinnableListGroup: FunctionComponent<EuiPinnableListGroupProps>;
-
-}
-declare module '@elastic/eui/src/components/list_group/pinnable_list_group' {
-	export type { EuiPinnableListGroupProps, EuiPinnableListGroupItemProps, } from '@elastic/eui/src/components/list_group/pinnable_list_group/pinnable_list_group';
-	export { EuiPinnableListGroup } from '@elastic/eui/src/components/list_group/pinnable_list_group/pinnable_list_group';
+	export const EuiCommentList: FunctionComponent<EuiCommentListProps>;
 
 }
-declare module '@elastic/eui/src/components/list_group' {
-	export type { EuiListGroupProps } from '@elastic/eui/src/components/list_group/list_group';
-	export { EuiListGroup } from '@elastic/eui/src/components/list_group/list_group';
-	export type { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group/list_group_item';
-	export type { EuiListGroupItemExtraActionProps } from '@elastic/eui/src/components/list_group/list_group_item_extra_action';
-	export { EuiListGroupItem } from '@elastic/eui/src/components/list_group/list_group_item';
-	export type { EuiPinnableListGroupProps, EuiPinnableListGroupItemProps, } from '@elastic/eui/src/components/list_group/pinnable_list_group';
-	export { EuiPinnableListGroup } from '@elastic/eui/src/components/list_group/pinnable_list_group';
+declare module '@elastic/eui/src/components/comment_list' {
+	export type { EuiCommentProps } from '@elastic/eui/src/components/comment_list/comment';
+	export { EuiComment } from '@elastic/eui/src/components/comment_list/comment';
+	export type { EuiCommentEventProps } from '@elastic/eui/src/components/comment_list/comment_event';
+	export { EuiCommentEvent } from '@elastic/eui/src/components/comment_list/comment_event';
+	export type { EuiCommentListProps } from '@elastic/eui/src/components/comment_list/comment_list';
+	export { EuiCommentList } from '@elastic/eui/src/components/comment_list/comment_list';
 
 }
 declare module '@elastic/eui/src/components/datagrid/utils/data_grid_schema' {
@@ -14879,8 +15020,9 @@ declare module '@elastic/eui/src/components/datagrid/body/header/column_actions'
 	    sorting: EuiDataGridSorting | undefined;
 	    switchColumnPos: (colFromId: string, colToId: string) => void;
 	    setFocusedCell: DataGridFocusContextShape['setFocusedCell'];
+	    columnFocusIndex: number;
 	}
-	export const getColumnActions: ({ column, columns, schema, schemaDetectors, setVisibleColumns, focusFirstVisibleInteractiveCell, setIsPopoverOpen, sorting, switchColumnPos, setFocusedCell, }: GetColumnActions) => EuiListGroupItemProps[]; type HideColumnAction = Pick<GetColumnActions, 'column' | 'columns' | 'setVisibleColumns' | 'focusFirstVisibleInteractiveCell'>;
+	export const getColumnActions: ({ column, columns, schema, schemaDetectors, setVisibleColumns, focusFirstVisibleInteractiveCell, setIsPopoverOpen, sorting, switchColumnPos, setFocusedCell, columnFocusIndex, }: GetColumnActions) => EuiListGroupItemProps[]; type HideColumnAction = Pick<GetColumnActions, 'column' | 'columns' | 'setVisibleColumns' | 'focusFirstVisibleInteractiveCell'>;
 	export const getHideColumnAction: ({ column, columns, setVisibleColumns, focusFirstVisibleInteractiveCell, }: HideColumnAction) => EuiListGroupItemProps[]; type SortColumnActions = Pick<GetColumnActions, 'column' | 'sorting' | 'schema' | 'schemaDetectors'>;
 	export const getSortColumnActions: ({ column, sorting, schema, schemaDetectors, }: SortColumnActions) => EuiListGroupItemProps[];
 	/**
@@ -15633,7 +15775,7 @@ declare module '@elastic/eui/src/components/date_picker/react-datepicker/src' {
 	import * as React from 'react';
 	import * as moment from 'moment';
 
-	import {PopoverAnchorPosition} from '@elastic/eui/src/components/popover';
+	import { EuiPopoverProps, PopoverAnchorPosition } from '@elastic/eui/src/components/popover';
 
 	export interface ReactDatePickerProps {
 	  /**
@@ -15747,6 +15889,7 @@ declare module '@elastic/eui/src/components/date_picker/react-datepicker/src' {
 	  popperClassName?: string;
 	  popperContainer?(props: { children: React.ReactNode[] }): React.ReactNode;
 	  popperPlacement?: PopoverAnchorPosition;
+	  popperProps?: Partial<EuiPopoverProps>;
 	  preventOpenOnFocus?: boolean;
 	  readOnly?: boolean;
 	  required?: boolean;
@@ -16660,7 +16803,7 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
 	    /**
 	     * Passes props to `EuiToolTip`
 	     */
-	    toolTipProps?: EuiToolTipProps;
+	    toolTipProps?: Partial<EuiToolTipProps>;
 	    /**
 	     * Returns an IconButton instead
 	     */
@@ -18815,15 +18958,6 @@ declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_too
 	export { tooltipMarkdownRenderer as renderer } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_tooltip/renderer';
 	export * from '@elastic/eui/src/components/markdown_editor/plugins/markdown_tooltip/types';
 
-}
-declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/ui_plugins' {
-	import { EuiMarkdownEditorUiPlugin } from '@elastic/eui/src/components/markdown_editor/markdown_types';
-	export type DefaultEuiMarkdownUiPlugins = EuiMarkdownEditorUiPlugin[];
-	export const getDefaultEuiMarkdownUiPlugins: ({ exclude, }?: {
-	    exclude?: "tooltip"[] | undefined;
-	}) => DefaultEuiMarkdownUiPlugins;
-	export const defaultUiPlugins: DefaultEuiMarkdownUiPlugins;
-
 }
 declare module '@elastic/eui/src/components/markdown_editor/plugins/remark/remark_prismjs' {
 	import { Plugin } from 'unified';
@@ -18883,10 +19017,9 @@ declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_lin
 }
 declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/parsing_plugins' {
 	import { PluggableList } from 'unified';
+	import type { DefaultPluginsConfig } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/plugins';
 	export type DefaultEuiMarkdownParsingPlugins = PluggableList;
-	export const getDefaultEuiMarkdownParsingPlugins: ({ exclude, }?: {
-	    exclude?: "tooltip"[] | undefined;
-	}) => DefaultEuiMarkdownParsingPlugins;
+	export const getDefaultEuiMarkdownParsingPlugins: ({ exclude, }?: DefaultPluginsConfig) => DefaultEuiMarkdownParsingPlugins;
 	export const defaultParsingPlugins: DefaultEuiMarkdownParsingPlugins;
 
 }
@@ -18895,6 +19028,7 @@ declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_def
 	import { Plugin, PluggableList, Pluggable, Settings } from 'unified';
 	import { Options as Remark2RehypeOptions } from 'mdast-util-to-hast';
 	import rehype2react from 'rehype-react';
+	import type { DefaultPluginsConfig } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/plugins';
 	export interface Rehype2ReactOptions {
 	    components: {
 	        [key: string]: React.ComponentType<any>;
@@ -18912,9 +19046,7 @@ declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_def
 	    ],
 	    ...PluggableList
 	];
-	export const getDefaultEuiMarkdownProcessingPlugins: ({ exclude, }?: {
-	    exclude?: "tooltip"[] | undefined;
-	}) => [[Plugin<[(Settings | undefined)?], Settings>, Remark2RehypeOptions], [typeof rehype2react, Rehype2ReactOptions], ...Pluggable<any[], Settings>[]];
+	export const getDefaultEuiMarkdownProcessingPlugins: ({ exclude, }?: DefaultPluginsConfig) => [[Plugin<[(Settings | undefined)?], Settings>, Remark2RehypeOptions], [typeof rehype2react, Rehype2ReactOptions], ...Pluggable<any[], Settings>[]];
 	export const defaultProcessingPlugins: [[Plugin<[(Settings | undefined)?], Settings>, Remark2RehypeOptions], [typeof rehype2react, Rehype2ReactOptions], ...Pluggable<any[], Settings>[]];
 
 }
@@ -18922,14 +19054,24 @@ declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_def
 	import { DefaultEuiMarkdownUiPlugins } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/ui_plugins';
 	import { DefaultEuiMarkdownParsingPlugins } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/parsing_plugins';
 	import { DefaultEuiMarkdownProcessingPlugins } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/processing_plugins';
-	export const getDefaultEuiMarkdownPlugins: (config: undefined | {
-	    exclude?: Array<'tooltip'>;
-	}) => {
+	export type ExcludableDefaultPlugins = 'emoji' | 'lineBreaks' | 'linkValidator' | 'checkbox' | 'tooltip';
+	export type DefaultPluginsConfig = undefined | {
+	    exclude?: ExcludableDefaultPlugins[];
+	};
+	export const getDefaultEuiMarkdownPlugins: (config?: DefaultPluginsConfig) => {
 	    parsingPlugins: DefaultEuiMarkdownParsingPlugins;
 	    processingPlugins: DefaultEuiMarkdownProcessingPlugins;
 	    uiPlugins: DefaultEuiMarkdownUiPlugins;
 	};
 
+}
+declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/ui_plugins' {
+	import { EuiMarkdownEditorUiPlugin } from '@elastic/eui/src/components/markdown_editor/markdown_types';
+	import type { DefaultPluginsConfig } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/plugins';
+	export type DefaultEuiMarkdownUiPlugins = EuiMarkdownEditorUiPlugin[];
+	export const getDefaultEuiMarkdownUiPlugins: ({ exclude, }?: DefaultPluginsConfig) => DefaultEuiMarkdownUiPlugins;
+	export const defaultUiPlugins: DefaultEuiMarkdownUiPlugins;
+
 }
 declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins' {
 	export * from '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/ui_plugins';
@@ -19674,6 +19816,7 @@ declare module '@elastic/eui/src/components/page_template/outer/page_outer' {
 	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling';
+	export const PAGE_DIRECTIONS: readonly ["row", "column"]; type PageDirections = (typeof PAGE_DIRECTIONS)[number];
 	export interface _EuiPageOuterProps extends CommonProps, HTMLAttributes<HTMLDivElement> {
 	    /**
 	     * Adds `flex-grow: 1` to the whole page for stretching to fit vertically.
@@ -19684,13 +19827,14 @@ declare module '@elastic/eui/src/components/page_template/outer/page_outer' {
 	     * Changes the `flex-direction` property.
 	     * Flip to `column` when not including a sidebar.
 	     */
-	    direction?: 'row' | 'column';
+	    direction?: PageDirections;
 	    /**
 	     * When direction is `row`, it will flip to `column` when within these breakpoints.
 	     */
 	    responsive?: _EuiThemeBreakpoint[];
 	}
 	export const _EuiPageOuter: FunctionComponent<_EuiPageOuterProps>;
+	export {};
 
 }
 declare module '@elastic/eui/src/components/page_template/outer' {
@@ -19777,11 +19921,12 @@ declare module '@elastic/eui/src/components/page_template/page_template' {
 	import { ComponentTypes } from '@elastic/eui/src/components/page_template/inner/page_inner';
 	import { _EuiPageBottomBarProps } from '@elastic/eui/src/components/page_template/bottom_bar/page_bottom_bar';
 	import { _EuiPageEmptyPromptProps } from '@elastic/eui/src/components/page_template/empty_prompt/page_empty_prompt';
-	import { EuiPageHeaderProps, EuiPageSectionProps } from '@elastic/eui/src/components/page';
+	import { EuiPageHeaderProps, EuiPageSectionProps, EuiPageSidebarProps } from '@elastic/eui/src/components/page';
 	import { _EuiPageRestrictWidth } from '@elastic/eui/src/components/page/_restrict_width';
 	import { _EuiPageBottomBorder } from '@elastic/eui/src/components/page/_bottom_border';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export const TemplateContext: React.Context<{
+	    sidebar: {};
 	    section: {};
 	    header: {};
 	    emptyPrompt: {};
@@ -19819,7 +19964,7 @@ declare module '@elastic/eui/src/components/page_template/page_template' {
 	 */
 	export const _EuiPageTemplate: FunctionComponent<EuiPageTemplateProps>;
 	export const EuiPageTemplate: React.FunctionComponent<EuiPageTemplateProps> & {
-	    Sidebar: React.FunctionComponent<import ("@elastic/eui/src/components/page").EuiPageSidebarProps>;
+	    Sidebar: React.FunctionComponent<EuiPageSidebarProps>;
 	    Header: React.FunctionComponent<EuiPageHeaderProps>;
 	    Section: React.FunctionComponent<EuiPageSectionProps>;
 	    BottomBar: React.FunctionComponent<_EuiPageBottomBarProps>;
@@ -20766,8 +20911,37 @@ declare module '@elastic/eui/src/components/selectable/selectable_option' {
 
 }
 declare module '@elastic/eui/src/components/selectable/matching_options' {
-	import { EuiSelectableOption } from '@elastic/eui/src/components/selectable/selectable_option'; type SelectableOptions<T> = Array<EuiSelectableOption<T>>;
-	export const getMatchingOptions: <T>(options: SelectableOptions<T>, searchValue: string, isPreFiltered?: boolean | undefined, selectedOptions?: SelectableOptions<T> | undefined) => SelectableOptions<T>;
+	import { EuiSelectableOption } from '@elastic/eui/src/components/selectable/selectable_option';
+	import { EuiSelectableOptionMatcher } from '@elastic/eui/src/components/selectable/selectable'; type SelectableOptions<T> = Array<EuiSelectableOption<T>>;
+	interface GetMatchingOptionsArgs<TOption> {
+	    /**
+	     * All available options to match against
+	     */
+	    options: SelectableOptions<TOption>;
+	    /**
+	     * String to match option.label || option.searchableLabel against
+	     */
+	    searchValue: string;
+	    /**
+	     * Async?
+	     */
+	    isPreFiltered: boolean;
+	    /**
+	     * To exclude selected options from the search list,
+	     * pass the array of selected options
+	     */
+	    selectedOptions?: SelectableOptions<TOption>;
+	    /**
+	     * Option matcher function passed to EuiSelectable or the default matcher
+	     */
+	    optionMatcher: EuiSelectableOptionMatcher<TOption>;
+	}
+	export const getMatchingOptions: <TOption>({ searchValue, options, isPreFiltered, selectedOptions, optionMatcher, }: GetMatchingOptionsArgs<TOption>) => SelectableOptions<TOption>;
+	/**
+	 * Partial string equality option matcher for EuiSelectable
+	 * It matches all options with labels including the searched string.
+	 */
+	export const createPartialStringEqualityOptionMatcher: <TOption>() => EuiSelectableOptionMatcher<TOption>;
 	export {};
 
 }
@@ -20776,6 +20950,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_search/selecta
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiFieldSearchProps } from '@elastic/eui/src/components/form';
 	import { EuiSelectableOption } from '@elastic/eui/src/components/selectable/selectable_option';
+	import type { EuiSelectableOptionMatcher } from '@elastic/eui/src/components/selectable/selectable';
 	export type EuiSelectableSearchProps<T> = CommonProps & Omit<EuiFieldSearchProps, 'onChange' | 'onSearch' | 'incremental'> & {
 	    /**
 	     * Passes back (searchValue, matchingOptions)
@@ -20792,8 +20967,12 @@ declare module '@elastic/eui/src/components/selectable/selectable_search/selecta
 	     */
 	    listId?: string;
 	    isPreFiltered: boolean;
+	    /**
+	     * Option matcher function
+	     */
+	    optionMatcher: EuiSelectableOptionMatcher<T>;
 	};
-	export const EuiSelectableSearch: <T>({ onChange: onChangeCallback, options, value, placeholder, isPreFiltered, listId, className, ...rest }: _EuiSelectableSearchProps<T>) => React.JSX.Element;
+	export const EuiSelectableSearch: <T>({ onChange: onChangeCallback, options, value, placeholder, isPreFiltered, listId, className, optionMatcher, ...rest }: _EuiSelectableSearchProps<T>) => React.JSX.Element;
 	export {};
 
 }
@@ -20889,8 +21068,8 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	import { FixedSizeList, ListProps, ListChildComponentProps as ReactWindowListChildComponentProps } from 'react-window';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
 	import { EuiAutoSizeHorizontal } from '@elastic/eui/src/components/auto_sizer';
-	import { EuiSelectableOption } from '@elastic/eui/src/components/selectable/selectable_option';
-	import { EuiSelectableOnChangeEvent } from '@elastic/eui/src/components/selectable/selectable';
+	import type { EuiSelectableOption } from '@elastic/eui/src/components/selectable/selectable_option';
+	import type { EuiSelectableOnChangeEvent, EuiSelectableProps } from '@elastic/eui/src/components/selectable/selectable';
 	import { EuiSelectableListItemProps } from '@elastic/eui/src/components/selectable/selectable_list/selectable_list_item';
 	interface ListChildComponentProps<T> extends Omit<ReactWindowListChildComponentProps, 'style'> {
 	    data: Array<EuiSelectableOption<T>>;
@@ -20991,6 +21170,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	     */
 	    allowExclusions?: boolean;
 	    searchable?: boolean;
+	    isPreFiltered?: EuiSelectableProps['isPreFiltered'];
 	    makeOptionId: (index: number | undefined) => string;
 	    listId: string;
 	    setActiveOptionIndex: (index: number, cb?: () => void) => void;
@@ -21023,7 +21203,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	    forceVirtualizedListRowRerender: () => void;
 	    focusBadgeOffset: number;
 	    calculateDefaultOptionWidth: ({ width: containerWidth, }: EuiAutoSizeHorizontal) => void;
-	    getTruncationProps: (option: EuiSelectableOption, isFocused: boolean) => {
+	    getTruncationProps: (option: EuiSelectableOption, highlightSearch: boolean, isFocused: boolean) => {
 	        prefix?: string | undefined;
 	        slot?: string | undefined;
 	        style?: React.CSSProperties | undefined;
@@ -21329,6 +21509,12 @@ declare module '@elastic/eui/src/components/selectable/selectable' {
 	import { EuiSelectableSearchProps } from '@elastic/eui/src/components/selectable/selectable_search/selectable_search';
 	import { Align } from 'react-window';
 	export type EuiSelectableOnChangeEvent = KeyboardEvent | MouseEvent; type RequiredEuiSelectableOptionsListProps = Omit<EuiSelectableOptionsListProps, keyof (typeof EuiSelectableList)['defaultProps']>; type OptionalEuiSelectableOptionsListProps = Omit<EuiSelectableOptionsListProps, keyof RequiredEuiSelectableOptionsListProps>; type EuiSelectableOptionsListPropsWithDefaults = RequiredEuiSelectableOptionsListProps & Partial<OptionalEuiSelectableOptionsListProps>;
+	export interface EuiSelectableOptionMatcherArgs<TOption> {
+	    option: EuiSelectableOption<TOption>;
+	    searchValue: string;
+	    normalizedSearchValue: string;
+	}
+	export type EuiSelectableOptionMatcher<T> = (args: EuiSelectableOptionMatcherArgs<T>) => boolean;
 	export type EuiSelectableSearchableProps<T> = ExclusiveUnion<{
 	    searchable: false;
 	}, {
@@ -21418,16 +21604,34 @@ declare module '@elastic/eui/src/components/selectable/selectable' {
 	     */
 	    errorMessage?: ReactElement | string | null;
 	    /**
-	     * Control whether or not options get filtered internally or if consumer will filter
-	     * Default: false
+	     * Control whether or not options get filtered internally (i.e., whether filtering is
+	     * handled by EUI or by you, the consumer).
+	     * If set to `true`, all passed `options` will be displayed regardless of the user's
+	     * search input.
+	     *
+	     * Additionally allows passing a configuration object which enables turning off
+	     * search highlighting if needed.
+	     *
+	     * @default false
 	     */
-	    isPreFiltered?: boolean;
+	    isPreFiltered?: boolean | {
+	        highlightSearch?: boolean;
+	    };
 	    /**
 	     * Optional screen reader instructions to announce upon focus/interaction. This text is read out
 	     * after the `EuiSelectable` label and a brief pause, but before the default keyboard instructions for
 	     * interacting with a selectable are read out.
 	     */
 	    selectableScreenReaderText?: string;
+	    /**
+	     * Optional custom option matcher function
+	     *
+	     * @example
+	     * const exactEqualityMatcher: EuiSelectableOptionMatcher = ({ option, searchValue }) => {
+	     *   return option.label === searchValue;
+	     * }
+	     */
+	    optionMatcher?: EuiSelectableOptionMatcher<T>;
 	};
 	export interface EuiSelectableState<T> {
 	    activeOptionIndex?: number;
@@ -21441,6 +21645,7 @@ declare module '@elastic/eui/src/components/selectable/selectable' {
 	        singleSelection: boolean;
 	        searchable: boolean;
 	        isPreFiltered: boolean;
+	        optionMatcher: EuiSelectableOptionMatcher<unknown>;
 	    };
 	    private inputRef;
 	    private containerRef;
@@ -21755,7 +21960,7 @@ declare module '@elastic/eui/src/components/search_bar/search_filters' {
 	import { SearchFilterConfig } from '@elastic/eui/src/components/search_bar/filters';
 	import { Query } from '@elastic/eui/src/components/search_bar/query';
 	export type { SearchFilterConfig } from '@elastic/eui/src/components/search_bar/filters';
-	interface EuiSearchBarFiltersProps {
+	export interface EuiSearchBarFiltersProps {
 	    query: Query;
 	    onChange: (query: Query) => void;
 	    filters: SearchFilterConfig[];
@@ -23134,8 +23339,8 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 	    renderTableBody(): React.JSX.Element;
 	    renderErrorMessage(error: string): React.JSX.Element;
 	    renderEmptyMessage(): React.JSX.Element;
-	    renderItemRow(item: T, rowIndex: number): React.JSX.Element;
-	    renderItemSelectionCell(itemId: ItemId<T>, item: T, selected: boolean): (boolean | React.JSX.Element | undefined)[];
+	    renderItemRow(item: T, rowIndex: number, displayedRowIndex: number): React.JSX.Element;
+	    renderItemSelectionCell(itemId: ItemId<T>, item: T, selected: boolean, displayedRowIndex: number): (boolean | React.JSX.Element | undefined)[];
 	    renderItemActionsCell(itemId: ItemIdResolved, item: T, column: EuiTableActionsColumnType<T>, columnIndex: number, hasCustomActions: boolean): React.JSX.Element;
 	    renderItemFieldDataCell(itemId: ItemId<T>, item: T, column: EuiTableFieldDataColumnType<T>, columnIndex: number, setScopeRow: boolean): React.JSX.Element;
 	    renderItemComputedCell(itemId: ItemId<T>, item: T, column: EuiTableComputedColumnType<T>, columnIndex: number): React.JSX.Element;
@@ -23602,6 +23807,18 @@ declare module '@elastic/eui/.storybook/utils' {
 	 * @returns the mutated config
 	 */
 	export const moveStorybookControlsToCategory: <Props>(config: StorybookConfig<Props>, propNames: (keyof Props)[], category?: string) => StorybookConfig<Props>;
+	/**
+	 * Configures passed argTypes to be setup as toggle control
+	 * which fires a Storybook action when enabled.
+	 * Should be used for function props only.
+	 *
+	 * Can be used for preview (Preview), component (Meta) or story (Story)
+	 * context by passing the config object for either. Use after defining
+	 * the specific config to be able to pass the config to this util.
+	 *
+	 * @returns the mutated config
+	 */
+	export const enableFunctionToggleControls: <Props>(config: StorybookConfig<Props>, propNames: (keyof Props)[]) => StorybookConfig<Props>;
 	/**
 	 * parameters configurations
 	 */
@@ -23628,6 +23845,25 @@ declare module '@elastic/eui/.storybook/utils' {
 	};
 	export {};
 
+}
+declare module '@elastic/eui/.storybook/loki' {
+	export const LOKI_SELECTORS: {
+	    /**
+	     * Default story selector
+	     * Please keep in sync with loki.config.js
+	     */
+	    readonly default: "#story-wrapper > *";
+	    /**
+	     * Text node only selector
+	     * To be used in stories for components rendering a text node instead of JSX elements
+	     */
+	    readonly textOnly: "#story-wrapper";
+	    /**
+	     * Portal element content selector
+	     */
+	    readonly portal: "[data-euiportal=\"true\"]";
+	};
+
 }
 declare module '@elastic/eui/src/components/color_picker/color_picker.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -29119,6 +29355,9 @@ declare module '@elastic/eui' {
 "euiCodeBlockCopy.copy": any;
 "euiCodeBlockFullScreen.fullscreenCollapse": any;
 "euiCodeBlockFullScreen.fullscreenExpand": any;
+"euiCollapsibleNavKibanaSolution.switcherTitle": any;
+"euiCollapsibleNavKibanaSolution.switcherAriaLabel": any;
+"euiCollapsibleNavKibanaSolution.groupLabel": any;
 "euiCollapsibleNavBeta.ariaLabel": any;
 "euiCollapsibleNavButton.ariaLabelExpand": any;
 "euiCollapsibleNavButton.ariaLabelCollapse": any;