@elastic/eui 106.1.0 → 106.2.0-snapshot.1757009122780

package/eui.d.ts

@@ -1140,7 +1140,7 @@ declare module '@elastic/eui/src/global_styling/mixins/_button' {
 	        minWidth: number;
 	        height: string;
 	        radius: import("csstype").Property.BorderRadius<string | number> | undefined;
-	        fontScale: "s" | "xs";
+	        fontScale: "xs";
 	    };
 	    s: {
 	        minWidth: number;
@@ -2869,6 +2869,8 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
 	    tag: string;
 	    tear: string;
 	    temperature: string;
+	    thumbDown: string;
+	    thumbUp: string;
 	    timeline: string;
 	    timelineWithArrow: string;
 	    timelionApp: string;
@@ -3041,7 +3043,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" | "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 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" | "thumbDown" | "thumbUp" | "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;
@@ -5668,47 +5670,312 @@ declare module '@elastic/eui/src/components/table' {
 	export { EuiTableRowCellCheckbox } from '@elastic/eui/src/components/table/table_row_cell_checkbox';
 
 }
-declare module '@elastic/eui/src/components/overlay_mask/overlay_mask.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiOverlayMaskStyles: ({ euiTheme, highContrastMode, }: UseEuiTheme) => {
-	    euiOverlayMask: string;
-	    aboveHeader: string;
-	    belowHeader: string;
-	};
+declare module '@elastic/eui/src/components/flyout/manager/const' {
+	/**
+	 * Data attribute applied to a managed flyout element to help identify it as a managed flyout.
+	 */
+	export const PROPERTY_FLYOUT = "data-managed-flyout";
+	/**
+	 * Data attribute indicating whether the flyout is the `main` or `child` flyout.
+	 */
+	export const PROPERTY_LEVEL = "data-managed-flyout-level";
+	/**
+	 * Data attribute representing how multiple flyouts are laid out
+	 * (`side-by-side` or `stacked`).
+	 */
+	export const PROPERTY_LAYOUT_MODE = "data-managed-flyout-layout-mode";
+	/** Stacked layout mode where child flyouts overlay on top of the main flyout. */
+	export const LAYOUT_MODE_STACKED = "stacked";
+	/** Side-by-side layout mode where child flyouts render adjacent to the main flyout. */
+	export const LAYOUT_MODE_SIDE_BY_SIDE = "side-by-side";
+	/** The primary (parent) flyout in a session. */
+	export const LEVEL_MAIN = "main";
+	/** The secondary (child) flyout spawned by the main flyout. */
+	export const LEVEL_CHILD = "child";
+	/** Flyout is mounting and playing its opening animation. */
+	export const STAGE_OPENING = "opening";
+	/** Flyout is fully visible and interactive. */
+	export const STAGE_ACTIVE = "active";
+	/** Flyout is unmounted or not currently visible/interactable. */
+	export const STAGE_INACTIVE = "inactive";
+	/** Main flyout is transitioning behind an active session flyout. */
+	export const STAGE_BACKGROUNDING = "backgrounding";
+	/** Main flyout is backgrounded behind an active session flyout. */
+	export const STAGE_BACKGROUNDED = "backgrounded";
+	/** Flyout is returning to the foreground from a backgrounded state. */
+	export const STAGE_RETURNING = "returning";
+	/** Flyout is playing its closing animation. */
+	export const STAGE_CLOSING = "closing";
+
+}
+declare module '@elastic/eui/src/components/flyout/manager/types' {
+	import type { Action } from '@elastic/eui/src/components/flyout/manager/actions';
+	import { STAGE_CLOSING, STAGE_OPENING, STAGE_ACTIVE, STAGE_INACTIVE, STAGE_BACKGROUNDING, STAGE_BACKGROUNDED, STAGE_RETURNING, LAYOUT_MODE_SIDE_BY_SIDE, LAYOUT_MODE_STACKED, LEVEL_CHILD, LEVEL_MAIN } from '@elastic/eui/src/components/flyout/manager/const';
+	export type EuiFlyoutLayoutMode = typeof LAYOUT_MODE_STACKED | typeof LAYOUT_MODE_SIDE_BY_SIDE;
+	export type EuiFlyoutLevel = typeof LEVEL_MAIN | typeof LEVEL_CHILD;
+	export type EuiFlyoutActivityStage = typeof STAGE_OPENING | typeof STAGE_ACTIVE | typeof STAGE_INACTIVE | typeof STAGE_BACKGROUNDING | typeof STAGE_BACKGROUNDED | typeof STAGE_RETURNING | typeof STAGE_CLOSING;
+	export interface EuiManagedFlyoutState {
+	    flyoutId: string;
+	    level: EuiFlyoutLevel;
+	    width?: number;
+	    size?: string;
+	    activityStage?: EuiFlyoutActivityStage;
+	}
+	export interface FlyoutSession {
+	    main: string;
+	    child: string | null;
+	}
+	export interface EuiFlyoutManagerState {
+	    sessions: FlyoutSession[];
+	    flyouts: EuiManagedFlyoutState[];
+	    layoutMode: EuiFlyoutLayoutMode;
+	}
+	/**
+	 * Public API surface provided through React context.
+	 * Kept intentionally decoupled from action types to avoid module cycles.
+	 */
+	export interface FlyoutManagerApi {
+	    state: EuiFlyoutManagerState;
+	    dispatch: (action: Action) => void;
+	    addFlyout: (flyoutId: string, level?: EuiFlyoutLevel, size?: string) => void;
+	    closeFlyout: (flyoutId: string) => void;
+	    setActiveFlyout: (flyoutId: string | null) => void;
+	    setFlyoutWidth: (flyoutId: string, width: number) => void;
+	}
+
+}
+declare module '@elastic/eui/src/components/flyout/manager/actions' {
+	import { EuiFlyoutActivityStage, EuiFlyoutLevel, EuiFlyoutLayoutMode } from '@elastic/eui/src/components/flyout/manager/types'; const PREFIX: "eui/flyoutManager";
+	interface BaseAction {
+	    type: `${typeof PREFIX}/${string}`;
+	}
+	/** Dispatched when a flyout registers itself with the manager. */
+	export const ACTION_ADD: "eui/flyoutManager/add";
+	/** Dispatched to remove a flyout from the manager (usually on close/unmount). */
+	export const ACTION_CLOSE: "eui/flyoutManager/close";
+	/** Dispatched to set which flyout is currently active within the session. */
+	export const ACTION_SET_ACTIVE: "eui/flyoutManager/setActive";
+	/** Dispatched when an active flyout's pixel width changes (for responsive layout). */
+	export const ACTION_SET_WIDTH: "eui/flyoutManager/setWidth";
+	/** Dispatched to switch layout mode between `side-by-side` and `stacked`. */
+	export const ACTION_SET_LAYOUT_MODE: "eui/flyoutManager/setLayoutMode";
+	/** Dispatched to update a flyout's activity stage (e.g., opening -> active). */
+	export const ACTION_SET_ACTIVITY_STAGE: "eui/flyoutManager/setActivityStage";
+	/**
+	 * Add a flyout to manager state. The manager will create or update
+	 * the current session depending on the `level` provided.
+	 */
+	export interface AddFlyoutAction extends BaseAction {
+	    type: typeof ACTION_ADD;
+	    flyoutId: string;
+	    level: EuiFlyoutLevel;
+	    size?: string;
+	}
+	/** Remove a flyout from manager state. Also updates the active session. */
+	export interface CloseFlyoutAction extends BaseAction {
+	    type: typeof ACTION_CLOSE;
+	    flyoutId: string;
+	}
+	/** Set the active flyout within the current session (or clear with `null`). */
+	export interface SetActiveFlyoutAction extends BaseAction {
+	    type: typeof ACTION_SET_ACTIVE;
+	    flyoutId: string | null;
+	}
+	/** Update a flyout's measured width in pixels. */
+	export interface SetWidthAction extends BaseAction {
+	    type: typeof ACTION_SET_WIDTH;
+	    flyoutId: string;
+	    width: number;
+	}
+	/** Change how flyouts are arranged: `side-by-side` or `stacked`. */
+	export interface SetLayoutModeAction extends BaseAction {
+	    type: typeof ACTION_SET_LAYOUT_MODE;
+	    layoutMode: EuiFlyoutLayoutMode;
+	}
+	/** Set a specific flyout's activity stage. */
+	export interface SetActivityStageAction extends BaseAction {
+	    type: typeof ACTION_SET_ACTIVITY_STAGE;
+	    flyoutId: string;
+	    activityStage: EuiFlyoutActivityStage;
+	}
+	/** Union of all flyout manager actions. */
+	export type Action = AddFlyoutAction | CloseFlyoutAction | SetActiveFlyoutAction | SetWidthAction | SetLayoutModeAction | SetActivityStageAction;
+	/**
+	 * Register a flyout with the manager.
+	 * - `level` determines whether the flyout is `main` or `child`.
+	 * - Optional `size` is the named EUI size (e.g. `s`, `m`, `l`).
+	 */
+	export const addFlyout: (flyoutId: string, level?: EuiFlyoutLevel, size?: string) => AddFlyoutAction;
+	/** Unregister a flyout and update the session accordingly. */
+	export const closeFlyout: (flyoutId: string) => CloseFlyoutAction;
+	/** Set or clear the active flyout for the current session. */
+	export const setActiveFlyout: (flyoutId: string | null) => SetActiveFlyoutAction;
+	/** Record a flyout's current width in pixels. */
+	export const setFlyoutWidth: (flyoutId: string, width: number) => SetWidthAction;
+	/** Switch layout mode between `side-by-side` and `stacked`. */
+	export const setLayoutMode: (layoutMode: EuiFlyoutLayoutMode) => SetLayoutModeAction;
+	/** Update a flyout's activity stage. */
+	export const setActivityStage: (flyoutId: string, activityStage: EuiFlyoutActivityStage) => SetActivityStageAction;
+	export {};
 
 }
