@databricks/design-system 2.0.8 → 2.0.10

package/dist/{WizardStepContentWrapper-DfErft8z.js → WizardStepContentWrapper-D_OEwjUE.js}

@@ -3,10 +3,11 @@ import isUndefined from 'lodash/isUndefined';
 import * as React from 'react';
 import React__default, { useRef, useEffect, useMemo, useCallback, useContext, createContext, useState, forwardRef, useLayoutEffect, useImperativeHandle, Children, isValidElement } from 'react';
 import { useTheme, ThemeProvider, css, keyframes, ClassNames, Global, createElement } from '@emotion/react';
-import { ConfigProvider, notification, Collapse, Button as Button$1, 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, Dropdown, Tree as Tree$1 } from 'antd';
+import { ConfigProvider, notification, Collapse, Button as Button$1, Typography as Typography$1, Breadcrumb, 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 classnames from 'classnames';
 import { useMergeRefs } from '@floating-ui/react';
 import uniqueId$1 from 'lodash/uniqueId';
+import '@react-aria/breadcrumbs';
 import { format, isBefore, startOfMonth, isAfter, parse, isValid, startOfToday, startOfYesterday, sub, startOfWeek, endOfToday, endOfYesterday, getISOWeekYear, getISOWeek, parseISO, startOfISOWeek } from 'date-fns';
 import * as Popover$1 from '@radix-ui/react-popover';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -445,6 +446,7 @@ const darkColorList = {
     borderAccessible: primitiveColors.grey300,
     borderDanger: primitiveColors.red500,
     borderWarning: primitiveColors.yellow500,
+    certified: primitiveColors.blue500,
     codeBackground: primitiveColors.grey650,
     composerBackground: primitiveColors.grey700,
     iconTrending: primitiveColors.orange,
@@ -532,6 +534,7 @@ const lightColorList = {
     borderAccessible: primitiveColors.neutral500,
     borderDanger: primitiveColors.red300,
     borderWarning: primitiveColors.yellow300,
+    certified: primitiveColors.blue600,
     codeBackground: 'rgba(82, 82, 82, 0.0800)',
     composerBackground: primitiveColors.white,
     iconTrending: primitiveColors.orange,
@@ -911,6 +914,7 @@ var ValidSemanticColors = /*#__PURE__*/ function(ValidSemanticColors) {
     ValidSemanticColors["BorderAccessible"] = "borderAccessible";
     ValidSemanticColors["BorderDanger"] = "borderDanger";
     ValidSemanticColors["BorderWarning"] = "borderWarning";
+    ValidSemanticColors["Certified"] = "certified";
     ValidSemanticColors["CodeBackground"] = "codeBackground";
     ValidSemanticColors["ComposerBackground"] = "composerBackground";
     ValidSemanticColors["IconTrending"] = "iconTrending";
@@ -1754,7 +1758,7 @@ const DU_BOIS_ENABLE_ANIMATION_CLASSNAME = 'du-bois-enable-animation';
  * `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
+// getAnimationCss is called from every dbui 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
 // Emotion cache the serialized class name.
@@ -1771,7 +1775,7 @@ const getAnimationCss = memoize((enableAnimation)=>{
         '&::after': disableAnimationCss,
         // Also apply to all child elements with a class that starts with our prefix, except elements
         // which must keep their own animation. Mark those elements directly rather than matching an
-        // ancestor scope for every Du Bois descendant.
+        // ancestor scope for every dbui descendant.
         [`[class*=du-bois]:not(.${DU_BOIS_ENABLE_ANIMATION_CLASSNAME})`]: {
             ...disableAnimationCss,
             // Also target any pseudo-elements associated with those elements, since these can also be animated.
@@ -1827,6 +1831,29 @@ function semanticColorsToStyle(semanticColors) {
     colorOverrideStyleCache.set(semanticColors, style);
     return style;
 }
+const FONT_SIZE_SCALE = {
+    fontSizeSm: 'sm',
+    fontSizeBase: 'base',
+    fontSizeMd: 'md',
+    fontSizeLg: 'lg',
+    fontSizeXl: 'xl'
+};
+const fontSizeOverrideStyleCache = new WeakMap();
+// px, not rem: the token is a bare var substitution, so a px value reproduces the Emotion
+// font-size regardless of the root font size.
+function fontSizesToStyle(fontSizes) {
+    const cached = fontSizeOverrideStyleCache.get(fontSizes);
+    if (cached) return cached;
+    const style = {};
+    for (const [key, scale] of Object.entries(FONT_SIZE_SCALE)){
+        const value = fontSizes[key];
+        if (value !== undefined) {
+            style[`--db-font-size-${scale}`] = `${value}px`;
+        }
+    }
+    fontSizeOverrideStyleCache.set(fontSizes, 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
@@ -1853,7 +1880,7 @@ function semanticColorsToStyle(semanticColors) {
     ]);
 }
 /**
- * Internal DOM-scope primitive: a `display: contents` element that (re-)establishes a Du Bois token
+ * Internal DOM-scope primitive: a `display: contents` element that (re-)establishes a dbui token
  * scope on a DOM subtree — it carries the `du-bois-light`/`-dark` class and stamps `--db-*` overrides
  * that native (CSS-variable) components below inherit. It reaches in-tree descendants only; portaled
  * surfaces escape the DOM subtree. Consumers use the exported `DesignTokenScope` below (which also
@@ -4632,6 +4659,54 @@ const ChartLineIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
 });
 ChartLineIcon.displayName = "ChartLineIcon";
 
+function SvgChatNewTabIcon(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",
+            fillRule: "evenodd",
+            d: "M11.015 4.235h-4.25v1.5h2.439l-4.97 4.97 1.061 1.06 4.97-4.97v2.44h1.5v-5z",
+            clipRule: "evenodd"
+        })
+    });
+}
+const ChatNewTabIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    return /*#__PURE__*/ jsx(Icon, {
+        ref: forwardedRef,
+        ...props,
+        component: SvgChatNewTabIcon
+    });
+});
+ChatNewTabIcon.displayName = "ChatNewTabIcon";
+
+function SvgChatSpinnerIcon(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.5 4.5a3 3 0 0 0-3 3s0 .755-.75.755S3 7.5 3 7.5A4.5 4.5 0 0 1 7.5 3s.746 0 .746.75-.746.75-.746.75"
+        })
+    });
+}
+const ChatSpinnerIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+    return /*#__PURE__*/ jsx(Icon, {
+        ref: forwardedRef,
+        ...props,
+        component: SvgChatSpinnerIcon
+    });
+});
+ChatSpinnerIcon.displayName = "ChatSpinnerIcon";
+
 function SvgCheckCircleBadgeIcon(props) {
     return /*#__PURE__*/ jsxs("svg", {
         xmlns: "http://www.w3.org/2000/svg",
@@ -17377,7 +17452,7 @@ const FormContextResetBoundary = ({ children })=>/*#__PURE__*/ jsx(FormContext.P
     const formRef = useRef(null);
     const eventRef = useRef(null);
     if (formContext.componentId !== undefined) {
-        throw new Error('DuBois Form component cannot be nested');
+        throw new Error('dbui Form component cannot be nested');
     }
     const memoizedAnalyticsEvents = useMemo(()=>analyticsEvents, [
         analyticsEvents
@@ -17411,7 +17486,7 @@ const FormContextResetBoundary = ({ children })=>/*#__PURE__*/ jsx(FormContext.P
     // useLayoutEffect so the guard fires synchronously after DOM commit, before paint
     useLayoutEffect(()=>{
         if (formRef.current?.parentElement?.closest('form')) {
-            throw new Error('DuBois Form: nested <form> elements produce invalid HTML. FormContextResetBoundary should only be used with React portals.');
+            throw new Error('dbui Form: nested <form> elements produce invalid HTML. FormContextResetBoundary should only be used with React portals.');
         }
     }, []);
     const contextValue = useMemo(()=>({
@@ -17440,7 +17515,7 @@ const FormContextResetBoundary = ({ children })=>/*#__PURE__*/ jsx(FormContext.P
     });
 };
 /**
- * Form is a wrapper around the Form DuBois component to better integrate with React Hook Form and to track the active
+ * Form is a wrapper around the Form dbui component to better integrate with React Hook Form and to track the active
  * element before the form is submitted. This is useful for analytics purposes to know what component was last focused
  * when the form was sent for submission, along with being able to pass in the initial and final values of the form.
  *
@@ -17585,7 +17660,7 @@ var ShapeTokens = /*#__PURE__*/ function(ShapeTokens) {
 
 const token = (token, fallback)=>`var(${token}, ${typeof fallback === 'number' ? `${fallback}px` : fallback})`;
 
-const SMALL_BUTTON_HEIGHT$2 = 24;
+const SMALL_BUTTON_HEIGHT$1 = 24;
 const ICON_SELECTOR$1 = `${getIconClassName()}`;
 // Hoisted to module level so the default reference is stable across renders and instances.
 // Without this, the default `analyticsEvents = [...]` literal would be a fresh array on every
@@ -17685,10 +17760,10 @@ const getButtonEmotionStyles = ({ theme, classNamePrefix, loading, withIcon, onl
             width: theme.general.heightSm
         },
         ...size === 'small' && {
-            height: SMALL_BUTTON_HEIGHT$2,
+            height: SMALL_BUTTON_HEIGHT$1,
             lineHeight: theme.typography.lineHeightBase,
             ...(onlyIcon || forceIconStyles) && {
-                width: SMALL_BUTTON_HEIGHT$2,
+                width: SMALL_BUTTON_HEIGHT$1,
                 paddingTop: 0,
                 paddingBottom: 0,
                 verticalAlign: 'middle'
@@ -18234,7 +18309,7 @@ const Button = /* #__PURE__ */ (()=>{
 })();
 
 /**
- * Emotion selector that matches a Du Bois button by BOTH its legacy AntD-prefixed class
+ * Emotion selector that matches a dbui button by BOTH its legacy AntD-prefixed class
  * (`.<clsNamePrefix>-btn…`) and the NativeButton class (`.db-btn…`). Style overrides keyed off the
  * button class must match `.db-btn` too, so they survive the migration off the AntD-prefixed
  * `Button` onto `NativeButton`.
@@ -18852,32 +18927,31 @@ const wrapperStyles = /*#__PURE__*/ css({
     width: '100%',
     height: '100%'
 });
-const overlayStyles = (theme, zIndex, maskStyle)=>// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+const overlayStyles = (zIndex, maskStyle)=>// eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
     /*#__PURE__*/ css({
         position: 'fixed',
         inset: 0,
-        backgroundColor: theme.colors.overlayOverlay,
+        backgroundColor: 'var(--db-modal-overlay-surface)',
         zIndex,
-        borderRadius: theme.borders.borderRadiusSm,
+        borderRadius: 'var(--db-modal-overlay-border-radius)',
         pointerEvents: 'none',
         width: '100%',
         height: '100%',
         ...maskStyle
     });
 const modalContentStyles = (theme, maxedOutHeight)=>{
-    const MODAL_PADDING = theme.spacing.lg;
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
     return /*#__PURE__*/ css({
-        backgroundColor: theme.colors.backgroundPrimary,
+        backgroundColor: 'var(--db-modal-surface)',
         maxHeight: '90vh',
         height: maxedOutHeight ? '90vh' : undefined,
-        paddingBottom: MODAL_PADDING,
+        paddingBottom: 'var(--db-modal-content-padding-bottom)',
         display: 'flex',
         flexDirection: 'column',
-        borderRadius: token(ShapeTokens.INFO_CONTAINER_BORDER_RADIUS, theme.borders.borderRadiusLg),
-        boxShadow: theme.shadows.xl,
+        borderRadius: 'var(--db-modal-border-radius)',
+        boxShadow: 'var(--db-modal-shadow)',
         overflow: 'auto',
         ...getDarkModePortalStyles(theme),
         transform: 'unset !important',
@@ -18890,22 +18964,19 @@ const modalContentStyles = (theme, maxedOutHeight)=>{
         pointerEvents: 'auto'
     });
 };
-const modalHeaderStyles = (theme)=>/*#__PURE__*/ css({
-        display: 'flex',
-        background: 'transparent',
-        paddingTop: theme.spacing.md,
-        paddingLeft: theme.spacing.lg,
-        paddingRight: theme.spacing.md,
-        paddingBottom: theme.spacing.md
-    });
-const modalTitleStyles = (theme, truncated, closable, compactTitle)=>{
-    const MODAL_PADDING = theme.spacing.lg;
+const modalHeaderStyles = /*#__PURE__*/ css({
+    display: 'flex',
+    background: 'transparent',
+    paddingTop: 'var(--db-modal-header-padding-top)',
+    paddingLeft: 'var(--db-modal-header-padding-left)',
+    paddingRight: 'var(--db-modal-header-padding-right)',
+    paddingBottom: 'var(--db-modal-header-padding-bottom)'
+});
+// fontSize/lineHeight/fontWeight are owned by Typography.Title (higher specificity); don't set them here.
+const modalTitleStyles = (truncated, closable)=>{
     const headerHeight = 64;
     return /*#__PURE__*/ css({
-        fontSize: compactTitle ? theme.typography.fontSizeMd : theme.typography.fontSizeXl,
-        lineHeight: compactTitle ? theme.typography.lineHeightMd : theme.typography.lineHeightXl,
-        fontWeight: theme.typography.typographyBoldFontWeight,
-        paddingRight: closable ? MODAL_PADDING : theme.spacing.sm,
+        paddingRight: closable ? 'var(--db-modal-title-padding-right)' : 'var(--db-modal-title-padding-right-non-closable)',
         minHeight: headerHeight / 2,
         display: 'flex',
         overflowWrap: 'anywhere',
@@ -18923,29 +18994,26 @@ const modalTitleStyles = (theme, truncated, closable, compactTitle)=>{
     });
 };
 const modalBodyStyles = (theme, hasFooter, isScrollable)=>{
-    const MODAL_PADDING = theme.spacing.lg;
     const headerHeight = 64;
     const footerHeight = hasFooter ? 52 : 0;
-    const CONTENT_BUFFER = 8;
-    const bodyMaxHeight = `calc(90vh - ${headerHeight}px - ${footerHeight}px - ${MODAL_PADDING}px)`;
+    const bodyMaxHeight = `calc(90vh - ${headerHeight}px - ${footerHeight}px - var(--db-modal-content-padding-bottom))`;
     return /*#__PURE__*/ css({
         overflowY: 'auto',
         maxHeight: bodyMaxHeight,
-        paddingLeft: MODAL_PADDING,
-        paddingRight: MODAL_PADDING,
-        paddingTop: CONTENT_BUFFER,
-        paddingBottom: CONTENT_BUFFER,
+        paddingLeft: 'var(--db-modal-body-padding-horizontal)',
+        paddingRight: 'var(--db-modal-body-padding-horizontal)',
+        paddingTop: 'var(--db-modal-body-padding-vertical)',
+        paddingBottom: 'var(--db-modal-body-padding-vertical)',
         // 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,
+        fontSize: 'var(--db-modal-body-font-size)',
+        // No v2 line-height token. TODO(FEINF-6557): adopt one when it lands.
         lineHeight: theme.typography.lineHeightBase,
         overflowWrap: 'break-word',
         ...isScrollable && getShadowScrollStyles(theme)
     });
 };
-const modalFooterStyles = (theme, prefixCls, hasCustomFooter)=>{
-    const MODAL_PADDING = theme.spacing.lg;
-    const CONTENT_BUFFER = 8;
+const modalFooterStyles = (prefixCls, hasCustomFooter)=>{
     const footerHeight = 52;
     return /*#__PURE__*/ css({
         ...hasCustomFooter ? {
@@ -18959,32 +19027,32 @@ const modalFooterStyles = (theme, prefixCls, hasCustomFooter)=>{
         // 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
+        // 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
+            marginLeft: 'var(--db-modal-footer-button-gap)'
         },
         height: footerHeight,
-        paddingTop: theme.spacing.lg - CONTENT_BUFFER,
-        paddingLeft: MODAL_PADDING,
-        paddingRight: MODAL_PADDING,
+        paddingTop: 'var(--db-modal-footer-padding-top)',
+        paddingLeft: 'var(--db-modal-footer-padding-horizontal)',
+        paddingRight: 'var(--db-modal-footer-padding-horizontal)',
         marginTop: 'auto',
         [getBtnClassName(prefixCls, ':nth-of-type(2)', `.${prefixCls}-dropdown-button > `)]: {
             marginLeft: -1
         }
     });
 };
-// Module-level caches. RadixModal renders many style fns per render — most depend only on
-// theme + a small set of booleans. Same pattern as getShadowScrollStylesMemoized in css-utils.tsx.
+// Module-level caches. RadixModal builds many style objects per render, each keyed by a small set
+// of inputs, so re-renders with unchanged inputs reuse the object. Same pattern as
+// getShadowScrollStylesMemoized in css-utils.tsx.
 const getMemoizedModalContainerStyles = memoize((theme)=>modalContainerStyles(theme));
 const getMemoizedModalContentStyles = memoize((theme, maxedOutHeight)=>modalContentStyles(theme, maxedOutHeight), (theme, maxedOutHeight)=>`${themeMemoKey(theme)}|${maxedOutHeight}`);
-const getMemoizedModalHeaderStyles = memoize((theme)=>modalHeaderStyles(theme));
-const getMemoizedModalTitleStyles = memoize((theme, truncated, closable, compactTitle)=>modalTitleStyles(theme, truncated, closable, compactTitle), (theme, truncated, closable, compactTitle)=>`${themeMemoKey(theme)}|${truncated}|${closable}|${compactTitle}`);
+const getMemoizedModalTitleStyles = memoize((truncated, closable)=>modalTitleStyles(truncated, closable), (truncated, closable)=>`${truncated}|${closable}`);
 const getMemoizedModalBodyStyles = memoize((theme, hasFooter, isScrollable)=>modalBodyStyles(theme, hasFooter, isScrollable), (theme, hasFooter, isScrollable)=>`${themeMemoKey(theme)}|${hasFooter}|${isScrollable}`);
-const getMemoizedModalFooterStyles = memoize((theme, prefixCls, hasCustomFooter)=>modalFooterStyles(theme, prefixCls, hasCustomFooter), (theme, prefixCls, hasCustomFooter)=>`${themeMemoKey(theme)}|${prefixCls}|${hasCustomFooter}`);
-// Overlay styles depend on (theme, zIndex, maskStyle). When no maskStyle override, share one
-// object per (isDarkMode, zIndex). When override is present, fall back to per-instance.
-const getMemoizedDefaultOverlayStyles = memoize((theme, zIndex)=>overlayStyles(theme, zIndex, undefined), (theme, zIndex)=>`${themeMemoKey(theme)}|${zIndex}`);
+const getMemoizedModalFooterStyles = memoize((prefixCls, hasCustomFooter)=>modalFooterStyles(prefixCls, hasCustomFooter), (prefixCls, hasCustomFooter)=>`${prefixCls}|${hasCustomFooter}`);
+// Overlay styles depend on zIndex and an optional maskStyle. When no maskStyle override, share one
+// object per zIndex. When override is present, fall back to per-instance.
+const getMemoizedDefaultOverlayStyles = memoize((zIndex)=>overlayStyles(zIndex, undefined), (zIndex)=>`${zIndex}`);
 // Static — never depends on theme.
 const MODAL_FIXED_CENTER_CSS = /*#__PURE__*/ css({
     position: 'fixed',
@@ -19242,15 +19310,16 @@ function ModalInternal({ componentId, analyticsEvents = [
             // 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,
+            color: 'var(--db-modal-text)',
+            fontSize: 'var(--db-modal-body-font-size)',
+            // No v2 line-height token. TODO(FEINF-6557): adopt one when it lands.
             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`
+                margin: 'var(--db-modal-mobile-margin) auto'
             }
         }),
         className: `${classNamePrefix}-modal`,
@@ -19273,7 +19342,7 @@ function ModalInternal({ componentId, analyticsEvents = [
             ...dangerouslySetAntdProps?.wrapProps,
             children: [
                 /*#__PURE__*/ jsx("div", {
-                    css: getMemoizedModalHeaderStyles(theme),
+                    css: modalHeaderStyles,
                     className: `${classNamePrefix}-modal-header`,
                     children: /*#__PURE__*/ jsx(DialogPrimitive.Title, {
                         asChild: true,
@@ -19281,7 +19350,7 @@ function ModalInternal({ componentId, analyticsEvents = [
                             withoutMargins: true,
                             level: compactTitle ? 4 : 2,
                             className: `${classNamePrefix}-modal-title`,
-                            css: getMemoizedModalTitleStyles(theme, Boolean(truncateTitle), dangerouslySetAntdProps?.closable === undefined || Boolean(dangerouslySetAntdProps?.closable), compactTitle),
+                            css: getMemoizedModalTitleStyles(Boolean(truncateTitle), dangerouslySetAntdProps?.closable === undefined || Boolean(dangerouslySetAntdProps?.closable)),
                             id: `modal-${uuid}`,
                             // @ts-expect-error - used to prevent auto focusing the first focusable element when the modal is opened -- mimic antd behavior
                             autoFocus: preventAutoFocus ? true : undefined,
@@ -19307,7 +19376,7 @@ function ModalInternal({ componentId, analyticsEvents = [
                     children: augmentedChildren
                 }),
                 footer !== null && /*#__PURE__*/ jsx("div", {
-                    css: getMemoizedModalFooterStyles(theme, classNamePrefix, footer !== null),
+                    css: getMemoizedModalFooterStyles(classNamePrefix, footer !== null),
                     className: `${classNamePrefix}-modal-footer`,
                     children: footer ?? /*#__PURE__*/ jsx(DefaultFooter, {
                         componentId: componentId,
@@ -19337,8 +19406,8 @@ function ModalInternal({ componentId, analyticsEvents = [
                         shouldStartInteraction: shouldStartInteraction,
                         css: /*#__PURE__*/ css({
                             position: 'absolute',
-                            top: theme.spacing.md,
-                            right: theme.spacing.md
+                            top: 'var(--db-modal-close-offset)',
+                            right: 'var(--db-modal-close-offset)'
                         })
                     })
                 }) : null
@@ -19368,7 +19437,7 @@ function ModalInternal({ componentId, analyticsEvents = [
             },
             children: dangerouslySetAntdProps?.mask !== false ? /*#__PURE__*/ jsx(DialogPrimitive.Overlay, {
                 css: [
-                    dangerouslySetAntdProps?.maskStyle ? overlayStyles(theme, resolvedZIndex, dangerouslySetAntdProps.maskStyle) : getMemoizedDefaultOverlayStyles(theme, resolvedZIndex)
+                    dangerouslySetAntdProps?.maskStyle ? overlayStyles(resolvedZIndex, dangerouslySetAntdProps.maskStyle) : getMemoizedDefaultOverlayStyles(resolvedZIndex)
                 ],
                 children: renderedDialogContent
             }) : /*#__PURE__*/ jsx(Fragment, {
@@ -19392,7 +19461,6 @@ function ModalInternal({ componentId, analyticsEvents = [
     });
 }
 function DangerModal(props) {
-    const { theme } = useDesignSystemTheme();
     const { title, onCancel, onOk, cancelText, okText, okButtonProps, cancelButtonProps, confirmLoading, ...restProps } = props;
     const iconSize = 18;
     const iconFontSize = 18;
@@ -19405,7 +19473,7 @@ function DangerModal(props) {
         children: [
             /*#__PURE__*/ jsx(DangerIcon, {
                 css: /*#__PURE__*/ css({
-                    color: theme.colors.textValidationDanger,
+                    color: 'var(--db-modal-danger-icon)',
                     left: 2,
                     height: iconSize,
                     width: iconSize,
@@ -19740,7 +19808,7 @@ const getMemoizedTooltipStyles = memoize(getTooltipStyles, (theme, clsPrefix)=>`
  * 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();
-    // The Radix portal mounts on the body, outside any Du Bois scope, so re-establish the token scope
+    // The Radix portal mounts on the body, outside any dbui scope, so re-establish the token scope
     // here the way other portaled surfaces (Modal, Drawer, DropdownMenu, …) do: the theme class carries
     // the base `--db-*` tokens and the override style re-declares any consumer overrides on top.
     const themeClass = useDuboisThemeClass();
@@ -20067,6 +20135,59 @@ const Banner = (props)=>{
     });
 };
 
+const AntDBreadcrumbWithChildren = Breadcrumb;
+const AntDBreadcrumbItem = AntDBreadcrumbWithChildren.Item;
+const AntDBreadcrumbSeparator = AntDBreadcrumbWithChildren.Separator;
+function AntDBreadcrumbInternal({ dangerouslySetAntdProps, includeTrailingCaret = true, separator, useLegacyBreadcrumb: _useLegacyBreadcrumb, ...props }) {
+    const { theme, classNamePrefix } = useDesignSystemTheme();
+    const separatorClass = `.${classNamePrefix}-breadcrumb-separator`;
+    const styles = /*#__PURE__*/ css({
+        'a, span:last-child a': {
+            color: theme.colors.actionLinkDefault,
+            ':hover, :focus': {
+                color: theme.colors.actionLinkHover
+            }
+        },
+        a: {
+            '&:focus-visible': {
+                outlineColor: `${theme.colors.actionDefaultBorderFocus} !important`,
+                outlineStyle: 'auto !important'
+            }
+        },
+        [separatorClass]: {
+            fontSize: theme.general.iconFontSize,
+            [`& :is(${getIconClassName()})`]: {
+                fontSize: theme.typography.fontSizeBase
+            }
+        },
+        [`& :is(${getIconClassName()})`]: {
+            fontSize: theme.typography.fontSizeBase
+        },
+        '& > span': {
+            display: 'inline-flex',
+            alignItems: 'center'
+        }
+    });
+    const hasDeprecatedSeparator = dangerouslySetAntdProps !== undefined && Object.prototype.hasOwnProperty.call(dangerouslySetAntdProps, 'separator');
+    const { separator: _deprecatedSeparator, ...deprecatedAntdProps } = dangerouslySetAntdProps ?? {};
+    const separatorNode = separator !== undefined ? separator : hasDeprecatedSeparator ? dangerouslySetAntdProps.separator : /*#__PURE__*/ jsx(ChevronRightIcon, {});
+    return /*#__PURE__*/ jsx(DesignSystemAntDConfigProvider, {
+        children: /*#__PURE__*/ jsxs(AntDBreadcrumbWithChildren, {
+            ...addDebugOutlineIfEnabled(),
+            ...deprecatedAntdProps,
+            separator: separatorNode,
+            ...props,
+            css: /*#__PURE__*/ css(getAnimationCss(theme.options.enableAnimation), styles),
+            children: [
+                props.children,
+                includeTrailingCaret && props.children && /*#__PURE__*/ jsx(AntDBreadcrumbItem, {
+                    children: " "
+                })
+            ]
+        })
+    });
+}
+
 // This is a very simple PRNG that is seeded (so that the output is deterministic).
 // We need this in order to produce a random ragged edge for the table skeleton.
 function pseudoRandomNumberGeneratorFromSeed(seed) {
@@ -20818,7 +20939,7 @@ const NativeCheckboxGroup = /*#__PURE__*/ forwardRef(function NativeCheckboxGrou
     });
 });
 
-const ROOT_CLASS$1 = 'db-checkbox';
+const ROOT_CLASS$2 = 'db-checkbox';
 // The checkbox's own <input> carries this class so CSS targets it specifically
 // rather than any `input` descendant — a consumer may render an inline <input>
 // (e.g. a number field) inside the label children, and a bare `input` selector
@@ -20924,7 +21045,7 @@ disabled: htmlDisabledProp, id, ...restProps }, ref) {
     const isIndeterminate = effectiveChecked === null;
     // 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);
+    const rootClassName = classnames(ROOT_CLASS$2, 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;
@@ -21017,13 +21138,13 @@ const Checkbox = CheckboxNamespace;
 // since these will be exposed in the library's exports.
 const __INTERNAL_DO_NOT_USE__Group = CheckboxGroup;
 
-const metaTextStyles = (theme)=>({
-        color: theme.colors.textSecondary,
-        fontSize: theme.typography.fontSizeSm,
-        '[data-disabled] &': {
-            color: theme.colors.actionDisabledText
-        }
-    });
+const metaTextStyles = /*#__PURE__*/ css({
+    color: 'var(--db-menu-meta-text)',
+    fontSize: 'var(--db-menu-meta-font-size)',
+    '[data-disabled] &': {
+        color: 'var(--db-menu-item-text-disabled)'
+    }
+});
 const HintColumn = /*#__PURE__*/ forwardRef(function HintColumn({ children, ...props }, ref) {
     return /*#__PURE__*/ jsx("div", {
         ref: ref,
@@ -21111,13 +21232,13 @@ const handleKeyboardNavigation = (e)=>{
     }
 };
 
-const infoIconStyles = (theme)=>({
-        display: 'inline-flex',
-        paddingLeft: theme.spacing.xs,
-        color: theme.colors.textSecondary,
-        pointerEvents: 'all'
-    });
-const getNewChildren = (children, props, disabledReason, // Supplied by the menu component so the tooltip renders above its content: the Du Bois Tooltip
+const infoIconStyles = /*#__PURE__*/ css({
+    display: 'inline-flex',
+    paddingLeft: 'var(--db-menu-info-icon-padding-start)',
+    color: 'var(--db-menu-info-icon-text)',
+    pointerEvents: 'all'
+});
+const getNewChildren = (children, props, disabledReason, // Supplied by the menu component so the tooltip renders above its content: the dbui 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)=>{
@@ -21129,7 +21250,7 @@ zIndex)=>{
         zIndex: zIndex,
         children: /*#__PURE__*/ jsx("span", {
             "data-disabled-tooltip": true,
-            css: (theme)=>infoIconStyles(theme),
+            css: infoIconStyles,
             onClick: (e)=>{
                 if (props.disabled) {
                     e.stopPropagation();
@@ -21393,10 +21514,10 @@ const Item$3 = /*#__PURE__*/ forwardRef(function Item({ children, disabledReason
         dropdownMenuItemRef
     ]);
     return /*#__PURE__*/ jsx(DropdownMenu$1.Item, {
-        css: (theme)=>[
-                dropdownItemStyles,
-                danger && dangerItemStyles(theme)
-            ],
+        css: [
+            dropdownItemStyles,
+            danger && dangerItemStyles
+        ],
         ref: mergedRefs,
         onClick: (e)=>{
             if (props.disabled) {
@@ -21428,12 +21549,12 @@ const Label$1 = /*#__PURE__*/ forwardRef(function Label({ children, ...props },
         ref: ref,
         css: [
             dropdownItemStyles,
-            (theme)=>({
-                    color: theme.colors.textSecondary,
-                    '&:hover': {
-                        cursor: 'default'
-                    }
-                })
+            {
+                color: 'var(--db-dropdown-menu-label-text)',
+                '&:hover': {
+                    cursor: 'default'
+                }
+            }
         ],
         ...props,
         children: children
@@ -21454,11 +21575,11 @@ const SubTrigger$1 = /*#__PURE__*/ forwardRef(function TriggerItem({ children, d
         ref: subTriggerRef,
         css: [
             dropdownItemStyles,
-            (theme)=>({
-                    '&[data-state="open"]': {
-                        backgroundColor: theme.colors.actionTertiaryBackgroundHover
-                    }
-                })
+            {
+                '&[data-state="open"]': {
+                    backgroundColor: 'var(--db-dropdown-menu-subtrigger-surface-open)'
+                }
+            }
         ],
         onKeyDown: (e)=>{
             if (e.key === 'Tab' || e.key === 'ArrowDown' || e.key === 'ArrowUp') {
@@ -21470,16 +21591,16 @@ const SubTrigger$1 = /*#__PURE__*/ forwardRef(function TriggerItem({ children, d
         children: [
             getNewChildren(children, props, disabledReason, getZIndex() + 1),
             /*#__PURE__*/ jsx(HintColumn, {
-                css: (theme)=>({
-                        margin: CONSTANTS.subMenuIconMargin(theme),
-                        display: 'flex',
-                        alignSelf: 'stretch',
-                        alignItems: 'center'
-                    }),
+                css: /*#__PURE__*/ css({
+                    margin: 'var(--db-dropdown-menu-submenu-icon-margin)',
+                    display: 'flex',
+                    alignSelf: 'stretch',
+                    alignItems: 'center'
+                }),
                 children: /*#__PURE__*/ jsx(ChevronRightIcon, {
-                    css: (theme)=>({
-                            fontSize: CONSTANTS.subMenuIconSize(theme)
-                        })
+                    css: /*#__PURE__*/ css({
+                        fontSize: 'var(--db-dropdown-menu-submenu-icon-size)'
+                    })
                 })
             })
         ]
@@ -21525,10 +21646,10 @@ const CheckboxItem$1 = /*#__PURE__*/ forwardRef(function CheckboxItem({ children
     ]);
     return /*#__PURE__*/ jsx(DropdownMenu$1.CheckboxItem, {
         ref: mergedRefs,
-        css: (theme)=>[
-                dropdownItemStyles,
-                checkboxItemStyles(theme)
-            ],
+        css: [
+            dropdownItemStyles,
+            checkboxItemStyles
+        ],
         onCheckedChange: onCheckedChangeWrapper,
         onKeyDown: (e)=>{
             if (e.key === 'Tab' || e.key === 'ArrowDown' || e.key === 'ArrowUp') {
@@ -21586,25 +21707,24 @@ const RadioGroup$1 = /*#__PURE__*/ forwardRef(function RadioGroup({ children, co
 const ItemIndicator$1 = /*#__PURE__*/ forwardRef(function ItemIndicator({ children, ...props }, ref) {
     return /*#__PURE__*/ jsx(DropdownMenu$1.ItemIndicator, {
         ref: ref,
-        css: (theme)=>({
-                marginLeft: -(CONSTANTS.checkboxIconWidth(theme) + CONSTANTS.checkboxPaddingRight(theme)),
-                position: 'absolute',
-                fontSize: theme.general.iconFontSize
-            }),
+        css: /*#__PURE__*/ css({
+            marginLeft: 'var(--db-dropdown-menu-indicator-offset)',
+            position: 'absolute',
+            fontSize: 'var(--db-dropdown-menu-indicator-icon-size)'
+        }),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(CheckIcon, {
-            css: (theme)=>({
-                    color: theme.colors.textSecondary
-                })
+            css: /*#__PURE__*/ css({
+                color: 'var(--db-dropdown-menu-indicator-text)'
+            })
         })
     });
 });
 const Arrow$1 = /*#__PURE__*/ forwardRef(function Arrow({ children, ...props }, ref) {
-    const { theme } = useDesignSystemTheme();
     return /*#__PURE__*/ jsx(DropdownMenu$1.Arrow, {
-        css: {
-            fill: theme.colors.backgroundPrimary,
-            stroke: theme.colors.borderDecorative,
+        css: /*#__PURE__*/ css({
+            fill: 'var(--db-dropdown-menu-arrow-fill)',
+            stroke: 'var(--db-dropdown-menu-arrow-stroke)',
             strokeDashoffset: -CONSTANTS.arrowBottomLength(),
             strokeDasharray: CONSTANTS.arrowBottomLength() + 2 * CONSTANTS.arrowSide(),
             strokeWidth: CONSTANTS.arrowStrokeWidth(),
@@ -21615,7 +21735,7 @@ const Arrow$1 = /*#__PURE__*/ forwardRef(function Arrow({ children, ...props },
             // offset equal to border radius)
             position: 'relative',
             top: -1
-        },
+        }),
         ref: ref,
         width: 12,
         height: 6,
@@ -21628,10 +21748,10 @@ const RadioItem$1 = /*#__PURE__*/ forwardRef(function RadioItem({ children, disa
     useImperativeHandle(ref, ()=>radioItemRef.current);
     return /*#__PURE__*/ jsx(DropdownMenu$1.RadioItem, {
         ref: radioItemRef,
-        css: (theme)=>[
-                dropdownItemStyles,
-                checkboxItemStyles(theme)
-            ],
+        css: [
+            dropdownItemStyles,
+            checkboxItemStyles
+        ],
         ...props,
         children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
     });
@@ -21675,42 +21795,17 @@ const HintRow$1 = /*#__PURE__*/ forwardRef(function HintRow({ children, ...props
 const IconWrapper = /*#__PURE__*/ forwardRef(function IconWrapper({ children, ...props }, ref) {
     return /*#__PURE__*/ jsx("div", {
         ref: ref,
-        css: (theme)=>({
-                fontSize: 16,
-                color: theme.colors.textSecondary,
-                paddingRight: theme.spacing.sm
-            }),
+        css: /*#__PURE__*/ css({
+            fontSize: 'var(--db-dropdown-menu-icon-size)',
+            color: 'var(--db-dropdown-menu-icon-text)',
+            paddingRight: 'var(--db-dropdown-menu-icon-padding-end)'
+        }),
         ...props,
         children: children
     });
 });
 // CONSTANTS
 const CONSTANTS = {
-    itemPaddingVertical (theme) {
-        // The number from the mocks is the midpoint between constants
-        return 0.5 * theme.spacing.xs + 0.5 * theme.spacing.sm;
-    },
-    itemPaddingHorizontal (theme) {
-        return theme.spacing.sm + theme.spacing.xs;
-    },
-    checkboxIconWidth (theme) {
-        return theme.general.iconFontSize;
-    },
-    checkboxPaddingLeft (theme) {
-        return theme.spacing.sm + theme.spacing.xs;
-    },
-    checkboxPaddingRight (theme) {
-        return theme.spacing.sm;
-    },
-    subMenuIconMargin (theme) {
-        // Negative margin so the icons can be larger without increasing the overall item height
-        const iconMarginVertical = this.itemPaddingVertical(theme) / 2;
-        const iconMarginRight = -this.itemPaddingVertical(theme) + theme.spacing.sm * 1.5;
-        return `${-iconMarginVertical}px ${-iconMarginRight}px ${-iconMarginVertical}px auto`;
-    },
-    subMenuIconSize (theme) {
-        return theme.spacing.lg;
-    },
     arrowBottomLength () {
         // The built in arrow is a polygon: 0,0 30,0 15,10
         return 30;
@@ -21727,13 +21822,14 @@ const CONSTANTS = {
     }
 };
 const dropdownContentStyles = (theme)=>({
-        backgroundColor: theme.colors.backgroundPrimary,
-        color: theme.colors.textPrimary,
+        backgroundColor: 'var(--db-menu-surface)',
+        color: 'var(--db-menu-text)',
+        // No v2 line-height token. TODO(FEINF-6557): adopt one when it lands.
         lineHeight: theme.typography.lineHeightBase,
-        border: `1px solid ${theme.colors.border}`,
-        borderRadius: token(ShapeTokens.POPUP_BORDER_RADIUS, theme.borders.borderRadiusSm),
-        padding: `${theme.spacing.xs}px 0`,
-        boxShadow: theme.shadows.lg,
+        border: `1px solid var(--db-menu-border)`,
+        borderRadius: 'var(--db-menu-border-radius)',
+        padding: `var(--db-menu-content-padding-vertical) 0`,
+        boxShadow: 'var(--db-menu-elevation)',
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
         userSelect: 'none',
@@ -21742,7 +21838,6 @@ const dropdownContentStyles = (theme)=>({
         // @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
         overflowY: 'auto',
         maxHeight: 'var(--radix-dropdown-menu-content-available-height)',
-        ...getDarkModePortalStyles(theme),
         // Ant Design uses 1000s for their zIndex space; this ensures Radix works with that, but
         // we'll likely need to be sure that all Radix components are using the same zIndex going forward.
         //
@@ -21751,9 +21846,9 @@ const dropdownContentStyles = (theme)=>({
         // so we have to use a higher value than that: https://github.com/databricks/universe/pull/232825
         zIndex: getZIndex(),
         a: importantify({
-            color: theme.colors.textPrimary,
+            color: 'var(--db-menu-text)',
             '&:hover, &:focus': {
-                color: theme.colors.textPrimary,
+                color: 'var(--db-menu-text)',
                 textDecoration: 'none'
             }
         })
@@ -21761,8 +21856,8 @@ const dropdownContentStyles = (theme)=>({
 const contentStyles = (theme)=>({
         ...dropdownContentStyles(theme)
     });
-const dropdownItemStyles = (theme)=>({
-        padding: `${CONSTANTS.itemPaddingVertical(theme)}px ${CONSTANTS.itemPaddingHorizontal(theme)}px`,
+const dropdownItemStyles = ()=>({
+        padding: `var(--db-menu-item-padding-vertical) var(--db-menu-item-padding-horizontal)`,
         display: 'flex',
         flexWrap: 'wrap',
         alignItems: 'center',
@@ -21771,31 +21866,31 @@ const dropdownItemStyles = (theme)=>({
             cursor: 'pointer'
         },
         '&:focus': {
-            backgroundColor: theme.colors.actionTertiaryBackgroundHover,
+            backgroundColor: 'var(--db-menu-item-surface-hover)',
             '&:not(:hover)': {
-                outline: `2px auto ${theme.colors.actionDefaultBorderFocus}`,
-                outlineOffset: '-1px'
+                outline: `var(--db-menu-item-focus-ring-width) auto var(--db-menu-item-focus-ring)`,
+                outlineOffset: 'var(--db-menu-item-focus-ring-offset)'
             }
         },
         '&[data-disabled]': {
             pointerEvents: 'none',
-            color: `${theme.colors.actionDisabledText} !important`
-        }
-    });
-const dangerItemStyles = (theme)=>({
-        color: theme.colors.textValidationDanger,
-        '&:hover, &:focus': {
-            backgroundColor: theme.colors.actionDangerDefaultBackgroundHover
+            color: `var(--db-menu-item-text-disabled) !important`
         }
     });
-const checkboxItemStyles = (theme)=>({
-        position: 'relative',
-        paddingLeft: CONSTANTS.checkboxIconWidth(theme) + CONSTANTS.checkboxPaddingLeft(theme) + CONSTANTS.checkboxPaddingRight(theme)
-    });
-const dropdownSeparatorStyles = (theme)=>({
-        height: 1,
-        margin: `${theme.spacing.xs}px ${theme.spacing.sm}px`,
-        backgroundColor: theme.colors.borderDecorative
+const dangerItemStyles = /*#__PURE__*/ css({
+    color: 'var(--db-dropdown-menu-item-danger-text)',
+    '&:hover, &:focus': {
+        backgroundColor: 'var(--db-dropdown-menu-item-danger-surface-hover)'
+    }
+});
+const checkboxItemStyles = /*#__PURE__*/ css({
+    position: 'relative',
+    paddingLeft: 'var(--db-dropdown-menu-checkbox-indent)'
+});
+const dropdownSeparatorStyles = ()=>({
+        height: 'var(--db-menu-separator-height)',
+        margin: `var(--db-menu-separator-margin-vertical) var(--db-menu-separator-margin-horizontal)`,
+        backgroundColor: 'var(--db-menu-separator)'
     });
 function getZIndex() {
     return 10000;
@@ -21850,26 +21945,24 @@ const VALUE_DEFAULT_EVENTS_WITH_VIEW = [
 const VALUE_DEFAULT_EVENTS_NO_VIEW = [
     DesignSystemEventProviderAnalyticsEventTypes.OnValueChange
 ];
-// Module-level caches. The styles below depend only on theme — every ContextMenu
-// component on a page shares the same styles, so memoize once per (isDarkMode).
-const getMemoizedItemIndicatorStyles = memoize((theme)=>/*#__PURE__*/ css({
-        display: 'inline-flex',
-        paddingRight: theme.spacing.xs
-    }));
-const getMemoizedLabelStyles = memoize((theme)=>({
-        color: theme.colors.textSecondary,
-        padding: `${theme.spacing.sm - 2}px ${theme.spacing.sm}px`
-    }));
-const getMemoizedHintStyles$1 = memoize((theme)=>({
-        display: 'inline-flex',
-        marginLeft: 'auto',
-        paddingLeft: theme.spacing.sm
-    }));
-const getMemoizedRadioItemUncheckedStyles = memoize((theme)=>({
-        '&[data-state="unchecked"]': {
-            paddingLeft: theme.general.iconFontSize + theme.spacing.xs + theme.spacing.sm
-        }
-    }));
+const itemIndicatorCss = /*#__PURE__*/ css({
+    display: 'inline-flex',
+    paddingInlineEnd: 'var(--db-context-menu-item-indicator-padding-end)'
+});
+const labelCss = {
+    color: 'var(--db-context-menu-label-text)',
+    padding: 'var(--db-context-menu-label-padding-vertical) var(--db-context-menu-label-padding-horizontal)'
+};
+const hintCss = {
+    display: 'inline-flex',
+    marginInlineStart: 'auto',
+    paddingInlineStart: 'var(--db-context-menu-hint-padding-start)'
+};
+const radioItemUncheckedCss = {
+    '&[data-state="unchecked"]': {
+        paddingLeft: 'var(--db-context-menu-radio-unchecked-indent)'
+    }
+};
 const ContextMenuProps = /*#__PURE__*/ createContext({
     isOpen: false,
     setIsOpen: (isOpen)=>{}
@@ -21898,7 +21991,7 @@ const SubTrigger = ({ children, disabledReason, withChevron, ...props })=>{
     const ref = useRef(null);
     return /*#__PURE__*/ jsxs(ContextMenuSubTrigger, {
         ...props,
-        css: dropdownItemStyles(theme),
+        css: dropdownItemStyles(),
         ref: ref,
         onKeyDown: (e)=>{
             if (e.key === 'Tab' || e.key === 'ArrowDown' || e.key === 'ArrowUp') {
@@ -22033,7 +22126,7 @@ const Item$2 = ({ children, disabledReason, onClick, componentId, analyticsEvent
         ...props,
         asChild: asChild,
         onClick: onClickWrapper,
-        css: dropdownItemStyles(theme),
+        css: dropdownItemStyles(),
         ref: mergedRef,
         onKeyDown: (e)=>{
             if (e.key === 'Tab' || e.key === 'ArrowDown' || e.key === 'ArrowUp') {
@@ -22074,7 +22167,7 @@ const CheckboxItem = ({ children, disabledReason, onCheckedChange, componentId,
     return /*#__PURE__*/ jsxs(ContextMenuCheckboxItem, {
         ...props,
         onCheckedChange: onCheckedChangeWrapper,
-        css: dropdownItemStyles(theme),
+        css: dropdownItemStyles(),
         ref: mergedRef,
         onKeyDown: (e)=>{
             if (e.key === 'Tab' || e.key === 'ArrowDown' || e.key === 'ArrowUp') {
@@ -22085,12 +22178,12 @@ const CheckboxItem = ({ children, disabledReason, onCheckedChange, componentId,
         ...eventContext.dataComponentProps,
         children: [
             /*#__PURE__*/ jsx(ContextMenuItemIndicator, {
-                css: getMemoizedItemIndicatorStyles(theme),
+                css: itemIndicatorCss,
                 children: /*#__PURE__*/ jsx(CheckIcon, {})
             }),
             !props.checked && /*#__PURE__*/ jsx("div", {
                 style: {
-                    width: theme.general.iconFontSize + theme.spacing.xs
+                    width: 'var(--db-context-menu-checkbox-gap)'
                 }
             }),
             getNewChildren(children, props, disabledReason, getZIndex() + 1)
@@ -22130,13 +22223,13 @@ const RadioItem = ({ children, disabledReason, ...props })=>{
     return /*#__PURE__*/ jsxs(ContextMenuRadioItem, {
         ...props,
         css: [
-            dropdownItemStyles(theme),
-            getMemoizedRadioItemUncheckedStyles(theme)
+            dropdownItemStyles(),
+            radioItemUncheckedCss
         ],
         ref: ref,
         children: [
             /*#__PURE__*/ jsx(ContextMenuItemIndicator, {
-                css: getMemoizedItemIndicatorStyles(theme),
+                css: itemIndicatorCss,
                 children: /*#__PURE__*/ jsx(CheckIcon, {})
             }),
             getNewChildren(children, props, disabledReason, getZIndex() + 1)
@@ -22144,30 +22237,24 @@ const RadioItem = ({ children, disabledReason, ...props })=>{
     });
 };
 const Label = ({ children, ...props })=>{
-    const { theme } = useDesignSystemTheme();
     return /*#__PURE__*/ jsx(ContextMenuLabel, {
         ...props,
-        css: getMemoizedLabelStyles(theme),
+        css: labelCss,
         children: children
     });
 };
 const Hint$1 = ({ children })=>{
-    const { theme } = useDesignSystemTheme();
     return /*#__PURE__*/ jsx("span", {
-        css: getMemoizedHintStyles$1(theme),
+        css: hintCss,
         children: children
     });
 };
 const Separator = ()=>{
-    const { theme } = useDesignSystemTheme();
     return /*#__PURE__*/ jsx(ContextMenuSeparator, {
-        css: dropdownSeparatorStyles(theme)
+        css: dropdownSeparatorStyles
     });
 };
-const itemIndicatorStyles = (theme)=>/*#__PURE__*/ css({
-        display: 'inline-flex',
-        paddingRight: theme.spacing.xs
-    });
+const itemIndicatorStyles = ()=>itemIndicatorCss;
 const ContextMenu = {
     Root: Root$7,
     Trigger: Trigger$3,
@@ -22410,7 +22497,7 @@ const getInputEmotionStyles = (clsPrefix, theme, { validationState, type, hasVal
     }, {});
     return /*#__PURE__*/ css(importantify(styles));
 };
-const Input$1 = /*#__PURE__*/ forwardRef(function Input({ validationState, autoComplete = 'off', dangerouslySetAntdProps, dangerouslyAppendEmotionCSS, onChange, onClear, onFocus, onPressEnter, onWheel, onCompositionStart, onCompositionEnd, componentId, shouldPreventFormSubmission, analyticsEvents, readOnly, locked, size = 'middle', type, allowClear, ...props }, ref) {
+const AntDInput = /*#__PURE__*/ forwardRef(function AntDInput({ validationState, autoComplete = 'off', dangerouslySetAntdProps, dangerouslyAppendEmotionCSS, onChange, onClear, onFocus, onPressEnter, onWheel, onCompositionStart, onCompositionEnd, componentId, shouldPreventFormSubmission, analyticsEvents, readOnly, locked, size = 'middle', type, allowClear, ...props }, ref) {
     // The clear (X) button overlaps the native number-input spinner arrows and
     // causes misclicks, so default allowClear to false for type="number". An
     // explicit value from the caller is still honored. See DUBOIS-353.
@@ -22538,6 +22625,8 @@ const Input$1 = /*#__PURE__*/ forwardRef(function Input({ validationState, autoC
             ...addDebugOutlineIfEnabled(),
             autoComplete: autoComplete,
             "data-validation": validationState,
+            // The public ref type (InputRef) is a structural subset of antd's Input instance, which
+            // is what antd populates the ref with — safe to cast at this AntD boundary.
             ref: ref,
             css: [
                 getInputEmotionStyles(classNamePrefix, theme, {
@@ -23483,6 +23572,393 @@ const isValidCustomInputDate = (date, format$1)=>{
     }
 };
 
+const ROOT_CLASS$1 = 'db-input';
+/**
+ * Builds the class name for the shared `.db-input` container (see `mortar/input.css`) plus its size,
+ * locked, and validation-state modifiers. Shared by the native input and password so the root class
+ * and its modifier names live in one place.
+ */ function getInputContainerClassName({ size, locked, validationState }) {
+    return classnames(ROOT_CLASS$1, {
+        [`${ROOT_CLASS$1}-small`]: size === 'small',
+        [`${ROOT_CLASS$1}-locked`]: locked,
+        [`${ROOT_CLASS$1}-error`]: validationState === 'error',
+        [`${ROOT_CLASS$1}-warning`]: validationState === 'warning',
+        [`${ROOT_CLASS$1}-success`]: validationState === 'success'
+    });
+}
+
+/** Options accepted by {@link InputRef.focus}: the DOM `FocusOptions` plus a cursor-placement hint. */ /** Focuses the field (input or textarea) and sets the cursor location and text selection state. */ function focusWithCursor(field, options) {
+    field.focus(options);
+    switch(options?.cursor){
+        case 'start':
+            field.setSelectionRange(0, 0);
+            break;
+        case 'end':
+            field.setSelectionRange(field.value.length, field.value.length);
+            break;
+        case 'all':
+            field.select();
+            break;
+    }
+}
+
+/**
+ * Builds the change event fired when the clear button empties the input: it retargets the button's
+ * own click event at the (now-empty) input so `onChange` handlers reading `event.target.value` see
+ * the cleared value. Retargeting the real SyntheticEvent — rather than fabricating one — keeps
+ * `preventDefault`, `stopPropagation`, etc. intact. This is the same bridge rc-input used.
+ */ function createClearedChangeEvent(clickEvent, clearedInput) {
+    return Object.create(clickEvent, {
+        target: {
+            value: clearedInput
+        },
+        currentTarget: {
+            value: clearedInput
+        }
+    });
+}
+/**
+ * Produces the clear button's click handler: it empties the input, keeps focus on it, and reports
+ * the change through `onClear` — or through `onChange` with the emptied value when no `onClear` is
+ * given, matching the AntD-backed input.
+ */ function useInputClearHandler({ inputRef, isControlled, setUncontrolledHasValue, reportValueChange, onClear, onChange }) {
+    return useCallback((e)=>{
+        const inputElement = inputRef.current;
+        if (!inputElement) return;
+        // Empty the field (for an uncontrolled input) and keep focus where the value was; a controlled
+        // caller re-empties it from `value` in response to the callbacks below.
+        inputElement.value = '';
+        inputElement.focus();
+        if (!isControlled) {
+            setUncontrolledHasValue(false);
+        }
+        reportValueChange();
+        if (onClear) {
+            onClear();
+        } else {
+            onChange?.(createClearedChangeEvent(e, inputElement));
+        }
+    }, [
+        inputRef,
+        isControlled,
+        onChange,
+        onClear,
+        reportValueChange,
+        setUncontrolledHasValue
+    ]);
+}
+
+/**
+ * Owns the observability wiring shared by the native Input and TextArea: the default analytics-event
+ * set, the component event context, first-view reporting, and once-per-focus value-change reporting.
+ * The component merges {@link elementRef} into its field ref, spreads {@link dataComponentProps} onto
+ * the element, calls {@link reportValueChange} from its change handler, and re-arms it on focus via
+ * {@link resetOnFocus} (which {@link useTextFieldFocusHandler} composes into the focus handler).
+ */ function useTextFieldAnalytics({ componentType, componentId, analyticsEvents }) {
+    const memoizedAnalyticsEvents = useMemo(()=>analyticsEvents ?? [
+            DesignSystemEventProviderAnalyticsEventTypes.OnValueChange
+        ], [
+        analyticsEvents
+    ]);
+    const eventContext = useDesignSystemEventComponentCallbacks({
+        componentType,
+        componentId,
+        analyticsEvents: memoizedAnalyticsEvents,
+        valueHasNoPii: false
+    });
+    // Emit the view event the first time the field scrolls into view (once).
+    const { elementRef } = useNotifyOnFirstView({
+        onView: eventContext.onView
+    });
+    // Emit onValueChange at most once per focus, until a focus re-arms it.
+    const { callbackOnceUntilReset: reportValueChange, reset: resetOnFocus } = useCallbackOnceUntilReset(eventContext.onValueChange);
+    return {
+        elementRef,
+        dataComponentProps: eventContext.dataComponentProps,
+        reportValueChange,
+        resetOnFocus
+    };
+}
+
+/**
+ * Composes the text field's focus handler shared by the native Input and TextArea: re-arm the
+ * once-per-focus value-change reporter (`resetOnFocus`, from {@link useTextFieldAnalytics}), then
+ * forward the consumer's `onFocus`.
+ */ function useTextFieldFocusHandler(onFocus, resetOnFocus) {
+    return useCallback((e)=>{
+        resetOnFocus();
+        onFocus?.(e);
+    }, [
+        onFocus,
+        resetOnFocus
+    ]);
+}
+
+/**
+ * Wires the key behaviour shared by the native Input and TextArea: submit-the-form-on-Enter (IME-safe,
+ * via {@link useCallbackOnEnter}), the `onPressEnter` callback, and chaining of the consumer's own key
+ * and composition handlers. The composition handlers travel with the keydown handler because the
+ * submit-on-Enter logic relies on their composition tracking to avoid firing mid-IME-composition.
+ */ function useTextFieldKeyHandlers({ formRef, allowBasicEnter, allowPlatformEnter, stopKeyDownAfterSubmit, onPressEnter, onKeyDown, onCompositionStart, onCompositionEnd }) {
+    const onFormSubmit = useCallback((e)=>{
+        if (!formRef?.current) return;
+        e.preventDefault();
+        formRef.current.requestSubmit();
+    }, [
+        formRef
+    ]);
+    const submitHandlers = useCallbackOnEnter({
+        callback: onFormSubmit,
+        allowBasicEnter,
+        allowPlatformEnter
+    });
+    // onPressEnter fires only on Enter, unlike the general onKeyDown chain it rides in.
+    const handlePressEnter = useCallback((e)=>{
+        if (e.key === 'Enter') onPressEnter?.(e);
+    }, [
+        onPressEnter
+    ]);
+    const onKeyDownChain = useChainEventHandlers(useMemo(()=>({
+            handlers: [
+                submitHandlers.onKeyDown,
+                handlePressEnter,
+                onKeyDown
+            ],
+            stopOnDefaultPrevented: stopKeyDownAfterSubmit
+        }), [
+        handlePressEnter,
+        onKeyDown,
+        stopKeyDownAfterSubmit,
+        submitHandlers.onKeyDown
+    ]));
+    const onCompositionStartChain = useChainEventHandlers(useMemo(()=>({
+            handlers: [
+                submitHandlers.onCompositionStart,
+                onCompositionStart
+            ]
+        }), [
+        onCompositionStart,
+        submitHandlers.onCompositionStart
+    ]));
+    const onCompositionEndChain = useChainEventHandlers(useMemo(()=>({
+            handlers: [
+                submitHandlers.onCompositionEnd,
+                onCompositionEnd
+            ]
+        }), [
+        onCompositionEnd,
+        submitHandlers.onCompositionEnd
+    ]));
+    return {
+        onKeyDown: onKeyDownChain,
+        onCompositionStart: onCompositionStartChain,
+        onCompositionEnd: onCompositionEndChain
+    };
+}
+
+// Styles are not imported here — consumers load them via `@databricks/design-system/src/all-styles.css`.
+// The bordered-box surface is the shared `.db-input` from `mortar/input.css`; the affix/group
+// composition is in this component's `NativeInput.css`.
+const NativeInput = /*#__PURE__*/ forwardRef(function NativeInput({ validationState, autoComplete = 'off', // Emotion- and AntD-specific escape hatches have no meaning for the native input; drop them so
+// they never reach the DOM.
+dangerouslySetAntdProps, dangerouslyAppendEmotionCSS, onChange, onClear, onFocus, onKeyDown, onPressEnter, onWheel, onCompositionStart, onCompositionEnd, componentId, shouldPreventFormSubmission, analyticsEvents, readOnly, locked, size = 'middle', type, className, prefix, suffix, addonBefore, allowClear, ...props }, ref) {
+    const formContext = useFormContext();
+    const themeClass = useDuboisThemeClass();
+    // A controlled input derives "has a value" straight from `value`; an uncontrolled one has no such
+    // prop to read (the value lives in the DOM), so track it in state, seeded from `defaultValue`.
+    const isControlled = props.value !== undefined;
+    const [uncontrolledHasValue, setUncontrolledHasValue] = useState(()=>props.defaultValue != null && props.defaultValue !== '');
+    const hasValue = isControlled ? props.value != null && props.value !== '' : uncontrolledHasValue;
+    const { elementRef, dataComponentProps, reportValueChange, resetOnFocus } = useTextFieldAnalytics({
+        componentType: DesignSystemEventProviderComponentTypes.Input,
+        componentId,
+        analyticsEvents
+    });
+    const inputRef = useRef(null);
+    const mergedInputRef = useMergeRefs([
+        inputRef,
+        elementRef
+    ]);
+    const handleChange = useCallback((e)=>{
+        reportValueChange();
+        onChange?.(e);
+        if (!isControlled) {
+            setUncontrolledHasValue(Boolean(e.target.value));
+        }
+    }, [
+        isControlled,
+        onChange,
+        reportValueChange
+    ]);
+    const handleClear = useInputClearHandler({
+        inputRef,
+        isControlled,
+        setUncontrolledHasValue,
+        reportValueChange,
+        onClear,
+        onChange
+    });
+    const handleFocus = useTextFieldFocusHandler(onFocus, resetOnFocus);
+    const handleWheel = useCallback((e)=>{
+        // A focused <input type="number"> changes its value when the wheel is scrolled over it
+        // (Chrome). preventDefault can't stop it here: React binds onWheel as a passive listener,
+        // where preventDefault is a no-op (facebook/react#32156). Blurring sidesteps it — the value
+        // only changes while focused, so an unfocused input lets the page scroll normally instead.
+        // Only applied when the caller hasn't taken over onWheel. See CJ-72625.
+        if (type === 'number' && !onWheel) {
+            e.currentTarget.blur();
+            return;
+        }
+        onWheel?.(e);
+    }, [
+        onWheel,
+        type
+    ]);
+    // A plain input submits the form on both plain and platform Enter (unless the caller opts out); the
+    // input runs onPressEnter and the caller's onKeyDown even after a submit, so it doesn't stop the chain.
+    const { onKeyDown: onKeyDownChain, onCompositionStart: onCompositionStartChain, onCompositionEnd: onCompositionEndChain } = useTextFieldKeyHandlers({
+        formRef: formContext.formRef,
+        allowBasicEnter: !shouldPreventFormSubmission,
+        allowPlatformEnter: !shouldPreventFormSubmission,
+        stopKeyDownAfterSubmit: false,
+        onPressEnter,
+        onKeyDown,
+        onCompositionStart,
+        onCompositionEnd
+    });
+    useImperativeHandle(ref, ()=>({
+            focus: (options)=>inputRef.current && focusWithCursor(inputRef.current, options),
+            blur: ()=>inputRef.current?.blur(),
+            setSelectionRange: (start, end, direction)=>inputRef.current?.setSelectionRange(start, end, direction),
+            select: ()=>inputRef.current?.select(),
+            // Typed non-null to match AntD's public `InputRef.input`; it is null only before mount, which
+            // consumers already treat as unreachable when they hold the ref.
+            get input () {
+                return inputRef.current;
+            },
+            get state () {
+                return {
+                    value: inputRef.current?.value ?? ''
+                };
+            },
+            setValue: (value)=>{
+                if (inputRef.current) {
+                    inputRef.current.value = value;
+                }
+            }
+        }), []);
+    const containerClassName = getInputContainerClassName({
+        size,
+        locked,
+        validationState
+    });
+    // The clear (X) button overlaps the number-input spinner arrows and causes misclicks, so
+    // allowClear defaults off for type="number"; an explicit value from the caller still wins.
+    // See DUBOIS-353.
+    const canClear = Boolean(allowClear ?? (type === 'number' ? false : undefined));
+    const isClearButtonVisible = canClear && hasValue && !props.disabled && !(locked || readOnly);
+    // The suffix is a lock icon when locked; otherwise the caller's suffix, hidden for an empty number
+    // input where it would sit on top of the spinner arrows.
+    const suffixContent = locked ? /*#__PURE__*/ jsx(LockIcon, {}) : !hasValue && type === 'number' ? undefined : suffix;
+    // The affix container is present whenever an affix is configured (not just currently shown) so the
+    // inner <input> is never remounted — and focus never lost — as the clear button or suffix appears.
+    const hasAffixContainer = Boolean(prefix) || Boolean(suffix) || Boolean(locked) || canClear;
+    // Outer-level attributes — the theme class (so the token custom properties resolve for the whole
+    // control), the caller's className, and the debug outline — belong on the outermost element. That
+    // is the control itself here; with an addon it is instead the group at the end.
+    const outerClassName = addonBefore ? undefined : classnames(themeClass, className);
+    const outerProps = addonBefore ? undefined : addDebugOutlineIfEnabled();
+    const input = /*#__PURE__*/ jsx("input", {
+        ...hasAffixContainer ? undefined : outerProps,
+        ref: mergedInputRef,
+        className: hasAffixContainer ? undefined : classnames(containerClassName, outerClassName),
+        type: type,
+        autoComplete: autoComplete,
+        readOnly: locked || readOnly,
+        onChange: handleChange,
+        onFocus: handleFocus,
+        onWheel: handleWheel,
+        onKeyDown: onKeyDownChain,
+        onCompositionStart: onCompositionStartChain,
+        onCompositionEnd: onCompositionEndChain,
+        ...hasAffixContainer ? {} : {
+            'data-validation': validationState
+        },
+        ...props,
+        ...dataComponentProps
+    });
+    const control = hasAffixContainer ? /*#__PURE__*/ jsxs("span", {
+        ...outerProps,
+        className: classnames(containerClassName, 'db-input-affix-container', outerClassName),
+        "data-validation": validationState,
+        children: [
+            prefix ? /*#__PURE__*/ jsx("span", {
+                className: "db-input-prefix",
+                children: prefix
+            }) : null,
+            input,
+            isClearButtonVisible || suffixContent ? /*#__PURE__*/ jsxs("span", {
+                className: "db-input-suffix",
+                children: [
+                    isClearButtonVisible ? /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: "db-input-clear",
+                        "aria-label": "Clear",
+                        onClick: handleClear,
+                        children: /*#__PURE__*/ jsx(XCircleFillIcon, {})
+                    }) : null,
+                    suffixContent
+                ]
+            }) : null
+        ]
+    }) : input;
+    // With an addon, the group is the outermost element and carries the outer-level attributes;
+    // otherwise `control` already carries them.
+    if (addonBefore) {
+        return /*#__PURE__*/ jsxs("span", {
+            ...addDebugOutlineIfEnabled(),
+            className: classnames('db-input-addon-group', themeClass, className),
+            children: [
+                /*#__PURE__*/ jsx("span", {
+                    className: "db-input-addon",
+                    children: addonBefore
+                }),
+                control
+            ]
+        });
+    }
+    return control;
+});
+
+/** Gets whether the native (non-AntD) implementation should render for the given `forceMode`. */ function shouldUseNativeInput(forceMode = 'flag') {
+    if (forceMode === 'native') {
+        return true;
+    }
+    if (forceMode === 'legacy-antd') {
+        return false;
+    }
+    // serverSideSafe (not safex) resolves synchronously at first paint from the server-injected flags,
+    // so it never trips the "flag accessed before the SAFE RPC is ready" guard when an Input renders in
+    // a page's initial chrome. This mirrors the Button/Breadcrumb/Icon native migrations.
+    return serverSideSafe('databricks.fe.designsystem.useNativeInput', false);
+}
+
+/**
+ * The Du Bois text input. Renders the native (non-AntD) or AntD-backed implementation per `forceMode`,
+ * which defaults to the `databricks.fe.designsystem.useNativeInput` SAFE flag.
+ */ const Input$1 = /*#__PURE__*/ forwardRef(function Input({ forceMode, ...props }, ref) {
+    if (shouldUseNativeInput(forceMode)) {
+        return /*#__PURE__*/ jsx(NativeInput, {
+            ...props,
+            ref: ref
+        });
+    }
+    return /*#__PURE__*/ jsx(AntDInput, {
+        ...props,
+        ref: ref
+    });
+});
+
 const DEFAULT_MIN_DATE = '1900-01-01 00:00:00';
 const DEFAULT_MAX_DATE = '2100-12-31 23:59:59';
 // Module-level caches for the DatePicker style/className helpers. Their outputs depend
@@ -25519,6 +25995,38 @@ const getHintColumnStyles = (theme, disabled, textOverflowMode)=>{
     });
 };
 
+const ADD_BUTTON_STYLES = /*#__PURE__*/ css(importantify({
+    width: '100%',
+    padding: 0,
+    display: 'flex',
+    alignItems: 'center',
+    borderRadius: 0,
+    '&:focus': {
+        background: 'var(--db-dialog-combobox-option-surface-hover)',
+        outline: 'none'
+    }
+}));
+const DialogComboboxAddButton = ({ children, ...restProps })=>{
+    const { theme } = useDesignSystemTheme();
+    const { isInsideDialogCombobox, componentId } = useDialogComboboxContext();
+    if (!isInsideDialogCombobox) {
+        throw new Error('`DialogComboboxAddButton` must be used within `DialogCombobox`');
+    }
+    return /*#__PURE__*/ jsx(Button, {
+        // oxlint-disable-next-line @databricks/no-dynamic-property-value -- Contextual component ID validated through DialogCombobox component exempt:fc0846cb-b73b-401b-834e-75bb8b6d4c20
+        componentId: `${componentId ? componentId : 'design_system.dialogcombobox'}.add_option`,
+        ...restProps,
+        type: "tertiary",
+        className: "combobox-footer-add-button",
+        css: /*#__PURE__*/ css({
+            ...getComboboxOptionItemWrapperStyles(theme),
+            ...ADD_BUTTON_STYLES
+        }),
+        icon: /*#__PURE__*/ jsx(PlusIcon, {}),
+        children: children
+    });
+};
+
 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, className, style, ...restProps }, forwardedRef)=>{
@@ -25635,24 +26143,23 @@ const DialogComboboxContent = /*#__PURE__*/ forwardRef(// eslint-disable-next-li
     });
 });
 
-const getCountBadgeStyles = (theme)=>/*#__PURE__*/ css(importantify({
-        display: 'inline-flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        boxSizing: 'border-box',
-        padding: `${theme.spacing.xs / 2}px ${theme.spacing.xs}px`,
-        background: theme.colors.tagDefault,
-        borderRadius: theme.general.borderRadiusBase,
-        fontSize: theme.typography.fontSizeBase,
-        height: 20
-    }));
+const COUNT_BADGE_STYLES = /*#__PURE__*/ css(importantify({
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    boxSizing: 'border-box',
+    padding: 'var(--db-dialog-combobox-count-badge-padding-vertical) var(--db-dialog-combobox-count-badge-padding-horizontal)',
+    background: 'var(--db-dialog-combobox-count-badge-surface)',
+    borderRadius: 'var(--db-dialog-combobox-count-badge-border-radius)',
+    fontSize: 'var(--db-dialog-combobox-count-badge-font-size)',
+    height: 20
+}));
 const DialogComboboxCountBadge = (props)=>{
     const { countStartAt, ...restOfProps } = props;
-    const { theme } = useDesignSystemTheme();
     const { value } = useDialogComboboxContext();
     return /*#__PURE__*/ jsx("div", {
         ...restOfProps,
-        css: getCountBadgeStyles(theme),
+        css: COUNT_BADGE_STYLES,
         children: Array.isArray(value) ? countStartAt ? `+${value.length - countStartAt}` : value.length : value ? 1 : 0
     });
 };
@@ -25761,6 +26268,12 @@ const useDialogComboboxOptionListContext = ()=>{
     return useContext(DialogComboboxOptionListContext);
 };
 
+const DISABLED_REASON_ICON_STYLES = /*#__PURE__*/ css({
+    display: 'flex',
+    alignItems: 'center',
+    alignSelf: 'flex-start',
+    marginTop: 'var(--db-dialog-combobox-option-info-icon-spacing)'
+});
 const DuboisDialogComboboxOptionListCheckboxItem = /*#__PURE__*/ forwardRef(({ value, checked, indeterminate, onChange, children, disabledReason, _TYPE, ...props }, ref)=>{
     const { theme } = useDesignSystemTheme();
     const { textOverflowMode, contentWidth, disableMouseOver, setDisableMouseOver } = useDialogComboboxContext();
@@ -25776,22 +26289,22 @@ const DuboisDialogComboboxOptionListCheckboxItem = /*#__PURE__*/ forwardRef(({ v
     let content = children ?? value;
     if (props.disabled && disabledReason) {
         content = /*#__PURE__*/ jsxs("div", {
-            css: {
+            css: /*#__PURE__*/ css({
                 display: 'flex'
-            },
+            }),
             children: [
                 /*#__PURE__*/ jsx("div", {
-                    css: {
+                    css: /*#__PURE__*/ css({
                         flex: 1,
                         minWidth: 0
-                    },
+                    }),
                     children: content
                 }),
                 /*#__PURE__*/ jsx("div", {
-                    css: {
+                    css: /*#__PURE__*/ css({
                         display: 'flex',
                         flexShrink: 0
-                    },
+                    }),
                     children: /*#__PURE__*/ jsx(Tooltip, {
                         componentId: "dialog-combobox-option-list-checkbox-item-disabled-reason-tooltip",
                         content: disabledReason,
@@ -25799,12 +26312,7 @@ const DuboisDialogComboboxOptionListCheckboxItem = /*#__PURE__*/ forwardRef(({ v
                         children: /*#__PURE__*/ jsx("span", {
                             css: [
                                 getInfoIconStyles(theme),
-                                {
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    alignSelf: 'flex-start',
-                                    marginTop: theme.spacing.xs / 2
-                                }
+                                DISABLED_REASON_ICON_STYLES
                             ],
                             children: /*#__PURE__*/ jsx(InfoSmallIcon, {
                                 "aria-label": "Disabled status information",
@@ -25859,12 +26367,12 @@ const DuboisDialogComboboxOptionListCheckboxItem = /*#__PURE__*/ forwardRef(({ v
                 handleSelect(e);
             },
             children: /*#__PURE__*/ jsx("div", {
-                css: {
+                css: /*#__PURE__*/ css({
                     maxWidth: '100%',
                     ...props.disabled && disabledReason ? {
                         width: '100%'
                     } : {}
-                },
+                }),
                 children: content
             })
         })
@@ -25941,7 +26449,7 @@ const getInputGroupStyling = (clsPrefix, theme, buttonSide)=>{
         }
     });
 };
-const Group$1 = ({ dangerouslySetAntdProps, dangerouslyAppendEmotionCSS, compact = true, buttonSide = 'right', ...props })=>{
+const AntDGroup = ({ dangerouslySetAntdProps, dangerouslyAppendEmotionCSS, compact = true, buttonSide = 'right', ...props })=>{
     const { classNamePrefix, theme } = useDesignSystemTheme();
     return /*#__PURE__*/ jsx(DesignSystemAntDConfigProvider, {
         children: /*#__PURE__*/ jsx(Input$2.Group, {
@@ -25957,12 +26465,43 @@ const Group$1 = ({ dangerouslySetAntdProps, dangerouslyAppendEmotionCSS, compact
     });
 };
 
-const Password = /*#__PURE__*/ forwardRef(function Password({ validationState, autoComplete = 'off', dangerouslySetAntdProps, dangerouslyAppendEmotionCSS, ...props }, ref) {
+// Styles are not imported here — consumers load them via `@databricks/design-system/src/all-styles.css`.
+// The seam that fuses the members lives in this component's `NativeGroup.css`; `buttonSide` selects
+// which side's corners it squares. The Emotion/AntD escape hatches and `prefixCls` have no meaning
+// here and are dropped so they never reach the DOM.
+const NativeGroup = ({ dangerouslySetAntdProps, dangerouslyAppendEmotionCSS, prefixCls, buttonSide = 'right', compact = true, className, style, children, ...props })=>{
+    const groupClassNames = classnames(useDuboisThemeClass(), 'db-input-group', {
+        'db-input-group-compact': compact
+    }, buttonSide === 'left' ? 'db-input-group-button-start' : 'db-input-group-button-end', className);
+    return /*#__PURE__*/ jsx("span", {
+        ...addDebugOutlineIfEnabled(),
+        className: groupClassNames,
+        style: style,
+        ...props,
+        children: children
+    });
+};
+
+/**
+ * The Du Bois input group, which joins an Input to an adjacent control (typically a Button) into a
+ * single seamless control. Renders the native (non-AntD) or AntD-backed implementation per
+ * `forceMode`, which defaults to the `databricks.fe.designsystem.useNativeInput` SAFE flag.
+ */ const Group$1 = ({ forceMode, ...props })=>{
+    return shouldUseNativeInput(forceMode) ? /*#__PURE__*/ jsx(NativeGroup, {
+        ...props
+    }) : /*#__PURE__*/ jsx(AntDGroup, {
+        ...props
+    });
+};
+
+const AntDPassword = /*#__PURE__*/ forwardRef(function AntDPassword({ validationState, autoComplete = 'off', visibilityToggle = false, dangerouslySetAntdProps, dangerouslyAppendEmotionCSS, ...props }, ref) {
     const { classNamePrefix, theme } = useDesignSystemTheme();
     return /*#__PURE__*/ jsx(DesignSystemAntDConfigProvider, {
         children: /*#__PURE__*/ jsx(Input$2.Password, {
             ...addDebugOutlineIfEnabled(),
-            visibilityToggle: false,
+            visibilityToggle: visibilityToggle,
+            // The public ref type (InputRef) is a structural subset of antd's Input instance, which is
+            // what antd populates the ref with — safe to cast at this AntD boundary.
             ref: ref,
             autoComplete: autoComplete,
             css: [
@@ -25977,7 +26516,91 @@ const Password = /*#__PURE__*/ forwardRef(function Password({ validationState, a
     });
 });
 
-const TextArea = /*#__PURE__*/ forwardRef(function TextArea({ validationState, autoComplete = 'off', dangerouslySetAntdProps, dangerouslyAppendEmotionCSS, componentId, analyticsEvents, onChange, onFocus, onKeyDown, onCompositionStart, onCompositionEnd, allowFormSubmitOnEnter = false, ...props }, ref) {
+const NativePassword = /*#__PURE__*/ forwardRef(function NativePassword({ validationState, autoComplete = 'off', visibilityToggle = false, // Emotion- and AntD-specific escape hatches have no meaning for the native password; drop them
+// so they never reach the DOM.
+dangerouslySetAntdProps, dangerouslyAppendEmotionCSS, className, ...props }, ref) {
+    const themeClass = useDuboisThemeClass();
+    const inputRef = useRef(null);
+    const [isVisible, setIsVisible] = useState(false);
+    useImperativeHandle(ref, ()=>({
+            focus: (options)=>inputRef.current && focusWithCursor(inputRef.current, options),
+            blur: ()=>inputRef.current?.blur(),
+            setSelectionRange: (start, end, direction)=>inputRef.current?.setSelectionRange(start, end, direction),
+            select: ()=>inputRef.current?.select(),
+            // Typed non-null to match AntD's public `InputRef.input`; it is null only before mount, which
+            // consumers already treat as unreachable when they hold the ref.
+            get input () {
+                return inputRef.current;
+            },
+            get state () {
+                return {
+                    value: inputRef.current?.value ?? ''
+                };
+            },
+            setValue: (value)=>{
+                if (inputRef.current) {
+                    inputRef.current.value = value;
+                }
+            }
+        }), []);
+    const containerClassName = getInputContainerClassName({
+        validationState
+    });
+    // Without the toggle the password is a plain masked input; the container styles it directly.
+    if (!visibilityToggle) {
+        return /*#__PURE__*/ jsx("input", {
+            ...addDebugOutlineIfEnabled(),
+            ref: inputRef,
+            type: "password",
+            className: classnames(containerClassName, themeClass, className),
+            autoComplete: autoComplete,
+            "data-validation": validationState,
+            ...props
+        });
+    }
+    // With the toggle, the border box becomes an affix container and a button in the suffix flips
+    // the value between masked (type="password") and visible (type="text").
+    return /*#__PURE__*/ jsxs("span", {
+        ...addDebugOutlineIfEnabled(),
+        className: classnames(containerClassName, 'db-input-affix-container', themeClass, className),
+        "data-validation": validationState,
+        children: [
+            /*#__PURE__*/ jsx("input", {
+                ref: inputRef,
+                type: isVisible ? 'text' : 'password',
+                autoComplete: autoComplete,
+                ...props
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: "db-input-suffix",
+                children: /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    "aria-label": isVisible ? 'Hide password' : 'Show password',
+                    onClick: ()=>setIsVisible((visible)=>!visible),
+                    children: isVisible ? /*#__PURE__*/ jsx(VisibleIcon, {}) : /*#__PURE__*/ jsx(VisibleOffIcon, {})
+                })
+            })
+        ]
+    });
+});
+
+/**
+ * The Du Bois password input. Renders the native (non-AntD) or AntD-backed implementation per
+ * `forceMode`, which defaults to the `databricks.fe.designsystem.useNativeInput` SAFE flag.
+ */ const Password = /*#__PURE__*/ forwardRef(function Password({ forceMode, ...props }, ref) {
+    if (shouldUseNativeInput(forceMode)) {
+        return /*#__PURE__*/ jsx(NativePassword, {
+            ...props,
+            ref: ref
+        });
+    }
+    return /*#__PURE__*/ jsx(AntDPassword, {
+        ...props,
+        ref: ref
+    });
+});
+
+const AntDTextArea = /*#__PURE__*/ forwardRef(function AntDTextArea({ validationState, autoComplete = 'off', dangerouslySetAntdProps, dangerouslyAppendEmotionCSS, componentId, analyticsEvents, onChange, onFocus, onKeyDown, onCompositionStart, onCompositionEnd, allowFormSubmitOnEnter = false, ...props }, ref) {
     const emitOnView = safex('databricks.fe.observability.defaultComponentView.textArea', false);
     const formContext = useFormContext();
     const { classNamePrefix, theme } = useDesignSystemTheme();
@@ -26069,6 +26692,8 @@ const TextArea = /*#__PURE__*/ forwardRef(function TextArea({ validationState, a
     return /*#__PURE__*/ jsx(DesignSystemAntDConfigProvider, {
         children: /*#__PURE__*/ jsx(Input$2.TextArea, {
             ...addDebugOutlineIfEnabled(),
+            // The public ref type (TextAreaRef) is a structural subset of antd's TextArea instance,
+            // which is what antd populates the ref with — safe to cast at this AntD boundary.
             ref: ref,
             autoComplete: autoComplete,
             css: [
@@ -26090,6 +26715,201 @@ const TextArea = /*#__PURE__*/ forwardRef(function TextArea({ validationState, a
     });
 });
 
+// `field-sizing: content` lets the browser grow the textarea with the content and no JS. Detected
+// once; when it's unsupported we fall back to measuring scrollHeight ourselves. The `typeof CSS`
+// guard keeps this safe under server-side rendering. Over 99% of Databricks user sessions are on browsers
+// that support `field-sizing`.
+const SUPPORTS_FIELD_SIZING = typeof CSS !== 'undefined' && typeof CSS.supports === 'function' && CSS.supports('field-sizing', 'content');
+function getRowBounds(autoSize) {
+    return typeof autoSize === 'object' ? autoSize : {};
+}
+/** Grows the textarea to fit its content, clamped to the autoSize row bounds (JS fallback path). */ function resizeToContent(textArea, autoSize) {
+    const { minRows, maxRows } = getRowBounds(autoSize);
+    const style = getComputedStyle(textArea);
+    const lineHeight = parseFloat(style.lineHeight);
+    const verticalPadding = parseFloat(style.paddingTop) + parseFloat(style.paddingBottom);
+    const verticalBorder = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
+    const rowsToHeight = (rows)=>rows * lineHeight + verticalPadding + verticalBorder;
+    // Collapse first so scrollHeight reflects the content, not the current height. scrollHeight
+    // includes padding but not border, and the box is border-box, so add the border back.
+    textArea.style.height = 'auto';
+    let height = textArea.scrollHeight + verticalBorder;
+    if (minRows != null) {
+        height = Math.max(height, rowsToHeight(minRows));
+    }
+    if (maxRows != null) {
+        const maxHeight = rowsToHeight(maxRows);
+        // Once the content exceeds maxRows, cap the height and let the textarea scroll.
+        textArea.style.overflowY = height > maxHeight ? 'auto' : 'hidden';
+        height = Math.min(height, maxHeight);
+    } else {
+        textArea.style.overflowY = 'hidden';
+    }
+    textArea.style.height = `${height}px`;
+}
+/**
+ * Drives the textarea's auto-grow. When the browser supports `field-sizing: content` the CSS owns
+ * the height and this is inert; otherwise it measures the content and sets the height directly. Also
+ * reports size changes through `onResize`. Returns `resizeTextarea`, the imperative re-measure the
+ * component exposes on the ref.
+ */ function useTextAreaAutoSize({ textAreaRef, autoSize, value, onResize }) {
+    const resizeTextarea = useCallback(()=>{
+        const textArea = textAreaRef.current;
+        if (textArea && autoSize && !SUPPORTS_FIELD_SIZING) {
+            resizeToContent(textArea, autoSize);
+        }
+    }, [
+        autoSize,
+        textAreaRef
+    ]);
+    // Re-measure on mount and when the controlled value changes; useLayoutEffect avoids a flash of the
+    // wrong height. Typing is handled by the component calling resizeTextarea from its onChange.
+    useLayoutEffect(()=>{
+        resizeTextarea();
+    }, [
+        resizeTextarea,
+        value
+    ]);
+    const lastWidthRef = useRef();
+    useEffect(()=>{
+        const textArea = textAreaRef.current;
+        const jsAutoSize = Boolean(autoSize) && !SUPPORTS_FIELD_SIZING;
+        if (!textArea || !onResize && !jsAutoSize) return undefined;
+        const observer = new ResizeObserver(()=>{
+            // A width change re-wraps the text, so the height must be re-measured (JS fallback only).
+            // Guarding on width avoids a feedback loop with our own height writes.
+            if (jsAutoSize && textArea.clientWidth !== lastWidthRef.current) {
+                lastWidthRef.current = textArea.clientWidth;
+                resizeTextarea();
+            }
+            onResize?.({
+                width: textArea.clientWidth,
+                height: textArea.clientHeight
+            });
+        });
+        observer.observe(textArea);
+        return ()=>observer.disconnect();
+    }, [
+        autoSize,
+        onResize,
+        resizeTextarea,
+        textAreaRef
+    ]);
+    return {
+        resizeTextarea
+    };
+}
+
+// Styles are not imported here — consumers load them via `@databricks/design-system/src/all-styles.css`.
+// The bordered-box surface is the shared `.db-input` from `mortar/input.css`; the textarea specifics
+// (auto-grow, resize) are in this component's `NativeTextArea.css`.
+const NativeTextArea = /*#__PURE__*/ forwardRef(function NativeTextArea({ validationState, autoComplete = 'off', // Emotion- and AntD-specific escape hatches have no meaning for the native textarea; drop them
+// so they never reach the DOM.
+dangerouslySetAntdProps, dangerouslyAppendEmotionCSS, // The native textarea does not yet render a clear button, so drop `allowClear` rather than
+// leaking it onto the DOM element.
+allowClear, componentId, analyticsEvents, onChange, onFocus, onKeyDown, onPressEnter, onCompositionStart, onCompositionEnd, onResize, allowFormSubmitOnEnter = false, autoSize, rows, style, className, ...props }, ref) {
+    const formContext = useFormContext();
+    const themeClass = useDuboisThemeClass();
+    const { elementRef, dataComponentProps, reportValueChange, resetOnFocus } = useTextFieldAnalytics({
+        componentType: DesignSystemEventProviderComponentTypes.TextArea,
+        componentId,
+        analyticsEvents
+    });
+    const textAreaRef = useRef(null);
+    const mergedRef = useMergeRefs([
+        textAreaRef,
+        elementRef
+    ]);
+    const { resizeTextarea } = useTextAreaAutoSize({
+        textAreaRef,
+        autoSize,
+        value: props.value,
+        onResize
+    });
+    const handleChange = useCallback((e)=>{
+        reportValueChange();
+        onChange?.(e);
+        // Re-grow to the new content (JS fallback path; a no-op under field-sizing).
+        resizeTextarea();
+    }, [
+        onChange,
+        reportValueChange,
+        resizeTextarea
+    ]);
+    const handleFocus = useTextFieldFocusHandler(onFocus, resetOnFocus);
+    // A textarea submits only on platform Enter by default (plain Enter inserts a newline unless the
+    // caller opts in), and a submit stops the rest of the keydown chain so it doesn't also newline.
+    const { onKeyDown: onKeyDownChain, onCompositionStart: onCompositionStartChain, onCompositionEnd: onCompositionEndChain } = useTextFieldKeyHandlers({
+        formRef: formContext.formRef,
+        allowBasicEnter: allowFormSubmitOnEnter,
+        allowPlatformEnter: true,
+        stopKeyDownAfterSubmit: true,
+        onPressEnter,
+        onKeyDown,
+        onCompositionStart,
+        onCompositionEnd
+    });
+    useImperativeHandle(ref, ()=>({
+            focus: (options)=>textAreaRef.current && focusWithCursor(textAreaRef.current, options),
+            blur: ()=>textAreaRef.current?.blur(),
+            get resizableTextArea () {
+                return textAreaRef.current ? {
+                    textArea: textAreaRef.current,
+                    resizeTextarea
+                } : undefined;
+            }
+        }), [
+        resizeTextarea
+    ]);
+    // autoSize can be `true` (grow from content) or `{ minRows, maxRows }`. The row floor seeds the
+    // `rows` attribute — `field-sizing` treats it as the minimum height — and defaults to one row when
+    // the caller gives no minRows, matching the AntD textarea (whose autoSize floors at the content
+    // height, one row, unless minRows is set). maxRows caps the height: the CSS reads it from
+    // `--db-textarea-max-rows` under `field-sizing`, and the JS fallback clamps to it directly.
+    const { minRows, maxRows } = typeof autoSize === 'object' ? autoSize : {};
+    const autoSizeMinRows = minRows ?? 1;
+    const mergedStyle = maxRows != null ? {
+        ...style,
+        '--db-textarea-max-rows': maxRows
+    } : style;
+    return /*#__PURE__*/ jsx("textarea", {
+        ...addDebugOutlineIfEnabled(),
+        ref: mergedRef,
+        className: classnames(getInputContainerClassName({
+            validationState
+        }), 'db-input-textarea', {
+            'db-input-textarea-autosize': Boolean(autoSize)
+        }, themeClass, className),
+        autoComplete: autoComplete,
+        rows: autoSize ? autoSizeMinRows : rows,
+        style: mergedStyle,
+        "data-validation": validationState,
+        onChange: handleChange,
+        onFocus: handleFocus,
+        onKeyDown: onKeyDownChain,
+        onCompositionStart: onCompositionStartChain,
+        onCompositionEnd: onCompositionEndChain,
+        ...props,
+        ...dataComponentProps
+    });
+});
+
+/**
+ * The Du Bois multi-line text input. Renders the native (non-AntD) or AntD-backed implementation per
+ * `forceMode`, which defaults to the `databricks.fe.designsystem.useNativeInput` SAFE flag.
+ */ const TextArea = /*#__PURE__*/ forwardRef(function TextArea({ forceMode, ...props }, ref) {
+    if (shouldUseNativeInput(forceMode)) {
+        return /*#__PURE__*/ jsx(NativeTextArea, {
+            ...props,
+            ref: ref
+        });
+    }
+    return /*#__PURE__*/ jsx(AntDTextArea, {
+        ...props,
+        ref: ref
+    });
+});
+
 // Properly creates the namespace and dot-notation components with correct types.
 const InputNamespace = /* #__PURE__ */ Object.assign(Input$1, {
     TextArea,
@@ -26113,6 +26933,43 @@ const useSelectContext = ()=>{
     return useContext(SelectContext);
 };
 
+const OPTION_ITEM_INTERACTION_STYLES = /*#__PURE__*/ css({
+    '&:hover': {
+        background: 'var(--db-dialog-combobox-option-surface-hover)'
+    },
+    '&:focus': {
+        background: 'var(--db-dialog-combobox-option-surface-hover)',
+        outline: 'none'
+    },
+    '&:focus-visible': {
+        '&:not(:hover)': {
+            outlineStyle: 'solid',
+            outlineWidth: 2,
+            outlineOffset: -2,
+            outlineColor: 'var(--db-dialog-combobox-option-focus-ring)'
+        }
+    }
+});
+const OPTION_CHECK_ICON_STYLES = /*#__PURE__*/ css({
+    marginTop: 'auto',
+    marginBottom: 'auto',
+    color: 'var(--db-dialog-combobox-option-icon)'
+});
+const OPTION_DISABLED_REASON_TITLE_STYLES = /*#__PURE__*/ css({
+    display: 'flex',
+    flexDirection: 'column',
+    flex: '1 1 0',
+    minWidth: 0
+});
+const OPTION_DISABLED_REASON_ICON_STYLES = /*#__PURE__*/ css({
+    display: 'flex',
+    alignItems: 'center',
+    alignSelf: 'flex-start',
+    flexShrink: 0,
+    // Nudge the icon down to visually align with the title's first text line —
+    // matches the same offset used by DialogComboboxOptionListCheckboxItem.
+    marginTop: 'var(--db-dialog-combobox-option-info-icon-spacing)'
+});
 const DuboisDialogComboboxOptionListSelectItem = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
 ({ value, checked, disabledReason, onChange, hintColumn, hintColumnWidthPercent = 50, children, _TYPE, icon, dangerouslyHideCheck, ...props }, ref)=>{
     const { theme } = useDesignSystemTheme();
@@ -26180,15 +27037,7 @@ const DuboisDialogComboboxOptionListSelectItem = /*#__PURE__*/ forwardRef(// esl
         children: /*#__PURE__*/ jsx("span", {
             css: [
                 getInfoIconStyles(theme),
-                {
-                    display: 'flex',
-                    alignItems: 'center',
-                    alignSelf: 'flex-start',
-                    flexShrink: 0,
-                    // Nudge the icon down to visually align with the title's first text line —
-                    // matches the same offset used by DialogComboboxOptionListCheckboxItem.
-                    marginTop: theme.spacing.xs / 2
-                }
+                OPTION_DISABLED_REASON_ICON_STYLES
             ],
             children: /*#__PURE__*/ jsx(InfoSmallIcon, {
                 "aria-label": "Disabled status information",
@@ -26200,23 +27049,7 @@ const DuboisDialogComboboxOptionListSelectItem = /*#__PURE__*/ forwardRef(// esl
         ref: itemRef,
         css: [
             getComboboxOptionItemWrapperStyles(theme),
-            {
-                '&:hover': {
-                    background: theme.colors.actionTertiaryBackgroundHover
-                },
-                '&:focus': {
-                    background: theme.colors.actionTertiaryBackgroundHover,
-                    outline: 'none'
-                },
-                '&:focus-visible': {
-                    '&:not(:hover)': {
-                        outlineStyle: 'solid',
-                        outlineWidth: 2,
-                        outlineOffset: -2,
-                        outlineColor: theme.colors.actionDefaultBorderFocus
-                    }
-                }
-            }
+            OPTION_ITEM_INTERACTION_STYLES
         ],
         ...props,
         onClick: (e)=>{
@@ -26238,11 +27071,7 @@ const DuboisDialogComboboxOptionListSelectItem = /*#__PURE__*/ forwardRef(// esl
         "aria-selected": checked,
         children: [
             !dangerouslyHideCheck && (checked ? /*#__PURE__*/ jsx(CheckIcon, {
-                css: {
-                    marginTop: 'auto',
-                    marginBottom: 'auto',
-                    color: theme.colors.textSecondary
-                }
+                css: OPTION_CHECK_ICON_STYLES
             }) : /*#__PURE__*/ jsx("div", {
                 style: {
                     width: 16,
@@ -26267,8 +27096,8 @@ const DuboisDialogComboboxOptionListSelectItem = /*#__PURE__*/ forwardRef(// esl
                         style: {
                             position: 'relative',
                             top: 1,
-                            marginRight: theme.spacing.sm,
-                            color: theme.colors.textSecondary
+                            marginRight: 'var(--db-dialog-combobox-option-icon-spacing)',
+                            color: 'var(--db-dialog-combobox-option-icon)'
                         },
                         children: icon
                     }),
@@ -26284,12 +27113,7 @@ const DuboisDialogComboboxOptionListSelectItem = /*#__PURE__*/ forwardRef(// esl
                     }) : isDisabledWithReason ? // Column-flex so a `DialogComboboxHintRow` child stacks below the title and so
                     // the title wraps by word (not one-character-per-line) inside narrow containers.
                     /*#__PURE__*/ jsx("div", {
-                        css: {
-                            display: 'flex',
-                            flexDirection: 'column',
-                            flex: '1 1 0',
-                            minWidth: 0
-                        },
+                        css: OPTION_DISABLED_REASON_TITLE_STYLES,
                         children: titleNode
                     }) : titleNode,
                     disabledReasonIcon
@@ -26315,15 +27139,15 @@ const DialogComboboxSectionHeader = ({ children, ...props })=>{
 };
 
 /**
- * Small `DialogComboboxTrigger` outer height stays `SMALL_BUTTON_HEIGHT` (24px). The inner value
+ * Small `DialogComboboxTrigger` outer height stays 24px (`--db-dialog-combobox-trigger-height-small`). The inner value
  * row uses `calc(lineHeightBase + Npx)` with this `N` so descenders are not clipped.
  * Requires `theme.typography.lineHeightBase` to be a CSS length (e.g. `20px`) so `calc` is valid.
  */ const SMALL_TRIGGER_VALUE_ROW_EXTRA_PX = 2;
-const getTriggerWrapperStyles = (theme, clsPrefix, removable, disabled, width)=>/*#__PURE__*/ css(importantify({
+const getTriggerWrapperStyles = (clsPrefix, removable, disabled, width)=>/*#__PURE__*/ css(importantify({
         display: 'inline-flex',
         alignItems: 'center',
         [`& + .${clsPrefix}-form-message`]: {
-            marginTop: theme.spacing.sm
+            marginTop: 'var(--db-dialog-combobox-trigger-message-spacing)'
         },
         ...width && {
             width: width
@@ -26349,7 +27173,7 @@ const getTriggerStyles$1 = (theme, disabled = false, maxWidth, minWidth, removab
             }
         }
     };
-    const validationColor = getValidationStateColor(theme, validationState);
+    const validationColor = validationState ? `var(--db-dialog-combobox-trigger-${validationState}-border)` : undefined;
     return /*#__PURE__*/ css(importantify({
         position: 'relative',
         display: 'inline-flex',
@@ -26358,17 +27182,17 @@ const getTriggerStyles$1 = (theme, disabled = false, maxWidth, minWidth, removab
         minWidth,
         justifyContent: 'flex-start',
         background: 'transparent',
-        padding: isBare ? 0 : triggerSize === 'small' ? '0 8px' : '6px 8px 6px 12px',
+        padding: isBare ? 0 : triggerSize === 'small' ? '0 var(--db-dialog-combobox-trigger-padding-horizontal)' : 'var(--db-dialog-combobox-trigger-padding-vertical) var(--db-dialog-combobox-trigger-padding-horizontal) var(--db-dialog-combobox-trigger-padding-vertical) var(--db-dialog-combobox-trigger-padding-horizontal-start)',
         boxSizing: 'border-box',
-        height: isBare ? theme.typography.lineHeightBase : triggerSize === 'small' ? SMALL_BUTTON_HEIGHT$2 : theme.general.heightSm,
-        border: isBare ? 'none' : `1px solid ${theme.colors.actionDefaultBorderDefault}`,
+        height: isBare ? theme.typography.lineHeightBase : triggerSize === 'small' ? 'var(--db-dialog-combobox-trigger-height-small)' : 'var(--db-dialog-combobox-trigger-height)',
+        border: isBare ? 'none' : '1px solid var(--db-dialog-combobox-trigger-border)',
         ...!isBare && {
             boxShadow: 'none'
         },
-        borderRadius: token(ShapeTokens.INPUT_BORDER_RADIUS, theme.borders.borderRadiusSm),
-        color: theme.colors.textPrimary,
+        borderRadius: 'var(--db-dialog-combobox-trigger-border-radius)',
+        color: 'var(--db-dialog-combobox-trigger-text)',
         lineHeight: theme.typography.lineHeightBase,
-        fontSize: theme.typography.fontSizeBase,
+        fontSize: 'var(--db-dialog-combobox-trigger-font-size)',
         cursor: 'pointer',
         ...width && {
             width: width,
@@ -26381,17 +27205,17 @@ const getTriggerStyles$1 = (theme, disabled = false, maxWidth, minWidth, removab
             borderRightColor: 'transparent'
         },
         '&:hover': {
-            background: isBare ? 'transparent' : theme.colors.actionDefaultBackgroundHover,
-            borderColor: theme.colors.actionDefaultBorderHover,
+            background: isBare ? 'transparent' : 'var(--db-dialog-combobox-trigger-surface-hover)',
+            borderColor: 'var(--db-dialog-combobox-trigger-border-hover)',
             ...removeButtonInteractionStyles
         },
         '&:focus': {
-            borderColor: theme.colors.actionDefaultBorderFocus,
+            borderColor: 'var(--db-dialog-combobox-trigger-focus-ring)',
             outline: 'none',
             ...removeButtonInteractionStyles
         },
         '&:focus, &[data-state="open"]': {
-            outlineColor: theme.colors.actionDefaultBorderFocus,
+            outlineColor: 'var(--db-dialog-combobox-trigger-focus-ring)',
             outlineWidth: 2,
             outlineOffset: -2,
             outlineStyle: 'solid'
@@ -26411,21 +27235,24 @@ const getTriggerStyles$1 = (theme, disabled = false, maxWidth, minWidth, removab
                 background: 'transparent'
             },
             '&&:hover': {
-                borderColor: theme.colors.actionDefaultBorderHover
+                borderColor: 'var(--db-dialog-combobox-trigger-border-hover)'
             },
             '&&:focus, &[data-state="open"]': {
                 borderColor: 'transparent'
             }
         },
         [`&[disabled]`]: {
-            background: theme.colors.actionDisabledBackground,
-            color: theme.colors.actionDisabledText,
+            background: 'var(--db-dialog-combobox-trigger-surface-disabled)',
+            color: 'var(--db-dialog-combobox-trigger-text-disabled)',
             pointerEvents: 'none',
             userSelect: 'none',
-            borderColor: theme.colors.actionDisabledBorder
+            borderColor: 'var(--db-dialog-combobox-trigger-border-disabled)'
         }
     }));
 };
+const TRIGGER_PLACEHOLDER_STYLES = /*#__PURE__*/ css({
+    color: 'var(--db-dialog-combobox-trigger-placeholder-text)'
+});
 const DialogComboboxTrigger = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
 ({ removable = false, onRemove, children, minWidth = 0, maxWidth = 9999, showTagAfterValueCount = 3, allowClear = true, controlled, onClear, wrapperProps, width, withChevronIcon = true, validationState, withInlineLabel = true, placeholder, id: legacyId, isBare = false, triggerSize = 'middle', renderDisplayedValue: formatDisplayedValue = (value)=>value, ...restProps }, forwardedRef)=>{
     const { theme, classNamePrefix } = useDesignSystemTheme();
@@ -26435,6 +27262,7 @@ const DialogComboboxTrigger = /*#__PURE__*/ forwardRef(// eslint-disable-next-li
     if (!isInsideDialogCombobox) {
         throw new Error('`DialogComboboxTrigger` must be used within `DialogCombobox`');
     }
+    // No v2 line-height token. TODO(FEINF-6557): adopt one when it lands.
     const lineHeightBase = theme.typography.lineHeightBase;
     const valueRowHeight = useMemo(()=>triggerSize === 'small' ? `calc(${lineHeightBase} + ${SMALL_TRIGGER_VALUE_ROW_EXTRA_PX}px)` : lineHeightBase, [
         triggerSize,
@@ -26561,9 +27389,7 @@ const DialogComboboxTrigger = /*#__PURE__*/ forwardRef(// eslint-disable-next-li
                 }),
                 ref: triggerContentRef,
                 children: value?.length ? customSelectContent ?? displayedValues : /*#__PURE__*/ jsx("span", {
-                    css: /*#__PURE__*/ css({
-                        color: theme.colors.textPlaceholder
-                    }),
+                    css: TRIGGER_PLACEHOLDER_STYLES,
                     children: selectPlaceholder
                 })
             }),
@@ -26572,8 +27398,8 @@ const DialogComboboxTrigger = /*#__PURE__*/ forwardRef(// eslint-disable-next-li
             }) : null,
             /*#__PURE__*/ jsx(ChevronDownIcon, {
                 css: /*#__PURE__*/ css({
-                    marginLeft: theme.spacing.xs,
-                    color: restProps.disabled ? theme.colors.actionDisabledText : theme.colors.textSecondary
+                    marginLeft: 'var(--db-dialog-combobox-trigger-value-gap)',
+                    color: restProps.disabled ? 'var(--db-dialog-combobox-trigger-text-disabled)' : 'var(--db-dialog-combobox-trigger-icon)'
                 })
             })
         ]
@@ -26609,7 +27435,7 @@ const DialogComboboxTrigger = /*#__PURE__*/ forwardRef(// eslint-disable-next-li
                         css: /*#__PURE__*/ css({
                             height: valueRowHeight,
                             lineHeight: theme.typography.lineHeightBase,
-                            marginRight: theme.spacing.xs,
+                            marginRight: 'var(--db-dialog-combobox-trigger-value-gap)',
                             whiteSpace: 'unset',
                             overflow: 'unset',
                             textOverflow: 'unset'
@@ -26619,16 +27445,14 @@ const DialogComboboxTrigger = /*#__PURE__*/ forwardRef(// eslint-disable-next-li
                             value?.length ? ':' : null
                         ]
                     }) : !value?.length && /*#__PURE__*/ jsx("span", {
-                        css: /*#__PURE__*/ css({
-                            color: theme.colors.textPlaceholder
-                        }),
+                        css: TRIGGER_PLACEHOLDER_STYLES,
                         children: placeholder
                     }),
                     value?.length > showTagAfterValueCount ? /*#__PURE__*/ jsxs(Fragment, {
                         children: [
                             /*#__PURE__*/ jsx("span", {
                                 style: {
-                                    marginRight: theme.spacing.xs
+                                    marginRight: 'var(--db-dialog-combobox-trigger-value-gap)'
                                 },
                                 children: valuesBeforeBadge
                             }),
@@ -26646,9 +27470,9 @@ const DialogComboboxTrigger = /*#__PURE__*/ forwardRef(// eslint-disable-next-li
             }) : null,
             withChevronIcon ? /*#__PURE__*/ jsx(ChevronDownIcon, {
                 css: /*#__PURE__*/ css({
-                    color: restProps.disabled ? theme.colors.actionDisabledText : theme.colors.textSecondary,
+                    color: restProps.disabled ? 'var(--db-dialog-combobox-trigger-text-disabled)' : 'var(--db-dialog-combobox-trigger-icon)',
                     justifySelf: 'flex-end',
-                    marginLeft: theme.spacing.xs
+                    marginLeft: 'var(--db-dialog-combobox-trigger-value-gap)'
                 })
             }) : null
         ]
@@ -26658,7 +27482,7 @@ const DialogComboboxTrigger = /*#__PURE__*/ forwardRef(// eslint-disable-next-li
         ...wrapperProps,
         className: `${restProps?.className ?? ''} ${dialogComboboxClassname} ${selectV2Classname}`.trim(),
         css: [
-            getTriggerWrapperStyles(theme, classNamePrefix, removable, restProps.disabled, width),
+            getTriggerWrapperStyles(classNamePrefix, removable, restProps.disabled, width),
             wrapperProps?.css
         ],
         ...addDebugOutlineIfEnabled(),
@@ -33157,22 +33981,19 @@ const RadioGroupContext = /*#__PURE__*/ React__default.createContext('medium');
 const DEFAULT_ANALYTICS_EVENTS$1 = [
     DesignSystemEventProviderAnalyticsEventTypes.OnValueChange
 ];
-// Module-level cache. Root css depends only on theme; cache once.
-const getMemoizedRootCss = memoize((theme)=>({
-        display: 'flex',
-        flexWrap: 'wrap',
-        gap: theme.spacing.sm
-    }));
-// Item icon css depends on (theme, size). At most 6 cache entries.
-const getMemoizedItemIconCss = memoize((theme, size)=>({
-        marginRight: size === 'large' ? theme.spacing.sm : theme.spacing.xs,
+const rootCss = {
+    display: 'flex',
+    flexWrap: 'wrap',
+    gap: 'var(--db-pill-control-gap)'
+};
+const getItemIconCss = memoize((size)=>({
+        marginRight: size === 'large' ? 'var(--db-pill-control-icon-gap-large)' : 'var(--db-pill-control-icon-gap)',
         [`& > ${getIconClassName()}`]: {
-            verticalAlign: `-3px`
+            verticalAlign: '-3px'
         }
-    }), (theme, size)=>`${themeMemoKey(theme)}|${size}`);
+    }));
 const Root$3 = /*#__PURE__*/ React__default.forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
 ({ size, componentId, analyticsEvents = DEFAULT_ANALYTICS_EVENTS$1, valueHasNoPii, onValueChange, ...props }, forwardedRef)=>{
-    const { theme } = useDesignSystemTheme();
     const contextValue = React__default.useMemo(()=>size ?? 'medium', [
         size
     ]);
@@ -33200,7 +34021,7 @@ const Root$3 = /*#__PURE__*/ React__default.forwardRef(// eslint-disable-next-li
     return /*#__PURE__*/ jsx(RadioGroupContext.Provider, {
         value: contextValue,
         children: /*#__PURE__*/ jsx(RadioGroup$2, {
-            css: getMemoizedRootCss(theme),
+            css: rootCss,
             onValueChange: onValueChangeWrapper,
             ...props,
             ref: mergedRef,
@@ -33220,7 +34041,7 @@ const Item = // eslint-disable-next-line react-component-name/react-component-na
         children: [
             icon && /*#__PURE__*/ jsx("span", {
                 className: iconClass,
-                css: getMemoizedItemIconCss(theme, size),
+                css: getItemIconCss(size),
                 children: icon
             }),
             children
@@ -33236,95 +34057,95 @@ const getRadioGroupItemStyles = (theme, size, iconClass)=>{
         appearance: 'none',
         textDecoration: 'none',
         background: 'none',
-        border: '1px solid',
+        border: 'var(--db-pill-control-border-width) solid',
         cursor: 'pointer',
-        backgroundColor: theme.colors.actionDefaultBackgroundDefault,
-        borderColor: theme.colors.actionDefaultBorderDefault,
-        color: theme.colors.textPrimary,
+        backgroundColor: 'var(--db-pill-control-surface)',
+        borderColor: 'var(--db-pill-control-border)',
+        color: 'var(--db-pill-control-text)',
+        // No v2 line-height token. TODO(FEINF-6557): adopt one when it lands.
         lineHeight: theme.typography.lineHeightBase,
-        height: 32,
-        paddingInline: '12px',
-        fontWeight: theme.typography.typographyRegularFontWeight,
-        fontSize: theme.typography.fontSizeBase,
-        borderRadius: theme.borders.borderRadiusFull,
-        transition: 'background-color 0.2s ease-in-out, border-color 0.2s ease-in-out',
+        height: 'var(--db-pill-control-size)',
+        paddingInline: 'var(--db-pill-control-padding-inline)',
+        fontWeight: 'var(--db-pill-control-font-weight)',
+        fontSize: 'var(--db-pill-control-font-size)',
+        borderRadius: 'var(--db-pill-control-border-radius)',
+        transition: 'background-color var(--db-pill-control-transition-duration) ease-in-out, border-color var(--db-pill-control-transition-duration) ease-in-out',
         [`& > .${iconClass}`]: {
-            color: theme.colors.textSecondary,
+            color: 'var(--db-pill-control-icon)',
             ...size === 'large' ? {
-                backgroundColor: theme.colors.tagDefault,
-                padding: theme.spacing.sm,
-                borderRadius: theme.borders.borderRadiusFull
+                backgroundColor: 'var(--db-pill-control-icon-surface)',
+                padding: 'var(--db-pill-control-icon-surface-padding)',
+                borderRadius: 'var(--db-pill-control-border-radius)'
             } : {}
         },
         '&[data-state="checked"]': {
-            backgroundColor: theme.colors.actionDefaultBackgroundPress,
-            borderColor: 'transparent',
-            color: theme.colors.textPrimary,
-            // outline
+            backgroundColor: 'var(--db-pill-control-surface-checked)',
+            borderColor: 'var(--db-pill-control-border-checked)',
+            color: 'var(--db-pill-control-text)',
             outlineStyle: 'solid',
-            outlineWidth: '2px',
+            outlineWidth: 'var(--db-pill-control-focus-ring-width)',
             outlineOffset: '0px',
-            outlineColor: theme.colors.actionDefaultBorderFocus,
+            outlineColor: 'var(--db-pill-control-focus-ring)',
             '&:hover': {
-                backgroundColor: theme.colors.actionDefaultBackgroundPress,
-                borderColor: theme.colors.actionLinkPress,
+                backgroundColor: 'var(--db-pill-control-surface-checked)',
+                borderColor: 'var(--db-pill-control-border-checked-hover)',
                 color: 'inherit'
             },
             [`& > .${iconClass}, &:hover > .${iconClass}`]: {
-                color: theme.colors.actionDefaultTextPress,
+                color: 'var(--db-pill-control-text-checked)',
                 ...size === 'large' ? {
-                    backgroundColor: theme.colors.actionIconBackgroundPress
+                    backgroundColor: 'var(--db-pill-control-icon-surface-checked)'
                 } : {}
             }
         },
         '&:focus-visible': {
             outlineStyle: 'solid',
-            outlineWidth: '2px',
+            outlineWidth: 'var(--db-pill-control-focus-ring-width)',
             outlineOffset: '0px',
-            outlineColor: theme.colors.actionDefaultBorderFocus
+            outlineColor: 'var(--db-pill-control-focus-ring)'
         },
         '&:hover': {
-            backgroundColor: theme.colors.actionDefaultBackgroundHover,
-            borderColor: theme.colors.actionLinkHover,
-            color: theme.colors.actionDefaultTextHover,
+            backgroundColor: 'var(--db-pill-control-surface-hover)',
+            borderColor: 'var(--db-pill-control-border-hover)',
+            color: 'var(--db-pill-control-text-hover)',
             [`& > .${iconClass}`]: {
                 color: 'inherit',
                 ...size === 'large' ? {
-                    backgroundColor: theme.colors.actionIconBackgroundHover
+                    backgroundColor: 'var(--db-pill-control-icon-surface-hover)'
                 } : {}
             }
         },
         '&:active': {
-            backgroundColor: theme.colors.actionDefaultBackgroundPress,
-            borderColor: theme.colors.actionLinkPress,
-            color: theme.colors.actionDefaultTextPress,
+            backgroundColor: 'var(--db-pill-control-surface-active)',
+            borderColor: 'var(--db-pill-control-border-active)',
+            color: 'var(--db-pill-control-text-active)',
             [`& > .${iconClass}`]: {
                 color: 'inherit',
                 ...size === 'large' ? {
-                    backgroundColor: theme.colors.actionIconBackgroundPress
+                    backgroundColor: 'var(--db-pill-control-icon-surface-active)'
                 } : {}
             }
         },
         '&:disabled': {
-            backgroundColor: theme.colors.actionDisabledBackground,
-            borderColor: theme.colors.actionDisabledBorder,
-            color: theme.colors.actionDisabledText,
+            backgroundColor: 'var(--db-pill-control-surface-disabled)',
+            borderColor: 'var(--db-pill-control-border-disabled)',
+            color: 'var(--db-pill-control-text-disabled)',
             cursor: 'not-allowed',
             [`& > .${iconClass}`]: {
                 color: 'inherit'
             }
         },
         ...size === 'small' ? {
-            height: 24,
+            height: 'var(--db-pill-control-size-small)',
             lineHeight: theme.typography.lineHeightSm,
-            paddingInline: theme.spacing.sm
+            paddingInline: 'var(--db-pill-control-padding-inline-small)'
         } : {},
         ...size === 'large' ? {
-            height: 44,
+            height: 'var(--db-pill-control-size-large)',
             lineHeight: theme.typography.lineHeightXl,
-            paddingInline: theme.spacing.md,
-            paddingInlineStart: '6px',
-            borderRadius: theme.borders.borderRadiusFull
+            paddingInline: 'var(--db-pill-control-padding-inline-large)',
+            paddingInlineStart: 'var(--db-pill-control-padding-inline-start-large)',
+            borderRadius: 'var(--db-pill-control-border-radius)'
         } : {}
     };
 };
@@ -33748,7 +34569,7 @@ const RadioTile = (props)=>{
 
 // TODO(GP): Add this to common spacing vars; I didn't want to make a decision on the value right now,
 // so copied it from `Button`.
-const SMALL_BUTTON_HEIGHT$1 = 24;
+const SMALL_BUTTON_HEIGHT = 24;
 const DEFAULT_ANALYTICS_EVENTS_WITHOUT_VIEW$2 = [
     DesignSystemEventProviderAnalyticsEventTypes.OnValueChange
 ];
@@ -33880,7 +34701,7 @@ function getSegmentedControlButtonEmotionStyles(clsPrefix, theme, size, spaced =
             }
         },
         [`&${classWrapper}, ${classButton}`]: {
-            height: size === 'middle' ? theme.general.heightSm : SMALL_BUTTON_HEIGHT$1,
+            height: size === 'middle' ? theme.general.heightSm : SMALL_BUTTON_HEIGHT,
             lineHeight: theme.typography.lineHeightBase,
             alignItems: 'center'
         },
@@ -33953,7 +34774,7 @@ function getSegmentedControlButtonEmotionStyles(clsPrefix, theme, size, spaced =
             }
         },
         [`&${classWrapper}, ${classButton}`]: {
-            height: size === 'middle' ? theme.general.heightSm : SMALL_BUTTON_HEIGHT$1,
+            height: size === 'middle' ? theme.general.heightSm : SMALL_BUTTON_HEIGHT,
             lineHeight: theme.typography.lineHeightBase,
             alignItems: 'center'
         },
@@ -34189,12 +35010,12 @@ const CollapseButton = /*#__PURE__*/ forwardRef(function CollapseButton({ isExpa
             width: ROUND_BUTTON_SIZE,
             height: ROUND_BUTTON_SIZE,
             borderRadius: '50%',
-            background: theme.colors.backgroundPrimary,
+            background: 'var(--db-sidebar-collapse-button-surface)',
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center',
             cursor: 'pointer',
-            boxShadow: `0 0 0 1px ${theme.colors.border}`,
+            boxShadow: '0 0 0 1px var(--db-sidebar-border)',
             outline: 'none',
             ...hiddenByDefault && {
                 opacity: 0,
@@ -34203,18 +35024,18 @@ const CollapseButton = /*#__PURE__*/ forwardRef(function CollapseButton({ isExpa
             '&:hover': {
                 opacity: 1,
                 pointerEvents: 'auto',
-                boxShadow: `0 0 0 2px ${theme.colors.actionDefaultBorderHover}`
+                boxShadow: '0 0 0 2px var(--db-sidebar-border-hover)'
             },
             '&:focus-visible': {
                 opacity: 1,
                 pointerEvents: 'auto',
-                boxShadow: `0 0 0 2px ${theme.colors.actionDefaultBorderFocus}`
+                boxShadow: '0 0 0 2px var(--db-sidebar-collapse-button-focus-ring)'
             }
         },
         children: /*#__PURE__*/ jsx(Icon, {
             css: {
                 fontSize: ROUND_BUTTON_SIZE * 0.75,
-                color: theme.colors.textSecondary
+                color: 'var(--db-sidebar-collapse-button-icon)'
             }
         })
     });
@@ -34375,60 +35196,61 @@ const TYPOGRAPHY_TITLE_CSS = {
         margin: 0
     }
 };
-const getMemoizedNavCss = memoize((theme)=>({
-        display: 'flex',
-        flexDirection: 'column',
-        gap: theme.spacing.xs,
-        padding: theme.spacing.xs
-    }));
-const getMemoizedNavButtonActiveCss = memoize((theme)=>importantify({
-        borderRadius: theme.borders.borderRadiusSm,
-        background: theme.colors.actionDefaultBackgroundPress,
+const NAV_CSS = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 'var(--db-sidebar-nav-gap)',
+    padding: 'var(--db-sidebar-nav-padding)'
+};
+// getIconClassName() reads the `useNativeIcon` SAFE flag, so resolve it at render time (memoized on
+// the two possible class strings) rather than freezing the selector when this module is imported.
+const getNavButtonActiveCss = memoize((iconClassName)=>importantify({
+        borderRadius: 'var(--db-sidebar-nav-button-active-border-radius)',
+        background: 'var(--db-sidebar-nav-button-active-surface)',
         button: {
-            [`&:enabled:not(:hover):not(:active) > ${getIconClassName()}`]: {
-                color: theme.colors.actionTertiaryTextPress
+            [`&:enabled:not(:hover):not(:active) > ${iconClassName}`]: {
+                color: 'var(--db-sidebar-nav-button-active-icon)'
             }
         }
     }));
-const getMemoizedPanelHeaderCss = memoize((theme)=>({
-        display: 'flex',
-        paddingLeft: 8,
-        paddingRight: 4,
-        alignItems: 'center',
-        minHeight: theme.general.heightSm,
-        justifyContent: 'space-between',
-        fontWeight: theme.typography.typographyBoldFontWeight,
-        color: theme.colors.textPrimary
-    }));
-const getMemoizedPanelHeaderButtonsCss = memoize((theme)=>({
-        display: 'flex',
-        alignItems: 'center',
-        gap: theme.spacing.xs,
-        paddingRight: theme.spacing.xs
-    }));
+const PANEL_HEADER_CSS = {
+    display: 'flex',
+    paddingInlineStart: 'var(--db-sidebar-panel-header-padding-start)',
+    paddingInlineEnd: 'var(--db-sidebar-panel-header-padding-end)',
+    alignItems: 'center',
+    minHeight: 'var(--db-sidebar-panel-header-min-height)',
+    justifyContent: 'space-between',
+    fontWeight: 'var(--db-sidebar-panel-header-font-weight)',
+    color: 'var(--db-sidebar-panel-header-text)'
+};
+const PANEL_HEADER_BUTTONS_CSS = {
+    display: 'flex',
+    alignItems: 'center',
+    gap: 'var(--db-sidebar-panel-header-buttons-gap)',
+    paddingInlineEnd: 'var(--db-sidebar-panel-header-buttons-padding-end)'
+};
 const getMemoizedPanelBodyCss = memoize((theme)=>({
         height: '100%',
         overflowX: 'hidden',
         overflowY: 'auto',
-        padding: '0 8px',
+        padding: '0 var(--db-sidebar-panel-body-padding-horizontal)',
         colorScheme: theme.isDarkMode ? 'dark' : 'light'
     }));
-const getMemoizedSidebarRootCss = memoize((theme, position)=>({
+const getSidebarRootCss = memoize((position)=>({
         display: 'flex',
         height: '100%',
-        backgroundColor: theme.colors.backgroundPrimary,
+        backgroundColor: 'var(--db-sidebar-surface)',
         flexDirection: position === 'right' ? 'row-reverse' : 'row',
         borderStyle: 'solid',
-        borderColor: theme.colors.border,
-        borderWidth: position === 'right' ? `0 0 0 ${theme.general.borderWidth}px` : `0px ${theme.general.borderWidth}px 0 0`,
+        borderColor: 'var(--db-sidebar-border)',
+        borderWidth: position === 'right' ? '0 0 0 1px' : '0px 1px 0 0',
         boxSizing: 'content-box',
         position: 'relative'
-    }), (theme, position)=>`${themeMemoKey(theme)}|${position}`);
+    }));
 function Nav({ children, dangerouslyAppendEmotionCSS }) {
-    const { theme } = useDesignSystemTheme();
     return /*#__PURE__*/ jsx("nav", {
         css: [
-            getMemoizedNavCss(theme),
+            NAV_CSS,
             dangerouslyAppendEmotionCSS
         ],
         children: children
@@ -34436,10 +35258,9 @@ function Nav({ children, dangerouslyAppendEmotionCSS }) {
 }
 const NavButton = /*#__PURE__*/ React__default.forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
 ({ active, disabled, icon, onClick, children, dangerouslyAppendEmotionCSS, 'aria-label': ariaLabel, ...restProps }, ref)=>{
-    const { theme } = useDesignSystemTheme();
     return /*#__PURE__*/ jsx("div", {
         css: [
-            active ? getMemoizedNavButtonActiveCss(theme) : undefined,
+            active ? getNavButtonActiveCss(getIconClassName()) : undefined,
             dangerouslyAppendEmotionCSS
         ],
         children: /*#__PURE__*/ jsx(Button, {
@@ -34520,9 +35341,9 @@ const Content$2 = /*#__PURE__*/ forwardRef(function Content({ disableResize, ope
         zIndex: COMPACT_CONTENT_Z_INDEX,
         left: isRight ? undefined : closable ? '100%' : undefined,
         right: isRight ? closable ? '100%' : undefined : undefined,
-        borderRight: !isRight && !noSideBorder ? `1px solid ${theme.colors.border}` : undefined,
-        borderLeft: isRight && !noSideBorder ? `1px solid ${theme.colors.border}` : undefined,
-        backgroundColor: theme.colors.backgroundPrimary,
+        borderRight: !isRight && !noSideBorder ? '1px solid var(--db-sidebar-border)' : undefined,
+        borderLeft: isRight && !noSideBorder ? '1px solid var(--db-sidebar-border)' : undefined,
+        backgroundColor: 'var(--db-sidebar-surface)',
         width: DEFAULT_WIDTH,
         top: -1
     });
@@ -34530,7 +35351,7 @@ const Content$2 = /*#__PURE__*/ forwardRef(function Content({ disableResize, ope
         animation: animation?.open,
         direction: isRight ? 'rtl' : 'ltr',
         position: 'relative',
-        borderWidth: isRight ? `0 ${noSideBorder ? 0 : theme.general.borderWidth}px 0 0 ` : `0 0 0 ${noSideBorder ? 0 : theme.general.borderWidth}px`,
+        borderWidth: isRight ? `0 ${noSideBorder ? 0 : 1}px 0 0 ` : `0 0 0 ${noSideBorder ? 0 : 1}px`,
         borderStyle: 'inherit',
         borderColor: 'inherit',
         boxSizing: 'content-box'
@@ -34542,9 +35363,9 @@ const Content$2 = /*#__PURE__*/ forwardRef(function Content({ disableResize, ope
         display: 'none'
     });
     const highlightedBorderStyle = isRight ? /*#__PURE__*/ css({
-        borderLeft: `2px solid ${theme.colors.actionDefaultBorderHover}`
+        borderLeft: '2px solid var(--db-sidebar-border-hover)'
     }) : /*#__PURE__*/ css({
-        borderRight: `2px solid ${theme.colors.actionDefaultBorderHover}`
+        borderRight: '2px solid var(--db-sidebar-border-hover)'
     });
     const alwaysVisibleBtnStyle = /*#__PURE__*/ css({
         [`.${EDGE_COLLAPSE_BTN_CLASS}`]: {
@@ -34556,16 +35377,16 @@ const Content$2 = /*#__PURE__*/ forwardRef(function Content({ disableResize, ope
         [`.${EDGE_COLLAPSE_BTN_CLASS}`]: {
             opacity: 1,
             pointerEvents: 'auto',
-            boxShadow: `0 0 0 2px ${theme.colors.actionDefaultBorderHover}, 0px 0px 8px rgba(0, 0, 0, 0.33)`
+            boxShadow: '0 0 0 2px var(--db-sidebar-border-hover), var(--db-sidebar-edge-highlight-shadow)'
         }
     });
     const edgeHandleStyle = /*#__PURE__*/ css({
         height: '100%',
         position: 'relative',
         ...isRight ? {
-            borderLeft: `${theme.general.borderWidth}px solid ${theme.colors.border}`
+            borderLeft: '1px solid var(--db-sidebar-border)'
         } : {
-            borderRight: `${theme.general.borderWidth}px solid ${theme.colors.border}`
+            borderRight: '1px solid var(--db-sidebar-border)'
         },
         '&:hover': [
             highlightedBorderStyle,
@@ -34574,8 +35395,8 @@ const Content$2 = /*#__PURE__*/ forwardRef(function Content({ disableResize, ope
     });
     const compactToggleStyle = /*#__PURE__*/ css({
         position: isExpanded ? 'static' : 'relative',
-        width: isExpanded ? undefined : theme.spacing.md,
-        marginRight: isExpanded ? theme.spacing.md : undefined,
+        width: isExpanded ? undefined : 'var(--db-sidebar-compact-toggle-spacing)',
+        marginRight: isExpanded ? 'var(--db-sidebar-compact-toggle-spacing)' : undefined,
         height: '100%'
     });
     const compactToggleBtnPositioner = isExpanded ? /*#__PURE__*/ css({
@@ -34667,7 +35488,7 @@ const Content$2 = /*#__PURE__*/ forwardRef(function Content({ disableResize, ope
                 /*#__PURE__*/ jsx(ResizablePanelHandle, {
                     "data-testid": "sidebar-collapsed-strip",
                     css: /*#__PURE__*/ css(edgeHandleStyle, {
-                        width: theme.spacing.md,
+                        width: 'var(--db-sidebar-collapsed-strip-width)',
                         display: showEdgeCollapse && !isExpanded ? undefined : 'none'
                     }, alwaysVisibleBtnStyle),
                     children: /*#__PURE__*/ jsx(CollapseButton, {
@@ -34775,13 +35596,11 @@ function Panel({ panelId, children, forceRender = false, dangerouslyAppendEmotio
     });
 }
 function PanelHeader({ children, dangerouslyAppendEmotionCSS, componentId, closeIcon }) {
-    const { theme } = useDesignSystemTheme();
     const contentContext = useContext(ContentContext);
     const titleColumnCss = useMemo(()=>({
-            width: contentContext.closable ? `calc(100% - ${theme.spacing.lg}px)` : '100%'
+            width: contentContext.closable ? 'calc(100% - var(--db-sidebar-panel-header-title-close-button-offset))' : '100%'
         }), [
-        contentContext.closable,
-        theme.spacing.lg
+        contentContext.closable
     ]);
     const handleClose = useCallback(()=>{
         contentContext.setIsClosed();
@@ -34790,7 +35609,7 @@ function PanelHeader({ children, dangerouslyAppendEmotionCSS, componentId, close
     ]);
     return /*#__PURE__*/ jsxs("div", {
         css: [
-            getMemoizedPanelHeaderCss(theme),
+            PANEL_HEADER_CSS,
             dangerouslyAppendEmotionCSS
         ],
         children: [
@@ -34825,10 +35644,9 @@ function PanelHeaderTitle({ title, dangerouslyAppendEmotionCSS }) {
     });
 }
 function PanelHeaderButtons({ children, dangerouslyAppendEmotionCSS }) {
-    const { theme } = useDesignSystemTheme();
     return /*#__PURE__*/ jsx("div", {
         css: [
-            getMemoizedPanelHeaderButtonsCss(theme),
+            PANEL_HEADER_BUTTONS_CSS,
             dangerouslyAppendEmotionCSS
         ],
         children: children
@@ -34865,7 +35683,6 @@ function PanelBody({ children, dangerouslyAppendEmotionCSS }) {
 // ---------------------------------------------------------------------------
 const Sidebar = /* #__PURE__ */ (()=>{
     function Sidebar({ position, children, dangerouslyAppendEmotionCSS, ...dataProps }) {
-        const { theme } = useDesignSystemTheme();
         const resolvedPosition = position || 'left';
         const value = useMemo(()=>({
                 position: resolvedPosition
@@ -34878,7 +35695,7 @@ const Sidebar = /* #__PURE__ */ (()=>{
                 ...addDebugOutlineIfEnabled(),
                 ...dataProps,
                 css: [
-                    getMemoizedSidebarRootCss(theme, resolvedPosition),
+                    getSidebarRootCss(resolvedPosition),
                     dangerouslyAppendEmotionCSS
                 ],
                 children: children
@@ -34906,7 +35723,7 @@ function React18CompatibleIconComponent(IconComponent) {
  * 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`.
+ * use dbui icons from `__generated/icons`.
  */ const LegacyEllipsisOutlined = React18CompatibleIconComponent(EllipsisOutlined);
 
 const ButtonGroup = Button$1.Group;
@@ -36119,7 +36936,6 @@ var Tabs = /*#__PURE__*/Object.freeze({
   Trigger: Trigger$1
 });
 
-const SMALL_BUTTON_HEIGHT = 24;
 const DEFAULT_ANALYTICS_EVENTS_WITH_VIEW = [
     DesignSystemEventProviderAnalyticsEventTypes.OnValueChange,
     DesignSystemEventProviderAnalyticsEventTypes.OnView
@@ -36139,64 +36955,65 @@ const getStyles = (theme, size, onlyIcon, forceWithBorder)=>{
         ...!onlyIcon && {
             boxShadow: 'none'
         },
-        border: `1px solid ${theme.colors.actionDefaultBorderDefault}`,
-        borderRadius: token(ShapeTokens.ACTION_BORDER_RADIUS, theme.borders.borderRadiusSm),
-        backgroundColor: 'transparent',
-        color: theme.colors.actionDefaultTextDefault,
-        height: theme.general.heightSm,
-        padding: '0 12px',
-        fontSize: theme.typography.fontSizeBase,
-        lineHeight: `${theme.typography.lineHeightBase}px`,
+        border: `var(--db-toggle-button-border-width) solid var(--db-toggle-button-border)`,
+        borderRadius: 'var(--db-toggle-button-border-radius)',
+        backgroundColor: 'var(--db-toggle-button-surface)',
+        color: 'var(--db-toggle-button-text)',
+        height: 'var(--db-toggle-button-height)',
+        padding: '0 var(--db-toggle-button-padding-horizontal)',
+        fontSize: 'var(--db-toggle-button-font-size)',
+        // No v2 line-height token. TODO(FEINF-6557): adopt one when it lands.
+        lineHeight: theme.typography.lineHeightBase,
         '&[data-state="off"] .togglebutton-icon-wrapper': {
-            color: theme.colors.textSecondary
+            color: 'var(--db-toggle-button-icon)'
         },
         '&[data-state="off"]:not(:disabled):hover .togglebutton-icon-wrapper': {
-            color: theme.colors.actionDefaultTextHover
+            color: 'var(--db-toggle-button-text-hover)'
         },
         '&[data-state="on"]': {
-            backgroundColor: theme.colors.actionDefaultBackgroundPress,
-            color: theme.colors.actionDefaultTextPress,
-            borderColor: theme.colors.actionDefaultBorderPress
+            backgroundColor: 'var(--db-toggle-button-surface-selected)',
+            color: 'var(--db-toggle-button-text-selected)',
+            borderColor: 'var(--db-toggle-button-border-selected)'
         },
         '&:hover': {
             cursor: 'pointer',
-            color: theme.colors.actionDefaultTextHover,
-            backgroundColor: theme.colors.actionDefaultBackgroundHover,
-            borderColor: theme.colors.actionDefaultBorderHover,
+            color: 'var(--db-toggle-button-text-hover)',
+            backgroundColor: 'var(--db-toggle-button-surface-hover)',
+            borderColor: 'var(--db-toggle-button-border-hover)',
             '& > svg': {
-                stroke: theme.colors.actionDefaultBorderHover
+                stroke: 'var(--db-toggle-button-border-hover)'
             }
         },
         '&:disabled': {
             cursor: 'default',
-            borderColor: theme.colors.actionDisabledBorder,
-            color: theme.colors.actionDisabledText,
-            backgroundColor: 'transparent',
+            borderColor: 'var(--db-toggle-button-border-disabled)',
+            color: 'var(--db-toggle-button-text-disabled)',
+            backgroundColor: 'var(--db-toggle-button-surface)',
             boxShadow: 'none',
             '& > svg': {
-                stroke: theme.colors.border
+                stroke: 'var(--db-toggle-button-icon-stroke)'
             }
         },
         ...!onlyIcon && {
             '&&': {
-                padding: '4px 12px',
+                padding: 'var(--db-toggle-button-padding-vertical) var(--db-toggle-button-padding-horizontal)',
                 ...size === 'small' && {
-                    padding: '0 8px'
+                    padding: '0 var(--db-toggle-button-padding-horizontal-small)'
                 }
             }
         },
         ...onlyIcon && {
-            width: theme.general.heightSm,
+            width: 'var(--db-toggle-button-height)',
             // forceWithBorder keeps the compact icon-only sizing but restores the border.
             ...!forceWithBorder && {
                 border: 'none'
             }
         },
         ...size === 'small' && {
-            height: SMALL_BUTTON_HEIGHT,
+            height: 'var(--db-toggle-button-height-small)',
             lineHeight: theme.typography.lineHeightBase,
             ...onlyIcon && {
-                width: SMALL_BUTTON_HEIGHT,
+                width: 'var(--db-toggle-button-height-small)',
                 paddingTop: 0,
                 paddingBottom: 0,
                 verticalAlign: 'middle'
@@ -36205,9 +37022,9 @@ const getStyles = (theme, size, onlyIcon, forceWithBorder)=>{
     });
 };
 const getMemoizedStyles = memoize(getStyles, (theme, size, onlyIcon, forceWithBorder)=>`${themeMemoKey(theme)}|${size}|${onlyIcon}|${forceWithBorder}`);
-const getMemoizedRectangleIconCss = memoize((theme)=>({
-        stroke: theme.colors.border
-    }));
+const RECTANGLE_ICON_CSS = {
+    stroke: 'var(--db-toggle-button-icon-stroke)'
+};
 const RectangleSvg = (props)=>/*#__PURE__*/ jsx("svg", {
         width: "16",
         height: "16",
@@ -36270,20 +37087,19 @@ const ToggleButton = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-
     const iconOnly = !hideIcon && !children && Boolean(icon);
     const iconWrapperStyle = useMemo(()=>iconOnly ? ICON_WRAPPER_BASE_STYLE : {
             ...ICON_WRAPPER_BASE_STYLE,
-            marginRight: theme.spacing.xs
+            marginRight: 'var(--db-toggle-button-icon-gap)'
         }, [
-        iconOnly,
-        theme.spacing.xs
+        iconOnly
     ]);
     const checkboxIcon = isPressed ? /*#__PURE__*/ jsx(CheckIcon, {}) : /*#__PURE__*/ jsx(RectangleIcon, {
-        css: getMemoizedRectangleIconCss(theme)
+        css: RECTANGLE_ICON_CSS
     });
     return /*#__PURE__*/ jsxs(Toggle.Root, {
         ...addDebugOutlineIfEnabled(),
         css: getMemoizedStyles(theme, size, iconOnly, Boolean(forceWithBorder)),
         ...props,
         // NB-623: stable marker class so a ToggleButton used as a compact `Input.Group` child is reached
-        // by the du-bois compact-group corner/seam rewrites (they must target children by class, not the
+        // by the dbui compact-group corner/seam rewrites (they must target children by class, not the
         // Monaco-hostile `> *`). Prefix-agnostic — the rewrite's ancestor compound already carries the
         // theme prefix, so the child compound only needs to be a stable real class. Merge, don't clobber.
         className: [
@@ -36642,6 +37458,7 @@ const defaults = {
     isInsideTypeaheadCombobox: false,
     multiSelect: false,
     showAllOptionsOnOpen: false,
+    allowNewValue: false,
     comboBoxState: null,
     inputProps: {},
     listBoxProps: {},
@@ -36659,7 +37476,8 @@ const defaults = {
     getKeyForItem: ()=>'',
     itemToString: ()=>'',
     removeByKey: ()=>{},
-    clearSelection: ()=>{}
+    clearSelection: ()=>{},
+    onEnterKeypress: ()=>false
 };
 const TypeaheadComboboxV2Context = /*#__PURE__*/ createContext(defaults);
 const TypeaheadComboboxV2ContextProvider = ({ children, value })=>{
@@ -37663,5 +38481,5 @@ function WizardStepContentWrapper({ header, title, description, alertContent, de
     });
 }
 
-export { repeatingElementsStyles as $, token as A, Button as B, CheckCircleFillIcon as C, DocumentationSidebar as D, getDarkModePortalStyles as E, FIXED_VERTICAL_STEPPER_WIDTH as F, useModalContext as G, Trigger$5 as H, InfoFillIcon as I, InfoSmallIcon as J, Content$7 as K, Arrow$2 as L, MAX_VERTICAL_WIZARD_CONTENT_WIDTH as M, Tooltip as N, SparkleDoubleIcon as O, getIconClassName as P, LoadingState as Q, Root$9 as R, ShapeTokens as S, Typography as T, visuallyHidden as U, genSkeletonAnimatedColor as V, Wizard as W, getOffsets as X, DesignSystemEventSuppressInteractionProviderContext as Y, DesignSystemEventSuppressInteractionTrueContextValue as Z, tableStyles as _, WizardControlled as a, SortUnsortedIcon as a$, tableClassNames as a0, hideIconButtonRowStyles as a1, hideIconButtonActionCellClassName as a2, safex as a3, TitleSkeleton as a4, useDialogComboboxContext as a5, PlusIcon as a6, importantify as a7, getComboboxOptionItemWrapperStyles as a8, getFooterStyles as a9, useMultipleSelectionState as aA, Radio as aB, Checkbox as aC, DialogCombobox as aD, DialogComboboxTrigger as aE, DialogComboboxContent as aF, Select as aG, SelectTrigger as aH, SelectContent as aI, SelectOption as aJ, LegacySelect as aK, WarningIcon as aL, CheckCircleIcon as aM, DangerIcon as aN, Hint as aO, Title$1 as aP, CloseIcon as aQ, RestoreAntDDefaultClsPrefix as aR, AccessibleContainer as aS, DU_BOIS_ENABLE_ANIMATION_CLASSNAME as aT, Tag as aU, CircleOffIcon as aV, CircleOutlineIcon as aW, CircleIcon as aX, getBtnClassName as aY, SortAscendingIcon as aZ, SortDescendingIcon as a_, useDialogComboboxOptionListContext as aa, generateUuidV4 as ab, getContentOptions as ac, findHighlightedOption as ad, highlightOption as ae, Input as af, SearchIcon as ag, EmptyResults as ah, findClosestOptionSibling as ai, DialogComboboxOptionListCheckboxItem as aj, DialogComboboxOptionListSelectItem as ak, DialogComboboxOptionListContextProvider as al, LoadingSpinner as am, DialogComboboxOptionList as an, useUniqueId as ao, TypeaheadComboboxContextProvider as ap, useTypeaheadComboboxContext as aq, useDuboisThemeClass as ar, useDesignTokenOverrideStyles as as, getComboboxContentWrapperStyles as at, ClearSelectionButton as au, TypeaheadComboboxSelectedItem$1 as av, CountBadge$1 as aw, getValidationStateColor as ax, SectionHeader as ay, useComboboxState as az, WizardModal as b, BarsDescendingVerticalIcon as b$, MinusSquareIcon as b0, PlusSquareIcon as b1, TypeaheadComboboxV2ContextProvider as b2, useTypeaheadComboboxV2Context as b3, useRadixModalContext as b4, useIsomorphicLayoutEffect as b5, useScrollOptionIntoView as b6, InfoTooltip as b7, getInfoIconStyles as b8, HintRow as b9, ArrowRightIcon as bA, ArrowUpDotIcon as bB, ArrowUpFillIcon as bC, ArrowUpIcon as bD, ArrowsCollapseIcon as bE, ArrowsConnectIcon as bF, ArrowsExpandIcon as bG, ArrowsUpDownIcon as bH, AssistantIcon as bI, AtIcon as bJ, Auth0Graphic as bK, Auth0GraphicLarge as bL, AzHorizontalIcon as bM, AzVerticalIcon as bN, BANNER_MAX_HEIGHT as bO, BANNER_MIN_HEIGHT as bP, BackupIcon as bQ, BadgeCodeIcon as bR, BadgeCodeOffIcon as bS, Banner as bT, BarChartIcon as bU, BarGroupedIcon as bV, BarStackedIcon as bW, BarStackedPercentageIcon as bX, BarsAscendingHorizontalIcon as bY, BarsAscendingVerticalIcon as bZ, BarsDescendingHorizontalIcon as b_, getCheckboxStyles as ba, getMenuItemStyles as bb, TypeaheadComboboxSelectedItem as bc, CountBadge as bd, TypeaheadComboboxMenuItem as be, AccessDeniedGraphic as bf, Accordion as bg, AccordionPanel as bh, AlignCenterIcon as bi, AlignJustifyIcon as bj, AlignLeftIcon as bk, AlignRightIcon as bl, AlignVerticalBottomIcon as bm, AlignVerticalCenterIcon as bn, AlignVerticalTopIcon as bo, AppIcon as bp, ApplyDesignSystemContextOverrides as bq, ApplyDesignSystemFlags as br, ArrowDownDotIcon as bs, ArrowDownFillIcon as bt, ArrowDownIcon as bu, ArrowInIcon as bv, ArrowInTableIcon as bw, ArrowLeftIcon as bx, ArrowOutTableIcon as by, ArrowOverIcon as bz, WizardStepContentWrapper as c, ClockOffIcon as c$, BeakerIcon as c0, BinaryIcon as c1, BlockQuoteIcon as c2, BoldIcon as c3, BookIcon as c4, BookmarkFillIcon as c5, BookmarkIcon as c6, BooksIcon as c7, BracketsCheckIcon as c8, BracketsCurlyIcon as c9, CellsSquareIcon as cA, CertifiedFillIcon as cB, CertifiedFillSmallIcon as cC, CertifiedIcon as cD, ChainIcon as cE, ChartLineIcon as cF, CheckCircleBadgeIcon as cG, CheckCircleSmallIcon as cH, CheckIcon as cI, CheckLineIcon as cJ, CheckSmallIcon as cK, CheckboxIcon as cL, ChecklistIcon as cM, ChevronDoubleDownIcon as cN, ChevronDoubleLeftIcon as cO, ChevronDoubleLeftOffIcon as cP, ChevronDoubleRightIcon as cQ, ChevronDoubleRightOffIcon as cR, ChevronDoubleUpIcon as cS, ChevronLeftIcon as cT, ChevronUpIcon as cU, ChipIcon as cV, CircleOffLargeIcon as cW, CircleOutlineLargeIcon as cX, ClipboardIcon as cY, ClockIcon as cZ, ClockKeyIcon as c_, BracketsErrorIcon as ca, BracketsSquareIcon as cb, BracketsXIcon as cc, BranchCheckIcon as cd, BranchIcon as ce, BranchResetIcon as cf, BriefcaseFillIcon as cg, BriefcaseIcon as ch, BrushIcon as ci, BugIcon as cj, CalendarClockIcon as ck, CalendarEventIcon as cl, CalendarIcon as cm, CalendarRangeIcon as cn, CalendarSyncIcon as co, CameraIcon as cp, CapitalizeIcon as cq, CaretDownSquareIcon as cr, CaretUpSquareIcon as cs, CatalogCloudIcon as ct, CatalogGearIcon as cu, CatalogHomeIcon as cv, CatalogIcon as cw, CatalogOffIcon as cx, CatalogSharedIcon as cy, CatalogUserHomeIcon as cz, WizardStepNavigationProvider as d, DragIcon as d$, CloudCheckIcon as d0, CloudDatabaseIcon as d1, CloudDownloadIcon as d2, CloudIcon as d3, CloudKeyIcon as d4, CloudModelIcon as d5, CloudOffIcon as d6, CloudUploadIcon as d7, CodeIcon as d8, ColorFillIcon as d9, DangerModal as dA, DangerSmallIcon as dB, DashIcon as dC, DashboardCodeIcon as dD, DashboardIcon as dE, DataIcon as dF, DataMaskiingGraphic as dG, DatabaseClockIcon as dH, DatabaseIcon as dI, DatabaseImportIcon as dJ, DatePicker as dK, DecimalIcon as dL, DeprecatedIcon as dM, DeprecatedSmallIcon as dN, DesignSystemContext as dO, DesignSystemEventProviderComponentSubTypes as dP, DesignSystemProvider as dQ, DesignSystemThemeContext as dR, DesignSystemThemeProvider as dS, DialogComboboxCountBadge as dT, DialogComboboxCustomButtonTriggerWrapper as dU, DialogComboboxSectionHeader as dV, DollarIcon as dW, DomainCirclesThree as dX, DomainsIcon as dY, DotsCircleIcon as dZ, DownloadIcon as d_, ColorMappingEditIcon as da, ColorMappingIcon as db, ColorVars as dc, ColumnIcon as dd, ColumnSplitIcon as de, ColumnTagIcon as df, ColumnsIcon as dg, CommandIcon as dh, CommandPaletteIcon as di, CompassIcon as dj, ComponentFinderContext as dk, ConnectIcon as dl, Content$2 as dm, ContextMenu$1 as dn, CopyIcon as dp, CreditCardIcon as dq, CursorClickIcon as dr, CursorIcon as ds, CursorPagination as dt, CursorTypeIcon as du, CustomAppIcon as dv, DS_OVERRIDE_TOKENS_WRAPPER_TESTID as dw, DagHorizontalIcon as dx, DagIcon as dy, DagVerticalIcon as dz, useWizardStepNavigation as e, GridDashIcon as e$, Drawer as e0, DropdownMenu as e1, Empty as e2, EmptyDashboardGraphic as e3, ErdIcon as e4, ExpandLessIcon as e5, ExpandMoreIcon as e6, FaceFrownIcon as e7, FaceNeutralIcon as e8, FaceSmileIcon as e9, FolderOpenBranchIcon as eA, FolderOpenCloudIcon as eB, FolderOpenCubeIcon as eC, FolderOpenIcon as eD, FolderOpenPipelineIcon as eE, FolderOutlinePipelineIcon as eF, FolderSolidPipelineIcon as eG, FontIcon as eH, ForkHorizontalIcon as eI, ForkIcon as eJ, Form as eK, FormContextResetBoundary as eL, FullscreenExitIcon as eM, FullscreenIcon as eN, FunctionIcon as eO, FunctionInputIcon as eP, GavelIcon as eQ, GearFillIcon as eR, GearIcon as eS, GenieCodeIcon as eT, GenieDeepResearchIcon as eU, GiftIcon as eV, GitCommitIcon as eW, GitMergeIcon as eX, GitRebaseIcon as eY, GlobeIcon as eZ, Graphic as e_, FileCodeIcon as ea, FileCubeIcon as eb, FileDocumentIcon as ec, FileIcon as ed, FileImageIcon as ee, FileLockIcon as ef, FileModelIcon as eg, FileNewIcon as eh, FilePipelineIcon as ei, FilterFillIcon as ej, FilterIcon as ek, FlagPointerIcon as el, FloatIcon as em, FlowIcon as en, FlowsIcon as eo, FolderBranchFillIcon as ep, FolderBranchIcon as eq, FolderCloudFilledIcon as er, FolderCloudIcon as es, FolderCubeIcon as et, FolderCubeOutlineIcon as eu, FolderFillIcon as ev, FolderHomeIcon as ew, FolderIcon as ex, FolderNewIcon as ey, FolderNodeIcon as ez, DesignSystemEventProvider as f, LockUnlockedIcon as f$, GridIcon as f0, GroupIcon as f1, H1Icon as f2, H2Icon as f3, H3Icon as f4, H4Icon as f5, H5Icon as f6, H6Icon as f7, HashIcon as f8, HistoryIcon as f9, LegacyFormDubois as fA, LegacyOptGroup as fB, LegacyOption as fC, LegacySelectOptGroup as fD, LegacySelectOption as fE, LegacyTable as fF, LetterFormatIcon as fG, LettersIcon as fH, LettersNumbersIcon as fI, LibrariesIcon as fJ, LifesaverIcon as fK, LightbulbIcon as fL, LightningCircleFillIcon as fM, LightningIcon as fN, LinearLineIcon as fO, LinkIcon as fP, LinkOffIcon as fQ, ListBorderIcon as fR, ListClearIcon as fS, ListIcon as fT, ListNumberIcon as fU, Listbox as fV, LoadingIcon as fW, LoadingStateContext as fX, LockFillIcon as fY, LockIcon as fZ, LockShareIcon as f_, HomeIcon as fa, Icon as fb, ImageIcon as fc, IndentDecreaseIcon as fd, IndentIncreaseIcon as fe, InfinityIcon as ff, InfoBookIcon as fg, InfoIcon as fh, IngestionIcon as fi, ItalicIcon as fj, JoinOperatorIcon as fk, KeyIcon as fl, KeyboardIcon as fm, LakebaseCatalogIcon as fn, LakebaseIcon as fo, LakeflowDesignerIcon as fp, LakewatchAlertIcon as fq, LakewatchDatasourceIcon as fr, LakewatchDetectionRuleIcon as fs, LakewatchIcon as ft, LakewatchParserIcon as fu, LayerGraphIcon as fv, LayerIcon as fw, Layout as fx, LeafIcon as fy, LegacyForm as fz, useDesignSystemTheme as g, PinFillIcon as g$, LoopIcon as g0, LowercaseIcon as g1, MailIcon as g2, MapIcon as g3, MarkdownIcon as g4, McpIcon as g5, MeasureIcon as g6, MegaphoneIcon as g7, MenuIcon as g8, MicrophoneIcon as g9, OntologyIcon as gA, OperatorIcon as gB, OutageGraphic as gC, OverflowHorizontalIcon as gD, OverflowIcon as gE, PageBottomIcon as gF, PageFirstIcon as gG, PageIcon as gH, PageLastIcon as gI, PageTopIcon as gJ, Pagination as gK, Panel as gL, PanelBody as gM, PanelDockedIcon as gN, PanelFloatingIcon as gO, PanelHeader as gP, PanelHeaderButtons as gQ, PanelHeaderTitle as gR, PaperclipIcon as gS, PassFailChecklistIcon as gT, PauseIcon as gU, PencilFillIcon as gV, PencilIcon as gW, PencilSparkleIcon as gX, PieChartIcon as gY, PillControl as gZ, PinCancelIcon as g_, MicrophoneOffIcon as ga, MinusCircleFillIcon as gb, MinusCircleIcon as gc, MinusCircleSmallIcon as gd, MissingBranchGraphic as ge, MissingGraphic as gf, ModelsIcon as gg, MonotoneLineIcon as gh, MonthPickerGrid as gi, MoonIcon as gj, Nav as gk, NavButton as gl, NavigationMenu as gm, NeonProjectIcon as gn, NewChatIcon as go, NewTabIcon as gp, NewWindowIcon as gq, NoCaseIcon as gr, NoIcon as gs, NotebookIcon as gt, NotebookPipelineIcon as gu, NotificationIcon as gv, NotificationOffIcon as gw, NumberFormatIcon as gx, NumbersIcon as gy, OfficeIcon as gz, DesignTokenScope as h, Sidebar as h$, PinIcon as h0, PipelineCodeIcon as h1, PipelineCubeIcon as h2, PipelineIcon as h3, PivotOperatorIcon as h4, PlayCircleFillIcon as h5, PlayCircleIcon as h6, PlayDoubleIcon as h7, PlayIcon as h8, PlayMultipleIcon as h9, ReplyIcon as hA, ResizeIcon as hB, RhfForm as hC, RichTextIcon as hD, RobotIcon as hE, RocketIcon as hF, RowsIcon as hG, RunIcon as hH, RunningIcon as hI, SMALL_BUTTON_HEIGHT$2 as hJ, SaveClockIcon as hK, SaveIcon as hL, SchemaIcon as hM, SchoolIcon as hN, SearchDataIcon as hO, SegmentedControlButton as hP, SegmentedControlGroup as hQ, SelectContext as hR, SelectContextProvider as hS, SelectOptionGroup as hT, SendIcon as hU, ShareIcon as hV, ShareNodesIcon as hW, ShieldCheckIcon as hX, ShieldIcon as hY, ShieldOffIcon as hZ, ShortcutIcon as h_, PlugIcon as ha, PlusCircleFillIcon as hb, PlusCircleIcon as hc, PlusCircleSmallIcon as hd, PlusMinusSquareIcon as he, Popover as hf, PositionBottomIcon as hg, PositionLeftIcon as hh, PositionRightIcon as hi, PositionTopIcon as hj, PreviewCard as hk, Progress as hl, PullRequestIcon as hm, PuzzleIcon as hn, QueryEditorIcon as ho, QueryIcon as hp, QuestionMarkFillIcon as hq, QuestionMarkIcon as hr, RadioIcon as hs, RadioTile as ht, RangePicker as hu, ReaderModeIcon as hv, RedoIcon as hw, RefreshIcon as hx, RefreshPlayIcon as hy, RefreshXIcon as hz, useDesignSystemContext as i, TableModelIcon as i$, SidebarAutoIcon as i0, SidebarClosedIcon as i1, SidebarCollapseIcon as i2, SidebarExpandIcon as i3, SidebarIcon as i4, SidebarOpenIcon as i5, SidebarSyncIcon as i6, SimpleSelect as i7, SimpleSelectOption as i8, SimpleSelectOptionGroup as i9, Spinner as iA, SplitButton as iB, SqlIcon as iC, StarFillIcon as iD, StarIcon as iE, StepAfterLineIcon as iF, StepBeforeLineIcon as iG, Stepper as iH, StopCircleFillIcon as iI, StopCircleIcon as iJ, StopIcon as iK, StoredProcedureIcon as iL, StorefrontIcon as iM, StreamIcon as iN, StrikeThroughIcon as iO, SunIcon as iP, SyncIcon as iQ, SyncSmallIcon as iR, SyncToFileIcon as iS, TableAsteriskIcon as iT, TableClockIcon as iU, TableCombineIcon as iV, TableGlassesIcon as iW, TableGlobeIcon as iX, TableIcon as iY, TableLightningIcon as iZ, TableMeasureIcon as i_, SlashSquareIcon as ia, SlidersIcon as ib, SlidesIcon as ic, SnippetIcon as id, SortCustomHorizontalIcon as ie, SortCustomVerticalIcon as ig, SortHorizontalAscendingIcon as ih, SortHorizontalDescendingIcon as ii, SortLetterHorizontalAscendingIcon as ij, SortLetterHorizontalDescendingIcon as ik, SortLetterUnsortedIcon as il, SortLetterVerticalAscendingIcon as im, SortLetterVerticalDescendingIcon as io, Spacer as ip, SparkleDoubleFillIcon as iq, SparkleFillIcon as ir, SparkleIcon as is, SparkleRectangleIcon as it, SpeechBubbleIcon as iu, SpeechBubblePlusIcon as iv, SpeechBubbleQuestionMarkFillIcon as iw, SpeechBubbleQuestionMarkIcon as ix, SpeechBubbleStarIcon as iy, SpeedometerIcon as iz, WarningFillIcon as j, ZaHorizontalIcon as j$, TableReportIcon as j0, TableStreamIcon as j1, TableVectorIcon as j2, TableViewIcon as j3, Tabs as j4, TagColumnIcon as j5, TagIcon as j6, TagTableIcon as j7, TargetIcon as j8, TerminalIcon as j9, UppercaseIcon as jA, UsageOverageGraphic as jB, UsageSpikeGraphic as jC, UsbIcon as jD, UserBadgeIcon as jE, UserCircleIcon as jF, UserGroupFillIcon as jG, UserGroupIcon as jH, UserIcon as jI, UserKeyIconIcon as jJ, UserShieldIcon as jK, UserSparkleIcon as jL, UserTeamIcon as jM, VisibleFillIcon as jN, VisibleIcon as jO, VisibleOffIcon as jP, VoiceModeIcon as jQ, WithDesignSystemThemeHoc as jR, WorkflowCodeIcon as jS, WorkflowCubeIcon as jT, WorkflowsIcon as jU, WorkspacesIcon as jV, WrenchIcon as jW, WrenchSparkleIcon as jX, XCircleFillIcon as jY, XCircleIcon as jZ, YearPickerGrid as j_, TextBoxIcon as ja, TextColorIcon as jb, TextIcon as jc, TextJustifyIcon as jd, TextUnderlineIcon as je, ThreeDotsIcon as jf, ThumbsDownFilledIcon as jg, ThumbsDownIcon as jh, ThumbsUpFilledIcon as ji, ThumbsUpIcon as jj, ToggleButton as jk, TokenIcon as jl, TrashIcon as jm, Tree as jn, TreeIcon as jo, TrendingFillIcon as jp, TrendingIcon as jq, TriangleIcon as jr, TypeaheadComboboxCheckboxItem as js, TypeaheadComboboxFooter as jt, TypeaheadComboboxMenuItem$1 as ju, TypeaheadComboboxMultiSelectStateChangeTypes as jv, TypeaheadComboboxStateChangeTypes as jw, UnderlineIcon as jx, UndoIcon as jy, UploadIcon as jz, DangerFillIcon as k, ZaVerticalIcon as k0, ZeroOpsIcon as k1, ZeroOpsOutlineIcon as k2, ZoomInIcon as k3, ZoomMarqueeSelection as k4, ZoomOutIcon as k5, ZoomToFitIcon as k6, __INTERNAL_DO_NOT_USE__FormItem as k7, __INTERNAL_DO_NOT_USE__Group as k8, __INTERNAL_DO_NOT_USE__HorizontalGroup as k9, setImplicitContextGetter as kA, skipHideIconButtonActionClassName as kB, themeMemoKey as kC, useAntDConfigProviderContext as kD, useCallbackOnEnter as kE, useComponentFinderContext as kF, useDesignSystemEventSuppressInteractionContext as kG, useFormContext as kH, useRadioGroupContext as kI, __INTERNAL_DO_NOT_USE__VerticalGroup as ka, __INTERNAL_DO_NOT_USE__wrapLegacyFormRules as kb, augmentWithDataComponentProps as kc, dialogComboboxLookAheadKeyDown as kd, getBottomOnlyShadowScrollStyles as ke, getButtonEmotionStyles as kf, getComboboxOptionLabelStyles as kg, getDatePickerQuickActionBasic as kh, getDialogComboboxOptionLabelWidth as ki, getHorizontalTabShadowStyles as kj, getInputStyles as kk, getKeyboardNavigationFunctions as kl, getMemoizedButtonEmotionStyles as km, getPaginationEmotionStyles as kn, getPanelContainmentStyle as ko, getRadioStyles as kp, getRangeQuickActionsBasic as kq, getShadowScrollStyles as kr, getTypographyColor as ks, getVirtualListScrollbarStyles as kt, getVirtualListScrollbarThumbColor as ku, getVirtualizedComboboxMenuItemStyles as kv, getWrapperStyle as kw, highlightFirstNonDisabledOption as kx, isOptionDisabled as ky, resetTabIndexToFocusedElement as kz, DesignSystemEventProviderAnalyticsEventTypes as l, useDesignSystemEventComponentCallbacks as m, DesignSystemEventProviderComponentTypes as n, DesignSystemEventProviderComponentSubTypeMap as o, primitiveColors as p, useNotifyOnFirstView as q, useStableUuidV4 as r, ChevronDownIcon as s, ChevronRightIcon as t, useWizardCurrentStep as u, DesignSystemAntDConfigProvider as v, CloseSmallIcon as w, addDebugOutlineIfEnabled as x, Modal as y, getAnimationCss as z };
-//# sourceMappingURL=WizardStepContentWrapper-DfErft8z.js.map
+export { getOffsets as $, token as A, Button as B, CheckCircleFillIcon as C, DocumentationSidebar as D, getDarkModePortalStyles as E, FIXED_VERTICAL_STEPPER_WIDTH as F, useModalContext as G, Trigger$5 as H, InfoFillIcon as I, InfoSmallIcon as J, Content$7 as K, Arrow$2 as L, MAX_VERTICAL_WIZARD_CONTENT_WIDTH as M, Tooltip as N, SparkleDoubleIcon as O, getIconClassName as P, AntDBreadcrumbItem as Q, Root$9 as R, ShapeTokens as S, Typography as T, AntDBreadcrumbSeparator as U, serverSideSafe as V, Wizard as W, AntDBreadcrumbInternal as X, LoadingState as Y, visuallyHidden as Z, genSkeletonAnimatedColor as _, WizardControlled as a, CircleIcon as a$, DesignSystemEventSuppressInteractionProviderContext as a0, DesignSystemEventSuppressInteractionTrueContextValue as a1, tableStyles as a2, repeatingElementsStyles as a3, tableClassNames as a4, hideIconButtonRowStyles as a5, hideIconButtonActionCellClassName as a6, safex as a7, TitleSkeleton as a8, useDialogComboboxContext as a9, SectionHeader as aA, PlusIcon as aB, getComboboxOptionItemWrapperStyles as aC, useComboboxState as aD, useMultipleSelectionState as aE, Radio as aF, Checkbox as aG, DialogCombobox as aH, DialogComboboxTrigger as aI, DialogComboboxContent as aJ, Select as aK, SelectTrigger as aL, SelectContent as aM, SelectOption as aN, LegacySelect as aO, WarningIcon as aP, CheckCircleIcon as aQ, DangerIcon as aR, Hint as aS, Title$1 as aT, CloseIcon as aU, RestoreAntDDefaultClsPrefix as aV, AccessibleContainer as aW, DU_BOIS_ENABLE_ANIMATION_CLASSNAME as aX, Tag as aY, CircleOffIcon as aZ, CircleOutlineIcon as a_, getFooterStyles as aa, useDialogComboboxOptionListContext as ab, generateUuidV4 as ac, getContentOptions as ad, findHighlightedOption as ae, highlightOption as af, Input as ag, SearchIcon as ah, EmptyResults as ai, findClosestOptionSibling as aj, DialogComboboxOptionListCheckboxItem as ak, DialogComboboxOptionListSelectItem as al, DialogComboboxOptionListContextProvider as am, LoadingSpinner as an, DialogComboboxOptionList as ao, importantify as ap, useUniqueId as aq, TypeaheadComboboxContextProvider as ar, useTypeaheadComboboxContext as as, useDuboisThemeClass as at, useDesignTokenOverrideStyles as au, getComboboxContentWrapperStyles as av, ClearSelectionButton as aw, TypeaheadComboboxSelectedItem$1 as ax, CountBadge$1 as ay, getValidationStateColor as az, WizardModal as b, BarStackedPercentageIcon as b$, getBtnClassName as b0, SortAscendingIcon as b1, SortDescendingIcon as b2, SortUnsortedIcon as b3, MinusSquareIcon as b4, PlusSquareIcon as b5, TypeaheadComboboxV2ContextProvider as b6, useTypeaheadComboboxV2Context as b7, useRadixModalContext as b8, useIsomorphicLayoutEffect as b9, ArrowInTableIcon as bA, ArrowLeftIcon as bB, ArrowOutTableIcon as bC, ArrowOverIcon as bD, ArrowRightIcon as bE, ArrowUpDotIcon as bF, ArrowUpFillIcon as bG, ArrowUpIcon as bH, ArrowsCollapseIcon as bI, ArrowsConnectIcon as bJ, ArrowsExpandIcon as bK, ArrowsUpDownIcon as bL, AssistantIcon as bM, AtIcon as bN, Auth0Graphic as bO, Auth0GraphicLarge as bP, AzHorizontalIcon as bQ, AzVerticalIcon as bR, BANNER_MAX_HEIGHT as bS, BANNER_MIN_HEIGHT as bT, BackupIcon as bU, BadgeCodeIcon as bV, BadgeCodeOffIcon as bW, Banner as bX, BarChartIcon as bY, BarGroupedIcon as bZ, BarStackedIcon as b_, useScrollOptionIntoView as ba, InfoTooltip as bb, getInfoIconStyles as bc, HintRow as bd, getCheckboxStyles as be, getMenuItemStyles as bf, TypeaheadComboboxSelectedItem as bg, CountBadge as bh, TypeaheadComboboxMenuItem as bi, AccessDeniedGraphic as bj, Accordion as bk, AccordionPanel as bl, AlignCenterIcon as bm, AlignJustifyIcon as bn, AlignLeftIcon as bo, AlignRightIcon as bp, AlignVerticalBottomIcon as bq, AlignVerticalCenterIcon as br, AlignVerticalTopIcon as bs, AppIcon as bt, ApplyDesignSystemContextOverrides as bu, ApplyDesignSystemFlags as bv, ArrowDownDotIcon as bw, ArrowDownFillIcon as bx, ArrowDownIcon as by, ArrowInIcon as bz, WizardStepContentWrapper as c, ChipIcon as c$, BarsAscendingHorizontalIcon as c0, BarsAscendingVerticalIcon as c1, BarsDescendingHorizontalIcon as c2, BarsDescendingVerticalIcon as c3, BeakerIcon as c4, BinaryIcon as c5, BlockQuoteIcon as c6, BoldIcon as c7, BookIcon as c8, BookmarkFillIcon as c9, CatalogIcon as cA, CatalogOffIcon as cB, CatalogSharedIcon as cC, CatalogUserHomeIcon as cD, CellsSquareIcon as cE, CertifiedFillIcon as cF, CertifiedFillSmallIcon as cG, CertifiedIcon as cH, ChainIcon as cI, ChartLineIcon as cJ, ChatNewTabIcon as cK, ChatSpinnerIcon as cL, CheckCircleBadgeIcon as cM, CheckCircleSmallIcon as cN, CheckIcon as cO, CheckLineIcon as cP, CheckSmallIcon as cQ, CheckboxIcon as cR, ChecklistIcon as cS, ChevronDoubleDownIcon as cT, ChevronDoubleLeftIcon as cU, ChevronDoubleLeftOffIcon as cV, ChevronDoubleRightIcon as cW, ChevronDoubleRightOffIcon as cX, ChevronDoubleUpIcon as cY, ChevronLeftIcon as cZ, ChevronUpIcon as c_, BookmarkIcon as ca, BooksIcon as cb, BracketsCheckIcon as cc, BracketsCurlyIcon as cd, BracketsErrorIcon as ce, BracketsSquareIcon as cf, BracketsXIcon as cg, BranchCheckIcon as ch, BranchIcon as ci, BranchResetIcon as cj, BriefcaseFillIcon as ck, BriefcaseIcon as cl, BrushIcon as cm, BugIcon as cn, CalendarClockIcon as co, CalendarEventIcon as cp, CalendarIcon as cq, CalendarRangeIcon as cr, CalendarSyncIcon as cs, CameraIcon as ct, CapitalizeIcon as cu, CaretDownSquareIcon as cv, CaretUpSquareIcon as cw, CatalogCloudIcon as cx, CatalogGearIcon as cy, CatalogHomeIcon as cz, WizardStepNavigationProvider as d, DialogComboboxCustomButtonTriggerWrapper as d$, CircleOffLargeIcon as d0, CircleOutlineLargeIcon as d1, ClipboardIcon as d2, ClockIcon as d3, ClockKeyIcon as d4, ClockOffIcon as d5, CloudCheckIcon as d6, CloudDatabaseIcon as d7, CloudDownloadIcon as d8, CloudIcon as d9, CursorTypeIcon as dA, CustomAppIcon as dB, DS_OVERRIDE_TOKENS_WRAPPER_TESTID as dC, DagHorizontalIcon as dD, DagIcon as dE, DagVerticalIcon as dF, DangerModal as dG, DangerSmallIcon as dH, DashIcon as dI, DashboardCodeIcon as dJ, DashboardIcon as dK, DataIcon as dL, DataMaskiingGraphic as dM, DatabaseClockIcon as dN, DatabaseIcon as dO, 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, DialogComboboxAddButton as dZ, DialogComboboxCountBadge as d_, CloudKeyIcon as da, CloudModelIcon as db, CloudOffIcon as dc, CloudUploadIcon as dd, CodeIcon as de, ColorFillIcon as df, ColorMappingEditIcon as dg, ColorMappingIcon as dh, ColorVars as di, ColumnIcon as dj, ColumnSplitIcon as dk, ColumnTagIcon as dl, ColumnsIcon as dm, CommandIcon as dn, CommandPaletteIcon as dp, CompassIcon as dq, ComponentFinderContext as dr, ConnectIcon as ds, Content$2 as dt, ContextMenu$1 as du, CopyIcon as dv, CreditCardIcon as dw, CursorClickIcon as dx, CursorIcon as dy, CursorPagination as dz, useWizardStepNavigation as e, GenieDeepResearchIcon as e$, DialogComboboxSectionHeader as e0, DollarIcon as e1, DomainCirclesThree as e2, DomainsIcon as e3, DotsCircleIcon as e4, DownloadIcon as e5, DragIcon as e6, Drawer as e7, DropdownMenu as e8, Empty as e9, FolderCubeIcon as eA, FolderCubeOutlineIcon as eB, FolderFillIcon as eC, FolderHomeIcon as eD, FolderIcon as eE, FolderNewIcon as eF, FolderNodeIcon as eG, FolderOpenBranchIcon as eH, FolderOpenCloudIcon as eI, FolderOpenCubeIcon as eJ, FolderOpenIcon as eK, FolderOpenPipelineIcon as eL, FolderOutlinePipelineIcon as eM, FolderSolidPipelineIcon as eN, FontIcon as eO, ForkHorizontalIcon as eP, ForkIcon as eQ, Form as eR, FormContextResetBoundary as eS, FullscreenExitIcon as eT, FullscreenIcon as eU, FunctionIcon as eV, FunctionInputIcon as eW, GavelIcon as eX, GearFillIcon as eY, GearIcon as eZ, GenieCodeIcon as e_, EmptyDashboardGraphic as ea, ErdIcon as eb, ExpandLessIcon as ec, ExpandMoreIcon as ed, FaceFrownIcon as ee, FaceNeutralIcon as ef, FaceSmileIcon as eg, FileCodeIcon as eh, FileCubeIcon as ei, FileDocumentIcon as ej, FileIcon as ek, FileImageIcon as el, FileLockIcon as em, FileModelIcon as en, FileNewIcon as eo, FilePipelineIcon as ep, FilterFillIcon as eq, FilterIcon as er, FlagPointerIcon as es, FloatIcon as et, FlowIcon as eu, FlowsIcon as ev, FolderBranchFillIcon as ew, FolderBranchIcon as ex, FolderCloudFilledIcon as ey, FolderCloudIcon as ez, DesignSystemEventProvider as f, ListNumberIcon as f$, GiftIcon as f0, GitCommitIcon as f1, GitMergeIcon as f2, GitRebaseIcon as f3, GlobeIcon as f4, Graphic as f5, GridDashIcon as f6, GridIcon as f7, GroupIcon as f8, H1Icon as f9, LakewatchIcon as fA, LakewatchParserIcon as fB, LayerGraphIcon as fC, LayerIcon as fD, Layout as fE, LeafIcon as fF, LegacyForm as fG, LegacyFormDubois as fH, LegacyOptGroup as fI, LegacyOption as fJ, LegacySelectOptGroup as fK, LegacySelectOption as fL, LegacyTable as fM, LetterFormatIcon as fN, LettersIcon as fO, LettersNumbersIcon as fP, LibrariesIcon as fQ, LifesaverIcon as fR, LightbulbIcon as fS, LightningCircleFillIcon as fT, LightningIcon as fU, LinearLineIcon as fV, LinkIcon as fW, LinkOffIcon as fX, ListBorderIcon as fY, ListClearIcon as fZ, ListIcon as f_, H2Icon as fa, H3Icon as fb, H4Icon as fc, H5Icon as fd, H6Icon as fe, HashIcon as ff, HistoryIcon as fg, HomeIcon as fh, Icon as fi, ImageIcon as fj, IndentDecreaseIcon as fk, IndentIncreaseIcon as fl, InfinityIcon as fm, InfoBookIcon as fn, InfoIcon as fo, IngestionIcon as fp, ItalicIcon as fq, JoinOperatorIcon as fr, KeyIcon as fs, KeyboardIcon as ft, LakebaseCatalogIcon as fu, LakebaseIcon as fv, LakeflowDesignerIcon as fw, LakewatchAlertIcon as fx, LakewatchDatasourceIcon as fy, LakewatchDetectionRuleIcon as fz, useDesignSystemTheme as g, PauseIcon as g$, Listbox as g0, LoadingIcon as g1, LoadingStateContext as g2, LockFillIcon as g3, LockIcon as g4, LockShareIcon as g5, LockUnlockedIcon as g6, LoopIcon as g7, LowercaseIcon as g8, MailIcon as g9, NotebookIcon as gA, NotebookPipelineIcon as gB, NotificationIcon as gC, NotificationOffIcon as gD, NumberFormatIcon as gE, NumbersIcon as gF, OfficeIcon as gG, OntologyIcon as gH, OperatorIcon as gI, OutageGraphic as gJ, OverflowHorizontalIcon as gK, OverflowIcon as gL, PageBottomIcon as gM, PageFirstIcon as gN, PageIcon as gO, PageLastIcon as gP, PageTopIcon as gQ, Pagination as gR, Panel as gS, PanelBody as gT, PanelDockedIcon as gU, PanelFloatingIcon as gV, PanelHeader as gW, PanelHeaderButtons as gX, PanelHeaderTitle as gY, PaperclipIcon as gZ, PassFailChecklistIcon as g_, MapIcon as ga, MarkdownIcon as gb, McpIcon as gc, MeasureIcon as gd, MegaphoneIcon as ge, MenuIcon as gf, MicrophoneIcon as gg, MicrophoneOffIcon as gh, MinusCircleFillIcon as gi, MinusCircleIcon as gj, MinusCircleSmallIcon as gk, MissingBranchGraphic as gl, MissingGraphic as gm, ModelsIcon as gn, MonotoneLineIcon as go, MonthPickerGrid as gp, MoonIcon as gq, Nav as gr, NavButton as gs, NavigationMenu as gt, NeonProjectIcon as gu, NewChatIcon as gv, NewTabIcon as gw, NewWindowIcon as gx, NoCaseIcon as gy, NoIcon as gz, DesignTokenScope as h, SendIcon as h$, PencilFillIcon as h0, PencilIcon as h1, PencilSparkleIcon as h2, PieChartIcon as h3, PillControl as h4, PinCancelIcon as h5, PinFillIcon as h6, PinIcon as h7, PipelineCodeIcon as h8, PipelineCubeIcon as h9, RadioTile as hA, RangePicker as hB, ReaderModeIcon as hC, RedoIcon as hD, RefreshIcon as hE, RefreshPlayIcon as hF, RefreshXIcon as hG, ReplyIcon as hH, ResizeIcon as hI, RhfForm as hJ, RichTextIcon as hK, RobotIcon as hL, RocketIcon as hM, RowsIcon as hN, RunIcon as hO, RunningIcon as hP, SMALL_BUTTON_HEIGHT$1 as hQ, SaveClockIcon as hR, SaveIcon as hS, SchemaIcon as hT, SchoolIcon as hU, SearchDataIcon as hV, SegmentedControlButton as hW, SegmentedControlGroup as hX, SelectContext as hY, SelectContextProvider as hZ, SelectOptionGroup as h_, PipelineIcon as ha, PivotOperatorIcon as hb, PlayCircleFillIcon as hc, PlayCircleIcon as hd, PlayDoubleIcon as he, PlayIcon as hf, PlayMultipleIcon as hg, PlugIcon as hh, PlusCircleFillIcon as hi, PlusCircleIcon as hj, PlusCircleSmallIcon as hk, PlusMinusSquareIcon as hl, Popover as hm, PositionBottomIcon as hn, PositionLeftIcon as ho, PositionRightIcon as hp, PositionTopIcon as hq, PreviewCard as hr, Progress as hs, PullRequestIcon as ht, PuzzleIcon as hu, QueryEditorIcon as hv, QueryIcon as hw, QuestionMarkFillIcon as hx, QuestionMarkIcon as hy, RadioIcon as hz, useDesignSystemContext as i, TableClockIcon as i$, ShareIcon as i0, ShareNodesIcon as i1, ShieldCheckIcon as i2, ShieldIcon as i3, ShieldOffIcon as i4, ShortcutIcon as i5, Sidebar as i6, SidebarAutoIcon as i7, SidebarClosedIcon as i8, SidebarCollapseIcon as i9, SparkleRectangleIcon as iA, SpeechBubbleIcon as iB, SpeechBubblePlusIcon as iC, SpeechBubbleQuestionMarkFillIcon as iD, SpeechBubbleQuestionMarkIcon as iE, SpeechBubbleStarIcon as iF, SpeedometerIcon as iG, Spinner as iH, SplitButton as iI, SqlIcon as iJ, StarFillIcon as iK, StarIcon as iL, StepAfterLineIcon as iM, StepBeforeLineIcon as iN, Stepper as iO, StopCircleFillIcon as iP, StopCircleIcon as iQ, StopIcon as iR, StoredProcedureIcon as iS, StorefrontIcon as iT, StreamIcon as iU, StrikeThroughIcon as iV, SunIcon as iW, SyncIcon as iX, SyncSmallIcon as iY, SyncToFileIcon as iZ, TableAsteriskIcon as i_, SidebarExpandIcon as ia, SidebarIcon as ib, SidebarOpenIcon as ic, SidebarSyncIcon as id, SimpleSelect as ie, SimpleSelectOption as ig, SimpleSelectOptionGroup as ih, SlashSquareIcon as ii, SlidersIcon as ij, SlidesIcon as ik, SnippetIcon as il, SortCustomHorizontalIcon as im, SortCustomVerticalIcon as io, SortHorizontalAscendingIcon as ip, SortHorizontalDescendingIcon as iq, SortLetterHorizontalAscendingIcon as ir, SortLetterHorizontalDescendingIcon as is, SortLetterUnsortedIcon as it, SortLetterVerticalAscendingIcon as iu, SortLetterVerticalDescendingIcon as iv, Spacer as iw, SparkleDoubleFillIcon as ix, SparkleFillIcon as iy, SparkleIcon as iz, WarningFillIcon as j, WorkflowsIcon as j$, TableCombineIcon as j0, TableGlassesIcon as j1, TableGlobeIcon as j2, TableIcon as j3, TableLightningIcon as j4, TableMeasureIcon as j5, TableModelIcon as j6, TableReportIcon as j7, TableStreamIcon as j8, TableVectorIcon as j9, TypeaheadComboboxFooter as jA, TypeaheadComboboxMenuItem$1 as jB, TypeaheadComboboxMultiSelectStateChangeTypes as jC, TypeaheadComboboxStateChangeTypes as jD, UnderlineIcon as jE, UndoIcon as jF, UploadIcon as jG, UppercaseIcon as jH, UsageOverageGraphic as jI, UsageSpikeGraphic as jJ, UsbIcon as jK, UserBadgeIcon as jL, UserCircleIcon as jM, UserGroupFillIcon as jN, UserGroupIcon as jO, UserIcon as jP, UserKeyIconIcon as jQ, UserShieldIcon as jR, UserSparkleIcon as jS, UserTeamIcon as jT, VisibleFillIcon as jU, VisibleIcon as jV, VisibleOffIcon as jW, VoiceModeIcon as jX, WithDesignSystemThemeHoc as jY, WorkflowCodeIcon as jZ, WorkflowCubeIcon as j_, TableViewIcon as ja, Tabs as jb, TagColumnIcon as jc, TagIcon as jd, TagTableIcon as je, TargetIcon as jf, TerminalIcon as jg, TextBoxIcon as jh, TextColorIcon as ji, TextIcon as jj, TextJustifyIcon as jk, TextUnderlineIcon as jl, ThreeDotsIcon as jm, ThumbsDownFilledIcon as jn, ThumbsDownIcon as jo, ThumbsUpFilledIcon as jp, ThumbsUpIcon as jq, ToggleButton as jr, TokenIcon as js, TrashIcon as jt, Tree as ju, TreeIcon as jv, TrendingFillIcon as jw, TrendingIcon as jx, TriangleIcon as jy, TypeaheadComboboxCheckboxItem as jz, DangerFillIcon as k, WorkspacesIcon as k0, WrenchIcon as k1, WrenchSparkleIcon as k2, XCircleFillIcon as k3, XCircleIcon as k4, YearPickerGrid as k5, ZaHorizontalIcon as k6, ZaVerticalIcon as k7, ZeroOpsIcon as k8, ZeroOpsOutlineIcon as k9, getTypographyColor as kA, getVirtualListScrollbarStyles as kB, getVirtualListScrollbarThumbColor as kC, getVirtualizedComboboxMenuItemStyles as kD, getWrapperStyle as kE, highlightFirstNonDisabledOption as kF, isOptionDisabled as kG, resetTabIndexToFocusedElement as kH, setImplicitContextGetter as kI, skipHideIconButtonActionClassName as kJ, themeMemoKey as kK, useAntDConfigProviderContext as kL, useCallbackOnEnter as kM, useComponentFinderContext as kN, useDesignSystemEventSuppressInteractionContext as kO, useFormContext as kP, useRadioGroupContext as kQ, ZoomInIcon as ka, ZoomMarqueeSelection as kb, ZoomOutIcon as kc, ZoomToFitIcon as kd, __INTERNAL_DO_NOT_USE__FormItem as ke, __INTERNAL_DO_NOT_USE__Group as kf, __INTERNAL_DO_NOT_USE__HorizontalGroup as kg, __INTERNAL_DO_NOT_USE__VerticalGroup as kh, __INTERNAL_DO_NOT_USE__wrapLegacyFormRules as ki, augmentWithDataComponentProps as kj, dialogComboboxLookAheadKeyDown as kk, fontSizesToStyle as kl, getBottomOnlyShadowScrollStyles as km, getButtonEmotionStyles as kn, getComboboxOptionLabelStyles as ko, getDatePickerQuickActionBasic as kp, getDialogComboboxOptionLabelWidth as kq, getHorizontalTabShadowStyles as kr, getInputStyles as ks, getKeyboardNavigationFunctions as kt, getMemoizedButtonEmotionStyles as ku, getPaginationEmotionStyles as kv, getPanelContainmentStyle as kw, getRadioStyles as kx, getRangeQuickActionsBasic as ky, getShadowScrollStyles as kz, DesignSystemEventProviderAnalyticsEventTypes as l, useDesignSystemEventComponentCallbacks as m, DesignSystemEventProviderComponentTypes as n, DesignSystemEventProviderComponentSubTypeMap as o, primitiveColors as p, useNotifyOnFirstView as q, useStableUuidV4 as r, ChevronDownIcon as s, ChevronRightIcon as t, useWizardCurrentStep as u, DesignSystemAntDConfigProvider as v, CloseSmallIcon as w, addDebugOutlineIfEnabled as x, Modal as y, getAnimationCss as z };
+//# sourceMappingURL=WizardStepContentWrapper-D_OEwjUE.js.map