@elastic/eui 104.1.0 → 105.0.0-amsterdam.0

package/eui.d.ts

@@ -171,124 +171,13 @@ 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/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, type EuiThemeHighContrastMode, type EuiThemeModifications, type 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;
-	};
-	/**
-	 * Checks whether the current active `colorMode` is set to `DARK`;
-	 * In case of nested providers this returns the value of the nearest provider context.
-	 */
-	export const useIsDarkMode: () => boolean;
-
-}
-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/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/emotion/clone_element' {
@@ -387,6 +276,10 @@ declare module '@elastic/eui/src/services/hooks/useDeepEqual' {
 	 */
 	export const useDeepEqual: <T = Record<string, any> | any[] | undefined>(object: T) => T;
 
+}
+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/hooks/useMouseMove' {
 	import { MouseEvent, TouchEvent } from 'react';
@@ -409,6 +302,15 @@ 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';
@@ -605,6 +507,11 @@ declare module '@elastic/eui/src/services/color/color_palette' {
 	 */
 	categorical?: boolean): string[];
 
+}
+declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis_light' {
+	import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
+	export const colorVisLight: _EuiThemeVisColors;
+
 }
 declare module '@elastic/eui/src/services/color/vis_color_store' {
 	import { _EuiVisColorStore } from '@elastic/eui-theme-common';
@@ -1243,7 +1150,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?: LogicalSides) => Record<"s" | "xs" | "m" | "l" | "xl" | "none", SerializedStyles>;
+	export const useEuiPaddingCSS: (side?: LogicalSides) => Record<"s" | "none" | "xs" | "m" | "l" | "xl", SerializedStyles>;
 
 }
 declare module '@elastic/eui/src/global_styling/mixins/_states' {
@@ -1293,6 +1200,12 @@ declare module '@elastic/eui/src/global_styling/mixins/_typography' {
 	 */
 	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';
@@ -2613,7 +2526,6 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
 	    heatmap: string;
 	    help: string;
 	    home: string;
-	    iInCircle: string;
 	    info: string;
 	    image: string;
 	    importAction: string;
@@ -2781,7 +2693,6 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
 	    plusInSquare: string;
 	    popout: string;
 	    push: string;
-	    questionInCircle: string;
 	    question: string;
 	    quote: string;
 	    readOnly: string;
@@ -3015,7 +2926,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" | "article" | "code" | "link" | "menu" | "search" | "section" | "filter" | "image" | "stop" | "at" | "key" | "error" | "warning" | "scale" | "color" | "refresh" | "push" | "copy" | "cut" | "pause" | "play" | "offline" | "online" | "storage" | "temperature" | "wordWrap" | "grid" | "empty" | "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" | "info" | "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" | "question" | "quote" | "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" | "iInCircle" | "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" | "copy" | "cut" | "error" | "pause" | "play" | "warning" | "color" | "push" | "temperature" | "refresh" | "scale" | "wordWrap" | "grid" | "empty" | "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" | "info" | "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" | "question" | "quote" | "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" | "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;
@@ -5843,7 +5754,7 @@ 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" | "xs" | "m" | "l" | "xl" | "none")[];
+	export const SIZES: readonly ["none", "xs", "s", "m", "l", "xl"]; const _SIZES: ("s" | "none" | "xs" | "m" | "l" | "xl")[];
 	export type PanelPaddingSize = (typeof _SIZES)[number];
 	export const BORDER_RADII: readonly ["none", "m"];
 	export type PanelBorderRadius = (typeof BORDER_RADII)[number];
@@ -6953,71 +6864,6 @@ 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/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/services/color/contrast' {
 	export const wcagContrastMin = 4.5;
@@ -7122,51 +6968,350 @@ declare module '@elastic/eui/src/services/theme' {
 	export * from '@elastic/eui/src/services/theme/theme_variant';
 
 }
-declare module '@elastic/eui/src/services/breakpoint/is_within_hooks' {
-	import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint';
+declare module '@elastic/eui/src/services/color/manipulation' {
+	import { EuiThemeColorModeStandard } from '@elastic/eui/src/services/theme';
 	/**
-	 * Given an array of breakpoint keys, this hook returns true or false
-	 * if the breakpoint size of the current window width falls within
-	 * any of the named breakpoints.
-	 *
-	 * @param {EuiThemeBreakpoint[]} sizes An array of named EUI breakpoints
-	 * @param {boolean} isResponsive Some components have the option to turn off responsive behavior.
-	 *   Since hooks can't be called conditionally, it's easier to pass the condition into the hook
-	 * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
+	 * Makes a color more transparent.
+	 * @param color - Color to manipulate
+	 * @param alpha - alpha channel value. From 0-1.
 	 */
-	export const useIsWithinBreakpoints: (sizes: _EuiThemeBreakpoint[], isResponsive?: boolean) => boolean;
+	export const transparentize: (color: string, alpha: number) => string;
 	/**
-	 * Given a max breakpoint key, this hook returns true if the breakpoint size
-	 * of the current window width falls within the max breakpoint or any below,
-	 * and false otherwise
-	 *
-	 * @param {EuiThemeBreakpoint} max The named max breakpoint to check against
-	 * @returns {boolean} Will return `false` if it can't find a value for the `max` breakpoint
+	 * 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 function useIsWithinMaxBreakpoint(max: _EuiThemeBreakpoint): boolean;
+	export const tint: (color: string, ratio: number) => string;
 	/**
-	 * Given a min breakpoint key, this hook returns true if the breakpoint size
-	 * of the current window width falls within the min breakpoint or any above,
-	 * and false otherwise
-	 *
-	 * @param {EuiThemeBreakpoint} min The named min breakpoint to check against
-	 * @returns {boolean} Will return `false` if it can't find a value for the `min` breakpoint
+	 * 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 function useIsWithinMinBreakpoint(min: _EuiThemeBreakpoint): boolean;
-
-}
-declare module '@elastic/eui/src/services/breakpoint' {
-	export type { _EuiThemeBreakpoint as EuiBreakpointSize } from '@elastic/eui/src/global_styling/variables/breakpoint';
-	export * from '@elastic/eui/src/services/breakpoint/current_breakpoint';
-	export * from '@elastic/eui/src/services/breakpoint/current_breakpoint_hook';
-	export * from '@elastic/eui/src/services/breakpoint/is_within_hooks';
-
-}
-declare module '@elastic/eui/src/services/color_picker/color_picker' {
-	interface colorStopsType {
-	    stop: number;
-	    color: string;
-	}
+	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_vis_dark' {
+	import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
+	export const colorVisDark: _EuiThemeVisColors;
+
+}
+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/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/hooks' {
+	import React from 'react';
+	import { type EuiThemeColorModeStandard, type EuiThemeHighContrastMode, type EuiThemeModifications, type 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;
+	};
+	/**
+	 * Checks whether the current active `colorMode` is set to `DARK`;
+	 * In case of nested providers this returns the value of the nearest provider context.
+	 */
+	export const useIsDarkMode: () => boolean;
+
+}
+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/breakpoint/is_within_hooks' {
+	import { _EuiThemeBreakpoint } from '@elastic/eui/src/global_styling/variables/breakpoint';
+	/**
+	 * Given an array of breakpoint keys, this hook returns true or false
+	 * if the breakpoint size of the current window width falls within
+	 * any of the named breakpoints.
+	 *
+	 * @param {EuiThemeBreakpoint[]} sizes An array of named EUI breakpoints
+	 * @param {boolean} isResponsive Some components have the option to turn off responsive behavior.
+	 *   Since hooks can't be called conditionally, it's easier to pass the condition into the hook
+	 * @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
+	 */
+	export const useIsWithinBreakpoints: (sizes: _EuiThemeBreakpoint[], isResponsive?: boolean) => boolean;
+	/**
+	 * Given a max breakpoint key, this hook returns true if the breakpoint size
+	 * of the current window width falls within the max breakpoint or any below,
+	 * and false otherwise
+	 *
+	 * @param {EuiThemeBreakpoint} max The named max breakpoint to check against
+	 * @returns {boolean} Will return `false` if it can't find a value for the `max` breakpoint
+	 */
+	export function useIsWithinMaxBreakpoint(max: _EuiThemeBreakpoint): boolean;
+	/**
+	 * Given a min breakpoint key, this hook returns true if the breakpoint size
+	 * of the current window width falls within the min breakpoint or any above,
+	 * and false otherwise
+	 *
+	 * @param {EuiThemeBreakpoint} min The named min breakpoint to check against
+	 * @returns {boolean} Will return `false` if it can't find a value for the `min` breakpoint
+	 */
+	export function useIsWithinMinBreakpoint(min: _EuiThemeBreakpoint): boolean;
+
+}
+declare module '@elastic/eui/src/services/breakpoint' {
+	export type { _EuiThemeBreakpoint as EuiBreakpointSize } from '@elastic/eui/src/global_styling/variables/breakpoint';
+	export * from '@elastic/eui/src/services/breakpoint/current_breakpoint';
+	export * from '@elastic/eui/src/services/breakpoint/current_breakpoint_hook';
+	export * from '@elastic/eui/src/services/breakpoint/is_within_hooks';
+
+}
+declare module '@elastic/eui/src/services/color_picker/color_picker' {
+	interface colorStopsType {
+	    stop: number;
+	    color: string;
+	}
 	/**
 	 * @deprecated
 	 */
@@ -9804,7 +9949,16 @@ declare module '@elastic/eui/src/components/progress/progress' {
 	};
 	type Indeterminate = EuiProgressProps & HTMLAttributes<HTMLDivElement>;
 	type Determinate = EuiProgressProps & Omit<ProgressHTMLAttributes<HTMLProgressElement>, 'max'> & {
+	    /**
+	     * When set, creates determinate progress with a value/max ratio
+	     */
 	    max?: number;
+	    /**
+	     * Displays custom text or percentage
+	     * Pass `true` to display the percentage value
+	     * Pass a ReactNode for custom text
+	     * @default false
+	     */
 	    valueText?: boolean | ReactNode;
 	    label?: ReactNode;
 	    /**
@@ -11644,6 +11798,7 @@ declare module '@elastic/eui/src/components/collapsible_nav/collapsible_nav_grou
 
 }
 declare module '@elastic/eui/src/components/flyout/flyout.styles' {
+	import { EuiFlyoutSize } from '@elastic/eui/src/components/flyout/flyout';
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	export const FLYOUT_BREAKPOINT: "m";
 	export const euiFlyoutSlideInRight: import("@emotion/serialize").Keyframes;
@@ -11674,6 +11829,8 @@ declare module '@elastic/eui/src/components/flyout/flyout.styles' {
 	        l: import("@emotion/react").SerializedStyles;
 	    };
 	};
+	export const maxedFlyoutWidth: (euiThemeContext: UseEuiTheme) => string;
+	export const composeFlyoutSizing: (euiThemeContext: UseEuiTheme, size: EuiFlyoutSize) => string;
 
 }
 declare module '@elastic/eui/src/components/flyout/_flyout_close_button.styles' {
@@ -11696,6 +11853,143 @@ declare module '@elastic/eui/src/components/flyout/_flyout_close_button' {
 	export const EuiFlyoutCloseButton: FunctionComponent<EuiFlyoutCloseButtonProps>;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/flyout/flyout_child.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiFlyoutChildStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiFlyoutChild: import("@emotion/react").SerializedStyles;
+	    sidePosition: import("@emotion/react").SerializedStyles;
+	    stackedPosition: import("@emotion/react").SerializedStyles;
+	    s: import("@emotion/react").SerializedStyles;
+	    m: import("@emotion/react").SerializedStyles;
+	    closeButton: import("@emotion/react").SerializedStyles;
+	    overflow: {
+	        overflow: import("@emotion/react").SerializedStyles;
+	        wrapper: import("@emotion/react").SerializedStyles;
+	    };
+	    banner: import("@emotion/react").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/flyout/flyout_context' {
+	import { RefObject } from 'react';
+	import { EuiFlyoutSize } from '@elastic/eui/src/components/flyout/flyout';
+	/**
+	 * Context shared between the main and child flyouts
+	 * @internal
+	 */
+	export interface EuiFlyoutContextValue {
+	    parentSize?: EuiFlyoutSize | string | number;
+	    parentFlyoutRef?: RefObject<HTMLDivElement>;
+	    isChildFlyoutOpen?: boolean;
+	    setIsChildFlyoutOpen?: (isOpen: boolean) => void;
+	    childLayoutMode?: 'side-by-side' | 'stacked';
+	}
+	export const EuiFlyoutContext: import("react").Context<EuiFlyoutContextValue | null>;
+
+}
+declare module '@elastic/eui/src/components/flyout/flyout_body.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiFlyoutBodyStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiFlyoutBody: import("@emotion/react").SerializedStyles;
+	    overflow: {
+	        euiFlyoutBody__overflow: import("@emotion/react").SerializedStyles;
+	        noBanner: import("@emotion/react").SerializedStyles;
+	        hasBanner: import("@emotion/react").SerializedStyles;
+	    };
+	    euiFlyoutBody__banner: import("@emotion/react").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/flyout/flyout_body' {
+	import { FunctionComponent, HTMLAttributes, ReactNode } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export type EuiFlyoutBodyProps = FunctionComponent<HTMLAttributes<HTMLDivElement> & CommonProps & {
+	    /**
+	     * Use to display a banner at the top of the body. It is suggested to use `EuiCallOut` for it.
+	     */
+	    banner?: ReactNode;
+	    /**
+	     * [Scrollable regions (or their children) should be focusable](https://dequeuniversity.com/rules/axe/4.0/scrollable-region-focusable)
+	     * to allow keyboard users to scroll the region via arrow keys.
+	     *
+	     * By default, EuiFlyoutBody's scroll overflow wrapper sets a `tabIndex` of `0`.
+	     * If you know your flyout body content already contains focusable children
+	     * that satisfy keyboard accessibility requirements, you can use this prop
+	     * to override this default.
+	     */
+	    scrollableTabIndex?: number;
+	}>;
+	export const EuiFlyoutBody: EuiFlyoutBodyProps;
+
+}
+declare module '@elastic/eui/src/components/flyout/flyout_child' {
+	import { FunctionComponent, HTMLAttributes, ReactNode } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	/**
+	 * Props used to render and configure the child flyout panel
+	 */
+	export interface EuiFlyoutChildProps extends HTMLAttributes<HTMLDivElement>, CommonProps {
+	    /**
+	     * Called when the child panel's close button is clicked
+	     */
+	    onClose: (event: MouseEvent | TouchEvent | KeyboardEvent) => void;
+	    /**
+	     * Use to display a banner at the top of the child. It is suggested to use `EuiCallOut` for it.
+	     */
+	    banner?: ReactNode;
+	    /**
+	     * Hides the default close button. You must provide another close button somewhere within the child flyout.
+	     * @default false
+	     */
+	    hideCloseButton?: boolean;
+	    /**
+	     * [Scrollable regions (or their children) should be focusable](https://dequeuniversity.com/rules/axe/4.0/scrollable-region-focusable)
+	     * to allow keyboard users to scroll the region via arrow keys.
+	     *
+	     * By default, EuiFlyoutChild's scroll overflow wrapper sets a `tabIndex` of `0`.
+	     * If you know your flyout child content already contains focusable children
+	     * that satisfy keyboard accessibility requirements, you can use this prop
+	     * to override this default.
+	     */
+	    scrollableTabIndex?: number;
+	    /**
+	     * Size of the child flyout panel.
+	     * When the parent flyout is 'm', child is limited to 's'.
+	     * @default 's'
+	     */
+	    size?: 's' | 'm';
+	    /**
+	     * Children are implicitly part of FunctionComponent, but good to have if props type is standalone.
+	     */
+	    children?: ReactNode;
+	}
+	/**
+	 * The child flyout is a panel that appears to the left of the parent flyout.
+	 * It is only visible when the parent flyout is open.
+	 */
+	export const EuiFlyoutChild: FunctionComponent<EuiFlyoutChildProps>;
+
+}
+declare module '@elastic/eui/src/components/flyout/flyout_child_manager' {
+	import React, { ComponentProps, FunctionComponent, ReactNode } from 'react';
+	import { EuiFlyoutChild } from '@elastic/eui/src/components/flyout/flyout_child';
+	interface EuiFlyoutChildProviderProps {
+	    parentSize: 's' | 'm';
+	    parentFlyoutRef: React.RefObject<HTMLDivElement>;
+	    childElement: React.ReactElement<ComponentProps<typeof EuiFlyoutChild>>;
+	    childrenToRender: ReactNode;
+	    reportIsChildOpen: (isOpen: boolean) => void;
+	    reportChildLayoutMode: (mode: 'side-by-side' | 'stacked') => void;
+	}
+	/**
+	 * An intermediate component between EuiFlyout and EuiFlyoutChild.
+	 * It is responsible for managing the state of the child flyout, and passing it to EuiFlyoutContext.
+	 * It removes the responsibility of managing child flyout state from EuiFlyout, which is especially important there might not be a child flyout.
+	 */
+	export const EuiFlyoutChildProvider: FunctionComponent<EuiFlyoutChildProviderProps>;
+	export {};
+
 }
 declare module '@elastic/eui/src/components/flyout/flyout' {
 	import { ComponentPropsWithRef, CSSProperties, ElementType, JSX } from 'react';
@@ -11813,41 +12107,6 @@ declare module '@elastic/eui/src/components/flyout/flyout' {
 	export const EuiFlyout: <T extends ElementType = typeof defaultElement>(props: EuiFlyoutProps<T>) => JSX.Element;
 	export {};
 
-}
-declare module '@elastic/eui/src/components/flyout/flyout_body.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiFlyoutBodyStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiFlyoutBody: import("@emotion/react").SerializedStyles;
-	    overflow: {
-	        euiFlyoutBody__overflow: import("@emotion/react").SerializedStyles;
-	        noBanner: import("@emotion/react").SerializedStyles;
-	        hasBanner: import("@emotion/react").SerializedStyles;
-	    };
-	    euiFlyoutBody__banner: import("@emotion/react").SerializedStyles;
-	};
-
-}
-declare module '@elastic/eui/src/components/flyout/flyout_body' {
-	import { FunctionComponent, HTMLAttributes, ReactNode } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export type EuiFlyoutBodyProps = FunctionComponent<HTMLAttributes<HTMLDivElement> & CommonProps & {
-	    /**
-	     * Use to display a banner at the top of the body. It is suggested to use `EuiCallOut` for it.
-	     */
-	    banner?: ReactNode;
-	    /**
-	     * [Scrollable regions (or their children) should be focusable](https://dequeuniversity.com/rules/axe/4.0/scrollable-region-focusable)
-	     * to allow keyboard users to scroll the region via arrow keys.
-	     *
-	     * By default, EuiFlyoutBody's scroll overflow wrapper sets a `tabIndex` of `0`.
-	     * If you know your flyout body content already contains focusable children
-	     * that satisfy keyboard accessibility requirements, you can use this prop
-	     * to override this default.
-	     */
-	    scrollableTabIndex?: number;
-	}>;
-	export const EuiFlyoutBody: EuiFlyoutBodyProps;
-
 }
 declare module '@elastic/eui/src/components/flyout/flyout_footer.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -12428,26 +12687,225 @@ declare module '@elastic/eui/src/components/flyout/flyout_resizable.styles' {
 	        left: import("@emotion/react").SerializedStyles;
 	        right: import("@emotion/react").SerializedStyles;
 	    };
