@databricks/design-system 2.0.1 → 2.0.3

package/dist/{WizardStepContentWrapper-CFCTOSm8.js → WizardStepContentWrapper-DsAS2ZAT.js}

@@ -3,9 +3,8 @@ import isUndefined from 'lodash/isUndefined';
 import * as React from 'react';
 import React__default, { useRef, useEffect, useMemo, useCallback, useContext, createContext, useState, forwardRef, useLayoutEffect, useImperativeHandle, Children } from 'react';
 import { useTheme, ThemeProvider, css, keyframes, ClassNames, Global, createElement } from '@emotion/react';
-import { ConfigProvider, notification, Collapse, Button as Button$2, Typography as Typography$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, Input as Input$2, Select as Select$1, Radio as Radio$1, Layout as Layout$1, Form as Form$1, Pagination as Pagination$1, Table, Dropdown, Tree as Tree$1 } from 'antd';
+import { ConfigProvider, notification, Collapse, Button as Button$2, Typography as Typography$1, Checkbox as Checkbox$1, Input as Input$2, Select as Select$1, Radio as Radio$1, Layout as Layout$1, Form as Form$1, Pagination as Pagination$1, Table, Tooltip as Tooltip$1, Dropdown, Tree as Tree$1 } from 'antd';
 import classnames from 'classnames';
-import AntDIcon, { AppstoreOutlined, ArrowUpOutlined, BookOutlined, BugOutlined, CheckCircleFilled, CheckCircleOutlined, ClockCircleFilled, ClockCircleOutlined, CloseCircleFilled, CloseOutlined, CodeOutlined, CommentOutlined, CopyOutlined, DatabaseOutlined, DeleteOutlined, DownOutlined, EditOutlined, EllipsisOutlined, ExclamationCircleOutlined, EyeOutlined, FileOutlined, FileTextOutlined, FilterOutlined, FlagOutlined, FolderOpenOutlined, FolderOutlined, FullscreenOutlined, GithubOutlined, HourglassOutlined, InfoCircleOutlined, LinkOutlined, LoadingOutlined, NotificationOutlined, PauseCircleFilled, PlayCircleOutlined, PlusOutlined, QuestionCircleOutlined, ReloadOutlined, RightOutlined, RocketOutlined, SearchOutlined, SendOutlined, SettingOutlined, SlackOutlined, SwapOutlined, SyncOutlined, UpOutlined, VideoCameraOutlined } from '@ant-design/icons';
 import { useMergeRefs } from '@floating-ui/react';
 import uniqueId$1 from 'lodash/uniqueId';
 import { format, isBefore, startOfMonth, isAfter, parse, isValid, startOfToday, startOfYesterday, sub, startOfWeek, endOfToday, endOfYesterday, getISOWeekYear, getISOWeek, parseISO, startOfISOWeek } from 'date-fns';
@@ -17,6 +16,15 @@ import '@floating-ui/dom';
 import { createPortal } from 'react-dom';
 import '@radix-ui/react-hover-card';
 import '@radix-ui/react-toast';
+import '@react-aria/combobox';
+import { useOption } from '@react-aria/listbox';
+import '@react-aria/overlays';
+import '@react-aria/utils';
+import '@react-aria/focus';
+import '@react-aria/button';
+import '@react-stately/combobox';
+import '@react-aria/i18n';
+import '@react-stately/collections';
 import noop from 'lodash/noop';
 import pick from 'lodash/pick';
 import compact from 'lodash/compact';
@@ -33,6 +41,8 @@ import mapValues from 'lodash/mapValues';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as RadixTooltip from '@radix-ui/react-tooltip-patch';
 import { TooltipProvider } from '@radix-ui/react-tooltip-patch';
+import kebabCase from 'lodash/kebabCase';
+import AntDIcon, { EllipsisOutlined } from '@ant-design/icons';
 import random from 'lodash/random';
 import times from 'lodash/times';
 import { ContextMenuArrow, ContextMenuSub, ContextMenuGroup, ContextMenuTrigger, ContextMenuItemIndicator, ContextMenuCheckboxItem, ContextMenuPortal, ContextMenuContent, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuSeparator, ContextMenuRadioItem, ContextMenuRadioGroup, ContextMenuItem, ContextMenuLabel, ContextMenu as ContextMenu$2 } from '@radix-ui/react-context-menu';
@@ -440,7 +450,8 @@ const darkColorList = {
     textValidationDanger: primitiveColors.red500,
     textValidationSuccess: primitiveColors.green500,
     textValidationWarning: primitiveColors.yellow500,
-    tooltipBackgroundTooltip: primitiveColors.grey100
+    tooltipBackgroundTooltip: primitiveColors.grey100,
+    tooltipTextTooltip: primitiveColors.grey800
 };
 
 // THIS FILE IS AUTOMATICALLY GENERATED. DO NOT EDIT.
@@ -525,7 +536,8 @@ const lightColorList = {
     textValidationDanger: primitiveColors.red600,
     textValidationSuccess: primitiveColors.green600,
     textValidationWarning: primitiveColors.yellow600,
-    tooltipBackgroundTooltip: primitiveColors.neutral800
+    tooltipBackgroundTooltip: primitiveColors.neutral800,
+    tooltipTextTooltip: primitiveColors.white
 };
 
 // Currently these are the same for both light and dark mode, but we may want to change this in the future.
@@ -904,6 +916,7 @@ var ValidSemanticColors = /*#__PURE__*/ function(ValidSemanticColors) {
     ValidSemanticColors["TextValidationSuccess"] = "textValidationSuccess";
     ValidSemanticColors["TextValidationWarning"] = "textValidationWarning";
     ValidSemanticColors["TooltipBackgroundTooltip"] = "tooltipBackgroundTooltip";
+    ValidSemanticColors["TooltipTextTooltip"] = "tooltipTextTooltip";
     return ValidSemanticColors;
 }({});
 
@@ -1628,14 +1641,14 @@ function getPrefixedClassNameFromTheme(theme, className) {
 }
 /**
  * Returns the theme-scope class for the current context: `du-bois-dark` in dark
- * mode, `du-bois-light` otherwise.
+ * mode, `du-bois-light` otherwise. The `.du-bois-*` rule declares the `--db-color-*`
+ * tokens, so any element carrying this class becomes a resolution scope for the
+ * native (plain-CSS, token-driven) components below it.
  *
- * Native (plain-CSS, token-driven) components put this on their OWN root element
- * so the CSS custom-property cascade has a `:where(.du-bois-*)` ancestor to
- * resolve dark/light values against. Self-scoping (rather than relying on a
- * provider-emitted wrapper) means no extra DOM node is inserted into consumer
- * trees, and forced-theme subtrees / portaled content resolve correctly because
- * the class rides React context, not DOM ancestry. See DUBOIS-448.
+ * `DesignSystemProvider` puts this on the scope wrapper it renders around its
+ * children, so in-tree native components inherit the tokens without self-scoping.
+ * Use it to re-establish that scope on content that renders OUTSIDE that wrapper —
+ * i.e. portaled surfaces (context crosses React portals, DOM inheritance does not).
  */ function useDuboisThemeClass() {
     const { theme } = useDesignSystemTheme();
     return getClassNamePrefix(theme);
@@ -1720,6 +1733,13 @@ const DesignSystemThemeContext = /*#__PURE__*/ createContext({
 });
 const DesignSystemContext = /*#__PURE__*/ createContext(DuboisContextDefaults);
 const DU_BOIS_ENABLE_ANIMATION_CLASSNAME = 'du-bois-enable-animation';
+/**
+ * `data-testid` on the `display: contents` scope wrapper `DesignSystemProvider` renders around its
+ * children. The wrapper carries the theme-scope class / consumer token overrides but no visual box,
+ * so tests treat it as transparent: the shared `@databricks/testing-library` `render` returns
+ * `container` pointing inside this wrapper, so `container.firstChild` / emptiness assertions see the
+ * component's own output.
+ */ const DS_OVERRIDE_TOKENS_WRAPPER_TESTID = 'ds-override-tokens-wrapper';
 // getAnimationCss is called from every Du Bois component on every render. It only depends
 // on a single boolean and produces a (deep) object literal, so memoize the result at module
 // level — at most 2 cache entries. Sharing the same reference across all callers also lets
@@ -1746,17 +1766,57 @@ const getAnimationCss = memoize((enableAnimation)=>{
 });
 const DesignSystemProviderPropsContext = /*#__PURE__*/ React__default.createContext(null);
 const AntDConfigProviderPropsContext = /*#__PURE__*/ React__default.createContext(null);
-/** Only to be accessed by SupportsDuBoisThemes, except for special exceptions like tests and storybook. Ask in #dubois first if you need to use it. */ const DesignSystemThemeProvider = ({ isDarkMode = false, semanticColors, children })=>{
+/** Only to be accessed by SupportsDuBoisThemes, except for special exceptions like tests and storybook. Ask in #dubois first if you need to use it. */ const DesignSystemThemeProvider = ({ isDarkMode = false, semanticColors, designTokenOverrides, children })=>{
     return /*#__PURE__*/ jsx(DesignSystemThemeContext.Provider, {
         value: {
             isDarkMode,
-            semanticColors
+            semanticColors,
+            designTokenOverrides
         },
         children: children
     });
 };
+// Cache the color-derived style per `semanticColors` reference so every consumer shares one object
+// (built once) rather than each rebuilding its own ~82-key copy. Keyed by object identity, which
+// consumers keep stable (module-level `consumerLightColorList`/`consumerDarkColorList`).
+const colorOverrideStyleCache = new WeakMap();
+function semanticColorsToStyle(semanticColors) {
+    const cached = colorOverrideStyleCache.get(semanticColors);
+    if (cached) return cached;
+    const style = {};
+    for (const [key, value] of Object.entries(semanticColors)){
+        style[`--db-color-${kebabCase(key)}`] = value;
+    }
+    colorOverrideStyleCache.set(semanticColors, style);
+    return style;
+}
+/**
+ * Returns the inline style that re-declares the consumer's design-token overrides as `--db-*` custom
+ * properties, or `undefined` when none are set. It merges the `semanticColors` override (emitted as
+ * `--db-color-<name>`) with any raw `designTokenOverrides` (already keyed by `--db-*` name) layered
+ * on top. The values inherit down the DOM, so setting this on a theme-scope element re-themes every
+ * native (plain-CSS) component below it.
+ *
+ * `DesignSystemProvider` applies this to the scope wrapper it renders around its children, which
+ * covers the whole in-tree subtree by inheritance. Portaled surfaces (Modal, Drawer, Popover,
+ * DropdownMenu, Notification, …) render outside that wrapper in the DOM, so each merges this style
+ * (plus `useDuboisThemeClass`) onto its own outermost portal element — context crosses React portals
+ * while DOM inheritance does not.
+ */ function useDesignTokenOverrideStyles() {
+    const { semanticColors, designTokenOverrides } = useContext(DesignSystemThemeContext);
+    return useMemo(()=>{
+        if (!semanticColors && !designTokenOverrides) return undefined;
+        return {
+            ...semanticColors ? semanticColorsToStyle(semanticColors) : {},
+            ...designTokenOverrides
+        };
+    }, [
+        semanticColors,
+        designTokenOverrides
+    ]);
+}
 const DesignSystemProvider = ({ children, enableAnimation = false, zIndexBase = 1000, getPopupContainer, flags = {}, themeOverrides, // Disable virtualization of legacy AntD components when running tests so that all items are rendered
-disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefined })=>{
+disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefined, disableTokenScopeWrapper = false })=>{
     const { isDarkMode, semanticColors } = useContext(DesignSystemThemeContext);
     const theme = useMemo(()=>getTheme(isDarkMode, {
             enableAnimation,
@@ -1805,6 +1865,7 @@ disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefi
         themeOverrides
     ]);
     const classNamePrefix = getClassNamePrefix(mergedTheme);
+    const designTokenOverrideStyle = useDesignTokenOverrideStyles();
     const value = useMemo(()=>{
         return {
             enableAnimation,
@@ -1839,7 +1900,15 @@ disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefi
                 children: /*#__PURE__*/ jsx(TooltipProvider, {
                     children: /*#__PURE__*/ jsx(DesignSystemContext.Provider, {
                         value: value,
-                        children: children
+                        children: disableTokenScopeWrapper ? children : /*#__PURE__*/ jsx("div", {
+                            "data-testid": DS_OVERRIDE_TOKENS_WRAPPER_TESTID,
+                            className: classNamePrefix,
+                            style: {
+                                display: 'contents',
+                                ...designTokenOverrideStyle
+                            },
+                            children: children
+                        })
                     })
                 })
             })
@@ -1878,8 +1947,11 @@ const ApplyDesignSystemContextOverrides = ({ enableAnimation, zIndexBase, getPop
         flags,
         themeOverrides
     ]);
+    // Only overrides context props — the token scope is inherited from an ancestor (in-tree) or
+    // re-applied on the portal root — so it must not emit a second scope wrapper. See the prop's docs.
     return /*#__PURE__*/ jsx(DesignSystemProvider, {
         ...newProps,
+        disableTokenScopeWrapper: true,
         children: children
     });
 };
@@ -1899,8 +1971,10 @@ const ApplyDesignSystemFlags = ({ flags, children })=>{
         parentDesignSystemProviderProps,
         flags
     ]);
+    // Context-only override (flags): inherits the ancestor's token scope, so no second wrapper.
     return /*#__PURE__*/ jsx(DesignSystemProvider, {
         ...newProps,
+        disableTokenScopeWrapper: true,
         children: children
     });
 };
@@ -1932,64 +2006,6 @@ const useAntDConfigProviderContext = ()=>{
     });
 };
 
