@elastic/eui 102.0.0-amsterdam.0 → 102.1.0

package/eui.d.ts

@@ -27,7 +27,7 @@ declare module '@elastic/eui/src/services/keys' {
 	    ALT = "Alt",
 	    SHIFT = "Shift",
 	    CTRL = "Control",
-	    META = "Meta",
+	    META = "Meta",// Windows, Command, Option
 	    ARROW_DOWN = "ArrowDown",
 	    ARROW_UP = "ArrowUp",
 	    ARROW_LEFT = "ArrowLeft",
@@ -116,9 +116,11 @@ declare module '@elastic/eui/src/components/common' {
 	 */
 	export function keysOf<T extends object, K extends keyof T>(obj: T): K[];
 	export type PropsOf<C> = C extends FunctionComponent<infer SFCProps> ? SFCProps : C extends FunctionComponent<infer FunctionProps> ? FunctionProps : C extends Component<infer ComponentProps> ? ComponentProps : never;
-	export type PropsOfElement<C extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = JSX.LibraryManagedAttributes<C, ComponentProps<C>>; type ExtractDefaultProps<T> = T extends {
+	export type PropsOfElement<C extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>> = JSX.LibraryManagedAttributes<C, ComponentProps<C>>;
+	type ExtractDefaultProps<T> = T extends {
 	    defaultProps: infer D;
-	} ? D : never; type ExtractProps<C extends new (...args: any) => any, IT = InstanceType<C>> = IT extends Component<infer P> ? P : never;
+	} ? D : never;
+	type ExtractProps<C extends new (...args: any) => any, IT = InstanceType<C>> = IT extends Component<infer P> ? P : never;
 	/**
 	 * Because of how TypeScript's LibraryManagedAttributes is designed to handle defaultProps (https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-0.html#support-for-defaultprops-in-jsx)
 	 * we can't directly export the props definition as the defaulted values are not made optional,
@@ -128,9 +130,11 @@ declare module '@elastic/eui/src/components/common' {
 	 */
 	export type ApplyClassComponentDefaults<C extends new (...args: any) => any, D = ExtractDefaultProps<C>, P = ExtractProps<C>> = Omit<P, keyof D> & {
 	    [K in keyof D]?: K extends keyof P ? P[K] : never;
-	}; type UnionKeys<T> = T extends any ? keyof T : never;
+	};
+	type UnionKeys<T> = T extends any ? keyof T : never;
 	export type DistributivePick<T, K extends UnionKeys<T>> = T extends any ? Pick<T, Extract<keyof T, K>> : never;
-	export type DistributiveOmit<T, K extends UnionKeys<T>> = T extends any ? Omit<T, Extract<keyof T, K>> : never; type RecursiveDistributiveOmit<T, K extends PropertyKey> = T extends any ? T extends object ? RecursiveOmit<T, K> : T : never;
+	export type DistributiveOmit<T, K extends UnionKeys<T>> = T extends any ? Omit<T, Extract<keyof T, K>> : never;
+	type RecursiveDistributiveOmit<T, K extends PropertyKey> = T extends any ? T extends object ? RecursiveOmit<T, K> : T : never;
 	export type RecursiveOmit<T, K extends PropertyKey> = Omit<{
 	    [P in keyof T]: RecursiveDistributiveOmit<T[P], K>;
 	}, K>;
@@ -167,13 +171,119 @@ declare module '@elastic/eui/src/components/common' {
 	    onClick?: MouseEventHandler<HTMLButtonElement>;
 	} & ButtonHTMLAttributes<HTMLButtonElement> & P;
 
+}
+declare module '@elastic/eui/src/services/theme/types' {
+	export { COLOR_MODES_STANDARD, COLOR_MODES_INVERSE, type EuiThemeColorModeInverse, type EuiThemeColorModeStandard, type EuiThemeColorMode, type ColorModeSwitch, type StrictColorModeSwitch, type EuiThemeShape, type EuiThemeSystem, type EuiThemeModifications, type ComputedThemeShape, type EuiThemeComputed, type EuiThemeNested, type EuiThemeHighContrastMode, type EuiThemeHighContrastModeProp, } from '@elastic/eui-theme-common';
+
 }
 declare module '@elastic/eui/src/services/theme/utils' {
 	export { DEFAULT_COLOR_MODE, isInverseColorMode, getColorMode, getOn, setOn, Computed, computed, getComputed, buildTheme, mergeDeep, } from '@elastic/eui-theme-common';
 
 }