-	    noOverlay: {
-	        noOverlay: import("@emotion/react").SerializedStyles;
-	        left: import("@emotion/react").SerializedStyles;
-	        right: import("@emotion/react").SerializedStyles;
+	    noOverlay: {
+	        noOverlay: import("@emotion/react").SerializedStyles;
+	        left: import("@emotion/react").SerializedStyles;
+	        right: import("@emotion/react").SerializedStyles;
+	    };
+	};
+
+}
+declare module '@elastic/eui/src/components/flyout/flyout_resizable' {
+	import React from 'react';
+	import { EuiFlyoutProps } from '@elastic/eui/src/components/flyout/flyout';
+	export type EuiFlyoutResizableProps = {
+	    maxWidth?: number;
+	    minWidth?: number;
+	    /**
+	     * Optional callback that fires on user resize with the new flyout width
+	     */
+	    onResize?: (width: number) => void;
+	} & Omit<EuiFlyoutProps, 'maxWidth' | 'onResize'>;
+	export const EuiFlyoutResizable: React.ForwardRefExoticComponent<Omit<EuiFlyoutResizableProps, "ref"> & React.RefAttributes<unknown>>;
+
+}
+declare module '@elastic/eui/src/components/flyout/sessions/types' {
+	import { EuiFlyoutProps, EuiFlyoutSize } from '@elastic/eui/src/components/flyout/flyout';
+	import { EuiFlyoutChildProps } from '@elastic/eui/src/components/flyout/flyout_child';
+	/**
+	 * Configuration used for setting display options for main and child flyouts in a session.
+	 */
+	export interface EuiFlyoutSessionConfig {
+	    mainSize: EuiFlyoutSize;
+	    childSize: 's' | 'm';
+	    mainFlyoutProps?: Partial<Omit<EuiFlyoutProps, 'children'>>;
+	    childFlyoutProps?: Partial<Omit<EuiFlyoutChildProps, 'children'>>;
+	}
+	/**
+	 * A configuration user state for past and current main and child flyouts in a session
+	 * @internal
+	 */
+	export interface EuiFlyoutSessionGroup<FlyoutMeta> {
+	    isMainOpen: boolean;
+	    isChildOpen: boolean;
+	    config: EuiFlyoutSessionConfig;
+	    mainOnUnmount?: () => void;
+	    childOnUnmount?: () => void;
+	    meta?: FlyoutMeta;
+	}
+	/**
+	 * State used for tracking various EuiFlyoutSessionGroups
+	 * @internal
+	 */
+	export interface EuiFlyoutSessionHistoryState<FlyoutMeta = unknown> {
+	    activeFlyoutGroup: EuiFlyoutSessionGroup<FlyoutMeta> | null;
+	    history: Array<EuiFlyoutSessionGroup<FlyoutMeta>>;
+	}
+	export type EuiFlyoutSessionAction<FlyoutMeta = unknown> = {
+	    type: 'UPDATE_ACTIVE_FLYOUT_CONFIG';
+	    payload: {
+	        configChanges: Partial<EuiFlyoutSessionConfig>;
+	        newMainOnUnmount?: () => void;
+	        newChildOnUnmount?: () => void;
+	    };
+	} | {
+	    type: 'OPEN_MAIN_FLYOUT';
+	    payload: {
+	        size: EuiFlyoutSize;
+	        flyoutProps?: Partial<Omit<EuiFlyoutProps, 'children'>>;
+	        onUnmount?: () => void;
+	        meta?: FlyoutMeta;
+	    };
+	} | {
+	    type: 'OPEN_CHILD_FLYOUT';
+	    payload: {
+	        size: 's' | 'm';
+	        flyoutProps?: Partial<Omit<EuiFlyoutChildProps, 'children'>>;
+	        onUnmount?: () => void;
+	        meta?: FlyoutMeta;
+	    };
+	} | {
+	    type: 'OPEN_FLYOUT_GROUP';
+	    payload: {
+	        main: {
+	            size: EuiFlyoutSize;
+	            flyoutProps?: Partial<Omit<EuiFlyoutProps, 'children'>>;
+	            onUnmount?: () => void;
+	        };
+	        child: {
+	            size: 's' | 'm';
+	            flyoutProps?: Partial<Omit<EuiFlyoutChildProps, 'children'>>;
+	            onUnmount?: () => void;
+	        };
+	        meta?: FlyoutMeta;
+	    };
+	} | {
+	    type: 'GO_BACK';
+	} | {
+	    type: 'CLOSE_CHILD_FLYOUT';
+	} | {
+	    type: 'CLEAR_HISTORY';
+	};
+	/**
+	 * Flyout session context managed by `EuiFlyoutSessionProvider`, and passed to the `renderMainFlyoutContent` and `renderChildFlyoutContent` functions.
+	 */
+	export interface EuiFlyoutSessionRenderContext<FlyoutMeta = unknown> {
+	    flyoutProps: Partial<EuiFlyoutProps | EuiFlyoutChildProps>;
+	    flyoutSize: EuiFlyoutProps['size'] | EuiFlyoutChildProps['size'];
+	    flyoutType: 'main' | 'child';
+	    dispatch: React.Dispatch<EuiFlyoutSessionAction<FlyoutMeta>>;
+	    activeFlyoutGroup: EuiFlyoutSessionGroup<FlyoutMeta> | null;
+	    onCloseFlyout: () => void;
+	    onCloseChildFlyout: () => void;
+	    meta?: FlyoutMeta;
+	}
+	/**
+	 * Props that can be passed to `EuiFlyoutSessionProvider` to render the main and child flyouts in a session.
+	 */
+	export interface EuiFlyoutSessionProviderComponentProps<FlyoutMeta = any> {
+	    children: React.ReactNode;
+	    renderMainFlyoutContent: (context: EuiFlyoutSessionRenderContext<FlyoutMeta>) => React.ReactNode;
+	    renderChildFlyoutContent?: (context: EuiFlyoutSessionRenderContext<FlyoutMeta>) => React.ReactNode;
+	}
+
+}
+declare module '@elastic/eui/src/components/flyout/sessions/flyout_reducer' {
+	import { EuiFlyoutSessionAction, EuiFlyoutSessionHistoryState } from '@elastic/eui/src/components/flyout/sessions/types';
+	/**
+	 * Initial state for the flyout session
+	 * @internal
+	 */
+	export const initialFlyoutState: EuiFlyoutSessionHistoryState<unknown>;
+	/**
+	 * Flyout reducer
+	 * Controls state changes for flyout groups
+	 */
+	export function flyoutReducer<FlyoutMeta>(state: EuiFlyoutSessionHistoryState<FlyoutMeta>, action: EuiFlyoutSessionAction<FlyoutMeta>): EuiFlyoutSessionHistoryState<FlyoutMeta>;
+
+}
+declare module '@elastic/eui/src/components/flyout/sessions/flyout_provider' {
+	import React from 'react';
+	import { EuiFlyoutSessionAction, EuiFlyoutSessionHistoryState, EuiFlyoutSessionProviderComponentProps } from '@elastic/eui/src/components/flyout/sessions/types';
+	interface FlyoutSessionContextProps {
+	    state: EuiFlyoutSessionHistoryState;
+	    dispatch: React.Dispatch<EuiFlyoutSessionAction>;
+	}
+	/**
+	 * Accesses the state data and dispatch function from the context of EuiFlyoutSessionProvider
+	 * Use this if you need to debug the state or need direct access to the dispatch function, otherwise use useEuiFlyoutSession hook.
+	 */
+	export const useEuiFlyoutSessionContext: () => FlyoutSessionContextProps;
+	/**
+	 * FlyoutProvider is a component that provides a context for Flyout components.
+	 * It is used to manage the state of the Flyout and its child.
+	 * It also renders the Flyout and FlyoutChild components.
+	 *
+	 * @param children - The children of the FlyoutProvider component.
+	 * @param renderMainFlyoutContent - A function that renders the content of the main Flyout.
+	 * @param renderChildFlyoutContent - A function that renders the content of the child Flyout.
+	 * @returns The FlyoutProvider component.
+	 */
+	export const EuiFlyoutSessionProvider: React.FC<EuiFlyoutSessionProviderComponentProps>;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/flyout/sessions/use_eui_flyout' {
+	import { EuiFlyoutSize } from '@elastic/eui/src/components/flyout/flyout';
+	import { EuiFlyoutSessionConfig } from '@elastic/eui/src/components/flyout/sessions/types';
+	/**
+	 * Options that control a main flyout in a session
+	 */
+	export interface EuiFlyoutSessionOpenMainOptions<Meta = unknown> {
+	    size: EuiFlyoutSize;
+	    flyoutProps?: EuiFlyoutSessionConfig['mainFlyoutProps'];
+	    onUnmount?: () => void;
+	    meta?: Meta;
+	}
+	/**
+	 * Options that control a child flyout in a session
+	 */
+	export interface EuiFlyoutSessionOpenChildOptions<Meta = unknown> {
+	    size: 's' | 'm';
+	    flyoutProps?: EuiFlyoutSessionConfig['childFlyoutProps'];
+	    onUnmount?: () => void;
+	    meta?: Meta;
+	}
+	/**
+	 * Options for opening both a main flyout and child flyout simultaneously
+	 */
+	export interface EuiFlyoutSessionOpenGroupOptions<Meta = unknown> {
+	    main: {
+	        size: EuiFlyoutSize;
+	        flyoutProps?: EuiFlyoutSessionConfig['mainFlyoutProps'];
+	        onUnmount?: () => void;
+	    };
+	    child: {
+	        size: 's' | 'm';
+	        flyoutProps?: EuiFlyoutSessionConfig['childFlyoutProps'];
+	        onUnmount?: () => void;
 	    };
+	    meta?: Meta;
+	}
+	/**
+	 * Hook for accessing the flyout API
+	 */
+	export function useEuiFlyoutSession(): {
+	    openFlyout: (options: EuiFlyoutSessionOpenMainOptions) => void;
+	    openChildFlyout: (options: EuiFlyoutSessionOpenChildOptions) => void;
+	    openFlyoutGroup: (options: EuiFlyoutSessionOpenGroupOptions) => void;
+	    closeChildFlyout: () => void;
+	    goBack: () => void;
+	    canGoBack: boolean;
+	    isFlyoutOpen: boolean;
+	    isChildFlyoutOpen: boolean;
+	    clearHistory: () => void;
 	};
 
 }