-// eslint-disable-next-line @databricks/no-restricted-imports-regexp -- we can directly import antd icons because here in order to wrap them for import elsewhere
-function React18CompatibleIconComponent(IconComponent) {
-    return IconComponent;
-}
-/**
- * Reëxport antd built-in icons with an interface that has been made compatible with the React 18
- * types by removing the props that are no longer present on the React DOM types.
- *
- * Prefer Du Bois icons from `__generated/icons` for new UI.
- */ /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyAppstoreOutlined = React18CompatibleIconComponent(AppstoreOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyArrowUpOutlined = React18CompatibleIconComponent(ArrowUpOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyBookOutlined = React18CompatibleIconComponent(BookOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyBugOutlined = React18CompatibleIconComponent(BugOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCheckCircleFilled = React18CompatibleIconComponent(CheckCircleFilled);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCheckCircleOutlined = React18CompatibleIconComponent(CheckCircleOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyClockCircleFilled = React18CompatibleIconComponent(ClockCircleFilled);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyClockCircleOutlined = React18CompatibleIconComponent(ClockCircleOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCloseCircleFilled = React18CompatibleIconComponent(CloseCircleFilled);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCloseOutlined = React18CompatibleIconComponent(CloseOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCodeOutlined = React18CompatibleIconComponent(CodeOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCommentOutlined = React18CompatibleIconComponent(CommentOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCopyOutlined = React18CompatibleIconComponent(CopyOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyDatabaseOutlined = React18CompatibleIconComponent(DatabaseOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyDeleteOutlined = React18CompatibleIconComponent(DeleteOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyDownOutlined = React18CompatibleIconComponent(DownOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyEditOutlined = React18CompatibleIconComponent(EditOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyEllipsisOutlined = React18CompatibleIconComponent(EllipsisOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyExclamationCircleOutlined = React18CompatibleIconComponent(ExclamationCircleOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyEyeOutlined = React18CompatibleIconComponent(EyeOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFileOutlined = React18CompatibleIconComponent(FileOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFileTextOutlined = React18CompatibleIconComponent(FileTextOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFilterOutlined = React18CompatibleIconComponent(FilterOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFlagOutlined = React18CompatibleIconComponent(FlagOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFolderOpenOutlined = React18CompatibleIconComponent(FolderOpenOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFolderOutlined = React18CompatibleIconComponent(FolderOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFullscreenOutlined = React18CompatibleIconComponent(FullscreenOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyGithubOutlined = React18CompatibleIconComponent(GithubOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyHourglassOutlined = React18CompatibleIconComponent(HourglassOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyInfoCircleOutlined = React18CompatibleIconComponent(InfoCircleOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyLinkOutlined = React18CompatibleIconComponent(LinkOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyLoadingOutlined = React18CompatibleIconComponent(LoadingOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyNotificationOutlined = React18CompatibleIconComponent(NotificationOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyPauseCircleFilled = React18CompatibleIconComponent(PauseCircleFilled);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyPlayCircleOutlined = React18CompatibleIconComponent(PlayCircleOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyPlusOutlined = React18CompatibleIconComponent(PlusOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyQuestionCircleOutlined = React18CompatibleIconComponent(QuestionCircleOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyReloadOutlined = React18CompatibleIconComponent(ReloadOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyRightOutlined = React18CompatibleIconComponent(RightOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyRocketOutlined = React18CompatibleIconComponent(RocketOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacySearchOutlined = React18CompatibleIconComponent(SearchOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacySendOutlined = React18CompatibleIconComponent(SendOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacySettingOutlined = React18CompatibleIconComponent(SettingOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacySlackOutlined = React18CompatibleIconComponent(SlackOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacySwapOutlined = React18CompatibleIconComponent(SwapOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacySyncOutlined = React18CompatibleIconComponent(SyncOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyUpOutlined = React18CompatibleIconComponent(UpOutlined);
-/** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyVideoCameraOutlined = React18CompatibleIconComponent(VideoCameraOutlined);
-
 function useDesignSystemContext() {
     return useContext(DesignSystemContext);
 }
@@ -7073,6 +7089,29 @@ const FlowIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
 });
 FlowIcon.displayName = "FlowIcon";
 
+function SvgFlowsIcon(props) {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        viewBox: "0 0 16 16",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "currentColor",
+            d: "m10.53 12.53-1.06-1.06 2.72-2.72h-2.157a7.78 7.78 0 0 0-7.432 5.473l-1.433-.446a9.28 9.28 0 0 1 5.208-5.776 9.52 9.52 0 0 1-5.337-5.764l1.423-.474a8.025 8.025 0 0 0 7.612 5.487h2.115L9.47 4.53l1.061-1.06L15.06 8z"
+        })
+    });
+}
+const FlowsIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    return /*#__PURE__*/ jsx(Icon, {
+        ref: forwardedRef,
+        ...props,
+        component: SvgFlowsIcon
+    });
+});
+FlowsIcon.displayName = "FlowsIcon";
+
 function SvgFolderBranchFillIcon(props) {
     return /*#__PURE__*/ jsxs("svg", {
         xmlns: "http://www.w3.org/2000/svg",
@@ -8851,6 +8890,159 @@ const LakeflowDesignerIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
 });
 LakeflowDesignerIcon.displayName = "LakeflowDesignerIcon";
 
+function SvgLakewatchAlertIcon(props) {
+    return /*#__PURE__*/ jsxs("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        viewBox: "0 0 16 16",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                fill: "currentColor",
+                fillRule: "evenodd",
+                d: "M7 8.667V4h2v4.667zM8 12a1 1 0 1 0 0-2 1 1 0 0 0 0 2",
+                clipRule: "evenodd"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                fill: "currentColor",
+                fillRule: "evenodd",
+                d: "M1.5 8a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0",
+                clipRule: "evenodd"
+            })
+        ]
+    });
+}
+const LakewatchAlertIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    return /*#__PURE__*/ jsx(Icon, {
+        ref: forwardedRef,
+        ...props,
+        component: SvgLakewatchAlertIcon
+    });
+});
+LakewatchAlertIcon.displayName = "LakewatchAlertIcon";
+
+function SvgLakewatchDatasourceIcon(props) {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        viewBox: "0 0 16 16",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "currentColor",
+            d: "M14.25 1a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75H2.75a.75.75 0 0 1-.75-.75v-1.791h1.5V13.5h10v-11h-10v1.143H2V1.75A.75.75 0 0 1 2.75 1zM6 11.29H1v-1.143h5zM12.861 8l-2.935 3-.773-.79L10.77 8.56H7.72V7.44h3.052L9.153 5.79 9.926 5zM6 8.571H1V7.43h5zm0-2.717H1V4.71h5z"
+        })
+    });
+}
+const LakewatchDatasourceIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    return /*#__PURE__*/ jsx(Icon, {
+        ref: forwardedRef,
+        ...props,
+        component: SvgLakewatchDatasourceIcon
+    });
+});
+LakewatchDatasourceIcon.displayName = "LakewatchDatasourceIcon";
+
+function SvgLakewatchDetectionRuleIcon(props) {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        viewBox: "0 0 16 16",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "currentColor",
+            d: "M7.719 1.28c1.789 0 3.414.701 4.618 1.841l-1.178.84a5.307 5.307 0 1 0 1.407 1.882l-.837.62c.186.475.29.99.29 1.53l-.005.215a4.183 4.183 0 0 1-4.177 3.968l-.215-.006a4.183 4.183 0 0 1 .215-8.36c.933 0 1.794.307 2.49.823l-1.124.8a2.902 2.902 0 1 0 1.535 2.56c0-.25-.035-.493-.095-.725l-1.334.988A1.61 1.61 0 0 1 6.109 8a1.612 1.612 0 0 1 2.74-1.15l2.98-2.206-.002-.001.1-.073 2.246-1.662.835 1.128-1.283.95c.456.906.714 1.93.715 3.014l-.01.346a6.72 6.72 0 0 1-6.711 6.374l-.345-.01a6.72 6.72 0 0 1 .345-13.43"
+        })
+    });
+}
+const LakewatchDetectionRuleIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    return /*#__PURE__*/ jsx(Icon, {
+        ref: forwardedRef,
+        ...props,
+        component: SvgLakewatchDetectionRuleIcon
+    });
+});
+LakewatchDetectionRuleIcon.displayName = "LakewatchDetectionRuleIcon";
+
+function SvgLakewatchParserIcon(props) {
+    return /*#__PURE__*/ jsxs("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        viewBox: "0 0 16 16",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                stroke: "currentColor",
+                strokeWidth: 1.5,
+                d: "M7.825 5.251c0-1.046.848-1.893 1.894-1.893h.788M7.825 5.108v5.797M7.825 10.803c0 1.046.848 1.894 1.894 1.894h.788"
+            }),
+            /*#__PURE__*/ jsx("mask", {
+                id: "LakewatchParserIcon_svg__a",
+                fill: "#fff",
+                children: /*#__PURE__*/ jsx("rect", {
+                    width: 5.779,
+                    height: 4.907,
+                    x: 10.221,
+                    y: 1,
+                    rx: 0.5
+                })
+            }),
+            /*#__PURE__*/ jsx("rect", {
+                width: 5.779,
+                height: 4.907,
+                x: 10.221,
+                y: 1,
+                stroke: "currentColor",
+                strokeWidth: 3,
+                mask: "url(#LakewatchParserIcon_svg__a)",
+                rx: 0.5
+            }),
+            /*#__PURE__*/ jsx("mask", {
+                id: "LakewatchParserIcon_svg__b",
+                fill: "#fff",
+                children: /*#__PURE__*/ jsx("rect", {
+                    width: 5.779,
+                    height: 4.907,
+                    x: 10.221,
+                    y: 10.093,
+                    rx: 0.5
+                })
+            }),
+            /*#__PURE__*/ jsx("rect", {
+                width: 5.779,
+                height: 4.907,
+                x: 10.221,
+                y: 10.093,
+                stroke: "currentColor",
+                strokeWidth: 3,
+                mask: "url(#LakewatchParserIcon_svg__b)",
+                rx: 0.5
+            }),
+            /*#__PURE__*/ jsx("path", {
+                stroke: "currentColor",
+                strokeLinecap: "square",
+                strokeWidth: 1.5,
+                d: "M.761 6.555h2.958M.761 9.812h2.958M6.45 8.187h1.206"
+            })
+        ]
+    });
+}
+const LakewatchParserIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    return /*#__PURE__*/ jsx(Icon, {
+        ref: forwardedRef,
+        ...props,
+        component: SvgLakewatchParserIcon
+    });
+});
+LakewatchParserIcon.displayName = "LakewatchParserIcon";
+
 function SvgLayerGraphIcon(props) {
     return /*#__PURE__*/ jsxs("svg", {
         xmlns: "http://www.w3.org/2000/svg",
@@ -17217,7 +17409,7 @@ const getButtonEmotionStyles = ({ theme, classNamePrefix, loading, withIcon, onl
 };
 const Button$1 = /* #__PURE__ */ (()=>{
     const Button = /*#__PURE__*/ forwardRef(function Button(// Keep size out of props passed to AntD to make deprecation and eventual removal have 0 impact
-    { dangerouslySetAntdProps, children, size, type, loading: loadingProp, loadingDescription, endIcon, onClick, dangerouslySetForceIconStyles, dangerouslyUseFocusPseudoClass, dangerouslyAppendWrapperCss, componentId, analyticsEvents, shouldStartInteraction, ...props }, ref) {
+    { children, size, type, loading: loadingProp, loadingDescription, endIcon, onClick, dangerouslySetForceIconStyles, dangerouslyUseFocusPseudoClass, dangerouslyAppendWrapperCss, componentId, analyticsEvents, shouldStartInteraction, ...props }, ref) {
         const formContext = useFormContext();
         const { theme, classNamePrefix } = useDesignSystemTheme();
         const memoizedAnalyticsEvents = analyticsEvents ?? DEFAULT_ANALYTICS_EVENTS$6;
@@ -17276,7 +17468,7 @@ const Button$1 = /* #__PURE__ */ (()=>{
             inheritColor: true,
             label: "loading",
             "aria-label": "loading",
-            // eslint-disable-next-line @databricks/no-dynamic-property-value -- DUBOIS INTERNAL EXEMPTION exempt:b7289367-ddfb-4cf6-b8d1-22b27cdff2d2
+            // oxlint-disable-next-line @databricks/no-dynamic-property-value -- DUBOIS INTERNAL EXEMPTION exempt:b7289367-ddfb-4cf6-b8d1-22b27cdff2d2
             loadingDescription: loadingDescription ?? componentId,
             css: getMemoizedLoadingSpinnerCss(iconOnly, Boolean(dangerouslySetForceIconStyles))
         }) : null;
@@ -17299,7 +17491,6 @@ const Button$1 = /* #__PURE__ */ (()=>{
                     useFocusPseudoClass: Boolean(dangerouslyUseFocusPseudoClass)
                 }),
                 href: props.disabled ? undefined : props.href,
-                ...dangerouslySetAntdProps,
                 onClick: handleClick,
                 icon: loading ? loadingSpinner : props.icon,
                 ref: buttonRef,
@@ -17340,6 +17531,13 @@ const Button$1 = /* #__PURE__ */ (()=>{
     return Button;
 })();
 
+const DRAWER_ZINDEX_OVERLAY_OFFSET = 1;
+const DRAWER_ZINDEX_CONTENT_OFFSET = DRAWER_ZINDEX_OVERLAY_OFFSET + 1;
+/** Whether the surrounding subtree is inside an open Drawer. */ const DrawerContext = /*#__PURE__*/ createContext({
+    isParentDrawerOpen: false
+});
+const useIsInsideOpenDrawer = ()=>useContext(DrawerContext).isParentDrawerOpen;
+
 const { Text: AntDText$1 } = Typography$1;
 function getTextEmotionStyles$1(theme, props) {
     return /*#__PURE__*/ css({
@@ -17777,55 +17975,42 @@ function getStartAndSuffix(text, suffixLength) {
     };
 }
 
+const TYPOGRAPHY_TITLE_TOKENS_BY_LEVEL = {
+    1: {
+        fontSize: 'fontSizeXxl',
+        lineHeight: 'lineHeightXxl'
+    },
+    2: {
+        fontSize: 'fontSizeXl',
+        lineHeight: 'lineHeightXl'
+    },
+    3: {
+        fontSize: 'fontSizeLg',
+        lineHeight: 'lineHeightLg'
+    },
+    4: {
+        fontSize: 'fontSizeMd',
+        lineHeight: 'lineHeightMd'
+    },
+    5: {
+        fontSize: 'fontSizeMd',
+        lineHeight: 'lineHeightMd'
+    }
+};
+
 const { Title: AntDTitle } = Typography$1;
 function getLevelStyles(theme, props) {
-    switch(props.level){
-        case 1:
-            return /*#__PURE__*/ css({
-                '&&': {
-                    fontSize: theme.typography.fontSizeXxl,
-                    lineHeight: theme.typography.lineHeightXxl,
-                    fontWeight: theme.typography.typographyBoldFontWeight
-                },
-                '& > .anticon': {
-                    lineHeight: theme.typography.lineHeightXxl
-                }
-            });
-        case 2:
-            return /*#__PURE__*/ css({
-                '&&': {
-                    fontSize: theme.typography.fontSizeXl,
-                    lineHeight: theme.typography.lineHeightXl,
-                    fontWeight: theme.typography.typographyBoldFontWeight
-                },
-                '& > .anticon': {
-                    lineHeight: theme.typography.lineHeightXl
-                }
-            });
-        case 3:
-            return /*#__PURE__*/ css({
-                '&&': {
-                    fontSize: theme.typography.fontSizeLg,
-                    lineHeight: theme.typography.lineHeightLg,
-                    fontWeight: theme.typography.typographyBoldFontWeight
-                },
-                '& > .anticon': {
-                    lineHeight: theme.typography.lineHeightLg
-                }
-            });
-        case 4:
-        default:
-            return /*#__PURE__*/ css({
-                '&&': {
-                    fontSize: theme.typography.fontSizeMd,
-                    lineHeight: theme.typography.lineHeightMd,
-                    fontWeight: theme.typography.typographyBoldFontWeight
-                },
-                '& > .anticon': {
-                    lineHeight: theme.typography.lineHeightMd
-                }
-            });
-    }
+    const tokens = TYPOGRAPHY_TITLE_TOKENS_BY_LEVEL[props.level ?? 4];
+    return /*#__PURE__*/ css({
+        '&&': {
+            fontSize: theme.typography[tokens.fontSize],
+            lineHeight: theme.typography[tokens.lineHeight],
+            fontWeight: theme.typography.typographyBoldFontWeight
+        },
+        '& > .anticon': {
+            lineHeight: theme.typography[tokens.lineHeight]
+        }
+    });
 }
 function getTitleEmotionStyles(theme, props) {
     return /*#__PURE__*/ css(getLevelStyles(theme, props), {
@@ -17976,7 +18161,10 @@ const modalContentStyles = (theme, maxedOutHeight)=>{
         top: 'unset !important',
         left: 'unset !important',
         alignSelf: 'center',
-        justifySelf: 'center'
+        justifySelf: 'center',
+        // The modal wrapper uses `pointer-events: none` for click-outside-to-close, so the content card
+        // must re-enable pointer events.
+        pointerEvents: 'auto'
     });
 };
 const modalHeaderStyles = (theme)=>/*#__PURE__*/ css({
@@ -18024,6 +18212,11 @@ const modalBodyStyles = (theme, hasFooter, isScrollable)=>{
         paddingRight: MODAL_PADDING,
         paddingTop: CONTENT_BUFFER,
         paddingBottom: CONTENT_BUFFER,
+        // The modal portals to `document.body`, outside the theme-scope ancestor, so no global rule sets
+        // body text size — set it explicitly.
+        fontSize: theme.typography.fontSizeBase,
+        lineHeight: theme.typography.lineHeightBase,
+        overflowWrap: 'break-word',
         ...isScrollable && getShadowScrollStyles(theme)
     });
 };
@@ -18038,10 +18231,15 @@ const modalFooterStyles = (theme, prefixCls, hasCustomFooter)=>{
          : {
             display: 'flex',
             justifyContent: 'flex-end',
-            boxSizing: 'border-box',
-            '& > * + *': {
-                marginLeft: theme.spacing.sm
-            }
+            boxSizing: 'border-box'
+        },
+        // Right-align footer buttons. For a custom footer (`display: block`) this is what aligns the
+        // inline-block buttons.
+        textAlign: 'right',
+        // 8px gap between adjacent footer buttons. Descendant selector so it reaches buttons that a
+        // custom footer nests inside wrapper elements, not just the footer's direct children.
+        '& button + button': {
+            marginLeft: theme.spacing.sm
         },
         height: footerHeight,
         paddingTop: theme.spacing.lg - CONTENT_BUFFER,
@@ -18111,6 +18309,8 @@ function ModalInternal({ componentId, analyticsEvents = [
     DesignSystemEventProviderAnalyticsEventTypes.OnView
 ], okButtonProps, cancelButtonProps, dangerouslySetAntdProps, children, title, footer, size = 'normal', verticalSizing = 'dynamic', autoFocusButton, truncateTitle, shouldStartInteraction, visible = false, onOk, onCancel, afterClose, confirmLoading, okText, cancelText, destroyOnClose, wrapClassName, className, getContainer, zIndex, modalRender, preventAutoFocus = true, compactTitle = false, ...restProps }) {
     const { theme, classNamePrefix } = useDesignSystemTheme();
+    const themeClass = useDuboisThemeClass();
+    const themeOverrideStyle = useDesignTokenOverrideStyles();
     const memoizedAnalyticsEvents = useMemo(()=>analyticsEvents, [
         analyticsEvents
     ]);
@@ -18129,6 +18329,9 @@ function ModalInternal({ componentId, analyticsEvents = [
     const emitViewEventThroughVisibleEffect = dangerouslySetAntdProps?.closable === false;
     const isViewedViaVisibleEffectRef = useRef(false);
     const uuid = useStableUuidV4();
+    // Drawer content is zIndexBase+2; lift above it unless the caller set zIndex.
+    const isInsideOpenDrawer = useIsInsideOpenDrawer();
+    const resolvedZIndex = zIndex ?? theme.options.zIndexBase + (isInsideOpenDrawer ? DRAWER_ZINDEX_CONTENT_OFFSET + 1 : 0);
     const [open, setOpen] = useState(visible);
     const prevOpenRef = useRef(open);
     useLayoutEffect(()=>{
@@ -18303,7 +18506,29 @@ function ModalInternal({ componentId, analyticsEvents = [
             justifyContent: 'center',
             inset: 0,
             top: '50%',
-            padding: 0
+            padding: 0,
+            // `pointerEvents: 'none'` lets clicks in the empty area around the card reach Radix's dismissable
+            // layer (click-outside-to-close); `position: 'relative'` makes the `inset`/`top` above take effect.
+            position: 'relative',
+            pointerEvents: 'none',
+            boxSizing: 'border-box',
+            width: 'auto',
+            maxWidth: 'calc(100vw - 32px)',
+            margin: '0 auto',
+            // The modal portals to `document.body` (outside the theme-scope ancestor), so these inherited
+            // typographic properties aren't picked up from anywhere else. `fontVariant`/`fontFeatureSettings`
+            // (tabular figures) are the load-bearing ones — without them, digits in modal body text (numbered
+            // lists, dates, IDs) render with proportional figures and shift.
+            color: theme.colors.textPrimary,
+            fontSize: theme.typography.fontSizeBase,
+            lineHeight: theme.typography.lineHeightBase,
+            fontVariant: 'tabular-nums',
+            fontFeatureSettings: "'tnum'",
+            listStyle: 'none',
+            '@media (max-width: 767px)': {
+                maxWidth: 'calc(100vw - 16px)',
+                margin: `${theme.spacing.sm}px auto`
+            }
         }),
         className: `${classNamePrefix}-modal`,
         ...restProps,
@@ -18318,9 +18543,10 @@ function ModalInternal({ componentId, analyticsEvents = [
             style: {
                 width: dangerouslySetAntdProps?.width ?? (size ? SIZE_PRESETS[size] : undefined),
                 maxWidth: '90vw',
-                zIndex: zIndex ?? theme.options.zIndexBase,
+                zIndex: resolvedZIndex,
                 ...dangerouslySetAntdProps?.style
             },
+            "data-testid": "dubois-modal-content",
             ...dangerouslySetAntdProps?.wrapProps,
             children: [
                 /*#__PURE__*/ jsx("div", {
@@ -18411,14 +18637,15 @@ function ModalInternal({ componentId, analyticsEvents = [
         ref: modalRootRef,
         "aria-hidden": !open,
         css: wrapperStyles,
-        className: classnames(wrapClassName),
+        className: classnames(wrapClassName, themeClass),
+        style: themeOverrideStyle,
         children: /*#__PURE__*/ jsx(RadixModalContext.Provider, {
             value: {
                 modalRootElement: modalRootRef.current?.firstChild
             },
             children: dangerouslySetAntdProps?.mask !== false ? /*#__PURE__*/ jsx(DialogPrimitive.Overlay, {
                 css: [
-                    dangerouslySetAntdProps?.maskStyle ? overlayStyles(theme, zIndex ? zIndex : theme.options.zIndexBase, dangerouslySetAntdProps.maskStyle) : getMemoizedDefaultOverlayStyles(theme, zIndex ? zIndex : theme.options.zIndexBase)
+                    dangerouslySetAntdProps?.maskStyle ? overlayStyles(theme, resolvedZIndex, dangerouslySetAntdProps.maskStyle) : getMemoizedDefaultOverlayStyles(theme, resolvedZIndex)
                 ],
                 children: renderedDialogContent
             }) : /*#__PURE__*/ jsx(Fragment, {
@@ -18503,132 +18730,6 @@ const ModalContext = /*#__PURE__*/ createContext({
 });
 const useModalContext = ()=>useContext(ModalContext);
 
-// Module-level caches. Both styles depend only on theme (and zIndex), so share one
-// object across every LegacyTooltip instance instead of allocating per render.
-const TRIGGER = [
-    'hover',
-    'focus'
-];
-const getMemoizedDefaultOverlayInnerStyle = memoize((theme)=>({
-        backgroundColor: '#2F3941',
-        lineHeight: '22px',
-        padding: '4px 8px',
-        boxShadow: theme.general.shadowLow,
-        ...getDarkModePortalStyles(theme)
-    }));
-const getMemoizedDefaultOverlayStyle = memoize((theme)=>({
-        zIndex: theme.options.zIndexBase + 70
-    }), (theme)=>String(theme.options.zIndexBase));
-const getMemoizedAnimationCss = memoize((enableAnimation)=>/*#__PURE__*/ css({
-        ...getAnimationCss(enableAnimation)
-    }));
-/**
- * `LegacyTooltip` is deprecated in favor of the new `Tooltip` component
- * @deprecated
- */ const LegacyTooltip = ({ children, title, placement = 'top', dataTestId, dangerouslySetAntdProps, silenceScreenReader = false, useAsLabel = false, ...props })=>{
-    const { theme } = useDesignSystemTheme();
-    const tooltipRef = useRef(null);
-    const duboisId = useUniqueId('dubois-tooltip-component-');
-    const id = dangerouslySetAntdProps?.id ? dangerouslySetAntdProps?.id : duboisId;
-    if (!title) {
-        return /*#__PURE__*/ jsx(React__default.Fragment, {
-            children: children
-        });
-    }
-    const titleProps = silenceScreenReader ? {} : {
-        'aria-live': 'polite',
-        'aria-relevant': 'additions'
-    };
-    if (dataTestId) {
-        titleProps['data-testid'] = dataTestId;
-    }
-    const liveTitle = title && /*#__PURE__*/ React__default.isValidElement(title) ? /*#__PURE__*/ React__default.cloneElement(title, titleProps) : /*#__PURE__*/ jsx("span", {
-        ...titleProps,
-        children: title
-    });
-    const ariaProps = {
-        'aria-hidden': false
-    };
-    const addAriaProps = (e)=>{
-        if (!tooltipRef.current || e.currentTarget.hasAttribute('aria-describedby') || e.currentTarget.hasAttribute('aria-labelledby')) {
-            return;
-        }
-        if (id) {
-            e.currentTarget.setAttribute('aria-live', 'polite');
-            if (useAsLabel) {
-                e.currentTarget.setAttribute('aria-labelledby', id);
-            } else {
-                e.currentTarget.setAttribute('aria-describedby', id);
-            }
-        }
-    };
-    const removeAriaProps = (e)=>{
-        if (!tooltipRef || !e.currentTarget.hasAttribute('aria-describedby') && !e.currentTarget.hasAttribute('aria-labelledby')) {
-            return;
-        }
-        if (useAsLabel) {
-            e.currentTarget.removeAttribute('aria-labelledby');
-        } else {
-            e.currentTarget.removeAttribute('aria-describedby');
-        }
-        e.currentTarget.removeAttribute('aria-live');
-    };
-    const interactionProps = {
-        onMouseEnter: (e)=>{
-            addAriaProps(e);
-        },
-        onMouseLeave: (e)=>{
-            removeAriaProps(e);
-        },
-        onFocus: (e)=>{
-            addAriaProps(e);
-        },
-        onBlur: (e)=>{
-            removeAriaProps(e);
-        }
-    };
-    const childWithProps = /*#__PURE__*/ React__default.isValidElement(children) ? /*#__PURE__*/ React__default.cloneElement(children, {
-        ...ariaProps,
-        ...interactionProps,
-        ...children.props
-    }) : isNil(children) ? children : /*#__PURE__*/ jsx("span", {
-        ...ariaProps,
-        ...interactionProps,
-        children: children
-    });
-    const { overlayInnerStyle, overlayStyle, ...delegatedDangerouslySetAntdProps } = dangerouslySetAntdProps || {};
-    // When no overrides are passed, reuse the module-level memoized objects directly so
-    // the same reference is shared across every tooltip instance with the same theme.
-    const mergedOverlayInnerStyle = overlayInnerStyle ? {
-        backgroundColor: '#2F3941',
-        lineHeight: '22px',
-        padding: '4px 8px',
-        boxShadow: theme.general.shadowLow,
-        ...overlayInnerStyle,
-        ...getDarkModePortalStyles(theme)
-    } : getMemoizedDefaultOverlayInnerStyle(theme);
-    const mergedOverlayStyle = overlayStyle ? {
-        zIndex: theme.options.zIndexBase + 70,
-        ...overlayStyle
-    } : getMemoizedDefaultOverlayStyle(theme);
-    return /*#__PURE__*/ jsx(DesignSystemAntDConfigProvider, {
-        children: /*#__PURE__*/ jsx(Tooltip$1, {
-            id: id,
-            ref: tooltipRef,
-            title: liveTitle,
-            placement: placement,
-            // Always trigger on hover and focus
-            trigger: TRIGGER,
-            overlayInnerStyle: mergedOverlayInnerStyle,
-            overlayStyle: mergedOverlayStyle,
-            css: getMemoizedAnimationCss(theme.options.enableAnimation),
-            ...delegatedDangerouslySetAntdProps,
-            ...props,
-            children: childWithProps
-        })
-    });
-};
-
 // WRAPPED RADIX-UI-COMPONENTS
 const Anchor = Popover$1.Anchor; // Behavioral component only
 const DEFAULT_ANALYTICS_EVENTS$5 = [
@@ -18674,10 +18775,12 @@ const Root$b = ({ children, onOpenChange, componentId, analyticsEvents = DEFAULT
         })
     });
 };
-const Content$7 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, maxWidth, ...props }, ref) {
+const Content$7 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, maxWidth, className, style, ...props }, ref) {
     const { getPopupContainer } = useDesignSystemContext();
     const { theme } = useDesignSystemTheme();
     const dataComponentProps = useComponentFinderContext(DesignSystemEventProviderComponentTypes.Popover);
+    const themeClass = useDuboisThemeClass();
+    const themeOverrideStyle = useDesignTokenOverrideStyles();
     return /*#__PURE__*/ jsx(Popover$1.Portal, {
         container: getPopupContainer && getPopupContainer(),
         children: /*#__PURE__*/ jsx(Popover$1.Content, {
@@ -18694,6 +18797,11 @@ const Content$7 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth
             "aria-label": "Popover content",
             ...props,
             ...dataComponentProps,
+            className: classnames(className, themeClass),
+            style: {
+                ...style,
+                ...themeOverrideStyle
+            },
             children: children
         })
     });
@@ -18786,6 +18894,261 @@ var Popover = /*#__PURE__*/Object.freeze({
   Trigger: Trigger$5
 });
 
+// @ts-expect-error `jest` is only available in tests
+const isInsideTest = ()=>typeof jest !== 'undefined';
+
+const DEFAULT_ANALYTICS_EVENTS$4 = [
+    DesignSystemEventProviderAnalyticsEventTypes.OnView
+];
+const slideUpAndFade = /*#__PURE__*/ keyframes({
+    from: {
+        opacity: 0,
+        transform: 'translateY(2px)'
+    },
+    to: {
+        opacity: 1,
+        transform: 'translateY(0)'
+    }
+});
+const slideRightAndFade = /*#__PURE__*/ keyframes({
+    from: {
+        opacity: 0,
+        transform: 'translateX(-2px)'
+    },
+    to: {
+        opacity: 1,
+        transform: 'translateX(0)'
+    }
+});
+const slideDownAndFade = /*#__PURE__*/ keyframes({
+    from: {
+        opacity: 0,
+        transform: 'translateY(-2px)'
+    },
+    to: {
+        opacity: 1,
+        transform: 'translateY(0)'
+    }
+});
+const slideLeftAndFade = /*#__PURE__*/ keyframes({
+    from: {
+        opacity: 0,
+        transform: 'translateX(2px)'
+    },
+    to: {
+        opacity: 1,
+        transform: 'translateX(0)'
+    }
+});
+const getTooltipStyles = (theme, clsPrefix)=>{
+    // Radix uses `data-state` to drive tooltip animations. However, due to a Radix bug, the animation CSS is not
+    // well-scoped. If the tooltip wraps another component that uses `data-state` (such as ToggleButton), the animation
+    // styles leak into the child component. We work around this by introducing our own `tooltip-data-state` attribute
+    // and redefining the animations based on that. This requires a *patch* to the Radix tooltip to swap `data-state`
+    // for `tooltip-data-state`: js/yarn/patches/@radix-ui-react-tooltip-npm-1.0.7-c7378e5c03.patch. This patch is applied
+    // via `yarn patch`. See https://databricks.atlassian.net/browse/DUBOIS-340 for original context.
+    //
+    // It is worth highlighting here, however, that we do not have a good way to distribute this patch outside of universe
+    // when `@databricks/design-system` is published to npm. Thus, this animation bug may still persist if this Tooltip
+    // component is used outside of universe alongside a Radix version that still has the underlying bug.
+    const dataStateAttr = 'tooltip-data-state';
+    const classTypography = `.${clsPrefix}-typography`;
+    const { isDarkMode } = theme;
+    const linkColor = isDarkMode ? theme.colors.blue600 : theme.colors.blue500;
+    const linkActiveColor = isDarkMode ? theme.colors.blue800 : theme.colors.blue300;
+    const linkHoverColor = isDarkMode ? theme.colors.blue700 : theme.colors.blue400;
+    return {
+        content: {
+            backgroundColor: theme.colors.tooltipBackgroundTooltip,
+            color: theme.colors.tooltipTextTooltip,
+            borderRadius: token(ShapeTokens.POPOVER_BORDER_RADIUS, theme.borders.borderRadiusSm),
+            fontSize: theme.typography.fontSizeMd,
+            padding: `${theme.spacing.xs}px ${theme.spacing.sm}px`,
+            lineHeight: theme.typography.lineHeightLg,
+            fontWeight: theme.typography.typographyRegularFontWeight,
+            boxShadow: theme.shadows.lg,
+            wordWrap: 'break-word',
+            whiteSpace: 'normal',
+            zIndex: theme.options.zIndexBase + 70,
+            willChange: 'transform, opacity',
+            [`&[${dataStateAttr}='delayed-open'][data-side='top']`]: {
+                animation: `${slideDownAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
+            },
+            [`&[${dataStateAttr}='delayed-open'][data-side='right']`]: {
+                animation: `${slideLeftAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
+            },
+            [`&[${dataStateAttr}='delayed-open'][data-side='bottom']`]: {
+                animation: `${slideUpAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
+            },
+            [`&[${dataStateAttr}='delayed-open'][data-side='left']`]: {
+                animation: `${slideRightAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
+            },
+            [`& a${classTypography}`]: {
+                '&, :focus': {
+                    color: linkColor,
+                    '.anticon': {
+                        color: linkColor
+                    }
+                },
+                ':active': {
+                    color: linkActiveColor,
+                    '.anticon': {
+                        color: linkActiveColor
+                    }
+                },
+                ':hover': {
+                    color: linkHoverColor,
+                    '.anticon': {
+                        color: linkHoverColor
+                    }
+                }
+            }
+        },
+        arrow: {
+            fill: theme.colors.tooltipBackgroundTooltip,
+            zIndex: theme.options.zIndexBase + 70,
+            visibility: 'visible'
+        }
+    };
+};
+const getMemoizedTooltipStyles = memoize(getTooltipStyles, (theme, clsPrefix)=>`${themeMemoKey(theme)}|${clsPrefix}`);
+/**
+ * Radix's portal only mounts its children while the tooltip is open, so keeping the content work
+ * here avoids paying for theme, style, and analytics hooks on every closed tooltip. The portal
+ * composes a ref onto whatever it renders, so this has to forward it on to the content.
+ */ const TooltipContent = /*#__PURE__*/ forwardRef(function TooltipContent({ content, side, sideOffset, align, maxWidth, componentId, analyticsEvents, zIndex, shouldReportViewRef, ...props }, ref) {
+    const { theme, classNamePrefix } = useDesignSystemTheme();
+    const tooltipStyles = getMemoizedTooltipStyles(theme, classNamePrefix);
+    const contentCss = useMemo(()=>[
+            tooltipStyles['content'],
+            {
+                maxWidth
+            },
+            zIndex !== undefined ? {
+                zIndex
+            } : undefined
+        ], [
+        tooltipStyles,
+        maxWidth,
+        zIndex
+    ]);
+    const eventContext = useDesignSystemEventComponentCallbacks({
+        componentType: DesignSystemEventProviderComponentTypes.Tooltip,
+        componentId,
+        analyticsEvents
+    });
+    useEffect(()=>{
+        if (shouldReportViewRef.current) {
+            eventContext.onView();
+            shouldReportViewRef.current = false;
+        }
+    }, [
+        eventContext,
+        shouldReportViewRef
+    ]);
+    return /*#__PURE__*/ jsxs(RadixTooltip.Content, {
+        ref: ref,
+        side: side,
+        align: align,
+        sideOffset: sideOffset ?? theme.spacing.sm,
+        arrowPadding: theme.spacing.md,
+        css: contentCss,
+        ...props,
+        ...eventContext.dataComponentProps,
+        children: [
+            content,
+            /*#__PURE__*/ jsx(RadixTooltip.Arrow, {
+                css: tooltipStyles['arrow']
+            })
+        ]
+    });
+});
+/**
+ * Owns the popup container lookup so that a tooltip which never opens does not subscribe to the
+ * design system context.
+ */ const TooltipPortal = (props)=>{
+    const { getPopupContainer } = useDesignSystemContext();
+    return /*#__PURE__*/ jsx(RadixTooltip.Portal, {
+        container: getPopupContainer?.(),
+        children: /*#__PURE__*/ jsx(TooltipContent, {
+            ...props
+        })
+    });
+};
+/**
+ * If the tooltip is not displaying for you, it might be because the child does not accept the onMouseEnter, onMouseLeave, onPointerEnter,
+ * onPointerLeave, onFocus, and onClick props. You can add these props to your child component, or wrap it in a `<span>` tag.
+ *
+ * See go/dubois.
+ */ const Tooltip = ({ children, content, defaultOpen = false, delayDuration = 350, side = 'top', sideOffset, align = 'center', maxWidth = 250, componentId, analyticsEvents = DEFAULT_ANALYTICS_EVENTS$4, open, onOpenChange, disableHoverableContent, zIndex, ...props })=>{
+    disableHoverableContent ??= true;
+    const firstView = useRef(true);
+    const shouldReportView = useRef(false);
+    // The portal renders nothing while closed, but it and its Presence still mount for every tooltip
+    // on the page. Root and Trigger stay put so the child never changes position in the tree.
+    const [everOpened, setEverOpened] = useState(defaultOpen);
+    // A consumer-controlled `open` never calls onOpenChange, so it has to latch here instead.
+    if (open && !everOpened) {
+        setEverOpened(true);
+    }
+    const handleOpenChange = useCallback((open)=>{
+        if (open) {
+            setEverOpened(true);
+            if (firstView.current) {
+                shouldReportView.current = true;
+                firstView.current = false;
+            }
+        }
+        onOpenChange?.(open);
+    }, [
+        onOpenChange
+    ]);
+    const IS_INSIDE_TEST = isInsideTest();
+    return /*#__PURE__*/ jsxs(RadixTooltip.Root, {
+        defaultOpen: defaultOpen,
+        delayDuration: IS_INSIDE_TEST ? 10 : delayDuration,
+        open: open,
+        onOpenChange: handleOpenChange,
+        disableHoverableContent: disableHoverableContent,
+        children: [
+            /*#__PURE__*/ jsx(RadixTooltip.Trigger, {
+                asChild: true,
+                children: children
+            }),
+            content && everOpened ? /*#__PURE__*/ jsx(TooltipPortal, {
+                content: content,
+                side: side,
+                sideOffset: sideOffset,
+                align: align,
+                maxWidth: maxWidth,
+                componentId: componentId,
+                analyticsEvents: analyticsEvents,
+                zIndex: zIndex,
+                shouldReportViewRef: shouldReportView,
+                ...props
+            }) : null
+        ]
+    });
+};
+
+const getMemoizedIconCss = memoize((theme)=>({
+        color: theme.colors.textSecondary
+    }));
+const InfoTooltip = ({ content, iconTitle = 'More information', ...props })=>{
+    const { theme } = useDesignSystemTheme();
+    return /*#__PURE__*/ jsx(Tooltip, {
+        content: content,
+        ...props,
+        children: /*#__PURE__*/ jsx(InfoSmallIcon, {
+            tabIndex: 0,
+            "aria-hidden": "false",
+            "aria-label": iconTitle,
+            alt: iconTitle,
+            css: getMemoizedIconCss(theme)
+        })
+    });
+};
+
 const OverflowPopover = ({ items, renderLabel, tooltipText, ariaLabel = 'More items', ...props })=>{
     const { theme } = useDesignSystemTheme();
     const [showTooltip, setShowTooltip] = useState(true);
@@ -18805,8 +19168,9 @@ const OverflowPopover = ({ items, renderLabel, tooltipText, ariaLabel = 'More it
         })
     });
     if (showTooltip) {
-        trigger = /*#__PURE__*/ jsx(LegacyTooltip, {
-            title: tooltipText || 'See more items',
+        trigger = /*#__PURE__*/ jsx(Tooltip, {
+            componentId: "design-system.overflow-popover.tooltip",
+            content: tooltipText || 'See more items',
             children: trigger
         });
     }
@@ -19082,6 +19446,62 @@ const genSkeletonAnimatedColorImpl = (theme, frameRate = 60)=>{
 };
 const genSkeletonAnimatedColor = memoize(genSkeletonAnimatedColorImpl, (theme, frameRate = 60)=>`${themeMemoKey(theme)}|${frameRate}`);
 
+const LEGACY_TITLE_SKELETON_DIMENSIONS = {
+    fillHeight: 12,
+    lineHeight: '28px'
+};
+const TITLE_SKELETON_FILL_HEIGHT_REDUCTION = 4;
+const getTitleContainerStyles = memoize((theme, level, inline)=>{
+    const lineHeight = level === undefined ? LEGACY_TITLE_SKELETON_DIMENSIONS.lineHeight : theme.typography[TYPOGRAPHY_TITLE_TOKENS_BY_LEVEL[level].lineHeight];
+    return /*#__PURE__*/ css({
+        cursor: 'progress',
+        width: '100%',
+        height: lineHeight,
+        display: inline ? 'inline-flex' : 'flex',
+        justifyContent: 'flex-start',
+        alignItems: 'center'
+    });
+}, (theme, level, inline)=>`${themeMemoKey(theme)}|${level ?? 'legacy'}|${Boolean(inline)}`);
+const getTitleFillStyles = memoize((theme, level)=>{
+    const fillHeight = level === undefined ? LEGACY_TITLE_SKELETON_DIMENSIONS.fillHeight : theme.typography[TYPOGRAPHY_TITLE_TOKENS_BY_LEVEL[level].fontSize] - TITLE_SKELETON_FILL_HEIGHT_REDUCTION;
+    return /*#__PURE__*/ css({
+        borderRadius: theme.general.borderRadiusBase,
+        height: fillHeight,
+        width: '100%'
+    });
+}, (theme, level)=>`${themeMemoKey(theme)}|${level ?? 'legacy'}`);
+const TitleSkeleton = ({ label, seed = '', frameRate = 60, style, level, inline = false, loading = true, loadingDescription = 'TitleSkeleton', ...restProps })=>{
+    const { theme } = useDesignSystemTheme();
+    const offsetWidth = getOffsets(seed)[0];
+    const Root = inline ? 'span' : 'div';
+    return /*#__PURE__*/ jsxs(Root, {
+        ...addDebugOutlineIfEnabled(),
+        css: getTitleContainerStyles(theme, level, inline),
+        style: style,
+        ...restProps,
+        children: [
+            loading && /*#__PURE__*/ jsx(LoadingState, {
+                description: loadingDescription
+            }),
+            /*#__PURE__*/ jsx("span", {
+                css: visuallyHidden,
+                children: label
+            }),
+            /*#__PURE__*/ jsx("span", {
+                "aria-hidden": true,
+                role: "presentation",
+                css: [
+                    getTitleFillStyles(theme, level),
+                    genSkeletonAnimatedColor(theme, frameRate),
+                    {
+                        width: `calc(100% - ${offsetWidth}px)`
+                    }
+                ]
+            })
+        ]
+    });
+};
+
 // Class names that can be used to reference children within
 // Should not be used outside of design system
 // TODO: PE-239 Maybe we could add "dangerous" into the names or make them completely random.
@@ -19820,10 +20240,9 @@ disabled: htmlDisabledProp, id, ...restProps }, ref) {
         value
     ]);
     const isIndeterminate = effectiveChecked === null;
-    // Self-scope the theme class on the root so the native token cascade resolves dark/light here,
-    // with no provider-emitted wrapper node in the consumer tree (DUBOIS-448).
-    const themeClass = useDuboisThemeClass();
-    const rootClassName = classnames(ROOT_CLASS$1, themeClass, className);
+    // Inherits the `--db-color-*` scope (theme-class + consumer override) from the DesignSystemProvider
+    // wrapper; no self-scoped theme class, so a consumer override set on that wrapper reaches here.
+    const rootClassName = classnames(ROOT_CLASS$1, className);
     // Skip `checked` when uncontrolled (avoids React's controlled-vs-uncontrolled warning when
     // a `defaultChecked` is also passed). Indeterminate drives controlled mode with checked=false.
     const checkedProp = isIndeterminate ? false : effectiveChecked;
@@ -20016,14 +20435,16 @@ const infoIconStyles = (theme)=>({
         color: theme.colors.textSecondary,
         pointerEvents: 'all'
     });
-const getNewChildren = (children, props, disabledReason, ref)=>{
+const getNewChildren = (children, props, disabledReason, // Supplied by the menu component so the tooltip renders above its content: the Du Bois Tooltip
+// portals to document.body at zIndexBase + 70 (~1070), which is below the menu's own z-index, so
+// without this it renders behind the open menu.
+zIndex)=>{
     const childCount = Children.count(children);
-    const tooltip = /*#__PURE__*/ jsx(LegacyTooltip, {
-        title: disabledReason,
-        placement: "right",
-        dangerouslySetAntdProps: {
-            getPopupContainer: ()=>ref.current || document.body
-        },
+    const tooltip = /*#__PURE__*/ jsx(Tooltip, {
+        componentId: "design-system.menu.disabled-reason.tooltip",
+        content: disabledReason,
+        side: "right",
+        zIndex: zIndex,
         children: /*#__PURE__*/ jsx("span", {
             "data-disabled-tooltip": true,
             css: (theme)=>infoIconStyles(theme),
@@ -20108,11 +20529,13 @@ const Root$a = ({ children, itemHtmlType, ...props })=>{
         })
     });
 };
-const Content$6 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, matchTriggerWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, ...props }, ref) {
+const Content$6 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, matchTriggerWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, className, style, ...props }, ref) {
     const { getPopupContainer } = useDesignSystemContext();
     const { theme } = useDesignSystemTheme();
     const { setIsOpen } = useDropdownContext();
     const { isInsideModal } = useModalContext();
+    const themeClass = useDuboisThemeClass();
+    const themeOverrideStyle = useDesignTokenOverrideStyles();
     return /*#__PURE__*/ jsx(DropdownMenu$1.Portal, {
         container: getPopupContainer && getPopupContainer(),
         children: /*#__PURE__*/ jsx(DropdownMenu$1.Content, {
@@ -20155,11 +20578,16 @@ const Content$6 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth
                 e.stopPropagation();
                 props?.onTouchMove?.(e);
             },
+            className: classnames(className, themeClass),
+            style: {
+                ...style,
+                ...themeOverrideStyle
+            },
             children: children
         })
     });
 });
-const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, onKeyDown, ...props }, ref) {
+const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, onKeyDown, className, style, ...props }, ref) {
     const { getPopupContainer } = useDesignSystemContext();
     const { theme } = useDesignSystemTheme();
     const [contentFitsInViewport, setContentFitsInViewport] = React__default.useState(true);
@@ -20204,6 +20632,8 @@ const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWi
         isOpen,
         checkAvailableWidth
     ]);
+    const themeClass = useDuboisThemeClass();
+    const themeOverrideStyle = useDesignTokenOverrideStyles();
     let transformCalc = `calc(var(--radix-dropdown-menu-content-available-width) + var(--radix-dropdown-menu-trigger-width) * -1)`;
     if (dataSide === 'left') {
         transformCalc = `calc(var(--radix-dropdown-menu-trigger-width) - var(--radix-dropdown-menu-content-available-width))`;
@@ -20235,6 +20665,11 @@ const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWi
                 onKeyDown?.(e);
             },
             ...props,
+            className: classnames(className, themeClass),
+            style: {
+                ...style,
+                ...themeOverrideStyle
+            },
             children: children
         })
     });
@@ -20304,7 +20739,7 @@ const Item$3 = /*#__PURE__*/ forwardRef(function Item({ children, disabledReason
         },
         ...props,
         ...eventContext.dataComponentProps,
-        children: getNewChildren(children, props, disabledReason, itemRef)
+        children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
     });
 });
 const Label$1 = /*#__PURE__*/ forwardRef(function Label({ children, ...props }, ref) {
@@ -20352,7 +20787,7 @@ const SubTrigger$1 = /*#__PURE__*/ forwardRef(function TriggerItem({ children, d
         },
         ...props,
         children: [
-            getNewChildren(children, props, disabledReason, subTriggerRef),
+            getNewChildren(children, props, disabledReason, getZIndex() + 1),
             /*#__PURE__*/ jsx(HintColumn, {
                 css: (theme)=>({
                         margin: CONSTANTS.subMenuIconMargin(theme),
@@ -20422,7 +20857,7 @@ const CheckboxItem$1 = /*#__PURE__*/ forwardRef(function CheckboxItem({ children
         },
         ...props,
         ...eventContext.dataComponentProps,
-        children: getNewChildren(children, props, disabledReason, checkboxItemRef)
+        children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
     });
 });
 const RadioGroup$1 = /*#__PURE__*/ forwardRef(function RadioGroup({ children, componentId, analyticsEvents, onValueChange, valueHasNoPii, ...props }, ref) {
@@ -20517,7 +20952,7 @@ const RadioItem$1 = /*#__PURE__*/ forwardRef(function RadioItem({ children, disa
                 checkboxItemStyles(theme)
             ],
         ...props,
-        children: getNewChildren(children, props, disabledReason, radioItemRef)
+        children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
     });
 });
 const SubContext = /*#__PURE__*/ createContext({
@@ -20787,18 +21222,20 @@ const SubTrigger = ({ children, disabledReason, withChevron, ...props })=>{
             props.onKeyDown?.(e);
         },
         children: [
-            getNewChildren(children, props, disabledReason, ref),
+            getNewChildren(children, props, disabledReason, getZIndex() + 1),
             withChevron && /*#__PURE__*/ jsx(ContextMenu.Hint, {
                 children: /*#__PURE__*/ jsx(ChevronRightIcon, {})
             })
         ]
     });
 };
-const Content$5 = ({ children, minWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, ...childrenProps })=>{
+const Content$5 = ({ children, minWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, className, style, ...childrenProps })=>{
     const { getPopupContainer } = useDesignSystemContext();
     const { theme } = useDesignSystemTheme();
     const { isInsideModal } = useModalContext();
     const { isOpen, setIsOpen } = useContextMenuProps();
+    const themeClass = useDuboisThemeClass();
+    const themeOverrideStyle = useDesignTokenOverrideStyles();
     return /*#__PURE__*/ jsx(ContextMenuPortal, {
         container: getPopupContainer && getPopupContainer(),
         children: isOpen && /*#__PURE__*/ jsx(ContextMenuContent, {
@@ -20833,13 +21270,20 @@ const Content$5 = ({ children, minWidth, forceCloseOnEscape, onEscapeKeyDown, on
                     minWidth
                 }
             ],
+            className: classnames(className, themeClass),
+            style: {
+                ...style,
+                ...themeOverrideStyle
+            },
             children: children
         })
     });
 };
-const SubContent = ({ children, minWidth, ...childrenProps })=>{
+const SubContent = ({ children, minWidth, className, style, ...childrenProps })=>{
     const { getPopupContainer } = useDesignSystemContext();
     const { theme } = useDesignSystemTheme();
+    const themeClass = useDuboisThemeClass();
+    const themeOverrideStyle = useDesignTokenOverrideStyles();
     return /*#__PURE__*/ jsx(ContextMenuPortal, {
         container: getPopupContainer && getPopupContainer(),
         children: /*#__PURE__*/ jsx(ContextMenuSubContent, {
@@ -20864,6 +21308,11 @@ const SubContent = ({ children, minWidth, ...childrenProps })=>{
                 }
                 childrenProps.onKeyDown?.(e);
             },
+            className: classnames(className, themeClass),
+            style: {
+                ...style,
+                ...themeOverrideStyle
+            },
             children: children
         })
     });
@@ -20908,7 +21357,7 @@ const Item$2 = ({ children, disabledReason, onClick, componentId, analyticsEvent
             props.onKeyDown?.(e);
         },
         ...eventContext.dataComponentProps,
-        children: getNewChildren(children, props, disabledReason, ref)
+        children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
     });
 };
 const CheckboxItem = ({ children, disabledReason, onCheckedChange, componentId, analyticsEvents, ...props })=>{
@@ -20959,7 +21408,7 @@ const CheckboxItem = ({ children, disabledReason, onCheckedChange, componentId,
                     width: theme.general.iconFontSize + theme.spacing.xs
                 }
             }),
-            getNewChildren(children, props, disabledReason, ref)
+            getNewChildren(children, props, disabledReason, getZIndex() + 1)
         ]
     });
 };
@@ -21005,7 +21454,7 @@ const RadioItem = ({ children, disabledReason, ...props })=>{
                 css: getMemoizedItemIndicatorStyles(theme),
                 children: /*#__PURE__*/ jsx(CheckIcon, {})
             }),
-            getNewChildren(children, props, disabledReason, ref)
+            getNewChildren(children, props, disabledReason, getZIndex() + 1)
         ]
     });
 };
@@ -22318,9 +22767,14 @@ const isValidCustomInputDate = (date, format$1)=>{
     if (!date) {
         return false;
     }
+    // A native <input type="datetime-local"> reports its value with a "T" separator
+    // ("2023-08-18T18:00"), while the date/time formats here use a space ("yyyy-MM-dd HH:mm").
+    // Without this normalization the round-trip check below can never match a native datetime
+    // value, so every keystroke would be rejected as invalid (VIZ-12021).
+    const normalizedDate = date.replace('T', ' ');
     try {
         // Parse the date string using the provided format
-        const parsedDate = parse(date, format$1, new Date());
+        const parsedDate = parse(normalizedDate, format$1, new Date());
         // Check if the parsed date is valid
         if (!isValid(parsedDate)) {
             return false;
@@ -22328,7 +22782,7 @@ const isValidCustomInputDate = (date, format$1)=>{
         // Additional check: ensure the formatted date matches the input
         // This prevents cases like parsing "2023-13-45" which might be invalid
         const formattedDate = format(parsedDate, format$1);
-        return formattedDate === date;
+        return formattedDate === normalizedDate;
     } catch (error) {
         return false;
     }
@@ -24370,11 +24824,13 @@ const getHintColumnStyles = (theme, disabled, textOverflowMode)=>{
 
 const defaultMaxHeight = 'var(--radix-popover-content-available-height)';
 const DialogComboboxContent = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
-({ children, loading, loadingDescription = 'DialogComboboxContent', matchTriggerWidth, textOverflowMode, maxHeight, maxWidth, minHeight, minWidth = 240, width, align = 'start', side = 'bottom', sideOffset = 4, onEscapeKeyDown, onKeyDown, forceCloseOnEscape, ...restProps }, forwardedRef)=>{
+({ children, loading, loadingDescription = 'DialogComboboxContent', matchTriggerWidth, textOverflowMode, maxHeight, maxWidth, minHeight, minWidth = 240, width, align = 'start', side = 'bottom', sideOffset = 4, onEscapeKeyDown, onKeyDown, forceCloseOnEscape, className, style, ...restProps }, forwardedRef)=>{
     const { theme } = useDesignSystemTheme();
     const { label, isInsideDialogCombobox, contentWidth, setContentWidth, textOverflowMode: contextTextOverflowMode, setTextOverflowMode, multiSelect, isOpen, rememberLastScrollPosition, setIsOpen } = useDialogComboboxContext();
     const { isInsideModal } = useModalContext();
     const { getPopupContainer } = useDesignSystemContext();
+    const themeClass = useDuboisThemeClass();
+    const themeOverrideStyle = useDesignTokenOverrideStyles();
     const [lastScrollPosition, setLastScrollPosition] = useState(0);
     if (!isInsideDialogCombobox) {
         throw new Error('`DialogComboboxContent` must be used within `DialogCombobox`');
@@ -24460,6 +24916,11 @@ const DialogComboboxContent = /*#__PURE__*/ forwardRef(// eslint-disable-next-li
             },
             ...restProps,
             ref: contentRef,
+            className: classnames(className, themeClass),
+            style: {
+                ...style,
+                ...themeOverrideStyle
+            },
             children: /*#__PURE__*/ jsx("div", {
                 css: {
                     display: 'flex',
@@ -24603,261 +25064,6 @@ const useDialogComboboxOptionListContext = ()=>{
     return useContext(DialogComboboxOptionListContext);
 };
 
-// @ts-expect-error `jest` is only available in tests
-const isInsideTest = ()=>typeof jest !== 'undefined';
-
-const DEFAULT_ANALYTICS_EVENTS$4 = [
-    DesignSystemEventProviderAnalyticsEventTypes.OnView
-];
-const slideUpAndFade = /*#__PURE__*/ keyframes({
-    from: {
-        opacity: 0,
-        transform: 'translateY(2px)'
-    },
-    to: {
-        opacity: 1,
-        transform: 'translateY(0)'
-    }
-});
-const slideRightAndFade = /*#__PURE__*/ keyframes({
-    from: {
-        opacity: 0,
-        transform: 'translateX(-2px)'
-    },
-    to: {
-        opacity: 1,
-        transform: 'translateX(0)'
-    }
-});
-const slideDownAndFade = /*#__PURE__*/ keyframes({
-    from: {
-        opacity: 0,
-        transform: 'translateY(-2px)'
-    },
-    to: {
-        opacity: 1,
-        transform: 'translateY(0)'
-    }
-});
-const slideLeftAndFade = /*#__PURE__*/ keyframes({
-    from: {
-        opacity: 0,
-        transform: 'translateX(2px)'
-    },
-    to: {
-        opacity: 1,
-        transform: 'translateX(0)'
-    }
-});
-const getTooltipStyles = (theme, clsPrefix)=>{
-    // Radix uses `data-state` to drive tooltip animations. However, due to a Radix bug, the animation CSS is not
-    // well-scoped. If the tooltip wraps another component that uses `data-state` (such as ToggleButton), the animation
-    // styles leak into the child component. We work around this by introducing our own `tooltip-data-state` attribute
-    // and redefining the animations based on that. This requires a *patch* to the Radix tooltip to swap `data-state`
-    // for `tooltip-data-state`: js/yarn/patches/@radix-ui-react-tooltip-npm-1.0.7-c7378e5c03.patch. This patch is applied
-    // via `yarn patch`. See https://databricks.atlassian.net/browse/DUBOIS-340 for original context.
-    //
-    // It is worth highlighting here, however, that we do not have a good way to distribute this patch outside of universe
-    // when `@databricks/design-system` is published to npm. Thus, this animation bug may still persist if this Tooltip
-    // component is used outside of universe alongside a Radix version that still has the underlying bug.
-    const dataStateAttr = 'tooltip-data-state';
-    const classTypography = `.${clsPrefix}-typography`;
-    const { isDarkMode } = theme;
-    const linkColor = isDarkMode ? theme.colors.blue600 : theme.colors.blue500;
-    const linkActiveColor = isDarkMode ? theme.colors.blue800 : theme.colors.blue300;
-    const linkHoverColor = isDarkMode ? theme.colors.blue700 : theme.colors.blue400;
-    return {
-        content: {
-            backgroundColor: theme.colors.tooltipBackgroundTooltip,
-            color: theme.colors.actionPrimaryTextDefault,
-            borderRadius: token(ShapeTokens.POPOVER_BORDER_RADIUS, theme.borders.borderRadiusSm),
-            fontSize: theme.typography.fontSizeMd,
-            padding: `${theme.spacing.xs}px ${theme.spacing.sm}px`,
-            lineHeight: theme.typography.lineHeightLg,
-            fontWeight: theme.typography.typographyRegularFontWeight,
-            boxShadow: theme.shadows.lg,
-            wordWrap: 'break-word',
-            whiteSpace: 'normal',
-            zIndex: theme.options.zIndexBase + 70,
-            willChange: 'transform, opacity',
-            [`&[${dataStateAttr}='delayed-open'][data-side='top']`]: {
-                animation: `${slideDownAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
-            },
-            [`&[${dataStateAttr}='delayed-open'][data-side='right']`]: {
-                animation: `${slideLeftAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
-            },
-            [`&[${dataStateAttr}='delayed-open'][data-side='bottom']`]: {
-                animation: `${slideUpAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
-            },
-            [`&[${dataStateAttr}='delayed-open'][data-side='left']`]: {
-                animation: `${slideRightAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
-            },
-            [`& a${classTypography}`]: {
-                '&, :focus': {
-                    color: linkColor,
-                    '.anticon': {
-                        color: linkColor
-                    }
-                },
-                ':active': {
-                    color: linkActiveColor,
-                    '.anticon': {
-                        color: linkActiveColor
-                    }
-                },
-                ':hover': {
-                    color: linkHoverColor,
-                    '.anticon': {
-                        color: linkHoverColor
-                    }
-                }
-            }
-        },
-        arrow: {
-            fill: theme.colors.tooltipBackgroundTooltip,
-            zIndex: theme.options.zIndexBase + 70,
-            visibility: 'visible'
-        }
-    };
-};
-const getMemoizedTooltipStyles = memoize(getTooltipStyles, (theme, clsPrefix)=>`${themeMemoKey(theme)}|${clsPrefix}`);
-/**
- * Radix's portal only mounts its children while the tooltip is open, so keeping the content work
- * here avoids paying for theme, style, and analytics hooks on every closed tooltip. The portal
- * composes a ref onto whatever it renders, so this has to forward it on to the content.
- */ const TooltipContent = /*#__PURE__*/ forwardRef(function TooltipContent({ content, side, sideOffset, align, maxWidth, componentId, analyticsEvents, zIndex, shouldReportViewRef, ...props }, ref) {
-    const { theme, classNamePrefix } = useDesignSystemTheme();
-    const tooltipStyles = getMemoizedTooltipStyles(theme, classNamePrefix);
-    const contentCss = useMemo(()=>[
-            tooltipStyles['content'],
-            {
-                maxWidth
-            },
-            zIndex !== undefined ? {
-                zIndex
-            } : undefined
-        ], [
-        tooltipStyles,
-        maxWidth,
-        zIndex
-    ]);
-    const eventContext = useDesignSystemEventComponentCallbacks({
-        componentType: DesignSystemEventProviderComponentTypes.Tooltip,
-        componentId,
-        analyticsEvents
-    });
-    useEffect(()=>{
-        if (shouldReportViewRef.current) {
-            eventContext.onView();
-            shouldReportViewRef.current = false;
-        }
-    }, [
-        eventContext,
-        shouldReportViewRef
-    ]);
-    return /*#__PURE__*/ jsxs(RadixTooltip.Content, {
-        ref: ref,
-        side: side,
-        align: align,
-        sideOffset: sideOffset ?? theme.spacing.sm,
-        arrowPadding: theme.spacing.md,
-        css: contentCss,
-        ...props,
-        ...eventContext.dataComponentProps,
-        children: [
-            content,
-            /*#__PURE__*/ jsx(RadixTooltip.Arrow, {
-                css: tooltipStyles['arrow']
-            })
-        ]
-    });
-});
-/**
- * Owns the popup container lookup so that a tooltip which never opens does not subscribe to the
- * design system context.
- */ const TooltipPortal = (props)=>{
-    const { getPopupContainer } = useDesignSystemContext();
-    return /*#__PURE__*/ jsx(RadixTooltip.Portal, {
-        container: getPopupContainer?.(),
-        children: /*#__PURE__*/ jsx(TooltipContent, {
-            ...props
-        })
-    });
-};
-/**
- * If the tooltip is not displaying for you, it might be because the child does not accept the onMouseEnter, onMouseLeave, onPointerEnter,
- * onPointerLeave, onFocus, and onClick props. You can add these props to your child component, or wrap it in a `<span>` tag.
- *
- * See go/dubois.
- */ const Tooltip = ({ children, content, defaultOpen = false, delayDuration = 350, side = 'top', sideOffset, align = 'center', maxWidth = 250, componentId, analyticsEvents = DEFAULT_ANALYTICS_EVENTS$4, open, onOpenChange, disableHoverableContent, zIndex, ...props })=>{
-    disableHoverableContent ??= true;
-    const firstView = useRef(true);
-    const shouldReportView = useRef(false);
-    // The portal renders nothing while closed, but it and its Presence still mount for every tooltip
-    // on the page. Root and Trigger stay put so the child never changes position in the tree.
-    const [everOpened, setEverOpened] = useState(defaultOpen);
-    // A consumer-controlled `open` never calls onOpenChange, so it has to latch here instead.
-    if (open && !everOpened) {
-        setEverOpened(true);
-    }
-    const handleOpenChange = useCallback((open)=>{
-        if (open) {
-            setEverOpened(true);
-            if (firstView.current) {
-                shouldReportView.current = true;
-                firstView.current = false;
-            }
-        }
-        onOpenChange?.(open);
-    }, [
-        onOpenChange
-    ]);
-    const IS_INSIDE_TEST = isInsideTest();
-    return /*#__PURE__*/ jsxs(RadixTooltip.Root, {
-        defaultOpen: defaultOpen,
-        delayDuration: IS_INSIDE_TEST ? 10 : delayDuration,
-        open: open,
-        onOpenChange: handleOpenChange,
-        disableHoverableContent: disableHoverableContent,
-        children: [
-            /*#__PURE__*/ jsx(RadixTooltip.Trigger, {
-                asChild: true,
-                children: children
-            }),
-            content && everOpened ? /*#__PURE__*/ jsx(TooltipPortal, {
-                content: content,
-                side: side,
-                sideOffset: sideOffset,
-                align: align,
-                maxWidth: maxWidth,
-                componentId: componentId,
-                analyticsEvents: analyticsEvents,
-                zIndex: zIndex,
-                shouldReportViewRef: shouldReportView,
-                ...props
-            }) : null
-        ]
-    });
-};
-
-const getMemoizedIconCss = memoize((theme)=>({
-        color: theme.colors.textSecondary
-    }));
-const InfoTooltip = ({ content, iconTitle = 'More information', ...props })=>{
-    const { theme } = useDesignSystemTheme();
-    return /*#__PURE__*/ jsx(Tooltip, {
-        content: content,
-        ...props,
-        children: /*#__PURE__*/ jsx(InfoSmallIcon, {
-            tabIndex: 0,
-            "aria-hidden": "false",
-            "aria-label": iconTitle,
-            alt: iconTitle,
-            css: getMemoizedIconCss(theme)
-        })
-    });
-};
-
 const DuboisDialogComboboxOptionListCheckboxItem = /*#__PURE__*/ forwardRef(({ value, checked, indeterminate, onChange, children, disabledReason, _TYPE, ...props }, ref)=>{
     const { theme } = useDesignSystemTheme();
     const { textOverflowMode, contentWidth, disableMouseOver, setDisableMouseOver } = useDialogComboboxContext();
@@ -25800,8 +26006,6 @@ const DEFAULT_HEIGHT = 320;
 const MIN_HEIGHT = 320;
 const MAX_HEIGHT = '100vh';
 const DEFAULT_POSITION = 'right';
-const ZINDEX_OVERLAY = 1;
-const ZINDEX_CONTENT = ZINDEX_OVERLAY + 1;
 // Hoisted to module level so the keyframe definitions are computed once and shared
 // across every drawer mount instead of regenerated per-render.
 const OVERLAY_SHOW_RIGHT = /*#__PURE__*/ keyframes({
@@ -25832,12 +26036,11 @@ const OVERLAY_SHOW_BOTTOM = /*#__PURE__*/ keyframes({
 const DEFAULT_ANALYTICS_EVENTS$3 = [
     DesignSystemEventProviderAnalyticsEventTypes.OnView
 ];
-/** Context to track if drawer is nested within a parent drawer */ const DrawerContext = /*#__PURE__*/ React__default.createContext({
-    isParentDrawerOpen: false
-});
 const Content$4 = ({ children, footer, title, width, height, position: positionOverride, useCustomScrollBehavior, expandContentToFullHeight, disableOpenAutoFocus, onInteractOutside, seeThrough, hideClose, closeOnClickOutside, onCloseClick, componentId = 'design_system.drawer.content', analyticsEvents = DEFAULT_ANALYTICS_EVENTS$3, size = 'default', ...props })=>{
     const { getPopupContainer } = useDesignSystemContext();
     const { theme } = useDesignSystemTheme();
+    const themeClass = useDuboisThemeClass();
+    const themeOverrideStyle = useDesignTokenOverrideStyles();
     const horizontalContentPadding = size === 'small' ? theme.spacing.md : theme.spacing.lg;
     const [shouldContentBeFocusable, setShouldContentBeFocusable] = useState(false);
     const contentContainerRef = useRef(null);
@@ -25902,7 +26105,7 @@ const Content$4 = ({ children, footer, title, width, height, position: positionO
         boxShadow: theme.shadows.xl,
         position: 'fixed',
         boxSizing: 'border-box',
-        zIndex: theme.options.zIndexBase + ZINDEX_CONTENT,
+        zIndex: theme.options.zIndexBase + DRAWER_ZINDEX_CONTENT_OFFSET,
         ...isSidePosition ? {
             top: 0,
             width: width ?? DEFAULT_WIDTH$1,
@@ -25950,7 +26153,7 @@ const Content$4 = ({ children, footer, title, width, height, position: positionO
                     position: 'fixed',
                     inset: 0,
                     // needed so that it covers the PersonaNavSidebar
-                    zIndex: theme.options.zIndexBase + ZINDEX_OVERLAY,
+                    zIndex: theme.options.zIndexBase + DRAWER_ZINDEX_OVERLAY_OFFSET,
                     opacity: seeThrough || isParentDrawerOpen ? 0 : 1
                 }),
                 onClick: closeOnClickOutside ? onCloseClick : undefined
@@ -25969,8 +26172,10 @@ const Content$4 = ({ children, footer, title, width, height, position: positionO
                         } : {
                             borderLeft: `1px solid ${theme.colors.borderDecorative}`
                         }
-                    }
+                    },
+                    ...themeOverrideStyle
                 },
+                className: themeClass,
                 onKeyDownCapture: handleKeyDownCapture,
                 onWheel: (e)=>{
                     e.stopPropagation();
@@ -25988,95 +26193,95 @@ const Content$4 = ({ children, footer, title, width, height, position: positionO
                 onInteractOutside: onInteractOutside,
                 ...props,
                 ...eventContext.dataComponentProps,
-                children: /*#__PURE__*/ jsxs(ApplyDesignSystemContextOverrides, {
+                children: /*#__PURE__*/ jsx(ApplyDesignSystemContextOverrides, {
                     getPopupContainer: ()=>contentContainerRef.current ?? document.body,
-                    children: [
-                        (title || !hideClose) && /*#__PURE__*/ jsxs("div", {
-                            css: /*#__PURE__*/ css({
-                                flexGrow: 0,
-                                flexShrink: 1,
-                                display: 'flex',
-                                flexDirection: 'row',
-                                justifyContent: 'space-between',
-                                alignItems: 'center',
-                                paddingRight: horizontalContentPadding,
-                                paddingLeft: horizontalContentPadding,
-                                marginBottom: theme.spacing.sm
-                            }),
-                            children: [
-                                /*#__PURE__*/ jsx(DialogPrimitive.Title, {
-                                    title: typeof title === 'string' ? title : undefined,
-                                    asChild: typeof title === 'string',
-                                    css: /*#__PURE__*/ css({
-                                        flexGrow: 1,
-                                        marginBottom: 0,
-                                        marginTop: 0,
-                                        whiteSpace: 'nowrap',
-                                        overflow: 'hidden'
-                                    }),
-                                    children: typeof title === 'string' ? /*#__PURE__*/ jsx(Typography.Title, {
-                                        elementLevel: 2,
-                                        level: size === 'small' ? 3 : 2,
-                                        withoutMargins: true,
-                                        ellipsis: true,
-                                        children: title
-                                    }) : title
+                    children: /*#__PURE__*/ jsxs(DrawerContext.Provider, {
+                        value: {
+                            isParentDrawerOpen: true
+                        },
+                        children: [
+                            (title || !hideClose) && /*#__PURE__*/ jsxs("div", {
+                                css: /*#__PURE__*/ css({
+                                    flexGrow: 0,
+                                    flexShrink: 1,
+                                    display: 'flex',
+                                    flexDirection: 'row',
+                                    justifyContent: 'space-between',
+                                    alignItems: 'center',
+                                    paddingRight: horizontalContentPadding,
+                                    paddingLeft: horizontalContentPadding,
+                                    marginBottom: theme.spacing.sm
                                 }),
-                                !hideClose && /*#__PURE__*/ jsx(DialogPrimitive.Close, {
-                                    asChild: true,
-                                    css: /*#__PURE__*/ css({
-                                        flexShrink: 1,
-                                        marginLeft: theme.spacing.xs
+                                children: [
+                                    /*#__PURE__*/ jsx(DialogPrimitive.Title, {
+                                        title: typeof title === 'string' ? title : undefined,
+                                        asChild: typeof title === 'string',
+                                        css: /*#__PURE__*/ css({
+                                            flexGrow: 1,
+                                            marginBottom: 0,
+                                            marginTop: 0,
+                                            whiteSpace: 'nowrap',
+                                            overflow: 'hidden'
+                                        }),
+                                        children: typeof title === 'string' ? /*#__PURE__*/ jsx(Typography.Title, {
+                                            elementLevel: 2,
+                                            level: size === 'small' ? 3 : 2,
+                                            withoutMargins: true,
+                                            ellipsis: true,
+                                            children: title
+                                        }) : title
                                     }),
-                                    onClick: onCloseClick,
-                                    children: /*#__PURE__*/ jsx(Button$1, {
-                                        componentId: `${componentId}.close`,
-                                        "aria-label": "Close",
-                                        icon: /*#__PURE__*/ jsx(CloseIcon, {}),
-                                        size: size === 'small' ? 'small' : undefined
+                                    !hideClose && /*#__PURE__*/ jsx(DialogPrimitive.Close, {
+                                        asChild: true,
+                                        css: /*#__PURE__*/ css({
+                                            flexShrink: 1,
+                                            marginLeft: theme.spacing.xs
+                                        }),
+                                        onClick: onCloseClick,
+                                        children: /*#__PURE__*/ jsx(Button$1, {
+                                            componentId: `${componentId}.close`,
+                                            "aria-label": "Close",
+                                            icon: /*#__PURE__*/ jsx(CloseIcon, {}),
+                                            size: size === 'small' ? 'small' : undefined
+                                        })
                                     })
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ jsxs("div", {
-                            ref: mergedContentRef,
-                            // Needed to make drawer content focusable when scrollable for keyboard-only users to be able to focus & scroll
-                            // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-                            tabIndex: shouldContentBeFocusable ? 0 : -1,
-                            css: /*#__PURE__*/ css({
-                                // in order to have specific content in the drawer scroll with fixed title
-                                // hide overflow here and remove padding on the right side; content will be responsible for setting right padding
-                                // so that the scrollbar will appear in the padding right gutter
-                                paddingRight: useCustomScrollBehavior ? 0 : horizontalContentPadding,
-                                paddingLeft: horizontalContentPadding,
-                                overflowY: useCustomScrollBehavior ? 'hidden' : 'auto',
-                                height: expandContentToFullHeight ? '100%' : undefined,
-                                ...!useCustomScrollBehavior ? getShadowScrollStyles(theme) : {}
+                                ]
                             }),
-                            children: [
-                                /*#__PURE__*/ jsx(DrawerContext.Provider, {
-                                    value: {
-                                        isParentDrawerOpen: true
-                                    },
-                                    children: children
+                            /*#__PURE__*/ jsxs("div", {
+                                ref: mergedContentRef,
+                                // Needed to make drawer content focusable when scrollable for keyboard-only users to be able to focus & scroll
+                                // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+                                tabIndex: shouldContentBeFocusable ? 0 : -1,
+                                css: /*#__PURE__*/ css({
+                                    // in order to have specific content in the drawer scroll with fixed title
+                                    // hide overflow here and remove padding on the right side; content will be responsible for setting right padding
+                                    // so that the scrollbar will appear in the padding right gutter
+                                    paddingRight: useCustomScrollBehavior ? 0 : horizontalContentPadding,
+                                    paddingLeft: horizontalContentPadding,
+                                    overflowY: useCustomScrollBehavior ? 'hidden' : 'auto',
+                                    height: expandContentToFullHeight ? '100%' : undefined,
+                                    ...!useCustomScrollBehavior ? getShadowScrollStyles(theme) : {}
                                 }),
-                                !footer && /*#__PURE__*/ jsx(Spacer, {
-                                    size: size === 'small' ? 'md' : 'lg'
-                                })
-                            ]
-                        }),
-                        footer && /*#__PURE__*/ jsx("div", {
-                            style: {
-                                paddingTop: theme.spacing.md,
-                                paddingRight: horizontalContentPadding,
-                                paddingLeft: horizontalContentPadding,
-                                paddingBottom: size === 'small' ? theme.spacing.md : theme.spacing.lg,
-                                flexGrow: 0,
-                                flexShrink: 1
-                            },
-                            children: footer
-                        })
-                    ]
+                                children: [
+                                    children,
+                                    !footer && /*#__PURE__*/ jsx(Spacer, {
+                                        size: size === 'small' ? 'md' : 'lg'
+                                    })
+                                ]
+                            }),
+                            footer && /*#__PURE__*/ jsx("div", {
+                                style: {
+                                    paddingTop: theme.spacing.md,
+                                    paddingRight: horizontalContentPadding,
+                                    paddingLeft: horizontalContentPadding,
+                                    paddingBottom: size === 'small' ? theme.spacing.md : theme.spacing.lg,
+                                    flexGrow: 0,
+                                    flexShrink: 1
+                                },
+                                children: footer
+                            })
+                        ]
+                    })
                 })
             })
         ]
@@ -26993,7 +27198,7 @@ const AntDRadioInternal = // eslint-disable-next-line react-component-name/react
             onChange: onChangeWrapper,
             ref: ref,
             "data-component-type": contextualComponentId ? DesignSystemEventProviderComponentTypes.RadioGroup : DesignSystemEventProviderComponentTypes.Radio,
-            // eslint-disable-next-line @databricks/no-dynamic-property-value -- Context component ID is validated through the RadioGroup exempt:8b3795a8-d0ff-4b21-888c-a6fbd0f3d7f2
+            // oxlint-disable-next-line @databricks/no-dynamic-property-value -- Context component ID is validated through the RadioGroup exempt:8b3795a8-d0ff-4b21-888c-a6fbd0f3d7f2
             "data-component-id": contextualComponentId ?? componentId,
             children: /*#__PURE__*/ jsx(RestoreAntDDefaultClsPrefix, {
                 children: children
@@ -27237,10 +27442,9 @@ const NativeRadio = /*#__PURE__*/ forwardRef(function NativeRadio({ children, __
         effectiveName,
         id
     ]);
-    // Self-scope the theme class on the root so the native token cascade resolves dark/light here,
-    // with no provider-emitted wrapper node in the consumer tree (DUBOIS-448).
-    const themeClass = useDuboisThemeClass();
-    const rootClassName = classnames(ROOT_CLASS, themeClass, className);
+    // Inherits the `--db-color-*` scope (theme-class + consumer override) from the DesignSystemProvider
+    // wrapper; no self-scoped theme class, so a consumer override set on that wrapper reaches here.
+    const rootClassName = classnames(ROOT_CLASS, className);
     // In a group, render the GROUP's data-component-* attributes so a Form submission
     // triggered by this radio resolves the group as the referrer (extractReferrerComponent
     // reads document.activeElement.dataset). Standalone radios render their own.
@@ -27715,7 +27919,7 @@ const getSelectedOptionLabel = (children, value)=>{
             // SimpleSelect emits its own value change events rather than emitting them from the underlying
             // DialogCombobox due to how SimpleSelect sets its initial state. The Select componentId is explicitly
             // set to undefined to prevent it from emitting events if the componentId prop is required in the future.
-            // eslint-disable-next-line @databricks/no-dynamic-property-value -- Valid case exempt:e5d37a4d-10cd-4a8f-a964-2223405cc738
+            // oxlint-disable-next-line @databricks/no-dynamic-property-value -- Valid case exempt:e5d37a4d-10cd-4a8f-a964-2223405cc738
             componentId: undefined,
             value: internalValue,
             placeholder: placeholder,
@@ -27820,7 +28024,10 @@ const mapItemsToString = (items, itemToString)=>{
 };
 const TypeaheadComboboxStateChangeTypes = useCombobox.stateChangeTypes;
 const TypeaheadComboboxMultiSelectStateChangeTypes = useMultipleSelection.stateChangeTypes;
-function useComboboxState({ allItems, items, itemToString, onIsOpenChange, allowNewValue = false, formValue, formOnChange, formOnBlur, componentId, valueHasNoPii, analyticsEvents, matcher, preventUnsetOnBlur = false, selectedMatcher, ...props }) {
+/**
+ * Deprecated in favor of `TypeaheadComboboxV2`.
+ * @deprecated
+ */ function useComboboxState({ allItems, items, itemToString, onIsOpenChange, allowNewValue = false, formValue, formOnChange, formOnBlur, componentId, valueHasNoPii, analyticsEvents, matcher, preventUnsetOnBlur = false, selectedMatcher, ...props }) {
     const getFilteredItems = useCallback((inputValue)=>{
         const lowerCasedInputValue = inputValue?.toLowerCase() ?? '';
         // If the input is empty or if there is no matcher supplied, do not filter
@@ -27971,7 +28178,10 @@ function useComboboxState({ allItems, items, itemToString, onIsOpenChange, allow
     };
     return comboboxState;
 }
-function useMultipleSelectionState(selectedItems, setSelectedItems, { componentId, analyticsEvents = [
+/**
+ * Deprecated in favor of `TypeaheadComboboxV2`.
+ * @deprecated
+ */ function useMultipleSelectionState(selectedItems, setSelectedItems, { componentId, analyticsEvents = [
     DesignSystemEventProviderAnalyticsEventTypes.OnValueChange
 ], valueHasNoPii, itemToString }) {
     const memoizedAnalyticsEvents = useMemo(()=>analyticsEvents, [
@@ -28004,17 +28214,17 @@ const useTypeaheadComboboxContext = ()=>{
     return useContext(TypeaheadComboboxContext);
 };
 
-const CHECK_ICON_CSS = {
+const CHECK_ICON_CSS$1 = {
     paddingTop: 2
 };
-const PLACEHOLDER_ICON_STYLE = {
+const PLACEHOLDER_ICON_STYLE$1 = {
     width: 16,
     flexShrink: 0
 };
-const DISABLED_REASON_ROW_CSS = {
+const DISABLED_REASON_ROW_CSS$1 = {
     display: 'flex'
 };
-const getMenuItemStyles = memoize((theme, isHighlighted, disabled)=>/*#__PURE__*/ css({
+const getMenuItemStyles$1 = memoize((theme, isHighlighted, disabled)=>/*#__PURE__*/ css({
         ...disabled && {
             pointerEvents: 'none',
             color: theme.colors.actionDisabledText
@@ -28023,7 +28233,7 @@ const getMenuItemStyles = memoize((theme, isHighlighted, disabled)=>/*#__PURE__*
             background: theme.colors.actionTertiaryBackgroundHover
         }
     }), (theme, isHighlighted, disabled)=>`${themeMemoKey(theme)}|${isHighlighted}|${Boolean(disabled)}`);
-const getLabelStyles$1 = memoize((theme, textOverflowMode)=>/*#__PURE__*/ css({
+const getLabelStyles$3 = memoize((theme, textOverflowMode)=>/*#__PURE__*/ css({
         marginLeft: theme.spacing.sm,
         fontSize: theme.typography.fontSizeBase,
         fontStyle: 'normal',
@@ -28036,7 +28246,10 @@ const getLabelStyles$1 = memoize((theme, textOverflowMode)=>/*#__PURE__*/ css({
             whiteSpace: 'nowrap'
         }
     }), (theme, textOverflowMode)=>`${themeMemoKey(theme)}|${textOverflowMode}`);
-const TypeaheadComboboxMenuItem = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
+/**
+ * Deprecated in favor of `TypeaheadComboboxV2`.
+ * @deprecated
+ */ const TypeaheadComboboxMenuItem$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
 ({ item, index, comboboxState, textOverflowMode = 'multiline', isDisabled, disabledReason, hintContent, onClick: onClickProp, children, ...restProps }, ref)=>{
     const { selectedItem, highlightedIndex, getItemProps, isOpen } = comboboxState;
     const isSelected = isEqual(selectedItem, item);
@@ -28089,21 +28302,21 @@ const TypeaheadComboboxMenuItem = /*#__PURE__*/ forwardRef(// eslint-disable-nex
         onClick: handleClick,
         css: [
             getComboboxOptionItemWrapperStyles(theme),
-            getMenuItemStyles(theme, isHighlighted, isDisabled)
+            getMenuItemStyles$1(theme, isHighlighted, isDisabled)
         ],
         ...downshiftItemProps,
         ...restProps,
         children: [
             isSelected ? /*#__PURE__*/ jsx(CheckIcon, {
-                css: CHECK_ICON_CSS
+                css: CHECK_ICON_CSS$1
             }) : /*#__PURE__*/ jsx("div", {
-                style: PLACEHOLDER_ICON_STYLE
+                style: PLACEHOLDER_ICON_STYLE$1
             }),
             /*#__PURE__*/ jsxs("label", {
-                css: getLabelStyles$1(theme, textOverflowMode),
+                css: getLabelStyles$3(theme, textOverflowMode),
                 children: [
                     isDisabled && disabledReason ? /*#__PURE__*/ jsxs("div", {
-                        css: DISABLED_REASON_ROW_CSS,
+                        css: DISABLED_REASON_ROW_CSS$1,
                         children: [
                             /*#__PURE__*/ jsx("div", {
                                 children: children
@@ -28127,11 +28340,14 @@ const TypeaheadComboboxMenuItem = /*#__PURE__*/ forwardRef(// eslint-disable-nex
         ]
     });
 });
-TypeaheadComboboxMenuItem.defaultProps = {
+TypeaheadComboboxMenuItem$1.defaultProps = {
     _type: 'TypeaheadComboboxMenuItem'
 };
 
-const TypeaheadComboboxCheckboxItem = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
+/**
+ * Deprecated in favor of `TypeaheadComboboxV2`.
+ * @deprecated
+ */ const TypeaheadComboboxCheckboxItem = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
 ({ item, index, comboboxState, selectedItems, selectedMatcher, textOverflowMode = 'multiline', isDisabled, disabledReason, hintContent, onClick: onClickProp, children, ...restProps }, ref)=>{
     const { highlightedIndex, getItemProps, isOpen } = comboboxState;
     const isHighlighted = highlightedIndex === index;
@@ -28184,7 +28400,7 @@ const TypeaheadComboboxCheckboxItem = /*#__PURE__*/ forwardRef(// eslint-disable
         onClick: handleClick,
         css: [
             getComboboxOptionItemWrapperStyles(theme),
-            getMenuItemStyles(theme, isHighlighted, isDisabled)
+            getMenuItemStyles$1(theme, isHighlighted, isDisabled)
         ],
         ...downshiftItemProps,
         ...restProps,
@@ -28230,7 +28446,7 @@ TypeaheadComboboxCheckboxItem.defaultProps = {
     _type: 'TypeaheadComboboxCheckboxItem'
 };
 
-const getSelectedItemStyles = memoize((theme, disabled)=>/*#__PURE__*/ css({
+const getSelectedItemStyles$1 = memoize((theme, disabled)=>/*#__PURE__*/ css({
         backgroundColor: theme.colors.tagDefault,
         borderRadius: theme.general.borderRadiusBase,
         color: theme.colors.textPrimary,
@@ -28253,7 +28469,7 @@ const getSelectedItemStyles = memoize((theme, disabled)=>/*#__PURE__*/ css({
             pointerEvents: 'none'
         }
     }), (theme, disabled)=>`${themeMemoKey(theme)}|${Boolean(disabled)}`);
-const getIconContainerStyles = memoize((theme, disabled)=>/*#__PURE__*/ css({
+const getIconContainerStyles$1 = memoize((theme, disabled)=>/*#__PURE__*/ css({
         paddingLeft: theme.spacing.xs / 2,
         paddingRight: theme.spacing.xs / 2,
         borderTopRightRadius: theme.general.borderRadiusBase,
@@ -28276,31 +28492,34 @@ const getIconContainerStyles = memoize((theme, disabled)=>/*#__PURE__*/ css({
             color: theme.colors.actionDisabledText
         }
     }), (theme, disabled)=>`${themeMemoKey(theme)}|${Boolean(disabled)}`);
-const getXIconStyles = memoize((theme)=>/*#__PURE__*/ css({
+const getXIconStyles$1 = memoize((theme)=>/*#__PURE__*/ css({
         fontSize: theme.typography.fontSizeSm
     }));
-const getLabelStyles = memoize((theme, disabled)=>({
+const getLabelStyles$2 = memoize((theme, disabled)=>({
         marginRight: 2,
         ...disabled && {
             color: theme.colors.actionDisabledText
         }
     }), (theme, disabled)=>`${themeMemoKey(theme)}|${disabled}`);
-const TypeaheadComboboxSelectedItem = /*#__PURE__*/ forwardRef(({ label, item, getSelectedItemProps, removeSelectedItem, disabled, ...restProps }, ref)=>{
+/**
+ * Deprecated in favor of `TypeaheadComboboxV2`.
+ * @deprecated
+ */ const TypeaheadComboboxSelectedItem$1 = /*#__PURE__*/ forwardRef(({ label, item, getSelectedItemProps, removeSelectedItem, disabled, ...restProps }, ref)=>{
     const { theme } = useDesignSystemTheme();
     return /*#__PURE__*/ jsxs("span", {
         ...getSelectedItemProps({
             selectedItem: item
         }),
-        css: getSelectedItemStyles(theme, disabled),
+        css: getSelectedItemStyles$1(theme, disabled),
         ref: ref,
         ...restProps,
         children: [
             /*#__PURE__*/ jsx("span", {
-                css: getLabelStyles(theme, Boolean(disabled)),
+                css: getLabelStyles$2(theme, Boolean(disabled)),
                 children: label
             }),
             /*#__PURE__*/ jsx("span", {
-                css: getIconContainerStyles(theme, disabled),
+                css: getIconContainerStyles$1(theme, disabled),
                 role: "button",
                 "aria-label": "Remove selected item",
                 onClick: (e)=>{
@@ -28311,31 +28530,34 @@ const TypeaheadComboboxSelectedItem = /*#__PURE__*/ forwardRef(({ label, item, g
                 },
                 children: /*#__PURE__*/ jsx(CloseIcon, {
                     "aria-hidden": true,
-                    css: getXIconStyles(theme)
+                    css: getXIconStyles$1(theme)
                 })
             })
         ]
     });
 });
 
-const getCountBadgeOverlayStyles = memoize((theme, disabled)=>({
+const getCountBadgeOverlayStyles$1 = memoize((theme, disabled)=>({
         paddingInlineEnd: theme.spacing.xs,
         ...disabled && {
             color: theme.colors.actionDisabledText
         }
     }), (theme, disabled)=>`${themeMemoKey(theme)}|${disabled}`);
-const CountBadge = ({ countStartAt, totalCount, disabled })=>{
+const CountBadge$1 = ({ countStartAt, totalCount, disabled })=>{
     const { theme } = useDesignSystemTheme();
     return /*#__PURE__*/ jsx("div", {
         css: [
-            getSelectedItemStyles(theme),
-            getCountBadgeOverlayStyles(theme, Boolean(disabled))
+            getSelectedItemStyles$1(theme),
+            getCountBadgeOverlayStyles$1(theme, Boolean(disabled))
         ],
         children: countStartAt ? `+${totalCount - countStartAt}` : totalCount
     });
 };
 
-const DuboisTypeaheadComboboxFooter = ({ children, ...restProps })=>{
+/**
+ * Deprecated in favor of `TypeaheadComboboxV2`.
+ * @deprecated
+ */ const DuboisTypeaheadComboboxFooter = ({ children, ...restProps })=>{
     const { theme } = useDesignSystemTheme();
     const { isInsideTypeaheadCombobox } = useTypeaheadComboboxContext();
     if (!isInsideTypeaheadCombobox) {
@@ -28350,7 +28572,10 @@ const DuboisTypeaheadComboboxFooter = ({ children, ...restProps })=>{
 DuboisTypeaheadComboboxFooter.defaultProps = {
     _type: 'TypeaheadComboboxFooter'
 };
-const TypeaheadComboboxFooter = DuboisTypeaheadComboboxFooter;
+/**
+ * Deprecated in favor of `TypeaheadComboboxV2`.
+ * @deprecated
+ */ const TypeaheadComboboxFooter = DuboisTypeaheadComboboxFooter;
 
 const getHintStyles = (classNamePrefix, theme)=>{
     const styles = {
@@ -31455,6 +31680,132 @@ const LegacyTable = (props)=>{
     });
 };
 
+// Module-level caches. Both styles depend only on theme (and zIndex), so share one
+// object across every LegacyTooltip instance instead of allocating per render.
+const TRIGGER = [
+    'hover',
+    'focus'
+];
+const getMemoizedDefaultOverlayInnerStyle = memoize((theme)=>({
+        backgroundColor: '#2F3941',
+        lineHeight: '22px',
+        padding: '4px 8px',
+        boxShadow: theme.general.shadowLow,
+        ...getDarkModePortalStyles(theme)
+    }));
+const getMemoizedDefaultOverlayStyle = memoize((theme)=>({
+        zIndex: theme.options.zIndexBase + 70
+    }), (theme)=>String(theme.options.zIndexBase));
+const getMemoizedAnimationCss = memoize((enableAnimation)=>/*#__PURE__*/ css({
+        ...getAnimationCss(enableAnimation)
+    }));
+/**
+ * `LegacyTooltip` is deprecated in favor of the new `Tooltip` component
+ * @deprecated
+ */ const LegacyTooltip = ({ children, title, placement = 'top', dataTestId, dangerouslySetAntdProps, silenceScreenReader = false, useAsLabel = false, ...props })=>{
+    const { theme } = useDesignSystemTheme();
+    const tooltipRef = useRef(null);
+    const duboisId = useUniqueId('dubois-tooltip-component-');
+    const id = dangerouslySetAntdProps?.id ? dangerouslySetAntdProps?.id : duboisId;
+    if (!title) {
+        return /*#__PURE__*/ jsx(React__default.Fragment, {
+            children: children
+        });
+    }
+    const titleProps = silenceScreenReader ? {} : {
+        'aria-live': 'polite',
+        'aria-relevant': 'additions'
+    };
+    if (dataTestId) {
+        titleProps['data-testid'] = dataTestId;
+    }
+    const liveTitle = title && /*#__PURE__*/ React__default.isValidElement(title) ? /*#__PURE__*/ React__default.cloneElement(title, titleProps) : /*#__PURE__*/ jsx("span", {
+        ...titleProps,
+        children: title
+    });
+    const ariaProps = {
+        'aria-hidden': false
+    };
+    const addAriaProps = (e)=>{
+        if (!tooltipRef.current || e.currentTarget.hasAttribute('aria-describedby') || e.currentTarget.hasAttribute('aria-labelledby')) {
+            return;
+        }
+        if (id) {
+            e.currentTarget.setAttribute('aria-live', 'polite');
+            if (useAsLabel) {
+                e.currentTarget.setAttribute('aria-labelledby', id);
+            } else {
+                e.currentTarget.setAttribute('aria-describedby', id);
+            }
+        }
+    };
+    const removeAriaProps = (e)=>{
+        if (!tooltipRef || !e.currentTarget.hasAttribute('aria-describedby') && !e.currentTarget.hasAttribute('aria-labelledby')) {
+            return;
+        }
+        if (useAsLabel) {
+            e.currentTarget.removeAttribute('aria-labelledby');
+        } else {
+            e.currentTarget.removeAttribute('aria-describedby');
+        }
+        e.currentTarget.removeAttribute('aria-live');
+    };
+    const interactionProps = {
+        onMouseEnter: (e)=>{
+            addAriaProps(e);
+        },
+        onMouseLeave: (e)=>{
+            removeAriaProps(e);
+        },
+        onFocus: (e)=>{
+            addAriaProps(e);
+        },
+        onBlur: (e)=>{
+            removeAriaProps(e);
+        }
+    };
+    const childWithProps = /*#__PURE__*/ React__default.isValidElement(children) ? /*#__PURE__*/ React__default.cloneElement(children, {
+        ...ariaProps,
+        ...interactionProps,
+        ...children.props
+    }) : isNil(children) ? children : /*#__PURE__*/ jsx("span", {
+        ...ariaProps,
+        ...interactionProps,
+        children: children
+    });
+    const { overlayInnerStyle, overlayStyle, ...delegatedDangerouslySetAntdProps } = dangerouslySetAntdProps || {};
+    // When no overrides are passed, reuse the module-level memoized objects directly so
+    // the same reference is shared across every tooltip instance with the same theme.
+    const mergedOverlayInnerStyle = overlayInnerStyle ? {
+        backgroundColor: '#2F3941',
+        lineHeight: '22px',
+        padding: '4px 8px',
+        boxShadow: theme.general.shadowLow,
+        ...overlayInnerStyle,
+        ...getDarkModePortalStyles(theme)
+    } : getMemoizedDefaultOverlayInnerStyle(theme);
+    const mergedOverlayStyle = overlayStyle ? {
+        zIndex: theme.options.zIndexBase + 70,
+        ...overlayStyle
+    } : getMemoizedDefaultOverlayStyle(theme);
+    return /*#__PURE__*/ jsx(DesignSystemAntDConfigProvider, {
+        children: /*#__PURE__*/ jsx(Tooltip$1, {
+            id: id,
+            ref: tooltipRef,
+            title: liveTitle,
+            placement: placement,
+            // Always trigger on hover and focus
+            trigger: TRIGGER,
+            overlayInnerStyle: mergedOverlayInnerStyle,
+            overlayStyle: mergedOverlayStyle,
+            css: getMemoizedAnimationCss(theme.options.enableAnimation),
+            ...delegatedDangerouslySetAntdProps,
+            ...props,
+            children: childWithProps
+        })
+    });
+};
+
 const ListboxContext = /*#__PURE__*/ createContext(null);
 const useListboxContext = ()=>{
     const context = useContext(ListboxContext);
@@ -32103,7 +32454,8 @@ const Tag = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
         eventContext,
         onClick
     ]);
-    const handleKeyDown = useCallback((e)=>{
+    const handleKeyDown = useCallback(// oxlint-disable-next-line @databricks/react-18-types-migration -- TODO(FEINF-6292)
+    (e)=>{
         if (onKeyDown) {
             onKeyDown(e);
         }
@@ -33406,18 +33758,21 @@ const IS_SERVER = typeof window === 'undefined';
     // TODO: Refactor this code after the deprecated signature has been removed.
     const defaultValue = typeof options === 'boolean' ? options : options?.defaultValue ?? false;
     const initializeWithValue = typeof options === 'boolean' ? undefined : options?.initializeWithValue ?? undefined;
+    // Declared before `useState` so the lazy initializer below can call it. (Previously this was a
+    // `const` arrow declared *after* `useState`, so `initializeWithValue: true` hit the temporal dead
+    // zone and threw `ReferenceError: Cannot access 'getMatches' before initialization`.)
+    const getMatches = (mediaQuery)=>{
+        if (IS_SERVER) {
+            return defaultValue;
+        }
+        return window.matchMedia(mediaQuery).matches;
+    };
     const [matches, setMatches] = useState(()=>{
         if (initializeWithValue) {
             return getMatches(query);
         }
         return defaultValue;
     });
-    const getMatches = (query)=>{
-        if (IS_SERVER) {
-            return defaultValue;
-        }
-        return window.matchMedia(query).matches;
-    };
     /** Handles the change event of the media query. */ function handleChange() {
         setMatches(getMatches(query));
     }
@@ -34284,6 +34639,19 @@ function requireShim () {
 
 var shimExports = requireShim();
 
+// eslint-disable-next-line @databricks/no-restricted-imports-regexp -- we can directly import antd icons here in order to wrap them for use elsewhere in the design system
+function React18CompatibleIconComponent(IconComponent) {
+    return IconComponent;
+}
+/**
+ * Antd built-in icons used by the design system's own legacy components, with an interface that has
+ * been made compatible with the React 18 types by removing the props that are no longer present on
+ * the React DOM types.
+ *
+ * These are deliberately NOT reëxported from the design system's public API: product code should
+ * use Du Bois icons from `__generated/icons`.
+ */ const LegacyEllipsisOutlined = React18CompatibleIconComponent(EllipsisOutlined);
+
 const ButtonGroup = Button$2.Group;
 const DropdownButton = (props)=>{
     const { theme } = useDesignSystemTheme();
@@ -34418,14 +34786,14 @@ function getSplitButtonEmotionStyles(classNamePrefix, theme, size) {
                 color: theme.colors.actionDefaultIconPress
             }
         },
-        [`${classDefault}:first-of-type`]: {
+        [`${classDefault}:first-child`]: {
             borderTopRightRadius: '0px !important',
             borderBottomRightRadius: '0px !important'
         },
         [classPrimary]: {
             ...getPrimaryStyles(theme),
             boxShadow: 'none',
-            [`&:first-of-type`]: {
+            [`&:first-child`]: {
                 borderRight: `1px solid ${theme.colors.actionPrimaryTextDefault}`,
                 marginRight: 1
             },
@@ -34457,7 +34825,7 @@ function getSplitButtonEmotionStyles(classNamePrefix, theme, size) {
             [`[disabled], ${classPrimary}[disabled]`]: {
                 ...getDisabledSplitButtonStyles(theme),
                 boxShadow: 'none',
-                [`&:first-of-type`]: {
+                [`&:first-child`]: {
                     borderRight: `1px solid ${theme.colors.actionPrimaryIcon}`,
                     marginRight: 1
                 },
@@ -34475,7 +34843,7 @@ function getSplitButtonEmotionStyles(classNamePrefix, theme, size) {
                 }
             }
         },
-        [`${classDefault}:not(:first-of-type)`]: {
+        [`${classDefault}:not(:first-child)`]: {
             width: theme.general.heightSm,
             padding: '3px !important',
             borderTopLeftRadius: '0px !important',
@@ -35081,7 +35449,7 @@ const List = /*#__PURE__*/ React__default.forwardRef(// eslint-disable-next-line
                         "aria-label": "Add tab",
                         css: styles['addButton'],
                         onClick: addButtonProps.onClick,
-                        // eslint-disable-next-line @databricks/no-dynamic-property-value -- Is validated through Root exempt:2a2973ea-6130-4b74-82c2-9f5f6b4c7c62
+                        // oxlint-disable-next-line @databricks/no-dynamic-property-value -- Is validated through Root exempt:2a2973ea-6130-4b74-82c2-9f5f6b4c7c62
                         componentId: `${dataComponentProps['data-component-id']}.add_tab`,
                         className: addButtonProps.className
                     })
@@ -36084,6 +36452,308 @@ const Tree = // @ts-expect-error: Tree doesn't expose a proper type
     });
 });
 
+const defaultRef = {
+    current: null
+};
+const defaults = {
+    componentId: 'design_system.typeahead_combobox_v2.context_default',
+    isInsideTypeaheadCombobox: false,
+    multiSelect: false,
+    showAllOptionsOnOpen: false,
+    comboBoxState: null,
+    inputProps: {},
+    listBoxProps: {},
+    buttonProps: {},
+    inputRef: defaultRef,
+    listBoxRef: defaultRef,
+    popoverRef: defaultRef,
+    buttonRef: defaultRef,
+    triggerRef: defaultRef,
+    footerFocusable: false,
+    footerRef: defaultRef,
+    triggerWidth: undefined,
+    setTriggerWidth: ()=>{},
+    itemsByKey: new Map(),
+    getKeyForItem: ()=>'',
+    itemToString: ()=>'',
+    removeByKey: ()=>{},
+    clearSelection: ()=>{}
+};
+const TypeaheadComboboxV2Context = /*#__PURE__*/ createContext(defaults);
+const TypeaheadComboboxV2ContextProvider = ({ children, value })=>{
+    const [triggerWidth, setTriggerWidth] = useState();
+    // Memoize the merged context value so consumers don't re-render on every provider render from a
+    // fresh spread object. `value` is already memoized in TypeaheadComboboxRoot and `setTriggerWidth`
+    // is a stable state setter, so identity changes only when `value` or `triggerWidth` actually change.
+    const contextValue = useMemo(()=>({
+            ...value,
+            triggerWidth,
+            setTriggerWidth
+        }), [
+        value,
+        triggerWidth
+    ]);
+    return /*#__PURE__*/ jsx(TypeaheadComboboxV2Context.Provider, {
+        value: contextValue,
+        children: children
+    });
+};
+
+const useTypeaheadComboboxV2Context = ()=>{
+    return useContext(TypeaheadComboboxV2Context);
+};
+
+/**
+ * Scrolls the focused option into view while the combobox is open. react-aria keeps DOM focus on
+ * the input (options are highlighted via `aria-activedescendant`), so the listbox does not get
+ * native focus scrolling for the active option. Shared by the menu item and checkbox item.
+ *
+ * This handles the non-virtualized path in full, and final-pixel alignment for a virtualized row
+ * once it is mounted. It cannot reach an option that isn't rendered — under virtualization the
+ * consumer additionally wires `useVirtualizedComboboxScroll`, which mounts the off-screen row first.
+ */ function useScrollOptionIntoView(itemRef, isFocused, isOpen) {
+    useEffect(()=>{
+        if (!isOpen || !isFocused || !itemRef.current) return;
+        const parent = itemRef.current.closest('ul');
+        if (!parent) return;
+        const itemTop = itemRef.current.offsetTop;
+        const itemBottom = itemTop + itemRef.current.clientHeight;
+        if (itemTop < parent.scrollTop || itemBottom > parent.scrollTop + parent.clientHeight) {
+            // `scrollIntoView` is absent in jsdom; guard so consumer unit tests don't throw.
+            itemRef.current.scrollIntoView?.({
+                block: 'nearest'
+            });
+        }
+    }, [
+        isFocused,
+        isOpen,
+        itemRef
+    ]);
+}
+
+const CHECK_ICON_CSS = {
+    paddingTop: 2
+};
+const PLACEHOLDER_ICON_STYLE = {
+    width: 16,
+    flexShrink: 0
+};
+const DISABLED_REASON_ROW_CSS = {
+    display: 'flex'
+};
+const getMenuItemStyles = memoize((theme, isHighlighted, disabled)=>/*#__PURE__*/ css({
+        ...disabled && {
+            pointerEvents: 'none',
+            color: theme.colors.actionDisabledText
+        },
+        ...isHighlighted && {
+            background: theme.colors.actionTertiaryBackgroundHover
+        }
+    }), (theme, isHighlighted, disabled)=>`${themeMemoKey(theme)}|${isHighlighted}|${Boolean(disabled)}`);
+const getLabelStyles$1 = memoize((theme, textOverflowMode)=>/*#__PURE__*/ css({
+        marginLeft: theme.spacing.sm,
+        fontSize: theme.typography.fontSizeBase,
+        fontWeight: 400,
+        cursor: 'pointer',
+        overflow: 'hidden',
+        wordBreak: 'break-word',
+        ...textOverflowMode === 'ellipsis' && {
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+        }
+    }), (theme, textOverflowMode)=>`${themeMemoKey(theme)}|${textOverflowMode}`);
+const TypeaheadComboboxMenuItemInner = ({ item, textOverflowMode = 'multiline', isDisabled, disabledReason, hintContent, children, ...restProps }, forwardedRef)=>{
+    const ctx = useTypeaheadComboboxV2Context();
+    if (!ctx.isInsideTypeaheadCombobox || !ctx.comboBoxState) {
+        throw new Error('`TypeaheadComboboxMenuItem` must be used within an open `TypeaheadComboboxRoot`');
+    }
+    const { comboBoxState: state, getKeyForItem } = ctx;
+    const { theme } = useDesignSystemTheme();
+    const itemRef = useRef(null);
+    const setRef = useCallback((node)=>{
+        itemRef.current = node;
+        if (typeof forwardedRef === 'function') forwardedRef(node);
+        else if (forwardedRef) forwardedRef.current = node;
+    }, [
+        forwardedRef
+    ]);
+    const key = getKeyForItem(item);
+    const { optionProps, isSelected, isFocused } = useOption({
+        key,
+        'aria-label': typeof children === 'string' ? children : undefined
+    }, state, itemRef);
+    useScrollOptionIntoView(itemRef, isFocused, state.isOpen);
+    return /*#__PURE__*/ jsxs("li", {
+        ...optionProps,
+        ref: setRef,
+        css: [
+            getComboboxOptionItemWrapperStyles(theme),
+            getMenuItemStyles(theme, isFocused, isDisabled)
+        ],
+        ...restProps,
+        children: [
+            isSelected ? /*#__PURE__*/ jsx(CheckIcon, {
+                css: CHECK_ICON_CSS
+            }) : /*#__PURE__*/ jsx("div", {
+                style: PLACEHOLDER_ICON_STYLE
+            }),
+            /*#__PURE__*/ jsxs("label", {
+                css: getLabelStyles$1(theme, textOverflowMode),
+                children: [
+                    isDisabled && disabledReason ? /*#__PURE__*/ jsxs("div", {
+                        css: DISABLED_REASON_ROW_CSS,
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                children: children
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                css: getInfoIconStyles(theme),
+                                children: /*#__PURE__*/ jsx(InfoTooltip, {
+                                    componentId: "typeahead-combobox-react-aria-menu-item-disabled-reason-info-tooltip",
+                                    side: "right",
+                                    content: disabledReason
+                                })
+                            })
+                        ]
+                    }) : children,
+                    /*#__PURE__*/ jsx(HintRow, {
+                        disabled: isDisabled,
+                        children: hintContent
+                    })
+                ]
+            })
+        ]
+    });
+};
+// Standard TS workaround: forwardRef strips generics from the wrapped function.
+const TypeaheadComboboxMenuItem = /*#__PURE__*/ forwardRef(TypeaheadComboboxMenuItemInner);
+
+const getSelectedItemStyles = memoize((theme, disabled)=>/*#__PURE__*/ css({
+        backgroundColor: theme.colors.tagDefault,
+        borderRadius: theme.general.borderRadiusBase,
+        color: theme.colors.textPrimary,
+        lineHeight: theme.typography.lineHeightBase,
+        fontSize: theme.typography.fontSizeBase,
+        marginTop: 2,
+        marginBottom: 2,
+        marginInlineEnd: theme.spacing.xs,
+        paddingRight: 0,
+        paddingTop: 0,
+        paddingBottom: 0,
+        paddingInlineStart: theme.spacing.xs,
+        // inline-flex + centered alignment so the remove button lines up with the label (matching the
+        // original downshift TypeaheadCombobox). Without this the tag is `display: inline` and the X
+        // sits on the text baseline — visibly too low, especially once the label wraps.
+        display: 'inline-flex',
+        alignItems: 'center',
+        position: 'relative',
+        flex: 'none',
+        maxWidth: '100%',
+        wordBreak: 'break-word',
+        ...disabled && {
+            pointerEvents: 'none'
+        }
+    }), (theme, disabled)=>`${themeMemoKey(theme)}|${Boolean(disabled)}`);
+const getIconContainerStyles = memoize((theme, disabled)=>/*#__PURE__*/ css({
+        // Center the X and let the container hug the icon, matching the original downshift tag. The
+        // enclosing REMOVE_BUTTON_RESET is itself an inline-flex centered box; a fixed width/height
+        // here fought that and dropped the icon off-center.
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        flexShrink: 0,
+        alignSelf: 'stretch',
+        paddingLeft: theme.spacing.xs / 2,
+        paddingRight: theme.spacing.xs / 2,
+        borderTopRightRadius: theme.general.borderRadiusBase,
+        borderBottomRightRadius: theme.general.borderRadiusBase,
+        ':hover': {
+            color: theme.colors.actionTertiaryTextHover,
+            backgroundColor: theme.colors.tagHover
+        },
+        ...disabled && {
+            pointerEvents: 'none',
+            color: theme.colors.actionDisabledText
+        }
+    }), (theme, disabled)=>`${themeMemoKey(theme)}|${Boolean(disabled)}`);
+const getXIconStyles = memoize((theme)=>/*#__PURE__*/ css({
+        fontSize: theme.typography.fontSizeSm
+    }));
+// Strip native <button> chrome so the remove control looks like the inline icon it replaces, while
+// staying a real button (keyboard-focusable and operable — an icon with `role="button"` is not).
+const REMOVE_BUTTON_RESET = /*#__PURE__*/ css({
+    appearance: 'none',
+    background: 'none',
+    border: 'none',
+    padding: 0,
+    margin: 0,
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    color: 'inherit',
+    cursor: 'pointer',
+    '&:disabled': {
+        cursor: 'not-allowed'
+    }
+});
+const getLabelStyles = memoize((theme, disabled)=>({
+        marginRight: 2,
+        ...disabled && {
+            color: theme.colors.actionDisabledText
+        }
+    }), (theme, disabled)=>`${themeMemoKey(theme)}|${disabled}`);
+const TypeaheadComboboxSelectedItem = /*#__PURE__*/ forwardRef(function TypeaheadComboboxSelectedItem({ label, item, disabled, ...restProps }, ref) {
+    const { theme } = useDesignSystemTheme();
+    const { getKeyForItem, removeByKey } = useTypeaheadComboboxV2Context();
+    return /*#__PURE__*/ jsxs("span", {
+        css: getSelectedItemStyles(theme, disabled),
+        ref: ref,
+        ...restProps,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                css: getLabelStyles(theme, Boolean(disabled)),
+                children: label
+            }),
+            /*#__PURE__*/ jsx("button", {
+                type: "button",
+                "aria-label": "Remove selected item",
+                disabled: disabled,
+                onClick: (e)=>{
+                    // Stop the click bubbling to the input container, which would refocus the input.
+                    e.stopPropagation();
+                    removeByKey(getKeyForItem(item));
+                },
+                css: [
+                    REMOVE_BUTTON_RESET,
+                    getIconContainerStyles(theme, disabled)
+                ],
+                children: /*#__PURE__*/ jsx(CloseIcon, {
+                    "aria-hidden": true,
+                    css: getXIconStyles(theme)
+                })
+            })
+        ]
+    });
+});
+
+const getCountBadgeOverlayStyles = memoize((theme, disabled)=>({
+        paddingInlineEnd: theme.spacing.xs,
+        ...disabled && {
+            color: theme.colors.actionDisabledText
+        }
+    }), (theme, disabled)=>`${themeMemoKey(theme)}|${disabled}`);
+const CountBadge = ({ countStartAt, totalCount, disabled, ...restProps })=>{
+    const { theme } = useDesignSystemTheme();
+    return /*#__PURE__*/ jsx("div", {
+        ...restProps,
+        css: [
+            getSelectedItemStyles(theme),
+            getCountBadgeOverlayStyles(theme, Boolean(disabled))
+        ],
+        children: countStartAt ? `+${totalCount - countStartAt}` : totalCount
+    });
+};
+
 function useStepperStepsFromWizardSteps(wizardSteps, currentStepIdx, hideDescriptionForFutureSteps) {
     return useMemo(()=>wizardSteps.map((wizardStep, stepIdx)=>({
                 ...pick(wizardStep, [
@@ -36146,14 +36816,14 @@ function getWizardFooterButtons({ goToNextStepOrDone, isLastStep, currentStepInd
                 onCancel: onCancel,
                 cancelButtonContent: cancelButtonContent,
                 disabled: cancelButtonDisabled,
-                // eslint-disable-next-line @databricks/no-dynamic-property-value -- Validated through JSX componentId exempt:4b31acca-dae8-44a7-a7f5-fa3e1bc167c5
+                // oxlint-disable-next-line @databricks/no-dynamic-property-value -- Validated through JSX componentId exempt:4b31acca-dae8-44a7-a7f5-fa3e1bc167c5
                 componentId: componentId ? `${componentId}.cancel` : undefined
             })
         }, "cancel") : /*#__PURE__*/ jsx(CancelButton, {
             onCancel: onCancel,
             cancelButtonContent: cancelButtonContent,
             disabled: cancelButtonDisabled,
-            // eslint-disable-next-line @databricks/no-dynamic-property-value -- Validated through JSX componentId exempt:acae06b0-d74d-44ee-86db-15b3014e2bcf
+            // oxlint-disable-next-line @databricks/no-dynamic-property-value -- Validated through JSX componentId exempt:acae06b0-d74d-44ee-86db-15b3014e2bcf
             componentId: componentId ? `${componentId}.cancel` : undefined
         }, "cancel")),
         currentStepIndex > 0 && !previousStepButtonHidden && /*#__PURE__*/ jsx(Button$1, {
@@ -36788,5 +37458,5 @@ function WizardStepContentWrapper({ header, title, description, alertContent, de
     });
 }
 
-export { hideIconButtonRowStyles as $, useModalContext as A, Button$1 as B, CheckCircleFillIcon as C, DocumentationSidebar as D, Trigger$5 as E, FIXED_VERTICAL_STEPPER_WIDTH as F, InfoSmallIcon as G, Content$7 as H, InfoFillIcon as I, Arrow$2 as J, SparkleDoubleIcon as K, LegacyTooltip as L, MAX_VERTICAL_WIZARD_CONTENT_WIDTH as M, LoadingState as N, OverflowPopover as O, visuallyHidden as P, genSkeletonAnimatedColor as Q, Root$b as R, ShapeTokens as S, Typography as T, getOffsets as U, DesignSystemEventSuppressInteractionProviderContext as V, Wizard as W, DesignSystemEventSuppressInteractionTrueContextValue as X, tableStyles as Y, repeatingElementsStyles as Z, tableClassNames as _, WizardControlled as a, Accordion as a$, hideIconButtonActionCellClassName as a0, safex as a1, useDialogComboboxContext as a2, PlusIcon as a3, importantify as a4, getComboboxOptionItemWrapperStyles as a5, getFooterStyles as a6, Tooltip as a7, useDialogComboboxOptionListContext as a8, generateUuidV4 as a9, DialogCombobox as aA, DialogComboboxTrigger as aB, DialogComboboxContent as aC, Select as aD, SelectTrigger as aE, SelectContent as aF, SelectOption as aG, LegacySelect as aH, WarningIcon as aI, CheckCircleIcon as aJ, DangerIcon as aK, Hint as aL, Title$1 as aM, CloseIcon as aN, RestoreAntDDefaultClsPrefix as aO, AccessibleContainer as aP, DU_BOIS_ENABLE_ANIMATION_CLASSNAME as aQ, CircleOffIcon as aR, CircleOutlineIcon as aS, CircleIcon as aT, shimExports as aU, SortAscendingIcon as aV, SortDescendingIcon as aW, SortUnsortedIcon as aX, MinusSquareIcon as aY, PlusSquareIcon as aZ, AccessDeniedGraphic as a_, getContentOptions as aa, findHighlightedOption as ab, highlightOption as ac, Input as ad, SearchIcon as ae, EmptyResults as af, findClosestOptionSibling as ag, DialogComboboxOptionListCheckboxItem as ah, DialogComboboxOptionListSelectItem as ai, DialogComboboxOptionListContextProvider as aj, LoadingSpinner as ak, DialogComboboxOptionList as al, useUniqueId as am, useDuboisThemeClass as an, TypeaheadComboboxContextProvider as ao, useTypeaheadComboboxContext as ap, getComboboxContentWrapperStyles as aq, ClearSelectionButton as ar, TypeaheadComboboxSelectedItem as as, CountBadge as at, getValidationStateColor as au, SectionHeader as av, useComboboxState as aw, useMultipleSelectionState as ax, Radio as ay, Checkbox as az, WizardModal as b, BriefcaseFillIcon as b$, AccordionPanel as b0, AlignCenterIcon as b1, AlignJustifyIcon as b2, AlignLeftIcon as b3, AlignRightIcon as b4, AlignVerticalBottomIcon as b5, AlignVerticalCenterIcon as b6, AlignVerticalTopIcon as b7, AppIcon as b8, ApplyDesignSystemContextOverrides as b9, BadgeCodeIcon as bA, BadgeCodeOffIcon as bB, Banner as bC, BarChartIcon as bD, BarGroupedIcon as bE, BarStackedIcon as bF, BarStackedPercentageIcon as bG, BarsAscendingHorizontalIcon as bH, BarsAscendingVerticalIcon as bI, BarsDescendingHorizontalIcon as bJ, BarsDescendingVerticalIcon as bK, BeakerIcon as bL, BinaryIcon as bM, BlockQuoteIcon as bN, BoldIcon as bO, BookIcon as bP, BookmarkFillIcon as bQ, BookmarkIcon as bR, BooksIcon as bS, BracketsCheckIcon as bT, BracketsCurlyIcon as bU, BracketsErrorIcon as bV, BracketsSquareIcon as bW, BracketsXIcon as bX, BranchCheckIcon as bY, BranchIcon as bZ, BranchResetIcon as b_, ApplyDesignSystemFlags as ba, ArrowDownDotIcon as bb, ArrowDownFillIcon as bc, ArrowDownIcon as bd, ArrowInIcon as be, ArrowInTableIcon as bf, ArrowLeftIcon as bg, ArrowOutTableIcon as bh, ArrowOverIcon as bi, ArrowRightIcon as bj, ArrowUpDotIcon as bk, ArrowUpFillIcon as bl, ArrowUpIcon as bm, ArrowsCollapseIcon as bn, ArrowsConnectIcon as bo, ArrowsExpandIcon as bp, ArrowsUpDownIcon as bq, AssistantIcon as br, AtIcon as bs, Auth0Graphic as bt, Auth0GraphicLarge as bu, AzHorizontalIcon as bv, AzVerticalIcon as bw, BANNER_MAX_HEIGHT as bx, BANNER_MIN_HEIGHT as by, BackupIcon as bz, WizardStepContentWrapper as c, CommandPaletteIcon as c$, BriefcaseIcon as c0, BrushIcon as c1, BugIcon as c2, CalendarClockIcon as c3, CalendarEventIcon as c4, CalendarIcon as c5, CalendarRangeIcon as c6, CalendarSyncIcon as c7, CameraIcon as c8, CapitalizeIcon as c9, ChevronDoubleRightOffIcon as cA, ChevronDoubleUpIcon as cB, ChevronLeftIcon as cC, ChevronUpIcon as cD, ChipIcon as cE, CircleOffLargeIcon as cF, CircleOutlineLargeIcon as cG, ClipboardIcon as cH, ClockIcon as cI, ClockKeyIcon as cJ, ClockOffIcon as cK, CloudCheckIcon as cL, CloudDatabaseIcon as cM, CloudDownloadIcon as cN, CloudIcon as cO, CloudKeyIcon as cP, CloudModelIcon as cQ, CloudOffIcon as cR, CloudUploadIcon as cS, CodeIcon as cT, ColorFillIcon as cU, ColorVars as cV, ColumnIcon as cW, ColumnSplitIcon as cX, ColumnTagIcon as cY, ColumnsIcon as cZ, CommandIcon as c_, CaretDownSquareIcon as ca, CaretUpSquareIcon as cb, CatalogCloudIcon as cc, CatalogGearIcon as cd, CatalogHomeIcon as ce, CatalogIcon as cf, CatalogOffIcon as cg, CatalogSharedIcon as ch, CatalogUserHomeIcon as ci, CellsSquareIcon as cj, CertifiedFillIcon as ck, CertifiedFillSmallIcon as cl, CertifiedIcon as cm, ChainIcon as cn, ChartLineIcon as co, CheckCircleBadgeIcon as cp, CheckCircleSmallIcon as cq, CheckIcon as cr, CheckLineIcon as cs, CheckSmallIcon as ct, CheckboxIcon as cu, ChecklistIcon as cv, ChevronDoubleDownIcon as cw, ChevronDoubleLeftIcon as cx, ChevronDoubleLeftOffIcon as cy, ChevronDoubleRightIcon as cz, DesignSystemEventProvider as d, FilterFillIcon as d$, CompassIcon as d0, ComponentFinderContext as d1, ConnectIcon as d2, Content$2 as d3, ContextMenu$1 as d4, CopyIcon as d5, CreditCardIcon as d6, CursorClickIcon as d7, CursorIcon as d8, CursorPagination as d9, DialogComboboxCustomButtonTriggerWrapper as dA, DialogComboboxSectionHeader as dB, DollarIcon as dC, DomainCirclesThree as dD, DomainsIcon as dE, DotsCircleIcon as dF, DownloadIcon as dG, DragIcon as dH, Drawer as dI, DropdownMenu as dJ, Empty as dK, EmptyDashboardGraphic as dL, ErdIcon as dM, ExpandLessIcon as dN, ExpandMoreIcon as dO, FaceFrownIcon as dP, FaceNeutralIcon as dQ, FaceSmileIcon as dR, FileCodeIcon as dS, FileCubeIcon as dT, FileDocumentIcon as dU, FileIcon as dV, FileImageIcon as dW, FileLockIcon as dX, FileModelIcon as dY, FileNewIcon as dZ, FilePipelineIcon as d_, CursorTypeIcon as da, CustomAppIcon as db, DagHorizontalIcon as dc, DagIcon as dd, DagVerticalIcon as de, DangerModal as df, DangerSmallIcon as dg, DashIcon as dh, DashboardCodeIcon as di, DashboardIcon as dj, DataIcon as dk, DataMaskiingGraphic as dl, DatabaseClockIcon as dm, DatabaseIcon as dn, DatabaseImportIcon as dp, DatePicker as dq, DecimalIcon as dr, DeprecatedIcon as ds, DeprecatedSmallIcon as dt, DesignSystemContext as du, DesignSystemEventProviderComponentSubTypes as dv, DesignSystemProvider as dw, DesignSystemThemeContext as dx, DesignSystemThemeProvider as dy, DialogComboboxCountBadge as dz, useDesignSystemContext as e, ItalicIcon as e$, FilterIcon as e0, FlagPointerIcon as e1, FloatIcon as e2, FlowIcon as e3, FolderBranchFillIcon as e4, FolderBranchIcon as e5, FolderCloudFilledIcon as e6, FolderCloudIcon as e7, FolderCubeIcon as e8, FolderCubeOutlineIcon as e9, GiftIcon as eA, GitCommitIcon as eB, GitMergeIcon as eC, GitRebaseIcon as eD, GlobeIcon as eE, Graphic as eF, GridDashIcon as eG, GridIcon as eH, GroupIcon as eI, H1Icon as eJ, H2Icon as eK, H3Icon as eL, H4Icon as eM, H5Icon as eN, H6Icon as eO, HashIcon as eP, HistoryIcon as eQ, HomeIcon as eR, Icon as eS, ImageIcon as eT, IndentDecreaseIcon as eU, IndentIncreaseIcon as eV, InfinityIcon as eW, InfoBookIcon as eX, InfoIcon as eY, InfoTooltip as eZ, IngestionIcon as e_, FolderFillIcon as ea, FolderHomeIcon as eb, FolderIcon as ec, FolderNewIcon as ed, FolderNodeIcon as ee, FolderOpenBranchIcon as ef, FolderOpenCloudIcon as eg, FolderOpenCubeIcon as eh, FolderOpenIcon as ei, FolderOpenPipelineIcon as ej, FolderOutlinePipelineIcon as ek, FolderSolidPipelineIcon as el, FontIcon as em, ForkHorizontalIcon as en, ForkIcon as eo, Form as ep, FormContextResetBoundary as eq, FullscreenExitIcon as er, FullscreenIcon as es, FunctionIcon as et, FunctionInputIcon as eu, GavelIcon as ev, GearFillIcon as ew, GearIcon as ex, GenieCodeIcon as ey, GenieDeepResearchIcon as ez, useDesignSystemTheme as f, LegacyVideoCameraOutlined as f$, JoinOperatorIcon as f0, KeyIcon as f1, KeyboardIcon as f2, LakebaseCatalogIcon as f3, LakebaseIcon as f4, LakeflowDesignerIcon as f5, LayerGraphIcon as f6, LayerIcon as f7, Layout as f8, LeafIcon as f9, LegacyForm as fA, LegacyFormDubois as fB, LegacyFullscreenOutlined as fC, LegacyGithubOutlined as fD, LegacyHourglassOutlined as fE, LegacyLinkOutlined as fF, LegacyLoadingOutlined as fG, LegacyNotificationOutlined as fH, LegacyOptGroup as fI, LegacyOption as fJ, LegacyPauseCircleFilled as fK, LegacyPlayCircleOutlined as fL, LegacyPlusOutlined as fM, LegacyQuestionCircleOutlined as fN, LegacyReloadOutlined as fO, LegacyRightOutlined as fP, LegacyRocketOutlined as fQ, LegacySearchOutlined as fR, LegacySelectOptGroup as fS, LegacySelectOption as fT, LegacySendOutlined as fU, LegacySettingOutlined as fV, LegacySlackOutlined as fW, LegacySwapOutlined as fX, LegacySyncOutlined as fY, LegacyTable as fZ, LegacyUpOutlined as f_, LegacyAppstoreOutlined as fa, LegacyArrowUpOutlined as fb, LegacyBookOutlined as fc, LegacyBugOutlined as fd, LegacyCheckCircleFilled as fe, LegacyCheckCircleOutlined as ff, LegacyClockCircleFilled as fg, LegacyClockCircleOutlined as fh, LegacyCloseCircleFilled as fi, LegacyCloseOutlined as fj, LegacyCodeOutlined as fk, LegacyCommentOutlined as fl, LegacyCopyOutlined as fm, LegacyDatabaseOutlined as fn, LegacyDeleteOutlined as fo, LegacyDownOutlined as fp, LegacyEditOutlined as fq, LegacyEllipsisOutlined as fr, LegacyExclamationCircleOutlined as fs, LegacyEyeOutlined as ft, LegacyFileOutlined as fu, LegacyFileTextOutlined as fv, LegacyFilterOutlined as fw, LegacyFlagOutlined as fx, LegacyFolderOpenOutlined as fy, LegacyFolderOutlined as fz, WarningFillIcon as g, PageIcon as g$, LetterFormatIcon as g0, LettersIcon as g1, LettersNumbersIcon as g2, LibrariesIcon as g3, LifesaverIcon as g4, LightbulbIcon as g5, LightningCircleFillIcon as g6, LightningIcon as g7, LinearLineIcon as g8, LinkIcon as g9, ModelsIcon as gA, MonotoneLineIcon as gB, MonthPickerGrid as gC, MoonIcon as gD, Nav as gE, NavButton as gF, NavigationMenu as gG, NeonProjectIcon as gH, NewChatIcon as gI, NewTabIcon as gJ, NewWindowIcon as gK, NoCaseIcon as gL, NoIcon as gM, NotebookIcon as gN, NotebookPipelineIcon as gO, NotificationIcon as gP, NotificationOffIcon as gQ, NumberFormatIcon as gR, NumbersIcon as gS, OfficeIcon as gT, OntologyIcon as gU, OutageGraphic as gV, Overflow as gW, OverflowHorizontalIcon as gX, OverflowIcon as gY, PageBottomIcon as gZ, PageFirstIcon as g_, LinkOffIcon as ga, ListBorderIcon as gb, ListClearIcon as gc, ListIcon as gd, ListNumberIcon as ge, Listbox as gf, LoadingIcon as gg, LoadingStateContext as gh, LockFillIcon as gi, LockIcon as gj, LockShareIcon as gk, LockUnlockedIcon as gl, LoopIcon as gm, LowercaseIcon as gn, MailIcon as go, MapIcon as gp, MarkdownIcon as gq, McpIcon as gr, MeasureIcon as gs, MegaphoneIcon as gt, MenuIcon as gu, MinusCircleFillIcon as gv, MinusCircleIcon as gw, MinusCircleSmallIcon as gx, MissingBranchGraphic as gy, MissingGraphic as gz, DangerFillIcon as h, RunIcon as h$, PageLastIcon as h0, PageTopIcon as h1, Pagination as h2, Panel as h3, PanelBody as h4, PanelDockedIcon as h5, PanelFloatingIcon as h6, PanelHeader as h7, PanelHeaderButtons as h8, PanelHeaderTitle as h9, PositionBottomIcon as hA, PositionLeftIcon as hB, PositionRightIcon as hC, PositionTopIcon as hD, PreviewCard as hE, Progress as hF, PullRequestIcon as hG, PuzzleIcon as hH, QueryEditorIcon as hI, QueryIcon as hJ, QuestionMarkFillIcon as hK, QuestionMarkIcon as hL, RadioIcon as hM, RadioTile as hN, RangePicker as hO, ReaderModeIcon as hP, RedoIcon as hQ, RefreshIcon as hR, RefreshPlayIcon as hS, RefreshXIcon as hT, ReplyIcon as hU, ResizeIcon as hV, RhfForm as hW, RichTextIcon as hX, RobotIcon as hY, RocketIcon as hZ, RowsIcon as h_, PaperclipIcon as ha, PassFailChecklistIcon as hb, PauseIcon as hc, PencilFillIcon as hd, PencilIcon as he, PencilSparkleIcon as hf, PieChartIcon as hg, PillControl as hh, PinCancelIcon as hi, PinFillIcon as hj, PinIcon as hk, PipelineCodeIcon as hl, PipelineCubeIcon as hm, PipelineIcon as hn, PivotOperatorIcon as ho, PlayCircleFillIcon as hp, PlayCircleIcon as hq, PlayDoubleIcon as hr, PlayIcon as hs, PlayMultipleIcon as ht, PlugIcon as hu, PlusCircleFillIcon as hv, PlusCircleIcon as hw, PlusCircleSmallIcon as hx, PlusMinusSquareIcon as hy, Popover as hz, DesignSystemEventProviderAnalyticsEventTypes as i, Stepper as i$, RunningIcon as i0, SMALL_BUTTON_HEIGHT$2 as i1, SaveClockIcon as i2, SaveIcon as i3, SchemaIcon as i4, SchoolIcon as i5, SearchDataIcon as i6, SegmentedControlButton as i7, SegmentedControlGroup as i8, SelectContext as i9, SortCustomHorizontalIcon as iA, SortCustomVerticalIcon as iB, SortHorizontalAscendingIcon as iC, SortHorizontalDescendingIcon as iD, SortLetterHorizontalAscendingIcon as iE, SortLetterHorizontalDescendingIcon as iF, SortLetterUnsortedIcon as iG, SortLetterVerticalAscendingIcon as iH, SortLetterVerticalDescendingIcon as iI, Spacer as iJ, SparkleDoubleFillIcon as iK, SparkleFillIcon as iL, SparkleIcon as iM, SparkleRectangleIcon as iN, SpeechBubbleIcon as iO, SpeechBubblePlusIcon as iP, SpeechBubbleQuestionMarkFillIcon as iQ, SpeechBubbleQuestionMarkIcon as iR, SpeechBubbleStarIcon as iS, SpeedometerIcon as iT, Spinner as iU, SplitButton as iV, SqlIcon as iW, StarFillIcon as iX, StarIcon as iY, StepAfterLineIcon as iZ, StepBeforeLineIcon as i_, SelectContextProvider as ia, SelectOptionGroup as ib, SendIcon as ic, ShareIcon as id, ShareNodesIcon as ie, ShieldCheckIcon as ig, ShieldIcon as ih, ShieldOffIcon as ii, ShortcutIcon as ij, Sidebar as ik, SidebarAutoIcon as il, SidebarClosedIcon as im, SidebarCollapseIcon as io, SidebarExpandIcon as ip, SidebarIcon as iq, SidebarOpenIcon as ir, SidebarSyncIcon as is, SimpleSelect as it, SimpleSelectOption as iu, SimpleSelectOptionGroup as iv, SlashSquareIcon as iw, Slider as ix, SlidersIcon as iy, SnippetIcon as iz, useDesignSystemEventComponentCallbacks as j, UserCircleIcon as j$, StopCircleFillIcon as j0, StopCircleIcon as j1, StopIcon as j2, StoredProcedureIcon as j3, StorefrontIcon as j4, StreamIcon as j5, StrikeThroughIcon as j6, SunIcon as j7, SyncIcon as j8, SyncSmallIcon as j9, ThreeDotsIcon as jA, ThumbsDownFilledIcon as jB, ThumbsDownIcon as jC, ThumbsUpFilledIcon as jD, ThumbsUpIcon as jE, ToggleButton as jF, TokenIcon as jG, Toolbar as jH, TrashIcon as jI, Tree as jJ, TreeIcon as jK, TrendingFillIcon as jL, TrendingIcon as jM, TriangleIcon as jN, TypeaheadComboboxCheckboxItem as jO, TypeaheadComboboxFooter as jP, TypeaheadComboboxMenuItem as jQ, TypeaheadComboboxMultiSelectStateChangeTypes as jR, TypeaheadComboboxStateChangeTypes as jS, UnderlineIcon as jT, UndoIcon as jU, UploadIcon as jV, UppercaseIcon as jW, UsageOverageGraphic as jX, UsageSpikeGraphic as jY, UsbIcon as jZ, UserBadgeIcon as j_, SyncToFileIcon as ja, TableAsteriskIcon as jb, TableClockIcon as jc, TableCombineIcon as jd, TableGlassesIcon as je, TableGlobeIcon as jf, TableIcon as jg, TableLightningIcon as jh, TableMeasureIcon as ji, TableModelIcon as jj, TableReportIcon as jk, TableStreamIcon as jl, TableVectorIcon as jm, TableViewIcon as jn, Tabs as jo, Tag as jp, TagColumnIcon as jq, TagIcon as jr, TagTableIcon as js, TargetIcon as jt, TerminalIcon as ju, TextBoxIcon as jv, TextColorIcon as jw, TextIcon as jx, TextJustifyIcon as jy, TextUnderlineIcon as jz, DesignSystemEventProviderComponentTypes as k, useDesignSystemEventSuppressInteractionContext as k$, UserGroupFillIcon as k0, UserGroupIcon as k1, UserIcon as k2, UserKeyIconIcon as k3, UserShieldIcon as k4, UserSparkleIcon as k5, UserTeamIcon as k6, VisibleFillIcon as k7, VisibleIcon as k8, VisibleOffIcon as k9, getButtonEmotionStyles as kA, getComboboxOptionLabelStyles as kB, getDatePickerQuickActionBasic as kC, getDialogComboboxOptionLabelWidth as kD, getHorizontalTabShadowStyles as kE, getInputStyles as kF, getKeyboardNavigationFunctions as kG, getMemoizedButtonEmotionStyles as kH, getPaginationEmotionStyles as kI, getPanelContainmentStyle as kJ, getRadioStyles as kK, getRangeQuickActionsBasic as kL, getShadowScrollStyles as kM, getTypographyColor as kN, getVirtualListScrollbarStyles as kO, getVirtualListScrollbarThumbColor as kP, getVirtualizedComboboxMenuItemStyles as kQ, getWrapperStyle as kR, highlightFirstNonDisabledOption as kS, isOptionDisabled as kT, resetTabIndexToFocusedElement as kU, setImplicitContextGetter as kV, skipHideIconButtonActionClassName as kW, themeMemoKey as kX, useAntDConfigProviderContext as kY, useCallbackOnEnter as kZ, useComponentFinderContext as k_, WithDesignSystemThemeHoc as ka, WorkflowCodeIcon as kb, WorkflowCubeIcon as kc, WorkflowsIcon as kd, WorkspacesIcon as ke, WrenchIcon as kf, WrenchSparkleIcon as kg, XCircleFillIcon as kh, XCircleIcon as ki, YearPickerGrid as kj, ZaHorizontalIcon as kk, ZaVerticalIcon as kl, ZeroOpsIcon as km, ZeroOpsOutlineIcon as kn, ZoomInIcon as ko, ZoomMarqueeSelection as kp, ZoomOutIcon as kq, ZoomToFitIcon as kr, __INTERNAL_DO_NOT_USE__FormItem as ks, __INTERNAL_DO_NOT_USE__Group as kt, __INTERNAL_DO_NOT_USE__HorizontalGroup as ku, __INTERNAL_DO_NOT_USE__VerticalGroup as kv, __INTERNAL_DO_NOT_USE__wrapLegacyFormRules as kw, augmentWithDataComponentProps as kx, dialogComboboxLookAheadKeyDown as ky, getBottomOnlyShadowScrollStyles as kz, DesignSystemEventProviderComponentSubTypeMap as l, useFormContext as l0, useRadioGroupContext as l1, useRadixModalContext as l2, useNotifyOnFirstView as m, useStableUuidV4 as n, ChevronDownIcon as o, primitiveColors as p, ChevronRightIcon as q, DesignSystemAntDConfigProvider as r, CloseSmallIcon as s, addDebugOutlineIfEnabled as t, useWizardCurrentStep as u, Modal as v, getAnimationCss as w, token as x, getDarkModePortalStyles as y, LegacyInfoCircleOutlined as z };
-//# sourceMappingURL=WizardStepContentWrapper-CFCTOSm8.js.map
+export { hideIconButtonActionCellClassName as $, Trigger$5 as A, Button$1 as B, CheckCircleFillIcon as C, DocumentationSidebar as D, InfoSmallIcon as E, FIXED_VERTICAL_STEPPER_WIDTH as F, Content$7 as G, Arrow$2 as H, InfoFillIcon as I, Tooltip as J, SparkleDoubleIcon as K, LoadingState as L, MAX_VERTICAL_WIZARD_CONTENT_WIDTH as M, visuallyHidden as N, OverflowPopover as O, genSkeletonAnimatedColor as P, getOffsets as Q, Root$b as R, ShapeTokens as S, Typography as T, DesignSystemEventSuppressInteractionProviderContext as U, DesignSystemEventSuppressInteractionTrueContextValue as V, Wizard as W, tableStyles as X, repeatingElementsStyles as Y, tableClassNames as Z, hideIconButtonRowStyles as _, WizardControlled as a, useTypeaheadComboboxV2Context as a$, safex as a0, TitleSkeleton as a1, useDialogComboboxContext as a2, PlusIcon as a3, importantify as a4, getComboboxOptionItemWrapperStyles as a5, getFooterStyles as a6, useDialogComboboxOptionListContext as a7, generateUuidV4 as a8, getContentOptions as a9, DialogCombobox as aA, DialogComboboxTrigger as aB, DialogComboboxContent as aC, Select as aD, SelectTrigger as aE, SelectContent as aF, SelectOption as aG, LegacySelect as aH, WarningIcon as aI, CheckCircleIcon as aJ, DangerIcon as aK, Hint as aL, Title$1 as aM, CloseIcon as aN, RestoreAntDDefaultClsPrefix as aO, AccessibleContainer as aP, DU_BOIS_ENABLE_ANIMATION_CLASSNAME as aQ, CircleOffIcon as aR, CircleOutlineIcon as aS, CircleIcon as aT, shimExports as aU, SortAscendingIcon as aV, SortDescendingIcon as aW, SortUnsortedIcon as aX, MinusSquareIcon as aY, PlusSquareIcon as aZ, TypeaheadComboboxV2ContextProvider as a_, findHighlightedOption as aa, highlightOption as ab, Input as ac, SearchIcon as ad, EmptyResults as ae, findClosestOptionSibling as af, DialogComboboxOptionListCheckboxItem as ag, DialogComboboxOptionListSelectItem as ah, DialogComboboxOptionListContextProvider as ai, LoadingSpinner as aj, DialogComboboxOptionList as ak, useUniqueId as al, TypeaheadComboboxContextProvider as am, useTypeaheadComboboxContext as an, useDuboisThemeClass as ao, useDesignTokenOverrideStyles as ap, getComboboxContentWrapperStyles as aq, ClearSelectionButton as ar, TypeaheadComboboxSelectedItem$1 as as, CountBadge$1 as at, getValidationStateColor as au, SectionHeader as av, useComboboxState as aw, useMultipleSelectionState as ax, Radio as ay, Checkbox as az, WizardModal as b, BoldIcon as b$, useRadixModalContext as b0, useIsomorphicLayoutEffect as b1, useScrollOptionIntoView as b2, InfoTooltip as b3, getInfoIconStyles as b4, HintRow as b5, getCheckboxStyles as b6, getMenuItemStyles as b7, TypeaheadComboboxSelectedItem as b8, CountBadge as b9, ArrowsCollapseIcon as bA, ArrowsConnectIcon as bB, ArrowsExpandIcon as bC, ArrowsUpDownIcon as bD, AssistantIcon as bE, AtIcon as bF, Auth0Graphic as bG, Auth0GraphicLarge as bH, AzHorizontalIcon as bI, AzVerticalIcon as bJ, BANNER_MAX_HEIGHT as bK, BANNER_MIN_HEIGHT as bL, BackupIcon as bM, BadgeCodeIcon as bN, BadgeCodeOffIcon as bO, Banner as bP, BarChartIcon as bQ, BarGroupedIcon as bR, BarStackedIcon as bS, BarStackedPercentageIcon as bT, BarsAscendingHorizontalIcon as bU, BarsAscendingVerticalIcon as bV, BarsDescendingHorizontalIcon as bW, BarsDescendingVerticalIcon as bX, BeakerIcon as bY, BinaryIcon as bZ, BlockQuoteIcon as b_, TypeaheadComboboxMenuItem as ba, AccessDeniedGraphic as bb, Accordion as bc, AccordionPanel as bd, AlignCenterIcon as be, AlignJustifyIcon as bf, AlignLeftIcon as bg, AlignRightIcon as bh, AlignVerticalBottomIcon as bi, AlignVerticalCenterIcon as bj, AlignVerticalTopIcon as bk, AppIcon as bl, ApplyDesignSystemContextOverrides as bm, ApplyDesignSystemFlags as bn, ArrowDownDotIcon as bo, ArrowDownFillIcon as bp, ArrowDownIcon as bq, ArrowInIcon as br, ArrowInTableIcon as bs, ArrowLeftIcon as bt, ArrowOutTableIcon as bu, ArrowOverIcon as bv, ArrowRightIcon as bw, ArrowUpDotIcon as bx, ArrowUpFillIcon as by, ArrowUpIcon as bz, WizardStepContentWrapper as c, CloudIcon as c$, BookIcon as c0, BookmarkFillIcon as c1, BookmarkIcon as c2, BooksIcon as c3, BracketsCheckIcon as c4, BracketsCurlyIcon as c5, BracketsErrorIcon as c6, BracketsSquareIcon as c7, BracketsXIcon as c8, BranchCheckIcon as c9, ChainIcon as cA, ChartLineIcon as cB, CheckCircleBadgeIcon as cC, CheckCircleSmallIcon as cD, CheckIcon as cE, CheckLineIcon as cF, CheckSmallIcon as cG, CheckboxIcon as cH, ChecklistIcon as cI, ChevronDoubleDownIcon as cJ, ChevronDoubleLeftIcon as cK, ChevronDoubleLeftOffIcon as cL, ChevronDoubleRightIcon as cM, ChevronDoubleRightOffIcon as cN, ChevronDoubleUpIcon as cO, ChevronLeftIcon as cP, ChevronUpIcon as cQ, ChipIcon as cR, CircleOffLargeIcon as cS, CircleOutlineLargeIcon as cT, ClipboardIcon as cU, ClockIcon as cV, ClockKeyIcon as cW, ClockOffIcon as cX, CloudCheckIcon as cY, CloudDatabaseIcon as cZ, CloudDownloadIcon as c_, BranchIcon as ca, BranchResetIcon as cb, BriefcaseFillIcon as cc, BriefcaseIcon as cd, BrushIcon as ce, BugIcon as cf, CalendarClockIcon as cg, CalendarEventIcon as ch, CalendarIcon as ci, CalendarRangeIcon as cj, CalendarSyncIcon as ck, CameraIcon as cl, CapitalizeIcon as cm, CaretDownSquareIcon as cn, CaretUpSquareIcon as co, CatalogCloudIcon as cp, CatalogGearIcon as cq, CatalogHomeIcon as cr, CatalogIcon as cs, CatalogOffIcon as ct, CatalogSharedIcon as cu, CatalogUserHomeIcon as cv, CellsSquareIcon as cw, CertifiedFillIcon as cx, CertifiedFillSmallIcon as cy, CertifiedIcon as cz, DesignSystemEventProvider as d, ExpandLessIcon as d$, CloudKeyIcon as d0, CloudModelIcon as d1, CloudOffIcon as d2, CloudUploadIcon as d3, CodeIcon as d4, ColorFillIcon as d5, ColorVars as d6, ColumnIcon as d7, ColumnSplitIcon as d8, ColumnTagIcon as d9, DataMaskiingGraphic as dA, DatabaseClockIcon as dB, DatabaseIcon as dC, DatabaseImportIcon as dD, DatePicker as dE, DecimalIcon as dF, DeprecatedIcon as dG, DeprecatedSmallIcon as dH, DesignSystemContext as dI, DesignSystemEventProviderComponentSubTypes as dJ, DesignSystemProvider as dK, DesignSystemThemeContext as dL, DesignSystemThemeProvider as dM, DialogComboboxCountBadge as dN, DialogComboboxCustomButtonTriggerWrapper as dO, DialogComboboxSectionHeader as dP, DollarIcon as dQ, DomainCirclesThree as dR, DomainsIcon as dS, DotsCircleIcon as dT, DownloadIcon as dU, DragIcon as dV, Drawer as dW, DropdownMenu as dX, Empty as dY, EmptyDashboardGraphic as dZ, ErdIcon as d_, ColumnsIcon as da, CommandIcon as db, CommandPaletteIcon as dc, CompassIcon as dd, ComponentFinderContext as de, ConnectIcon as df, Content$2 as dg, ContextMenu$1 as dh, CopyIcon as di, CreditCardIcon as dj, CursorClickIcon as dk, CursorIcon as dl, CursorPagination as dm, CursorTypeIcon as dn, CustomAppIcon as dp, DS_OVERRIDE_TOKENS_WRAPPER_TESTID as dq, DagHorizontalIcon as dr, DagIcon as ds, DagVerticalIcon as dt, DangerModal as du, DangerSmallIcon as dv, DashIcon as dw, DashboardCodeIcon as dx, DashboardIcon as dy, DataIcon as dz, useDesignSystemContext as e, H4Icon as e$, ExpandMoreIcon as e0, FaceFrownIcon as e1, FaceNeutralIcon as e2, FaceSmileIcon as e3, FileCodeIcon as e4, FileCubeIcon as e5, FileDocumentIcon as e6, FileIcon as e7, FileImageIcon as e8, FileLockIcon as e9, FolderSolidPipelineIcon as eA, FontIcon as eB, ForkHorizontalIcon as eC, ForkIcon as eD, Form as eE, FormContextResetBoundary as eF, FullscreenExitIcon as eG, FullscreenIcon as eH, FunctionIcon as eI, FunctionInputIcon as eJ, GavelIcon as eK, GearFillIcon as eL, GearIcon as eM, GenieCodeIcon as eN, GenieDeepResearchIcon as eO, GiftIcon as eP, GitCommitIcon as eQ, GitMergeIcon as eR, GitRebaseIcon as eS, GlobeIcon as eT, Graphic as eU, GridDashIcon as eV, GridIcon as eW, GroupIcon as eX, H1Icon as eY, H2Icon as eZ, H3Icon as e_, FileModelIcon as ea, FileNewIcon as eb, FilePipelineIcon as ec, FilterFillIcon as ed, FilterIcon as ee, FlagPointerIcon as ef, FloatIcon as eg, FlowIcon as eh, FlowsIcon as ei, FolderBranchFillIcon as ej, FolderBranchIcon as ek, FolderCloudFilledIcon as el, FolderCloudIcon as em, FolderCubeIcon as en, FolderCubeOutlineIcon as eo, FolderFillIcon as ep, FolderHomeIcon as eq, FolderIcon as er, FolderNewIcon as es, FolderNodeIcon as et, FolderOpenBranchIcon as eu, FolderOpenCloudIcon as ev, FolderOpenCubeIcon as ew, FolderOpenIcon as ex, FolderOpenPipelineIcon as ey, FolderOutlinePipelineIcon as ez, useDesignSystemTheme as f, McpIcon as f$, H5Icon as f0, H6Icon as f1, HashIcon as f2, HistoryIcon as f3, HomeIcon as f4, Icon as f5, ImageIcon as f6, IndentDecreaseIcon as f7, IndentIncreaseIcon as f8, InfinityIcon as f9, LetterFormatIcon as fA, LettersIcon as fB, LettersNumbersIcon as fC, LibrariesIcon as fD, LifesaverIcon as fE, LightbulbIcon as fF, LightningCircleFillIcon as fG, LightningIcon as fH, LinearLineIcon as fI, LinkIcon as fJ, LinkOffIcon as fK, ListBorderIcon as fL, ListClearIcon as fM, ListIcon as fN, ListNumberIcon as fO, Listbox as fP, LoadingIcon as fQ, LoadingStateContext as fR, LockFillIcon as fS, LockIcon as fT, LockShareIcon as fU, LockUnlockedIcon as fV, LoopIcon as fW, LowercaseIcon as fX, MailIcon as fY, MapIcon as fZ, MarkdownIcon as f_, InfoBookIcon as fa, InfoIcon as fb, IngestionIcon as fc, ItalicIcon as fd, JoinOperatorIcon as fe, KeyIcon as ff, KeyboardIcon as fg, LakebaseCatalogIcon as fh, LakebaseIcon as fi, LakeflowDesignerIcon as fj, LakewatchAlertIcon as fk, LakewatchDatasourceIcon as fl, LakewatchDetectionRuleIcon as fm, LakewatchParserIcon as fn, LayerGraphIcon as fo, LayerIcon as fp, Layout as fq, LeafIcon as fr, LegacyForm as fs, LegacyFormDubois as ft, LegacyOptGroup as fu, LegacyOption as fv, LegacySelectOptGroup as fw, LegacySelectOption as fx, LegacyTable as fy, LegacyTooltip as fz, WarningFillIcon as g, PlayDoubleIcon as g$, MeasureIcon as g0, MegaphoneIcon as g1, MenuIcon as g2, MinusCircleFillIcon as g3, MinusCircleIcon as g4, MinusCircleSmallIcon as g5, MissingBranchGraphic as g6, MissingGraphic as g7, ModelsIcon as g8, MonotoneLineIcon as g9, PageLastIcon as gA, PageTopIcon as gB, Pagination as gC, Panel as gD, PanelBody as gE, PanelDockedIcon as gF, PanelFloatingIcon as gG, PanelHeader as gH, PanelHeaderButtons as gI, PanelHeaderTitle as gJ, PaperclipIcon as gK, PassFailChecklistIcon as gL, PauseIcon as gM, PencilFillIcon as gN, PencilIcon as gO, PencilSparkleIcon as gP, PieChartIcon as gQ, PillControl as gR, PinCancelIcon as gS, PinFillIcon as gT, PinIcon as gU, PipelineCodeIcon as gV, PipelineCubeIcon as gW, PipelineIcon as gX, PivotOperatorIcon as gY, PlayCircleFillIcon as gZ, PlayCircleIcon as g_, MonthPickerGrid as ga, MoonIcon as gb, Nav as gc, NavButton as gd, NavigationMenu as ge, NeonProjectIcon as gf, NewChatIcon as gg, NewTabIcon as gh, NewWindowIcon as gi, NoCaseIcon as gj, NoIcon as gk, NotebookIcon as gl, NotebookPipelineIcon as gm, NotificationIcon as gn, NotificationOffIcon as go, NumberFormatIcon as gp, NumbersIcon as gq, OfficeIcon as gr, OntologyIcon as gs, OutageGraphic as gt, Overflow as gu, OverflowHorizontalIcon as gv, OverflowIcon as gw, PageBottomIcon as gx, PageFirstIcon as gy, PageIcon as gz, DangerFillIcon as h, SimpleSelect as h$, PlayIcon as h0, PlayMultipleIcon as h1, PlugIcon as h2, PlusCircleFillIcon as h3, PlusCircleIcon as h4, PlusCircleSmallIcon as h5, PlusMinusSquareIcon as h6, Popover as h7, PositionBottomIcon as h8, PositionLeftIcon as h9, RunningIcon as hA, SMALL_BUTTON_HEIGHT$2 as hB, SaveClockIcon as hC, SaveIcon as hD, SchemaIcon as hE, SchoolIcon as hF, SearchDataIcon as hG, SegmentedControlButton as hH, SegmentedControlGroup as hI, SelectContext as hJ, SelectContextProvider as hK, SelectOptionGroup as hL, SendIcon as hM, ShareIcon as hN, ShareNodesIcon as hO, ShieldCheckIcon as hP, ShieldIcon as hQ, ShieldOffIcon as hR, ShortcutIcon as hS, Sidebar as hT, SidebarAutoIcon as hU, SidebarClosedIcon as hV, SidebarCollapseIcon as hW, SidebarExpandIcon as hX, SidebarIcon as hY, SidebarOpenIcon as hZ, SidebarSyncIcon as h_, PositionRightIcon as ha, PositionTopIcon as hb, PreviewCard as hc, Progress as hd, PullRequestIcon as he, PuzzleIcon as hf, QueryEditorIcon as hg, QueryIcon as hh, QuestionMarkFillIcon as hi, QuestionMarkIcon as hj, RadioIcon as hk, RadioTile as hl, RangePicker as hm, ReaderModeIcon as hn, RedoIcon as ho, RefreshIcon as hp, RefreshPlayIcon as hq, RefreshXIcon as hr, ReplyIcon as hs, ResizeIcon as ht, RhfForm as hu, RichTextIcon as hv, RobotIcon as hw, RocketIcon as hx, RowsIcon as hy, RunIcon as hz, DesignSystemEventProviderAnalyticsEventTypes as i, TagIcon as i$, SimpleSelectOption as i0, SimpleSelectOptionGroup as i1, SlashSquareIcon as i2, Slider as i3, SlidersIcon as i4, SnippetIcon as i5, SortCustomHorizontalIcon as i6, SortCustomVerticalIcon as i7, SortHorizontalAscendingIcon as i8, SortHorizontalDescendingIcon as i9, StopCircleFillIcon as iA, StopCircleIcon as iB, StopIcon as iC, StoredProcedureIcon as iD, StorefrontIcon as iE, StreamIcon as iF, StrikeThroughIcon as iG, SunIcon as iH, SyncIcon as iI, SyncSmallIcon as iJ, SyncToFileIcon as iK, TableAsteriskIcon as iL, TableClockIcon as iM, TableCombineIcon as iN, TableGlassesIcon as iO, TableGlobeIcon as iP, TableIcon as iQ, TableLightningIcon as iR, TableMeasureIcon as iS, TableModelIcon as iT, TableReportIcon as iU, TableStreamIcon as iV, TableVectorIcon as iW, TableViewIcon as iX, Tabs as iY, Tag as iZ, TagColumnIcon as i_, SortLetterHorizontalAscendingIcon as ia, SortLetterHorizontalDescendingIcon as ib, SortLetterUnsortedIcon as ic, SortLetterVerticalAscendingIcon as id, SortLetterVerticalDescendingIcon as ie, Spacer as ig, SparkleDoubleFillIcon as ih, SparkleFillIcon as ii, SparkleIcon as ij, SparkleRectangleIcon as ik, SpeechBubbleIcon as il, SpeechBubblePlusIcon as im, SpeechBubbleQuestionMarkFillIcon as io, SpeechBubbleQuestionMarkIcon as ip, SpeechBubbleStarIcon as iq, SpeedometerIcon as ir, Spinner as is, SplitButton as it, SqlIcon as iu, StarFillIcon as iv, StarIcon as iw, StepAfterLineIcon as ix, StepBeforeLineIcon as iy, Stepper as iz, useDesignSystemEventComponentCallbacks as j, ZoomToFitIcon as j$, TagTableIcon as j0, TargetIcon as j1, TerminalIcon as j2, TextBoxIcon as j3, TextColorIcon as j4, TextIcon as j5, TextJustifyIcon as j6, TextUnderlineIcon as j7, ThreeDotsIcon as j8, ThumbsDownFilledIcon as j9, UserGroupFillIcon as jA, UserGroupIcon as jB, UserIcon as jC, UserKeyIconIcon as jD, UserShieldIcon as jE, UserSparkleIcon as jF, UserTeamIcon as jG, VisibleFillIcon as jH, VisibleIcon as jI, VisibleOffIcon as jJ, WithDesignSystemThemeHoc as jK, WorkflowCodeIcon as jL, WorkflowCubeIcon as jM, WorkflowsIcon as jN, WorkspacesIcon as jO, WrenchIcon as jP, WrenchSparkleIcon as jQ, XCircleFillIcon as jR, XCircleIcon as jS, YearPickerGrid as jT, ZaHorizontalIcon as jU, ZaVerticalIcon as jV, ZeroOpsIcon as jW, ZeroOpsOutlineIcon as jX, ZoomInIcon as jY, ZoomMarqueeSelection as jZ, ZoomOutIcon as j_, ThumbsDownIcon as ja, ThumbsUpFilledIcon as jb, ThumbsUpIcon as jc, ToggleButton as jd, TokenIcon as je, Toolbar as jf, TrashIcon as jg, Tree as jh, TreeIcon as ji, TrendingFillIcon as jj, TrendingIcon as jk, TriangleIcon as jl, TypeaheadComboboxCheckboxItem as jm, TypeaheadComboboxFooter as jn, TypeaheadComboboxMenuItem$1 as jo, TypeaheadComboboxMultiSelectStateChangeTypes as jp, TypeaheadComboboxStateChangeTypes as jq, UnderlineIcon as jr, UndoIcon as js, UploadIcon as jt, UppercaseIcon as ju, UsageOverageGraphic as jv, UsageSpikeGraphic as jw, UsbIcon as jx, UserBadgeIcon as jy, UserCircleIcon as jz, DesignSystemEventProviderComponentTypes as k, __INTERNAL_DO_NOT_USE__FormItem as k0, __INTERNAL_DO_NOT_USE__Group as k1, __INTERNAL_DO_NOT_USE__HorizontalGroup as k2, __INTERNAL_DO_NOT_USE__VerticalGroup as k3, __INTERNAL_DO_NOT_USE__wrapLegacyFormRules as k4, augmentWithDataComponentProps as k5, dialogComboboxLookAheadKeyDown as k6, getBottomOnlyShadowScrollStyles as k7, getButtonEmotionStyles as k8, getComboboxOptionLabelStyles as k9, useFormContext as kA, useRadioGroupContext as kB, getDatePickerQuickActionBasic as ka, getDialogComboboxOptionLabelWidth as kb, getHorizontalTabShadowStyles as kc, getInputStyles as kd, getKeyboardNavigationFunctions as ke, getMemoizedButtonEmotionStyles as kf, getPaginationEmotionStyles as kg, getPanelContainmentStyle as kh, getRadioStyles as ki, getRangeQuickActionsBasic as kj, getShadowScrollStyles as kk, getTypographyColor as kl, getVirtualListScrollbarStyles as km, getVirtualListScrollbarThumbColor as kn, getVirtualizedComboboxMenuItemStyles as ko, getWrapperStyle as kp, highlightFirstNonDisabledOption as kq, isOptionDisabled as kr, resetTabIndexToFocusedElement as ks, setImplicitContextGetter as kt, skipHideIconButtonActionClassName as ku, themeMemoKey as kv, useAntDConfigProviderContext as kw, useCallbackOnEnter as kx, useComponentFinderContext as ky, useDesignSystemEventSuppressInteractionContext as kz, DesignSystemEventProviderComponentSubTypeMap as l, useNotifyOnFirstView as m, useStableUuidV4 as n, ChevronDownIcon as o, primitiveColors as p, ChevronRightIcon as q, DesignSystemAntDConfigProvider as r, CloseSmallIcon as s, addDebugOutlineIfEnabled as t, useWizardCurrentStep as u, Modal as v, getAnimationCss as w, token as x, getDarkModePortalStyles as y, useModalContext as z };
+//# sourceMappingURL=WizardStepContentWrapper-DsAS2ZAT.js.map