-declare module '@elastic/eui/src/components/overlay_mask/overlay_mask_body.styles' {
-	export const euiOverlayMaskBodyStyles: import("@emotion/react").SerializedStyles;
+declare module '@elastic/eui/src/components/flyout/manager/reducer' {
+	import { Action } from '@elastic/eui/src/components/flyout/manager/actions';
+	import { EuiFlyoutManagerState } from '@elastic/eui/src/components/flyout/manager/types';
+	/**
+	 * Default flyout manager state used to initialize the reducer.
+	 */
+	export const initialState: EuiFlyoutManagerState;
+	/**
+	 * Reducer handling all flyout manager actions and state transitions.
+	 */
+	export function flyoutManagerReducer(state: EuiFlyoutManagerState | undefined, action: Action): EuiFlyoutManagerState;
 
 }
-declare module '@elastic/eui/src/components/overlay_mask/overlay_mask' {
-	import { FunctionComponent, HTMLAttributes, MutableRefObject, ReactNode, Ref } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
-	export interface EuiOverlayMaskInterface {
-	    /**
-	     * ReactNode to render as this component's content
-	     */
-	    children?: ReactNode;
-	    /**
-	     * Should the mask visually sit above or below the EuiHeader (controlled by z-index)
-	     */
-	    headerZindexLocation?: 'above' | 'below';
-	    /**
-	     * React ref to be passed to the wrapping container
-	     */
-	    maskRef?: Ref<HTMLDivElement> | MutableRefObject<HTMLDivElement>;
-	}
-	export type EuiOverlayMaskProps = Omit<CommonProps, 'css'> & Omit<Partial<Record<keyof HTMLAttributes<HTMLDivElement>, string>>, keyof EuiOverlayMaskInterface> & EuiOverlayMaskInterface;
-	export const EuiOverlayMask: FunctionComponent<EuiOverlayMaskProps>;
+declare module '@elastic/eui/src/components/flyout/manager/selectors' {
+	export const useSession: (flyoutId?: string | null) => import ("@elastic/eui/src/components/flyout/manager/types").FlyoutSession | null;
+	/** True when any managed flyout session is currently active. */
+	export const useHasActiveSession: () => boolean;
+	/** True if the given `flyoutId` is the main or child flyout in the latest session. */
+	export const useIsFlyoutActive: (flyoutId: string) => boolean;
+	export const useFlyout: (flyoutId?: string | null) => import ("@elastic/eui/src/components/flyout/manager/types").EuiManagedFlyoutState | null;
+	export const useIsFlyoutRegistered: (flyoutId?: string | null) => boolean;
+	/** The most recent flyout session or `null` if none. */
+	export const useCurrentSession: () => import ("@elastic/eui/src/components/flyout/manager/types").FlyoutSession | null;
+	/** The registered state of the current session's main flyout, if present. */
+	export const useCurrentMainFlyout: () => import ("@elastic/eui/src/components/flyout/manager/types").EuiManagedFlyoutState | null;
+	/** The registered state of the current session's child flyout, if present. */
+	export const useCurrentChildFlyout: () => import ("@elastic/eui/src/components/flyout/manager/types").EuiManagedFlyoutState | null;
+	/** The measured width (px) of the specified flyout, or `null` if unknown. */
+	export const useFlyoutWidth: (flyoutId?: string | null) => number | undefined;
+	/** The configured size of the parent (main) flyout for a given child flyout ID. */
+	export const useParentFlyoutSize: (childFlyoutId: string) => string | undefined;
+	/** True if the provided `flyoutId` is the main flyout and it currently has a child. */
+	export const useHasChildFlyout: (flyoutId: string) => boolean;
 
 }
-declare module '@elastic/eui/src/components/overlay_mask' {
-	export type { EuiOverlayMaskProps } from '@elastic/eui/src/components/overlay_mask/overlay_mask';
-	export { EuiOverlayMask } from '@elastic/eui/src/components/overlay_mask/overlay_mask';
+declare module '@elastic/eui/src/components/flyout/manager/layout_mode' {
+	import { EuiFlyoutLayoutMode } from '@elastic/eui/src/components/flyout/manager/types';
+	/**
+	 * Hook to handle responsive layout mode for managed flyouts.
+	 * Decides whether to place flyouts side-by-side or stacked based on
+	 * viewport width and flyout widths/sizes.
+	 */
+	export const useApplyFlyoutLayoutMode: () => void;
+	/** Convert a flyout `size` value to a pixel width using theme breakpoints. */
+	export const getWidthFromSize: (size: string | number) => number;
+	/** Current layout mode for managed flyouts (`side-by-side` or `stacked`). */
+	export const useFlyoutLayoutMode: () => EuiFlyoutLayoutMode;
+
+}
+declare module '@elastic/eui/src/components/flyout/manager/context' {
+	import React from 'react';
+	/**
+	 * React provider that marks descendants as being rendered inside
+	 * an EUI managed flyout. Used by hooks/components to alter behavior
+	 * (e.g., focus handling) when inside a managed flyout tree.
+	 */
+	export const EuiFlyoutIsManagedProvider: ({ isManaged, children, }: {
+	    isManaged: boolean;
+	    children: React.ReactNode;
+	}) => React.JSX.Element;
+	/**
+	 * Hook that returns `true` when called within an EUI managed flyout subtree.
+	 */
+	export const useIsInManagedFlyout: () => boolean;
+
+}
+declare module '@elastic/eui/src/components/flyout/manager/hooks' {
+	import { type EuiFlyoutManagerState, type FlyoutManagerApi } from '@elastic/eui/src/components/flyout/manager/types';
+	export { useIsFlyoutActive, useHasActiveSession, useCurrentSession, useCurrentMainFlyout, useCurrentChildFlyout, useFlyoutWidth, useParentFlyoutSize, useHasChildFlyout, } from '@elastic/eui/src/components/flyout/manager/selectors';
+	export { useFlyoutLayoutMode } from '@elastic/eui/src/components/flyout/manager/layout_mode';
+	export { useIsInManagedFlyout } from '@elastic/eui/src/components/flyout/manager/context';
+	export type { EuiFlyoutActivityStage } from '@elastic/eui/src/components/flyout/manager/types';
+	/**
+	 * Hook that provides the flyout manager reducer and bound action creators.
+	 * Accepts an optional initial state (mainly for tests or custom setups).
+	 */
+	export function useFlyoutManagerReducer(initial?: EuiFlyoutManagerState): FlyoutManagerApi;
+	/** Access the flyout manager context (state and actions). */
+	export const useFlyoutManager: () => FlyoutManagerApi | null;
+	/**
+	 * Stable flyout ID utility. Uses the passed `id` if provided and not already registered,
+	 * otherwise generates a deterministic ID for the component's lifetime.
+	 * The ID remains stable across re-renders to maintain consistency in effects and other hooks.
+	 */
+	export const useFlyoutId: (flyoutId?: string) => string;
+
+}
+declare module '@elastic/eui/src/components/flyout/manager/provider' {
+	import React from 'react';
+	import { FlyoutManagerApi } from '@elastic/eui/src/components/flyout/manager/types';
+	/**
+	 * React context that exposes the Flyout Manager API (state + actions).
+	 */
+	export const EuiFlyoutManagerContext: React.Context<FlyoutManagerApi | null>;
+	/**
+	 * Provides the Flyout Manager API via context and runs layout-mode logic.
+	 */
+	export const EuiFlyoutManager: React.FC<{
+	    children: React.ReactNode;
+	}>;
+	/** Hook to access the Flyout Manager API from context. */
+	export const useFlyoutManager: () => FlyoutManagerApi | null;
+
+}
+declare module '@elastic/eui/src/components/flyout/manager/flyout_child.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	/**
+	 * Emotion styles for child flyouts.
+	 * Provides background variants coordinated with the EUI theme.
+	 *
+	 * Returns an object with the following CSS snippets:
+	 * - `backgroundDefault`: plain background
+	 * - `backgroundShaded`: subdued background used to de-emphasize child content
+	 */
+	export const euiChildFlyoutStyles: (euiThemeContext: UseEuiTheme) => {
+	    backgroundDefault: import("@emotion/react").SerializedStyles;
+	    backgroundShaded: import("@emotion/react").SerializedStyles;
+	};
+
+}
+declare module '@elastic/eui/src/components/flyout/const' {
+	import { EuiBreakpointSize } from '@elastic/eui/src/services';
+	/** Allowed flyout render types. */
+	export const FLYOUT_TYPES: readonly ["push", "overlay"];
+	/** Type representing a supported flyout render type. */
+	export type _EuiFlyoutType = (typeof FLYOUT_TYPES)[number];
+	/** Allowed flyout attachment sides. */
+	export const FLYOUT_SIDES: readonly ["left", "right"];
+	/** Type representing a supported flyout side. */
+	export type _EuiFlyoutSide = (typeof FLYOUT_SIDES)[number];
+	/** Allowed named flyout sizes used by the manager. */
+	export const FLYOUT_SIZES: readonly ["s", "m", "l", "fill"];
+	/** Type representing a supported named flyout size. */
+	export type EuiFlyoutSize = (typeof FLYOUT_SIZES)[number];
+	/** Allowed padding sizes for flyout content. */
+	export const FLYOUT_PADDING_SIZES: readonly ["none", "s", "m", "l"];
+	/** Type representing a supported flyout padding size. */
+	export type _EuiFlyoutPaddingSize = (typeof FLYOUT_PADDING_SIZES)[number];
+	/** Default minimum breakpoint at which push-type flyouts begin to push content. */
+	export const DEFAULT_PUSH_MIN_BREAKPOINT: EuiBreakpointSize;
+	/** Default flyout type when none is provided. */
+	export const DEFAULT_TYPE: _EuiFlyoutType;
+	/** Default side where flyouts anchor when none is provided. */
+	export const DEFAULT_SIDE: _EuiFlyoutSide;
+	/** Default named flyout size. */
+	export const DEFAULT_SIZE: EuiFlyoutSize;
+	/** Default padding size inside flyouts. */
+	export const DEFAULT_PADDING_SIZE: _EuiFlyoutPaddingSize;
+	/**
+	 * Custom type checker for named flyout sizes since the prop
+	 * `size` can also be CSSProperties['width'] (string | number)
+	 */
+	export function isEuiFlyoutSizeNamed(value: unknown): value is EuiFlyoutSize;
 
 }
 declare module '@elastic/eui/src/components/flyout/flyout.styles' {
-	import { EuiFlyoutSize } from '@elastic/eui/src/components/flyout/flyout';
+	import { EuiFlyoutSize } from '@elastic/eui/src/components/flyout/const';
 	import { UseEuiTheme } from '@elastic/eui/src/services';
 	export const FLYOUT_BREAKPOINT: "m";
 	export const euiFlyoutSlideInRight: import("@emotion/serialize").Keyframes;
@@ -5718,6 +5985,7 @@ declare module '@elastic/eui/src/components/flyout/flyout.styles' {
 	    s: import("@emotion/react").SerializedStyles;
 	    m: import("@emotion/react").SerializedStyles;
 	    l: import("@emotion/react").SerializedStyles;
+	    fill: import("@emotion/react").SerializedStyles;
 	    noMaxWidth: import("@emotion/react").SerializedStyles;
 	    right: import("@emotion/react").SerializedStyles;
 	    left: import("@emotion/react").SerializedStyles;
@@ -5741,184 +6009,272 @@ declare module '@elastic/eui/src/components/flyout/flyout.styles' {
 	};
 	export const maxedFlyoutWidth: (euiThemeContext: UseEuiTheme) => string;
 	export const composeFlyoutSizing: (euiThemeContext: UseEuiTheme, size: EuiFlyoutSize) => string;
+	/**
+	 * Composes all inline styles for a flyout based on its configuration
+	 */
+	export const composeFlyoutInlineStyles: (size: EuiFlyoutSize | string | number, layoutMode: "side-by-side" | "stacked", siblingFlyoutId: string | null, siblingFlyoutWidth: number | null, maxWidth: boolean | number | string | undefined) => React.CSSProperties;
 
 }
-declare module '@elastic/eui/src/components/flyout/_flyout_close_button.styles' {
+declare module '@elastic/eui/src/components/flyout/manager/flyout_managed.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiFlyoutCloseButtonStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiFlyout__closeButton: import("@emotion/react").SerializedStyles;
-	    inside: import("@emotion/react").SerializedStyles;
-	    outside: import("@emotion/react").SerializedStyles;
-	    outsideSide: {
-	        right: import("@emotion/react").SerializedStyles;
-	        left: import("@emotion/react").SerializedStyles;
-	    };
+	import { _EuiFlyoutSide } from '@elastic/eui/src/components/flyout/const';
+	import { EuiFlyoutActivityStage } from '@elastic/eui/src/components/flyout/manager/types';
+	/**
+	 * Emotion styles for managed flyouts.
+	 * Provides base 3D context and animations tied to managed flyout stages
+	 * via data attributes.
+	 */
+	export const euiManagedFlyoutStyles: (euiThemeContext: UseEuiTheme) => {
+	    stage: (activeStage: EuiFlyoutActivityStage, side?: _EuiFlyoutSide) => import("@emotion/react").SerializedStyles[];
+	    managedFlyout: import("@emotion/react").SerializedStyles;
 	};
 
 }
-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'>>;
-	export const EuiFlyoutCloseButton: FunctionComponent<EuiFlyoutCloseButtonProps>;
+declare module '@elastic/eui/src/components/flyout/flyout_menu_context' {
+	import { EuiFlyoutProps } from '@elastic/eui/src/components/flyout/flyout';
+	interface EuiFlyoutMenuContextProps {
+	    onClose?: EuiFlyoutProps['onClose'];
+	}
+	export const EuiFlyoutMenuContext: import("react").Context<EuiFlyoutMenuContextProps>;
 	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;
-	    backgroundDefault: import("@emotion/react").SerializedStyles;
-	    backgroundShaded: import("@emotion/react").SerializedStyles;
-	    sidePosition: import("@emotion/react").SerializedStyles;
-	    stackedPosition: import("@emotion/react").SerializedStyles;
-	    s: import("@emotion/react").SerializedStyles;
-	    m: 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/manager/validation' {
+	import { EuiFlyoutSize } from '@elastic/eui/src/components/flyout/const';
+	import { EuiFlyoutComponentProps } from '@elastic/eui/src/components/flyout/flyout.component';
+	import { EuiFlyoutLevel } from '@elastic/eui/src/components/flyout/manager/types';
+	/**
+	 * Business rules for flyout sizes:
+	 * - Managed flyouts should only accept "named" sizes (s, m, l, fill)
+	 * - Parent and child can't both be 'm'
+	 * - Parent and child can't both be 'fill'
+	 * - Parent can't be 'l' if there is a child
+	 */
+	export interface FlyoutSizeValidationError {
+	    type: 'INVALID_SIZE_TYPE' | 'INVALID_SIZE_COMBINATION';
+	    message: string;
+	    flyoutId?: string;
+	    level?: EuiFlyoutLevel;
+	    size?: string;
+	}
+	/**
+	 * Checks if a size is a named size (s, m, l)
+	 */
+	export function isNamedSize(size: unknown): size is EuiFlyoutSize;
+	/**
+	 * Validates that a managed flyout only uses named sizes
+	 */
+	export function validateManagedFlyoutSize(size: EuiFlyoutComponentProps['size'], flyoutId: string, level: EuiFlyoutLevel): FlyoutSizeValidationError | null;
+	/**
+	 * Validates size combinations for parent-child flyouts
+	 */
+	export function validateSizeCombination(parentSize: EuiFlyoutSize, childSize: EuiFlyoutSize): FlyoutSizeValidationError | null;
+	/**
+	 * Comprehensive validation for flyout size rules
+	 */
+	export function validateFlyoutSize(size: EuiFlyoutComponentProps['size'], flyoutId: string, level: EuiFlyoutLevel, parentSize?: EuiFlyoutSize): FlyoutSizeValidationError | null;
+	/**
+	 * Creates a user-friendly error message for validation errors
+	 */
+	export function createValidationErrorMessage(error: FlyoutSizeValidationError): string;
+
+}
+declare module '@elastic/eui/src/components/flyout/manager/activity_stage' {
+	import type { EuiFlyoutActivityStage, EuiFlyoutLevel } from '@elastic/eui/src/components/flyout/manager/types';
+	export interface UseFlyoutActivityStageParams {
+	    flyoutId: string;
+	    level: EuiFlyoutLevel;
+	}
+	export interface UseFlyoutActivityStageReturn {
+	    activityStage: EuiFlyoutActivityStage;
+	    onAnimationEnd: () => void;
+	}
+	/**
+	 * Encapsulates all activity-stage transitions and animation-driven updates
+	 * for managed flyouts.
+	 */
+	export const useFlyoutActivityStage: ({ flyoutId, level, }: UseFlyoutActivityStageParams) => {
+	    activityStage: EuiFlyoutActivityStage;
+	    onAnimationEnd: () => void;
 	};
 
 }
-declare module '@elastic/eui/src/components/flyout/flyout_context' {
-	import { RefObject } from 'react';
-	import { EuiFlyoutSize } from '@elastic/eui/src/components/flyout/flyout';
+declare module '@elastic/eui/src/components/flyout/manager/flyout_managed' {
+	import React from 'react';
+	import { EuiFlyoutComponentProps } from '@elastic/eui/src/components/flyout/flyout.component';
+	import { EuiFlyoutLevel } from '@elastic/eui/src/components/flyout/manager/types';
 	/**
-	 * Context shared between the main and child flyouts
-	 * @internal
+	 * Props for `EuiManagedFlyout`, the internal persistent flyout used by
+	 * the manager. Extends base flyout props and requires a `level` to
+	 * distinguish `main` vs `child` behavior.
 	 */
-	export interface EuiFlyoutContextValue {
-	    parentSize?: EuiFlyoutSize | string | number;
-	    parentFlyoutRef?: RefObject<HTMLDivElement>;
-	    isChildFlyoutOpen?: boolean;
-	    setIsChildFlyoutOpen?: (isOpen: boolean) => void;
-	    childLayoutMode?: 'side-by-side' | 'stacked';
+	export interface EuiManagedFlyoutProps extends EuiFlyoutComponentProps {
+	    level: EuiFlyoutLevel;
 	}
-	export const EuiFlyoutContext: import("react").Context<EuiFlyoutContextValue | null>;
+	/**
+	 * Persistent managed flyout rendered inside the provider. Handles:
+	 * - registration/unregistration with the manager
+	 * - size validation and parent/child size compatibility
+	 * - width tracking for responsive layouts
+	 * - lifecycle stage transitions and data attributes for styling
+	 */
+	export const EuiManagedFlyout: ({ id, onClose: onCloseProp, level, size, css: customCss, ...props }: EuiManagedFlyoutProps) => React.JSX.Element;
 
 }
-declare module '@elastic/eui/src/components/flyout/flyout_body.styles' {
+declare module '@elastic/eui/src/components/flyout/manager/flyout_child' {
+	import React from 'react';
+	import { type EuiManagedFlyoutProps } from '@elastic/eui/src/components/flyout/manager/flyout_managed';
+	/**
+	 * Props for `EuiFlyoutChild`, a managed child flyout that pairs with a main flyout.
+	 *
+	 * Notes:
+	 * - `type`, `side`, and `level` are fixed by the component and thus omitted.
+	 * - `backgroundStyle` toggles between default and shaded backgrounds.
+	 */
+	export interface EuiFlyoutChildProps extends Omit<EuiManagedFlyoutProps, 'closeButtonPosition' | 'hideCloseButton' | 'type' | 'level'> {
+	    backgroundStyle?: 'default' | 'shaded';
+	}
+	/**
+	 * Managed child flyout that renders alongside or stacked over the main flyout,
+	 * depending on the current layout mode. Handles background styling and required
+	 * managed flyout props.
+	 */
+	export function EuiFlyoutChild({ css: customCss, backgroundStyle, side, ...props }: EuiFlyoutChildProps): React.JSX.Element | null;
+
+}
+declare module '@elastic/eui/src/components/flyout/manager/flyout_main.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;
+	/**
+	 * Emotion styles for the main (parent) managed flyout.
+	 * Adds subtle borders when a child flyout is present, depending on side.
+	 *
+	 * Returns an object with:
+	 * - `hasChildFlyout.left` and `.right`: border styles to separate from child.
+	 */
+	export const euiMainFlyoutStyles: (euiThemeContext: UseEuiTheme) => {
+	    hasChildFlyout: {
+	        left: import("@emotion/react").SerializedStyles;
+	        right: 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/hooks' {
+	import { EuiFlyoutProps } from '@elastic/eui/src/components/flyout/flyout';
+	/**
+	 * Determines if a flyout should be rendered in a "pushed" state based on its
+	 * configuration and the current window size.
+	 */
+	export const useIsPushed: (props: Pick<EuiFlyoutProps, "type" | "pushMinBreakpoint">) => boolean;
 
 }
-declare module '@elastic/eui/src/components/flyout/flyout_child' {
-	import { FunctionComponent, HTMLAttributes, ReactNode } from 'react';
-	import { CommonProps } from '@elastic/eui/src/components/common';
+declare module '@elastic/eui/src/components/flyout/manager/flyout_main' {
+	import React from 'react';
+	import { type EuiManagedFlyoutProps } from '@elastic/eui/src/components/flyout/manager/flyout_managed';
 	/**
-	 * Props used to render and configure the child flyout panel
+	 * Props for `EuiFlyoutMain`, the primary managed flyout component.
+	 * The `level` prop is fixed internally to `main` and is therefore omitted.
 	 */
-	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;
+	export type EuiFlyoutMainProps = Omit<EuiManagedFlyoutProps, 'level'>;
+	/**
+	 * Managed main flyout. Handles ID management, child-flyout styling,
+	 * and push/overlay behavior based on provided props.
+	 */
+	export function EuiFlyoutMain({ id, pushMinBreakpoint, type, side, ...props }: EuiFlyoutMainProps): React.JSX.Element;
+
+}
+declare module '@elastic/eui/src/components/flyout/manager' {
+	/**
+	 * Convenience re-exports of bound action creators for external usage.
+	 */
+	export { addFlyout as addFlyoutAction, closeFlyout as closeFlyoutAction, setActiveFlyout as setActiveFlyoutAction, setFlyoutWidth as setFlyoutWidthAction, setActivityStage as setActivityStageAction, } from '@elastic/eui/src/components/flyout/manager/actions';
+	/** Reducer and default state for the flyout manager. */
+	export { flyoutManagerReducer, initialState } from '@elastic/eui/src/components/flyout/manager/reducer';
+	/** Provider component exposing the Flyout Manager API via context. */
+	export { EuiFlyoutManager } from '@elastic/eui/src/components/flyout/manager/provider';
+	/**
+	 * Hooks for reading manager state and derived information.
+	 */
+	/**
+	 * Selectors and derived state hooks for managed flyouts.
+	 */
+	export { useCurrentChildFlyout, useCurrentMainFlyout, useCurrentSession, useFlyoutId, useFlyoutLayoutMode, useFlyoutManager, useFlyoutWidth, useHasChildFlyout, useIsFlyoutActive, useIsInManagedFlyout, useHasActiveSession, useParentFlyoutSize, } from '@elastic/eui/src/components/flyout/manager/hooks';
+	export { EuiFlyoutChild, type EuiFlyoutChildProps } from '@elastic/eui/src/components/flyout/manager/flyout_child';
+	export { EuiFlyoutMain, type EuiFlyoutMainProps } from '@elastic/eui/src/components/flyout/manager/flyout_main';
+	/** Utility functions for flyout sizing and layout. */
+	export { getWidthFromSize } from '@elastic/eui/src/components/flyout/manager/layout_mode';
+
+}
+declare module '@elastic/eui/src/components/overlay_mask/overlay_mask.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiOverlayMaskStyles: ({ euiTheme, highContrastMode, }: UseEuiTheme) => {
+	    euiOverlayMask: string;
+	    aboveHeader: string;
+	    belowHeader: string;
+	    noAnimation: string;
+	};
+
+}
+declare module '@elastic/eui/src/components/overlay_mask/overlay_mask_body.styles' {
+	export const euiOverlayMaskBodyStyles: import("@emotion/react").SerializedStyles;
+
+}
+declare module '@elastic/eui/src/components/overlay_mask/overlay_mask' {
+	import { FunctionComponent, HTMLAttributes, MutableRefObject, ReactNode, Ref } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export interface EuiOverlayMaskInterface {
 	    /**
-	     * [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.
+	     * ReactNode to render as this component's content
 	     */
-	    scrollableTabIndex?: number;
+	    children?: ReactNode;
 	    /**
-	     * Size of the child flyout panel.
-	     * When the parent flyout is 'm', child is limited to 's'.
-	     * @default 's'
+	     * Should the mask visually sit above or below the EuiHeader (controlled by z-index)
 	     */
-	    size?: 's' | 'm';
-	    backgroundStyle?: 'shaded' | 'default';
+	    headerZindexLocation?: 'above' | 'below';
 	    /**
-	     * Children are implicitly part of FunctionComponent, but good to have if props type is standalone.
+	     * React ref to be passed to the wrapping container
 	     */
-	    children?: ReactNode;
+	    maskRef?: Ref<HTMLDivElement> | MutableRefObject<HTMLDivElement>;
 	}
-	/**
-	 * 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>;
+	export type EuiOverlayMaskProps = Omit<CommonProps, 'css'> & Omit<Partial<Record<keyof HTMLAttributes<HTMLDivElement>, string>>, keyof EuiOverlayMaskInterface> & EuiOverlayMaskInterface;
+	export const EuiOverlayMask: FunctionComponent<EuiOverlayMaskProps>;
 
 }
-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>;
+declare module '@elastic/eui/src/components/overlay_mask' {
+	export type { EuiOverlayMaskProps } from '@elastic/eui/src/components/overlay_mask/overlay_mask';
+	export { EuiOverlayMask } from '@elastic/eui/src/components/overlay_mask/overlay_mask';
+
+}
+declare module '@elastic/eui/src/components/flyout/_flyout_close_button.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiFlyoutCloseButtonStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiFlyout__closeButton: import("@emotion/react").SerializedStyles;
+	    inside: import("@emotion/react").SerializedStyles;
+	    outside: import("@emotion/react").SerializedStyles;
+	    outsideSide: {
+	        right: import("@emotion/react").SerializedStyles;
+	        left: import("@emotion/react").SerializedStyles;
+	    };
+	};
+
+}
+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'>>;
+	export const EuiFlyoutCloseButton: FunctionComponent<EuiFlyoutCloseButtonProps>;
 	export {};
 
 }
-declare module '@elastic/eui/src/components/flyout/flyout' {
+declare module '@elastic/eui/src/components/flyout/flyout.component' {
 	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 SIDES: readonly ["left", "right"];
-	export type _EuiFlyoutSide = (typeof SIDES)[number];
-	export const SIZES: readonly ["s", "m", "l"];
-	export type EuiFlyoutSize = (typeof SIZES)[number];
-	export const PADDING_SIZES: readonly ["none", "s", "m", "l"];
-	export type _EuiFlyoutPaddingSize = (typeof PADDING_SIZES)[number];
-	interface _EuiFlyoutProps {
+	import { _EuiFlyoutPaddingSize, _EuiFlyoutSide, _EuiFlyoutType, EuiFlyoutSize } from '@elastic/eui/src/components/flyout/const';
+	interface _EuiFlyoutComponentProps {
 	    onClose: (event: MouseEvent | TouchEvent | KeyboardEvent) => void;
 	    /**
 	     * Defines the width of the panel.
@@ -5994,34 +6350,81 @@ declare module '@elastic/eui/src/components/flyout/flyout' {
 	    pushAnimation?: boolean;
 	    style?: CSSProperties;
 	    /**
-	     * Object of props passed to EuiFocusTrap.
-	     * `shards` specifies an array of elements that will be considered part of the flyout, preventing the flyout from being closed when clicked.
-	     * `closeOnMouseup` will delay the close callback, allowing time for external toggle buttons to handle close behavior.
-	     * `returnFocus` defines the return focus behavior and provides the possibility to check the available target element or opt out of the behavior in favor of manually returning focus
+	     * Object of props passed to EuiFocusTrap.
+	     * `shards` specifies an array of elements that will be considered part of the flyout, preventing the flyout from being closed when clicked.
+	     * `closeOnMouseup` will delay the close callback, allowing time for external toggle buttons to handle close behavior.
+	     * `returnFocus` defines the return focus behavior and provides the possibility to check the available target element or opt out of the behavior in favor of manually returning focus
+	     */
+	    focusTrapProps?: Pick<EuiFocusTrapProps, 'closeOnMouseup' | 'shards' | 'returnFocus'>;
+	    /**
+	     * By default, EuiFlyout will consider any fixed `EuiHeader`s that sit alongside or above the EuiFlyout
+	     * as part of the flyout's focus trap. This prevents focus fighting with interactive elements
+	     * within fixed headers.
+	     *
+	     * Set this to `false` if you need to disable this behavior for a specific reason.
+	     */
+	    includeFixedHeadersInFocusTrap?: boolean;
+	    /**
+	     * Specify additional css selectors to include in the focus trap.
+	     */
+	    includeSelectorInFocusTrap?: string[] | string;
+	}
+	type Props<T extends ElementType> = CommonProps & {
+	    /**
+	     * Sets the HTML element for `EuiFlyout`
+	     */
+	    as?: T;
+	} & _EuiFlyoutComponentProps & Omit<PropsOfElement<T>, keyof _EuiFlyoutComponentProps>;
+	export type EuiFlyoutComponentProps<T extends ElementType = 'div' | 'nav'> = Props<T> & Omit<ComponentPropsWithRef<T>, keyof Props<T>>;
+	export const EuiFlyoutComponent: <T extends ElementType = "div" | "nav">(props: EuiFlyoutComponentProps<T>) => JSX.Element;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/flyout/flyout' {
+	import React, { ElementType } from 'react';
+	import { type EuiFlyoutComponentProps } from '@elastic/eui/src/components/flyout/flyout.component';
+	export type { EuiFlyoutSize, _EuiFlyoutPaddingSize, _EuiFlyoutSide, } from '@elastic/eui/src/components/flyout/const';
+	export { FLYOUT_SIDES, FLYOUT_PADDING_SIZES, FLYOUT_SIZES, FLYOUT_TYPES, } from '@elastic/eui/src/components/flyout/const';
+	export type EuiFlyoutProps<T extends ElementType = 'div' | 'nav'> = Omit<EuiFlyoutComponentProps<T>, 'as'> & {
+	    session?: boolean;
+	    as?: T;
+	};
+	export const EuiFlyout: React.ForwardRefExoticComponent<Omit<EuiFlyoutProps<"div" | "nav">, "ref"> & React.RefAttributes<HTMLElement | HTMLDivElement>>;
+
+}
+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.
 	     */
-	    focusTrapProps?: Pick<EuiFocusTrapProps, 'closeOnMouseup' | 'shards' | 'returnFocus'>;
+	    banner?: ReactNode;
 	    /**
-	     * By default, EuiFlyout will consider any fixed `EuiHeader`s that sit alongside or above the EuiFlyout
-	     * as part of the flyout's focus trap. This prevents focus fighting with interactive elements
-	     * within fixed headers.
+	     * [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.
 	     *
-	     * Set this to `false` if you need to disable this behavior for a specific reason.
-	     */
-	    includeFixedHeadersInFocusTrap?: boolean;
-	    /**
-	     * Specify additional css selectors to include in the focus trap.
-	     */
-	    includeSelectorInFocusTrap?: string[] | string;
-	} const defaultElement = "div";
-	type Props<T extends ElementType> = CommonProps & {
-	    /**
-	     * Sets the HTML element for `EuiFlyout`
+	     * 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.
 	     */
-	    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 ElementType = typeof defaultElement>(props: EuiFlyoutProps<T>) => JSX.Element;
-	export {};
+	    scrollableTabIndex?: number;
+	}>;
+	export const EuiFlyoutBody: EuiFlyoutBodyProps;
 
 }
 declare module '@elastic/eui/src/components/flyout/flyout_footer.styles' {
@@ -6749,179 +7152,29 @@ declare module '@elastic/eui/src/components/flyout/flyout_resizable' {
 	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'>>;
-	}
-	/**
-	 * Options that control a main flyout in a session
-	 */
-	export interface EuiFlyoutSessionOpenMainOptions<Meta = unknown> {
-	    size: EuiFlyoutSize;
-	    flyoutProps?: EuiFlyoutSessionConfig['mainFlyoutProps'];
-	    /**
-	     * Caller-defined data
-	     */
-	    meta?: Meta;
-	}
-	/**
-	 * Options that control a child flyout in a session
-	 */
-	export interface EuiFlyoutSessionOpenChildOptions<Meta = unknown> {
-	    size: 's' | 'm';
-	    flyoutProps?: EuiFlyoutSessionConfig['childFlyoutProps'];
-	    /**
-	     * Caller-defined data
-	     */
-	    meta?: Meta;
-	}
-	/**
-	 * Options for opening both a main flyout and child flyout simultaneously
-	 */
-	export interface EuiFlyoutSessionOpenGroupOptions<Meta = unknown> {
-	    main: EuiFlyoutSessionOpenMainOptions;
-	    child: EuiFlyoutSessionOpenChildOptions;
-	    /**
-	     * Caller-defined data
-	     */
-	    meta?: Meta;
-	}
-	/**
-	 * 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;
-	    /**
-	     * Caller-defined data
-	     */
-	    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>;
-	    };
-	} | {
-	    type: 'OPEN_MAIN_FLYOUT';
-	    payload: EuiFlyoutSessionOpenMainOptions<FlyoutMeta>;
-	} | {
-	    type: 'OPEN_CHILD_FLYOUT';
-	    payload: EuiFlyoutSessionOpenChildOptions<FlyoutMeta>;
-	} | {
-	    type: 'OPEN_FLYOUT_GROUP';
-	    payload: EuiFlyoutSessionOpenGroupOptions<FlyoutMeta>;
-	} | {
-	    type: 'GO_BACK';
-	} | {
-	    type: 'CLOSE_CHILD_FLYOUT';
-	} | {
-	    type: 'CLOSE_SESSION';
-	};
-	/**
-	 * Flyout session context managed by `EuiFlyoutSessionProvider`, and passed to the `renderMainFlyoutContent` and `renderChildFlyoutContent` functions.
-	 */
-	export interface EuiFlyoutSessionRenderContext<FlyoutMeta = unknown> {
-	    activeFlyoutGroup: EuiFlyoutSessionGroup<FlyoutMeta> | null;
-	    /**
-	     * Caller-defined data
-	     */
-	    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;
-	    onUnmount?: () => void;
-	    renderMainFlyoutContent: (context: EuiFlyoutSessionRenderContext<FlyoutMeta>) => React.ReactNode;
-	    renderChildFlyoutContent?: (context: EuiFlyoutSessionRenderContext<FlyoutMeta>) => React.ReactNode;
-	}
-	export interface EuiFlyoutSessionApi {
-	    openFlyout: (options: EuiFlyoutSessionOpenMainOptions) => void;
-	    openChildFlyout: (options: EuiFlyoutSessionOpenChildOptions) => void;
-	    openFlyoutGroup: (options: EuiFlyoutSessionOpenGroupOptions) => void;
-	    closeChildFlyout: () => void;
-	    goBack: () => void;
-	    closeSession: () => void;
-	    isFlyoutOpen: boolean;
-	    isChildFlyoutOpen: boolean;
-	    canGoBack: boolean;
-	}
-
-}
-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>;
-	    onUnmount?: EuiFlyoutSessionProviderComponentProps['onUnmount'];
-	}
-	/**
-	 * 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/title' {
+	export type { EuiTitleProps, EuiTitleSize } from '@elastic/eui/src/components/title/title';
+	export { EuiTitle } from '@elastic/eui/src/components/title/title';
 
 }
-declare module '@elastic/eui/src/components/flyout/sessions/use_eui_flyout' {
-	import type { EuiFlyoutSessionApi } from '@elastic/eui/src/components/flyout/sessions/types';
-	/**
-	 * Hook for accessing the flyout API
-	 * @public
-	 */
-	export function useEuiFlyoutSession(): EuiFlyoutSessionApi;
+declare module '@elastic/eui/src/components/flyout/flyout_menu.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiFlyoutMenuStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiFlyoutMenu__container: import("@emotion/react").SerializedStyles;
+	    euiFlyoutMenu__spacer: import("@emotion/react").SerializedStyles;
+	};
 
 }