-declare module '@elastic/eui/src/components/flyout/flyout_resizable' {
-	import React from 'react';
-	import { EuiFlyoutProps } from '@elastic/eui/src/components/flyout/flyout';
-	export type EuiFlyoutResizableProps = {
-	    maxWidth?: number;
-	    minWidth?: number;
-	    /**
-	     * Optional callback that fires on user resize with the new flyout width
-	     */
-	    onResize?: (width: number) => void;
-	} & Omit<EuiFlyoutProps, 'maxWidth' | 'onResize'>;
-	export const EuiFlyoutResizable: React.ForwardRefExoticComponent<Omit<EuiFlyoutResizableProps, "ref"> & React.RefAttributes<unknown>>;
+declare module '@elastic/eui/src/components/flyout/sessions' {
+	export { EuiFlyoutSessionProvider, useEuiFlyoutSessionContext, } from '@elastic/eui/src/components/flyout/sessions/flyout_provider';
+	export type { EuiFlyoutSessionConfig, EuiFlyoutSessionProviderComponentProps, EuiFlyoutSessionRenderContext, } from '@elastic/eui/src/components/flyout/sessions/types';
+	export { useEuiFlyoutSession, type EuiFlyoutSessionOpenChildOptions, type EuiFlyoutSessionOpenMainOptions, } from '@elastic/eui/src/components/flyout/sessions/use_eui_flyout';
 
 }
 declare module '@elastic/eui/src/components/flyout' {
@@ -12462,6 +12920,10 @@ declare module '@elastic/eui/src/components/flyout' {
 	export { euiFlyoutSlideInRight, euiFlyoutSlideInLeft } from '@elastic/eui/src/components/flyout/flyout.styles';
 	export type { EuiFlyoutResizableProps } from '@elastic/eui/src/components/flyout/flyout_resizable';
 	export { EuiFlyoutResizable } from '@elastic/eui/src/components/flyout/flyout_resizable';
+	export { EuiFlyoutChild } from '@elastic/eui/src/components/flyout/flyout_child';
+	export type { EuiFlyoutChildProps } from '@elastic/eui/src/components/flyout/flyout_child';
+	export type { EuiFlyoutSessionConfig, EuiFlyoutSessionOpenChildOptions, EuiFlyoutSessionOpenMainOptions, EuiFlyoutSessionProviderComponentProps, EuiFlyoutSessionRenderContext, } from '@elastic/eui/src/components/flyout/sessions';
+	export { EuiFlyoutSessionProvider, useEuiFlyoutSession } from '@elastic/eui/src/components/flyout/sessions';
 
 }
 declare module '@elastic/eui/src/components/collapsible_nav/collapsible_nav.styles' {
@@ -12563,16 +13025,6 @@ 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_light' {
-	import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
-	export const colorVisLight: _EuiThemeVisColors;
-
-}
-declare module '@elastic/eui/src/themes/amsterdam/global_styling/variables/_colors_vis_dark' {
-	import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
-	export const colorVisDark: _EuiThemeVisColors;
-
 }
 declare module '@elastic/eui/src/themes/themes' {
 	import { EuiThemeSystem } from '@elastic/eui/src/services';
@@ -12582,143 +13034,6 @@ 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';
@@ -14020,6 +14335,7 @@ declare module '@elastic/eui/src/components/filter_group/filter_select_item' {
 	    isFocused?: boolean;
 	    toolTipContent?: EuiComboBoxOptionOption['toolTipContent'];
 	    toolTipProps?: EuiComboBoxOptionOption['toolTipProps'];
+	    forwardRef?: (ref: HTMLButtonElement | null) => void;
 	}
 	/**
 	 * TODO: This component should removed in favor of EuiSelectable usage
@@ -14036,6 +14352,7 @@ declare module '@elastic/eui/src/components/filter_group/filter_select_item' {
 	    state: {
 	        hasFocus: boolean;
 	    };
+	    setButtonRef: (node: HTMLButtonElement | null) => void;
 	    focus: () => void;
 	    toggleToolTip: (isFocused: boolean) => void;
 	    hasFocus: () => boolean;
@@ -14088,6 +14405,7 @@ declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/com
 	    isCaseSensitive?: boolean;
 	    isLoading?: boolean;
 	    listRef: RefCallback<HTMLDivElement>;
+	    setListOptionRefs: (ref: HTMLButtonElement | null, index: number) => void;
 	    matchingOptions: Array<EuiComboBoxOptionOption<T>>;
 	    onCloseList: (event: Event) => void;
 	    onCreateOption?: (searchValue: string, options: Array<EuiComboBoxOptionOption<T>>) => boolean | void;
@@ -14294,6 +14612,7 @@ declare module '@elastic/eui/src/components/combo_box/combo_box' {
 	    hasFocus: boolean;
 	    isListOpen: boolean;
 	    matchingOptions: Array<EuiComboBoxOptionOption<T>>;
+	    listOptionRefs: Array<HTMLButtonElement | null>;
 	    searchValue: string;
 	}
 	export class EuiComboBox<T> extends Component<_EuiComboBoxProps<T>, EuiComboBoxState<T>> {
@@ -14318,6 +14637,7 @@ declare module '@elastic/eui/src/components/combo_box/combo_box' {
 	    searchInputRefCallback: RefCallback<HTMLInputElement>;
 	    listRefInstance: RefInstance<HTMLDivElement>;
 	    listRefCallback: RefCallback<HTMLDivElement>;
+	    setListOptionRefs: (node: HTMLButtonElement | null, index: number) => void;
 	    openList: () => void;
 	    closeList: () => void;
 	    incrementActiveOptionIndex: (amount: number) => void;
@@ -14656,7 +14976,7 @@ declare module '@elastic/eui/src/components/datagrid/utils/row_heights' {
 	    /**
 	     * Height types
 	     */
-	    getHeightType: (option?: EuiDataGridRowHeightOption) => "auto" | "default" | "lineCount" | "numerical";
+	    getHeightType: (option?: EuiDataGridRowHeightOption) => "default" | "auto" | "lineCount" | "numerical";
 	    /**
 	     * Line count utils
 	     */
@@ -16065,6 +16385,48 @@ declare module '@elastic/eui/src/components/datagrid/utils/focus' {
 	export const getParentCellContent: (_element: Node | HTMLElement) => HTMLElement | null;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/datagrid/body/cell/data_grid_cell.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiDataGridCellOutlineStyles: ({ euiTheme }: UseEuiTheme) => {
+	    borderRadius: string;
+	    focusColor: string;
+	    focusStyles: string;
+	    hoverColor: string;
+	    hoverStyles: string;
+	    markedColor: string;
+	    markedStyles: string;
+	};
+	export const euiDataGridCellOutlineSelectors: (parentSelector?: string) => {
+	    outline: {
+	        show: string;
+	        hover: string;
+	        focusTrapped: string;
+	        marked: string;
+	    };
+	    actions: {
+	        hoverZone: string;
+	        hoverColor: string;
+	        showAnimation: string;
+	        hoverAnimation: string;
+	    };
+	    header: {
+	        focus: string;
+	        focusTrapped: string;
+	        showActions: string;
+	        hideActions: string;
+	    };
+	};
+	export const euiDataGridRowCellStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiDataGridRowCell: import("@emotion/react").SerializedStyles;
+	    content: {
+	        euiDataGridRowCell__content: import("@emotion/react").SerializedStyles;
+	        autoHeight: import("@emotion/react").SerializedStyles;
+	        defaultHeight: import("@emotion/react").SerializedStyles;
+	        controlColumn: import("@emotion/react").SerializedStyles;
+	    };
+	};
+
 }
 declare module '@elastic/eui/src/components/datagrid/data_grid.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -16249,45 +16611,6 @@ declare module '@elastic/eui/src/components/datagrid/body/cell/focus_utils' {
 	    cellEl: HTMLElement;
 	}>;
 
-}
-declare module '@elastic/eui/src/components/datagrid/body/cell/data_grid_cell.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiDataGridCellOutlineStyles: ({ euiTheme }: UseEuiTheme) => {
-	    borderRadius: string;
-	    focusColor: string;
-	    focusStyles: string;
-	    hoverColor: string;
-	    hoverStyles: string;
-	};
-	export const euiDataGridCellOutlineSelectors: (parentSelector?: string) => {
-	    outline: {
-	        show: string;
-	        hover: string;
-	        focusTrapped: string;
-	    };
-	    actions: {
-	        hoverZone: string;
-	        hoverColor: string;
-	        showAnimation: string;
-	        hoverAnimation: string;
-	    };
-	    header: {
-	        focus: string;
-	        focusTrapped: string;
-	        showActions: string;
-	        hideActions: string;
-	    };
-	};
-	export const euiDataGridRowCellStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiDataGridRowCell: import("@emotion/react").SerializedStyles;
-	    content: {
-	        euiDataGridRowCell__content: import("@emotion/react").SerializedStyles;
-	        autoHeight: import("@emotion/react").SerializedStyles;
-	        defaultHeight: import("@emotion/react").SerializedStyles;
-	        controlColumn: import("@emotion/react").SerializedStyles;
-	    };
-	};
-
 }
 declare module '@elastic/eui/src/components/datagrid/body/header/data_grid_header_cell_wrapper.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -21845,7 +22168,7 @@ declare module '@elastic/eui/src/components/provider/provider' {
 	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 EuiThemeBorealis;
+	     * Provide a specific EuiTheme; Defaults to EuiThemeAmsterdam;
 	     * Pass `null` to remove all theming including global reset
 	     */
 	    theme?: EuiThemeSystem | null;
@@ -23104,13 +23427,13 @@ declare module '@elastic/eui/src/components/selectable/selectable_list/selectabl
 	        slot?: string | undefined;
 	        style?: CSSProperties | undefined;
 	        title?: string | undefined;
+	        css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
 	        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;