-declare module '@elastic/eui/src/services/theme/types' {
-	export { COLOR_MODES_STANDARD, COLOR_MODES_INVERSE, type EuiThemeColorModeInverse, type EuiThemeColorModeStandard, type EuiThemeColorMode, type ColorModeSwitch, type StrictColorModeSwitch, type EuiThemeShape, type EuiThemeSystem, type EuiThemeModifications, type ComputedThemeShape, type EuiThemeComputed, type EuiThemeNested, type EuiThemeHighContrastMode, type EuiThemeHighContrastModeProp, } from '@elastic/eui-theme-common';
+declare module '@elastic/eui/src/services/theme/context' {
+	import { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeSystem, EuiThemeComputed, EuiThemeNested } from '@elastic/eui/src/services/theme/types';
+	export const DEFAULTS: {
+	    system: {
+	        model: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
+	        root: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
+	        key: string;
+	    };
+	    modifications: {};
+	    colorMode: "LIGHT";
+	    highContrastMode: false;
+	};
+	export const EuiSystemContext: import("react").Context<EuiThemeSystem>;
+	export const EuiModificationsContext: import("react").Context<import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common").EuiThemeShapeBase & {
+	    overrides?: import("@elastic/eui-theme-common")._EuiThemeOverrides;
+	}>>;
+	export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
+	export const EuiHighContrastModeContext: import("react").Context<EuiThemeHighContrastMode>;
+	export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>;
+	export const EuiThemeContext: import("react").Context<EuiThemeComputed>;
+	export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
+
+}
+declare module '@elastic/eui/src/services/theme/warning' {
+	type LEVELS = 'log' | 'warn' | 'error';
+	type ProviderCallback = (message: string | Error) => void; let providerWarning: LEVELS | ProviderCallback | undefined;
+	export const setEuiDevProviderWarning: (warningType: typeof providerWarning) => LEVELS | ProviderCallback | undefined;
+	export const getEuiDevProviderWarning: () => LEVELS | ProviderCallback | undefined;
+	export const emitEuiProviderWarning: (providerMessage: string) => void;
+	export {};
+
+}
+declare module '@elastic/eui/src/services/theme/hooks' {
+	import React from 'react';
+	import type { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeModifications, EuiThemeComputed } from '@elastic/eui-theme-common';
+	/**
+	 * Hook for function components
+	 */
+	export interface UseEuiTheme<T extends {} = {}> {
+	    euiTheme: EuiThemeComputed<T>;
+	    colorMode: EuiThemeColorModeStandard;
+	    highContrastMode: EuiThemeHighContrastMode;
+	    modifications: EuiThemeModifications<T>;
+	}
+	export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
+	/**
+	 * HOC for class components
+	 */
+	export interface WithEuiThemeProps<P extends {} = {}> {
+	    theme: UseEuiTheme<P>;
+	}
+	export const withEuiTheme: <T extends {} = {}, U extends {} = {}>(Component: React.ComponentType<T & WithEuiThemeProps<U>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<T, "theme">> & React.RefAttributes<Omit<T, "theme">>>;
+	/**
+	 * Render prop alternative for complex class components
+	 * Most useful for scenarios where a HOC may interfere with typing
+	 */
+	export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
+	    children: (theme: UseEuiTheme) => React.ReactElement;
+	}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+	/**
+	 * Minor syntactical sugar hook for theme CSS variables.
+	 * Primarily meant for internal EUI usage.
+	 */
+	export const useEuiThemeCSSVariables: () => {
+	    setGlobalCSSVariables: Function;
+	    globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
+	    setNearestThemeCSSVariables: Function;
+	    themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
+	};
+
+}
+declare module '@elastic/eui/src/services/throttle' {
+	export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
+
+}
+declare module '@elastic/eui/src/services/breakpoint/_sorting' {
+	import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
+	export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
+	export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
+
+}
+declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
+	import React, { FunctionComponent, PropsWithChildren } from 'react';
+	import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint';
+	type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
+	export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
+	/**
+	 * Returns the current breakpoint based on window width.
+	 * Typically only called by the top-level `EuiProvider` (to reduce the number
+	 * of window resize listeners on the page). Also conditionally called if a
+	 * nested `EuiThemeProvider` defines a `modify.breakpoint` override
+	 */
+	export const CurrentEuiBreakpointProvider: FunctionComponent<PropsWithChildren>;
+	export {};
+
+}
+declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
+	/**
+	 * Hook util / syntactical sugar for useContext()
+	 *
+	 * This hook is in its own separate file to make mocking it
+	 * as a testenv easy for Jest unit tests
+	 */
+	export const useCurrentEuiBreakpoint: () => string | undefined;
 
 }
 declare module '@elastic/eui/src/services/emotion/clone_element' {
@@ -183,7 +293,7 @@ declare module '@elastic/eui/src/services/emotion/clone_element' {
 	 * `css` prop - as a result, we need to use `jsx()` to manually clone the element
 	 * See https://github.com/emotion-js/emotion/issues/1404
 	 */
-	export const cloneElementWithCss: (element: any, props: any, cssOrder?: 'before' | 'after') => React.ReactElement;
+	export const cloneElementWithCss: (element: any, props: any, cssOrder?: "before" | "after") => React.ReactElement;
 
 }
 declare module '@elastic/eui/src/services/emotion/prefixer' {
@@ -212,9 +322,9 @@ declare module '@elastic/eui/src/services/emotion/css' {
 	 * and is not yet intended to be a public export
 	 */
 	export const css: {
-	    (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): string;
-	    (...args: import("@emotion/serialize").CSSInterpolation[]): string;
-	}, cx: (...classNames: import("@emotion/css/create-instance").ClassNamesArg[]) => string, cache: import("@emotion/css/create-instance").EmotionCache;
+	    (template: TemplateStringsArray, ...args: Array<import("@emotion/serialize").CSSInterpolation>): string;
+	    (...args: Array<import("@emotion/serialize").CSSInterpolation>): string;
+	}, cx: (...classNames: Array<import("@emotion/css/create-instance").ClassNamesArg>) => string, cache: import("@emotion/css/create-instance").EmotionCache;
 
 }
 declare module '@elastic/eui/src/services/theme/emotion' {
@@ -240,7 +350,8 @@ declare module '@elastic/eui/src/services/hooks/useDependentState' {
 
 }
 declare module '@elastic/eui/src/services/hooks/useCombinedRefs' {
-	import { MutableRefObject, Ref } from 'react'; type Refs<T> = Array<Ref<T> | MutableRefObject<T | undefined> | undefined>;
+	import { MutableRefObject, Ref } from 'react';
+	type Refs<T> = Array<Ref<T> | MutableRefObject<T | undefined> | undefined>;
 	export const useCombinedRefs: <T>(refs: Refs<T>) => (node: T) => void;
 	/**
 	 * Non-hook util for setting multiple refs/ref types.
@@ -269,11 +380,7 @@ declare module '@elastic/eui/src/services/hooks/useDeepEqual' {
 	 * has no control over and may not be correctly memoized (i.e., will create a new
 	 * reference on every rerender unless passed through this hook).
 	 */
-	export const useDeepEqual: <T = any[] | Record<string, any> | undefined>(object: T) => T;
-
-}
-declare module '@elastic/eui/src/services/throttle' {
-	export const throttle: (fn: (...args: any[]) => void, wait?: number) => (...args: any[]) => void;
+	export const useDeepEqual: <T = Record<string, any> | any[] | undefined>(object: T) => T;
 
 }
 declare module '@elastic/eui/src/services/hooks/useMouseMove' {
@@ -297,18 +404,12 @@ declare module '@elastic/eui/src/services/hooks' {
 	export * from '@elastic/eui/src/services/hooks/useMouseMove';
 	export * from '@elastic/eui/src/services/hooks/useUpdateEffect';
 
-}
-declare module '@elastic/eui/src/services/theme/warning' {
-	 type LEVELS = 'log' | 'warn' | 'error'; type ProviderCallback = (message: string | Error) => void; let providerWarning: LEVELS | ProviderCallback | undefined;
-	export const setEuiDevProviderWarning: (warningType: typeof providerWarning) => LEVELS | ProviderCallback | undefined;
-	export const getEuiDevProviderWarning: () => LEVELS | ProviderCallback | undefined;
-	export const emitEuiProviderWarning: (providerMessage: string) => void;
-	export {};
-
 }
 declare module '@elastic/eui/src/services/theme/style_memoization' {
 	import React, { FunctionComponent, PropsWithChildren } from 'react';
-	import { UseEuiTheme } from '@elastic/eui/src/services/theme/hooks'; type StylesMap = Record<string, any>; type MemoizedStylesMap = WeakMap<Function, StylesMap>;
+	import { UseEuiTheme } from '@elastic/eui/src/services/theme/hooks';
+	type StylesMap = Record<string, any>;
+	type MemoizedStylesMap = WeakMap<Function, StylesMap>;
 	export const EuiThemeMemoizedStylesContext: React.Context<MemoizedStylesMap>;
 	export const EuiThemeMemoizedStylesProvider: FunctionComponent<PropsWithChildren>;
 	/**
@@ -342,7 +443,7 @@ declare module '@elastic/eui/src/services/theme/high_contrast_overrides' {
 	    system: EuiThemeSystem;
 	    modifications: EuiThemeModifications;
 	}) => import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common").EuiThemeShapeBase & {
-	    overrides?: import("@elastic/eui-theme-common")._EuiThemeOverrides | undefined;
+	    overrides?: import("@elastic/eui-theme-common")._EuiThemeOverrides;
 	}> | {
 	    colors: {
 	        LIGHT: {
@@ -499,11 +600,6 @@ declare module '@elastic/eui/src/services/color/color_palette' {
 	 */
 	categorical?: boolean): string[];
 
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis' {
-	import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
-	export const colorVis: _EuiThemeVisColors;
-
 }
 declare module '@elastic/eui/src/services/color/vis_color_store' {
 	import { _EuiVisColorStore } from '@elastic/eui-theme-common';
@@ -626,8 +722,8 @@ declare module '@elastic/eui/src/services/color/visualization_colors' {
 }
 declare module '@elastic/eui/src/services/color/eui_palettes_hooks' {
 	import { EuiPalette, EuiPaletteColorBlindProps } from '@elastic/eui/src/services/color/eui_palettes';
-	export const useEuiPaletteColorBlind: (args?: EuiPaletteColorBlindProps | undefined) => EuiPalette;
-	export const useEuiPaletteColorBlindBehindText: (args?: EuiPaletteColorBlindProps | undefined) => EuiPalette;
+	export const useEuiPaletteColorBlind: (args?: EuiPaletteColorBlindProps) => EuiPalette;
+	export const useEuiPaletteColorBlindBehindText: (args?: EuiPaletteColorBlindProps) => EuiPalette;
 	export const useEuiPaletteForStatus: (steps: number) => EuiPalette;
 	export const useEuiPaletteForTemperature: (steps: number) => EuiPalette;
 	export const useEuiPaletteComplementary: (steps: number) => EuiPalette;
@@ -637,11 +733,99 @@ declare module '@elastic/eui/src/services/color/eui_palettes_hooks' {
 	export const useEuiPaletteWarm: (steps: number) => EuiPalette;
 	export const useEuiPaletteGray: (steps: number) => EuiPalette;
 
+}
+declare module '@elastic/eui/src/global_styling/mixins/_button' {
+	import { type SerializedStyles } from '@emotion/react';
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	/** Tentative usage; these exist only to be used as button directly when used within other components */
+	export const SEVERITY_COLORS: readonly ["neutral", "risk"];
+	export const BUTTON_COLORS: readonly ["text", "accent", "accentSecondary", "primary", "success", "warning", "danger"];
+	export const EXTENDED_BUTTON_COLORS: readonly ["text", "accent", "accentSecondary", "primary", "success", "warning", "danger", "neutral", "risk"];
+	export type _EuiButtonColor = (typeof BUTTON_COLORS)[number];
+	export type _EuiExtendedButtonColor = (typeof EXTENDED_BUTTON_COLORS)[number];
+	export const BUTTON_DISPLAYS: readonly ["base", "fill", "empty"];
+	export type _EuiButtonDisplay = (typeof BUTTON_DISPLAYS)[number];
+	export interface _EuiButtonOptions {
+	    display?: _EuiButtonDisplay;
+	}
+	/**
+	 * Creates the `base` version of button styles with proper text contrast.
+	 * @param euiThemeContext
+	 * @param color One of the named button colors or 'disabled'
+	 * @returns Style object `{ backgroundColor, color }`
+	 */
+	export const euiButtonColor: (euiThemeContext: UseEuiTheme, color: _EuiExtendedButtonColor | "disabled") => {
+	    border: string;
+	    color: string;
+	    backgroundColor: string;
+	} | {
+	    border?: undefined;
+	    color: string;
+	    backgroundColor: string;
+	};
+	/**
+	 * Creates the `fill` version of buttons styles with proper text contrast.
+	 * @param euiThemeContext
+	 * @param color One of the named button colors or 'disabled'
+	 * @returns Style object `{ backgroundColor, color }`
+	 */
+	export const euiButtonFillColor: (euiThemeContext: UseEuiTheme, color: _EuiExtendedButtonColor | "disabled") => {
+	    border: string;
+	    color: string;
+	    backgroundColor: string;
+	} | {
+	    border?: undefined;
+	    color: string;
+	    backgroundColor: string;
+	};
+	/**
+	 * Creates the `empty` version of button styles using the text-variant and adding interactive styles.
+	 * @param euiThemeContext
+	 * @param color One of the named button colors or 'disabled'
+	 * @returns Style object `{ backgroundColor, color }` where `background` is typically used for interactive states
+	 */
+	export const euiButtonEmptyColor: (euiThemeContext: UseEuiTheme, color: _EuiExtendedButtonColor | "disabled") => {
+	    color: string;
+	    backgroundColor: string;
+	};
+	/**
+	 * Given the button display type, returns the Emotion based color keys.
+	 * @param options Button display type
+	 * @returns An object of `_EuiExtendedButtonColor` keys including `disabled`
+	 */
+	export const useEuiButtonColorCSS: (options?: _EuiButtonOptions) => Record<"text" | "primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "disabled" | "neutral" | "risk", SerializedStyles>;
+	/**
+	 * Creates the translate animation when button is in focus.
+	 * @returns string
+	 */
+	export const useEuiButtonFocusCSS: () => SerializedStyles;
+	/**
+	 * Map of `size` props to various sizings/scales
+	 * that should remain consistent across all buttons
+	 */
+	export const euiButtonSizeMap: ({ euiTheme }: UseEuiTheme) => {
+	    xs: {
+	        height: string;
+	        radius: import("csstype").Property.BorderRadius<string | number> | undefined;
+	        fontScale: "xs";
+	    };
+	    s: {
+	        height: string;
+	        radius: import("csstype").Property.BorderRadius<string | number> | undefined;
+	        fontScale: "s";
+	    };
+	    m: {
+	        height: string;
+	        radius: import("csstype").Property.BorderRadius<string | number> | undefined;
+	        fontScale: "s";
+	    };
+	};
+
 }
 declare module '@elastic/eui/src/global_styling/mixins/_color' {
 	import { SerializedStyles } from '@emotion/react';
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const BACKGROUND_COLORS: readonly ["transparent", "plain", "subdued", "highlighted", "accent", "accentSecondary", "primary", "neutral", "success", "warning", "risk", "danger"];
+	export const BACKGROUND_COLORS: readonly ["transparent", "plain", "subdued", "highlighted", "accent", "accentSecondary", "primary", "success", "warning", "danger", "neutral", "risk"];
 	export type _EuiBackgroundColor = (typeof BACKGROUND_COLORS)[number];
 	export interface _EuiBackgroundColorOptions {
 	    /**
@@ -724,7 +908,7 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 	    horizontal: string;
 	    vertical: string;
 	};
-	export const LOGICAL_SIDES: ("left" | "right" | "top" | "bottom" | "horizontal" | "vertical")[];
+	export const LOGICAL_SIDES: ("left" | "right" | "bottom" | "top" | "horizontal" | "vertical")[];
 	export type LogicalSides = (typeof LOGICAL_SIDES)[number];
 	export const logicals: {
 	    height: string;
@@ -783,7 +967,7 @@ declare module '@elastic/eui/src/global_styling/functions/logicals' {
 	    "border-bottom-right-radius": string;
 	    _shorthands: string[];
 	};
-	export const LOGICAL_PROPERTIES: ("left" | "right" | "width" | "top" | "bottom" | "horizontal" | "vertical" | "height" | "max-height" | "max-width" | "min-height" | "min-width" | "margin-left" | "margin-right" | "margin-top" | "margin-bottom" | "margin-horizontal" | "margin-vertical" | "padding-left" | "padding-right" | "padding-top" | "padding-bottom" | "padding-horizontal" | "padding-vertical" | "overflow-x" | "overflow-y" | "border-horizontal" | "border-horizontal-color" | "border-horizontal-width" | "border-horizontal-style" | "border-vertical" | "border-vertical-color" | "border-vertical-width" | "border-vertical-style" | "border-bottom" | "border-bottom-color" | "border-bottom-style" | "border-bottom-width" | "border-top" | "border-top-color" | "border-top-style" | "border-top-width" | "border-right" | "border-right-color" | "border-right-style" | "border-right-width" | "border-left" | "border-left-color" | "border-left-style" | "border-left-width" | "border-top-left-radius" | "border-top-right-radius" | "border-bottom-left-radius" | "border-bottom-right-radius")[];
+	export const LOGICAL_PROPERTIES: ("left" | "right" | "width" | "bottom" | "height" | "top" | "horizontal" | "vertical" | "max-height" | "max-width" | "min-height" | "min-width" | "margin-left" | "margin-right" | "margin-top" | "margin-bottom" | "margin-horizontal" | "margin-vertical" | "padding-left" | "padding-right" | "padding-top" | "padding-bottom" | "padding-horizontal" | "padding-vertical" | "overflow-x" | "overflow-y" | "border-horizontal" | "border-horizontal-color" | "border-horizontal-width" | "border-horizontal-style" | "border-vertical" | "border-vertical-color" | "border-vertical-width" | "border-vertical-style" | "border-bottom" | "border-bottom-color" | "border-bottom-style" | "border-bottom-width" | "border-top" | "border-top-color" | "border-top-style" | "border-top-width" | "border-right" | "border-right-color" | "border-right-style" | "border-right-width" | "border-left" | "border-left-color" | "border-left-style" | "border-left-width" | "border-top-left-radius" | "border-top-right-radius" | "border-bottom-left-radius" | "border-bottom-right-radius")[];
 	export type LogicalProperties = (typeof LOGICAL_PROPERTIES)[number];
 	/**
 	 *
@@ -944,7 +1128,7 @@ declare module '@elastic/eui/src/global_styling/functions/typography' {
 	 * this mixin will ensure that the sizing is dependent on the boldest
 	 * weight so it doesn't shift sibling content.
 	 */
-	export const euiTextShift: (fontWeight: keyof _EuiThemeFontWeights | undefined, attribute: string | undefined, euiTheme: UseEuiTheme['euiTheme']) => string;
+	export const euiTextShift: (fontWeight: keyof _EuiThemeFontWeights | undefined, attribute: string | undefined, euiTheme: UseEuiTheme["euiTheme"]) => string;
 
 }
 declare module '@elastic/eui/src/global_styling/functions' {
@@ -981,7 +1165,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_helpers' {
 	    corner?: CSSProperties['borderWidth'];
 	}
 	export const euiScrollBarStyles: ({ euiTheme: { colors, size } }: UseEuiTheme, { thumbColor: _thumbColor, trackColor, width, size: _size, corner: _corner, }?: EuiScrollBarStyles) => string;
-	export const useEuiScrollBar: (options?: EuiScrollBarStyles | undefined) => string;
+	export const useEuiScrollBar: (options?: EuiScrollBarStyles) => string;
 	/**
 	 * 1. Focus rings shouldn't be visible on scrollable regions, but a11y requires them to be focusable.
 	 *    Browser's supporting `:focus-visible` will still show outline on keyboard focus only.
@@ -1006,7 +1190,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_helpers' {
 	    mask?: boolean;
 	}
 	export const euiOverflowScroll: (euiTheme: UseEuiTheme, { direction, mask }?: EuiScrollOverflowStyles) => string;
-	export const useEuiOverflowScroll: (direction: EuiScrollOverflowStyles['direction'], mask?: EuiScrollOverflowStyles['mask']) => string;
+	export const useEuiOverflowScroll: (direction: EuiScrollOverflowStyles["direction"], mask?: EuiScrollOverflowStyles["mask"]) => string;
 	/**
 	 * For quickly applying a full-height element whether using flex or not
 	 */
@@ -1017,6 +1201,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_helpers' {
 declare module '@elastic/eui/src/global_styling/mixins/_padding' {
 	import { SerializedStyles } from '@emotion/react';
 	import { UseEuiTheme } from '@elastic/eui/src/services/theme';
+	import { LogicalSides } from '@elastic/eui/src/global_styling/functions';
 	export const PADDING_SIZES: readonly ["none", "xs", "s", "m", "l", "xl"];
 	export type EuiPaddingSize = (typeof PADDING_SIZES)[number];
 	/**
@@ -1024,7 +1209,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_padding' {
 	 */
 	export const euiPaddingSize: ({ euiTheme }: UseEuiTheme, size: EuiPaddingSize) => string | null;
 	export const useEuiPaddingSize: (size: EuiPaddingSize) => string;
-	export const useEuiPaddingCSS: (side?: "left" | "right" | "top" | "bottom" | "horizontal" | "vertical" | undefined) => Record<"s" | "none" | "xs" | "m" | "l" | "xl", SerializedStyles>;
+	export const useEuiPaddingCSS: (side?: LogicalSides) => Record<"s" | "xs" | "m" | "l" | "xl" | "none", SerializedStyles>;
 
 }
 declare module '@elastic/eui/src/global_styling/mixins/_states' {
@@ -1039,11 +1224,11 @@ declare module '@elastic/eui/src/global_styling/mixins/_states' {
 	 * @param offset Accepts a specific measurement or 'inset', 'outset' or 'center' to adjust outline position
 	 * @param color Accepts any CSS color
 	 */
-	export const euiOutline: ({ euiTheme }: UseEuiTheme, offset?: _EuiFocusRingOffset, color?: CSSProperties['outlineColor']) => string;
+	export const euiOutline: ({ euiTheme }: UseEuiTheme, offset?: _EuiFocusRingOffset, color?: CSSProperties["outlineColor"]) => string;
 	export const euiFocusRing: (euiThemeContext: UseEuiTheme, offset?: _EuiFocusRingOffset, options?: {
-	    color?: CSSProperties['outlineColor'];
-	} | undefined) => string;
-	export const useEuiFocusRing: (offset?: _EuiFocusRingOffset, color?: CSSProperties['outlineColor']) => string;
+	    color?: CSSProperties["outlineColor"];
+	}) => string;
+	export const useEuiFocusRing: (offset?: _EuiFocusRingOffset, color?: CSSProperties["outlineColor"]) => string;
 
 }
 declare module '@elastic/eui/src/global_styling/mixins/_typography' {
@@ -1058,8 +1243,8 @@ declare module '@elastic/eui/src/global_styling/mixins/_typography' {
 	/**
 	 * Returns font-size and line-height
 	 */
-	export const euiFontSize: ({ euiTheme }: UseEuiTheme, scale: _EuiThemeFontScale, options?: _FontScaleOptions | undefined) => EuiThemeFontSize;
-	export const useEuiFontSize: (scale: _EuiThemeFontScale, options?: _FontScaleOptions | undefined) => EuiThemeFontSize;
+	export const euiFontSize: ({ euiTheme }: UseEuiTheme, scale: _EuiThemeFontScale, options?: _FontScaleOptions) => EuiThemeFontSize;
+	export const useEuiFontSize: (scale: _EuiThemeFontScale, options?: _FontScaleOptions) => EuiThemeFontSize;
 	/**
 	 * Force text to wrap on natural word breaks (e.g. spaces & hyphens)
 	 * https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
@@ -1068,18 +1253,12 @@ declare module '@elastic/eui/src/global_styling/mixins/_typography' {
 	/**
 	 * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis.
 	 */
-	export const euiTextTruncate: (maxWidth?: CSSProperties['maxWidth']) => string;
+	export const euiTextTruncate: (maxWidth?: CSSProperties["maxWidth"]) => string;
 	/**
 	 * Fixed-width numbers for tabular data
 	 */
 	export const euiNumberFormat: ({ euiTheme }: UseEuiTheme) => string;
 
-}
-declare module '@elastic/eui/src/services/breakpoint/_sorting' {
-	import { _EuiThemeBreakpoints } from '@elastic/eui/src/global_styling/variables/breakpoint';
-	export const sortMapByLargeToSmallValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
-	export const sortMapBySmallToLargeValues: (breakpointsMap: _EuiThemeBreakpoints) => _EuiThemeBreakpoints;
-
 }
 declare module '@elastic/eui/src/global_styling/variables/animations' {
 	export { euiCanAnimate, euiCantAnimate, EuiThemeAnimationSpeeds, EuiThemeAnimationEasings, type _EuiThemeAnimationSpeed, type _EuiThemeAnimationSpeeds, type _EuiThemeAnimationEasing, type _EuiThemeAnimationEasings, type _EuiThemeAnimation, } from '@elastic/eui-theme-common';
@@ -1159,99 +1338,15 @@ declare module '@elastic/eui/src/global_styling/mixins/_responsive' {
 	export const useEuiMaxBreakpoint: (size: _EuiThemeBreakpoint) => string;
 
 }
-declare module '@elastic/eui/src/global_styling/mixins/_button' {
-	import { type SerializedStyles } from '@emotion/react';
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const BUTTON_COLORS: readonly ["text", "accent", "accentSecondary", "primary", "neutral", "success", "warning", "risk", "danger"];
-	export type _EuiButtonColor = (typeof BUTTON_COLORS)[number];
-	export const BUTTON_DISPLAYS: readonly ["base", "fill", "empty"];
-	export type _EuiButtonDisplay = (typeof BUTTON_DISPLAYS)[number];
-	export interface _EuiButtonOptions {
-	    display?: _EuiButtonDisplay;
+declare module '@elastic/eui/src/global_styling/mixins/_shadow' {
+	import { euiShadowFlat, euiShadow, euiSlightShadowHover, euiShadowXSmall, euiShadowSmall, euiShadowMedium, euiShadowLarge, euiShadowXLarge, type _EuiThemeShadowSize, type EuiShadowOptions } from '@elastic/eui-theme-common';
+	export { euiShadowFlat, euiShadow, euiSlightShadowHover, euiShadowXSmall, euiShadowSmall, euiShadowMedium, euiShadowLarge, euiShadowXLarge, };
+	export interface EuiShadowCustomColor {
+	    color?: string;
 	}
-	/**
-	 * Creates the `base` version of button styles with proper text contrast.
-	 * @param euiThemeContext
-	 * @param color One of the named button colors or 'disabled'
-	 * @returns Style object `{ backgroundColor, color }`
-	 */
-	export const euiButtonColor: (euiThemeContext: UseEuiTheme, color: _EuiButtonColor | 'disabled') => {
-	    border: string;
-	    color: string;
-	    backgroundColor: string;
-	} | {
-	    border?: undefined;
-	    color: string;
-	    backgroundColor: string;
-	};
-	/**
-	 * Creates the `fill` version of buttons styles with proper text contrast.
-	 * @param euiThemeContext
-	 * @param color One of the named button colors or 'disabled'
-	 * @returns Style object `{ backgroundColor, color }`
-	 */
-	export const euiButtonFillColor: (euiThemeContext: UseEuiTheme, color: _EuiButtonColor | 'disabled') => {
-	    border: string;
-	    color: string;
-	    backgroundColor: string;
-	} | {
-	    border?: undefined;
-	    color: string;
-	    backgroundColor: string;
-	};
-	/**
-	 * Creates the `empty` version of button styles using the text-variant and adding interactive styles.
-	 * @param euiThemeContext
-	 * @param color One of the named button colors or 'disabled'
-	 * @returns Style object `{ backgroundColor, color }` where `background` is typically used for interactive states
-	 */
-	export const euiButtonEmptyColor: (euiThemeContext: UseEuiTheme, color: _EuiButtonColor | 'disabled') => {
-	    color: string;
-	    backgroundColor: string;
-	};
-	/**
-	 * Given the button display type, returns the Emotion based color keys.
-	 * @param options Button display type
-	 * @returns An object of `_EuiButtonColor` keys including `disabled`
-	 */
-	export const useEuiButtonColorCSS: (options?: _EuiButtonOptions) => Record<"text" | "primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "disabled" | "neutral" | "risk", SerializedStyles>;
-	/**
-	 * Creates the translate animation when button is in focus.
-	 * @returns string
-	 */
-	export const useEuiButtonFocusCSS: () => SerializedStyles;
-	/**
-	 * Map of `size` props to various sizings/scales
-	 * that should remain consistent across all buttons
-	 */
-	export const euiButtonSizeMap: ({ euiTheme }: UseEuiTheme) => {
-	    xs: {
-	        height: string;
-	        radius: import("csstype").Property.BorderRadius<string | number> | undefined;
-	        fontScale: "xs";
-	    };
-	    s: {
-	        height: string;
-	        radius: import("csstype").Property.BorderRadius<string | number> | undefined;
-	        fontScale: "s";
-	    };
-	    m: {
-	        height: string;
-	        radius: import("csstype").Property.BorderRadius<string | number> | undefined;
-	        fontScale: "s";
-	    };
-	};
-
-}
-declare module '@elastic/eui/src/global_styling/mixins/_shadow' {
-	import { euiShadowFlat, euiShadow, euiSlightShadowHover, euiShadowXSmall, euiShadowSmall, euiShadowMedium, euiShadowLarge, euiShadowXLarge, type _EuiThemeShadowSize, type EuiShadowOptions } from '@elastic/eui-theme-common';
-	export { euiShadowFlat, euiShadow, euiSlightShadowHover, euiShadowXSmall, euiShadowSmall, euiShadowMedium, euiShadowLarge, euiShadowXLarge, };
-	export interface EuiShadowCustomColor {
-	    color?: string;
-	}
-	export const useEuiSlightShadowHover: (options?: EuiShadowOptions | undefined) => string;
-	export const useEuiShadowFlat: (options?: EuiShadowOptions | undefined) => string;
-	export const useEuiShadow: (size?: _EuiThemeShadowSize, options?: EuiShadowOptions | undefined) => string;
+	export const useEuiSlightShadowHover: (options?: EuiShadowOptions) => string;
+	export const useEuiShadowFlat: (options?: EuiShadowOptions) => string;
+	export const useEuiShadow: (size?: _EuiThemeShadowSize, options?: EuiShadowOptions) => string;
 
 }
 declare module '@elastic/eui/src/global_styling/mixins' {
@@ -1342,7 +1437,7 @@ declare module '@elastic/eui/src/components/text/text_color' {
 	import type { SharedTextProps, CloneElement, EuiTextColors } from '@elastic/eui/src/components/text/types';
 	export const COLORS: readonly ["default", "subdued", "success", "accent", "accentSecondary", "danger", "warning", "ghost", "inherit"];
 	export type TextColor = (typeof COLORS)[number];
-	export const _isNamedColor: (color: any) => color is "accent" | "accentSecondary" | "success" | "warning" | "danger" | "ghost" | "inherit" | "default" | "subdued";
+	export const _isNamedColor: (color: any) => color is TextColor;
 	export type EuiTextColorProps = SharedTextProps & CloneElement & EuiTextColors;
 	export const EuiTextColor: FunctionComponent<EuiTextColorProps>;
 
@@ -1442,13 +1537,17 @@ declare module '@elastic/eui/src/components/title/title.styles' {
 	import { CSSProperties } from 'react';
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	import { _FontScaleOptions } from '@elastic/eui/src/global_styling';
-	import { EuiTitleSize } from '@elastic/eui/src/components/title/title'; type EuiThemeTitle = {
+	import { EuiTitleSize } from '@elastic/eui/src/components/title/title';
+	/**
+	 * Mixin
+	 */
+	type EuiThemeTitle = {
 	    fontSize: CSSProperties['fontSize'];
 	    lineHeight: CSSProperties['lineHeight'];
 	    fontWeight: CSSProperties['fontWeight'];
 	    color: CSSProperties['color'];
 	};
-	export const euiTitle: (euiThemeContext: UseEuiTheme, scale?: EuiTitleSize, options?: _FontScaleOptions | undefined) => EuiThemeTitle;
+	export const euiTitle: (euiThemeContext: UseEuiTheme, scale?: EuiTitleSize, options?: _FontScaleOptions) => EuiThemeTitle;
 	/**
 	 * Styles
 	 */
@@ -1512,7 +1611,7 @@ declare module '@elastic/eui/src/components/text/text.styles' {
 	/**
 	 * Mixins
 	 */
-	export const euiText: (euiTheme: UseEuiTheme['euiTheme'], inheritColor?: boolean) => {
+	export const euiText: (euiTheme: UseEuiTheme["euiTheme"], inheritColor?: boolean) => {
 	    color: string;
 	    fontWeight: import("csstype").Property.FontWeight | undefined;
 	};
@@ -1595,9 +1694,9 @@ declare module '@elastic/eui/src/services/predicate/common_predicates' {
 	export const isUndefined: (value: any) => value is undefined;
 	export const isNull: (value: any) => value is null;
 	export const isNil: (value: any) => value is null | undefined;
-	export const isMoment: (value: any) => boolean;
+	export const isMoment: (value: any) => value is moment.Moment;
 	export const isDate: (value: any) => value is Date;
-	export const isDateLike: (value: any) => value is Date | moment.Moment;
+	export const isDateLike: (value: any) => value is moment.Moment | Date;
 
 }
 declare module '@elastic/eui/src/services/predicate/lodash_predicates' {
@@ -1632,7 +1731,8 @@ declare module '@elastic/eui/src/components/i18n/i18n_util' {
 declare module '@elastic/eui/src/components/i18n/i18n' {
 	import React, { ReactElement, ReactNode } from 'react';
 	import { ExclusiveUnion } from '@elastic/eui/src/components/common';
-	import { Renderable } from '@elastic/eui/src/components/context/context'; type ResolvedType<T> = T extends (...args: any[]) => any ? ReturnType<T> : T;
+	import { Renderable } from '@elastic/eui/src/components/context/context';
+	type ResolvedType<T> = T extends (...args: any[]) => any ? ReturnType<T> : T;
 	interface I18nTokenShape<T, DEFAULT extends Renderable<T>> {
 	    token: string;
 	    default: DEFAULT;
@@ -1651,7 +1751,9 @@ declare module '@elastic/eui/src/components/i18n/i18n' {
 	    children: (x: Array<T[number]>) => ReactNode;
 	    values?: Record<string, ReactNode>;
 	}
-	export type EuiI18nProps<T, DEFAULT extends Renderable<T>, DEFAULTS extends any[]> = ExclusiveUnion<I18nTokenShape<T, DEFAULT>, I18nTokensShape<DEFAULTS>>; const EuiI18n: <T extends {}, DEFAULT extends Renderable<T>, DEFAULTS extends any[]>(props: (import ("@elastic/eui/src/components/common").DisambiguateSet<I18nTokenShape<T, DEFAULT>, I18nTokensShape<DEFAULTS>> & I18nTokensShape<DEFAULTS>) | (import ("@elastic/eui/src/components/common").DisambiguateSet<I18nTokensShape<DEFAULTS>, I18nTokenShape<T, DEFAULT>> & I18nTokenShape<T, DEFAULT>)) => React.JSX.Element; type DefaultRenderType<T, K extends Renderable<T>> = K extends ReactNode ? K : K extends () => infer RetValue ? RetValue : never; type DefaultsRenderType<K extends Array<string | ReactElement>> = K extends Array<infer Item> ? Item : never; function useEuiI18n<T extends {}, DEFAULT extends Renderable<T>>(token: string, defaultValue: DEFAULT, values?: T): DefaultRenderType<T, DEFAULT>; function useEuiI18n<DEFAULTS extends Array<string | ReactElement>>(tokens: string[], defaultValues: DEFAULTS): Array<DefaultsRenderType<DEFAULTS>>;
+	export type EuiI18nProps<T, DEFAULT extends Renderable<T>, DEFAULTS extends any[]> = ExclusiveUnion<I18nTokenShape<T, DEFAULT>, I18nTokensShape<DEFAULTS>>; const EuiI18n: <T extends {}, DEFAULT extends Renderable<T>, DEFAULTS extends any[]>(props: EuiI18nProps<T, DEFAULT, DEFAULTS>) => React.JSX.Element;
+	type DefaultRenderType<T, K extends Renderable<T>> = K extends ReactNode ? K : K extends () => infer RetValue ? RetValue : never;
+	type DefaultsRenderType<K extends Array<string | ReactElement>> = K extends Array<infer Item> ? Item : never; function useEuiI18n<T extends {}, DEFAULT extends Renderable<T>>(token: string, defaultValue: DEFAULT, values?: T): DefaultRenderType<T, DEFAULT>; function useEuiI18n<DEFAULTS extends Array<string | ReactElement>>(tokens: string[], defaultValues: DEFAULTS): Array<DefaultsRenderType<DEFAULTS>>;
 	export { EuiI18n, useEuiI18n };
 
 }
@@ -1730,7 +1832,7 @@ declare module '@elastic/eui/src/components/observer/resize_observer/resize_obse
 	    onResize: ResizeObserverCallback;
 	    beginObserve: () => void;
 	}
-	export const useResizeObserver: (container: Element | null, dimension?: "width" | "height" | undefined) => {
+	export const useResizeObserver: (container: Element | null, dimension?: "width" | "height") => {
 	    width: number;
 	    height: number;
 	};
@@ -1747,7 +1849,8 @@ declare module '@elastic/eui/src/components/portal/portal' {
 	 * into portals.
 	 */
 	import React, { FunctionComponent, Component, ContextType, ReactNode } from 'react';
-	import { EuiNestedThemeContext } from '@elastic/eui/src/services'; const INSERT_POSITIONS: readonly ["after", "before"]; type EuiPortalInsertPosition = (typeof INSERT_POSITIONS)[number];
+	import { EuiNestedThemeContext } from '@elastic/eui/src/services'; const INSERT_POSITIONS: readonly ["after", "before"];
+	type EuiPortalInsertPosition = (typeof INSERT_POSITIONS)[number];
 	export interface EuiPortalProps {
 	    /**
 	     * ReactNode to render as this component's content
@@ -1795,7 +1898,7 @@ declare module '@elastic/eui/src/components/table/mobile/responsive_context' {
 	 * Used by parent/top-level table components to determine isResponsive state
 	 * based on the passed breakpoint
 	 */
-	export const useIsEuiTableResponsive: (componentProp?: string | boolean | undefined) => boolean;
+	export const useIsEuiTableResponsive: (componentProp?: EuiBreakpointSize | boolean) => boolean;
 	/**
 	 * Context set by parent table components
 	 * Hook used by cells to fetch parent isResponsive state
@@ -1887,7 +1990,7 @@ declare module '@elastic/eui/src/components/table/table_footer' {
 declare module '@elastic/eui/src/components/table/utils' {
 	import { CSSProperties } from 'react';
 	export const WARNING_MESSAGE = "Two `width` properties were provided. Provide only one of `style.width` or `width` to avoid conflicts.";
-	export const resolveWidthAsStyle: (style?: CSSProperties, width?: string | number | undefined) => CSSProperties;
+	export const resolveWidthAsStyle: (style?: CSSProperties, width?: string | number) => CSSProperties;
 
 }
 declare module '@elastic/eui/src/services/canvas/canvas_text_utils' {
@@ -1925,7 +2028,8 @@ declare module '@elastic/eui/src/services/canvas' {
 
 }
 declare module '@elastic/eui/src/components/text_truncate/utils' {
-	import { CanvasTextParams, CanvasTextUtils } from '@elastic/eui/src/services/canvas'; type TruncationParams = CanvasTextParams & {
+	import { CanvasTextParams, CanvasTextUtils } from '@elastic/eui/src/services/canvas';
+	type TruncationParams = CanvasTextParams & {
 	    fullText: string;
 	    ellipsis: string;
 	    availableWidth: number;
@@ -1954,7 +2058,7 @@ declare module '@elastic/eui/src/components/text_truncate/utils' {
 	     */
 	    widthRatio: number;
 	    setTextWidthRatio: (text?: string, textToOffset?: string) => void;
-	    getTextFromRatio: (text: string, type: 'start' | 'end') => string;
+	    getTextFromRatio: (text: string, type: "start" | "end") => string;
 	    /**
 	     * Early return checks
 	     */
@@ -1964,8 +2068,8 @@ declare module '@elastic/eui/src/components/text_truncate/utils' {
 	    /**
 	     * Truncation types logic. This is where the magic happens
 	     */
-	    truncateStart: (truncationOffset?: number | undefined) => string;
-	    truncateEnd: (truncationOffset?: number | undefined) => string;
+	    truncateStart: (truncationOffset?: number) => string;
+	    truncateEnd: (truncationOffset?: number) => string;
 	    truncateStartEndAtPosition: (truncationPosition: number) => string;
 	    truncateStartEndAtMiddle: () => string;
 	    truncateMiddle: () => string;
@@ -2210,7 +2314,8 @@ declare module '@elastic/eui/src/components/table/table_row_cell' {
 	     * Used by EuiBasicTable to render hidden copy markers
 	     */
 	    append?: ReactNode;
-	} type Props = CommonProps & Omit<TdHTMLAttributes<HTMLTableCellElement>, 'valign'> & EuiTableRowCellProps;
+	}
+	type Props = CommonProps & Omit<TdHTMLAttributes<HTMLTableCellElement>, 'valign'> & EuiTableRowCellProps;
 	export const EuiTableRowCell: FunctionComponent<Props>;
 	export {};
 
@@ -2873,7 +2978,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" | "code" | "menu" | "section" | "filter" | "image" | "stop" | "key" | "copy" | "cut" | "error" | "pause" | "play" | "warning" | "color" | "temperature" | "scale" | "wordWrap" | "grid" | "invert" | "empty" | "alert" | "document" | "list" | "email" | "move" | "grab" | "help" | "spaces" | "dot" | "push" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "flask" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkCircle" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "comment" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "controls" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "export" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "readOnly" | "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" | "plugs" | "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" | "user" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "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" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "beaker" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "discuss" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "glasses" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "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" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "userAvatar" | "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" | "article" | "code" | "link" | "menu" | "search" | "section" | "filter" | "image" | "stop" | "at" | "key" | "error" | "warning" | "scale" | "color" | "push" | "copy" | "cut" | "pause" | "play" | "offline" | "online" | "storage" | "temperature" | "empty" | "wordWrap" | "grid" | "invert" | "grab" | "help" | "move" | "spaces" | "dot" | "alert" | "document" | "list" | "email" | "annotation" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "flask" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkCircle" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "comment" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "controls" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "export" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "readOnly" | "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" | "package" | "pageSelect" | "pagesSelect" | "palette" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pipeBreaks" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "popout" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "user" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "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" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "beaker" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "discuss" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "glasses" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "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" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "userAvatar" | "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;
@@ -2916,9 +3021,9 @@ declare module '@elastic/eui/src/components/icon/icon' {
 	    isLoading: boolean;
 	    neededLoading: boolean;
 	}
-	export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "search" | "link" | "at" | "article" | "code" | "menu" | "section" | "filter" | "image" | "stop" | "key" | "copy" | "cut" | "error" | "pause" | "play" | "warning" | "color" | "temperature" | "scale" | "wordWrap" | "grid" | "invert" | "empty" | "alert" | "document" | "list" | "email" | "move" | "grab" | "help" | "spaces" | "dot" | "push" | "container" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "flask" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkCircle" | "checkInCircleFilled" | "cheer" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "comment" | "compute" | "console" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "controls" | "cross" | "crosshairs" | "currency" | "database" | "desktop" | "diff" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "download" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "endpoint" | "eql" | "eraser" | "errorFilled" | "esqlVis" | "exit" | "expand" | "expandMini" | "export" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "readOnly" | "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" | "plugs" | "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" | "user" | "users" | "vector" | "videoPlayer" | "warningFilled" | "web" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "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" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenVectorSparse" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "anomalyChart" | "anomalySwimLane" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "beaker" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "changePointDetection" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "crossInCircle" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "discuss" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "glasses" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logPatternAnalysis" | "logRateAnalysis" | "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" | "minusInSquare" | "monitoringApp" | "newChat" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "singleMetricViewer" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "userAvatar" | "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?: EuiIconType) => void;
 	export const appendIconComponentCache: (iconTypeToIconComponentMap: {
-	    [iconType: string]: React.ComponentType<{}>;
+	    [iconType: string]: ComponentType;
 	}) => void;
 	export class EuiIconClass extends PureComponent<EuiIconProps & WithEuiStylesMemoizerProps, State> {
 	    isMounted: boolean;
@@ -2939,7 +3044,8 @@ declare module '@elastic/eui/src/components/icon' {
 
 }
 declare module '@elastic/eui/src/components/inner_text/inner_text' {
-	import { FunctionComponent, ReactElement } from 'react'; type RefT = HTMLElement | Element | undefined | null;
+	import { FunctionComponent, ReactElement } from 'react';
+	type RefT = HTMLElement | Element | undefined | null;
 	export function useInnerText(innerTextFallback?: string): [(node: RefT) => void, string | undefined];
 	export interface EuiInnerTextProps {
 	    /**
@@ -3170,9 +3276,9 @@ declare module '@elastic/eui/src/services/popover' {
 declare module '@elastic/eui/src/components/panel/panel.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	export const euiPanelBorderStyles: (euiThemeContext: UseEuiTheme, options?: {
-	    borderColor?: string | undefined;
-	    hasFloatingBorder?: boolean | undefined;
-	} | undefined) => string;
+	    borderColor?: string;
+	    hasFloatingBorder?: boolean;
+	}) => string;
 	export const euiPanelStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiPanel: import("@emotion/react").SerializedStyles;
 	    grow: import("@emotion/react").SerializedStyles;
@@ -3188,8 +3294,8 @@ declare module '@elastic/eui/src/components/panel/panel.styles' {
 }
 declare module '@elastic/eui/src/components/tool_tip/tool_tip.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiToolTipBackgroundColor: (euiTheme: UseEuiTheme['euiTheme']) => string;
-	export const euiToolTipBorderColor: (euiTheme: UseEuiTheme['euiTheme']) => string;
+	export const euiToolTipBackgroundColor: (euiTheme: UseEuiTheme["euiTheme"]) => string;
+	export const euiToolTipBorderColor: (euiTheme: UseEuiTheme["euiTheme"]) => string;
 	export const euiToolTipStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiToolTip: import("@emotion/react").SerializedStyles;
 	    s: import("@emotion/react").SerializedStyles;
@@ -3216,7 +3322,8 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip.styles' {
 declare module '@elastic/eui/src/components/tool_tip/tool_tip_popover' {
 	import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type ToolTipPositions = 'top' | 'right' | 'bottom' | 'left'; type Props = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
+	export type ToolTipPositions = 'top' | 'right' | 'bottom' | 'left';
+	type Props = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
 	    positionToolTip: () => void;
 	    children?: ReactNode;
 	    title?: ReactNode;
@@ -3660,14 +3767,14 @@ declare module '@elastic/eui/src/components/button/button_display/_button_displa
 	 * any element as a button.
 	 */
 	export const EuiButtonDisplay: React.ForwardRefExoticComponent<((import ("@elastic/eui/src/components/common").DisambiguateSet<EuiButtonDisplayPropsForAnchor, EuiButtonDisplayPropsForButton> & EuiButtonDisplayCommonProps & {
-	    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+	    onClick?: React.MouseEventHandler<HTMLButtonElement>;
 	} & React.ButtonHTMLAttributes<HTMLButtonElement> & {
-	    buttonRef?: React.Ref<HTMLButtonElement> | undefined;
+	    buttonRef?: Ref<HTMLButtonElement>;
 	}) | (import ("@elastic/eui/src/components/common").DisambiguateSet<EuiButtonDisplayPropsForButton, EuiButtonDisplayPropsForAnchor> & EuiButtonDisplayCommonProps & {
-	    href?: string | undefined;
-	    onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+	    href?: string;
+	    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
 	} & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
-	    buttonRef?: React.Ref<HTMLAnchorElement> | undefined;
+	    buttonRef?: Ref<HTMLAnchorElement>;
 	})) & React.RefAttributes<HTMLElement>>;
 	export {};
 
@@ -3675,10 +3782,10 @@ declare module '@elastic/eui/src/components/button/button_display/_button_displa
 declare module '@elastic/eui/src/components/button/button' {
 	import { FunctionComponent, Ref, ReactNode } from 'react';
 	import { CommonProps, ExclusiveUnion, PropsForAnchor, PropsForButton } from '@elastic/eui/src/components/common';
-	import { _EuiButtonColor } from '@elastic/eui/src/global_styling/mixins/_button';
+	import { _EuiExtendedButtonColor } from '@elastic/eui/src/global_styling/mixins/_button';
 	import { EuiButtonDisplayCommonProps } from '@elastic/eui/src/components/button/button_display/_button_display';
-	export const COLORS: readonly ["text", "accent", "accentSecondary", "primary", "neutral", "success", "warning", "risk", "danger"];
-	export type EuiButtonColor = _EuiButtonColor;
+	export const COLORS: readonly ["text", "accent", "accentSecondary", "primary", "success", "warning", "danger"];
+	export type EuiButtonColor = _EuiExtendedButtonColor;
 	export const SIZES: readonly ["s", "m"];
 	export type EuiButtonSize = (typeof SIZES)[number];
 	interface BaseProps {
@@ -3689,6 +3796,13 @@ declare module '@elastic/eui/src/components/button/button' {
 	    fill?: boolean;
 	    /**
 	     * Any of the named color palette options.
+	     *
+	     * Do not use the following colors for standalone buttons directly,
+	     * they exist to serve other components:
+	     *  - accent
+	     *  - warning
+	     *  - neutral
+	     *  - risk
 	     */
 	    color?: EuiButtonColor;
 	    /**
@@ -3736,7 +3850,7 @@ declare module '@elastic/eui/src/components/button/button_empty/button_empty' {
 	import { FunctionComponent, Ref, ButtonHTMLAttributes } from 'react';
 	import { CommonProps, ExclusiveUnion, PropsForAnchor, PropsForButton } from '@elastic/eui/src/components/common';
 	import { EuiButtonDisplayContentProps, EuiButtonDisplayContentType } from '@elastic/eui/src/components/button/button_display/_button_display_content';
-	import { _EuiButtonColor } from '@elastic/eui/src/global_styling/mixins/_button';
+	import { _EuiExtendedButtonColor } from '@elastic/eui/src/global_styling/mixins/_button';
 	export const SIZES: readonly ["xs", "s", "m"];
 	export type EuiButtonEmptySizes = (typeof SIZES)[number];
 	export const FLUSH_TYPES: readonly ["left", "right", "both"];
@@ -3748,8 +3862,15 @@ declare module '@elastic/eui/src/components/button/button_empty/button_empty' {
 	export interface CommonEuiButtonEmptyProps extends EuiButtonDisplayContentProps, CommonProps {
 	    /**
 	     * Any of the named color palette options.
-	     */
-	    color?: _EuiButtonColor;
+	     *
+	     * Do not use the following colors for standalone buttons directly,
+	     * they exist to serve other components:
+	     *  - accent
+	     *  - warning
+	     *  - neutral
+	     *  - risk
+	     */
+	    color?: _EuiExtendedButtonColor;
 	    size?: EuiButtonEmptySizes;
 	    /**
 	     * Ensure the text of the button sits flush to the left, right, or both sides of its container
@@ -3777,7 +3898,8 @@ declare module '@elastic/eui/src/components/button/button_empty/button_empty' {
 	     * Object of props passed to the `<span>` wrapping the button's content
 	     */
 	    contentProps?: CommonProps & EuiButtonDisplayContentType;
-	} type EuiButtonEmptyPropsForAnchor = PropsForAnchor<CommonEuiButtonEmptyProps>;
+	}
+	type EuiButtonEmptyPropsForAnchor = PropsForAnchor<CommonEuiButtonEmptyProps>;
 	export type EuiButtonEmptyPropsForButton = PropsForButton<CommonEuiButtonEmptyProps>;
 	export type EuiButtonEmptyProps = ExclusiveUnion<EuiButtonEmptyPropsForAnchor, EuiButtonEmptyPropsForButton>;
 	export const EuiButtonEmpty: FunctionComponent<EuiButtonEmptyProps>;
@@ -3806,16 +3928,24 @@ declare module '@elastic/eui/src/components/button/button_icon/button_icon' {
 	import { AnchorHTMLAttributes, ButtonHTMLAttributes, FunctionComponent, Ref } from 'react';
 	import { CommonProps, ExclusiveUnion, PropsForAnchor, PropsForButton } from '@elastic/eui/src/components/common';
 	import { IconType, IconSize } from '@elastic/eui/src/components/icon';
-	import { _EuiButtonColor } from '@elastic/eui/src/global_styling/mixins/_button';
+	import { _EuiExtendedButtonColor } from '@elastic/eui/src/global_styling/mixins/_button';
 	export const SIZES: readonly ["xs", "s", "m"];
 	export type EuiButtonIconSizes = (typeof SIZES)[number];
-	export const DISPLAYS: readonly ["base", "empty", "fill"]; type EuiButtonIconDisplay = (typeof DISPLAYS)[number];
+	export const DISPLAYS: readonly ["base", "empty", "fill"];
+	type EuiButtonIconDisplay = (typeof DISPLAYS)[number];
 	export interface EuiButtonIconProps extends CommonProps {
 	    iconType: IconType;
 	    /**
 	     * Any of the named color palette options.
-	     */
-	    color?: _EuiButtonColor;
+	     *
+	     * Do not use the following colors for standalone buttons directly,
+	     * they exist to serve other components:
+	     *  - accent
+	     *  - warning
+	     *  - neutral
+	     *  - risk
+	     */
+	    color?: _EuiExtendedButtonColor;
 	    'aria-label'?: string;
 	    'aria-labelledby'?: string;
 	    isDisabled?: boolean;
@@ -3855,7 +3985,8 @@ declare module '@elastic/eui/src/components/button/button_icon/button_icon' {
 	    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
 	} & PropsForButton<EuiButtonIconProps, {
 	    buttonRef?: Ref<HTMLButtonElement>;
-	}>; type Props = ExclusiveUnion<EuiButtonIconPropsForAnchor, EuiButtonIconPropsForButton>;
+	}>;
+	type Props = ExclusiveUnion<EuiButtonIconPropsForAnchor, EuiButtonIconPropsForButton>;
 	export const EuiButtonIcon: FunctionComponent<Props>;
 	export {};
 
@@ -3916,10 +4047,10 @@ declare module '@elastic/eui/src/components/form/form.styles' {
 	};
 	export const euiFormControlText: (euiThemeContext: UseEuiTheme) => string;
 	export const euiFormControlDefaultShadow: (euiThemeContext: UseEuiTheme, { withBorder, withBackground, withBackgroundColor, withBackgroundAnimation, }?: {
-	    withBorder?: boolean | undefined;
-	    withBackground?: boolean | undefined;
-	    withBackgroundColor?: boolean | undefined;
-	    withBackgroundAnimation?: boolean | undefined;
+	    withBorder?: boolean;
+	    withBackground?: boolean;
+	    withBackgroundColor?: boolean;
+	    withBackgroundAnimation?: boolean;
 	}) => string;
 	export const euiFormControlFocusStyles: (euiThemeContext: UseEuiTheme) => string;
 	export const euiFormControlInvalidStyles: (euiThemeContext: UseEuiTheme) => string;
@@ -4002,12 +4133,13 @@ declare module '@elastic/eui/src/components/button/button_group/button_group_but
 	        euiButtonGroupButton__iconOnly: SerializedStyles;
 	    };
 	};
-	export const _compressedButtonFocusColors: (euiThemeContext: UseEuiTheme) => Record<"text" | "primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "disabled" | "neutral" | "risk", SerializedStyles>;
+	export const _compressedButtonFocusColors: (euiThemeContext: UseEuiTheme) => Record<"text" | "primary" | "accent" | "accentSecondary" | "success" | "warning" | "danger" | "disabled", SerializedStyles>;
 
 }
 declare module '@elastic/eui/src/components/button/button_group/button_group_button' {
 	import { FunctionComponent, MouseEventHandler } from 'react';
-	import { EuiButtonGroupOptionProps, EuiButtonGroupProps } from '@elastic/eui/src/components/button/button_group/button_group'; type Props = EuiButtonGroupOptionProps & {
+	import { EuiButtonGroupOptionProps, EuiButtonGroupProps } from '@elastic/eui/src/components/button/button_group/button_group';
+	type Props = EuiButtonGroupOptionProps & {
 	    /**
 	     * Styles the selected button to look selected (usually with `fill`)
 	     */
@@ -4109,6 +4241,11 @@ declare module '@elastic/eui/src/components/button/button_group/button_group' {
 	    legend: string;
 	    /**
 	     * Any of the named color palette options.
+	     *
+	     * Do not use the following colors for standalone buttons directly,
+	     * they exist to serve other components:
+	     *  - accent
+	     *  - warning
 	     */
 	    color?: _EuiButtonColor;
 	    /**
@@ -4159,7 +4296,8 @@ declare module '@elastic/eui/src/components/button/button_group/button_group' {
 	     * @deprecated
 	     */
 	    name?: never;
-	}); type Props = Omit<HTMLAttributes<HTMLFieldSetElement>, 'onChange' | 'color'> & EuiButtonGroupProps;
+	});
+	type Props = Omit<HTMLAttributes<HTMLFieldSetElement>, 'onChange' | 'color'> & EuiButtonGroupProps;
 	export const EuiButtonGroup: FunctionComponent<Props>;
 	export {};
 
@@ -4276,7 +4414,8 @@ declare module '@elastic/eui/src/components/context_menu/context_menu_item' {
 	     * Reduce the size to `s` when in need of a more compressed menu
 	     */
 	    size?: (typeof SIZES)[number];
-	} type Props = CommonProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'onClick' | 'disabled'> & EuiContextMenuItemProps;
+	}
+	type Props = CommonProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'onClick' | 'disabled'> & EuiContextMenuItemProps;
 	export const LAYOUT_ALIGN: EuiContextMenuItemLayoutAlignment[];
 	export const EuiContextMenuItem: FunctionComponent<Props>;
 	export {};
@@ -4340,7 +4479,8 @@ declare module '@elastic/eui/src/components/context_menu/context_menu_panel' {
 	     * Alters the size of the items and the title
 	     */
 	    size?: (typeof SIZES)[number];
-	}; type Props = EuiContextMenuPanelProps;
+	};
+	type Props = EuiContextMenuPanelProps;
 	interface State {
 	    prevProps: {
 	        items: Props['items'];
@@ -4360,7 +4500,7 @@ declare module '@elastic/eui/src/components/context_menu/context_menu_panel' {
 	    private initialPopoverParent?;
 	    constructor(props: WithEuiStylesMemoizerProps & Props);
 	    findMenuItems: () => void;
-	    focusMenuItem: (direction: 'up' | 'down') => void;
+	    focusMenuItem: (direction: "up" | "down") => void;
 	    onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
 	    takeInitialFocus(): void;
 	    reclaimPopoverFocus: () => void;
@@ -4466,7 +4606,7 @@ declare module '@elastic/eui/src/components/context_menu/context_menu' {
 	    componentDidUpdate(prevProps: EuiContextMenuProps): void;
 	    hasPreviousPanel: (panelId: EuiContextMenuPanelId) => boolean;
 	    showPanel(panelId: EuiContextMenuPanelId, direction?: EuiContextMenuPanelTransitionDirection): void;
-	    showNextPanel: (itemIndex?: number | undefined) => void;
+	    showNextPanel: (itemIndex?: number) => void;
 	    showPreviousPanel: () => void;
 	    onIncomingPanelHeightChange: (height: number) => void;
 	    onOutGoingPanelTransitionComplete: () => void;
@@ -4530,14 +4670,16 @@ declare module '@elastic/eui/src/components/flex/flex_group.styles' {
 
 }
 declare module '@elastic/eui/src/components/flex/flex_group' {
-	import React, { ComponentPropsWithoutRef, ElementType, PropsWithChildren, ReactElement, Ref } from 'react';
+	import { ComponentPropsWithoutRef, ElementType, PropsWithChildren, ReactElement, 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 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 type EuiFlexGroupProps<TComponent extends ElementType = 'div'> = PropsWithChildren & CommonProps & ComponentPropsWithoutRef<TComponent> & {
 	    alignItems?: FlexGroupAlignItems;
 	    /**
@@ -4559,32 +4701,10 @@ declare module '@elastic/eui/src/components/flex/flex_group' {
 	    responsive?: boolean;
 	    wrap?: boolean;
 	};
-	export const EuiFlexGroup: (<TComponent extends React.ElementType = "div", TComponentRef = React.ReactElement<any, TComponent>>(props: {
-	    children?: React.ReactNode;
-	} & CommonProps & 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.
-	     *
-	     * @default "div"
-	     */
-	    component?: TComponent | undefined;
-	    direction?: "row" | "column" | "rowReverse" | "columnReverse" | undefined;
-	    gutterSize?: "s" | "none" | "xs" | "m" | "l" | "xl" | undefined;
-	    justifyContent?: "center" | "flexStart" | "flexEnd" | "spaceBetween" | "spaceAround" | "spaceEvenly" | undefined;
-	    responsive?: boolean | undefined;
-	    wrap?: boolean | undefined;
-	} & {
-	    ref?: React.Ref<TComponentRef> | undefined;
+	export const EuiFlexGroup: (<TComponent extends ElementType = "div", TComponentRef = ReactElement<any, TComponent>>(props: EuiFlexGroupProps<TComponent> & {
+	    ref?: Ref<TComponentRef>;
 	}) => ReactElement) & {
-	    displayName?: string | undefined;
+	    displayName?: string;
 	};
 	export {};
 
@@ -4686,7 +4806,7 @@ declare module '@elastic/eui/src/components/flex/flex_item.styles' {
 
 }
 declare module '@elastic/eui/src/components/flex/flex_item' {
-	import React, { ElementType, ComponentPropsWithoutRef, PropsWithChildren, Ref, ReactElement } from 'react';
+	import { ElementType, ComponentPropsWithoutRef, PropsWithChildren, Ref, ReactElement } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	export type EuiFlexItemProps<TComponent extends ElementType = 'div'> = PropsWithChildren & CommonProps & ComponentPropsWithoutRef<TComponent> & {
 	    grow?: boolean | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | null;
@@ -4709,32 +4829,10 @@ declare module '@elastic/eui/src/components/flex/flex_item' {
 	     */
 	    component?: TComponent;
 	};
-	export const EuiFlexItem: (<TComponent extends React.ElementType, TComponentRef = React.ReactElement<any, TComponent>>(props: {
-	    children?: React.ReactNode;
-	} & CommonProps & React.PropsWithoutRef<React.ComponentProps<TComponent>> & {
-	    grow?: boolean | 0 | 1 | 6 | 3 | 2 | 4 | 5 | 7 | 8 | 9 | 10 | 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()`).
-	     *
-	     * `<EuiFlexItem>` accepts and forwards all extra props to the custom
-	     * component.
-	     *
-	     * @example
-	     * // Renders a <button> element
-	     * <EuiFlexItem component="button">
-	     *   Submit form
-	     * </EuiFlexItem>
-	     * @default "div"
-	     */
-	    component?: TComponent | undefined;
-	} & {
-	    ref?: React.Ref<TComponentRef> | undefined;
+	export const EuiFlexItem: (<TComponent extends ElementType, TComponentRef = ReactElement<any, TComponent>>(props: EuiFlexItemProps<TComponent> & {
+	    ref?: Ref<TComponentRef>;
 	}) => ReactElement) & {
-	    displayName?: string | undefined;
+	    displayName?: string;
 	};
 
 }
@@ -4763,7 +4861,10 @@ declare module '@elastic/eui/src/components/pagination/pagination_button' {
 	    isActive?: boolean;
 	    pageIndex: number;
 	    totalPages?: number;
-	}; type EuiPaginationButtonPropsForAnchor = PropsForAnchor<EuiPaginationButtonProps>; type EuiPaginationButtonPropsForButton = PropsForButton<EuiPaginationButtonProps>; type Props = ExclusiveUnion<EuiPaginationButtonPropsForAnchor, EuiPaginationButtonPropsForButton>;
+	};
+	type EuiPaginationButtonPropsForAnchor = PropsForAnchor<EuiPaginationButtonProps>;
+	type EuiPaginationButtonPropsForButton = PropsForButton<EuiPaginationButtonProps>;
+	type Props = ExclusiveUnion<EuiPaginationButtonPropsForAnchor, EuiPaginationButtonPropsForButton>;
 	export const EuiPaginationButton: FunctionComponent<Props>;
 	export {};
 
@@ -4826,7 +4927,8 @@ declare module '@elastic/eui/src/components/pagination/pagination' {
 	     * Remove completely with `false` or provide your own list of responsive breakpoints.
 	     */
 	    responsive?: false | EuiBreakpointSize[];
-	} type Props = CommonProps & HTMLAttributes<HTMLDivElement> & EuiPaginationProps;
+	}
+	type Props = CommonProps & HTMLAttributes<HTMLDivElement> & EuiPaginationProps;
 	export const EuiPagination: FunctionComponent<Props>;
 	export {};
 
@@ -4949,7 +5051,10 @@ declare module '@elastic/eui/src/components/basic_table/action_types' {
 	import { EuiIconType } from '@elastic/eui/src/components/icon/icon';
 	import { EuiButtonIconProps } from '@elastic/eui/src/components/button/button_icon/button_icon';
 	import { EuiButtonEmptyProps } from '@elastic/eui/src/components/button/button_empty';
-	import { ExclusiveUnion } from '@elastic/eui/src/components/common'; type IconFunction<T extends object> = (item: T) => EuiIconType; type ButtonColor = EuiButtonIconProps['color'] | EuiButtonEmptyProps['color']; type EuiButtonIconColorFunction<T> = (item: T) => ButtonColor;
+	import { ExclusiveUnion } from '@elastic/eui/src/components/common';
+	type IconFunction<T extends object> = (item: T) => EuiIconType;
+	type ButtonColor = EuiButtonIconProps['color'] | EuiButtonEmptyProps['color'];
+	type EuiButtonIconColorFunction<T> = (item: T) => ButtonColor;
 	export interface DefaultItemActionBase<T extends object> {
 	    /**
 	     * The display name of the action (will render as visible text if rendered within a collapsed menu)
@@ -5025,7 +5130,7 @@ declare module '@elastic/eui/src/components/basic_table/action_types' {
 	    enabled?: (item: T) => boolean;
 	} & Pick<DefaultItemActionBase<{}>, 'isPrimary' | 'showOnHover'>;
 	export type Action<T extends object> = DefaultItemAction<T> | CustomItemAction<T>;
-	export const isCustomItemAction: <T extends object>(action: (import ("@elastic/eui/src/components/common").DisambiguateSet<DefaultItemEmptyButtonAction<T>, DefaultItemIconButtonAction<T>> & DefaultItemIconButtonAction<T>) | (import ("@elastic/eui/src/components/common").DisambiguateSet<DefaultItemIconButtonAction<T>, DefaultItemEmptyButtonAction<T>> & DefaultItemEmptyButtonAction<T>) | CustomItemAction<T>) => action is CustomItemAction<T>;
+	export const isCustomItemAction: <T extends object>(action: DefaultItemAction<T> | CustomItemAction<T>) => action is CustomItemAction<T>;
 	export const callWithItemIfFunction: <T>(item: T) => <U>(prop: U | ((item: T) => U)) => U;
 	export {};
 
@@ -5036,7 +5141,7 @@ declare module '@elastic/eui/src/services/sort/sort_direction' {
 	export const SortDirection: Readonly<{
 	    ASC: "asc";
 	    DESC: "desc";
-	    isAsc(direction: Direction): boolean;
+	    isAsc(direction: Direction): direction is "asc";
 	    reverse(direction: Direction): "desc" | "asc";
 	}>;
 	export const SortDirectionType: PropTypes.Requireable<"desc" | "asc">;
@@ -5049,12 +5154,13 @@ declare module '@elastic/eui/src/services/objects' {
 
 }
 declare module '@elastic/eui/src/services/sort/comparators' {
-	export type Primitive = string | boolean | number | null | undefined; type Comparator<T = Primitive> = (a: T, b: T) => number;
+	export type Primitive = string | boolean | number | null | undefined;
+	type Comparator<T = Primitive> = (a: T, b: T) => number;
 	export const Comparators: Readonly<{
-	    default: (direction?: 'asc' | 'desc') => (v1: Primitive, v2: Primitive) => number;
+	    default: (direction?: "asc" | "desc") => (v1: Primitive, v2: Primitive) => number;
 	    reverse: <T>(comparator: Comparator<T>) => Comparator<T>;
-	    value<T_1>(valueCallback: (value: T_1) => Primitive, comparator?: Comparator<Primitive> | undefined): Comparator<T_1>;
-	    property<T_2 extends object>(prop: string, comparator?: Comparator<Primitive> | undefined): Comparator<T_2>;
+	    value<T>(valueCallback: (value: T) => Primitive, comparator?: Comparator): Comparator<T>;
+	    property<T extends object>(prop: string, comparator?: Comparator): Comparator<T>;
 	}>;
 	export {};
 
@@ -5439,7 +5545,8 @@ declare module '@elastic/eui/src/components/table/table_row' {
 	     */
 	    isExpandedRow?: boolean;
 	    onClick?: MouseEventHandler<HTMLTableRowElement> & KeyboardEventHandler<HTMLTableRowElement>;
-	} type Props = CommonProps & HTMLAttributes<HTMLTableRowElement> & EuiTableRowProps;
+	}
+	type Props = CommonProps & HTMLAttributes<HTMLTableRowElement> & EuiTableRowProps;
 	export const EuiTableRow: FunctionComponent<Props>;
 	export {};
 
@@ -5606,7 +5713,7 @@ declare module '@elastic/eui/src/components/observer/mutation_observer/mutation_
 	    onMutation: MutationCallback;
 	    beginObserve: () => void;
 	}
-	export const useMutationObserver: (container: Element | null, callback: MutationCallback, observerOptions?: MutationObserverInit | undefined) => void;
+	export const useMutationObserver: (container: Element | null, callback: MutationCallback, observerOptions?: MutationObserverInit) => void;
 
 }
 declare module '@elastic/eui/src/components/observer/mutation_observer' {
@@ -5688,11 +5795,11 @@ declare module '@elastic/eui/src/components/panel/panel' {
 	import { ButtonHTMLAttributes, FunctionComponent, HTMLAttributes, Ref } from 'react';
 	import { _EuiBackgroundColor, EuiPaddingSize } from '@elastic/eui/src/global_styling';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
-	export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "none" | "xs" | "m" | "l" | "xl")[];
+	export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "xs" | "m" | "l" | "xl" | "none")[];
 	export type PanelPaddingSize = (typeof _SIZES)[number];
 	export const BORDER_RADII: readonly ["none", "m"];
 	export type PanelBorderRadius = (typeof BORDER_RADII)[number];
-	export const COLORS: readonly ["transparent", "plain", "subdued", "highlighted", "accent", "accentSecondary", "primary", "neutral", "success", "warning", "risk", "danger"];
+	export const COLORS: readonly ["transparent", "plain", "subdued", "highlighted", "accent", "accentSecondary", "primary", "success", "warning", "danger", "neutral", "risk"];
 	export type PanelColor = _EuiBackgroundColor | 'highlighted';
 	export interface _EuiPanelProps extends CommonProps {
 	    /**
@@ -5732,7 +5839,7 @@ declare module '@elastic/eui/src/components/panel/panel' {
 	}
 	export type EuiPanelProps = ExclusiveUnion<_EuiPanelButtonlike, _EuiPanelDivlike>;
 	export const EuiPanel: FunctionComponent<EuiPanelProps>;
-	export const _canRenderHighContrastBorder: ({ color, hasBorder, }: Pick<_EuiPanelProps, 'color' | 'hasBorder'>) => boolean;
+	export const _canRenderHighContrastBorder: ({ color, hasBorder, }: Pick<_EuiPanelProps, "color" | "hasBorder">) => boolean;
 	export {};
 
 }
@@ -5775,7 +5882,8 @@ declare module '@elastic/eui/src/components/popover/popover_panel/_popover_panel
 	export const EuiPopoverPanelContext: React.Context<{
 	    paddingSize: EuiPaddingSize;
 	}>;
-	export type EuiPopoverPanelProps = _EuiPanelDivlike; type EuiPopoverPanelInternalProps = {
+	export type EuiPopoverPanelProps = _EuiPanelDivlike;
+	type EuiPopoverPanelInternalProps = {
 	    isOpen?: boolean;
 	    isAttached?: boolean;
 	    position?: EuiPopoverArrowPositions | null;
@@ -5953,7 +6061,8 @@ declare module '@elastic/eui/src/components/popover/popover' {
 	    arrowPosition: EuiPopoverArrowPositions | null;
 	    openPosition: any;
 	    isOpenStable: boolean;
-	} type PropsWithDefaults = Props & {
+	}
+	type PropsWithDefaults = Props & {
 	    anchorPosition: PopoverAnchorPosition;
 	    hasArrow: boolean;
 	    isOpen: boolean;
@@ -6246,7 +6355,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 const isIconShape: (icon: EuiFormControlLayoutIconsProps["icon"]) => icon is IconShape;
 	export interface EuiFormControlLayoutIconsProps {
 	    icon?: IconType | IconShape;
 	    side?: (typeof ICON_SIDES)[number];
@@ -6270,13 +6379,13 @@ declare module '@elastic/eui/src/components/form/form_control_layout/form_contro
 }
 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';
-	export const isRightSideIcon: (icon?: EuiFormControlLayoutIconsProps['icon']) => boolean;
+	export const isRightSideIcon: (icon?: EuiFormControlLayoutIconsProps["icon"]) => boolean;
 	export const getIconAffordanceStyles: ({ icon, clear, isLoading, isInvalid, isDropdown, }: {
-	    icon?: EuiFormControlLayoutIconsProps['icon'];
-	    clear?: EuiFormControlLayoutIconsProps['clear'] | boolean;
-	    isLoading?: boolean | undefined;
-	    isInvalid?: boolean | undefined;
-	    isDropdown?: boolean | undefined;
+	    icon?: EuiFormControlLayoutIconsProps["icon"];
+	    clear?: EuiFormControlLayoutIconsProps["clear"] | boolean;
+	    isLoading?: boolean;
+	    isInvalid?: boolean;
+	    isDropdown?: boolean;
 	}) => {
 	    [k: string]: number;
 	} | undefined;
@@ -6314,7 +6423,9 @@ declare module '@elastic/eui/src/components/form/form_control_layout/form_contro
 declare module '@elastic/eui/src/components/form/form_control_layout/form_control_layout' {
 	import { FunctionComponent, HTMLAttributes, ReactElement, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiFormControlLayoutIconsProps } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_icons'; type StringOrReactElement = string | ReactElement; type PrependAppendType = StringOrReactElement | StringOrReactElement[];
+	import { EuiFormControlLayoutIconsProps } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_icons';
+	type StringOrReactElement = string | ReactElement;
+	type PrependAppendType = StringOrReactElement | StringOrReactElement[];
 	export type EuiFormControlLayoutProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
 	    /**
 	     * Creates an input group with element(s) coming before children.
@@ -6444,7 +6555,8 @@ declare module '@elastic/eui/src/components/form/super_select/super_select_item'
 	    dropdownDisplay?: ReactNode;
 	    disabled?: boolean;
 	    'data-test-subj'?: string;
-	} type EuiSuperSelectItemProps = ComponentProps<typeof EuiContextMenuItem> & {
+	}
+	type EuiSuperSelectItemProps = ComponentProps<typeof EuiContextMenuItem> & {
 	    hasDividers?: boolean;
 	};
 	export const EuiSuperSelectItem: FunctionComponent<EuiSuperSelectItemProps>;
@@ -6608,9 +6720,9 @@ declare module '@elastic/eui/src/components/color_picker/utils' {
 	export const HSV_FALLBACK: ColorSpaces['hsv'];
 	export const RGB_FALLBACK: ColorSpaces['rgba'];
 	export const RGB_JOIN = ", ";
-	export const parseColor: (input?: string | null | undefined) => string | number[] | null;
+	export const parseColor: (input?: string | null) => string | number[] | null;
 	export const chromaValid: (color: string | number[]) => boolean;
-	export const getChromaColor: (input?: string | null | undefined, allowOpacity?: boolean) => chroma.Color | null;
+	export const getChromaColor: (input?: string | null, allowOpacity?: boolean) => chroma.Color | null;
 	export const getLinearGradient: (palette: string[] | PaletteColorStop[]) => string;
 	export const getFixedLinearGradient: (palette: string[] | PaletteColorStop[]) => {
 	    color: string;
@@ -6773,405 +6885,182 @@ declare module '@elastic/eui/src/components/color_picker/color_palette_picker/co
 	export type EuiColorPalettePickerPaletteProps = EuiColorPalettePickerPaletteTextProps | EuiColorPalettePickerPaletteFixedProps | EuiColorPalettePickerPaletteGradientProps;
 	export type EuiColorPalettePickerProps<T extends string> = CommonProps & Omit<EuiSuperSelectProps<T>, 'options' | 'itemLayoutAlign' | 'hasDividers'> & {
 	    /**
-	     *  Specify what should be displayed after a selection: a `palette` or `title`
-	     */
-	    selectionDisplay?: 'palette' | 'title';
-	    /**
-	     * An array of one of the following objects: #EuiColorPalettePickerPaletteText, #EuiColorPalettePickerPaletteFixed, #EuiColorPalettePickerPaletteGradient
-	     */
-	    palettes: EuiColorPalettePickerPaletteProps[];
-	};
-	export const EuiColorPalettePicker: FunctionComponent<EuiColorPalettePickerProps<string>>;
-
-}
-declare module '@elastic/eui/src/components/color_picker/color_palette_picker' {
-	export type { EuiColorPalettePickerProps, EuiColorPalettePickerPaletteTextProps, EuiColorPalettePickerPaletteFixedProps, EuiColorPalettePickerPaletteGradientProps, EuiColorPalettePickerPaletteProps, PaletteColorStop, } from '@elastic/eui/src/components/color_picker/color_palette_picker/color_palette_picker';
-	export { EuiColorPalettePicker } from '@elastic/eui/src/components/color_picker/color_palette_picker/color_palette_picker';
-
-}
-declare module '@elastic/eui/src/services/color/stepped_gradient' {
-	import { PaletteColorStop } from '@elastic/eui/src/components/color_picker/color_palette_picker';
-	export const getSteppedGradient: (colors: PaletteColorStop[], steps: number) => string[];
-
-}
-declare module '@elastic/eui/src/services/color/contrast' {
-	export const wcagContrastMin = 4.5;
-	/**
-	 * Creates a new color that meets or exceeds WCAG level AA
-	 * @param foreground - Color to manipulate
-	 * @param ratio - Amount to change in absolute terms. 0-10.
-	 * *
-	 * @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
-	 */
-	export const makeHighContrastColor: (_foreground: string, ratio?: number) => (themeOrBackground: string | {
-	    [key: string]: any;
-	    colors: {
-	        body: string;
-	    };
-	}) => string;
-	/**
-	 * Creates a new color with increased contrast
-	 * Disabled content only needs a contrast of at least 2 because there is no interaction available
-	 * @param foreground - Color to manipulate
-	 * @param ratio - Amount to change in absolute terms. 0-10.
-	 * *
-	 * @param themeOrBackground - Color to use as the contrast basis
-	 */
-	export const makeDisabledContrastColor: (color: string, ratio?: number) => (themeOrBackground: string | {
-	    [key: string]: any;
-	    colors: {
-	        body: string;
-	    };
-	}) => string;
-
-}
-declare module '@elastic/eui/src/services/color' {
-	export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
-	export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
-	export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
-	export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
-	export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
-	export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
-	export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
-	export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
-	export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
-	export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
-	export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
-	export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
-	export { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteRed, euiPaletteGreen, euiPaletteCool, euiPaletteWarm, euiPaletteGray, type EuiPaletteColorBlindProps, type EuiPaletteRotationProps, type EuiPaletteCommonProps, } from '@elastic/eui/src/services/color/eui_palettes';
-	export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
-	export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
-	export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
-	export * from '@elastic/eui/src/services/color/manipulation';
-	export * from '@elastic/eui/src/services/color/contrast';
-
-}
-declare module '@elastic/eui/src/services/theme/provider' {
-	import React, { PropsWithChildren, HTMLAttributes } from 'react';
-	import type { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiThemeColorMode, EuiThemeHighContrastModeProp, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
-	export interface EuiThemeProviderProps<T> extends PropsWithChildren {
-	    theme?: EuiThemeSystem<T>;
-	    colorMode?: EuiThemeColorMode;
-	    highContrastMode?: EuiThemeHighContrastModeProp;
-	    modify?: EuiThemeModifications<T>;
-	    children: any;
-	    /**
-	     * Nested theme providers will receive a wrapping `span` tag in order to correctly
-	     * set the default text `color` that all nested children will inherit.
-	     *
-	     * If an extra wrapper is not desired, pass `{ cloneElement: true }`.
-	     * This requires a **single** child component that the correct color class can be passed to.
-	     *
-	     * The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
-	     * the default inherited text color will be set on the page `body`.
-	     */
-	    wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
-	        cloneElement?: boolean;
-	    };
-	}
-	export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, highContrastMode: _highContrastMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
-
-}
-declare module '@elastic/eui/src/services/theme' {
-	export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, } from '@elastic/eui/src/services/theme/context';
-	export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
-	export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, } from '@elastic/eui/src/services/theme/hooks';
-	export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
-	export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
-	export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, RenderWithEuiStylesMemoizer, } from '@elastic/eui/src/services/theme/style_memoization';
-	export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
-	export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
-	export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
-	export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
-
-}
-declare module '@elastic/eui/src/services/color/manipulation' {
-	import { EuiThemeColorModeStandard } from '@elastic/eui/src/services/theme';
-	/**
-	 * Makes a color more transparent.
-	 * @param color - Color to manipulate
-	 * @param alpha - alpha channel value. From 0-1.
-	 */
-	export const transparentize: (color: string, alpha: number) => string;
-	/**
-	 * Mixes a provided color with white.
-	 * @param color - Color to mix with white
-	 * @param ratio - Mix weight. From 0-1. Larger value indicates more white.
-	 */
-	export const tint: (color: string, ratio: number) => string;
-	/**
-	 * Mixes a provided color with black.
-	 * @param color - Color to mix with black
-	 * @param ratio - Mix weight. From 0-1. Larger value indicates more black.
-	 */
-	export const shade: (color: string, ratio: number) => string;
-	/**
-	 * Returns the tinted color for light mode and shaded color for dark mode
-	 * @param color - Color to mix with white
-	 * @param ratio - Mix weight. From 0-1. Larger value indicates more white.
-	 * @param colorMode - Light or dark only
-	 */
-	export const tintOrShade: (color: string, ratio: number, colorMode: EuiThemeColorModeStandard) => string;
-	/**
-	 * Returns the shaded color for light mode and tinted color for dark mode
-	 * @param color - Color to mix with white
-	 * @param ratio - Mix weight. From 0-1. Larger value indicates more white.
-	 * @param colorMode - Light or dark only
-	 */
-	export const shadeOrTint: (color: string, ratio: number, colorMode: EuiThemeColorModeStandard) => string;
-	/**
-	 * Increases the saturation of a color by manipulating the hsl saturation.
-	 * @param color - Color to manipulate
-	 * @param amount - Amount to change in absolute terms. 0-1.
-	 */
-	export const saturate: (color: string, amount: number) => string;
-	/**
-	 * Decreases the saturation of a color by manipulating the hsl saturation.
-	 * @param color - Color to manipulate
-	 * @param amount - Amount to change in absolute terms. 0-1.
-	 */
-	export const desaturate: (color: string, amount: number) => string;
-	/**
-	 * Returns the lightness value of a color. 0-100
-	 * @param color
-	 */
-	export const lightness: (color: string) => number;
-	/**
-	 * Returns the darken value of a color. 0-100
-	 * @param color - Color to manipulate
-	 * @param amount - Amount to change in absolute terms. 0-1.
-	 */
-	export const darken: (color: string, amount: number) => string;
-	/**
-	 * Returns the brighten value of a color. 0-100
-	 * @param color - Color to manipulate
-	 * @param amount - Amount to change in absolute terms. 0-1.
-	 */
-	export const brighten: (color: string, amount: number) => string;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_severity' {
-	/**
-	 * These are not actually used, but we map them to ensure token parity.
-	 * They are mapped to other vis colors
-	 */
-	export const severityColors: {
-	    unknown: string;
-	    neutral: string;
-	    success: string;
-	    warning: string;
-	    risk: string;
-	    danger: string;
-	};
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
-	import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
-	export const brand_colors: _EuiThemeBrandColors;
-	export const brand_text_colors: _EuiThemeBrandTextColors;
-	export const shade_colors: _EuiThemeShadeColors;
-	export const special_colors: _EuiThemeSpecialColors;
-	export const text_colors: _EuiThemeTextColors;
-	export const background_colors: _EuiThemeBackgroundColors;
-	export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
-	export const border_colors: _EuiThemeBorderColors;
-	export const light_colors: _EuiThemeColorsMode;
-	export const dark_shades: _EuiThemeShadeColors;
-	export const dark_background_colors: _EuiThemeBackgroundColors;
-	export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
-	export const dark_border_colors: _EuiThemeBorderColors;
-	export const dark_colors_ams: _EuiThemeColorsMode;
-	export const colors: _EuiThemeColors;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
-	import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
-	export const animation_speed: _EuiThemeAnimationSpeeds;
-	export const animation_ease: _EuiThemeAnimationEasings;
-	export const animation: _EuiThemeAnimation;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
-	export { breakpoint } from '@elastic/eui-theme-common';
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
-	import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
-	export const base: _EuiThemeBase;
-	export const size: _EuiThemeSizes;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
-	import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
-	export const border: _EuiThemeBorder;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
-	import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
-	export const levels: _EuiThemeLevels;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
-	import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
-	export const fontScale: _EuiThemeFontScales;
-	export const fontBase: _EuiThemeFontBase;
-	export const fontWeight: _EuiThemeFontWeights;
-	export const font: _EuiThemeFont;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
-	import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
-	export const focus: _EuiThemeFocus;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
-	import { _EuiThemeButton } from '@elastic/eui-theme-common';
-	export const buttons: _EuiThemeButton;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
-	export const forms: {
-	    maxWidth: string;
-	    LIGHT: {
-	        background: string;
-	        backgroundDisabled: string;
-	        backgroundReadOnly: any;
-	        backgroundFocused: any;
-	        backgroundAutofilled: string;
-	        prependBackground: string;
-	        border: string;
-	        borderAutofilled: string;
-	        controlBorder: string;
-	        controlBorderSelected: string;
-	        controlBorderDisabled: string;
-	        controlBackgroundUnselected: any;
-	        controlBackgroundDisabled: any;
-	        colorHasPlaceholder: string;
-	        colorDisabled: any;
-	        iconDisabled: any;
-	    };
-	    DARK: {
-	        background: string;
-	        backgroundFocused: string;
-	        backgroundAutofilled: string;
-	        prependBackground: string;
-	        border: string;
-	        controlBorder: string;
-	        controlBorderSelected: string;
-	        controlBorderDisabled: string;
-	        backgroundDisabled: string;
-	        backgroundReadOnly: any;
-	        borderAutofilled: string;
-	        controlBackgroundUnselected: any;
-	        controlBackgroundDisabled: any;
-	        colorHasPlaceholder: string;
-	        colorDisabled: any;
-	        iconDisabled: any;
-	    };
+	     *  Specify what should be displayed after a selection: a `palette` or `title`
+	     */
+	    selectionDisplay?: 'palette' | 'title';
+	    /**
+	     * An array of one of the following objects: #EuiColorPalettePickerPaletteText, #EuiColorPalettePickerPaletteFixed, #EuiColorPalettePickerPaletteGradient
+	     */
+	    palettes: EuiColorPalettePickerPaletteProps[];
 	};
+	export const EuiColorPalettePicker: FunctionComponent<EuiColorPalettePickerProps<string>>;
 
 }
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
-	import { _EuiThemeComponents } from '@elastic/eui-theme-common';
-	export const components: _EuiThemeComponents;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/theme' {
-	import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
-	export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
-	export const euiThemeAmsterdam: EuiThemeShape;
-	export const EuiThemeAmsterdam: {
-	    model: EuiThemeShape;
-	    root: EuiThemeShape;
-	    key: string;
-	};
+declare module '@elastic/eui/src/components/color_picker/color_palette_picker' {
+	export type { EuiColorPalettePickerProps, EuiColorPalettePickerPaletteTextProps, EuiColorPalettePickerPaletteFixedProps, EuiColorPalettePickerPaletteGradientProps, EuiColorPalettePickerPaletteProps, PaletteColorStop, } from '@elastic/eui/src/components/color_picker/color_palette_picker/color_palette_picker';
+	export { EuiColorPalettePicker } from '@elastic/eui/src/components/color_picker/color_palette_picker/color_palette_picker';
 
 }
-declare module '@elastic/eui/src/services/theme/context' {
-	import { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeSystem, EuiThemeComputed, EuiThemeNested } from '@elastic/eui/src/services/theme/types';
-	export const DEFAULTS: {
-	    system: {
-	        model: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
-	        root: import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape;
-	        key: string;
-	    };
-	    modifications: {};
-	    colorMode: "LIGHT";
-	    highContrastMode: false;
-	};
-	export const EuiSystemContext: import("react").Context<EuiThemeSystem<{}>>;
-	export const EuiModificationsContext: import("react").Context<import("@elastic/eui-theme-common").RecursivePartial<import("@elastic/eui-theme-common").EuiThemeShapeBase & {
-	    overrides?: import("@elastic/eui-theme-common")._EuiThemeOverrides | undefined;
-	}>>;
-	export const EuiColorModeContext: import("react").Context<EuiThemeColorModeStandard>;
-	export const EuiHighContrastModeContext: import("react").Context<EuiThemeHighContrastMode>;
-	export const defaultComputedTheme: EuiThemeComputed<import("@elastic/eui-theme-common/lib/cjs/services/theme/types").EuiThemeShape>;
-	export const EuiThemeContext: import("react").Context<EuiThemeComputed<{}>>;
-	export const EuiNestedThemeContext: import("react").Context<EuiThemeNested>;
+declare module '@elastic/eui/src/services/color/stepped_gradient' {
+	import { PaletteColorStop } from '@elastic/eui/src/components/color_picker/color_palette_picker';
+	export const getSteppedGradient: (colors: PaletteColorStop[], steps: number) => string[];
 
 }
-declare module '@elastic/eui/src/services/theme/hooks' {
-	import React from 'react';
-	import type { EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeModifications, EuiThemeComputed } from '@elastic/eui-theme-common';
+declare module '@elastic/eui/src/services/color/manipulation' {
+	import { EuiThemeColorModeStandard } from '@elastic/eui/src/services/theme';
 	/**
-	 * Hook for function components
+	 * Makes a color more transparent.
+	 * @param color - Color to manipulate
+	 * @param alpha - alpha channel value. From 0-1.
 	 */
-	export interface UseEuiTheme<T extends {} = {}> {
-	    euiTheme: EuiThemeComputed<T>;
-	    colorMode: EuiThemeColorModeStandard;
-	    highContrastMode: EuiThemeHighContrastMode;
-	    modifications: EuiThemeModifications<T>;
-	}
-	export const useEuiTheme: <T extends {} = {}>() => UseEuiTheme<T>;
+	export const transparentize: (color: string, alpha: number) => string;
 	/**
-	 * HOC for class components
+	 * Mixes a provided color with white.
+	 * @param color - Color to mix with white
+	 * @param ratio - Mix weight. From 0-1. Larger value indicates more white.
 	 */
-	export interface WithEuiThemeProps<P extends {} = {}> {
-	    theme: UseEuiTheme<P>;
-	}
-	export const withEuiTheme: <T extends {} = {}, U extends {} = {}>(Component: React.ComponentType<T & WithEuiThemeProps<U>>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<T, "theme">> & React.RefAttributes<Omit<T, "theme">>>;
+	export const tint: (color: string, ratio: number) => string;
 	/**
-	 * Render prop alternative for complex class components
-	 * Most useful for scenarios where a HOC may interfere with typing
+	 * Mixes a provided color with black.
+	 * @param color - Color to mix with black
+	 * @param ratio - Mix weight. From 0-1. Larger value indicates more black.
 	 */
-	export const RenderWithEuiTheme: <T extends {} = {}>({ children, }: {
-	    children: (theme: UseEuiTheme) => React.ReactElement;
-	}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+	export const shade: (color: string, ratio: number) => string;
 	/**
-	 * Minor syntactical sugar hook for theme CSS variables.
-	 * Primarily meant for internal EUI usage.
+	 * Returns the tinted color for light mode and shaded color for dark mode
+	 * @param color - Color to mix with white
+	 * @param ratio - Mix weight. From 0-1. Larger value indicates more white.
+	 * @param colorMode - Light or dark only
 	 */
-	export const useEuiThemeCSSVariables: () => {
-	    setGlobalCSSVariables: Function;
-	    globalCSSVariables: import("@emotion/serialize").CSSObject | undefined;
-	    setNearestThemeCSSVariables: Function;
-	    themeCSSVariables: import("@emotion/serialize").CSSObject | undefined;
-	};
-
-}
-declare module '@elastic/eui/src/services/breakpoint/current_breakpoint' {
-	import React, { FunctionComponent, PropsWithChildren } from 'react';
-	import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint'; type CurrentEuiBreakpoint = _EuiThemeBreakpoint | undefined;
-	export const CurrentEuiBreakpointContext: React.Context<CurrentEuiBreakpoint>;
+	export const tintOrShade: (color: string, ratio: number, colorMode: EuiThemeColorModeStandard) => string;
 	/**
-	 * Returns the current breakpoint based on window width.
-	 * Typically only called by the top-level `EuiProvider` (to reduce the number
-	 * of window resize listeners on the page). Also conditionally called if a
-	 * nested `EuiThemeProvider` defines a `modify.breakpoint` override
+	 * Returns the shaded color for light mode and tinted color for dark mode
+	 * @param color - Color to mix with white
+	 * @param ratio - Mix weight. From 0-1. Larger value indicates more white.
+	 * @param colorMode - Light or dark only
 	 */
-	export const CurrentEuiBreakpointProvider: FunctionComponent<PropsWithChildren>;
-	export {};
+	export const shadeOrTint: (color: string, ratio: number, colorMode: EuiThemeColorModeStandard) => string;
+	/**
+	 * Increases the saturation of a color by manipulating the hsl saturation.
+	 * @param color - Color to manipulate
+	 * @param amount - Amount to change in absolute terms. 0-1.
+	 */
+	export const saturate: (color: string, amount: number) => string;
+	/**
+	 * Decreases the saturation of a color by manipulating the hsl saturation.
+	 * @param color - Color to manipulate
+	 * @param amount - Amount to change in absolute terms. 0-1.
+	 */
+	export const desaturate: (color: string, amount: number) => string;
+	/**
+	 * Returns the lightness value of a color. 0-100
+	 * @param color
+	 */
+	export const lightness: (color: string) => number;
+	/**
+	 * Returns the darken value of a color. 0-100
+	 * @param color - Color to manipulate
+	 * @param amount - Amount to change in absolute terms. 0-1.
+	 */
+	export const darken: (color: string, amount: number) => string;
+	/**
+	 * Returns the brighten value of a color. 0-100
+	 * @param color - Color to manipulate
+	 * @param amount - Amount to change in absolute terms. 0-1.
+	 */
+	export const brighten: (color: string, amount: number) => string;
 
 }
-declare module '@elastic/eui/src/services/breakpoint/current_breakpoint_hook' {
+declare module '@elastic/eui/src/services/color/contrast' {
+	export const wcagContrastMin = 4.5;
 	/**
-	 * Hook util / syntactical sugar for useContext()
-	 *
-	 * This hook is in its own separate file to make mocking it
-	 * as a testenv easy for Jest unit tests
+	 * Creates a new color that meets or exceeds WCAG level AA
+	 * @param foreground - Color to manipulate
+	 * @param ratio - Amount to change in absolute terms. 0-10.
+	 * *
+	 * @param themeOrBackground - Color to use as the contrast basis or just pass EuiTheme
 	 */
-	export const useCurrentEuiBreakpoint: () => string | undefined;
+	export const makeHighContrastColor: (_foreground: string, ratio?: number) => (themeOrBackground: string | {
+	    colors: {
+	        body: string;
+	    };
+	    [key: string]: any;
+	}) => string;
+	/**
+	 * Creates a new color with increased contrast
+	 * Disabled content only needs a contrast of at least 2 because there is no interaction available
+	 * @param foreground - Color to manipulate
+	 * @param ratio - Amount to change in absolute terms. 0-10.
+	 * *
+	 * @param themeOrBackground - Color to use as the contrast basis
+	 */
+	export const makeDisabledContrastColor: (color: string, ratio?: number) => (themeOrBackground: string | {
+	    colors: {
+	        body: string;
+	    };
+	    [key: string]: any;
+	}) => string;
+
+}
+declare module '@elastic/eui/src/services/color' {
+	export { isColorDark } from '@elastic/eui/src/services/color/is_color_dark';
+	export { isValidHex } from '@elastic/eui/src/services/color/is_valid_hex';
+	export { hexToHsv } from '@elastic/eui/src/services/color/hex_to_hsv';
+	export { hexToRgb } from '@elastic/eui/src/services/color/hex_to_rgb';
+	export { hsvToHex } from '@elastic/eui/src/services/color/hsv_to_hex';
+	export { hsvToRgb } from '@elastic/eui/src/services/color/hsv_to_rgb';
+	export { rgbToHex } from '@elastic/eui/src/services/color/rgb_to_hex';
+	export { rgbToHsv } from '@elastic/eui/src/services/color/rgb_to_hsv';
+	export { calculateContrast, calculateLuminance, } from '@elastic/eui/src/services/color/luminance_and_contrast';
+	export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, } from '@elastic/eui/src/services/color/visualization_colors';
+	export { EUI_VIS_COLOR_STORE } from '@elastic/eui/src/services/color/vis_color_store';
+	export { colorPalette } from '@elastic/eui/src/services/color/color_palette';
+	export { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteRed, euiPaletteGreen, euiPaletteCool, euiPaletteWarm, euiPaletteGray, type EuiPaletteColorBlindProps, type EuiPaletteRotationProps, type EuiPaletteCommonProps, } from '@elastic/eui/src/services/color/eui_palettes';
+	export * from '@elastic/eui/src/services/color/eui_palettes_hooks';
+	export type { rgbDef, HSV, RGB } from '@elastic/eui/src/services/color/color_types';
+	export { getSteppedGradient } from '@elastic/eui/src/services/color/stepped_gradient';
+	export * from '@elastic/eui/src/services/color/manipulation';
+	export * from '@elastic/eui/src/services/color/contrast';
+
+}
+declare module '@elastic/eui/src/services/theme/provider' {
+	import React, { PropsWithChildren, HTMLAttributes } from 'react';
+	import type { CommonProps } from '@elastic/eui/src/components/common';
+	import { EuiThemeColorMode, EuiThemeHighContrastModeProp, EuiThemeSystem, EuiThemeModifications } from '@elastic/eui/src/services/theme/types';
+	export interface EuiThemeProviderProps<T> extends PropsWithChildren {
+	    theme?: EuiThemeSystem<T>;
+	    colorMode?: EuiThemeColorMode;
+	    highContrastMode?: EuiThemeHighContrastModeProp;
+	    modify?: EuiThemeModifications<T>;
+	    children: any;
+	    /**
+	     * Nested theme providers will receive a wrapping `span` tag in order to correctly
+	     * set the default text `color` that all nested children will inherit.
+	     *
+	     * If an extra wrapper is not desired, pass `{ cloneElement: true }`.
+	     * This requires a **single** child component that the correct color class can be passed to.
+	     *
+	     * The parent level `EuiProvider`/`EuiThemeProvider` will **not** render a wrapper element, as
+	     * the default inherited text color will be set on the page `body`.
+	     */
+	    wrapperProps?: HTMLAttributes<HTMLElement> & CommonProps & {
+	        cloneElement?: boolean;
+	    };
+	}
+	export const EuiThemeProvider: <T extends {} = {}>({ theme: _system, colorMode: _colorMode, highContrastMode: _highContrastMode, modify: _modifications, children, wrapperProps, }: EuiThemeProviderProps<T>) => React.JSX.Element;
+
+}
+declare module '@elastic/eui/src/services/theme' {
+	export { EuiSystemContext, EuiThemeContext, EuiNestedThemeContext, EuiModificationsContext, EuiColorModeContext, EuiHighContrastModeContext, } from '@elastic/eui/src/services/theme/context';
+	export type { UseEuiTheme, WithEuiThemeProps } from '@elastic/eui/src/services/theme/hooks';
+	export { useEuiTheme, withEuiTheme, RenderWithEuiTheme, useEuiThemeCSSVariables, } from '@elastic/eui/src/services/theme/hooks';
+	export type { EuiThemeProviderProps } from '@elastic/eui/src/services/theme/provider';
+	export { EuiThemeProvider } from '@elastic/eui/src/services/theme/provider';
+	export { useEuiMemoizedStyles, withEuiStylesMemoizer, type WithEuiStylesMemoizerProps, RenderWithEuiStylesMemoizer, } from '@elastic/eui/src/services/theme/style_memoization';
+	export { getEuiDevProviderWarning, setEuiDevProviderWarning } from '@elastic/eui/src/services/theme/warning';
+	export { buildTheme, computed, isInverseColorMode, getColorMode, getComputed, getOn, mergeDeep, setOn, Computed, } from '@elastic/eui/src/services/theme/utils';
+	export type { ComputedThemeShape, EuiThemeColorMode, EuiThemeColorModeStandard, EuiThemeHighContrastMode, EuiThemeHighContrastModeProp, EuiThemeComputed, EuiThemeModifications, EuiThemeShape, EuiThemeSystem, } from '@elastic/eui/src/services/theme/types';
+	export { COLOR_MODES_STANDARD } from '@elastic/eui/src/services/theme/types';
 
 }
 declare module '@elastic/eui/src/services/breakpoint/is_within_hooks' {
@@ -7285,7 +7174,7 @@ declare module '@elastic/eui/src/services/findElement' {
 	 * returns a DOM node.
 	 */
 	export type ElementTarget = HTMLElement | string | (() => HTMLElement);
-	export const findElementBySelectorOrRef: (elementTarget?: ElementTarget | undefined) => HTMLElement | null;
+	export const findElementBySelectorOrRef: (elementTarget?: ElementTarget) => HTMLElement | null;
 
 }
 declare module '@elastic/eui/src/services/format/format_boolean' {
@@ -7297,7 +7186,8 @@ declare module '@elastic/eui/src/services/format/format_boolean' {
 
 }
 declare module '@elastic/eui/src/services/format/format_date' {
-	import moment from 'moment'; type CalendarOptions = moment.CalendarSpec & {
+	import moment from 'moment';
+	type CalendarOptions = moment.CalendarSpec & {
 	    refTime?: moment.MomentInput;
 	};
 	export const dateFormatAliases: {
@@ -7313,7 +7203,8 @@ declare module '@elastic/eui/src/services/format/format_date' {
 	    calendar: (value: moment.MomentInput, options?: CalendarOptions) => string;
 	    calendarDateTime: (value: moment.MomentInput, options: moment.CalendarSpec) => string;
 	    calendarDate: (value: moment.MomentInput, options: moment.CalendarSpec) => string;
-	}; type DateFormat = keyof typeof dateFormatAliases;
+	};
+	type DateFormat = keyof typeof dateFormatAliases;
 	interface FormatDateConfig {
 	    format: DateFormat;
 	    nil: string;
@@ -7329,7 +7220,7 @@ declare module '@elastic/eui/src/services/format/format_number' {
 	    nil: string;
 	    round: boolean;
 	}
-	export const formatNumber: (value?: number | null | undefined, numberFormatOrConfig?: string | Partial<FormatNumberConfig>) => string;
+	export const formatNumber: (value?: number | null, numberFormatOrConfig?: string | Partial<FormatNumberConfig>) => string;
 	export {};
 
 }
@@ -7397,9 +7288,9 @@ declare module '@elastic/eui/src/services/security/get_secure_rel_for_target' {
 	 * https://www.jitbit.com/alexblog/256-targetblank---the-most-underestimated-vulnerability-ever/
 	 */
 	export const getSecureRelForTarget: ({ target, rel, }: {
-	    href?: string | undefined;
-	    target?: string | undefined;
-	    rel?: string | undefined;
+	    href?: string;
+	    target?: "_blank" | "_self" | "_parent" | "_top" | string;
+	    rel?: string;
 	}) => string;
 
 }
@@ -7477,7 +7368,7 @@ declare module '@elastic/eui/src/services/sort/property_sort' {
 	import { Direction } from '@elastic/eui/src/services/sort/sort_direction';
 	export const PropertySortType: PropTypes.Requireable<PropTypes.InferProps<{
 	    field: PropTypes.Validator<string>;
-	    direction: PropTypes.Validator<"desc" | "asc">;
+	    direction: PropTypes.Validator<NonNullable<"desc" | "asc">>;
 	}>>;
 	export interface PropertySort {
 	    field: string;
@@ -7553,7 +7444,8 @@ declare module '@elastic/eui/src/services/transition' {
 
 }
 declare module '@elastic/eui/src/services/window_event/window_event' {
-	import { Component } from 'react'; type EventNames = keyof WindowEventMap;
+	import { Component } from 'react';
+	type EventNames = keyof WindowEventMap;
 	interface Props<Ev extends EventNames> {
 	    event: Ev;
 	    handler: (this: Window, ev: WindowEventMap[Ev]) => any;
@@ -7686,7 +7578,8 @@ declare module '@elastic/eui/src/components/accessibility/skip_link/skip_link' {
 	import { FunctionComponent, Ref } from 'react';
 	import { EuiButtonProps } from '@elastic/eui/src/components/button/button';
 	import { PropsForAnchor } from '@elastic/eui/src/components/common';
-	export const POSITIONS: readonly ["static", "fixed", "absolute"]; type Positions = (typeof POSITIONS)[number];
+	export const POSITIONS: readonly ["static", "fixed", "absolute"];
+	type Positions = (typeof POSITIONS)[number];
 	interface EuiSkipLinkInterface extends EuiButtonProps {
 	    /**
 	     * Change the display position of the element when focused.
@@ -7755,7 +7648,8 @@ declare module '@elastic/eui/src/components/accordion/accordion_trigger/accordio
 }
 declare module '@elastic/eui/src/components/accordion/accordion_trigger/accordion_button' {
 	import { FunctionComponent, PropsWithChildren, HTMLAttributes } from 'react';
-	import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionButtonProps = PropsWithChildren & HTMLAttributes<HTMLElement> & Required<Pick<EuiAccordionProps, 'buttonElement'>> & Pick<EuiAccordionProps, 'buttonClassName' | 'buttonProps' | 'buttonContentClassName' | 'isDisabled' | 'arrowDisplay'>;
+	import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion';
+	type _EuiAccordionButtonProps = PropsWithChildren & HTMLAttributes<HTMLElement> & Required<Pick<EuiAccordionProps, 'buttonElement'>> & Pick<EuiAccordionProps, 'buttonClassName' | 'buttonProps' | 'buttonContentClassName' | 'isDisabled' | 'arrowDisplay'>;
 	export const EuiAccordionButton: FunctionComponent<_EuiAccordionButtonProps>;
 	export {};
 
@@ -7774,7 +7668,8 @@ declare module '@elastic/eui/src/components/accordion/accordion_trigger/accordio
 declare module '@elastic/eui/src/components/accordion/accordion_trigger/accordion_arrow' {
 	import { FunctionComponent } from 'react';
 	import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
-	import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionArrowProps = Partial<EuiButtonIconPropsForButton> & Pick<EuiAccordionProps, 'arrowDisplay' | 'arrowProps'> & {
+	import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion';
+	type _EuiAccordionArrowProps = Partial<EuiButtonIconPropsForButton> & Pick<EuiAccordionProps, 'arrowDisplay' | 'arrowProps'> & {
 	    isOpen: boolean;
 	};
 	export const EuiAccordionArrow: FunctionComponent<_EuiAccordionArrowProps>;
@@ -7783,7 +7678,8 @@ declare module '@elastic/eui/src/components/accordion/accordion_trigger/accordio
 }
 declare module '@elastic/eui/src/components/accordion/accordion_trigger/accordion_trigger' {
 	import { FunctionComponent, MouseEventHandler } from 'react';
-	import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionTriggerProps = Pick<EuiAccordionProps, 'arrowDisplay' | 'arrowProps' | 'buttonElement' | 'buttonClassName' | 'buttonProps' | 'buttonContent' | 'buttonContentClassName' | 'extraAction' | 'isDisabled'> & {
+	import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion';
+	type _EuiAccordionTriggerProps = Pick<EuiAccordionProps, 'arrowDisplay' | 'arrowProps' | 'buttonElement' | 'buttonClassName' | 'buttonProps' | 'buttonContent' | 'buttonContentClassName' | 'extraAction' | 'isDisabled'> & {
 	    isOpen: boolean;
 	    ariaControlsId: string;
 	    buttonId: string;
@@ -7799,7 +7695,8 @@ declare module '@elastic/eui/src/components/accordion/accordion_trigger' {
 }
 declare module '@elastic/eui/src/components/accordion/accordion_children/accordion_children_loading' {
 	import { FunctionComponent } from 'react';
-	import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionChildrenLoadingProps = Pick<EuiAccordionProps, 'isLoadingMessage'>;
+	import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion';
+	type _EuiAccordionChildrenLoadingProps = Pick<EuiAccordionProps, 'isLoadingMessage'>;
 	export const EuiAccordionChildrenLoading: FunctionComponent<_EuiAccordionChildrenLoadingProps>;
 	export {};
 
@@ -7825,7 +7722,8 @@ declare module '@elastic/eui/src/components/accordion/accordion_children/accordi
 }
 declare module '@elastic/eui/src/components/accordion/accordion_children/accordion_children' {
 	import { FunctionComponent, HTMLAttributes } from 'react';
-	import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionChildrenProps = HTMLAttributes<HTMLDivElement> & Pick<EuiAccordionProps, 'role' | 'children' | 'paddingSize' | 'initialIsOpen' | 'isLoading' | 'isLoadingMessage'> & {
+	import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion';
+	type _EuiAccordionChildrenProps = HTMLAttributes<HTMLDivElement> & Pick<EuiAccordionProps, 'role' | 'children' | 'paddingSize' | 'initialIsOpen' | 'isLoading' | 'isLoadingMessage'> & {
 	    isOpen: boolean;
 	};
 	export const EuiAccordionChildren: FunctionComponent<_EuiAccordionChildrenProps>;
@@ -7940,7 +7838,8 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
 	     * Disable the open/close interaction and visually subdues the trigger
 	     */
 	    isDisabled?: boolean;
-	}; type EuiAccordionState = {
+	};
+	type EuiAccordionState = {
 	    isOpen: boolean;
 	};
 	export class EuiAccordionClass extends Component<WithEuiThemeProps & EuiAccordionProps, EuiAccordionState> {
@@ -8044,7 +7943,12 @@ declare module '@elastic/eui/src/components/avatar/avatar' {
 	export const TYPES: readonly ["space", "user"];
 	export type EuiAvatarType = (typeof TYPES)[number];
 	export const CASING: readonly ["capitalize", "uppercase", "lowercase", "none"];
-	export type EuiAvatarCasing = (typeof CASING)[number]; type _EuiAvatarContent = ExclusiveUnion<ExclusiveUnion<{
+	export type EuiAvatarCasing = (typeof CASING)[number];
+	/**
+	 * The avatar can only display one type of content,
+	 * initials, or image, or iconType
+	 */
+	type _EuiAvatarContent = ExclusiveUnion<ExclusiveUnion<{
 	    /**
 	     * Custom initials (max 2 characters).
 	     * By default will take the first character (of each word).
@@ -8104,7 +8008,7 @@ declare module '@elastic/eui/src/components/avatar/avatar' {
 	    isDisabled?: boolean;
 	};
 	export const EuiAvatar: FunctionComponent<EuiAvatarProps>;
-	export const checkValidColor: (color: EuiAvatarProps['color']) => void;
+	export const checkValidColor: (color: EuiAvatarProps["color"]) => void;
 	export {};
 
 }
@@ -8230,7 +8134,7 @@ declare module '@elastic/eui/src/components/badge/color_utils' {
 	};
 	export const getTextColor: ({ euiTheme }: UseEuiTheme, bgColor: string) => string;
 	export const getColorContrast: (textColor: string, color: string) => number;
-	export const getIsValidColor: (color?: string | undefined) => boolean;
+	export const getIsValidColor: (color?: string) => boolean;
 
 }
 declare module '@elastic/eui/src/components/badge/badge.styles' {
@@ -8271,8 +8175,11 @@ declare module '@elastic/eui/src/components/badge/badge' {
 	import { AriaAttributes, FunctionComponent, HTMLAttributes, MouseEventHandler } from 'react';
 	import { CommonProps, ExclusiveUnion, PropsOf } from '@elastic/eui/src/components/common';
 	import { EuiIcon, IconType } from '@elastic/eui/src/components/icon';
-	export const ICON_SIDES: readonly ["left", "right"]; type IconSide = (typeof ICON_SIDES)[number];
-	export const COLORS: readonly ["default", "hollow", "primary", "accent", "neutral", "success", "warning", "risk", "danger"]; type BadgeColor = (typeof COLORS)[number]; type WithButtonProps = {
+	export const ICON_SIDES: readonly ["left", "right"];
+	type IconSide = (typeof ICON_SIDES)[number];
+	export const COLORS: readonly ["default", "hollow", "primary", "accent", "neutral", "success", "warning", "risk", "danger"];
+	type BadgeColor = (typeof COLORS)[number];
+	type WithButtonProps = {
 	    /**
 	     * Will apply an onclick to the badge itself
 	     */
@@ -8281,11 +8188,13 @@ declare module '@elastic/eui/src/components/badge/badge' {
 	     * Aria label applied to the onClick button
 	     */
 	    onClickAriaLabel: AriaAttributes['aria-label'];
-	} & Omit<HTMLAttributes<HTMLButtonElement>, 'onClick' | 'color'>; type WithAnchorProps = {
+	} & Omit<HTMLAttributes<HTMLButtonElement>, 'onClick' | 'color'>;
+	type WithAnchorProps = {
 	    href: string;
 	    target?: string;
 	    rel?: string;
-	} & Omit<HTMLAttributes<HTMLAnchorElement>, 'href' | 'color' | 'onClick'>; type WithSpanProps = Omit<HTMLAttributes<HTMLSpanElement>, 'onClick' | 'color'>;
+	} & Omit<HTMLAttributes<HTMLAnchorElement>, 'href' | 'color' | 'onClick'>;
+	type WithSpanProps = Omit<HTMLAttributes<HTMLSpanElement>, 'onClick' | 'color'>;
 	interface WithIconOnClick {
 	    /**
 	     * Will apply an onclick to icon within the badge
@@ -8358,7 +8267,8 @@ declare module '@elastic/eui/src/components/badge/beta_badge/beta_badge' {
 	export const SIZES: readonly ["s", "m"];
 	export type BetaBadgeSize = (typeof SIZES)[number];
 	export const ALIGNMENTS: readonly ["baseline", "middle"];
-	export type BetaBadgeAlignment = (typeof ALIGNMENTS)[number]; type WithButtonProps = {
+	export type BetaBadgeAlignment = (typeof ALIGNMENTS)[number];
+	type WithButtonProps = {
 	    /**
 	     * Will apply an onclick to the badge itself
 	     */
@@ -8367,11 +8277,14 @@ declare module '@elastic/eui/src/components/badge/beta_badge/beta_badge' {
 	     * Aria label applied to the onClick button
 	     */
 	    onClickAriaLabel?: AriaAttributes['aria-label'];
-	} & Omit<HTMLAttributes<HTMLButtonElement>, 'onClick' | 'color'>; type WithAnchorProps = {
+	} & Omit<HTMLAttributes<HTMLButtonElement>, 'onClick' | 'color'>;
+	type WithAnchorProps = {
 	    href: string;
 	    target?: string;
 	    rel?: string;
-	} & Omit<HTMLAttributes<HTMLAnchorElement>, 'href' | 'color' | 'onClick'>; type WithSpanProps = Omit<HTMLAttributes<HTMLSpanElement>, 'onClick' | 'color' | 'title'>; type LabelAsNode = ExclusiveUnion<{
+	} & Omit<HTMLAttributes<HTMLAnchorElement>, 'href' | 'color' | 'onClick'>;
+	type WithSpanProps = Omit<HTMLAttributes<HTMLSpanElement>, 'onClick' | 'color' | 'title'>;
+	type LabelAsNode = ExclusiveUnion<{
 	    title: string;
 	    tooltipContent?: ReactNode;
 	}, {
@@ -8379,12 +8292,14 @@ declare module '@elastic/eui/src/components/badge/beta_badge/beta_badge' {
 	    title?: string;
 	}> & {
 	    label: ReactNode;
-	}; type LabelAsString = {
+	};
+	type LabelAsString = {
 	    /**
 	     * One word label like "Beta" or "Lab"
 	     */
 	    label: string;
-	}; type BadgeProps = {
+	};
+	type BadgeProps = {
 	    /**
 	     * Supply an icon type if the badge should just be an icon
 	     */
@@ -8478,7 +8393,8 @@ declare module '@elastic/eui/src/components/badge/badge_group/badge_group.styles
 declare module '@elastic/eui/src/components/badge/badge_group/badge_group' {
 	import React, { ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	export const GUTTER_SIZES: readonly ["none", "xs", "s"]; type BadgeGroupGutterSize = (typeof GUTTER_SIZES)[number];
+	export const GUTTER_SIZES: readonly ["none", "xs", "s"];
+	type BadgeGroupGutterSize = (typeof GUTTER_SIZES)[number];
 	export interface EuiBadgeGroupProps {
 	    /**
 	     * Space between badges
@@ -8562,9 +8478,11 @@ declare module '@elastic/eui/src/components/bottom_bar/bottom_bar' {
 	import React, { CSSProperties, HTMLAttributes } from 'react';
 	import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
 	import { EuiPortalProps } from '@elastic/eui/src/components/portal';
-	export const PADDING_SIZES: readonly ["none", "s", "m", "l"]; type BottomBarPaddingSize = (typeof PADDING_SIZES)[number];
+	export const PADDING_SIZES: readonly ["none", "s", "m", "l"];
+	type BottomBarPaddingSize = (typeof PADDING_SIZES)[number];
 	export const POSITIONS: readonly ["static", "fixed", "sticky"];
-	export type _BottomBarPosition = (typeof POSITIONS)[number]; type _BottomBarExclusivePositions = ExclusiveUnion<{
+	export type _BottomBarPosition = (typeof POSITIONS)[number];
+	type _BottomBarExclusivePositions = ExclusiveUnion<{
 	    position?: 'fixed';
 	    /**
 	     * Whether to wrap in an EuiPortal which appends the component to the body element.
@@ -8859,11 +8777,13 @@ declare module '@elastic/eui/src/components/breadcrumbs/breadcrumbs' {
 	import { ExclusiveUnion } from '@elastic/eui/src/components/common';
 	import type { EuiBreadcrumbsProps, EuiBreadcrumbProps } from '@elastic/eui/src/components/breadcrumbs/types';
 	export const EuiBreadcrumbs: FunctionComponent<EuiBreadcrumbsProps>;
-	export const useResponsiveMax: (responsive: EuiBreadcrumbsProps['responsive'], max: EuiBreadcrumbsProps['max']) => number | null | undefined; type _EuiBreadcrumbCollapsedObj = {
+	export const useResponsiveMax: (responsive: EuiBreadcrumbsProps["responsive"], max: EuiBreadcrumbsProps["max"]) => number | null | undefined;
+	type _EuiBreadcrumbCollapsedObj = {
 	    isCollapsedButton: true;
 	    overflowBreadcrumbs: EuiBreadcrumbProps[];
-	}; type _EuiBreadcrumbsObjs = Array<ExclusiveUnion<EuiBreadcrumbProps, _EuiBreadcrumbCollapsedObj>>;
-	export const limitBreadcrumbs: (breadcrumbs: EuiBreadcrumbsProps['breadcrumbs'], max: number) => _EuiBreadcrumbsObjs;
+	};
+	type _EuiBreadcrumbsObjs = Array<ExclusiveUnion<EuiBreadcrumbProps, _EuiBreadcrumbCollapsedObj>>;
+	export const limitBreadcrumbs: (breadcrumbs: EuiBreadcrumbsProps["breadcrumbs"], max: number) => _EuiBreadcrumbsObjs;
 	export {};
 
 }
@@ -8882,7 +8802,7 @@ declare module '@elastic/eui/src/components/panel/split_panel/split_panel.styles
 	export const euiSplitPanelInnerStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiSplitPanelInner: import("@emotion/react").SerializedStyles;
 	    highContrastBorders: {
-	        _renderBorder: (direction: 'right' | 'bottom') => string;
+	        _renderBorder: (direction: "right" | "bottom") => string;
 	        readonly column: string;
 	        readonly row: string;
 	    };
@@ -8973,7 +8893,9 @@ declare module '@elastic/eui/src/components/call_out/call_out' {
 	import { IconType } from '@elastic/eui/src/components/icon';
 	export const COLORS: readonly ["primary", "success", "warning", "danger", "accent"];
 	export type Color = (typeof COLORS)[number];
-	export const HEADINGS: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "p"]; type Heading = (typeof HEADINGS)[number]; type Size = 's' | 'm';
+	export const HEADINGS: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "p"];
+	type Heading = (typeof HEADINGS)[number];
+	type Size = 's' | 'm';
 	export type EuiCallOutProps = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> & {
 	    title?: ReactNode;
 	    iconType?: IconType;
@@ -8991,10 +8913,10 @@ declare module '@elastic/eui/src/components/call_out/call_out' {
 	};
 	export const EuiCallOut: React.ForwardRefExoticComponent<CommonProps & Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "color"> & {
 	    title?: ReactNode;
-	    iconType?: IconType | undefined;
-	    color?: "primary" | "accent" | "success" | "warning" | "danger" | undefined;
-	    size?: Size | undefined;
-	    heading?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
+	    iconType?: IconType;
+	    color?: Color;
+	    size?: Size;
+	    heading?: Heading;
 	    /**
 	     * Passing an `onDismiss` callback will render a cross in the top right hand corner
 	     * of the callout.
@@ -9002,7 +8924,7 @@ declare module '@elastic/eui/src/components/call_out/call_out' {
 	     * This callback fires when users click this button, which allows conditionally
 	     * removing the callout or other actions.
 	     */
-	    onDismiss?: (() => void) | undefined;
+	    onDismiss?: () => void;
 	} & React.RefAttributes<HTMLDivElement>>;
 	export {};
 
@@ -9039,7 +8961,7 @@ declare module '@elastic/eui/src/components/card/card.styles' {
 	 * 3. Horizontal layouts should always top left align no matter the textAlign prop
 	 * 4. Ensures the contents always stretch no matter the flex layout
 	 */
-	export const euiCardStyles: (euiThemeContext: UseEuiTheme, paddingSize: EuiCardProps['paddingSize']) => {
+	export const euiCardStyles: (euiThemeContext: UseEuiTheme, paddingSize: EuiCardProps["paddingSize"]) => {
 	    card: {
 	        euiCard: import("@emotion/react").SerializedStyles;
 	        aligned: {
@@ -9097,7 +9019,7 @@ declare module '@elastic/eui/src/components/card/card.styles' {
 	    };
 	    disabled: import("@emotion/react").SerializedStyles;
 	};
-	export const euiCardBetaBadgeStyles: (euiThemeContext: UseEuiTheme, paddingSize: EuiCardProps['paddingSize']) => {
+	export const euiCardBetaBadgeStyles: (euiThemeContext: UseEuiTheme, paddingSize: EuiCardProps["paddingSize"]) => {
 	    hasBetaBadge: import("@emotion/react").SerializedStyles;
 	    euiCard__betaBadgeAnchor: import("@emotion/react").SerializedStyles;
 	    euiCard__betaBadge: import("@emotion/react").SerializedStyles;
@@ -9111,7 +9033,12 @@ declare module '@elastic/eui/src/components/card/card' {
 	import { EuiIconProps } from '@elastic/eui/src/components/icon';
 	import { EuiPanelProps } from '@elastic/eui/src/components/panel';
 	import { EuiCardSelectProps } from '@elastic/eui/src/components/card/card_select';
-	export const ALIGNMENTS: readonly ["left", "center", "right"]; type CardAlignment = (typeof ALIGNMENTS)[number]; type EuiCardPropsLayout = ExclusiveUnion<{
+	export const ALIGNMENTS: readonly ["left", "center", "right"];
+	type CardAlignment = (typeof ALIGNMENTS)[number];
+	/**
+	 * Certain props are only allowed when the layout is vertical
+	 */
+	type EuiCardPropsLayout = ExclusiveUnion<{
 	    layout?: 'vertical';
 	    /**
 	     * Changes alignment of the title and description
@@ -9310,7 +9237,9 @@ declare module '@elastic/eui/src/components/form/checkbox/checkbox_group' {
 	}
 	export interface EuiCheckboxGroupIdToSelectedMap {
 	    [id: string]: boolean;
-	} type AsDivProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>; type WithLegendProps = Omit<EuiFormFieldsetProps, 'onChange'> & {
+	}
+	type AsDivProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
+	type WithLegendProps = Omit<EuiFormFieldsetProps, 'onChange'> & {
 	    /**
 	     * If the individual labels for each radio do not provide a sufficient description, add a legend.
 	     * Wraps the group in a `EuiFormFieldset` which adds an `EuiLegend` for titling the whole group.
@@ -9671,7 +9600,7 @@ declare module '@elastic/eui/src/components/form/field_search/field_search' {
 	    onClear: () => void;
 	    componentWillUnmount(): void;
 	    setRef: (inputElement: HTMLInputElement | null) => void;
-	    onKeyUp: (event: KeyboardEvent<HTMLInputElement>, incremental?: boolean | undefined, onSearch?: ((value: string) => void) | undefined) => void;
+	    onKeyUp: (event: KeyboardEvent<HTMLInputElement>, incremental?: boolean, onSearch?: (value: string) => void) => void;
 	    render(): React.JSX.Element;
 	}
 	export const EuiFieldSearch: React.ForwardRefExoticComponent<Omit<EuiFieldSearchProps, "stylesMemoizer"> & React.RefAttributes<Omit<EuiFieldSearchProps, "stylesMemoizer">>>;
@@ -9830,7 +9759,9 @@ declare module '@elastic/eui/src/components/progress/progress' {
 	     */
 	    color?: EuiProgressColor | CSSProperties['color'];
 	    position?: EuiProgressPosition;
-	}; type Indeterminate = EuiProgressProps & HTMLAttributes<HTMLDivElement>; type Determinate = EuiProgressProps & Omit<ProgressHTMLAttributes<HTMLProgressElement>, 'max'> & {
+	};
+	type Indeterminate = EuiProgressProps & HTMLAttributes<HTMLDivElement>;
+	type Determinate = EuiProgressProps & Omit<ProgressHTMLAttributes<HTMLProgressElement>, 'max'> & {
 	    max?: number;
 	    valueText?: boolean | ReactNode;
 	    label?: ReactNode;
@@ -9937,7 +9868,7 @@ declare module '@elastic/eui/src/components/form/file_picker/file_picker' {
 	    fileInput: HTMLInputElement | null;
 	    generatedId: string;
 	    handleChange: () => void;
-	    removeFiles: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent> | undefined) => void;
+	    removeFiles: (e?: React.MouseEvent<HTMLButtonElement>) => void;
 	    showDrop: () => void;
 	    hideDrop: () => void;
 	    render(): React.JSX.Element;
@@ -10037,7 +9968,8 @@ declare module '@elastic/eui/src/components/form/form_row/form_row' {
 	import { FunctionComponent, HTMLAttributes, ReactElement, ReactNode } from 'react';
 	import { ExclusiveUnion, CommonProps } from '@elastic/eui/src/components/common';
 	export const DISPLAYS: readonly ["row", "columnCompressed", "center", "centerCompressed", "rowCompressed"];
-	export type EuiFormRowDisplayKeys = (typeof DISPLAYS)[number]; type EuiFormRowCommonProps = CommonProps & {
+	export type EuiFormRowDisplayKeys = (typeof DISPLAYS)[number];
+	type EuiFormRowCommonProps = CommonProps & {
 	    /**
 	     * - `columnCompressed` creates a compressed and horizontal layout
 	     * - `center`/`centerCompressed` helps align non-input content better with inline form layouts
@@ -10085,9 +10017,11 @@ declare module '@elastic/eui/src/components/form/form_row/form_row' {
 	     *  Passed along to the label element; and to the child field element when `disabled` doesn't already exist on the child field element.
 	     */
 	    isDisabled?: boolean;
-	}; type LabelProps = {
+	};
+	type LabelProps = {
 	    labelType?: 'label';
-	} & EuiFormRowCommonProps & HTMLAttributes<HTMLDivElement>; type LegendProps = {
+	} & EuiFormRowCommonProps & HTMLAttributes<HTMLDivElement>;
+	type LegendProps = {
 	    /**
 	     * Defaults to rendering a `<label>` but if passed `'legend'` for labelType,
 	     * will render both a `<legend>` and the surrounding container as a `<fieldset>`
@@ -10174,7 +10108,9 @@ declare module '@elastic/eui/src/components/form/radio/radio_group' {
 	export interface EuiRadioGroupOption extends Omit<EuiRadioProps, 'checked' | 'onChange'> {
 	    id: string;
 	}
-	export type EuiRadioGroupChangeCallback = (id: string, value?: string) => void; type AsDivProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>; type WithLegendProps = Omit<EuiFormFieldsetProps, 'onChange'> & {
+	export type EuiRadioGroupChangeCallback = (id: string, value?: string) => void;
+	type AsDivProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
+	type WithLegendProps = Omit<EuiFormFieldsetProps, 'onChange'> & {
 	    /**
 	     * If the individual labels for each radio do not provide a sufficient description, add a legend.
 	     * Wraps the group in a `EuiFormFieldset` which adds an `EuiLegend` for titling the whole group.
@@ -10212,7 +10148,7 @@ declare module '@elastic/eui/src/components/form/range/range_levels_colors' {
 	import type { EuiRangeLevel } from '@elastic/eui/src/components/form/range/types';
 	export const LEVEL_COLORS: readonly ["primary", "success", "warning", "danger"];
 	export type EuiRangeLevelColor = (typeof LEVEL_COLORS)[number];
-	export const isNamedLevelColor: (color?: string | undefined) => color is "primary" | "success" | "warning" | "danger";
+	export const isNamedLevelColor: (color?: EuiRangeLevelColor | string) => color is EuiRangeLevelColor;
 	export const euiRangeLevelColor: (color: EuiRangeLevelColor | string, { euiTheme }: UseEuiTheme) => string;
 	export const getLevelColor: (levels: EuiRangeLevel[], value: number) => "primary" | "success" | "warning" | "danger" | import("csstype").Property.Color | undefined;
 
@@ -10693,11 +10629,11 @@ declare module '@elastic/eui/src/components/form/range/dual_range.styles' {
 
 }
 declare module '@elastic/eui/src/components/form/range/dual_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 { EuiDualRangeProps, _SingleRangeValue } from '@elastic/eui/src/components/form/range/types'; type ValueMember = _SingleRangeValue['value'];
+	import type { EuiDualRangeProps, _SingleRangeValue } from '@elastic/eui/src/components/form/range/types';
+	type ValueMember = _SingleRangeValue['value'];
 	export class EuiDualRangeClass extends Component<EuiDualRangeProps & WithEuiThemeProps> {
 	    static contextType: React.Context<FormContextValue>;
 	    static defaultProps: {
@@ -10729,7 +10665,7 @@ declare module '@elastic/eui/src/components/form/range/dual_range' {
 	    _determineInvalidThumbMovement: (newVal: ValueMember, lower: ValueMember, upper: ValueMember, e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLInputElement>) => void;
 	    _determineValidThumbMovement: (newVal: ValueMember, lower: ValueMember, upper: ValueMember, e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
 	    _determineThumbMovement: (newVal: number, e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
-	    _handleOnChange: (lower: ValueMember, upper: ValueMember, e?: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLButtonElement, MouseEvent> | React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement> | undefined) => void;
+	    _handleOnChange: (lower: ValueMember, upper: ValueMember, e?: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLInputElement> | React.KeyboardEvent<HTMLDivElement>) => void;
 	    handleSliderChange: (e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) => void;
 	    _resetToRangeEnds: (e: React.KeyboardEvent<HTMLInputElement>) => void;
 	    _isDirectionalKeyPress: (event: React.KeyboardEvent<HTMLInputElement>) => boolean;
@@ -10740,7 +10676,7 @@ declare module '@elastic/eui/src/components/form/range/dual_range' {
 	    handleLowerKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 	    handleUpperKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 	    handleDraggableKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
-	    calculateThumbPositionStyle: (value: number, width?: number | undefined) => {
+	    calculateThumbPositionStyle: (value: number, width?: number) => {
 	        left: string;
 	    };
 	    onThumbFocus: (e: React.FocusEvent<HTMLDivElement>) => void;
@@ -10752,7 +10688,7 @@ declare module '@elastic/eui/src/components/form/range/dual_range' {
 	        width: number;
 	    }) => void;
 	    getNearestStep: (value: number) => number;
-	    handleDrag: (x: number, isFirstInteraction?: boolean | undefined) => void;
+	    handleDrag: (x: number, isFirstInteraction?: boolean) => void;
 	    render(): React.JSX.Element;
 	}
 	export const EuiDualRange: React.ForwardRefExoticComponent<Omit<EuiDualRangeProps, "theme"> & React.RefAttributes<Omit<EuiDualRangeProps, "theme">>>;
@@ -10782,7 +10718,6 @@ declare module '@elastic/eui/src/components/form/range/range_tooltip' {
 
 }
 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';
@@ -11140,7 +11075,8 @@ declare module '@elastic/eui/src/components/code/code_block_annotations.style' {
 declare module '@elastic/eui/src/components/code/code_block_annotations' {
 	import { FunctionComponent, PropsWithChildren, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type LineAnnotationMap = Record<number, ReactNode>; type EuiCodeBlockAnnotationProps = PropsWithChildren & CommonProps & {
+	export type LineAnnotationMap = Record<number, ReactNode>;
+	type EuiCodeBlockAnnotationProps = PropsWithChildren & CommonProps & {
 	    lineNumber: number;
 	};
 	export const EuiCodeBlockAnnotation: FunctionComponent<EuiCodeBlockAnnotationProps>;
@@ -11236,7 +11172,7 @@ declare module '@elastic/eui/src/components/code/code_block_overflow' {
 	 * the container.
 	 */
 	export const useOverflow: ({ overflowHeight, }: {
-	    overflowHeight?: string | number | undefined;
+	    overflowHeight?: number | string;
 	}) => {
 	    setWrapperRef: import("react").Dispatch<import("react").SetStateAction<Element | null>>;
 	    tabIndex: 0 | -1;
@@ -11294,7 +11230,7 @@ declare module '@elastic/eui/src/components/code/code_block_copy' {
 	 * Hook that returns copy-related state/logic/utils
 	 */
 	export const useCopy: ({ copyAriaLabel, isCopyable, isVirtualized, children, }: {
-	    copyAriaLabel?: string | undefined;
+	    copyAriaLabel?: string;
 	    isCopyable: boolean;
 	    isVirtualized: boolean;
 	    children: ReactNode;
@@ -11443,7 +11379,7 @@ declare module '@elastic/eui/src/components/code/code_block_full_screen' {
 	 * Hook that returns fullscreen-related state/logic/utils
 	 */
 	export const useFullScreen: ({ overflowHeight, }: {
-	    overflowHeight?: string | number | undefined;
+	    overflowHeight?: number | string;
 	}) => {
 	    fullScreenButton: React.JSX.Element | null;
 	    isFullScreen: boolean;
@@ -11485,7 +11421,7 @@ declare module '@elastic/eui/src/components/code/code_block_virtualized' {
 	export const EuiCodeBlockVirtualized: ({ data, rowHeight, overflowHeight, preProps, codeProps, }: {
 	    data: RefractorNode[];
 	    rowHeight: number;
-	    overflowHeight?: string | number | undefined;
+	    overflowHeight?: number | string;
 	    preProps: HTMLAttributes<HTMLPreElement>;
 	    codeProps: HTMLAttributes<HTMLElement>;
 	}) => React.JSX.Element;
@@ -11499,7 +11435,8 @@ declare module '@elastic/eui/src/components/code/code_block' {
 	export const FONT_SIZES: readonly ["s", "m", "l"];
 	export type EuiCodeBlockFontSize = (typeof FONT_SIZES)[number];
 	export const PADDING_SIZES: readonly ["none", "s", "m", "l"];
-	export type EuiCodeBlockPaddingSize = (typeof PADDING_SIZES)[number]; type VirtualizedOptionProps = ExclusiveUnion<{
+	export type EuiCodeBlockPaddingSize = (typeof PADDING_SIZES)[number];
+	type VirtualizedOptionProps = ExclusiveUnion<{
 	    isVirtualized: true;
 	    overflowHeight: number | string;
 	    whiteSpace?: 'pre';
@@ -11587,7 +11524,8 @@ declare module '@elastic/eui/src/components/collapsible_nav/collapsible_nav_grou
 	import { EuiAccordionProps } from '@elastic/eui/src/components/accordion';
 	import { IconType, IconSize, EuiIconProps } from '@elastic/eui/src/components/icon';
 	import { EuiTitleProps } from '@elastic/eui/src/components/title';
-	export const BACKGROUNDS: readonly ["none", "light", "dark"]; type Background = (typeof BACKGROUNDS)[number];
+	export const BACKGROUNDS: readonly ["none", "light", "dark"];
+	type Background = (typeof BACKGROUNDS)[number];
 	export interface EuiCollapsibleNavGroupInterface extends CommonProps {
 	    /**
 	     * ReactNode to render as this component's content
@@ -11622,7 +11560,8 @@ declare module '@elastic/eui/src/components/collapsible_nav/collapsible_nav_grou
 	     * Title sizing equivalent to EuiTitle, but only `s` and smaller
 	     */
 	    titleSize?: Exclude<EuiTitleProps['size'], 'l' | 'm'>;
-	} type GroupAsAccordion = EuiCollapsibleNavGroupInterface & Omit<EuiAccordionProps, 'id' | 'title'> & {
+	}
+	type GroupAsAccordion = EuiCollapsibleNavGroupInterface & Omit<EuiAccordionProps, 'id' | 'title'> & {
 	    /**
 	     * If `true`, wraps children in the body of an accordion,
 	     * requiring the prop `title` to be used as the button.
@@ -11634,7 +11573,8 @@ declare module '@elastic/eui/src/components/collapsible_nav/collapsible_nav_grou
 	     * with the option to add an iconType
 	     */
 	    title: ReactNode;
-	}; type GroupAsDiv = EuiCollapsibleNavGroupInterface & {
+	};
+	type GroupAsDiv = EuiCollapsibleNavGroupInterface & {
 	    /**
 	     * If `true`, wraps children in the body of an accordion,
 	     * requiring the prop `title` to be used as the button.
@@ -11705,19 +11645,21 @@ declare module '@elastic/eui/src/components/flyout/_flyout_close_button.styles'
 }
 declare module '@elastic/eui/src/components/flyout/_flyout_close_button' {
 	import { FunctionComponent } from 'react';
-	import type { EuiFlyoutProps } from '@elastic/eui/src/components/flyout/flyout'; type EuiFlyoutCloseButtonProps = EuiFlyoutProps['closeButtonProps'] & Required<Pick<EuiFlyoutProps, 'closeButtonPosition' | 'onClose' | 'side'>>;
+	import type { EuiFlyoutProps } from '@elastic/eui/src/components/flyout/flyout';
+	type EuiFlyoutCloseButtonProps = EuiFlyoutProps['closeButtonProps'] & Required<Pick<EuiFlyoutProps, 'closeButtonPosition' | 'onClose' | 'side'>>;
 	export const EuiFlyoutCloseButton: FunctionComponent<EuiFlyoutCloseButtonProps>;
 	export {};
 
 }
 declare module '@elastic/eui/src/components/flyout/flyout' {
-	import React, { ComponentPropsWithRef, CSSProperties, ElementType, JSX } from 'react';
+	import { ComponentPropsWithRef, CSSProperties, ElementType, JSX } from 'react';
 	import { EuiBreakpointSize } from '@elastic/eui/src/services';
 	import { CommonProps, PropsOfElement } from '@elastic/eui/src/components/common';
 	import { EuiFocusTrapProps } from '@elastic/eui/src/components/focus_trap';
 	import { EuiOverlayMaskProps } from '@elastic/eui/src/components/overlay_mask';
 	import type { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
-	export const TYPES: readonly ["push", "overlay"]; type _EuiFlyoutType = (typeof TYPES)[number];
+	export const TYPES: readonly ["push", "overlay"];
+	type _EuiFlyoutType = (typeof TYPES)[number];
 	export const SIDES: readonly ["left", "right"];
 	export type _EuiFlyoutSide = (typeof SIDES)[number];
 	export const SIZES: readonly ["s", "m", "l"];
@@ -11813,14 +11755,15 @@ declare module '@elastic/eui/src/components/flyout/flyout' {
 	     * Set this to `false` if you need to disable this behavior for a specific reason.
 	     */
 	    includeFixedHeadersInFocusTrap?: boolean;
-	} const defaultElement = "div"; type Props<T extends ElementType> = CommonProps & {
+	} const defaultElement = "div";
+	type Props<T extends ElementType> = CommonProps & {
 	    /**
 	     * Sets the HTML element for `EuiFlyout`
 	     */
 	    as?: T;
 	} & _EuiFlyoutProps & Omit<PropsOfElement<T>, keyof _EuiFlyoutProps>;
 	export type EuiFlyoutProps<T extends ElementType = typeof defaultElement> = Props<T> & Omit<ComponentPropsWithRef<T>, keyof Props<T>>;
-	export const EuiFlyout: <T extends React.ElementType<any, keyof JSX.IntrinsicElements> = "div">(props: EuiFlyoutProps<T>) => JSX.Element;
+	export const EuiFlyout: <T extends ElementType = typeof defaultElement>(props: EuiFlyoutProps<T>) => JSX.Element;
 	export {};
 
 }
@@ -12130,28 +12073,28 @@ declare module '@elastic/eui/src/components/resizable_container/resizable_button
 	     * Defaults to displaying a resizer for vertical (y-axis) resizing.
 	     * Set to `true` to display a resizer for horizontal (x-axis) resizing.
 	     */
-	    isHorizontal?: boolean | undefined;
+	    isHorizontal?: boolean;
 	    /**
 	     * By default, EuiResizableButton will show a grab handle to indicate resizability.
 	     * This indicator can be optionally hidden to show a plain border instead.
 	     */
-	    indicator?: "border" | "handle" | undefined;
+	    indicator?: "handle" | "border";
 	    /**
 	     * Allows customizing the alignment of grab `handle` indicators (does nothing for
 	     * border indicators). Defaults to `center`, but consider using `start` for extremely
 	     * tall content that scrolls off-screen
 	     */
-	    alignIndicator?: "center" | "start" | "end" | undefined;
+	    alignIndicator?: "center" | "start" | "end";
 	    /**
 	     * By default, EuiResizableButton will overlap into the panels before/after it.
 	     * This can occasionally occlude interactive elements like scrollbars. To prevent
 	     * this overlap, use this prop to remove the overlap for the specified side.
 	     */
-	    accountForScrollbars?: "before" | "after" | "both" | undefined;
+	    accountForScrollbars?: "before" | "after" | "both";
 	    /**
 	     * When disabled, the resizer button will be completely hidden
 	     */
-	    disabled?: boolean | undefined;
+	    disabled?: boolean;
 	} & React.RefAttributes<HTMLButtonElement>>;
 	/**
 	 * Resizer button specific to controlled EuiResizableContainer usage
@@ -12282,9 +12225,9 @@ declare module '@elastic/eui/src/components/resizable_container/resizable_panel'
 	}
 	export type ModeOptions = PanelModeType | [PanelModeType, Partial<ToggleOptions>];
 	export type ToggleCollapseCallback = (panelId: EuiResizablePanelController['id'], options: ActionToggleOptions) => void;
-	export const getModeType: (mode?: ModeOptions | undefined) => PanelModeType | undefined;
-	export const getToggleOptions: (mode?: ModeOptions | undefined) => {
-	    'data-test-subj': string | undefined;
+	export const getModeType: (mode?: ModeOptions) => PanelModeType | undefined;
+	export const getToggleOptions: (mode?: ModeOptions) => {
+	    'data-test-subj': string;
 	    className: string | null;
 	    position: string;
 	};
@@ -12363,9 +12306,9 @@ declare module '@elastic/eui/src/components/resizable_container/helpers' {
 	        [key: string]: number;
 	    }) => any;
 	}
-	export const isTouchEvent: (event: MouseEvent | ReactMouseEvent | TouchEvent | ReactTouchEvent) => event is TouchEvent | ReactTouchEvent<Element>;
+	export const isTouchEvent: (event: MouseEvent | ReactMouseEvent | TouchEvent | ReactTouchEvent) => event is TouchEvent | ReactTouchEvent;
 	export const pxToPercent: (proportion: number, whole: number) => number;
-	export const sizesOnly: (panelObject: EuiResizableContainerRegistry['panels']) => {
+	export const sizesOnly: (panelObject: EuiResizableContainerRegistry["panels"]) => {
 	    [key: string]: number;
 	};
 	export const getPanelMinSize: (panelMinSize: string[], containerSize: number) => number;
@@ -12540,7 +12483,8 @@ declare module '@elastic/eui/src/components/header/header.styles' {
 }
 declare module '@elastic/eui/src/components/collapsible_nav_beta/context' {
 	import { MouseEventHandler } from 'react';
-	import { _EuiFlyoutSide } from '@elastic/eui/src/components/flyout/flyout'; type _EuiCollapsibleNavContext = {
+	import { _EuiFlyoutSide } from '@elastic/eui/src/components/flyout/flyout';
+	type _EuiCollapsibleNavContext = {
 	    isCollapsed: boolean;
 	    isPush: boolean;
 	    isOverlayOpen: boolean;
@@ -12572,6 +12516,11 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button' {
 	export { EuiCollapsibleNavButton } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button';
 
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis' {
+	import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
+	export const colorVis: _EuiThemeVisColors;
+
 }
 declare module '@elastic/eui/src/themes/themes' {
 	import { EuiThemeSystem } from '@elastic/eui/src/services';
@@ -12581,6 +12530,143 @@ declare module '@elastic/eui/src/themes/themes' {
 	    provider?: EuiThemeSystem;
 	}
 
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_severity' {
+	/**
+	 * These are not actually used, but we map them to ensure token parity.
+	 * They are mapped to other vis colors
+	 */
+	export const severityColors: {
+	    unknown: string;
+	    neutral: string;
+	    success: string;
+	    warning: string;
+	    risk: string;
+	    danger: string;
+	};
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors' {
+	import { _EuiThemeColors, _EuiThemeBrandColors, _EuiThemeBrandTextColors, _EuiThemeShadeColors, _EuiThemeSpecialColors, _EuiThemeTextColors, _EuiThemeColorsMode, _EuiThemeBackgroundColors, _EuiThemeBorderColors, _EuiThemeTransparentBackgroundColors } from '@elastic/eui-theme-common';
+	export const brand_colors: _EuiThemeBrandColors;
+	export const brand_text_colors: _EuiThemeBrandTextColors;
+	export const shade_colors: _EuiThemeShadeColors;
+	export const special_colors: _EuiThemeSpecialColors;
+	export const text_colors: _EuiThemeTextColors;
+	export const background_colors: _EuiThemeBackgroundColors;
+	export const transparent_background_colors: _EuiThemeTransparentBackgroundColors;
+	export const border_colors: _EuiThemeBorderColors;
+	export const light_colors: _EuiThemeColorsMode;
+	export const dark_shades: _EuiThemeShadeColors;
+	export const dark_background_colors: _EuiThemeBackgroundColors;
+	export const dark_transparent_background_colors: _EuiThemeTransparentBackgroundColors;
+	export const dark_border_colors: _EuiThemeBorderColors;
+	export const dark_colors_ams: _EuiThemeColorsMode;
+	export const colors: _EuiThemeColors;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_animation' {
+	import { _EuiThemeAnimationSpeeds, _EuiThemeAnimationEasings, _EuiThemeAnimation } from '@elastic/eui/src/global_styling/variables/animations';
+	export const animation_speed: _EuiThemeAnimationSpeeds;
+	export const animation_ease: _EuiThemeAnimationEasings;
+	export const animation: _EuiThemeAnimation;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_breakpoint' {
+	export { breakpoint } from '@elastic/eui-theme-common';
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_size' {
+	import { _EuiThemeBase, _EuiThemeSizes } from '@elastic/eui/src/global_styling/variables';
+	export const base: _EuiThemeBase;
+	export const size: _EuiThemeSizes;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_borders' {
+	import { _EuiThemeBorder } from '@elastic/eui/src/global_styling/variables';
+	export const border: _EuiThemeBorder;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_levels' {
+	import { _EuiThemeLevels } from '@elastic/eui/src/global_styling/variables';
+	export const levels: _EuiThemeLevels;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_typography' {
+	import { _EuiThemeFont, _EuiThemeFontBase, _EuiThemeFontScales, _EuiThemeFontWeights } from '@elastic/eui/src/global_styling/variables/typography';
+	export const fontScale: _EuiThemeFontScales;
+	export const fontBase: _EuiThemeFontBase;
+	export const fontWeight: _EuiThemeFontWeights;
+	export const font: _EuiThemeFont;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_states' {
+	import { _EuiThemeFocus } from '@elastic/eui/src/global_styling/variables/states';
+	export const focus: _EuiThemeFocus;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_buttons' {
+	import { _EuiThemeButton } from '@elastic/eui-theme-common';
+	export const buttons: _EuiThemeButton;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_forms' {
+	export const forms: {
+	    maxWidth: string;
+	    LIGHT: {
+	        background: string;
+	        backgroundDisabled: string;
+	        backgroundReadOnly: any;
+	        backgroundFocused: any;
+	        backgroundAutofilled: string;
+	        prependBackground: string;
+	        border: string;
+	        borderAutofilled: string;
+	        controlBorder: string;
+	        controlBorderSelected: string;
+	        controlBorderDisabled: string;
+	        controlBackgroundUnselected: any;
+	        controlBackgroundDisabled: any;
+	        colorHasPlaceholder: string;
+	        colorDisabled: any;
+	        iconDisabled: any;
+	    };
+	    DARK: {
+	        background: string;
+	        backgroundFocused: string;
+	        backgroundAutofilled: string;
+	        prependBackground: string;
+	        border: string;
+	        controlBorder: string;
+	        controlBorderSelected: string;
+	        controlBorderDisabled: string;
+	        backgroundDisabled: string;
+	        backgroundReadOnly: any;
+	        borderAutofilled: string;
+	        controlBackgroundUnselected: any;
+	        controlBackgroundDisabled: any;
+	        colorHasPlaceholder: string;
+	        colorDisabled: any;
+	        iconDisabled: any;
+	    };
+	};
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_components' {
+	import { _EuiThemeComponents } from '@elastic/eui-theme-common';
+	export const components: _EuiThemeComponents;
+
+}
+declare module '@elastic/eui/src/themes/amsterdam/theme' {
+	import { EuiThemeShape } from '@elastic/eui/src/services/theme/types';
+	export const AMSTERDAM_NAME_KEY = "EUI_THEME_AMSTERDAM";
+	export const euiThemeAmsterdam: EuiThemeShape;
+	export const EuiThemeAmsterdam: {
+	    model: EuiThemeShape;
+	    root: EuiThemeShape;
+	    key: string;
+	};
+
 }
 declare module '@elastic/eui/src/themes/amsterdam/global_styling/mixins/shadow' {
 	export * from '@elastic/eui/src/global_styling/mixins/_shadow';
@@ -12647,8 +12733,8 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 	    backgroundSelectedColor: string;
 	    color: string;
 	    rightIconColor: string;
-	    fontSize: import("csstype").Property.FontSize<string | number> | undefined;
-	    lineHeight: import("csstype").Property.LineHeight<string | number> | undefined;
+	    fontSize: import("react").CSSProperties["fontSize"];
+	    lineHeight: import("react").CSSProperties["lineHeight"];
 	    height: string;
 	    padding: string;
 	};
@@ -12745,7 +12831,8 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_link' {
 	import { FunctionComponent, ReactNode } from 'react';
 	import { EuiLinkProps } from '@elastic/eui/src/components/link';
-	import type { _SharedEuiCollapsibleNavItemProps, _EuiCollapsibleNavItemDisplayProps, EuiCollapsibleNavItemProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item'; type EuiCollapsibleNavLinkProps = Omit<EuiLinkProps, 'children'> & _SharedEuiCollapsibleNavItemProps & _EuiCollapsibleNavItemDisplayProps & Pick<EuiCollapsibleNavItemProps, 'href' | 'linkProps'> & {
+	import type { _SharedEuiCollapsibleNavItemProps, _EuiCollapsibleNavItemDisplayProps, EuiCollapsibleNavItemProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item';
+	type EuiCollapsibleNavLinkProps = Omit<EuiLinkProps, 'children'> & _SharedEuiCollapsibleNavItemProps & _EuiCollapsibleNavItemDisplayProps & Pick<EuiCollapsibleNavItemProps, 'href' | 'linkProps'> & {
 	    children: ReactNode;
 	    isInteractive?: boolean;
 	    isNotAccordion?: boolean;
@@ -12778,7 +12865,8 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 }
 declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion' {
 	import { FunctionComponent, ReactNode } from 'react';
-	import { type _SharedEuiCollapsibleNavItemProps, type _EuiCollapsibleNavItemDisplayProps, type EuiCollapsibleNavItemProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item'; type EuiCollapsibleNavAccordionProps = _SharedEuiCollapsibleNavItemProps & _EuiCollapsibleNavItemDisplayProps & Pick<EuiCollapsibleNavItemProps, 'accordionProps'> & Required<Pick<EuiCollapsibleNavItemProps, 'items'>> & {
+	import { type _SharedEuiCollapsibleNavItemProps, type _EuiCollapsibleNavItemDisplayProps, type EuiCollapsibleNavItemProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item';
+	type EuiCollapsibleNavAccordionProps = _SharedEuiCollapsibleNavItemProps & _EuiCollapsibleNavItemDisplayProps & Pick<EuiCollapsibleNavItemProps, 'accordionProps'> & Required<Pick<EuiCollapsibleNavItemProps, 'items'>> & {
 	    buttonContent: ReactNode;
 	};
 	/**
@@ -12794,7 +12882,8 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 }
 declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group' {
 	import { FunctionComponent, ReactNode } from 'react';
-	import { type _SharedEuiCollapsibleNavItemProps, type _EuiCollapsibleNavItemDisplayProps, type EuiCollapsibleNavItemProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item'; type EuiCollapsibleNavGroupProps = _SharedEuiCollapsibleNavItemProps & _EuiCollapsibleNavItemDisplayProps & Required<Pick<EuiCollapsibleNavItemProps, 'items'>> & {
+	import { type _SharedEuiCollapsibleNavItemProps, type _EuiCollapsibleNavItemDisplayProps, type EuiCollapsibleNavItemProps } from '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item';
+	type EuiCollapsibleNavGroupProps = _SharedEuiCollapsibleNavItemProps & _EuiCollapsibleNavItemDisplayProps & Required<Pick<EuiCollapsibleNavItemProps, 'items'>> & {
 	    header?: ReactNode;
 	};
 	/**
@@ -12906,7 +12995,12 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/collapsible_nav
 	 * Sub-items can either be a totally custom rendered item,
 	 * or they can simply be more links or accordions
 	 */
-	export const EuiCollapsibleNavSubItem: FunctionComponent<EuiCollapsibleNavSubItemProps>; type EuiCollapsibleNavSubItemsProps = HTMLAttributes<HTMLDivElement> & _EuiCollapsibleNavItemDisplayProps & {
+	export const EuiCollapsibleNavSubItem: FunctionComponent<EuiCollapsibleNavSubItemProps>;
+	/**
+	 * Reuseable component for rendering a group of sub items
+	 * Used by both `EuiCollapsibleNavGroup` and `EuiCollapsibleNavAccordion`
+	 */
+	type EuiCollapsibleNavSubItemsProps = HTMLAttributes<HTMLDivElement> & _EuiCollapsibleNavItemDisplayProps & {
 	    items: EuiCollapsibleNavSubItemProps[];
 	};
 	export const EuiCollapsibleNavSubItems: FunctionComponent<EuiCollapsibleNavSubItemsProps>;
@@ -12936,7 +13030,8 @@ declare module '@elastic/eui/src/components/list_group/list_group_item_extra_act
 	import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
 	export type EuiListGroupItemExtraActionProps = {
 	    alwaysShow?: boolean;
-	} & EuiButtonIconPropsForButton; type _FromEuiListGroupItem = {
+	} & EuiButtonIconPropsForButton;
+	type _FromEuiListGroupItem = {
 	    parentIsDisabled?: boolean;
 	};
 	export const EuiListGroupItemExtraAction: FunctionComponent<EuiListGroupItemExtraActionProps & _FromEuiListGroupItem>;
@@ -13247,7 +13342,14 @@ declare module '@elastic/eui/src/components/collapsible_nav_beta/_kibana_solutio
 	 *
 	 * This component is **very** specific to Kibana and is not meant to be a generic component.
 	 */
-	export const KibanaCollapsibleNavSolution: FunctionComponent<KibanaCollapsibleNavSolutionProps>; type EuiListGroupItemsModified = Array<Omit<EuiListGroupItemProps, 'label' | 'iconType' | 'icon'> & {
+	export const KibanaCollapsibleNavSolution: FunctionComponent<KibanaCollapsibleNavSolutionProps>;
+	/**
+	 * Tweak EuiListGroup's items API to match EuiCollapsibleNav's
+	 * more closely (primarily label->title, iconType->icon),
+	 * and also to allow passing secondary items in the same array
+	 * (which will get rendered in a separate non-bordered group)
+	 */
+	type EuiListGroupItemsModified = Array<Omit<EuiListGroupItemProps, 'label' | 'iconType' | 'icon'> & {
 	    title: string;
 	    icon?: EuiListGroupItemProps['iconType'];
 	    isSecondary?: boolean;
@@ -13359,17 +13461,17 @@ declare module '@elastic/eui/src/components/color_picker/color_picker_swatch' {
 	    };
 	};
 	export const EuiColorPickerSwatch: React.ForwardRefExoticComponent<CommonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> & {
-	    color?: string | undefined;
+	    color?: string;
 	    /**
 	     * renders a tooltip with the color value to provide a visual text alternative
 	     * @default true
 	     */
-	    showToolTip?: boolean | undefined;
+	    showToolTip?: boolean;
 	    /** Additional props for the EuiToolip when `showToolTip={true}` */
-	    toolTipProps?: (Omit<EuiToolTipProps, "children" | "position" | "delay"> & {
-	        delay?: import ("@elastic/eui/src/components/tool_tip/tool_tip").ToolTipDelay | undefined;
-	        position?: import ("@elastic/eui/src/components/tool_tip").ToolTipPositions | undefined;
-	    }) | undefined;
+	    toolTipProps?: Omit<EuiToolTipProps, "children" | "delay" | "position"> & {
+	        delay?: EuiToolTipProps["delay"];
+	        position?: EuiToolTipProps["position"];
+	    };
 	} & React.RefAttributes<HTMLButtonElement>>;
 
 }
@@ -13377,6 +13479,7 @@ declare module '@elastic/eui/src/components/color_picker/hue.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	export const euiHueStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiHue: import("@emotion/react").SerializedStyles;
+	    euiHue__tooltip: import("@emotion/react").SerializedStyles;
 	    euiHue__range: import("@emotion/react").SerializedStyles;
 	};
 
@@ -13398,6 +13501,7 @@ declare module '@elastic/eui/src/components/color_picker/saturation.styles' {
 	    euiSaturation: import("@emotion/react").SerializedStyles;
 	    euiSaturation__lightness: import("@emotion/react").SerializedStyles;
 	    euiSaturation__saturation: import("@emotion/react").SerializedStyles;
+	    euiSaturation__tooltip: import("@emotion/react").SerializedStyles;
 	    euiSaturation__indicator: import("@emotion/react").SerializedStyles;
 	};
 
@@ -13416,7 +13520,7 @@ declare module '@elastic/eui/src/components/color_picker/saturation' {
 	    hex?: string;
 	};
 	export const EuiSaturation: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, keyof HTMLDivElementOverrides> & CommonProps & HTMLDivElementOverrides & {
-	    hex?: string | undefined;
+	    hex?: string;
 	} & React.RefAttributes<HTMLDivElement>>;
 	export {};
 
@@ -13435,7 +13539,9 @@ 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 { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form'; type EuiColorPickerDisplay = 'default' | 'inline'; type EuiColorPickerMode = 'default' | 'swatch' | 'picker' | 'secondaryInput';
+	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;
@@ -13611,8 +13717,8 @@ declare module '@elastic/eui/src/components/combo_box/matching_options' {
 	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 transformForCaseSensitivity: (string: string, isCaseSensitive?: boolean) => string;
+	export const flattenOptionGroups: <T>(optionsOrGroups: Array<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>[];
 	/**
@@ -13629,12 +13735,10 @@ declare module '@elastic/eui/src/components/combo_box/utils' {
 	/**
 	 * DRY util for rendering an option with its prepend and append properties
 	 */
-	export const EuiComboBoxOptionAppendPrepend: <T>({ children, option, classNamePrefix, marginSize, }: {
-	    children?: React.ReactNode;
-	} & {
-	    option?: EuiComboBoxOptionOption<T> | undefined;
-	    classNamePrefix?: string | undefined;
-	    marginSize?: "s" | "xxs" | "xs" | undefined;
+	export const EuiComboBoxOptionAppendPrepend: <T>({ children, option, classNamePrefix, marginSize, }: PropsWithChildren & {
+	    option?: EuiComboBoxOptionOption<T>;
+	    classNamePrefix?: string;
+	    marginSize?: "s" | "xs" | "xxs";
 	}) => React.JSX.Element;
 
 }
@@ -13964,7 +14068,7 @@ declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/com
 	    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;
+	    renderTruncatedOption: (text: string, truncationProps?: EuiComboBoxOptionsListProps<T>["truncationProps"]) => string | React.JSX.Element;
 	    render(): React.JSX.Element;
 	}
 
@@ -13995,7 +14099,8 @@ declare module '@elastic/eui/src/components/combo_box/combo_box' {
 	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'>;
+	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;
 	    /**
@@ -14114,7 +14219,16 @@ declare module '@elastic/eui/src/components/combo_box/combo_box' {
 	     * (except for props that control state).
 	     */
 	    inputPopoverProps?: Partial<Omit<EuiInputPopoverProps, 'input' | 'isOpen' | 'closePopover'>>;
-	} type DefaultProps<T> = Omit<(typeof EuiComboBox)['defaultProps'], 'options' | 'selectedOptions' | 'optionMatcher'> & {
+	}
+	/**
+	 * Because of how TypeScript's LibraryManagedAttributes is designed to handle defaultProps (https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-0.html#support-for-defaultprops-in-jsx)
+	 * we can't directly export the above Props definitions, as the defaulted values are not made optional
+	 * as it isn't processed by LibraryManagedAttributes. To get around this, we:
+	 * - remove the props which have default values applied
+	 *   - additionally re-define `options` and `selectedOptions` defaults, necessary as static members can't access generics and become never[]
+	 * - export (Props - Defaults) & Partial<Defaults>
+	 */
+	type DefaultProps<T> = Omit<(typeof EuiComboBox)['defaultProps'], 'options' | 'selectedOptions' | 'optionMatcher'> & {
 	    options: Array<EuiComboBoxOptionOption<T>>;
 	    selectedOptions: Array<EuiComboBoxOptionOption<T>>;
 	    optionMatcher: EuiComboBoxOptionMatcher<T>;
@@ -14164,7 +14278,7 @@ declare module '@elastic/eui/src/components/combo_box/combo_box' {
 	    onKeyDown: KeyboardEventHandler<HTMLDivElement>;
 	    onOptionEnterKey: OptionHandler<T>;
 	    onOptionClick: OptionHandler<T>;
-	    onAddOption: (addedOption: EuiComboBoxOptionOption<T>, isContainerBlur?: boolean | undefined) => void;
+	    onAddOption: (addedOption: EuiComboBoxOptionOption<T>, isContainerBlur?: boolean) => void;
 	    onRemoveOption: OptionHandler<T>;
 	    clearSelectedOptions: () => void;
 	    onComboBoxClick: () => void;
@@ -14447,7 +14561,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/data_grid_schema' {
 	};
 	export const useDetectSchema: ({ columns, inMemory, inMemoryValues, schemaDetectors, autoDetectSchema, }: UseSchemaProps) => EuiDataGridSchema;
 	export const useMergedSchema: (props: UseSchemaProps) => {
-	    [x: string]: {
+	    [columnId: string]: {
 	        columnType: string | null;
 	    };
 	};
@@ -14487,7 +14601,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
 	    /**
 	     * Height types
 	     */
-	    getHeightType: (option?: EuiDataGridRowHeightOption | undefined) => "default" | "auto" | "lineCount" | "numerical";
+	    getHeightType: (option?: EuiDataGridRowHeightOption) => "auto" | "default" | "lineCount" | "numerical";
 	    /**
 	     * Line count utils
 	     */
@@ -14536,12 +14650,12 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
 	        gridRef: MutableRefObject<ImperativeGridApi | null>;
 	        outerGridElementRef: MutableRefObject<HTMLDivElement | null>;
 	        gridItemsRenderedRef: MutableRefObject<GridOnItemsRenderedProps | null>;
-	    } | undefined;
-	    rowHeightsOptions?: EuiDataGridRowHeightsOptions | undefined;
+	    };
+	    rowHeightsOptions?: EuiDataGridRowHeightsOptions;
 	    columns: EuiDataGridColumn[];
 	}) => RowHeightUtils;
 	export const useDefaultRowHeight: ({ rowHeightsOptions, rowHeightUtils, }: {
-	    rowHeightsOptions?: EuiDataGridRowHeightsOptions | undefined;
+	    rowHeightsOptions?: EuiDataGridRowHeightsOptions;
 	    rowHeightUtils: RowHeightUtilsType;
 	}) => {
 	    defaultRowHeight: number;
@@ -15206,7 +15320,9 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 	     * Accepts any props that `EuiPopover` accepts, except for `button` and `closePopover`.
 	     */
 	    setCellPopoverProps: (props: Omit<EuiPopoverProps, 'button' | 'closePopover'>) => void;
-	} type CellContext = Omit<Record<string, any>, keyof EuiDataGridCellValueElementProps>; type CellPropsWithContext = CellContext & EuiDataGridCellValueElementProps;
+	}
+	type CellContext = Omit<Record<string, any>, keyof EuiDataGridCellValueElementProps>;
+	type CellPropsWithContext = CellContext & EuiDataGridCellValueElementProps;
 	export type RenderCellValue = ((props: CellPropsWithContext) => ReactNode) | ComponentClass<CellPropsWithContext>;
 	export interface EuiDataGridCellProps {
 	    rowIndex: number;
@@ -15684,7 +15800,8 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
 }
 declare module '@elastic/eui/src/components/drag_and_drop/drag_drop_context' {
 	import React, { FunctionComponent } from 'react';
-	import { DragDropContextProps } from '@hello-pangea/dnd'; type EuiDraggingType = string | null;
+	import { DragDropContextProps } from '@hello-pangea/dnd';
+	type EuiDraggingType = string | null;
 	export interface EuiDragDropContextProps {
 	    isDraggingType: EuiDraggingType;
 	}
@@ -15844,7 +15961,8 @@ declare module '@elastic/eui/src/components/drag_and_drop' {
 declare module '@elastic/eui/src/components/datagrid/utils/focus' {
 	import { HTMLAttributes, KeyboardEvent } from 'react';
 	import { DataGridFocusContextShape, EuiDataGridFocusedCell, EuiDataGridProps } from '@elastic/eui/src/components/datagrid/data_grid_types';
-	export const DataGridFocusContext: import("react").Context<DataGridFocusContextShape>; type FocusProps = Pick<HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onKeyUp'>;
+	export const DataGridFocusContext: import("react").Context<DataGridFocusContextShape>;
+	type FocusProps = Pick<HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onKeyUp'>;
 	/**
 	 * Main focus context and overarching focus state management
 	 */
@@ -15860,8 +15978,8 @@ declare module '@elastic/eui/src/components/datagrid/utils/focus' {
 	    visibleColCount: number;
 	    visibleRowCount: number;
 	    visibleRowStartIndex: number;
-	    rowCount: EuiDataGridProps['rowCount'];
-	    pagination: Required<EuiDataGridProps['pagination']>;
+	    rowCount: EuiDataGridProps["rowCount"];
+	    pagination: Required<EuiDataGridProps["pagination"]>;
 	    hasFooter: boolean;
 	    focusContext: DataGridFocusContextShape;
 	}) => (event: KeyboardEvent<HTMLDivElement>) => void;
@@ -15899,13 +16017,13 @@ declare module '@elastic/eui/src/components/datagrid/data_grid.styles' {
 	export const euiDataGridStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiDataGrid: import("@emotion/react").SerializedStyles;
 	    cellPadding: {
-	        cellPadding: (size: 's' | 'm' | 'l') => import("@emotion/react").SerializedStyles;
+	        cellPadding: (size: "s" | "m" | "l") => import("@emotion/react").SerializedStyles;
 	        readonly s: import("@emotion/react").SerializedStyles;
 	        readonly m: import("@emotion/react").SerializedStyles;
 	        readonly l: import("@emotion/react").SerializedStyles;
 	    };
 	    fontSize: {
-	        fontSize: (size: 's' | 'm') => import("@emotion/react").SerializedStyles;
+	        fontSize: (size: "s" | "m") => import("@emotion/react").SerializedStyles;
 	        readonly s: import("@emotion/react").SerializedStyles;
 	        readonly m: import("@emotion/react").SerializedStyles;
 	        readonly l: import("@emotion/react").SerializedStyles;
@@ -15957,7 +16075,13 @@ declare module '@elastic/eui/src/components/datagrid/body/header/draggable_colum
 	    children: (dragProps?: Partial<DraggableProvidedDragHandleProps> & {
 	        'data-column-moving'?: boolean;
 	    }) => ReactElement;
-	}>; type CanDragAndDropColumns = {
+	}>;
+	/**
+	 * Components for conditionally rendering drag/drop wrappers
+	 * Allows us to conditionally call hooks while not instantiating a bunch
+	 * of extra state/etc., since draggable columns isn't yet(?) a default
+	 */
+	type CanDragAndDropColumns = {
 	    canDragAndDropColumns: boolean;
 	};
 	export const ConditionalDroppableColumns: FunctionComponent<ComponentProps<typeof DroppableColumns> & CanDragAndDropColumns>;
@@ -15997,7 +16121,7 @@ declare module '@elastic/eui/src/utils/prop_types/with_required_prop' {
 	 *
 	 * this validator warns if ExampleComponent is passed an `items` prop but not `itemId`
 	 */
-	export const withRequiredProp: (proptype: any, requiredPropName: string, messageDescription?: string | undefined) => (...args: any[]) => any;
+	export const withRequiredProp: (proptype: any, requiredPropName: string, messageDescription?: string) => (...args: any[]) => any;
 
 }
 declare module '@elastic/eui/src/utils/prop_types' {
@@ -16006,7 +16130,7 @@ declare module '@elastic/eui/src/utils/prop_types' {
 	        (props: T, propName: keyof T, componentName: string): Error | null;
 	        isRequired(props: T, propName: keyof T, componentName: string): Error | null;
 	    };
-	    withRequiredProp: (proptype: any, requiredPropName: string, messageDescription?: string | undefined) => (...args: any[]) => any;
+	    withRequiredProp: (proptype: any, requiredPropName: string, messageDescription?: string) => (...args: any[]) => any;
 	};
 
 }
@@ -16163,7 +16287,7 @@ declare module '@elastic/eui/src/components/datagrid/body/header/column_actions'
 	import React, { Ref, KeyboardEventHandler, FunctionComponent } from 'react';
 	import { EuiListGroupItemProps } from '@elastic/eui/src/components/list_group';
 	import { EuiDataGridHeaderCellProps, EuiDataGridColumn, EuiDataGridColumnActions, EuiDataGridSchema, EuiDataGridSchemaDetector, EuiDataGridSorting, DataGridFocusContextShape } from '@elastic/eui/src/components/datagrid/data_grid_types';
-	export const useHasColumnActions: (columnActions: EuiDataGridColumn['actions']) => boolean;
+	export const useHasColumnActions: (columnActions: EuiDataGridColumn["actions"]) => boolean;
 	export type PropsFromColumnActions = {
 	    className?: string;
 	    onKeyDown?: KeyboardEventHandler;
@@ -16204,16 +16328,24 @@ declare module '@elastic/eui/src/components/datagrid/body/header/column_actions'
 	    setFocusedCell: DataGridFocusContextShape['setFocusedCell'];
 	    columnFocusIndex: number;
 	}
-	export const getColumnActions: ({ column, columns, schema, schemaDetectors, setVisibleColumns, focusFirstVisibleInteractiveCell, setIsPopoverOpen, sorting, switchColumnPos, setIsColumnMoving, 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 getColumnActions: ({ column, columns, schema, schemaDetectors, setVisibleColumns, focusFirstVisibleInteractiveCell, setIsPopoverOpen, sorting, switchColumnPos, setIsColumnMoving, setFocusedCell, columnFocusIndex, }: GetColumnActions) => EuiListGroupItemProps[];
+	/**
+	 * Hide column action
+	 */
+	type HideColumnAction = Pick<GetColumnActions, 'column' | 'columns' | 'setVisibleColumns' | 'focusFirstVisibleInteractiveCell'>;
+	export const getHideColumnAction: ({ column, columns, setVisibleColumns, focusFirstVisibleInteractiveCell, }: HideColumnAction) => EuiListGroupItemProps[];
+	/**
+	 * Sort column actions
+	 */
+	type SortColumnActions = Pick<GetColumnActions, 'column' | 'sorting' | 'schema' | 'schemaDetectors'>;
 	export const getSortColumnActions: ({ column, sorting, schema, schemaDetectors, }: SortColumnActions) => EuiListGroupItemProps[];
 	/**
 	 * Column action utility helpers - mostly syntactical sugar for adding an extra
 	 * actions !== false checks, which we make an early return for in the main fn,
 	 * but that the individual utils don't know about and Typescript complains about
 	 */
-	export const isColumnActionEnabled: (actionKey: keyof EuiDataGridColumnActions, actions: EuiDataGridColumn['actions']) => boolean;
-	export const getColumnActionConfig: (action: EuiListGroupItemProps, actionKey: keyof EuiDataGridColumnActions, actions: EuiDataGridColumn['actions']) => EuiListGroupItemProps;
+	export const isColumnActionEnabled: (actionKey: keyof EuiDataGridColumnActions, actions: EuiDataGridColumn["actions"]) => boolean;
+	export const getColumnActionConfig: (action: EuiListGroupItemProps, actionKey: keyof EuiDataGridColumnActions, actions: EuiDataGridColumn["actions"]) => EuiListGroupItemProps;
 	export {};
 
 }
@@ -16224,7 +16356,7 @@ declare module '@elastic/eui/src/components/datagrid/body/header/column_sorting'
 	 * Column sorting utility helpers
 	 */
 	export const useColumnSorting: ({ sorting, id, }: {
-	    sorting?: EuiDataGridSorting | undefined;
+	    sorting?: EuiDataGridSorting;
 	    id: string;
 	}) => {
 	    sortingArrow: React.JSX.Element | null;
@@ -16312,12 +16444,12 @@ declare module '@elastic/eui/src/components/datagrid/body/cell/data_grid_cell_ac
 	export const EuiDataGridCellActions: ({ onExpandClick, popoverAnchorRef, column, rowIndex, colIndex, }: {
 	    onExpandClick: () => void;
 	    popoverAnchorRef: Ref<HTMLDivElement>;
-	    column?: EuiDataGridColumn | undefined;
+	    column?: EuiDataGridColumn;
 	    rowIndex: number;
 	    colIndex: number;
 	}) => React.JSX.Element;
 	export const EuiDataGridCellPopoverActions: ({ rowIndex, colIndex, column, }: {
-	    column?: EuiDataGridColumn | undefined;
+	    column?: EuiDataGridColumn;
 	    colIndex: number;
 	    rowIndex: number;
 	}) => React.JSX.Element;
@@ -16345,13 +16477,13 @@ declare module '@elastic/eui/src/components/datagrid/body/cell/data_grid_cell_po
 
 }
 declare module '@elastic/eui/src/components/datagrid/body/cell/data_grid_cell' {
-	import React, { Component, ContextType, KeyboardEvent } from 'react';
+	import React, { Component, ContextType, KeyboardEvent, MutableRefObject } from 'react';
 	import { DataGridFocusContext } from '@elastic/eui/src/components/datagrid/utils/focus';
 	import { EuiDataGridCellProps, EuiDataGridCellState, EuiDataGridSetCellProps } from '@elastic/eui/src/components/datagrid/data_grid_types';
 	export class EuiDataGridCell extends Component<EuiDataGridCellProps, EuiDataGridCellState> {
-	    cellRef: React.MutableRefObject<HTMLDivElement | null>;
+	    cellRef: MutableRefObject<HTMLDivElement | null>;
 	    contentObserver: any;
-	    popoverAnchorRef: React.MutableRefObject<HTMLDivElement | null>;
+	    popoverAnchorRef: MutableRefObject<HTMLDivElement | null>;
 	    cellContentsRef: HTMLDivElement | null;
 	    state: EuiDataGridCellState;
 	    unsubscribeCell?: Function;
@@ -16419,11 +16551,11 @@ declare module '@elastic/eui/src/components/datagrid/body/footer/data_grid_foote
 	    columns: import ("@elastic/eui/src/components/datagrid/data_grid_types").EuiDataGridColumn[];
 	    schema: import ("@elastic/eui/src/components/datagrid/data_grid_types").EuiDataGridSchema;
 	    columnWidths: import ("@elastic/eui/src/components/datagrid/data_grid_types").EuiDataGridColumnWidths;
-	    defaultColumnWidth?: number | null | undefined;
-	    renderCellValue: import ("@elastic/eui/src/components/datagrid/data_grid_types").RenderCellValue;
-	    renderCellPopover?: React.JSXElementConstructor<import ("@elastic/eui/src/components/datagrid/data_grid_types").EuiDataGridCellPopoverElementProps> | ((props: import ("@elastic/eui/src/components/datagrid/data_grid_types").EuiDataGridCellPopoverElementProps) => React.ReactNode) | undefined;
-	    interactiveCellId: string;
-	    visibleRowIndex?: number | undefined;
+	    defaultColumnWidth?: number | null;
+	    renderCellValue: import ("@elastic/eui/src/components/datagrid/data_grid_types").EuiDataGridCellProps["renderCellValue"];
+	    renderCellPopover?: import ("@elastic/eui/src/components/datagrid/data_grid_types").EuiDataGridCellProps["renderCellPopover"];
+	    interactiveCellId: import ("@elastic/eui/src/components/datagrid/data_grid_types").EuiDataGridCellProps["interactiveCellId"];
+	    visibleRowIndex?: number;
 	    visibleColCount: number;
 	    gridStyles: import ("@elastic/eui/src/components/datagrid/data_grid_types").EuiDataGridStyle;
 	} & React.RefAttributes<HTMLDivElement>>>;
@@ -16432,7 +16564,8 @@ declare module '@elastic/eui/src/components/datagrid/body/footer/data_grid_foote
 }
 declare module '@elastic/eui/src/components/datagrid/body/footer/use_data_grid_footer' {
 	import React from 'react';
-	import { EuiDataGridFooterRowProps } from '@elastic/eui/src/components/datagrid/data_grid_types'; type Props = Omit<EuiDataGridFooterRowProps, 'renderCellValue'> & {
+	import { EuiDataGridFooterRowProps } from '@elastic/eui/src/components/datagrid/data_grid_types';
+	type Props = Omit<EuiDataGridFooterRowProps, 'renderCellValue'> & {
 	    renderFooterCellValue?: EuiDataGridFooterRowProps['renderCellValue'];
 	};
 	/**
@@ -16455,7 +16588,7 @@ declare module '@elastic/eui/src/components/datagrid/body/data_grid_row_manager'
 	import { EuiDataGridRowManager, EuiDataGridStyle } from '@elastic/eui/src/components/datagrid/data_grid_types';
 	export const useRowManager: ({ innerGridRef, rowClasses, }: {
 	    innerGridRef: RefObject<HTMLDivElement>;
-	    rowClasses?: EuiDataGridStyle['rowClasses'];
+	    rowClasses?: EuiDataGridStyle["rowClasses"];
 	}) => EuiDataGridRowManager;
 
 }
@@ -16484,7 +16617,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/grid_height_width' {
 	    rowHeightUtils: RowHeightUtilsType;
 	    startRow: number;
 	    endRow: number;
-	    rowHeightsOptions?: EuiDataGridRowHeightsOptions | undefined;
+	    rowHeightsOptions?: EuiDataGridRowHeightsOptions;
 	    defaultRowHeight: number;
 	    headerRowHeight: number;
 	    footerRowHeight: number;
@@ -16506,14 +16639,14 @@ declare module '@elastic/eui/src/components/datagrid/utils/grid_height_width' {
 }
 declare module '@elastic/eui/src/components/datagrid/utils/col_widths' {
 	import { EuiDataGridColumn, EuiDataGridColumnWidths, EuiDataGridControlColumn, EuiDataGridOnColumnResizeHandler, EuiDataGridProps } from '@elastic/eui/src/components/datagrid/data_grid_types';
-	export const useDefaultColumnWidth: (gridWidth: number, leadingControlColumns: EuiDataGridControlColumn[], trailingControlColumns: EuiDataGridControlColumn[], columns: EuiDataGridProps['columns']) => number | null;
+	export const useDefaultColumnWidth: (gridWidth: number, leadingControlColumns: EuiDataGridControlColumn[], trailingControlColumns: EuiDataGridControlColumn[], columns: EuiDataGridProps["columns"]) => number | null;
 	export const doesColumnHaveAnInitialWidth: (column: EuiDataGridColumn) => boolean;
 	export const useColumnWidths: ({ columns, leadingControlColumns, trailingControlColumns, defaultColumnWidth, onColumnResize, }: {
 	    columns: EuiDataGridColumn[];
 	    leadingControlColumns: EuiDataGridControlColumn[];
 	    trailingControlColumns: EuiDataGridControlColumn[];
-	    defaultColumnWidth?: number | null | undefined;
-	    onColumnResize?: EuiDataGridOnColumnResizeHandler | undefined;
+	    defaultColumnWidth?: number | null;
+	    onColumnResize?: EuiDataGridOnColumnResizeHandler;
 	}) => {
 	    columnWidths: EuiDataGridColumnWidths;
 	    setColumnWidth: (columnId: string, width: number) => void;
@@ -16567,7 +16700,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/scrolling' {
 	/**
 	 * Checks whether the current grid scrolls and/or has scrollbars
 	 */
-	export const useScrollBars: (outerGridRef: MutableRefObject<HTMLDivElement | null>, borderStyle?: EuiDataGridStyle['border']) => {
+	export const useScrollBars: (outerGridRef: MutableRefObject<HTMLDivElement | null>, borderStyle?: EuiDataGridStyle["border"]) => {
 	    scrollBarHeight: number;
 	    scrollBarWidth: number;
 	    hasVerticalScroll: boolean;
@@ -16626,7 +16759,7 @@ declare module '@elastic/eui/src/components/datagrid/controls/data_grid_toolbar'
 	export const MINIMUM_WIDTH_FOR_GRID_CONTROLS = 479;
 	export const EuiDataGridToolbar: ({ gridWidth, minSizeForControls, toolbarVisibility, isFullScreen, fullScreenSelector, keyboardShortcuts, displaySelector, columnSelector, columnSorting, renderCustomToolbar, }: EuiDataGridToolbarProps) => React.JSX.Element;
 	export function checkOrDefaultToolBarDisplayOptions<OptionKey extends keyof EuiDataGridToolBarVisibilityOptions>(arg: EuiDataGridProps['toolbarVisibility'], option: OptionKey): Required<EuiDataGridToolBarVisibilityOptions>[OptionKey];
-	export const renderAdditionalControls: (toolbarVisibility: EuiDataGridProps['toolbarVisibility'], position: 'left.prepend' | 'left.append' | 'right') => ReactNode;
+	export const renderAdditionalControls: (toolbarVisibility: EuiDataGridProps["toolbarVisibility"], position: "left.prepend" | "left.append" | "right") => ReactNode;
 	/**
 	 * Utility helper for selectors/controls that allow nested options
 	 * (e.g. column selector, display selector)
@@ -16652,11 +16785,11 @@ declare module '@elastic/eui/src/components/datagrid/controls/column_selector.st
 
 }
 declare module '@elastic/eui/src/components/datagrid/controls/column_selector' {
-	import React, { ReactNode } from 'react';
+	import { ReactNode } from 'react';
 	import { EuiDataGridColumn, EuiDataGridColumnVisibility, EuiDataGridToolBarVisibilityOptions } from '@elastic/eui/src/components/datagrid/data_grid_types';
-	export const useDataGridColumnSelector: (availableColumns: EuiDataGridColumn[], columnVisibility: EuiDataGridColumnVisibility, showColumnSelector: EuiDataGridToolBarVisibilityOptions['showColumnSelector'], displayValues: {
+	export const useDataGridColumnSelector: (availableColumns: EuiDataGridColumn[], columnVisibility: EuiDataGridColumnVisibility, showColumnSelector: EuiDataGridToolBarVisibilityOptions["showColumnSelector"], displayValues: {
 	    [key: string]: string;
-	}) => [React.ReactNode, EuiDataGridColumn[], (columns: string[]) => void, (colFrom: string, colTo: string) => void];
+	}) => [ReactNode, EuiDataGridColumn[], (columns: string[]) => void, (colFrom: string, colTo: string) => void];
 
 }
 declare module '@elastic/eui/src/components/datagrid/controls/column_sorting' {
@@ -16672,7 +16805,7 @@ declare module '@elastic/eui/src/components/datagrid/controls/column_sorting' {
 	    schemaDetectors: EuiDataGridSchemaDetector[];
 	};
 	export const useDataGridColumnSorting: ({ sorting, ...rest }: Omit<ColumnSortingProps, "sorting"> & {
-	    sorting?: EuiDataGridSorting | undefined;
+	    sorting?: EuiDataGridSorting;
 	}) => ReactNode;
 	export const DataGridSortingControl: FunctionComponent<ColumnSortingProps>;
 
@@ -16684,7 +16817,7 @@ declare module '@elastic/eui/src/components/datagrid/controls/display_selector'
 	/**
 	 * Display settings/selector popover
 	 */
-	export const useDataGridDisplaySelector: (showDisplaySelector: EuiDataGridToolBarVisibilityOptions['showDisplaySelector'], passedGridStyles: EuiDataGridStyle, passedRowHeightsOptions?: EuiDataGridRowHeightsOptions) => [ReactNode, EuiDataGridStyle, EuiDataGridRowHeightsOptions];
+	export const useDataGridDisplaySelector: (showDisplaySelector: EuiDataGridToolBarVisibilityOptions["showDisplaySelector"], passedGridStyles: EuiDataGridStyle, passedRowHeightsOptions?: EuiDataGridRowHeightsOptions) => [ReactNode, EuiDataGridStyle, EuiDataGridRowHeightsOptions];
 
 }
 declare module '@elastic/eui/src/components/description_list/description_list_types' {
@@ -16760,7 +16893,8 @@ declare module '@elastic/eui/src/components/description_list/description_list_ty
 
 }
 declare module '@elastic/eui/src/components/description_list/description_list_context' {
-	import { EuiDescriptionListProps, EuiDescriptionListChildTypes } from '@elastic/eui/src/components/description_list/description_list_types'; type EuiDescriptionListContextValues = Required<Pick<EuiDescriptionListProps, 'textStyle' | 'align' | 'rowGutterSize'> & {
+	import { EuiDescriptionListProps, EuiDescriptionListChildTypes } from '@elastic/eui/src/components/description_list/description_list_types';
+	type EuiDescriptionListContextValues = Required<Pick<EuiDescriptionListProps, 'textStyle' | 'align' | 'rowGutterSize'> & {
 	    type: EuiDescriptionListChildTypes;
 	}> & {
 	    compressed?: EuiDescriptionListProps['compressed'];
@@ -16914,7 +17048,8 @@ declare module '@elastic/eui/src/components/datagrid/pagination/data_grid_pagina
 }
 declare module '@elastic/eui/src/components/datagrid/pagination/data_grid_pagination' {
 	import React, { AriaAttributes } from 'react';
-	import { EuiDataGridPaginationProps } from '@elastic/eui/src/components/datagrid/data_grid_types'; type _EuiDataGridPaginationProps = Required<EuiDataGridPaginationProps> & {
+	import { EuiDataGridPaginationProps } from '@elastic/eui/src/components/datagrid/data_grid_types';
+	type _EuiDataGridPaginationProps = Required<EuiDataGridPaginationProps> & {
 	    rowCount: number;
 	    controls: string;
 	    'aria-label'?: AriaAttributes['aria-label'];
@@ -16939,10 +17074,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/in_memory' {
 	/**
 	 * inMemory values hook
 	 */
-	export const useInMemoryValues: (inMemory: EuiDataGridInMemory | undefined, rowCount: number) => [
-	    EuiDataGridInMemoryValues,
-	    EuiDataGridInMemoryRendererProps['onCellRender']
-	];
+	export const useInMemoryValues: (inMemory: EuiDataGridInMemory | undefined, rowCount: number) => [EuiDataGridInMemoryValues, EuiDataGridInMemoryRendererProps["onCellRender"]];
 	/**
 	 * InMemory renderer
 	 */
@@ -16952,8 +17084,8 @@ declare module '@elastic/eui/src/components/datagrid/utils/in_memory' {
 declare module '@elastic/eui/src/components/datagrid/utils/row_count' {
 	import { EuiDataGridProps, EuiDataGridVisibleRows } from '@elastic/eui/src/components/datagrid/data_grid_types';
 	export const computeVisibleRows: ({ pagination, rowCount, }: {
-	    pagination: Required<EuiDataGridProps['pagination']>;
-	    rowCount: EuiDataGridProps['rowCount'];
+	    pagination: Required<EuiDataGridProps["pagination"]>;
+	    rowCount: EuiDataGridProps["rowCount"];
 	}) => EuiDataGridVisibleRows;
 
 }
@@ -16990,7 +17122,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/ref' {
 	 * the row is not on the current page, the grid should automatically handle
 	 * paginating to that row.
 	 */
-	export const useSortPageCheck: (pagination: Required<EuiDataGridProps['pagination']>, sortedRowMap: DataGridSortedContextShape['sortedRowMap']) => {
+	export const useSortPageCheck: (pagination: Required<EuiDataGridProps["pagination"]>, sortedRowMap: DataGridSortedContextShape["sortedRowMap"]) => {
 	    findVisibleRowIndex: (rowIndex: number) => number;
 	};
 	export {};
@@ -17322,7 +17454,8 @@ declare module '@elastic/eui/src/components/date_picker/date_picker' {
 	import { EuiFormControlLayoutIconsProps } from '@elastic/eui/src/components/form/form_control_layout/form_control_layout_icons';
 	import { ReactDatePickerProps } from '@elastic/eui/src/components/date_picker/react-datepicker';
 	export const euiDatePickerDefaultDateFormat = "MM/DD/YYYY";
-	export const euiDatePickerDefaultTimeFormat = "hh:mm A"; const unsupportedProps: readonly ["monthsShown", "showWeekNumbers", "fixedHeight", "dropdownMode", "useShortMonthInDropdown", "todayButton", "timeCaption", "disabledKeyboardNavigation", "isClearable", "withPortal", "showMonthYearDropdown", "popperPlacement", "defaultInputProps"]; type UnsupportedProps = (typeof unsupportedProps)[number];
+	export const euiDatePickerDefaultTimeFormat = "hh:mm A"; const unsupportedProps: readonly ["monthsShown", "showWeekNumbers", "fixedHeight", "dropdownMode", "useShortMonthInDropdown", "todayButton", "timeCaption", "disabledKeyboardNavigation", "isClearable", "withPortal", "showMonthYearDropdown", "popperPlacement", "defaultInputProps"];
+	type UnsupportedProps = (typeof unsupportedProps)[number];
 	interface EuiExtendedDatePickerProps extends Omit<ReactDatePickerProps, UnsupportedProps> {
 	    /**
 	     * Applies classes to the numbered days provided. Check docs for example.
@@ -17469,7 +17602,7 @@ declare module '@elastic/eui/src/components/tabs/tabs' {
 	};
 	export type EuiTabRef = HTMLDivElement;
 	export const EuiTabs: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-	    children?: React.ReactNode;
+	    children?: ReactNode | undefined;
 	} & CommonProps & {
 	    /**
 	     * ReactNode to render as this component's content
@@ -17479,16 +17612,16 @@ declare module '@elastic/eui/src/components/tabs/tabs' {
 	     * Evenly stretches each tab to fill the
 	     * horizontal space
 	     */
-	    expand?: boolean | undefined;
+	    expand?: boolean;
 	    /**
 	     * Adds a bottom border to separate it from the content after
 	     */
-	    bottomBorder?: boolean | undefined;
+	    bottomBorder?: boolean;
 	    /**
 	     * Sizes affect both font size and overall size.
 	     * Only use the `xl` size when displayed as page titles.
 	     */
-	    size?: "s" | "m" | "l" | "xl" | undefined;
+	    size?: EuiTabsSizes;
 	} & React.RefAttributes<HTMLDivElement>>;
 
 }
@@ -17515,10 +17648,12 @@ declare module '@elastic/eui/src/components/tabs/tab' {
 	     * Will be excluded from interactive effects.
 	     */
 	    append?: ReactNode;
-	} type EuiTabPropsForAnchor = EuiTabProps & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href'> & {
+	}
+	type EuiTabPropsForAnchor = EuiTabProps & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href'> & {
 	    href?: string;
 	    onClick?: MouseEventHandler<HTMLAnchorElement>;
-	}; type EuiTabPropsForButton = EuiTabProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
+	};
+	type EuiTabPropsForButton = EuiTabProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
 	    onClick?: MouseEventHandler<HTMLButtonElement>;
 	};
 	export type Props = ExclusiveUnion<EuiTabPropsForAnchor, EuiTabPropsForButton>;
@@ -17779,13 +17914,13 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_p
 }
 declare module '@elastic/eui/src/components/date_picker/super_date_picker/pretty_duration' {
 	import React from 'react';
-	import moment from 'moment';
+	import { LocaleSpecifier } from 'moment';
 	import { DurationRange, ShortDate } from '@elastic/eui/src/components/date_picker/types';
 	export const useFormatTimeString: (timeString: string, dateFormat: string, options?: {
-	    locale?: moment.LocaleSpecifier | undefined;
-	    roundUp?: boolean | undefined;
-	    canRoundRelativeUnits?: boolean | undefined;
-	} | undefined) => string;
+	    locale?: LocaleSpecifier;
+	    roundUp?: boolean;
+	    canRoundRelativeUnits?: boolean;
+	}) => string;
 	/**
 	 * Pretty duration hook+component
 	 */
@@ -17898,7 +18033,8 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/quick_
 }
 declare module '@elastic/eui/src/components/date_picker/super_date_picker/quick_select_popover/quick_select_panel' {
 	import { FunctionComponent, ReactNode } from 'react';
-	import type { CommonProps } from '@elastic/eui/src/components/common'; type EuiQuickSelectPanelProps = CommonProps & {
+	import type { CommonProps } from '@elastic/eui/src/components/common';
+	type EuiQuickSelectPanelProps = CommonProps & {
 	    component?: 'div' | 'fieldset';
 	    title?: ReactNode;
 	    titleId?: string;
@@ -17947,7 +18083,8 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/quick_
 	import React, { Component, ChangeEventHandler, KeyboardEventHandler } from 'react';
 	import moment from 'moment';
 	import { ApplyTime, QuickSelect } from '@elastic/eui/src/components/date_picker/types';
-	import { TimeOptions } from '@elastic/eui/src/components/date_picker/super_date_picker/time_options'; type EuiQuickSelectState = QuickSelect;
+	import { TimeOptions } from '@elastic/eui/src/components/date_picker/super_date_picker/time_options';
+	type EuiQuickSelectState = QuickSelect;
 	export interface EuiQuickSelectProps {
 	    applyTime: ApplyTime;
 	    start: string;
@@ -18037,7 +18174,7 @@ declare module '@elastic/eui/src/components/date_picker/auto_refresh/refresh_int
 	    handleKeyDown: KeyboardEventHandler<HTMLElement>;
 	    applyRefreshInterval: () => void;
 	    toggleRefresh: () => void;
-	    renderScreenReaderText: (refreshUnitsOptions: TimeOptions['refreshUnitsOptions']) => React.JSX.Element;
+	    renderScreenReaderText: (refreshUnitsOptions: TimeOptions["refreshUnitsOptions"]) => React.JSX.Element;
 	    render(): React.JSX.Element;
 	}
 	export {};
@@ -18224,7 +18361,9 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
 	import React, { Component, MouseEventHandler, ElementRef, ReactNode } from 'react';
 	import { EuiButtonProps } from '@elastic/eui/src/components/button';
 	import { EuiToolTip, EuiToolTipProps } from '@elastic/eui/src/components/tool_tip';
-	import { EuiBreakpointSize } from '@elastic/eui/src/services/breakpoint'; type ToolTipRef = ElementRef<typeof EuiToolTip> | null; type EuiSuperUpdateButtonInternalProps = {
+	import { EuiBreakpointSize } from '@elastic/eui/src/services/breakpoint';
+	type ToolTipRef = ElementRef<typeof EuiToolTip> | null;
+	type EuiSuperUpdateButtonInternalProps = {
 	    isDisabled?: boolean;
 	    isLoading?: boolean;
 	    needsUpdate?: boolean;
@@ -18283,10 +18422,18 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
 
 }
 declare module '@elastic/eui/src/components/date_picker/super_date_picker/pretty_interval' {
+	 const MS_INTERVALS: {
+	    readonly s: 1000;
+	    readonly m: number;
+	    readonly h: number;
+	    readonly d: number;
+	};
+	type IntervalUnitId = keyof typeof MS_INTERVALS;
 	export const usePrettyInterval: (isPaused: boolean, intervalInMs: number, options?: {
-	    shortHand?: boolean | undefined;
-	    unit?: "s" | "h" | "m" | "d" | undefined;
-	} | undefined) => string;
+	    shortHand?: boolean;
+	    unit?: IntervalUnitId;
+	}) => string;
+	export {};
 
 }
 declare module '@elastic/eui/src/components/date_picker/auto_refresh/auto_refresh' {
@@ -18465,7 +18612,8 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
 	     * input by the user, set this flag to `false`.
 	     */
 	    canRoundRelativeUnits?: boolean;
-	}; type EuiSuperDatePickerInternalProps = EuiSuperDatePickerProps & {
+	};
+	type EuiSuperDatePickerInternalProps = EuiSuperDatePickerProps & {
 	    memoizedStyles: ReturnType<typeof euiSuperDatePickerStyles>;
 	    timeOptions: TimeOptions;
 	    commonlyUsedRanges: DurationRange[];
@@ -18870,9 +19018,11 @@ declare module '@elastic/eui/src/components/expression/expression' {
 	     * Sets how to handle the wrapping of long text.
 	     */
 	    textWrap?: 'break-word' | 'truncate';
-	}; type Buttonlike = EuiExpressionProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'> & {
+	};
+	type Buttonlike = EuiExpressionProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'> & {
 	    onClick: MouseEventHandler<HTMLButtonElement>;
-	}; type Spanlike = EuiExpressionProps & Omit<HTMLAttributes<HTMLSpanElement>, 'value'>;
+	};
+	type Spanlike = EuiExpressionProps & Omit<HTMLAttributes<HTMLSpanElement>, 'value'>;
 	export const EuiExpression: FunctionComponent<ExclusiveUnion<Buttonlike, Spanlike>>;
 	export {};
 
@@ -18946,6 +19096,7 @@ declare module '@elastic/eui/src/components/filter_group/filter_group' {
 }
 declare module '@elastic/eui/src/components/filter_group/filter_button' {
 	import { FunctionComponent } from 'react';
+	import { _EuiButtonColor } from '@elastic/eui/src/global_styling';
 	import { DistributiveOmit } from '@elastic/eui/src/components/common';
 	import { BadgeNotificationColor } from '@elastic/eui/src/components/badge/notification_badge/badge_notification';
 	import { EuiButtonEmptyProps } from '@elastic/eui/src/components/button/button_empty';
@@ -18980,7 +19131,16 @@ declare module '@elastic/eui/src/components/filter_group/filter_button' {
 	     * Change color of the counter badge
 	     */
 	    badgeColor?: BadgeNotificationColor;
-	} & DistributiveOmit<EuiButtonEmptyProps, 'flush' | 'size'>;
+	    /**
+	     * Any of the named color palette options.
+	     *
+	     * Do not use the following colors for standalone buttons directly,
+	     * they exist to serve other components:
+	     *  - accent
+	     *  - warning
+	     */
+	    color?: _EuiButtonColor;
+	} & DistributiveOmit<EuiButtonEmptyProps, 'flush' | 'size' | 'color'>;
 	export const EuiFilterButton: FunctionComponent<EuiFilterButtonProps>;
 
 }
@@ -19192,7 +19352,8 @@ declare module '@elastic/eui/src/components/header/header' {
 	import { FunctionComponent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiBreadcrumb, EuiBreadcrumbsProps } from '@elastic/eui/src/components/breadcrumbs';
-	import { EuiHeaderSectionItemProps } from '@elastic/eui/src/components/header/header_section'; type EuiHeaderSectionItemType = EuiHeaderSectionItemProps['children'];
+	import { EuiHeaderSectionItemProps } from '@elastic/eui/src/components/header/header_section';
+	type EuiHeaderSectionItemType = EuiHeaderSectionItemProps['children'];
 	export interface EuiHeaderSections {
 	    /**
 	     * An array of items that will be wrapped in a #EuiHeaderSectionItem
@@ -19308,7 +19469,9 @@ declare module '@elastic/eui/src/components/header/header_links/header_links' {
 	import { EuiPopoverProps } from '@elastic/eui/src/components/popover';
 	import { EuiHeaderSectionItemButtonProps } from '@elastic/eui/src/components/header/header_section';
 	import { EuiBreakpointSize } from '@elastic/eui/src/services/breakpoint';
-	export const GUTTER_SIZES: readonly ["xxs", "xs", "s", "m", "l"]; type EuiHeaderLinksGutterSize = (typeof GUTTER_SIZES)[number]; type EuiHeaderLinksPopoverButtonProps = Partial<EuiHeaderSectionItemButtonProps> & {
+	export const GUTTER_SIZES: readonly ["xxs", "xs", "s", "m", "l"];
+	type EuiHeaderLinksGutterSize = (typeof GUTTER_SIZES)[number];
+	type EuiHeaderLinksPopoverButtonProps = Partial<EuiHeaderSectionItemButtonProps> & {
 	    iconType?: IconType;
 	};
 	export type EuiHeaderLinksProps = CommonProps & Omit<HTMLAttributes<HTMLElement>, 'children'> & {
@@ -19437,7 +19600,8 @@ declare module '@elastic/eui/src/components/image/image_types' {
 	export type EuiImageSize = (typeof SIZES)[number]; const FLOATS: readonly ["left", "right"];
 	export type EuiImageWrapperFloat = (typeof FLOATS)[number]; const MARGINS: readonly ["s", "m", "l", "xl"];
 	export type EuiImageWrapperMargin = (typeof MARGINS)[number];
-	export type EuiImageButtonIconColor = 'light' | 'dark'; type _EuiImageSrcOrUrl = ExclusiveUnion<{
+	export type EuiImageButtonIconColor = 'light' | 'dark';
+	type _EuiImageSrcOrUrl = ExclusiveUnion<{
 	    /**
 	     * Requires either `src` or `url` but defaults to using `src` if both are provided
 	     */
@@ -19559,7 +19723,7 @@ declare module '@elastic/eui/src/components/image/image_caption.styles' {
 declare module '@elastic/eui/src/components/image/image_caption' {
 	import React from 'react';
 	export const EuiImageCaption: React.ForwardRefExoticComponent<Pick<import ("@elastic/eui/src/components/image/image_types").EuiImageProps, "caption"> & {
-	    isOnOverlayMask?: boolean | undefined;
+	    isOnOverlayMask?: boolean;
 	} & React.RefAttributes<HTMLDivElement>>;
 
 }
@@ -19659,7 +19823,8 @@ declare module '@elastic/eui/src/components/skeleton/skeleton_loading' {
 
 }
 declare module '@elastic/eui/src/components/skeleton/utils' {
-	import { UseEuiTheme } from '@elastic/eui/src/services'; type AnimationOptions = {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	type AnimationOptions = {
 	    slideSize?: string;
 	    gradientSize?: string;
 	};
@@ -19940,7 +20105,8 @@ declare module '@elastic/eui/src/components/inline_edit/inline_edit_title' {
 	import { FunctionComponent } from 'react';
 	import { EuiTitleSize } from '@elastic/eui/src/components/title';
 	import { EuiInlineEditCommonProps } from '@elastic/eui/src/components/inline_edit/inline_edit_form';
-	export const HEADINGS: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "span"]; type Heading = (typeof HEADINGS)[number];
+	export const HEADINGS: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "span"];
+	type Heading = (typeof HEADINGS)[number];
 	export type EuiInlineEditTitleProps = EuiInlineEditCommonProps & {
 	    /**
 	     * Title size level
@@ -20053,7 +20219,8 @@ declare module '@elastic/eui/src/components/key_pad_menu/key_pad_menu_item' {
 	     * The text to display beneath the icon
 	     */
 	    label: ReactNode;
-	}; type EuiKeyPadMenuItemPropsForUncheckable = {
+	};
+	type EuiKeyPadMenuItemPropsForUncheckable = {
 	    /**
 	     * Beta badges are unavailable if the item is checkable
 	     */
@@ -20078,12 +20245,15 @@ declare module '@elastic/eui/src/components/key_pad_menu/key_pad_menu_item' {
 	     * Use `onClick` instead when the item is not `checkable`
 	     */
 	    onChange?: never;
-	}; type EuiKeyPadMenuItemPropsForAnchor = PropsForAnchor<EuiKeyPadMenuItemCommonProps, {
+	};
+	type EuiKeyPadMenuItemPropsForAnchor = PropsForAnchor<EuiKeyPadMenuItemCommonProps, {
 	    buttonRef?: Ref<HTMLAnchorElement>;
 	    rel?: string;
-	} & EuiKeyPadMenuItemPropsForUncheckable>; type EuiKeyPadMenuItemPropsForButton = PropsForButton<EuiKeyPadMenuItemCommonProps, {
+	} & EuiKeyPadMenuItemPropsForUncheckable>;
+	type EuiKeyPadMenuItemPropsForButton = PropsForButton<EuiKeyPadMenuItemCommonProps, {
 	    buttonRef?: Ref<HTMLButtonElement>;
-	} & EuiKeyPadMenuItemPropsForUncheckable>; type EuiKeyPadMenuItemPropsForCheckable = Omit<LabelHTMLAttributes<HTMLLabelElement>, 'onChange'> & EuiKeyPadMenuItemCommonProps & {
+	} & EuiKeyPadMenuItemPropsForUncheckable>;
+	type EuiKeyPadMenuItemPropsForCheckable = Omit<LabelHTMLAttributes<HTMLLabelElement>, 'onChange'> & EuiKeyPadMenuItemCommonProps & {
 	    /**
 	     * Use `onChange` instead when the item is `checkable`
 	     */
@@ -20507,9 +20677,9 @@ declare module '@elastic/eui/src/components/markdown_editor/markdown_editor_text
 	    maxHeight: string;
 	};
 	export const EuiMarkdownEditorTextArea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & CommonProps & {
-	    isInvalid?: boolean | undefined;
-	    fullWidth?: boolean | undefined;
-	    compressed?: boolean | undefined;
+	    isInvalid?: boolean;
+	    fullWidth?: boolean;
+	    compressed?: boolean;
 	    height: string;
 	    maxHeight: string;
 	} & React.RefAttributes<HTMLTextAreaElement>>;
@@ -20573,7 +20743,8 @@ declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_too
 declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_tooltip/renderer' {
 	import { FunctionComponent, PropsWithChildren } from 'react';
 	import { EuiMarkdownAstNodePosition } from '@elastic/eui/src/components/markdown_editor/markdown_types';
-	import { TooltipNodeDetails } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_tooltip/types'; type TooltipMarkdownRendererProps = PropsWithChildren & TooltipNodeDetails & {
+	import { TooltipNodeDetails } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_tooltip/types';
+	type TooltipMarkdownRendererProps = PropsWithChildren & TooltipNodeDetails & {
 	    position: EuiMarkdownAstNodePosition;
 	};
 	export const tooltipMarkdownRenderer: FunctionComponent<TooltipMarkdownRendererProps>;
@@ -20610,7 +20781,8 @@ declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_che
 declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_checkbox/renderer' {
 	import { FunctionComponent, PropsWithChildren } from 'react';
 	import { EuiMarkdownAstNodePosition } from '@elastic/eui/src/components/markdown_editor/markdown_types';
-	import { CheckboxNodeDetails } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_checkbox/types'; type CheckboxMarkdownRendererProps = PropsWithChildren & CheckboxNodeDetails & {
+	import { CheckboxNodeDetails } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_checkbox/types';
+	type CheckboxMarkdownRendererProps = PropsWithChildren & CheckboxNodeDetails & {
 	    position: EuiMarkdownAstNodePosition;
 	};
 	export const CheckboxMarkdownRenderer: FunctionComponent<CheckboxMarkdownRendererProps>;
@@ -20710,8 +20882,8 @@ declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_def
 	     */
 	    linkProps?: Partial<EuiLinkProps>;
 	};
-	export const getDefaultEuiMarkdownProcessingPlugins: ({ exclude, linkProps, }?: DefaultPluginsConfig & DefaultProcessingPluginsConfig) => [[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>[]];
+	export const getDefaultEuiMarkdownProcessingPlugins: ({ exclude, linkProps, }?: DefaultPluginsConfig & DefaultProcessingPluginsConfig) => DefaultEuiMarkdownProcessingPlugins;
+	export const defaultProcessingPlugins: [[Plugin, Remark2RehypeOptions], [typeof rehype2react, Rehype2ReactOptions], ...Pluggable<any[], Settings>[]];
 
 }
 declare module '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins/plugins' {
@@ -20839,7 +21011,8 @@ declare module '@elastic/eui/src/components/markdown_editor/markdown_editor' {
 	import { EuiMarkdownFormatProps } from '@elastic/eui/src/components/markdown_editor/markdown_format';
 	import { MARKDOWN_MODE } from '@elastic/eui/src/components/markdown_editor/markdown_modes';
 	import { EuiMarkdownAstNode, EuiMarkdownDropHandler, EuiMarkdownEditorUiPlugin, EuiMarkdownParseError } from '@elastic/eui/src/components/markdown_editor/markdown_types';
-	import { ContextShape } from '@elastic/eui/src/components/markdown_editor/markdown_context'; type CommonMarkdownEditorProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'placeholder'> & CommonProps & {
+	import { ContextShape } from '@elastic/eui/src/components/markdown_editor/markdown_context';
+	type CommonMarkdownEditorProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'placeholder'> & CommonProps & {
 	    /** aria-label OR aria-labelledby must be set */
 	    'aria-label'?: string;
 	    /** aria-label OR aria-labelledby must be set */
@@ -21010,7 +21183,8 @@ declare module '@elastic/eui/src/components/page/page_body/page_body' {
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { _EuiPageRestrictWidth } from '@elastic/eui/src/components/page/_restrict_width';
 	import { EuiPanelProps } from '@elastic/eui/src/components/panel';
-	import { EuiPaddingSize } from '@elastic/eui/src/global_styling'; type ComponentTypes = keyof JSX.IntrinsicElements | ComponentType<any>;
+	import { EuiPaddingSize } from '@elastic/eui/src/global_styling';
+	type ComponentTypes = keyof JSX.IntrinsicElements | ComponentType<any>;
 	export type EuiPageBodyProps<T extends ComponentTypes = 'main'> = PropsWithChildren & CommonProps & ComponentProps<T> & _EuiPageRestrictWidth & {
 	    /**
 	     * Sets the HTML element for `EuiPageBody`.
@@ -21078,7 +21252,8 @@ declare module '@elastic/eui/src/components/page/page_header/page_header_content
 	import { EuiBreadcrumbsProps } from '@elastic/eui/src/components/breadcrumbs';
 	import { PADDING_SIZES } from '@elastic/eui/src/global_styling';
 	import { _EuiPageRestrictWidth } from '@elastic/eui/src/components/page/_restrict_width';
-	export const ALIGN_ITEMS: readonly ["top", "bottom", "center", "stretch"]; type Tab = EuiTabProps & {
+	export const ALIGN_ITEMS: readonly ["top", "bottom", "center", "stretch"];
+	type Tab = EuiTabProps & {
 	    /**
 	     * Visible text of the tab
 	     */
@@ -21358,7 +21533,8 @@ 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 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.
@@ -21571,14 +21747,14 @@ declare module '@elastic/eui/src/components/provider/nested' {
 
 }
 declare module '@elastic/eui/src/components/provider/provider' {
-	import React, { PropsWithChildren, JSX } from 'react';
+	import { PropsWithChildren, JSX } from 'react';
 	import type { EmotionCache } from '@emotion/css';
 	import { EuiThemeProviderProps, EuiThemeSystem, EuiThemeColorMode, EuiThemeHighContrastModeProp } from '@elastic/eui/src/services';
 	import { EuiGlobalStylesProps } from '@elastic/eui/src/global_styling/reset/global_styles';
 	import { EuiComponentDefaults } from '@elastic/eui/src/components/provider/component_defaults';
 	export interface EuiProviderProps<T> extends PropsWithChildren, EuiGlobalStylesProps, Pick<EuiThemeProviderProps<T>, 'modify'> {
 	    /**
-	     * Provide a specific EuiTheme; Defaults to EuiThemeAmsterdam;
+	     * Provide a specific EuiTheme; Defaults to EuiThemeBorealis;
 	     * Pass `null` to remove all theming including global reset
 	     */
 	    theme?: EuiThemeSystem | null;
@@ -21630,7 +21806,7 @@ declare module '@elastic/eui/src/components/provider/provider' {
 	     */
 	    componentDefaults?: EuiComponentDefaults;
 	}
-	export const EuiProvider: <T extends {} = {}>({ cache, theme, globalStyles: Globals, utilityClasses: Utilities, colorMode, highContrastMode, modify, componentDefaults, children, }: React.PropsWithChildren<EuiProviderProps<T>>) => any;
+	export const EuiProvider: <T extends {} = {}>({ cache, theme, globalStyles: Globals, utilityClasses: Utilities, colorMode, highContrastMode, modify, componentDefaults, children, }: PropsWithChildren<EuiProviderProps<T>>) => any;
 
 }
 declare module '@elastic/eui/src/components/provider' {
@@ -21881,7 +22057,7 @@ declare module '@elastic/eui/src/components/search_bar/query/date_value' {
 	export const dateValue: (raw: MomentInput, granularity?: GranularityType, dateFormat?: any) => DateValue | undefined;
 	export const dateValueParser: (format?: Readonly<{
 	    parse(value: string): import ("@elastic/eui/src/components/search_bar/query/date_format").EuiMoment;
-	    print(date: moment.MomentInput | import ("@elastic/eui/src/components/search_bar/query/date_format").EuiMoment, defaultGranularity?: undefined): string;
+	    print(date: import ("@elastic/eui/src/components/search_bar/query/date_format").EuiMoment | MomentInput, defaultGranularity?: undefined): string;
 	}>) => (text: string) => DateValue | undefined;
 
 }
@@ -21915,7 +22091,7 @@ declare module '@elastic/eui/src/components/search_bar/query/ast' {
 	export const Match: Readonly<{
 	    MUST: "must";
 	    MUST_NOT: "must_not";
-	    isMust(match: MatchType | undefined): boolean;
+	    isMust(match: MatchType | undefined): match is "must";
 	    isMustClause(clause: Clause): boolean;
 	}>;
 	export type OperatorType = 'eq' | 'exact' | 'gt' | 'gte' | 'lt' | 'lte';
@@ -21926,19 +22102,19 @@ declare module '@elastic/eui/src/components/search_bar/query/ast' {
 	    GTE: "gte";
 	    LT: "lt";
 	    LTE: "lte";
-	    isEQ(match: OperatorType | undefined): boolean;
+	    isEQ(match: OperatorType | undefined): match is "eq";
 	    isEQClause(clause: Clause): boolean;
-	    isEXACT(match: OperatorType | undefined): boolean;
+	    isEXACT(match: OperatorType | undefined): match is "exact";
 	    isEXACTClause(clause: Clause): boolean;
-	    isRange(match: OperatorType | undefined): boolean;
+	    isRange(match: OperatorType | undefined): match is "gt" | "gte" | "lt" | "lte";
 	    isRangeClause(clause: Clause): boolean;
-	    isGT(match: OperatorType | undefined): boolean;
+	    isGT(match: OperatorType | undefined): match is "gt";
 	    isGTClause(clause: Clause): boolean;
-	    isGTE(match: OperatorType | undefined): boolean;
+	    isGTE(match: OperatorType | undefined): match is "gte";
 	    isGTEClause(clause: Clause): boolean;
-	    isLT(match: OperatorType | undefined): boolean;
+	    isLT(match: OperatorType | undefined): match is "lt";
 	    isLTClause(clause: Clause): boolean;
-	    isLTE(match: OperatorType | undefined): boolean;
+	    isLTE(match: OperatorType | undefined): match is "lte";
 	    isLTEClause(clause: Clause): boolean;
 	}>;
 	/**
@@ -22011,7 +22187,7 @@ declare module '@elastic/eui/src/components/search_bar/query/ast' {
 	    Match: Readonly<{
 	        MUST: "must";
 	        MUST_NOT: "must_not";
-	        isMust(match: MatchType | undefined): boolean;
+	        isMust(match: MatchType | undefined): match is "must";
 	        isMustClause(clause: Clause): boolean;
 	    }>;
 	    Operator: Readonly<{
@@ -22021,19 +22197,19 @@ declare module '@elastic/eui/src/components/search_bar/query/ast' {
 	        GTE: "gte";
 	        LT: "lt";
 	        LTE: "lte";
-	        isEQ(match: OperatorType | undefined): boolean;
+	        isEQ(match: OperatorType | undefined): match is "eq";
 	        isEQClause(clause: Clause): boolean;
-	        isEXACT(match: OperatorType | undefined): boolean;
+	        isEXACT(match: OperatorType | undefined): match is "exact";
 	        isEXACTClause(clause: Clause): boolean;
-	        isRange(match: OperatorType | undefined): boolean;
+	        isRange(match: OperatorType | undefined): match is "gt" | "gte" | "lt" | "lte";
 	        isRangeClause(clause: Clause): boolean;
-	        isGT(match: OperatorType | undefined): boolean;
+	        isGT(match: OperatorType | undefined): match is "gt";
 	        isGTClause(clause: Clause): boolean;
-	        isGTE(match: OperatorType | undefined): boolean;
+	        isGTE(match: OperatorType | undefined): match is "gte";
 	        isGTEClause(clause: Clause): boolean;
-	        isLT(match: OperatorType | undefined): boolean;
+	        isLT(match: OperatorType | undefined): match is "lt";
 	        isLTClause(clause: Clause): boolean;
-	        isLTE(match: OperatorType | undefined): boolean;
+	        isLTE(match: OperatorType | undefined): match is "lte";
 	        isLTEClause(clause: Clause): boolean;
 	    }>;
 	    Term: Readonly<{
@@ -22197,7 +22373,8 @@ declare module '@elastic/eui/src/components/search_bar/query/operators' {
 	import moment from 'moment';
 	import { Value } from '@elastic/eui/src/components/search_bar/query/ast';
 	export type FieldValue = string | number | boolean | any[] | Date | moment.Moment | null | undefined;
-	export type ClauseValue = Value | Date | moment.Moment | null | undefined; type Options = Partial<{
+	export type ClauseValue = Value | Date | moment.Moment | null | undefined;
+	type Options = Partial<{
 	    exactMatch: boolean;
 	    ignoreCase: boolean;
 	}>;
@@ -22220,8 +22397,8 @@ declare module '@elastic/eui/src/components/search_bar/query/execute_ast' {
 	    flag?: string;
 	    match?: MatchType;
 	    operator?: any;
-	} const defaultIsClauseMatcher: <T_1 extends object>(item: T_1, clause: IsClause, explain?: Explain[] | undefined) => boolean;
-	export const createFilter: <T extends {}>(ast: _AST, defaultFields: string[] | undefined, isClauseMatcher?: <T_1 extends object>(item: T_1, clause: IsClause, explain?: Explain[] | undefined) => boolean, explain?: boolean) => (item: T) => boolean;
+	} const defaultIsClauseMatcher: <T extends object>(item: T, clause: IsClause, explain?: Explain[]) => boolean;
+	export const createFilter: <T extends {}>(ast: _AST, defaultFields: string[] | undefined, isClauseMatcher?: <T_1 extends object>(item: T_1, clause: IsClause, explain?: Explain[]) => boolean, explain?: boolean) => (item: T) => boolean;
 	interface Options {
 	    isClauseMatcher?: typeof defaultIsClauseMatcher;
 	    defaultFields?: string[];
@@ -22246,7 +22423,8 @@ declare module '@elastic/eui/src/components/search_bar/query/ast_to_es_query_dsl
 	    must?: QueryContainer[];
 	    must_not?: QueryContainer[];
 	    should?: QueryContainer[];
-	} type Options = Partial<{
+	}
+	type Options = Partial<{
 	    defaultFields: string[];
 	    extraMustQueries: QueryContainer[];
 	    extraMustNotQueries: QueryContainer[];
@@ -22257,17 +22435,10 @@ declare module '@elastic/eui/src/components/search_bar/query/ast_to_es_query_dsl
 	export const _termValuesToQuery: (values: Value[], options: Options) => {
 	    simple_query_string: {
 	        query: string;
-	        fields?: string[] | undefined;
+	        fields?: string[];
 	    };
 	} | undefined;
-	export const _fieldValuesToQuery: (field: string, operations: {
-	    exact: Value[];
-	    eq: Value[];
-	    gt: Value[];
-	    gte: Value[];
-	    lt: Value[];
-	    lte: Value[];
-	}, andOr: 'and' | 'or') => QueryContainer;
+	export const _fieldValuesToQuery: (field: string, operations: { [x in OperatorType]: Value[]; }, andOr: "and" | "or") => QueryContainer;
 	export const _isFlagToQuery: (flag: string, on: boolean) => {
 	    term: {
 	        [x: string]: boolean;
@@ -22294,9 +22465,9 @@ declare module '@elastic/eui/src/components/search_bar/query/query' {
 	    static parse(text: string, options?: ParseOptions, syntax?: Syntax): Query;
 	    static isMust(clause: Clause): boolean;
 	    static MATCH_ALL: Query;
-	    static isTerm(clause: Clause): boolean;
-	    static isIs(clause: Clause): boolean;
-	    static isField(clause: Clause): boolean;
+	    static isTerm(clause: Clause): clause is import ("@elastic/eui/src/components/search_bar/query/ast").TermClause;
+	    static isIs(clause: Clause): clause is import ("@elastic/eui/src/components/search_bar/query/ast").IsClause;
+	    static isField(clause: Clause): clause is import ("@elastic/eui/src/components/search_bar/query/ast").FieldClause;
 	    ast: _AST;
 	    text: string;
 	    private syntax;
@@ -22484,10 +22655,12 @@ declare module '@elastic/eui/src/components/selectable/selectable_option' {
 	     * Optional props to pass to the underlying **[EuiToolTip](/#/display/tooltip)**
 	     */
 	    toolTipProps?: Partial<Omit<EuiToolTipProps, 'content' | 'children'>>;
-	}; type _EuiSelectableGroupLabelOption = Omit<EuiSelectableOptionBase, 'isGroupLabel'> & Exclude<HTMLAttributes<HTMLDivElement>, 'id'> & {
+	};
+	type _EuiSelectableGroupLabelOption = Omit<EuiSelectableOptionBase, 'isGroupLabel'> & Exclude<HTMLAttributes<HTMLDivElement>, 'id'> & {
 	    isGroupLabel: true;
 	};
-	export type EuiSelectableGroupLabelOption<T> = _EuiSelectableGroupLabelOption & T; type _EuiSelectableLIOption = EuiSelectableOptionBase & Exclude<HTMLAttributes<HTMLLIElement>, 'id'>;
+	export type EuiSelectableGroupLabelOption<T> = _EuiSelectableGroupLabelOption & T;
+	type _EuiSelectableLIOption = EuiSelectableOptionBase & Exclude<HTMLAttributes<HTMLLIElement>, 'id'>;
 	export type EuiSelectableLIOption<T> = _EuiSelectableLIOption & T;
 	export type EuiSelectableOption<T = {}> = ExclusiveUnion<EuiSelectableGroupLabelOption<T>, EuiSelectableLIOption<T>>;
 	export {};
@@ -22495,7 +22668,8 @@ 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';
-	import { EuiSelectableOptionMatcher } from '@elastic/eui/src/components/selectable/selectable'; type SelectableOptions<T> = Array<EuiSelectableOption<T>>;
+	import { EuiSelectableOptionMatcher } from '@elastic/eui/src/components/selectable/selectable';
+	type SelectableOptions<T> = Array<EuiSelectableOption<T>>;
 	interface GetMatchingOptionsArgs<TOption> {
 	    /**
 	     * All available options to match against
@@ -22800,7 +22974,8 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	    makeOptionId: (index: number | undefined) => string;
 	    listId: string;
 	    setActiveOptionIndex: (index: number, cb?: () => void) => void;
-	}; type State<T> = {
+	};
+	type State<T> = {
 	    defaultOptionWidth: number;
 	    optionArray: Array<EuiSelectableOption<T>>;
 	    itemData: Record<number, EuiSelectableOption<T>>;
@@ -22824,7 +22999,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	    setListBoxRef: (ref: HTMLUListElement | null) => void;
 	    shouldComponentUpdate(nextProps: Readonly<EuiSelectableListProps<T>>): boolean;
 	    componentDidUpdate(prevProps: EuiSelectableListProps<T>): void;
-	    calculateAriaSetAttrs: (optionArray: State<T>['optionArray']) => {
+	    calculateAriaSetAttrs: (optionArray: State<T>["optionArray"]) => {
 	        ariaPosInSetMap: Record<number, number>;
 	        ariaSetSize: number;
 	    };
@@ -22836,15 +23011,15 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	    getTruncationProps: (option: EuiSelectableOption, highlightSearch: boolean, isFocused: boolean) => {
 	        prefix?: string | undefined;
 	        slot?: string | undefined;
-	        style?: React.CSSProperties | undefined;
+	        style?: CSSProperties | undefined;
 	        title?: string | undefined;
-	        css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
-	        width: number | undefined;
+	        width: number;
 	        color?: string | undefined;
 	        content?: string | undefined;
+	        hidden?: boolean | undefined;
+	        css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
 	        translate?: "yes" | "no" | undefined;
 	        property?: string | undefined;
-	        hidden?: boolean | undefined;
 	        className?: string | undefined;
 	        defaultChecked?: boolean | undefined;
 	        defaultValue?: string | number | readonly string[] | undefined;
@@ -22852,14 +23027,14 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	        suppressHydrationWarning?: boolean | undefined;
 	        accessKey?: string | undefined;
 	        autoFocus?: boolean | undefined;
-	        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+	        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
 	        contextMenu?: string | undefined;
 	        dir?: string | undefined;
-	        draggable?: (boolean | "true" | "false") | undefined;
+	        draggable?: (boolean | "false" | "true") | undefined;
 	        id?: string | undefined;
 	        lang?: string | undefined;
 	        nonce?: string | undefined;
-	        spellCheck?: (boolean | "true" | "false") | undefined;
+	        spellCheck?: (boolean | "false" | "true") | undefined;
 	        tabIndex?: number | undefined;
 	        radioGroup?: string | undefined;
 	        role?: React.AriaRole | undefined;
@@ -22882,55 +23057,55 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	        results?: number | undefined;
 	        security?: string | undefined;
 	        unselectable?: "on" | "off" | undefined;
-	        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+	        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
 	        is?: string | undefined;
 	        "aria-activedescendant"?: string | undefined;
-	        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-	        "aria-autocomplete"?: "both" | "none" | "inline" | "list" | undefined;
+	        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+	        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
 	        "aria-braillelabel"?: string | undefined;
 	        "aria-brailleroledescription"?: string | undefined;
-	        "aria-busy"?: (boolean | "true" | "false") | undefined;
-	        "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+	        "aria-busy"?: (boolean | "false" | "true") | undefined;
+	        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
 	        "aria-colcount"?: number | undefined;
 	        "aria-colindex"?: number | undefined;
 	        "aria-colindextext"?: string | undefined;
 	        "aria-colspan"?: number | undefined;
 	        "aria-controls"?: string | undefined;
-	        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+	        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
 	        "aria-describedby"?: string | undefined;
 	        "aria-description"?: string | undefined;
 	        "aria-details"?: string | undefined;
-	        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-	        "aria-dropeffect"?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
+	        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+	        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
 	        "aria-errormessage"?: string | undefined;
-	        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+	        "aria-expanded"?: (boolean | "false" | "true") | undefined;
 	        "aria-flowto"?: string | undefined;
-	        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-	        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
-	        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-	        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+	        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+	        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+	        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+	        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
 	        "aria-keyshortcuts"?: string | undefined;
 	        "aria-label"?: string | undefined;
 	        "aria-labelledby"?: string | undefined;
 	        "aria-level"?: number | undefined;
 	        "aria-live"?: "off" | "assertive" | "polite" | undefined;
-	        "aria-modal"?: (boolean | "true" | "false") | undefined;
-	        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-	        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+	        "aria-modal"?: (boolean | "false" | "true") | undefined;
+	        "aria-multiline"?: (boolean | "false" | "true") | undefined;
+	        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
 	        "aria-orientation"?: "horizontal" | "vertical" | undefined;
 	        "aria-owns"?: string | undefined;
 	        "aria-placeholder"?: string | undefined;
 	        "aria-posinset"?: number | undefined;
-	        "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-	        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-	        "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-	        "aria-required"?: (boolean | "true" | "false") | undefined;
+	        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+	        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+	        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+	        "aria-required"?: (boolean | "false" | "true") | undefined;
 	        "aria-roledescription"?: string | undefined;
 	        "aria-rowcount"?: number | undefined;
 	        "aria-rowindex"?: number | undefined;
 	        "aria-rowindextext"?: string | undefined;
 	        "aria-rowspan"?: number | undefined;
-	        "aria-selected"?: (boolean | "true" | "false") | undefined;
+	        "aria-selected"?: (boolean | "false" | "true") | undefined;
 	        "aria-setsize"?: number | undefined;
 	        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
 	        "aria-valuemax"?: number | undefined;
@@ -23008,7 +23183,7 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	        onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
 	        onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
 	        onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-	        onResize?: ((width: number) => void) | undefined;
+	        onResize?: (width: number) => void;
 	        onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
 	        onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
 	        onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
@@ -23100,15 +23275,15 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
 	        onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
 	        onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-	        'data-test-subj'?: string | undefined;
-	        ellipsis?: string | undefined;
-	        truncation?: "start" | "end" | "middle" | "startEnd" | undefined;
-	        truncationOffset?: number | undefined;
-	        truncationPosition?: number | undefined;
-	        calculationDelayMs?: number | undefined;
+	        'data-test-subj'?: string;
+	        ellipsis?: string;
+	        truncation?: import ("@elastic/eui/src/components/text_truncate").EuiTextTruncationTypes;
+	        truncationOffset?: number;
+	        truncationPosition?: number;
+	        calculationDelayMs?: number;
 	    } | undefined;
-	    renderSearchedText: (text: string, truncationProps?: EuiSelectableOptionsListProps['truncationProps']) => React.JSX.Element;
-	    renderTruncatedText: (text: string, truncationProps?: EuiSelectableOptionsListProps['truncationProps']) => React.JSX.Element;
+	    renderSearchedText: (text: string, truncationProps?: EuiSelectableOptionsListProps["truncationProps"]) => React.JSX.Element;
+	    renderTruncatedText: (text: string, truncationProps?: EuiSelectableOptionsListProps["truncationProps"]) => React.JSX.Element;
 	    render(): React.JSX.Element;
 	    onAddOrRemoveOption: (option: EuiSelectableOption<T>, event: EuiSelectableOnChangeEvent) => void;
 	    private onAddOption;
@@ -23142,7 +23317,10 @@ declare module '@elastic/eui/src/components/selectable/selectable' {
 	import { EuiSelectableList } from '@elastic/eui/src/components/selectable/selectable_list';
 	import { EuiSelectableOptionsListProps } from '@elastic/eui/src/components/selectable/selectable_list/selectable_list';
 	import { EuiSelectableOption } from '@elastic/eui/src/components/selectable/selectable_option';
-	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 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;
@@ -23293,14 +23471,14 @@ declare module '@elastic/eui/src/components/selectable/selectable' {
 	    componentDidUpdate<T>(prevProps: EuiSelectableProps<T>, prevState: EuiSelectableState<T>): void;
 	    isFocusOnSearchOrListBox: (target: EventTarget | null) => boolean | undefined;
 	    onMouseDown: () => void;
-	    onFocus: (event?: React.FocusEvent<Element, Element> | undefined) => void;
+	    onFocus: (event?: FocusEvent) => void;
 	    onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
 	    incrementActiveOptionIndex: (amount: number) => void;
 	    onSearchChange: (searchValue: string, visibleOptions: Array<EuiSelectableOption<T>>) => void;
 	    onContainerBlur: (e: React.FocusEvent) => void;
 	    onOptionClick: (options: Array<EuiSelectableOption<T>>, event: EuiSelectableOnChangeEvent, clickedOption: EuiSelectableOption<T>) => void;
-	    scrollToItem: (index: number, align?: Align | undefined) => void;
-	    makeOptionId: (index?: number | undefined) => string;
+	    scrollToItem: (index: number, align?: Align) => void;
+	    makeOptionId: (index?: number) => string;
 	    render(): React.JSX.Element;
 	}
 	export {};
@@ -23448,7 +23626,10 @@ declare module '@elastic/eui/src/components/search_bar/filters/field_value_selec
 	    value: Value;
 	    name?: string;
 	    view?: ReactNode;
-	} type OptionsLoader = () => Promise<FieldValueOptionType[]>; type OptionsFilter = (name: string, query: string, options?: FieldValueOptionType[]) => boolean; type MultiSelect = boolean | 'and' | 'or';
+	}
+	type OptionsLoader = () => Promise<FieldValueOptionType[]>;
+	type OptionsFilter = (name: string, query: string, options?: FieldValueOptionType[]) => boolean;
+	type MultiSelect = boolean | 'and' | 'or';
 	export interface FieldValueSelectionFilterConfigType {
 	    type: 'field_value_selection';
 	    field?: string;
@@ -23622,7 +23803,8 @@ declare module '@elastic/eui/src/components/search_bar/search_filters' {
 	    query: Query;
 	    onChange: (query: Query) => void;
 	    filters: SearchFilterConfig[];
-	} type DefaultProps = Pick<EuiSearchBarFiltersProps, 'filters'>;
+	}
+	type DefaultProps = Pick<EuiSearchBarFiltersProps, 'filters'>;
 	export class EuiSearchBarFilters extends Component<EuiSearchBarFiltersProps> {
 	    static defaultProps: DefaultProps;
 	    render(): React.JSX.Element;
@@ -23643,7 +23825,8 @@ declare module '@elastic/eui/src/components/search_bar/search_bar' {
 	import { EuiFieldSearchProps } from '@elastic/eui/src/components/form/field_search';
 	import { EuiInputPopoverProps } from '@elastic/eui/src/components/popover';
 	export { Query, AST as Ast } from '@elastic/eui/src/components/search_bar/query';
-	export type QueryType = Query | string; type Tools = ReactElement | ReactElement[];
+	export type QueryType = Query | string;
+	type Tools = ReactElement | ReactElement[];
 	interface ArgsWithQuery {
 	    query: Query;
 	    queryText: string;
@@ -23660,7 +23843,8 @@ declare module '@elastic/eui/src/components/search_bar/search_bar' {
 	    flags?: string[];
 	    recognizedFields?: string[];
 	}
-	export type EuiSearchBarOnChangeArgs = ArgsWithQuery | ArgsWithError; type HintPopOverProps = Partial<Pick<EuiInputPopoverProps, 'isOpen' | 'closePopover' | 'fullWidth' | 'disableFocusTrap' | 'panelClassName' | 'panelPaddingSize' | 'panelStyle' | 'panelProps' | 'popoverScreenReaderText' | 'repositionOnScroll' | 'zIndex' | 'data-test-subj'>>;
+	export type EuiSearchBarOnChangeArgs = ArgsWithQuery | ArgsWithError;
+	type HintPopOverProps = Partial<Pick<EuiInputPopoverProps, 'isOpen' | 'closePopover' | 'fullWidth' | 'disableFocusTrap' | 'panelClassName' | 'panelPaddingSize' | 'panelStyle' | 'panelProps' | 'popoverScreenReaderText' | 'repositionOnScroll' | 'zIndex' | 'data-test-subj'>>;
 	export interface EuiSearchBarProps extends CommonProps {
 	    onChange?: (args: EuiSearchBarOnChangeArgs) => void | boolean;
 	    /**
@@ -23706,7 +23890,8 @@ declare module '@elastic/eui/src/components/search_bar/search_bar' {
 	    queryText: string;
 	    error: null | Error;
 	    isHintVisible: boolean;
-	} type NotifyControllingParent = Pick<State, 'queryText' | 'error'> & {
+	}
+	type NotifyControllingParent = Pick<State, 'queryText' | 'error'> & {
 	    query: Query | null;
 	};
 	export class EuiSearchBar extends Component<EuiSearchBarProps, State> {
@@ -23776,15 +23961,15 @@ declare module '@elastic/eui/src/components/side_nav/side_nav_item.styles' {
 	        root: {
 	            lineHeight: import("csstype").Property.LineHeight<string | number> | undefined;
 	            color: string;
-	            fontSize: import("csstype").Property.FontSize<string | number> | undefined;
-	            fontWeight: import("csstype").Property.FontWeight | undefined;
+	            fontSize: import("react").CSSProperties["fontSize"];
+	            fontWeight: import("react").CSSProperties["fontWeight"];
 	        };
 	    };
 	};
 
 }
 declare module '@elastic/eui/src/components/side_nav/side_nav_item' {
-	import React, { HTMLAttributes, ReactNode, ReactElement, MouseEventHandler, JSX } from 'react';
+	import { HTMLAttributes, ReactNode, ReactElement, MouseEventHandler, JSX } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	/**
 	 * The props that are exposed to, or altered for, the consumer
@@ -23841,7 +24026,9 @@ declare module '@elastic/eui/src/components/side_nav/side_nav_item' {
 	    isParent?: boolean;
 	    depth?: number;
 	    childrenOnly?: boolean;
-	} type ExcludeEuiSideNavItemProps<T> = Pick<T, Exclude<keyof T, keyof _EuiSideNavItemProps | 'renderItem'>>; type OmitEuiSideNavItemProps<T> = {
+	}
+	type ExcludeEuiSideNavItemProps<T> = Pick<T, Exclude<keyof T, keyof _EuiSideNavItemProps | 'renderItem'>>;
+	type OmitEuiSideNavItemProps<T> = {
 	    [K in keyof ExcludeEuiSideNavItemProps<T>]: T[K];
 	};
 	export type RenderItem<T> = (props: OmitEuiSideNavItemProps<T> & _EuiSideNavItemButtonProps) => JSX.Element;
@@ -23850,23 +24037,8 @@ declare module '@elastic/eui/src/components/side_nav/side_nav_item' {
 	} ? T & {
 	    renderItem: RenderItem<T>;
 	} : T;
-	export const EuiSideNavItem: <T extends CommonProps & {
-	    /**
-	     * Is an optional string to be passed as the navigation item's `href` prop,
-	     * and by default it will force rendering of the item as an `<a>`
-	     */
-	    href?: string | undefined;
-	    target?: string | undefined;
-	    rel?: string | undefined;
-	    /**
-	     * Callback function to be passed as the navigation item's `onClick` prop,
-	     * and by default it will force rendering of the item as a `<button>` instead of a link
-	     */
-	    onClick?: React.MouseEventHandler<HTMLElement | HTMLButtonElement> | undefined;
-	    children: ReactNode;
-	    disabled?: boolean | undefined;
-	} & _EuiSideNavItemProps & {
-	    renderItem?: ((props: any) => JSX.Element) | undefined;
+	export const EuiSideNavItem: <T extends _EuiSideNavItemButtonProps & _EuiSideNavItemProps & {
+	    renderItem?: (props: any) => JSX.Element;
 	}>({ isOpen, isSelected, isParent, icon, onClick, href: _href, rel, target, items, children, renderItem: RenderItem, depth, className, css, style, truncate, emphasize, buttonClassName, childrenOnly, ...rest }: EuiSideNavItemProps<T>) => JSX.Element;
 	export {};
 
@@ -24009,7 +24181,8 @@ declare module '@elastic/eui/src/components/stat/stat' {
 	import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { EuiTitleSize } from '@elastic/eui/src/components/title/title';
-	export const COLORS: readonly ["default", "subdued", "primary", "success", "warning", "danger", "accent"]; type TitleColor = (typeof COLORS)[number];
+	export const COLORS: readonly ["default", "subdued", "primary", "success", "warning", "danger", "accent"];
+	type TitleColor = (typeof COLORS)[number];
 	export const ALIGNMENTS: readonly ["left", "center", "right"];
 	export interface EuiStatProps {
 	    /**
@@ -24056,7 +24229,7 @@ declare module '@elastic/eui/src/components/stat' {
 
 }
 declare module '@elastic/eui/src/components/steps/step_strings' {
-	 type Props = {
+	type Props = {
 	    number?: number;
 	    title?: string;
 	};
@@ -24073,7 +24246,7 @@ declare module '@elastic/eui/src/components/steps/step_strings' {
 }
 declare module '@elastic/eui/src/components/steps/step.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiStepVariables: (euiTheme: UseEuiTheme['euiTheme']) => {
+	export const euiStepVariables: (euiTheme: UseEuiTheme["euiTheme"]) => {
 	    numberSize: string;
 	    numberXSSize: string;
 	    numberXXSSize: string;
@@ -24326,7 +24499,8 @@ declare module '@elastic/eui/src/components/tour/_tour_header.styles' {
 }
 declare module '@elastic/eui/src/components/tour/_tour_header' {
 	import { FunctionComponent } from 'react';
-	import type { EuiTourStepProps } from '@elastic/eui/src/components/tour/tour_step'; type EuiTourHeaderProps = {
+	import type { EuiTourStepProps } from '@elastic/eui/src/components/tour/tour_step';
+	type EuiTourHeaderProps = {
 	    id: string;
 	} & Pick<EuiTourStepProps, 'title' | 'subtitle'>;
 	export const EuiTourHeader: FunctionComponent<EuiTourHeaderProps>;
@@ -24354,7 +24528,8 @@ declare module '@elastic/eui/src/components/tour/_tour_footer.styles' {
 }
 declare module '@elastic/eui/src/components/tour/_tour_footer' {
 	import { FunctionComponent } from 'react';
-	import type { EuiTourStepProps } from '@elastic/eui/src/components/tour/tour_step'; type EuiTourFooterProps = Pick<EuiTourStepProps, 'footerAction' | 'step' | 'stepsTotal' | 'onFinish'>;
+	import type { EuiTourStepProps } from '@elastic/eui/src/components/tour/tour_step';
+	type EuiTourFooterProps = Pick<EuiTourStepProps, 'footerAction' | 'step' | 'stepsTotal' | 'onFinish'>;
 	export const EuiTourFooter: FunctionComponent<EuiTourFooterProps>;
 	export {};
 
@@ -24378,7 +24553,11 @@ declare module '@elastic/eui/src/components/tour/tour_step' {
 	import { CSSProperties, HTMLAttributes, FunctionComponent, ReactElement, ReactNode } from 'react';
 	import { ElementTarget } from '@elastic/eui/src/services';
 	import { CommonProps, ExclusiveUnion, NoArgCallback } from '@elastic/eui/src/components/common';
-	import { EuiPopoverProps } from '@elastic/eui/src/components/popover'; type _EuiPopoverProps = EuiPopoverProps & Omit<HTMLAttributes<HTMLDivElement>, 'content' | 'title' | 'step'>; type _PopoverOverrides = 'button' | 'closePopover'; type _PopoverPartials = 'closePopover'; type ExtendedEuiPopoverProps = Omit<_EuiPopoverProps, _PopoverOverrides> & Partial<Pick<EuiPopoverProps, _PopoverPartials>>;
+	import { EuiPopoverProps } from '@elastic/eui/src/components/popover';
+	type _EuiPopoverProps = EuiPopoverProps & Omit<HTMLAttributes<HTMLDivElement>, 'content' | 'title' | 'step'>;
+	type _PopoverOverrides = 'button' | 'closePopover';
+	type _PopoverPartials = 'closePopover';
+	type ExtendedEuiPopoverProps = Omit<_EuiPopoverProps, _PopoverOverrides> & Partial<Pick<EuiPopoverProps, _PopoverPartials>>;
 	export type EuiTourStepAnchorProps = ExclusiveUnion<{
 	    /**
 	     * Element to which the tour step popover attaches when open
@@ -24612,7 +24791,9 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 	        index: number;
 	        size: number;
 	    };
-	} type CellPropsCallback<T extends object> = (item: T, column: EuiBasicTableColumn<T>) => object; type RowPropsCallback<T> = (item: T) => object;
+	}
+	type CellPropsCallback<T extends object> = (item: T, column: EuiBasicTableColumn<T>) => object;
+	type RowPropsCallback<T> = (item: T) => object;
 	interface BasicTableProps<T extends object> extends Omit<EuiTableProps, 'onChange'> {
 	    /**
 	     * Describes how to extract a unique ID from each item, used for selections & expanded rows
@@ -24678,7 +24859,8 @@ declare module '@elastic/eui/src/components/basic_table/basic_table' {
 	     * Sets the table-layout CSS property. Note that auto tableLayout prevents truncateText from working properly.
 	     */
 	    tableLayout?: 'fixed' | 'auto';
-	} type BasicTableWithPaginationProps<T extends object> = Omit<BasicTableProps<T>, 'pagination' | 'onChange'> & {
+	}
+	type BasicTableWithPaginationProps<T extends object> = Omit<BasicTableProps<T>, 'pagination' | 'onChange'> & {
 	    pagination: Pagination;
 	    onChange?: (criteria: CriteriaWithPagination<T>) => void;
 	};
@@ -24758,10 +24940,13 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	    initialPageSize?: number;
 	    pageIndex?: number;
 	    pageSize?: number;
-	} type Pagination = boolean | PaginationOptions;
+	}
+	type Pagination = boolean | PaginationOptions;
 	interface SortingOptions {
 	    sort: PropertySort;
-	} type Sorting = boolean | SortingOptions; type InMemoryTableProps<T extends object> = Omit<EuiBasicTableProps<T>, 'pagination' | 'sorting' | 'noItemsMessage' | 'onChange'> & {
+	}
+	type Sorting = boolean | SortingOptions;
+	type InMemoryTableProps<T extends object> = Omit<EuiBasicTableProps<T>, 'pagination' | 'sorting' | 'noItemsMessage' | 'onChange'> & {
 	    message?: ReactNode;
 	    /**
 	     * Configures #Search.
@@ -24815,7 +25000,8 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
 	     * Insert content between the search bar and table components.
 	     */
 	    childrenBetween?: ReactNode;
-	}; type InMemoryTablePropsWithPagination<T extends object> = Omit<InMemoryTableProps<T>, 'pagination' | 'onTableChange'> & {
+	};
+	type InMemoryTablePropsWithPagination<T extends object> = Omit<InMemoryTableProps<T>, 'pagination' | 'onTableChange'> & {
 	    pagination: Pagination;
 	    onTableChange?: (nextValues: CriteriaWithPagination<T>) => void;
 	};
@@ -24944,7 +25130,8 @@ declare module '@elastic/eui/src/components/toast/toast' {
 	import { FunctionComponent, HTMLAttributes, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	import { IconType } from '@elastic/eui/src/components/icon';
-	export const COLORS: readonly ["primary", "success", "warning", "danger"]; type ToastColor = (typeof COLORS)[number];
+	export const COLORS: readonly ["primary", "success", "warning", "danger"];
+	type ToastColor = (typeof COLORS)[number];
 	export interface EuiToastProps extends CommonProps, Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
 	    title?: ReactNode;
 	    color?: ToastColor;
@@ -25007,7 +25194,8 @@ declare module '@elastic/eui/src/components/toast/global_toast_list_item' {
 declare module '@elastic/eui/src/components/toast/global_toast_list' {
 	import { FunctionComponent, HTMLAttributes, ReactNode } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiToastProps } from '@elastic/eui/src/components/toast/toast'; type ToastSide = 'right' | 'left';
+	import { EuiToastProps } from '@elastic/eui/src/components/toast/toast';
+	type ToastSide = 'right' | 'left';
 	export const SIDES: ToastSide[];
 	export const TOAST_FADE_OUT_MS = 250;
 	export const CLEAR_ALL_TOASTS_THRESHOLD_DEFAULT = 3;
@@ -25160,7 +25348,8 @@ declare module '@elastic/eui/.storybook/utils' {
 	/**
 	 * argTypes configurations
 	 */
-	import type { Meta, Preview, StoryObj } from '@storybook/react'; type StorybookConfig<T> = Meta<T> | StoryObj<T> | Preview;
+	import type { Meta, Preview, StoryObj } from '@storybook/react';
+	type StorybookConfig<T> = Meta<T> | StoryObj<T> | Preview;
 	/**
 	 * Completely hide props from Storybook's controls panel.
 	 *
@@ -25170,7 +25359,7 @@ declare module '@elastic/eui/.storybook/utils' {
 	 *
 	 * @returns the mutated config
 	 */
-	export const hideStorybookControls: <Props>(config: StorybookConfig<Props>, propNames: (keyof Props)[]) => StorybookConfig<Props>;
+	export const hideStorybookControls: <Props>(config: StorybookConfig<Props>, propNames: Array<keyof Props>) => StorybookConfig<Props>;
 	/**
 	 * Leave props visible in Storybook's controls panel, but disable them
 	 * from being controllable (renders a `-`).
@@ -25181,7 +25370,7 @@ declare module '@elastic/eui/.storybook/utils' {
 	 *
 	 * @returns the mutated config
 	 */
-	export const disableStorybookControls: <Props>(config: StorybookConfig<Props>, propNames: (keyof Props)[]) => StorybookConfig<Props>;
+	export const disableStorybookControls: <Props>(config: StorybookConfig<Props>, propNames: Array<keyof Props>) => StorybookConfig<Props>;
 	/**
 	 * Configure provided args to be listed under a specified
 	 * category in the props table.
@@ -25192,7 +25381,7 @@ declare module '@elastic/eui/.storybook/utils' {
 	 *
 	 * @returns the mutated config
 	 */
-	export const moveStorybookControlsToCategory: <Props>(config: StorybookConfig<Props>, propNames: (keyof Props)[], category?: string) => StorybookConfig<Props>;
+	export const moveStorybookControlsToCategory: <Props>(config: StorybookConfig<Props>, propNames: Array<keyof Props>, category?: string) => StorybookConfig<Props>;
 	/**
 	 * Configures passed argTypes to be setup as toggle control
 	 * which fires a Storybook action when enabled.
@@ -25204,7 +25393,7 @@ declare module '@elastic/eui/.storybook/utils' {
 	 *
 	 * @returns the mutated config
 	 */
-	export const enableFunctionToggleControls: <Props>(config: StorybookConfig<Props>, propNames: (keyof Props)[]) => StorybookConfig<Props>;
+	export const enableFunctionToggleControls: <Props>(config: StorybookConfig<Props>, propNames: Array<keyof Props>) => StorybookConfig<Props>;
 	/**
 	 * parameters configurations
 	 */
@@ -25272,54 +25461,54 @@ declare module '@elastic/eui/.storybook/test' {
 	    waitForAndClick: (testSubject: string) => Promise<void>;
 	    waitForEuiPopoverVisible: () => Promise<void>;
 	    waitForEuiPopoverHidden: () => Promise<void>;
-	    getByLabelText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => T) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement);
-	    getAllByLabelText: (<T_1 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => T_1[]) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement[]);
-	    queryByLabelText: (<T_2 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => T_2 | null) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement | null);
-	    queryAllByLabelText: (<T_3 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => T_3[]) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement[]);
-	    findByLabelText: (<T_4 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<T_4>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>);
-	    findAllByLabelText: (<T_5 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<T_5[]>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>);
-	    getByPlaceholderText: (<T_6 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_6) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement);
-	    getAllByPlaceholderText: (<T_7 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_7[]) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
-	    queryByPlaceholderText: (<T_8 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_8 | null) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement | null);
-	    queryAllByPlaceholderText: (<T_9 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_9[]) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
-	    findByPlaceholderText: (<T_10 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<T_10>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>);
-	    findAllByPlaceholderText: (<T_11 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<T_11[]>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>);
-	    getByText: (<T_12 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => T_12) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement);
-	    getAllByText: (<T_13 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => T_13[]) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement[]);
-	    queryByText: (<T_14 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => T_14 | null) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement | null);
-	    queryAllByText: (<T_15 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => T_15[]) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement[]);
-	    findByText: (<T_16 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<T_16>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>);
-	    findAllByText: (<T_17 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<T_17[]>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>);
-	    getByAltText: (<T_18 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_18) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement);
-	    getAllByAltText: (<T_19 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_19[]) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
-	    queryByAltText: (<T_20 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_20 | null) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement | null);
-	    queryAllByAltText: (<T_21 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_21[]) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
-	    findByAltText: (<T_22 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<T_22>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>);
-	    findAllByAltText: (<T_23 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<T_23[]>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>);
-	    getByTitle: (<T_24 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_24) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement);
-	    getAllByTitle: (<T_25 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_25[]) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
-	    queryByTitle: (<T_26 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_26 | null) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement | null);
-	    queryAllByTitle: (<T_27 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_27[]) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
-	    findByTitle: (<T_28 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<T_28>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>);
-	    findAllByTitle: (<T_29 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<T_29[]>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>);
-	    getByDisplayValue: (<T_30 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_30) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement);
-	    getAllByDisplayValue: (<T_31 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_31[]) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
-	    queryByDisplayValue: (<T_32 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_32 | null) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement | null);
-	    queryAllByDisplayValue: (<T_33 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_33[]) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
-	    findByDisplayValue: (<T_34 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<T_34>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>);
-	    findAllByDisplayValue: (<T_35 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<T_35[]>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>);
-	    getByRole: (<T_36 extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => T_36) & ((role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => HTMLElement);
-	    getAllByRole: (<T_37 extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => T_37[]) & ((role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => HTMLElement[]);
-	    queryByRole: (<T_38 extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => T_38 | null) & ((role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => HTMLElement | null);
-	    queryAllByRole: (<T_39 extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => T_39[]) & ((role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => HTMLElement[]);
-	    findByRole: (<T_40 extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<T_40>) & ((role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>);
-	    findAllByRole: (<T_41 extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<T_41[]>) & ((role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>);
-	    getByTestId: (<T_42 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_42) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement);
-	    getAllByTestId: (<T_43 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_43[]) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
-	    queryByTestId: (<T_44 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_44 | null) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement | null);
-	    queryAllByTestId: (<T_45 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => T_45[]) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
-	    findByTestId: (<T_46 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<T_46>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>);
-	    findAllByTestId: (<T_47 extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<T_47[]>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>);
+	    getByLabelText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => ReturnType<import("@testing-library/dom").GetByText<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement);
+	    getAllByLabelText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => ReturnType<import("@testing-library/dom").AllByText<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement[]);
+	    queryByLabelText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => ReturnType<import("@testing-library/dom").QueryByText<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement | null);
+	    queryAllByLabelText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => ReturnType<import("@testing-library/dom").AllByText<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement[]);
+	    findByLabelText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => ReturnType<import("@testing-library/dom").FindByText<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>);
+	    findAllByLabelText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => ReturnType<import("@testing-library/dom").FindAllByText<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>);
+	    getByPlaceholderText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").GetByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement);
+	    getAllByPlaceholderText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
+	    queryByPlaceholderText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").QueryByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement | null);
+	    queryAllByPlaceholderText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
+	    findByPlaceholderText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => ReturnType<import("@testing-library/dom").FindByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>);
+	    findAllByPlaceholderText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => ReturnType<import("@testing-library/dom").FindAllByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>);
+	    getByText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => ReturnType<import("@testing-library/dom").GetByText<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement);
+	    getAllByText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => ReturnType<import("@testing-library/dom").AllByText<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement[]);
+	    queryByText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => ReturnType<import("@testing-library/dom").QueryByText<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement | null);
+	    queryAllByText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => ReturnType<import("@testing-library/dom").AllByText<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement[]);
+	    findByText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => ReturnType<import("@testing-library/dom").FindByText<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>);
+	    findAllByText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => ReturnType<import("@testing-library/dom").FindAllByText<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>);
+	    getByAltText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").GetByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement);
+	    getAllByAltText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
+	    queryByAltText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").QueryByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement | null);
+	    queryAllByAltText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
+	    findByAltText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => ReturnType<import("@testing-library/dom").FindByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>);
+	    findAllByAltText: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => ReturnType<import("@testing-library/dom").FindAllByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>);
+	    getByTitle: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").GetByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement);
+	    getAllByTitle: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
+	    queryByTitle: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").QueryByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement | null);
+	    queryAllByTitle: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
+	    findByTitle: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => ReturnType<import("@testing-library/dom").FindByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>);
+	    findAllByTitle: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => ReturnType<import("@testing-library/dom").FindAllByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>);
+	    getByDisplayValue: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").GetByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement);
+	    getAllByDisplayValue: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
+	    queryByDisplayValue: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").QueryByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement | null);
+	    queryAllByDisplayValue: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
+	    findByDisplayValue: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => ReturnType<import("@testing-library/dom").FindByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>);
+	    findAllByDisplayValue: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => ReturnType<import("@testing-library/dom").FindAllByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>);
+	    getByRole: (<T extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => ReturnType<import("@testing-library/dom").GetByRole<T>>) & ((role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => HTMLElement);
+	    getAllByRole: (<T extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => ReturnType<import("@testing-library/dom").AllByRole<T>>) & ((role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => HTMLElement[]);
+	    queryByRole: (<T extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => ReturnType<import("@testing-library/dom").QueryByRole<T>>) & ((role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => HTMLElement | null);
+	    queryAllByRole: (<T extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => ReturnType<import("@testing-library/dom").AllByRole<T>>) & ((role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined) => HTMLElement[]);
+	    findByRole: (<T extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => ReturnType<import("@testing-library/dom").FindByRole<T>>) & ((role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>);
+	    findAllByRole: (<T extends HTMLElement = HTMLElement>(role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => ReturnType<import("@testing-library/dom").FindAllByRole<T>>) & ((role: import("@testing-library/dom").ByRoleMatcher, options?: import("@testing-library/dom").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>);
+	    getByTestId: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").GetByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement);
+	    getAllByTestId: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
+	    queryByTestId: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").QueryByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement | null);
+	    queryAllByTestId: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => ReturnType<import("@testing-library/dom").AllByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[]);
+	    findByTestId: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => ReturnType<import("@testing-library/dom").FindByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>);
+	    findAllByTestId: (<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => ReturnType<import("@testing-library/dom").FindAllByBoundAttribute<T>>) & ((id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>);
 	    queryByTestSubject: (args_0: import("@testing-library/react").Matcher) => HTMLElement | null;
 	    queryAllByTestSubject: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
 	    getByTestSubject: (args_0: import("@testing-library/react").Matcher) => HTMLElement;
@@ -31146,7 +31335,7 @@ declare module '@elastic/eui/.storybook/addons/code-snippet/constants' {
 	 * Addon specific constants
 	 */
 	export const ADDON_ID = "storybook/code-snippet";
-	export const PANEL_ID: string;
+	export const PANEL_ID = "storybook/code-snippet/panel";
 	export const EVENTS: {
 	    SNIPPET_RENDERED: string;
 	    SNIPPET_PANEL_OPENED: string;