-declare module '@elastic/eui/src/components/flyout/sessions' {
-	export { EuiFlyoutSessionProvider, useEuiFlyoutSessionContext, } from '@elastic/eui/src/components/flyout/sessions/flyout_provider';
-	export type { EuiFlyoutSessionApi, EuiFlyoutSessionConfig, EuiFlyoutSessionOpenChildOptions, EuiFlyoutSessionOpenGroupOptions, EuiFlyoutSessionOpenMainOptions, EuiFlyoutSessionProviderComponentProps, EuiFlyoutSessionRenderContext, } from '@elastic/eui/src/components/flyout/sessions/types';
-	export { useEuiFlyoutSession } from '@elastic/eui/src/components/flyout/sessions/use_eui_flyout';
+declare module '@elastic/eui/src/components/flyout/flyout_menu' {
+	import React, { FunctionComponent, HTMLAttributes } from 'react';
+	import { CommonProps } from '@elastic/eui/src/components/common';
+	export type EuiFlyoutMenuProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
+	    backButton?: React.ReactNode;
+	    popover?: React.ReactNode;
+	    title?: React.ReactNode;
+	    hideCloseButton?: boolean;
+	};
+	export const EuiFlyoutMenu: FunctionComponent<EuiFlyoutMenuProps>;
 
 }
 declare module '@elastic/eui/src/components/flyout' {
@@ -6936,10 +7189,9 @@ 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 { EuiFlyoutSessionApi, EuiFlyoutSessionConfig, EuiFlyoutSessionOpenChildOptions, EuiFlyoutSessionOpenMainOptions, EuiFlyoutSessionOpenGroupOptions, EuiFlyoutSessionProviderComponentProps, EuiFlyoutSessionRenderContext, } from '@elastic/eui/src/components/flyout/sessions';
-	export { EuiFlyoutSessionProvider, useEuiFlyoutSession } from '@elastic/eui/src/components/flyout/sessions';
+	export type { EuiFlyoutMenuProps } from '@elastic/eui/src/components/flyout/flyout_menu';
+	export { EuiFlyoutMenu } from '@elastic/eui/src/components/flyout/flyout_menu';
+	export { useIsInManagedFlyout, useHasActiveSession } from '@elastic/eui/src/components/flyout/manager';
 
 }
 declare module '@elastic/eui/src/components/provider/component_defaults/component_defaults' {
@@ -8856,10 +9108,14 @@ declare module '@elastic/eui/src/components/accessibility/screen_reader_live/scr
 	     * `role` attribute for both live regions.
 	     *
 	     * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#roles_with_implicit_live_region_attributes
+	     *
+	     * @default 'status'
 	     */
 	    role?: HTMLAttributes<HTMLDivElement>['role'];
 	    /**
 	     * `aria-live` attribute for both live regions
+	     *
+	     * @default 'polite'
 	     */
 	    'aria-live'?: AriaAttributes['aria-live'];
 	    /**
@@ -8867,6 +9123,8 @@ declare module '@elastic/eui/src/components/accessibility/screen_reader_live/scr
 	     * to automatically read out the text content. This prop should primarily be used for
 	     * navigation or page changes, where programmatically resetting focus location back to
 	     * a certain part of the page is desired.
+	     *
+	     * @default false
 	     */
 	    focusRegionOnTextChange?: boolean;
 	}
@@ -8936,6 +9194,25 @@ declare module '@elastic/eui/src/components/accessibility/skip_link' {
 	export type { EuiSkipLinkProps } from '@elastic/eui/src/components/accessibility/skip_link/skip_link';
 	export { EuiSkipLink } from '@elastic/eui/src/components/accessibility/skip_link/skip_link';
 
+}
+declare module '@elastic/eui/src/components/accessibility/live_announcer/live_announcer' {
+	import { FunctionComponent } from 'react';
+	import { EuiScreenReaderLiveProps } from '@elastic/eui/src/components/accessibility/screen_reader_live';
+	export type EuiLiveAnnouncerProps = Omit<EuiScreenReaderLiveProps, 'focusRegionOnTextChange'> & {
+	    /**
+	     * Sets a delay in ms before the live region is cleared.
+	     * The message will still be read by screen readers even if it's cleared in between.
+	     *
+	     * @default 2000
+	     */
+	    clearAfterMs?: number | false;
+	};
+	export const EuiLiveAnnouncer: FunctionComponent<EuiLiveAnnouncerProps>;
+
+}
+declare module '@elastic/eui/src/components/accessibility/live_announcer' {
+	export * from '@elastic/eui/src/components/accessibility/live_announcer/live_announcer';
+
 }
 declare module '@elastic/eui/src/components/accessibility' {
 	export { EuiScreenReaderLive } from '@elastic/eui/src/components/accessibility/screen_reader_live';
@@ -8944,6 +9221,7 @@ declare module '@elastic/eui/src/components/accessibility' {
 	export type { EuiScreenReaderOnlyProps } from '@elastic/eui/src/components/accessibility/screen_reader_only';
 	export { EuiSkipLink } from '@elastic/eui/src/components/accessibility/skip_link';
 	export type { EuiSkipLinkProps } from '@elastic/eui/src/components/accessibility/skip_link';
+	export { type EuiLiveAnnouncerProps, EuiLiveAnnouncer } from '@elastic/eui/src/components/accessibility/live_announcer';
 
 }
 declare module '@elastic/eui/src/components/accordion/accordion_trigger/accordion_button.styles' {
@@ -10087,11 +10365,6 @@ declare module '@elastic/eui/src/components/breadcrumbs' {
 	export type { EuiBreadcrumbProps as EuiBreadcrumb, EuiBreadcrumbsProps, EuiBreadcrumbResponsiveMaxCount, } from '@elastic/eui/src/components/breadcrumbs/types';
 	export { EuiBreadcrumbs } from '@elastic/eui/src/components/breadcrumbs/breadcrumbs';
 
-}
-declare module '@elastic/eui/src/components/title' {
-	export type { EuiTitleProps, EuiTitleSize } from '@elastic/eui/src/components/title/title';
-	export { EuiTitle } from '@elastic/eui/src/components/title/title';
-
 }
 declare module '@elastic/eui/src/components/call_out/call_out.styles' {
 	import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -10126,8 +10399,9 @@ declare module '@elastic/eui/src/components/call_out/call_out' {
 	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 type Heading = (typeof HEADINGS)[number];
+	export const SIZES: readonly ["s", "m"];
+	export type Size = (typeof SIZES)[number];
 	export type EuiCallOutProps = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> & {
 	    title?: ReactNode;
 	    iconType?: IconType;
@@ -10142,6 +10416,13 @@ declare module '@elastic/eui/src/components/call_out/call_out' {
 	     * removing the callout or other actions.
 	     */
 	    onDismiss?: () => void;
+	    /**
+	     * Enables the content to be read by screen readers on mount.
+	     * Use this for callouts that are shown based on a user action.
+	     *
+	     * @default false
+	     */
+	    announceOnMount?: boolean;
 	};
 	export const EuiCallOut: React.ForwardRefExoticComponent<CommonProps & Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "color"> & {
 	    title?: ReactNode;
@@ -10157,8 +10438,14 @@ declare module '@elastic/eui/src/components/call_out/call_out' {
 	     * removing the callout or other actions.
 	     */
 	    onDismiss?: () => void;
+	    /**
+	     * Enables the content to be read by screen readers on mount.
+	     * Use this for callouts that are shown based on a user action.
+	     *
+	     * @default false
+	     */
+	    announceOnMount?: boolean;
 	} & React.RefAttributes<HTMLDivElement>>;
-	export {};
 
 }
 declare module '@elastic/eui/src/components/call_out' {
@@ -12622,10 +12909,11 @@ declare module '@elastic/eui/src/components/code/code_block_controls' {
 
 }
 declare module '@elastic/eui/src/components/code/code_block_virtualized' {
-	import React, { HTMLAttributes } from 'react';
+	import React, { HTMLAttributes, ReactNode } from 'react';
 	import { RefractorNode } from 'refractor';
-	export const EuiCodeBlockVirtualized: ({ data, rowHeight, overflowHeight, preProps, codeProps, }: {
+	export const EuiCodeBlockVirtualized: ({ data, label, rowHeight, overflowHeight, preProps, codeProps, }: {
 	    data: RefractorNode[];
+	    label: ReactNode;
 	    rowHeight: number;
 	    overflowHeight?: number | string;
 	    preProps: HTMLAttributes<HTMLPreElement>;
@@ -12869,7 +13157,7 @@ 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';
+	import { _EuiFlyoutSide } from '@elastic/eui/src/components/flyout/const';
 	type _EuiCollapsibleNavContext = {
 	    isCollapsed: boolean;
 	    isPush: boolean;
@@ -14373,6 +14661,7 @@ declare module '@elastic/eui/src/components/filter_group/filter_select_item' {
 	    checked?: FilterChecked;
 	    showIcons?: boolean;
 	    isFocused?: boolean;
+	    truncateContent?: boolean;
 	    toolTipContent?: EuiComboBoxOptionOption['toolTipContent'];
 	    toolTipProps?: EuiComboBoxOptionOption['toolTipProps'];
 	    forwardRef?: (ref: HTMLButtonElement | null) => void;
@@ -14386,6 +14675,7 @@ declare module '@elastic/eui/src/components/filter_group/filter_select_item' {
 	export class EuiFilterSelectItemClass extends Component<WithEuiThemeProps & EuiFilterSelectItemProps> {
 	    static defaultProps: {
 	        showIcons: boolean;
+	        truncateContent: boolean;
 	    };
 	    buttonRef: HTMLButtonElement | null;
 	    tooltipRef: React.RefObject<EuiToolTip>;
@@ -14396,6 +14686,7 @@ declare module '@elastic/eui/src/components/filter_group/filter_select_item' {
 	    focus: () => void;
 	    toggleToolTip: (isFocused: boolean) => void;
 	    hasFocus: () => boolean;
+	    componentDidUpdate(prevProps: Readonly<WithEuiThemeProps<{}> & EuiFilterSelectItemProps>): void;
 	    render(): React.JSX.Element;
 	}
 	/**
@@ -14414,6 +14705,7 @@ declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/com
 	export const LIST_MAX_HEIGHT = 200;
 	export const euiComboBoxOptionListStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiComboBoxOptionList: import("@emotion/react").SerializedStyles;
+	    hasRowHeightAuto: import("@emotion/react").SerializedStyles;
 	    euiComboBoxOptionList__virtualization: import("@emotion/react").SerializedStyles;
 	    euiComboBoxOptionsList__empty: import("@emotion/react").SerializedStyles;
 	};
@@ -14458,7 +14750,7 @@ declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/com
 	    options: Array<EuiComboBoxOptionOption<T>>;
 	    renderOption?: (option: EuiComboBoxOptionOption<T>, searchValue: string, OPTION_CONTENT_CLASSNAME: string) => ReactNode;
 	    rootId: ReturnType<typeof htmlIdGenerator>;
-	    rowHeight: number;
+	    rowHeight: number | 'auto';
 	    scrollToIndex?: number;
 	    searchValue: string;
 	    selectedOptions: Array<EuiComboBoxOptionOption<T>>;
@@ -14479,9 +14771,17 @@ declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/com
 	    setListRef: (ref: FixedSizeList | null) => void;
 	    ListInnerElement: FixedSizeListProps['innerElementType'];
 	    ListRow: ({ data, index, style }: ListChildComponentProps) => React.JSX.Element;
+	    getListInnerElementProps: () => {
+	        'aria-label': string;
+	        id: string;
+	        role: string;
+	        tabIndex: number;
+	    };
 	    optionWidth: number | undefined;
 	    setOptionWidth: (width: number) => void;
 	    renderTruncatedOption: (text: string, truncationProps?: EuiComboBoxOptionsListProps<T>["truncationProps"]) => string | React.JSX.Element;
+	    renderVariableHeightOption: (text: string) => string | React.JSX.Element;
+	    renderHighlightedOptionText: (text: string, searchValue: string) => React.JSX.Element;
 	    render(): React.JSX.Element;
 	}
 
@@ -14564,9 +14864,10 @@ declare module '@elastic/eui/src/components/combo_box/combo_box' {
 	     */
 	    placeholder?: string;
 	    /**
-	     * Every option must be the same height and must be explicitly set if using a custom render
+	     *  The height of each option in pixels. When using a custom render (`renderOption` prop) it's recommended to set it explicitly.
+	     * `auto` will disable virtualization, enabling text to wrap onto multiple lines.
 	     */
-	    rowHeight?: number;
+	    rowHeight?: number | 'auto';
 	    /**
 	     * When `true` only allows the user to select a single option. Set to `{ asPlainText: true }` to not render input selection as pills
 	     */
@@ -21101,6 +21402,7 @@ declare module '@elastic/eui/src/components/markdown_editor/markdown_editor_tool
 	    viewMode: MARKDOWN_MODE;
 	    onClickPreview: MouseEventHandler<HTMLButtonElement>;
 	    uiPlugins: EuiMarkdownEditorUiPlugin[];
+	    right?: React.ReactNode;
 	};
 	export const EuiMarkdownEditorToolbar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CommonProps & {
 	    selectedNode?: null | any;
@@ -21108,6 +21410,7 @@ declare module '@elastic/eui/src/components/markdown_editor/markdown_editor_tool
 	    viewMode: MARKDOWN_MODE;
 	    onClickPreview: MouseEventHandler<HTMLButtonElement>;
 	    uiPlugins: EuiMarkdownEditorUiPlugin[];
+	    right?: React.ReactNode;
 	} & React.RefAttributes<HTMLDivElement>>;
 
 }
@@ -21392,6 +21695,16 @@ declare module '@elastic/eui/src/components/markdown_editor/markdown_format' {
 	};
 	export const EuiMarkdownFormat: FunctionComponent<EuiMarkdownFormatProps>;
 
+}
+declare module '@elastic/eui/src/components/markdown_editor/markdown_editor_footer.styles' {
+	import { UseEuiTheme } from '@elastic/eui/src/services';
+	export const euiMarkdownEditorFooterStyles: (euiThemeContext: UseEuiTheme) => {
+	    euiMarkdownEditorFooter: import("@emotion/react").SerializedStyles;
+	    euiMarkdownEditorFooter__actions: import("@emotion/react").SerializedStyles;
+	    euiMarkdownEditorFooter__uploadError: import("@emotion/react").SerializedStyles;
+	    euiMarkdownEditorFooter__popover: import("@emotion/react").SerializedStyles;
+	};
+
 }
 declare module '@elastic/eui/src/components/markdown_editor/icons/markdown_logo' {
 	import React from 'react';
@@ -21402,16 +21715,24 @@ declare module '@elastic/eui/src/components/markdown_editor/icons/markdown_logo'
 	export default MarkdownLogo;
 
 }
-declare module '@elastic/eui/src/components/markdown_editor/markdown_editor_footer.styles' {
-	import { UseEuiTheme } from '@elastic/eui/src/services';
-	export const euiMarkdownEditorFooterStyles: (euiThemeContext: UseEuiTheme) => {
-	    euiMarkdownEditorFooter: import("@emotion/react").SerializedStyles;
-	    euiMarkdownEditorFooter__actions: import("@emotion/react").SerializedStyles;
-	    euiMarkdownEditorFooter__uploadError: import("@emotion/react").SerializedStyles;
+declare module '@elastic/eui/src/components/markdown_editor/markdown_editor_help_button.styles' {
+	export const euiMarkdownEditorHelpButtonStyles: () => {
 	    euiMarkdownEditorFooter__helpButton: import("@emotion/react").SerializedStyles;
-	    euiMarkdownEditorFooter__popover: import("@emotion/react").SerializedStyles;
 	};
 
+}
+declare module '@elastic/eui/src/components/markdown_editor/markdown_editor_help_button' {
+	import React from 'react';
+	import { EuiMarkdownEditorUiPlugin } from '@elastic/eui/src/components/markdown_editor/markdown_types';
+	interface EuiMarkdownEditorHelpButtonProps {
+	    uiPlugins: EuiMarkdownEditorUiPlugin[];
+	}
+	export const EuiMarkdownEditorHelpButton: {
+	    ({ uiPlugins, }: EuiMarkdownEditorHelpButtonProps): React.JSX.Element;
+	    displayName: string;
+	};
+	export {};
+
 }
 declare module '@elastic/eui/src/components/markdown_editor/markdown_editor_footer' {
 	import React from 'react';
@@ -21451,6 +21772,7 @@ declare module '@elastic/eui/src/components/markdown_editor/markdown_editor_drop
 	    setHasUnacceptedItems: (hasUnacceptedItems: boolean) => void;
 	    setEditorFooterHeight: (height: number) => void;
 	    isEditing: boolean;
+	    showFooter?: boolean;
 	}
 	export const EuiMarkdownEditorDropZone: FunctionComponent<EuiMarkdownEditorDropZoneProps>;
 	export {};
@@ -21461,6 +21783,7 @@ declare module '@elastic/eui/src/components/markdown_editor/markdown_editor' {
 	import { PluggableList } from 'unified';
 	import { VFileMessage } from 'vfile-message';
 	import { CommonProps, OneOf } from '@elastic/eui/src/components/common';
+	import { EuiMarkdownEditorToolbarProps } from '@elastic/eui/src/components/markdown_editor/markdown_editor_toolbar';
 	import { EuiMarkdownEditorTextAreaProps } from '@elastic/eui/src/components/markdown_editor/markdown_editor_text_area';
 	import { EuiMarkdownFormatProps } from '@elastic/eui/src/components/markdown_editor/markdown_format';
 	import { MARKDOWN_MODE } from '@elastic/eui/src/components/markdown_editor/markdown_modes';
@@ -21524,9 +21847,17 @@ declare module '@elastic/eui/src/components/markdown_editor/markdown_editor' {
 	     * Further extend the props applied to EuiMarkdownFormat
 	     */
 	    markdownFormatProps?: Omit<EuiMarkdownFormatProps, 'parsingPluginList' | 'processingPluginList' | 'children'>;
+	    /**
+	     * Props to customize the toolbar. `right` replaces the default preview/editor toggle with custom content.
+	     */
+	    toolbarProps?: {
+	        right?: EuiMarkdownEditorToolbarProps['right'];
+	    };
+	    /** Controls whether the footer is shown */
+	    showFooter?: boolean;
 	};
 	export type EuiMarkdownEditorProps = OneOf<CommonMarkdownEditorProps, 'aria-label' | 'aria-labelledby'>;
-	interface EuiMarkdownEditorRef {
+	export interface EuiMarkdownEditorRef {
 	    textarea: HTMLTextAreaElement | null;
 	    replaceNode: ContextShape['replaceNode'];
 	}
@@ -21535,8 +21866,9 @@ declare module '@elastic/eui/src/components/markdown_editor/markdown_editor' {
 
 }
 declare module '@elastic/eui/src/components/markdown_editor' {
-	export type { EuiMarkdownEditorProps } from '@elastic/eui/src/components/markdown_editor/markdown_editor';
+	export type { EuiMarkdownEditorProps, EuiMarkdownEditorRef, } from '@elastic/eui/src/components/markdown_editor/markdown_editor';
 	export { EuiMarkdownEditor } from '@elastic/eui/src/components/markdown_editor/markdown_editor';
+	export { EuiMarkdownEditorHelpButton } from '@elastic/eui/src/components/markdown_editor/markdown_editor_help_button';
 	export { getDefaultEuiMarkdownParsingPlugins, getDefaultEuiMarkdownProcessingPlugins, getDefaultEuiMarkdownUiPlugins, getDefaultEuiMarkdownPlugins, } from '@elastic/eui/src/components/markdown_editor/plugins/markdown_default_plugins';
 	export { EuiMarkdownContext } from '@elastic/eui/src/components/markdown_editor/markdown_context';
 	export type { EuiMarkdownFormatProps } from '@elastic/eui/src/components/markdown_editor/markdown_format';
@@ -30773,6 +31105,28 @@ declare module '@elastic/eui/src/components/icon/assets/temperature' {
 	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
 	export {};
 
+}
+declare module '@elastic/eui/src/components/icon/assets/thumbDown' {
+	import * as React from 'react';
+	import type { SVGProps } from 'react';
+	interface SVGRProps {
+	    title?: string;
+	    titleId?: string;
+	}
+	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
+	export {};
+
+}
+declare module '@elastic/eui/src/components/icon/assets/thumbUp' {
+	import * as React from 'react';
+	import type { SVGProps } from 'react';
+	interface SVGRProps {
+	    title?: string;
+	    titleId?: string;
+	}
+	export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
+	export {};
+
 }
 declare module '@elastic/eui/src/components/icon/assets/timeRefresh' {
 	import * as React from 'react';
@@ -33653,12 +34007,13 @@ declare module '@elastic/eui' {
 "euiTourFooter.endTour": any;
 "euiTourFooter.skipTour": any;
 "euiTourFooter.closeTour": any;
+"euiIconTip.defaultAriaLabel": any;
 "euiToast.newNotification": any;
 "euiToast.notification": any;
 "euiToast.dismissToast": any;
 "euiGlobalToastList.clearAllToastsButtonAriaLabel": any;
 "euiGlobalToastList.clearAllToastsButtonDisplayText": any;
-"euiIconTip.defaultAriaLabel": any;
+"euiTableHeaderCell.titleTextWithDesc": any;
 "euiStepStrings.step": any;
 "euiStepStrings.simpleStep": any;
 "euiStepStrings.complete": any;
@@ -33675,7 +34030,6 @@ declare module '@elastic/eui' {
 "euiStepStrings.simpleLoading": any;
 "euiStepStrings.current": any;
 "euiStepStrings.simpleCurrent": any;
-"euiTableHeaderCell.titleTextWithDesc": any;
 "euiStat.loadingText": any;
 "euiSkeletonLoading.loadedAriaText": any;
 "euiSkeletonLoading.loadingAriaText": any;
@@ -33709,37 +34063,37 @@ declare module '@elastic/eui' {
 "euiPagination.collection": any;
 "euiPagination.fromEndLabel": any;
 "euiModal.closeModal": any;
-"euiMark.highlightStart": any;
-"euiMark.highlightEnd": any;
-"euiLoadingStrings.ariaLabel": any;
-"euiExternalLinkIcon.newTarget.screenReaderOnlyText": any;
-"euiExternalLinkIcon.externalTarget.screenReaderOnlyText": any;
 "euiMarkdownEditorToolbar.editor": any;
 "euiMarkdownEditorToolbar.previewMarkdown": any;
+"euiMarkdownEditorHelpButton.mdSyntaxLink": any;
+"euiMarkdownEditorHelpButton.syntaxTitle": any;
+"euiMarkdownEditorHelpButton.showMarkdownHelp": any;
+"euiMarkdownEditorHelpButton.syntaxModalDescriptionPrefix": any;
+"euiMarkdownEditorHelpButton.syntaxModalDescriptionSuffix": any;
+"euiMarkdownEditorHelpButton.closeButton": any;
+"euiMarkdownEditorHelpButton.syntaxPopoverDescription": any;
 "euiMarkdownEditorFooter.uploadingFiles": any;
 "euiMarkdownEditorFooter.openUploadModal": any;
 "euiMarkdownEditorFooter.unsupportedFileType": any;
 "euiMarkdownEditorFooter.supportedFileTypes": any;
 "euiMarkdownEditorFooter.showSyntaxErrors": any;
-"euiMarkdownEditorFooter.showMarkdownHelp": any;
-"euiMarkdownEditorFooter.syntaxTitle": any;
 "euiMarkdownEditorFooter.errorsTitle": any;
-"euiMarkdownEditorFooter.mdSyntaxLink": any;
-"euiMarkdownEditorFooter.syntaxModalDescriptionPrefix": any;
-"euiMarkdownEditorFooter.syntaxModalDescriptionSuffix": any;
-"euiMarkdownEditorFooter.closeButton": any;
-"euiMarkdownEditorFooter.syntaxPopoverDescription": any;
+"euiMark.highlightStart": any;
+"euiMark.highlightEnd": any;
+"euiLoadingStrings.ariaLabel": any;
+"euiExternalLinkIcon.newTarget.screenReaderOnlyText": any;
+"euiExternalLinkIcon.externalTarget.screenReaderOnlyText": any;
+"euiImageButton.openFullScreen": any;
+"euiImageButton.closeFullScreen": any;
 "euiInlineEditForm.saveButtonAriaLabel": any;
 "euiInlineEditForm.cancelButtonAriaLabel": any;
 "euiInlineEditForm.inputKeyboardInstructions": any;
 "euiInlineEditForm.activateEditModeDescription": any;
-"euiImageButton.openFullScreen": any;
-"euiImageButton.closeFullScreen": any;
+"euiForm.addressFormErrors": any;
 "euiFlyout.screenReaderModalDialog": any;
 "euiFlyout.screenReaderNonModalDialog": any;
 "euiFlyout.screenReaderFocusTrapShards": any;
 "euiFlyoutCloseButton.ariaLabel": any;
-"euiForm.addressFormErrors": any;
 "euiFilterButton.filterBadgeActiveAriaLabel": any;
 "euiFilterButton.filterBadgeAvailableAriaLabel": any;
 "euiErrorBoundary.error": any;
@@ -33750,10 +34104,10 @@ declare module '@elastic/eui' {
 "euiSaturation.ariaLabel": any;
 "euiSaturation.roleDescription": any;
 "euiSaturation.screenReaderInstructions": any;
+"euiColorPickerSwatch.ariaLabel": any;
 "euiHue.ariaValueText": any;
 "euiHue.ariaRoleDescription": any;
 "euiHue.label": any;
-"euiColorPickerSwatch.ariaLabel": any;
 "euiColorPicker.popoverLabel": any;
 "euiColorPicker.colorLabel": any;
 "euiColorPicker.selectedColorLabel": any;
@@ -33763,10 +34117,10 @@ declare module '@elastic/eui' {
 "euiColorPicker.openLabel": any;
 "euiColorPicker.closeLabel": any;
 "euiCollapsibleNavBeta.ariaLabel": any;
+"euiCodeBlockCopy.copy": any;
 "euiCodeBlockFullScreen.fullscreenCollapse": any;
 "euiCodeBlockFullScreen.fullscreenExpand": any;
 "euiCodeBlockFullScreen.ariaLabel": any;
-"euiCodeBlockCopy.copy": any;
 "euiCodeBlockAnnotations.ariaLabel": any;
 "euiCodeBlock.label": any;
 "euiCallOut.dismissAriaLabel": any;
@@ -33788,11 +34142,11 @@ declare module '@elastic/eui' {
 "euiBasicTable.deselectRows": any;
 "euiBasicTable.selectThisRow": any;
 "euiBasicTable.tablePagination": any;
+"euiTableSortMobile.sorting": any;
 "euiTablePagination.allRows": any;
 "euiTablePagination.rowsPerPage": any;
 "euiTablePagination.rowsPerPageOptionShowAllRows": any;
 "euiTablePagination.rowsPerPageOption": any;
-"euiTableSortMobile.sorting": any;
 "euiSelectableTemplateSitewide.searchPlaceholder": any;
 "euiSelectableTemplateSitewide.loadingResults": any;
 "euiSelectableTemplateSitewide.noResults": any;
@@ -33815,29 +34169,15 @@ declare module '@elastic/eui' {
 "euiSuperSelect.ariaLabel": any;
 "euiRange.sliderScreenReaderInstructions": any;
 "euiDualRange.sliderScreenReaderInstructions": any;
+"euiFormControlLayoutDelimited.delimiterLabel": any;
+"euiFormControlLayoutClearButton.label": any;
 "euiFilePicker.promptText": any;
 "euiFilePicker.filesSelected": any;
 "euiFilePicker.removeSelectedAriaLabel": any;
 "euiFilePicker.removeSelected": any;
-"euiFormControlLayoutDelimited.delimiterLabel": any;
-"euiFormControlLayoutClearButton.label": any;
 "euiFieldSearch.clearSearchButtonLabel": any;
 "euiFieldPassword.showPassword": any;
 "euiFieldPassword.maskPassword": any;
-"euiRefreshInterval.fullDescriptionOff": any;
-"euiRefreshInterval.fullDescriptionOn": any;
-"euiRefreshInterval.toggleLabel": any;
-"euiRefreshInterval.toggleAriaLabel": any;
-"euiRefreshInterval.valueAriaLabel": any;
-"euiRefreshInterval.unitsAriaLabel": any;
-"euiAutoRefresh.autoRefreshLabel": any;
-"euiAutoRefresh.buttonLabelOff": any;
-"euiAutoRefresh.buttonLabelOn": any;
-"euiSuperUpdateButton.updatingButtonLabel": any;
-"euiSuperUpdateButton.updateButtonLabel": any;
-"euiSuperUpdateButton.refreshButtonLabel": any;
-"euiSuperUpdateButton.cannotUpdateTooltip": any;
-"euiSuperUpdateButton.clickToApplyTooltip": any;
 "euiTimeOptions.last": any;
 "euiTimeOptions.next": any;
 "euiTimeOptions.seconds": any;
@@ -33876,6 +34216,11 @@ declare module '@elastic/eui' {
 "euiTimeOptions.weekToDate": any;
 "euiTimeOptions.monthToDate": any;
 "euiTimeOptions.yearToDate": any;
+"euiSuperUpdateButton.updatingButtonLabel": any;
+"euiSuperUpdateButton.updateButtonLabel": any;
+"euiSuperUpdateButton.refreshButtonLabel": any;
+"euiSuperUpdateButton.cannotUpdateTooltip": any;
+"euiSuperUpdateButton.clickToApplyTooltip": any;
 "euiPrettyInterval.seconds": any;
 "euiPrettyInterval.minutes": any;
 "euiPrettyInterval.hours": any;
@@ -33909,6 +34254,17 @@ declare module '@elastic/eui' {
 "euiPrettyDuration.now": any;
 "euiPrettyDuration.invalid": any;
 "euiPrettyDuration.fallbackDuration": any;
+"euiRefreshInterval.fullDescriptionOff": any;
+"euiRefreshInterval.fullDescriptionOn": any;
+"euiRefreshInterval.toggleLabel": any;
+"euiRefreshInterval.toggleAriaLabel": any;
+"euiRefreshInterval.valueAriaLabel": any;
+"euiRefreshInterval.unitsAriaLabel": any;
+"euiAutoRefresh.autoRefreshLabel": any;
+"euiAutoRefresh.buttonLabelOff": any;
+"euiAutoRefresh.buttonLabelOn": any;
+"euiDataGridPagination.detailedPaginationLabel": any;
+"euiDataGridPagination.paginationLabel": any;
 "euiDataGridSchema.booleanSortTextAsc": any;
 "euiDataGridSchema.booleanSortTextDesc": any;
 "euiDataGridSchema.currencySortTextAsc": any;
@@ -33919,8 +34275,6 @@ declare module '@elastic/eui' {
 "euiDataGridSchema.numberSortTextDesc": any;
 "euiDataGridSchema.jsonSortTextAsc": any;
 "euiDataGridSchema.jsonSortTextDesc": any;
-"euiDataGridPagination.detailedPaginationLabel": any;
-"euiDataGridPagination.paginationLabel": any;
 "euiKeyboardShortcuts.title": any;
 "euiKeyboardShortcuts.upArrowTitle": any;
 "euiKeyboardShortcuts.upArrowDescription": any;