@databricks/design-system 2.0.3 → 2.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/CHANGELOG.md +42 -0
  2. package/dist/RHFControlledTypeaheadComboboxV2-DsH-nIEk.js +172 -0
  3. package/dist/RHFControlledTypeaheadComboboxV2-DsH-nIEk.js.map +1 -0
  4. package/dist/{WizardStepContentWrapper-DsAS2ZAT.js → WizardStepContentWrapper-Bq1wm0V7.js} +669 -435
  5. package/dist/WizardStepContentWrapper-Bq1wm0V7.js.map +1 -0
  6. package/dist/index-BRAVZg-S.js +8308 -0
  7. package/dist/index-BRAVZg-S.js.map +1 -0
  8. package/dist/index-dark.css +395 -128
  9. package/dist/index-dark.mitigated.css +398 -131
  10. package/dist/index.css +844 -277
  11. package/dist/index.js +25 -8119
  12. package/dist/index.js.map +1 -1
  13. package/dist/index.mitigated.css +848 -281
  14. package/dist/patterns.js +1 -1
  15. package/dist/test-utils/rtl.js +1 -1
  16. package/dist/test-utils/rtl.js.map +1 -1
  17. package/dist-types/design-system/Alert/Alert.d.ts +1 -1
  18. package/dist-types/design-system/Breadcrumb/Breadcrumb.d.ts +10 -3
  19. package/dist-types/design-system/Button/AntDButtonInternal.d.ts +21 -0
  20. package/dist-types/design-system/Button/Button.d.ts +3 -19
  21. package/dist-types/design-system/Button/NativeButton.d.ts +3 -0
  22. package/dist-types/design-system/Button/getBtnClassName.d.ts +17 -0
  23. package/dist-types/design-system/Button/index.d.ts +1 -0
  24. package/dist-types/design-system/DesignSystemProvider/DesignSystemProvider.d.ts +28 -6
  25. package/dist-types/design-system/DesignSystemProvider/DesignTokenScopeWithEmotionTheme.d.ts +23 -0
  26. package/dist-types/design-system/DesignSystemProvider/index.d.ts +1 -0
  27. package/dist-types/design-system/FormV2/RHFAdapters.d.ts +8 -0
  28. package/dist-types/design-system/FormV2/RHFControlledTypeaheadComboboxV2.d.ts +58 -0
  29. package/dist-types/design-system/Icon/Icon.d.ts +2 -2
  30. package/dist-types/design-system/Icon/__generated/icons/ColorMappingEditIcon.d.ts +4 -0
  31. package/dist-types/design-system/Icon/__generated/icons/ColorMappingIcon.d.ts +4 -0
  32. package/dist-types/design-system/Icon/__generated/icons/MicrophoneIcon.d.ts +4 -0
  33. package/dist-types/design-system/Icon/__generated/icons/MicrophoneOffIcon.d.ts +4 -0
  34. package/dist-types/design-system/Icon/__generated/icons/OperatorIcon.d.ts +4 -0
  35. package/dist-types/design-system/Icon/__generated/icons/VoiceModeIcon.d.ts +4 -0
  36. package/dist-types/design-system/Icon/__generated/icons/index.d.ts +6 -0
  37. package/dist-types/design-system/Overflow/Overflow.d.ts +3 -1
  38. package/dist-types/design-system/Overflow/OverflowPopover.d.ts +2 -1
  39. package/dist-types/design-system/TypeaheadComboboxV2/TypeaheadComboboxMenu.d.ts +2 -0
  40. package/dist-types/design-system/shape-tokens.d.ts +1 -1
  41. package/dist-types/test-utils/rtl/buttonVariants.d.ts +11 -0
  42. package/dist-types/~patterns/Wizard/WizardStepNavigation.d.ts +9 -0
  43. package/dist-types/~patterns/Wizard/index.d.ts +1 -0
  44. package/package.json +12 -4
  45. package/dist/WizardStepContentWrapper-DsAS2ZAT.js.map +0 -1
@@ -1767,12 +1767,33 @@ const getAnimationCss = memoize((enableAnimation)=>{
1767
1767
  const DesignSystemProviderPropsContext = /*#__PURE__*/ React__default.createContext(null);
1768
1768
  const AntDConfigProviderPropsContext = /*#__PURE__*/ React__default.createContext(null);
1769
1769
  /** Only to be accessed by SupportsDuBoisThemes, except for special exceptions like tests and storybook. Ask in #dubois first if you need to use it. */ const DesignSystemThemeProvider = ({ isDarkMode = false, semanticColors, designTokenOverrides, children })=>{
1770
- return /*#__PURE__*/ jsx(DesignSystemThemeContext.Provider, {
1771
- value: {
1770
+ // Inherit `designTokenOverrides` from any ambient scope so a nested theme provider — which usually
1771
+ // only switches isDarkMode / semanticColors — doesn't drop a structural override an ancestor set
1772
+ // (e.g. a radius or spacing token). These tokens are mode-independent, so inheriting them is always
1773
+ // correct. `semanticColors` and `isDarkMode` intentionally stay a clean per-mode replace: a mode
1774
+ // switch must NOT inherit the ancestor's palette (color layering is DesignTokenScope's job).
1775
+ const ambient = useContext(DesignSystemThemeContext);
1776
+ const mergedDesignTokenOverrides = useMemo(()=>{
1777
+ const merged = {
1778
+ ...ambient.designTokenOverrides,
1779
+ ...designTokenOverrides
1780
+ };
1781
+ return Object.keys(merged).length > 0 ? merged : undefined;
1782
+ }, [
1783
+ ambient.designTokenOverrides,
1784
+ designTokenOverrides
1785
+ ]);
1786
+ const value = useMemo(()=>({
1772
1787
  isDarkMode,
1773
1788
  semanticColors,
1774
- designTokenOverrides
1775
- },
1789
+ designTokenOverrides: mergedDesignTokenOverrides
1790
+ }), [
1791
+ isDarkMode,
1792
+ semanticColors,
1793
+ mergedDesignTokenOverrides
1794
+ ]);
1795
+ return /*#__PURE__*/ jsx(DesignSystemThemeContext.Provider, {
1796
+ value: value,
1776
1797
  children: children
1777
1798
  });
1778
1799
  };
@@ -1815,6 +1836,89 @@ function semanticColorsToStyle(semanticColors) {
1815
1836
  designTokenOverrides
1816
1837
  ]);
1817
1838
  }
1839
+ /**
1840
+ * Internal DOM-scope primitive: a `display: contents` element that (re-)establishes a Du Bois token
1841
+ * scope on a DOM subtree — it carries the `du-bois-light`/`-dark` class and stamps `--db-*` overrides
1842
+ * that native (CSS-variable) components below inherit. It reaches in-tree descendants only; portaled
1843
+ * surfaces escape the DOM subtree. Consumers use the exported `DesignTokenScope` below (which also
1844
+ * feeds `DesignSystemThemeContext` so portals inherit too) — this impl is deliberately not exported.
1845
+ */ const DesignTokenScopeImpl = ({ children, overrideTokens, semanticColors, isDarkMode })=>{
1846
+ const { theme } = useDesignSystemTheme();
1847
+ const scopeTheme = isDarkMode === undefined ? theme : getTheme(isDarkMode);
1848
+ const style = useMemo(()=>({
1849
+ display: 'contents',
1850
+ ...overrideTokens,
1851
+ ...semanticColors ? semanticColorsToStyle(semanticColors) : {}
1852
+ }), [
1853
+ overrideTokens,
1854
+ semanticColors
1855
+ ]);
1856
+ return /*#__PURE__*/ jsx("div", {
1857
+ "data-testid": DS_OVERRIDE_TOKENS_WRAPPER_TESTID,
1858
+ className: getClassNamePrefix(scopeTheme),
1859
+ style: style,
1860
+ children: children
1861
+ });
1862
+ };
1863
+ /**
1864
+ * Applies design-token overrides to a component or page subtree, reaching BOTH in-tree components and
1865
+ * portaled surfaces (Modal, Drawer, DropdownMenu, Popover, Notification, …). This is the primitive to
1866
+ * reach for whenever you retheme a slice under the design-token system.
1867
+ *
1868
+ * It layers over the ambient scope rather than replacing it: `isDarkMode` falls back to the ambient
1869
+ * theme, and `semanticColors` / `overrideTokens` merge on top of any ambient overrides. The in-tree
1870
+ * half is stamped on a `display: contents` DOM element (`DesignTokenScopeImpl`); the portal half is
1871
+ * fed through `DesignSystemThemeContext` (via `DesignSystemThemeProvider`), which portaled surfaces
1872
+ * re-stamp on their own portal root via `useDesignTokenOverrideStyles()` — context crosses React
1873
+ * portals while DOM inheritance does not.
1874
+ *
1875
+ * For a subtree that still mixes legacy AntD-path (emotion JS theme) components mid-migration, use
1876
+ * `DesignTokenScopeWithEmotionTheme`, which additionally drives the emotion theme.
1877
+ */ const DesignTokenScope = ({ children, overrideTokens, semanticColors, isDarkMode })=>{
1878
+ // isDarkMode tracks the emotion theme (what the scope class and portals actually render as), not the
1879
+ // theme context — the two can diverge under a nested scope. semanticColors/designTokenOverrides are
1880
+ // the raw override maps, which live only on DesignSystemThemeContext (the emotion theme resolves them
1881
+ // away into theme.colors), so read them from there and merge the props on top.
1882
+ const { theme } = useDesignSystemTheme();
1883
+ const ambient = useContext(DesignSystemThemeContext);
1884
+ const resolvedIsDarkMode = isDarkMode ?? theme.isDarkMode;
1885
+ const mergedSemanticColors = useMemo(()=>{
1886
+ const merged = {
1887
+ ...ambient.semanticColors,
1888
+ ...semanticColors
1889
+ };
1890
+ return Object.keys(merged).length > 0 ? merged : undefined;
1891
+ }, [
1892
+ ambient.semanticColors,
1893
+ semanticColors
1894
+ ]);
1895
+ const mergedOverrideTokens = useMemo(()=>{
1896
+ const merged = {
1897
+ ...ambient.designTokenOverrides,
1898
+ ...overrideTokens
1899
+ };
1900
+ return Object.keys(merged).length > 0 ? merged : undefined;
1901
+ }, [
1902
+ ambient.designTokenOverrides,
1903
+ overrideTokens
1904
+ ]);
1905
+ return(// DesignTokenScope IS the sanctioned wrapper that feeds token overrides into DesignSystemThemeContext
1906
+ // for portaled surfaces, so it is one of the "special exceptions" the forbid rule allows.
1907
+ // eslint-disable-next-line react/forbid-elements
1908
+ /*#__PURE__*/ jsx(DesignSystemThemeProvider, {
1909
+ isDarkMode: resolvedIsDarkMode,
1910
+ // A partial delta only gets iterated into `--db-color-*` by `useDesignTokenOverrideStyles`; it is
1911
+ // never used to rebuild a full palette here, so the partial→full cast is safe.
1912
+ semanticColors: mergedSemanticColors,
1913
+ designTokenOverrides: mergedOverrideTokens,
1914
+ children: /*#__PURE__*/ jsx(DesignTokenScopeImpl, {
1915
+ isDarkMode: resolvedIsDarkMode,
1916
+ semanticColors: mergedSemanticColors,
1917
+ overrideTokens: mergedOverrideTokens,
1918
+ children: children
1919
+ })
1920
+ }));
1921
+ };
1818
1922
  const DesignSystemProvider = ({ children, enableAnimation = false, zIndexBase = 1000, getPopupContainer, flags = {}, themeOverrides, // Disable virtualization of legacy AntD components when running tests so that all items are rendered
1819
1923
  disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefined, disableTokenScopeWrapper = false })=>{
1820
1924
  const { isDarkMode, semanticColors } = useContext(DesignSystemThemeContext);
@@ -1900,13 +2004,8 @@ disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefi
1900
2004
  children: /*#__PURE__*/ jsx(TooltipProvider, {
1901
2005
  children: /*#__PURE__*/ jsx(DesignSystemContext.Provider, {
1902
2006
  value: value,
1903
- children: disableTokenScopeWrapper ? children : /*#__PURE__*/ jsx("div", {
1904
- "data-testid": DS_OVERRIDE_TOKENS_WRAPPER_TESTID,
1905
- className: classNamePrefix,
1906
- style: {
1907
- display: 'contents',
1908
- ...designTokenOverrideStyle
1909
- },
2007
+ children: disableTokenScopeWrapper ? children : /*#__PURE__*/ jsx(DesignTokenScopeImpl, {
2008
+ overrideTokens: designTokenOverrideStyle,
1910
2009
  children: children
1911
2010
  })
1912
2011
  })
@@ -1915,7 +2014,8 @@ disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefi
1915
2014
  })
1916
2015
  });
1917
2016
  };
1918
- const ApplyDesignSystemContextOverrides = ({ enableAnimation, zIndexBase, getPopupContainer, flags, themeOverrides, children })=>{
2017
+ const ApplyDesignSystemContextOverrides = ({ enableAnimation, zIndexBase, getPopupContainer, flags, themeOverrides, // Defaults to true (inherit the ancestor's scope); pass false when this subtree establishes a new one.
2018
+ disableTokenScopeWrapper = true, children })=>{
1919
2019
  const parentDesignSystemProviderProps = useContext(DesignSystemProviderPropsContext);
1920
2020
  if (parentDesignSystemProviderProps === null) {
1921
2021
  throw new Error(`ApplyDesignSystemContextOverrides cannot be used standalone - DesignSystemProvider must exist in the React context`);
@@ -1947,11 +2047,9 @@ const ApplyDesignSystemContextOverrides = ({ enableAnimation, zIndexBase, getPop
1947
2047
  flags,
1948
2048
  themeOverrides
1949
2049
  ]);
1950
- // Only overrides context props — the token scope is inherited from an ancestor (in-tree) or
1951
- // re-applied on the portal root — so it must not emit a second scope wrapper. See the prop's docs.
1952
2050
  return /*#__PURE__*/ jsx(DesignSystemProvider, {
1953
2051
  ...newProps,
1954
- disableTokenScopeWrapper: true,
2052
+ disableTokenScopeWrapper: disableTokenScopeWrapper,
1955
2053
  children: children
1956
2054
  });
1957
2055
  };
@@ -2062,7 +2160,7 @@ const getMemoizedIconCss$1 = memoize((theme, color)=>({
2062
2160
  ...getIconVariantStyles(theme, color)
2063
2161
  }), (theme, color)=>`${themeMemoKey(theme)}|${color ?? 'undef'}`);
2064
2162
  const Icon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
2065
- const { component: Component, dangerouslySetAntdProps, color, style, ...otherProps } = props;
2163
+ const { component: Component, color, style, ...otherProps } = props;
2066
2164
  const { theme } = useDesignSystemTheme();
2067
2165
  const linearGradientId = useUniqueId('ai-linear-gradient');
2068
2166
  const { gradientStart: aiGradientStart, gradientMid: aiGradientMid, gradientEnd: aiGradientEnd } = theme.colors.branded.ai;
@@ -2128,8 +2226,7 @@ const Icon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
2128
2226
  style: {
2129
2227
  ...style
2130
2228
  },
2131
- ...otherProps,
2132
- ...dangerouslySetAntdProps
2229
+ ...otherProps
2133
2230
  })
2134
2231
  });
2135
2232
  });
@@ -5469,6 +5566,62 @@ const ColorFillIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
5469
5566
  });
5470
5567
  ColorFillIcon.displayName = "ColorFillIcon";
5471
5568
 
5569
+ function SvgColorMappingEditIcon(props) {
5570
+ return /*#__PURE__*/ jsx("svg", {
5571
+ xmlns: "http://www.w3.org/2000/svg",
5572
+ width: "1em",
5573
+ height: "1em",
5574
+ fill: "none",
5575
+ viewBox: "0 0 17 17",
5576
+ ...props,
5577
+ children: /*#__PURE__*/ jsx("path", {
5578
+ fill: "currentColor",
5579
+ fillRule: "evenodd",
5580
+ d: "M6.5 8.836a.75.75 0 0 1 .75.75v4.75a.75.75 0 0 1-.75.75H1.75a.75.75 0 0 1-.75-.75v-4.75a.75.75 0 0 1 .75-.75zm-4 4.75h3.25v-3.25H2.5zM14.25 8.836a.75.75 0 0 1 .75.75v4.75a.75.75 0 0 1-.75.75H9.5a.75.75 0 0 1-.75-.75v-4.75a.75.75 0 0 1 .75-.75zm-4 4.75h3.25v-3.25h-3.25zM6.5 1.086a.75.75 0 0 1 .75.75v4.75a.75.75 0 0 1-.75.75H1.75a.75.75 0 0 1-.75-.75v-4.75a.75.75 0 0 1 .75-.75zm-4 4.75h3.25v-3.25H2.5zM12.513.512a1.75 1.75 0 0 1 2.474 0l.586.586a1.75 1.75 0 0 1 0 2.475L12.03 7.116a.75.75 0 0 1-.53.22h-2a.75.75 0 0 1-.75-.75v-2c0-.2.08-.39.22-.53zm1.414 1.061a.25.25 0 0 0-.354 0L10.25 4.896v.94h.94l3.323-3.324a.25.25 0 0 0 0-.353z",
5581
+ clipRule: "evenodd"
5582
+ })
5583
+ });
5584
+ }
5585
+ const ColorMappingEditIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
5586
+ return /*#__PURE__*/ jsx(Icon, {
5587
+ ref: forwardedRef,
5588
+ ...props,
5589
+ component: SvgColorMappingEditIcon
5590
+ });
5591
+ });
5592
+ ColorMappingEditIcon.displayName = "ColorMappingEditIcon";
5593
+
5594
+ function SvgColorMappingIcon(props) {
5595
+ return /*#__PURE__*/ jsxs("svg", {
5596
+ xmlns: "http://www.w3.org/2000/svg",
5597
+ width: "1em",
5598
+ height: "1em",
5599
+ fill: "none",
5600
+ viewBox: "0 0 16 16",
5601
+ ...props,
5602
+ children: [
5603
+ /*#__PURE__*/ jsx("path", {
5604
+ fill: "currentColor",
5605
+ fillRule: "evenodd",
5606
+ d: "M14.5 8.755a.75.75 0 0 1 .75.75v4.75a.75.75 0 0 1-.75.75H9.75a.75.75 0 0 1-.75-.75v-4.75a.75.75 0 0 1 .75-.75zm-4 4.75h3.25v-3.25H10.5zM6.5 8.75a.75.75 0 0 1 .75.75v4.75a.75.75 0 0 1-.75.75H1.75a.75.75 0 0 1-.75-.75V9.5a.75.75 0 0 1 .75-.75zm-4 4.75h3.25v-3.25H2.5zM6.5 1a.75.75 0 0 1 .75.75V6.5a.75.75 0 0 1-.75.75H1.75A.75.75 0 0 1 1 6.5V1.75A.75.75 0 0 1 1.75 1zm-4 4.75h3.25V2.5H2.5z",
5607
+ clipRule: "evenodd"
5608
+ }),
5609
+ /*#__PURE__*/ jsx("path", {
5610
+ fill: "currentColor",
5611
+ d: "M12.745 3.255H15v1.5h-2.255V7h-1.5V4.755H9v-1.5h2.245V1h1.5z"
5612
+ })
5613
+ ]
5614
+ });
5615
+ }
5616
+ const ColorMappingIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
5617
+ return /*#__PURE__*/ jsx(Icon, {
5618
+ ref: forwardedRef,
5619
+ ...props,
5620
+ component: SvgColorMappingIcon
5621
+ });
5622
+ });
5623
+ ColorMappingIcon.displayName = "ColorMappingIcon";
5624
+
5472
5625
  function SvgColumnIcon(props) {
5473
5626
  return /*#__PURE__*/ jsx("svg", {
5474
5627
  xmlns: "http://www.w3.org/2000/svg",
@@ -9942,6 +10095,68 @@ const MenuIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
9942
10095
  });
9943
10096
  MenuIcon.displayName = "MenuIcon";
9944
10097
 
10098
+ function SvgMicrophoneIcon(props) {
10099
+ return /*#__PURE__*/ jsxs("svg", {
10100
+ xmlns: "http://www.w3.org/2000/svg",
10101
+ width: "1em",
10102
+ height: "1em",
10103
+ fill: "none",
10104
+ viewBox: "0 0 16 16",
10105
+ ...props,
10106
+ children: [
10107
+ /*#__PURE__*/ jsx("path", {
10108
+ fill: "currentColor",
10109
+ d: "M3.5 8a4.5 4.5 0 1 0 9 0H14c0 3.06-2.29 5.582-5.25 5.951V16h-1.5v-2.049A6 6 0 0 1 2 8z"
10110
+ }),
10111
+ /*#__PURE__*/ jsx("path", {
10112
+ fill: "currentColor",
10113
+ fillRule: "evenodd",
10114
+ d: "M8 0a3 3 0 0 1 3 3v5a3 3 0 0 1-6 0V3a3 3 0 0 1 3-3m0 1.5A1.5 1.5 0 0 0 6.5 3v5a1.5 1.5 0 1 0 3 0V3A1.5 1.5 0 0 0 8 1.5",
10115
+ clipRule: "evenodd"
10116
+ })
10117
+ ]
10118
+ });
10119
+ }
10120
+ const MicrophoneIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
10121
+ return /*#__PURE__*/ jsx(Icon, {
10122
+ ref: forwardedRef,
10123
+ ...props,
10124
+ component: SvgMicrophoneIcon
10125
+ });
10126
+ });
10127
+ MicrophoneIcon.displayName = "MicrophoneIcon";
10128
+
10129
+ function SvgMicrophoneOffIcon(props) {
10130
+ return /*#__PURE__*/ jsxs("svg", {
10131
+ xmlns: "http://www.w3.org/2000/svg",
10132
+ width: "1em",
10133
+ height: "1em",
10134
+ fill: "none",
10135
+ viewBox: "0 0 16 16",
10136
+ ...props,
10137
+ children: [
10138
+ /*#__PURE__*/ jsx("path", {
10139
+ fill: "currentColor",
10140
+ fillRule: "evenodd",
10141
+ d: "m15.03 13.97-1.06 1.06-2.293-2.293a5.97 5.97 0 0 1-2.927 1.214V16h-1.5v-2.049A6 6 0 0 1 2 8h1.5a4.5 4.5 0 0 0 7.105 3.666l-1.084-1.084A2.97 2.97 0 0 1 8 11a3 3 0 0 1-3-3V6.06L.97 2.03 2.03.97zM6.5 8a1.5 1.5 0 0 0 1.888 1.448L6.5 7.561z",
10142
+ clipRule: "evenodd"
10143
+ }),
10144
+ /*#__PURE__*/ jsx("path", {
10145
+ fill: "currentColor",
10146
+ d: "M14 8c0 .864-.184 1.685-.513 2.427L12.32 9.259c.117-.4.181-.822.181-1.259zM8 0a3 3 0 0 1 3 3v4.94l-1.5-1.5V3a1.5 1.5 0 1 0-3 0v.44L5.144 2.082A3 3 0 0 1 8 0"
10147
+ })
10148
+ ]
10149
+ });
10150
+ }
10151
+ const MicrophoneOffIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
10152
+ return /*#__PURE__*/ jsx(Icon, {
10153
+ ref: forwardedRef,
10154
+ ...props,
10155
+ component: SvgMicrophoneOffIcon
10156
+ });
10157
+ });
10158
+ MicrophoneOffIcon.displayName = "MicrophoneOffIcon";
10159
+
9945
10160
  function SvgMinusCircleFillIcon(props) {
9946
10161
  return /*#__PURE__*/ jsx("svg", {
9947
10162
  xmlns: "http://www.w3.org/2000/svg",
@@ -10532,6 +10747,35 @@ const OntologyIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
10532
10747
  });
10533
10748
  OntologyIcon.displayName = "OntologyIcon";
10534
10749
 
10750
+ function SvgOperatorIcon(props) {
10751
+ return /*#__PURE__*/ jsxs("svg", {
10752
+ xmlns: "http://www.w3.org/2000/svg",
10753
+ width: "1em",
10754
+ height: "1em",
10755
+ fill: "none",
10756
+ viewBox: "0 0 16 16",
10757
+ ...props,
10758
+ children: [
10759
+ /*#__PURE__*/ jsx("path", {
10760
+ fill: "currentColor",
10761
+ d: "M12.75 11.25H15v1.5h-2.25V15h-1.5v-2.25H9v-1.5h2.25V9h1.5z"
10762
+ }),
10763
+ /*#__PURE__*/ jsx("path", {
10764
+ fill: "currentColor",
10765
+ d: "M15.25 2a.75.75 0 0 1 .75.75V8.5h-1.5v-5h-13v9h6V14H.75a.75.75 0 0 1-.75-.75V2.75A.75.75 0 0 1 .75 2z"
10766
+ })
10767
+ ]
10768
+ });
10769
+ }
10770
+ const OperatorIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
10771
+ return /*#__PURE__*/ jsx(Icon, {
10772
+ ref: forwardedRef,
10773
+ ...props,
10774
+ component: SvgOperatorIcon
10775
+ });
10776
+ });
10777
+ OperatorIcon.displayName = "OperatorIcon";
10778
+
10535
10779
  function SvgOverflowHorizontalIcon(props) {
10536
10780
  return /*#__PURE__*/ jsx("svg", {
10537
10781
  xmlns: "http://www.w3.org/2000/svg",
@@ -15564,6 +15808,29 @@ const VisibleOffIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
15564
15808
  });
15565
15809
  VisibleOffIcon.displayName = "VisibleOffIcon";
15566
15810
 
15811
+ function SvgVoiceModeIcon(props) {
15812
+ return /*#__PURE__*/ jsx("svg", {
15813
+ xmlns: "http://www.w3.org/2000/svg",
15814
+ width: "1em",
15815
+ height: "1em",
15816
+ fill: "none",
15817
+ viewBox: "0 0 16 16",
15818
+ ...props,
15819
+ children: /*#__PURE__*/ jsx("path", {
15820
+ fill: "currentColor",
15821
+ d: "M8.5 15H7V1h1.5zM5.5 12H4V4h1.5zM14.5 12H13V4h1.5zM2.5 10H1V6h1.5zM11.5 10H10V6h1.5z"
15822
+ })
15823
+ });
15824
+ }
15825
+ const VoiceModeIcon = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
15826
+ return /*#__PURE__*/ jsx(Icon, {
15827
+ ref: forwardedRef,
15828
+ ...props,
15829
+ component: SvgVoiceModeIcon
15830
+ });
15831
+ });
15832
+ VoiceModeIcon.displayName = "VoiceModeIcon";
15833
+
15567
15834
  function SvgWarningFillIcon(props) {
15568
15835
  return /*#__PURE__*/ jsx("svg", {
15569
15836
  xmlns: "http://www.w3.org/2000/svg",
@@ -17068,7 +17335,7 @@ var ShapeTokens = /*#__PURE__*/ function(ShapeTokens) {
17068
17335
  ShapeTokens["ACTION_BORDER_RADIUS"] = "--action-border-radius";
17069
17336
  ShapeTokens["INPUT_BORDER_RADIUS"] = "--input-border-radius";
17070
17337
  ShapeTokens["LIST_ITEM_BORDER_RADIUS"] = "--list-item-border-radius";
17071
- ShapeTokens["POPOVER_BORDER_RADIUS"] = "--popover-border-radius";
17338
+ ShapeTokens["POPUP_BORDER_RADIUS"] = "--popup-border-radius";
17072
17339
  ShapeTokens["INFO_CONTAINER_BORDER_RADIUS"] = "--info-container-border-radius";
17073
17340
  return ShapeTokens;
17074
17341
  }({});
@@ -17079,7 +17346,7 @@ const SMALL_BUTTON_HEIGHT$2 = 24;
17079
17346
  // Hoisted to module level so the default reference is stable across renders and instances.
17080
17347
  // Without this, the default `analyticsEvents = [...]` literal would be a fresh array on every
17081
17348
  // render, propagating ref-instability into useDesignSystemEventComponentCallbacks.
17082
- const DEFAULT_ANALYTICS_EVENTS$6 = [
17349
+ const DEFAULT_ANALYTICS_EVENTS$7 = [
17083
17350
  DesignSystemEventProviderAnalyticsEventTypes.OnClick,
17084
17351
  DesignSystemEventProviderAnalyticsEventTypes.OnView
17085
17352
  ];
@@ -17407,12 +17674,12 @@ const getButtonEmotionStyles = ({ theme, classNamePrefix, loading, withIcon, onl
17407
17674
  const importantTypeStyles = importantify(typeStyles);
17408
17675
  return /*#__PURE__*/ css(importantStyles, importantTypeStyles);
17409
17676
  };
17410
- const Button$1 = /* #__PURE__ */ (()=>{
17677
+ const AntDButtonInternal = /* #__PURE__ */ (()=>{
17411
17678
  const Button = /*#__PURE__*/ forwardRef(function Button(// Keep size out of props passed to AntD to make deprecation and eventual removal have 0 impact
17412
17679
  { children, size, type, loading: loadingProp, loadingDescription, endIcon, onClick, dangerouslySetForceIconStyles, dangerouslyUseFocusPseudoClass, dangerouslyAppendWrapperCss, componentId, analyticsEvents, shouldStartInteraction, ...props }, ref) {
17413
17680
  const formContext = useFormContext();
17414
17681
  const { theme, classNamePrefix } = useDesignSystemTheme();
17415
- const memoizedAnalyticsEvents = analyticsEvents ?? DEFAULT_ANALYTICS_EVENTS$6;
17682
+ const memoizedAnalyticsEvents = analyticsEvents ?? DEFAULT_ANALYTICS_EVENTS$7;
17416
17683
  const eventContext = useDesignSystemEventComponentCallbacks({
17417
17684
  componentType: DesignSystemEventProviderComponentTypes.Button,
17418
17685
  componentId,
@@ -17531,6 +17798,214 @@ const Button$1 = /* #__PURE__ */ (()=>{
17531
17798
  return Button;
17532
17799
  })();
17533
17800
 
17801
+ // Stable module-level default so useDesignSystemEventComponentCallbacks isn't fed a fresh array each render.
17802
+ const DEFAULT_ANALYTICS_EVENTS$6 = [
17803
+ DesignSystemEventProviderAnalyticsEventTypes.OnClick,
17804
+ DesignSystemEventProviderAnalyticsEventTypes.OnView
17805
+ ];
17806
+ // href renders a real <a>, so the forwarded ref can be either element — the public Button gate keeps
17807
+ // the HTMLButtonElement type and widening to the union here is assignable to it.
17808
+ const NativeButton = /*#__PURE__*/ forwardRef(function NativeButton({ type, size, danger, block, icon, endIcon, href, htmlType = 'button', loading: loadingProp, loadingDescription, disabled, children, className, style, onClick, componentId, analyticsEvents, shouldStartInteraction, dangerouslyAppendWrapperCss, dangerouslyUseFocusPseudoClass, dangerouslySetForceIconStyles, // Pull aria-disabled out of the passthrough so the value we compute below wins over {...props}
17809
+ // rather than being clobbered by it — while still honoring what the caller passed (see below).
17810
+ 'aria-disabled': ariaDisabledProp, ...props }, ref) {
17811
+ const formContext = useFormContext();
17812
+ const memoizedAnalyticsEvents = analyticsEvents ?? DEFAULT_ANALYTICS_EVENTS$6;
17813
+ const eventContext = useDesignSystemEventComponentCallbacks({
17814
+ componentType: DesignSystemEventProviderComponentTypes.Button,
17815
+ componentId,
17816
+ analyticsEvents: memoizedAnalyticsEvents,
17817
+ shouldStartInteraction,
17818
+ // A submit button is not the interaction subject — the form submission is.
17819
+ isInteractionSubject: !(htmlType === 'submit' && formContext.componentId)
17820
+ });
17821
+ const { elementRef: buttonRef } = useNotifyOnFirstView({
17822
+ onView: eventContext.onView
17823
+ });
17824
+ // Forward the ref to whichever element actually renders (button or anchor) — no HTMLButtonElement cast.
17825
+ const mergedRef = useMergeRefs([
17826
+ ref,
17827
+ buttonRef
17828
+ ]);
17829
+ const loading = Boolean(loadingProp ?? (htmlType === 'submit' && formContext.isSubmitting));
17830
+ const iconOnly = Boolean((icon || endIcon) && !children);
17831
+ // A content-less button (no icon, no end icon, no children) draws no visible box; consumers use
17832
+ // such empty (usually disabled) buttons as layout spacers (e.g. an invoice table's expand column).
17833
+ // Mark it so the styles stay borderless/transparent; `.db-btn-empty` only zeroes bg/border, so a
17834
+ // loading spinner still renders.
17835
+ const isEmpty = !icon && !endIcon && !children;
17836
+ const forceIconStyles = Boolean(dangerouslySetForceIconStyles);
17837
+ // Render a real <a> whenever href is set and enabled (including while loading — the loading click
17838
+ // is neutralized in handleClick); a disabled link falls back to a <button>.
17839
+ const renderAnchor = Boolean(href) && !disabled;
17840
+ const handleClick = useCallback((event)=>{
17841
+ if (loading) {
17842
+ // Skip the React click handlers while loading. For a link, also block the browser's default
17843
+ // navigation so a loading link is inert (parity with the legacy button, where AntD
17844
+ // preventDefaults loading clicks). A loading `htmlType="submit"` button intentionally still
17845
+ // submits its form (forms rely on this), so only the anchor's default is neutralized —
17846
+ // `preventDefault` for the submit case would suppress that submission.
17847
+ if (renderAnchor) {
17848
+ event.preventDefault();
17849
+ }
17850
+ return;
17851
+ }
17852
+ eventContext.onClick(event);
17853
+ if (htmlType === 'submit' && formContext.formRef?.current) {
17854
+ event.preventDefault();
17855
+ formContext.formRef.current.requestSubmit();
17856
+ }
17857
+ onClick?.(event);
17858
+ }, [
17859
+ loading,
17860
+ renderAnchor,
17861
+ htmlType,
17862
+ formContext.formRef,
17863
+ eventContext,
17864
+ onClick
17865
+ ]);
17866
+ // Inherits the `--db-color-*` scope (theme-class + consumer override) from the DesignSystemProvider
17867
+ // wrapper; no self-scoped theme class, so a consumer override set on that wrapper reaches here.
17868
+ const rootClassName = classnames('db-btn', {
17869
+ 'db-btn-primary': type === 'primary',
17870
+ 'db-btn-link': type === 'link',
17871
+ 'db-btn-tertiary': type === 'tertiary',
17872
+ // Positive marker for the default (secondary) variant, i.e. no `type` at all. The icon-greying
17873
+ // rules key on this rather than negating the variant classes: a Radix `*.Trigger asChild` can
17874
+ // inject a bogus `type="button"` onto the Button, which is not a real variant. Gating icon
17875
+ // greying on `!type` means a truthy `type` (even "button") leaves the glyph at the text color
17876
+ // (an injected `type` is truthy → not default).
17877
+ 'db-btn-default': !type,
17878
+ 'db-btn-danger': Boolean(danger),
17879
+ 'db-btn-small': size === 'small',
17880
+ 'db-btn-icon-only': iconOnly,
17881
+ 'db-btn-empty': isEmpty,
17882
+ 'db-btn-force-icon': forceIconStyles,
17883
+ 'db-btn-full-width': Boolean(block),
17884
+ 'db-btn-loading': loading,
17885
+ // While loading with a leading icon, reserve the icon's width so the button doesn't shrink.
17886
+ 'db-btn-loading-with-icon': loading && Boolean(icon),
17887
+ 'db-btn-use-focus-pseudo-class': Boolean(dangerouslyUseFocusPseudoClass)
17888
+ }, className);
17889
+ // Expose loading (and disabled) as disabled to assistive tech without the disabled-grey visuals a
17890
+ // real `disabled` attribute would force — the button keeps its variant color + spinner while loading.
17891
+ // Also honor a caller-provided aria-disabled (the "soft-disable" pattern: the button stays
17892
+ // focusable + clickable, the caller guards its own onClick so a tooltip still fires, and the
17893
+ // caller's `&[aria-disabled="true"]` styling applies). An explicit `false` is preserved, since
17894
+ // callers/tests assert `aria-disabled="false"` on the enabled state.
17895
+ const ariaDisabled = disabled || loading || ariaDisabledProp === true ? true : ariaDisabledProp;
17896
+ // Render the leading icon directly (not wrapped) so it stays the button's direct `.anticon` child,
17897
+ // so DOM-structure selectors (e.g. the Table icon-only row-action reveal,
17898
+ // `button:has(> span.anticon[role="img"]:only-child)`) keep matching. Same for the loading spinner.
17899
+ // The CSS icon rules target `.db-btn > .anticon` so they only style real icon glyphs — a non-glyph
17900
+ // element passed as `icon` (e.g. a Spinner) keeps its own sizing — and out-specify AntD's global
17901
+ // `.anticon` base rule.
17902
+ const leading = loading ? /*#__PURE__*/ jsx(Spinner, {
17903
+ className: "db-btn-spinner",
17904
+ animationDuration: 8,
17905
+ inheritColor: true,
17906
+ label: "loading",
17907
+ "aria-label": "loading",
17908
+ // oxlint-disable-next-line @databricks/no-dynamic-property-value -- DUBOIS INTERNAL EXEMPTION exempt:b7289367-ddfb-4cf6-b8d1-22b27cdff2d2
17909
+ loadingDescription: loadingDescription ?? componentId
17910
+ }) : icon ? icon : null;
17911
+ let content = null;
17912
+ if (children !== undefined && children !== null && children !== false) {
17913
+ // Hide the content inline while loading (not just via the CSS class) so it leaves the
17914
+ // accessibility tree in every environment — jsdom doesn't apply stylesheet CSS, so the button's
17915
+ // accessible name stays "loading" rather than "loading <label>".
17916
+ content = /*#__PURE__*/ jsxs("span", {
17917
+ className: "db-btn-content",
17918
+ style: {
17919
+ visibility: loading ? 'hidden' : undefined,
17920
+ ...dangerouslyAppendWrapperCss
17921
+ },
17922
+ children: [
17923
+ children,
17924
+ endIcon && /*#__PURE__*/ jsx("span", {
17925
+ className: "db-btn-end-icon",
17926
+ children: endIcon
17927
+ })
17928
+ ]
17929
+ });
17930
+ }
17931
+ // endIcon renders only alongside children, matching the legacy button.
17932
+ // Render a real anchor when it acts as an enabled, non-loading link; otherwise a native button.
17933
+ if (renderAnchor) {
17934
+ return /*#__PURE__*/ jsxs("a", {
17935
+ ...addDebugOutlineIfEnabled(),
17936
+ ...props,
17937
+ ref: mergedRef,
17938
+ href: href,
17939
+ "aria-disabled": ariaDisabled,
17940
+ className: rootClassName,
17941
+ style: style,
17942
+ onClick: handleClick,
17943
+ ...eventContext.dataComponentProps,
17944
+ children: [
17945
+ leading,
17946
+ content
17947
+ ]
17948
+ });
17949
+ }
17950
+ return /*#__PURE__*/ jsxs("button", {
17951
+ ...addDebugOutlineIfEnabled(),
17952
+ ...props,
17953
+ ref: mergedRef,
17954
+ type: htmlType,
17955
+ disabled: disabled,
17956
+ "aria-disabled": ariaDisabled,
17957
+ className: rootClassName,
17958
+ style: style,
17959
+ onClick: handleClick,
17960
+ ...eventContext.dataComponentProps,
17961
+ children: [
17962
+ leading,
17963
+ content
17964
+ ]
17965
+ });
17966
+ });
17967
+
17968
+ // Public Button selects between the native (plain-DOM, token-driven) implementation and the legacy
17969
+ // implementation on the `databricks.fe.designsystem.useNativeButton` server-side flag, default off.
17970
+ // serverSideSafe resolves synchronously at render, so the choice is stable from first paint.
17971
+ const Button$1 = /* #__PURE__ */ (()=>{
17972
+ const Button = /*#__PURE__*/ forwardRef(function Button({ useNativeButtonOverride, ...props }, ref) {
17973
+ const useNativeButton = useNativeButtonOverride ?? serverSideSafe('databricks.fe.designsystem.useNativeButton', false);
17974
+ if (useNativeButton) {
17975
+ return /*#__PURE__*/ jsx(NativeButton, {
17976
+ ...props,
17977
+ ref: ref
17978
+ });
17979
+ }
17980
+ return /*#__PURE__*/ jsx(AntDButtonInternal, {
17981
+ ...props,
17982
+ ref: ref
17983
+ });
17984
+ });
17985
+ // The default path is the legacy Ant-backed button, so keep the marker Ant wrappers (e.g. Tooltip)
17986
+ // read to identify it — preserving pre-split behavior while the flag is off.
17987
+ // See: https://github.com/ant-design/ant-design/blob/6dd39c1f89b4d6632e6ed022ff1bc275ca1e0f1f/components/button/button.tsx#L291
17988
+ Button.__ANT_BUTTON = true;
17989
+ return Button;
17990
+ })();
17991
+
17992
+ /**
17993
+ * Emotion selector that matches a Du Bois button by BOTH its legacy AntD-prefixed class
17994
+ * (`.<clsNamePrefix>-btn…`) and the NativeButton class (`.db-btn…`). Style overrides keyed off the
17995
+ * button class must match `.db-btn` too, so they survive the migration off the AntD-prefixed
17996
+ * `Button` onto `NativeButton`.
17997
+ *
17998
+ * @param clsNamePrefix theme class prefix, e.g. `classNamePrefix` from `useDesignSystemTheme()`.
17999
+ * @param suffix raw selector fragment appended after `-btn` on each class — e.g. `'-primary'`,
18000
+ * `'-icon-only'`, `':first-child'`, `'[disabled]'`, `' > span'`, or `''` for none. Include the
18001
+ * leading `-` yourself.
18002
+ * @param prefix combinator/anchor prepended before each class — pass it explicitly so the call reads
18003
+ * at a glance: `'&'` for a self-target selector (`&.…-btn`, when the `css` sits on the Button
18004
+ * element itself), `''` for a bare descendant (`.…-btn`), `'& > '` for a direct child, `'& '` for
18005
+ * any descendant, or a fuller container prefix (e.g. `` `.${prefix}-dropdown-button > ` ``) when the
18006
+ * button is nested deeper.
18007
+ */ const getBtnClassName = (clsNamePrefix, suffix, prefix)=>`${prefix}.${clsNamePrefix}-btn${suffix}, ${prefix}.db-btn${suffix}`;
18008
+
17534
18009
  const DRAWER_ZINDEX_OVERLAY_OFFSET = 1;
17535
18010
  const DRAWER_ZINDEX_CONTENT_OFFSET = DRAWER_ZINDEX_OVERLAY_OFFSET + 1;
17536
18011
  /** Whether the surrounding subtree is inside an open Drawer. */ const DrawerContext = /*#__PURE__*/ createContext({
@@ -17786,7 +18261,7 @@ function getParagraphEmotionStyles(theme, clsPrefix, props) {
17786
18261
  '& .anticon': {
17787
18262
  verticalAlign: 'text-bottom'
17788
18263
  },
17789
- [`& .${clsPrefix}-btn-link`]: {
18264
+ [`${getBtnClassName(clsPrefix, '-link', '& ')}, ${getBtnClassName(clsPrefix, '-tertiary', '& ')}`]: {
17790
18265
  verticalAlign: 'baseline !important'
17791
18266
  }
17792
18267
  }, props.disabled && {
@@ -18133,7 +18608,9 @@ const wrapperStyles = /*#__PURE__*/ css({
18133
18608
  width: '100%',
18134
18609
  height: '100%'
18135
18610
  });
18136
- const overlayStyles = (theme, zIndex, maskStyle)=>/*#__PURE__*/ css({
18611
+ const overlayStyles = (theme, zIndex, maskStyle)=>// eslint-disable-next-line @typescript-eslint/ban-ts-comment
18612
+ // @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
18613
+ /*#__PURE__*/ css({
18137
18614
  position: 'fixed',
18138
18615
  inset: 0,
18139
18616
  backgroundColor: theme.colors.overlayOverlay,
@@ -18146,6 +18623,8 @@ const overlayStyles = (theme, zIndex, maskStyle)=>/*#__PURE__*/ css({
18146
18623
  });
18147
18624
  const modalContentStyles = (theme, maxedOutHeight)=>{
18148
18625
  const MODAL_PADDING = theme.spacing.lg;
18626
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
18627
+ // @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
18149
18628
  return /*#__PURE__*/ css({
18150
18629
  backgroundColor: theme.colors.backgroundPrimary,
18151
18630
  maxHeight: '90vh',
@@ -18246,7 +18725,7 @@ const modalFooterStyles = (theme, prefixCls, hasCustomFooter)=>{
18246
18725
  paddingLeft: MODAL_PADDING,
18247
18726
  paddingRight: MODAL_PADDING,
18248
18727
  marginTop: 'auto',
18249
- [`.${prefixCls}-dropdown-button > .${prefixCls}-btn:nth-of-type(2)`]: {
18728
+ [getBtnClassName(prefixCls, ':nth-of-type(2)', `.${prefixCls}-dropdown-button > `)]: {
18250
18729
  marginLeft: -1
18251
18730
  }
18252
18731
  });
@@ -18849,12 +19328,14 @@ const CONSTANTS$1 = {
18849
19328
  return 2;
18850
19329
  }
18851
19330
  };
18852
- const popoverContentStylesResolver = memoize((theme)=>({
19331
+ const popoverContentStylesResolver = memoize(// eslint-disable-next-line @typescript-eslint/ban-ts-comment
19332
+ // @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
19333
+ (theme)=>({
18853
19334
  backgroundColor: theme.colors.backgroundPrimary,
18854
19335
  color: theme.colors.textPrimary,
18855
19336
  lineHeight: theme.typography.lineHeightBase,
18856
19337
  border: `1px solid ${theme.colors.border}`,
18857
- borderRadius: token(ShapeTokens.POPOVER_BORDER_RADIUS, theme.borders.borderRadiusSm),
19338
+ borderRadius: token(ShapeTokens.POPUP_BORDER_RADIUS, theme.borders.borderRadiusSm),
18858
19339
  padding: `${theme.spacing.sm}px`,
18859
19340
  boxShadow: theme.shadows.lg,
18860
19341
  zIndex: theme.options.zIndexBase + 30,
@@ -18953,20 +19434,16 @@ const getTooltipStyles = (theme, clsPrefix)=>{
18953
19434
  // component is used outside of universe alongside a Radix version that still has the underlying bug.
18954
19435
  const dataStateAttr = 'tooltip-data-state';
18955
19436
  const classTypography = `.${clsPrefix}-typography`;
18956
- const { isDarkMode } = theme;
18957
- const linkColor = isDarkMode ? theme.colors.blue600 : theme.colors.blue500;
18958
- const linkActiveColor = isDarkMode ? theme.colors.blue800 : theme.colors.blue300;
18959
- const linkHoverColor = isDarkMode ? theme.colors.blue700 : theme.colors.blue400;
18960
19437
  return {
18961
19438
  content: {
18962
- backgroundColor: theme.colors.tooltipBackgroundTooltip,
18963
- color: theme.colors.tooltipTextTooltip,
18964
- borderRadius: token(ShapeTokens.POPOVER_BORDER_RADIUS, theme.borders.borderRadiusSm),
18965
- fontSize: theme.typography.fontSizeMd,
18966
- padding: `${theme.spacing.xs}px ${theme.spacing.sm}px`,
19439
+ backgroundColor: 'var(--db-tooltip-surface)',
19440
+ color: 'var(--db-tooltip-text)',
19441
+ borderRadius: 'var(--db-tooltip-border-radius)',
19442
+ fontSize: 'var(--db-tooltip-font-size)',
19443
+ padding: 'var(--db-tooltip-spacing-vertical) var(--db-tooltip-spacing-horizontal)',
18967
19444
  lineHeight: theme.typography.lineHeightLg,
18968
- fontWeight: theme.typography.typographyRegularFontWeight,
18969
- boxShadow: theme.shadows.lg,
19445
+ fontWeight: 'var(--db-tooltip-font-weight)',
19446
+ boxShadow: 'var(--db-tooltip-shadow)',
18970
19447
  wordWrap: 'break-word',
18971
19448
  whiteSpace: 'normal',
18972
19449
  zIndex: theme.options.zIndexBase + 70,
@@ -18985,27 +19462,27 @@ const getTooltipStyles = (theme, clsPrefix)=>{
18985
19462
  },
18986
19463
  [`& a${classTypography}`]: {
18987
19464
  '&, :focus': {
18988
- color: linkColor,
19465
+ color: 'var(--db-tooltip-link-text)',
18989
19466
  '.anticon': {
18990
- color: linkColor
19467
+ color: 'var(--db-tooltip-link-text)'
18991
19468
  }
18992
19469
  },
18993
19470
  ':active': {
18994
- color: linkActiveColor,
19471
+ color: 'var(--db-tooltip-link-text-press)',
18995
19472
  '.anticon': {
18996
- color: linkActiveColor
19473
+ color: 'var(--db-tooltip-link-text-press)'
18997
19474
  }
18998
19475
  },
18999
19476
  ':hover': {
19000
- color: linkHoverColor,
19477
+ color: 'var(--db-tooltip-link-text-hover)',
19001
19478
  '.anticon': {
19002
- color: linkHoverColor
19479
+ color: 'var(--db-tooltip-link-text-hover)'
19003
19480
  }
19004
19481
  }
19005
19482
  }
19006
19483
  },
19007
19484
  arrow: {
19008
- fill: theme.colors.tooltipBackgroundTooltip,
19485
+ fill: 'var(--db-tooltip-surface)',
19009
19486
  zIndex: theme.options.zIndexBase + 70,
19010
19487
  visibility: 'visible'
19011
19488
  }
@@ -19018,6 +19495,11 @@ const getMemoizedTooltipStyles = memoize(getTooltipStyles, (theme, clsPrefix)=>`
19018
19495
  * composes a ref onto whatever it renders, so this has to forward it on to the content.
19019
19496
  */ const TooltipContent = /*#__PURE__*/ forwardRef(function TooltipContent({ content, side, sideOffset, align, maxWidth, componentId, analyticsEvents, zIndex, shouldReportViewRef, ...props }, ref) {
19020
19497
  const { theme, classNamePrefix } = useDesignSystemTheme();
19498
+ // The Radix portal mounts on the body, outside any Du Bois scope, so re-establish the token scope
19499
+ // here the way other portaled surfaces (Modal, Drawer, DropdownMenu, …) do: the theme class carries
19500
+ // the base `--db-*` tokens and the override style re-declares any consumer overrides on top.
19501
+ const themeClass = useDuboisThemeClass();
19502
+ const themeOverrideStyle = useDesignTokenOverrideStyles();
19021
19503
  const tooltipStyles = getMemoizedTooltipStyles(theme, classNamePrefix);
19022
19504
  const contentCss = useMemo(()=>[
19023
19505
  tooltipStyles['content'],
@@ -19055,6 +19537,8 @@ const getMemoizedTooltipStyles = memoize(getTooltipStyles, (theme, clsPrefix)=>`
19055
19537
  css: contentCss,
19056
19538
  ...props,
19057
19539
  ...eventContext.dataComponentProps,
19540
+ className: themeClass,
19541
+ style: themeOverrideStyle,
19058
19542
  children: [
19059
19543
  content,
19060
19544
  /*#__PURE__*/ jsx(RadixTooltip.Arrow, {
@@ -19149,56 +19633,6 @@ const InfoTooltip = ({ content, iconTitle = 'More information', ...props })=>{
19149
19633
  });
19150
19634
  };
19151
19635
 
19152
- const OverflowPopover = ({ items, renderLabel, tooltipText, ariaLabel = 'More items', ...props })=>{
19153
- const { theme } = useDesignSystemTheme();
19154
- const [showTooltip, setShowTooltip] = useState(true);
19155
- const label = `+${items.length}`;
19156
- let trigger = /*#__PURE__*/ jsx("span", {
19157
- css: {
19158
- lineHeight: 0
19159
- },
19160
- ...addDebugOutlineIfEnabled(),
19161
- children: /*#__PURE__*/ jsx(Trigger$5, {
19162
- asChild: true,
19163
- children: /*#__PURE__*/ jsx(Button$1, {
19164
- componentId: "something",
19165
- type: "link",
19166
- children: renderLabel ? renderLabel(label) : label
19167
- })
19168
- })
19169
- });
19170
- if (showTooltip) {
19171
- trigger = /*#__PURE__*/ jsx(Tooltip, {
19172
- componentId: "design-system.overflow-popover.tooltip",
19173
- content: tooltipText || 'See more items',
19174
- children: trigger
19175
- });
19176
- }
19177
- return /*#__PURE__*/ jsxs(Root$b, {
19178
- componentId: "codegen_design-system_src_design-system_overflow_overflowpopover.tsx_37",
19179
- onOpenChange: (open)=>setShowTooltip(!open),
19180
- children: [
19181
- trigger,
19182
- /*#__PURE__*/ jsx(Content$7, {
19183
- align: "start",
19184
- "aria-label": ariaLabel,
19185
- ...props,
19186
- ...addDebugOutlineIfEnabled(),
19187
- children: /*#__PURE__*/ jsx("div", {
19188
- css: {
19189
- display: 'flex',
19190
- flexDirection: 'column',
19191
- gap: theme.spacing.xs
19192
- },
19193
- children: items.map((item, index)=>/*#__PURE__*/ jsx("div", {
19194
- children: item
19195
- }, `overflow-${index}`))
19196
- })
19197
- })
19198
- ]
19199
- });
19200
- };
19201
-
19202
19636
  const { Text, Paragraph: Paragraph$1 } = Typography;
19203
19637
  const BANNER_MIN_HEIGHT = 68;
19204
19638
  // Max height will allow 2 lines of description (3 lines total)
@@ -19967,6 +20401,8 @@ const getWrapperStyle = ({ clsPrefix, theme, wrapperStyle = {} })=>{
19967
20401
  },
19968
20402
  ...wrapperStyle
19969
20403
  };
20404
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
20405
+ // @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
19970
20406
  return /*#__PURE__*/ css(styles);
19971
20407
  };
19972
20408
  const AntDCheckboxInternal = /*#__PURE__*/ forwardRef(function Checkbox({ isChecked, onChange, children, isDisabled = false, style, wrapperStyle, dangerouslySetAntdProps, className, componentId, analyticsEvents, ...restProps }, ref) {
@@ -20076,9 +20512,9 @@ const AntDCheckboxGroupInternal = /*#__PURE__*/ forwardRef(function AntDCheckbox
20076
20512
 
20077
20513
  const NativeCheckboxGroupContext = createContext(null);
20078
20514
 
20079
- const GROUP_CLASS$1 = 'ds-checkbox-group';
20515
+ const GROUP_CLASS$1 = 'db-checkbox-group';
20080
20516
  // Vertical groups are a stack; horizontal stays a bespoke non-wrapping row (see NativeCheckbox.css).
20081
- const STACK_CLASS$1 = 'ds-stack';
20517
+ const STACK_CLASS$1 = 'db-stack';
20082
20518
  const NativeCheckboxGroup = /*#__PURE__*/ forwardRef(function NativeCheckboxGroup({ children, layout = 'vertical', value, defaultValue, onChange, options, disabled, name, className, style, ...rest }, ref) {
20083
20519
  const isControlled = value !== undefined;
20084
20520
  const [internalValue, setInternalValue] = useState(defaultValue ? [
@@ -20136,17 +20572,17 @@ const NativeCheckboxGroup = /*#__PURE__*/ forwardRef(function NativeCheckboxGrou
20136
20572
  });
20137
20573
  });
20138
20574
 
20139
- const ROOT_CLASS$1 = 'ds-checkbox';
20575
+ const ROOT_CLASS$1 = 'db-checkbox';
20140
20576
  // The checkbox's own <input> carries this class so CSS targets it specifically
20141
20577
  // rather than any `input` descendant — a consumer may render an inline <input>
20142
20578
  // (e.g. a number field) inside the label children, and a bare `input` selector
20143
20579
  // would wrongly hide/absolutely-position it and mis-drive the checkbox's
20144
20580
  // `:has(input:…)` state rules.
20145
- const INPUT_CLASS = 'ds-checkbox-input';
20146
- const INDICATOR_CLASS$1 = 'ds-checkbox-indicator';
20147
- const CHECKMARK_CLASS = 'ds-checkbox-checkmark';
20148
- const DASH_CLASS = 'ds-checkbox-dash';
20149
- const LABEL_CLASS$1 = 'ds-checkbox-label';
20581
+ const INPUT_CLASS = 'db-checkbox-input';
20582
+ const INDICATOR_CLASS$1 = 'db-checkbox-indicator';
20583
+ const CHECKMARK_CLASS = 'db-checkbox-checkmark';
20584
+ const DASH_CLASS = 'db-checkbox-dash';
20585
+ const LABEL_CLASS$1 = 'db-checkbox-label';
20150
20586
  function logAntdPropWarning(dangerouslySetAntdProps) {
20151
20587
  if (process.env.NODE_ENV !== 'production' && dangerouslySetAntdProps && Object.keys(dangerouslySetAntdProps).length > 0) {
20152
20588
  // eslint-disable-next-line no-console
@@ -21050,11 +21486,15 @@ const dropdownContentStyles = (theme)=>({
21050
21486
  color: theme.colors.textPrimary,
21051
21487
  lineHeight: theme.typography.lineHeightBase,
21052
21488
  border: `1px solid ${theme.colors.border}`,
21053
- borderRadius: token(ShapeTokens.POPOVER_BORDER_RADIUS, theme.borders.borderRadiusSm),
21489
+ borderRadius: token(ShapeTokens.POPUP_BORDER_RADIUS, theme.borders.borderRadiusSm),
21054
21490
  padding: `${theme.spacing.xs}px 0`,
21055
21491
  boxShadow: theme.shadows.lg,
21492
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
21493
+ // @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
21056
21494
  userSelect: 'none',
21057
21495
  // Allow for scrolling within the dropdown when viewport is too small
21496
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
21497
+ // @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
21058
21498
  overflowY: 'auto',
21059
21499
  maxHeight: 'var(--radix-dropdown-menu-content-available-height)',
21060
21500
  ...getDarkModePortalStyles(theme),
@@ -24649,6 +25089,8 @@ const dialogComboboxLookAheadKeyDown = (e, setLookAhead, lookAhead)=>{
24649
25089
  };
24650
25090
 
24651
25091
  const getComboboxContentWrapperStyles = (theme, { maxHeight = '100vh', maxWidth = '100vw', minHeight = 0, minWidth = 0, width })=>{
25092
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
25093
+ // @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
24652
25094
  return /*#__PURE__*/ css({
24653
25095
  maxHeight,
24654
25096
  maxWidth,
@@ -25180,7 +25622,7 @@ const DialogComboboxOptionListCheckboxItem = DuboisDialogComboboxOptionListCheck
25180
25622
 
25181
25623
  const getInputGroupStyling = (clsPrefix, theme, buttonSide)=>{
25182
25624
  const inputClass = `.${clsPrefix}-input`;
25183
- const buttonClass = `.${clsPrefix}-btn`;
25625
+ const groupButtons = (suffix = '')=>getBtnClassName(clsPrefix, suffix, '& > ');
25184
25626
  const buttonOnRight = buttonSide === 'right';
25185
25627
  return /*#__PURE__*/ css({
25186
25628
  display: 'inline-flex !important',
@@ -25209,7 +25651,7 @@ const getInputGroupStyling = (clsPrefix, theme, buttonSide)=>{
25209
25651
  marginRight: 0
25210
25652
  }
25211
25653
  },
25212
- [`& > ${buttonClass}`]: {
25654
+ [groupButtons()]: {
25213
25655
  boxShadow: 'none !important',
25214
25656
  // Square off the inner edge (the edge adjacent to the input).
25215
25657
  ...buttonOnRight ? {
@@ -25227,13 +25669,20 @@ const getInputGroupStyling = (clsPrefix, theme, buttonSide)=>{
25227
25669
  }
25228
25670
  }
25229
25671
  },
25230
- [`& > ${buttonClass} > span`]: {
25672
+ [groupButtons(' > span')]: {
25231
25673
  verticalAlign: 'middle'
25232
25674
  },
25233
- [`& > ${buttonClass}:disabled, & > ${buttonClass}:disabled:hover`]: {
25675
+ [`${groupButtons(':disabled')}, ${groupButtons(':disabled:hover')}`]: {
25234
25676
  borderLeft: `1px solid ${theme.colors.actionDisabledBorder} !important`,
25235
25677
  backgroundColor: `${theme.colors.actionDisabledBackground} !important`,
25236
25678
  color: `${theme.colors.actionDisabledText} !important`
25679
+ },
25680
+ // Filled variants (primary/danger) keep their stronger disabled fill and white text inside the
25681
+ // group rather than the greyed-out default disabled treatment above; placed after that rule so it
25682
+ // wins at equal specificity by source order.
25683
+ [`& > .db-btn-primary:disabled, & > .db-btn-primary:disabled:hover, & > .db-btn-danger:disabled, & > .db-btn-danger:disabled:hover`]: {
25684
+ backgroundColor: `${theme.colors.actionDisabledBorder} !important`,
25685
+ color: `${theme.colors.actionPrimaryTextDefault} !important`
25237
25686
  }
25238
25687
  });
25239
25688
  };
@@ -26655,6 +27104,8 @@ function getDropdownStyles(clsPrefix, theme) {
26655
27104
  const classItemActive = `.${clsPrefix}-item-option-active`;
26656
27105
  const classItemSelected = `.${clsPrefix}-item-option-selected`;
26657
27106
  const classItemState = `.${clsPrefix}-item-option-state`;
27107
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
27108
+ // @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
26658
27109
  const styles = {
26659
27110
  borderColor: theme.colors.border,
26660
27111
  borderWidth: 1,
@@ -27054,7 +27505,9 @@ const getRadioInputStyles = ({ clsPrefix, theme })=>({
27054
27505
  }
27055
27506
  }
27056
27507
  });
27057
- const getCommonRadioGroupStyles = ({ theme, clsPrefix, classNamePrefix })=>/*#__PURE__*/ css({
27508
+ const getCommonRadioGroupStyles = ({ theme, clsPrefix, classNamePrefix })=>// eslint-disable-next-line @typescript-eslint/ban-ts-comment
27509
+ // @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
27510
+ /*#__PURE__*/ css({
27058
27511
  '& > label': {
27059
27512
  [`&.${classNamePrefix}-radio-wrapper-disabled > span`]: {
27060
27513
  color: theme.colors.actionDisabledText
@@ -27127,6 +27580,8 @@ const getRadioStyles = ({ theme, clsPrefix })=>{
27127
27580
  const styles = {
27128
27581
  fontWeight
27129
27582
  };
27583
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
27584
+ // @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
27130
27585
  return /*#__PURE__*/ css({
27131
27586
  ...getRadioInputStyles({
27132
27587
  theme,
@@ -27361,10 +27816,10 @@ function HorizontalGroup({ layout = 'vertical', useEqualColumnWidths, ...props }
27361
27816
  });
27362
27817
  });
27363
27818
 
27364
- const ROOT_CLASS = 'ds-radio';
27365
- const INDICATOR_CLASS = 'ds-radio-indicator';
27366
- const DOT_CLASS = 'ds-radio-dot';
27367
- const LABEL_CLASS = 'ds-radio-label';
27819
+ const ROOT_CLASS = 'db-radio';
27820
+ const INDICATOR_CLASS = 'db-radio-indicator';
27821
+ const DOT_CLASS = 'db-radio-dot';
27822
+ const LABEL_CLASS = 'db-radio-label';
27368
27823
  const NativeRadio = /*#__PURE__*/ forwardRef(function NativeRadio({ children, __INTERNAL_DISABLE_RADIO_ROLE, componentId, analyticsEvents, valueHasNoPii, onChange, className, value, checked, defaultChecked, disabled = false, id, name: nameProp, style, onMouseEnter, onMouseLeave, ...restProps }, ref) {
27369
27824
  const emitOnView = safex('databricks.fe.observability.defaultComponentView.radio', false);
27370
27825
  const groupContext = useContext(RadioGroupContext$1);
@@ -27514,12 +27969,12 @@ const NativeRadio = /*#__PURE__*/ forwardRef(function NativeRadio({ children, __
27514
27969
  }));
27515
27970
  });
27516
27971
 
27517
- const GROUP_CLASS = 'ds-radio-group';
27518
- // Vertical groups delegate flex-direction + gap to the .ds-stack primitive; horizontal stays a
27972
+ const GROUP_CLASS = 'db-radio-group';
27973
+ // Vertical groups delegate flex-direction + gap to the .db-stack primitive; horizontal stays a
27519
27974
  // bespoke non-wrapping row (see NativeRadio.css).
27520
- const STACK_CLASS = 'ds-stack';
27521
- const HORIZONTAL_CLASS = 'ds-radio-group--horizontal';
27522
- const EQUAL_WIDTH_CLASS = 'ds-radio-group--equal-width';
27975
+ const STACK_CLASS = 'db-stack';
27976
+ const HORIZONTAL_CLASS = 'db-radio-group--horizontal';
27977
+ const EQUAL_WIDTH_CLASS = 'db-radio-group--equal-width';
27523
27978
  const NativeRadioGroup = /*#__PURE__*/ forwardRef(function NativeRadioGroup({ children, componentId, analyticsEvents, valueHasNoPii, onChange, layout = 'vertical', useEqualColumnWidths, name, className, style, id, options, disabled, 'aria-labelledby': ariaLabelledby, ...props }, ref) {
27524
27979
  const emitOnView = safex('databricks.fe.observability.defaultComponentView.radio', false);
27525
27980
  const memoizedAnalyticsEvents = useMemo(()=>analyticsEvents ?? (emitOnView ? [
@@ -32188,8 +32643,8 @@ const Root$6 = // eslint-disable-next-line react-component-name/react-component-
32188
32643
  ref: forwardedRef
32189
32644
  });
32190
32645
  });
32191
- // Module-level caches. The styles depend only on (theme + active) at most 2 entries
32192
- // for the list and 4 for items. Same pattern as getShadowScrollStylesMemoized in css-utils.tsx.
32646
+ // Module-level caches keyed by discrete inputs (theme and/or active), so each holds only a
32647
+ // handful of entries. Same pattern as getShadowScrollStylesMemoized in css-utils.tsx.
32193
32648
  const getMemoizedListCss = memoize((theme)=>({
32194
32649
  ...getCommonTabsListStyles(theme),
32195
32650
  marginTop: 0,
@@ -32199,36 +32654,36 @@ const getMemoizedListCss = memoize((theme)=>({
32199
32654
  }));
32200
32655
  const getMemoizedItemCss = memoize((theme, active)=>({
32201
32656
  ...getCommonTabsTriggerStyles(theme),
32202
- height: theme.general.heightSm,
32203
- minWidth: theme.spacing.lg,
32657
+ height: 'var(--db-navigation-menu-item-height)',
32658
+ minWidth: 'var(--db-navigation-menu-item-min-width)',
32204
32659
  justifyContent: 'center',
32205
32660
  ...active && {
32206
32661
  // Use box-shadow instead of border to prevent it from affecting the size of the element, which results in visual
32207
32662
  // jumping when switching tabs.
32208
- boxShadow: `inset 0 -4px 0 ${theme.colors.actionPrimaryBackgroundDefault}`
32663
+ boxShadow: 'inset 0 calc(-1 * var(--db-navigation-menu-indicator-thickness)) 0 var(--db-navigation-menu-indicator)'
32209
32664
  }
32210
32665
  }), (theme, active)=>`${themeMemoKey(theme)}|${active}`);
32211
- const getMemoizedLinkCss = memoize((theme, active)=>({
32212
- padding: `${theme.spacing.xs}px 0 ${theme.spacing.sm}px 0`,
32666
+ const getMemoizedLinkCss = memoize((active)=>({
32667
+ padding: 'var(--db-navigation-menu-link-padding-top) 0 var(--db-navigation-menu-link-padding-bottom) 0',
32213
32668
  '&:focus-visible': {
32214
- outline: `2px auto ${theme.colors.actionDefaultBorderFocus}`,
32215
- outlineOffset: '-1px'
32669
+ outline: 'var(--db-navigation-menu-focus-ring-width) auto var(--db-navigation-menu-focus-ring)',
32670
+ outlineOffset: 'var(--db-navigation-menu-focus-ring-offset)'
32216
32671
  },
32217
32672
  '&&': {
32218
- color: active ? theme.colors.textPrimary : theme.colors.textSecondary,
32673
+ color: active ? 'var(--db-navigation-menu-text-active)' : 'var(--db-navigation-menu-text)',
32219
32674
  textDecoration: 'none',
32220
32675
  '&:hover': {
32221
- color: active ? theme.colors.textPrimary : theme.colors.actionDefaultTextHover,
32676
+ color: active ? 'var(--db-navigation-menu-text-active)' : 'var(--db-navigation-menu-text-hover)',
32222
32677
  textDecoration: 'none'
32223
32678
  },
32224
32679
  '&:focus': {
32225
32680
  textDecoration: 'none'
32226
32681
  },
32227
32682
  '&:active': {
32228
- color: active ? theme.colors.textPrimary : theme.colors.actionDefaultTextPress
32683
+ color: active ? 'var(--db-navigation-menu-text-active)' : 'var(--db-navigation-menu-text-press)'
32229
32684
  }
32230
32685
  }
32231
- }), (theme, active)=>`${themeMemoKey(theme)}|${active}`);
32686
+ }));
32232
32687
  const List$1 = // eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
32233
32688
  /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
32234
32689
  const { theme } = useDesignSystemTheme();
@@ -32248,7 +32703,7 @@ const Item$1 = // eslint-disable-next-line react-component-name/react-component-
32248
32703
  children: /*#__PURE__*/ jsx(RadixNavigationMenu.Link, {
32249
32704
  asChild: true,
32250
32705
  active: active,
32251
- css: getMemoizedLinkCss(theme, Boolean(active)),
32706
+ css: getMemoizedLinkCss(Boolean(active)),
32252
32707
  children: children
32253
32708
  })
32254
32709
  });
@@ -32454,7 +32909,9 @@ const Tag = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
32454
32909
  eventContext,
32455
32910
  onClick
32456
32911
  ]);
32457
- const handleKeyDown = useCallback(// oxlint-disable-next-line @databricks/react-18-types-migration -- TODO(FEINF-6292)
32912
+ const handleKeyDown = useCallback(// eslint-disable-next-line @typescript-eslint/ban-ts-comment
32913
+ // @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
32914
+ // oxlint-disable-next-line @databricks/react-18-types-migration -- TODO(FEINF-6292)
32458
32915
  (e)=>{
32459
32916
  if (onKeyDown) {
32460
32917
  onKeyDown(e);
@@ -32539,64 +32996,6 @@ const Tag = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
32539
32996
  });
32540
32997
  });
32541
32998
 
32542
- const getTagStyles = (theme)=>{
32543
- const styles = {
32544
- marginRight: 0,
32545
- color: theme.colors.actionTertiaryTextDefault,
32546
- cursor: 'pointer',
32547
- '&:focus': {
32548
- color: theme.colors.actionTertiaryTextDefault
32549
- },
32550
- '&:hover': {
32551
- color: theme.colors.actionTertiaryTextHover
32552
- },
32553
- '&:active': {
32554
- color: theme.colors.actionTertiaryTextPress
32555
- }
32556
- };
32557
- return /*#__PURE__*/ css(styles);
32558
- };
32559
- // Module-level caches. Both styles depend only on (theme + noMargin); cache once per
32560
- // combination across every Overflow instance. Same pattern as
32561
- // getShadowScrollStylesMemoized in css-utils.tsx.
32562
- const getMemoizedTagStyles = memoize((theme)=>getTagStyles(theme));
32563
- const getMemoizedContainerCss = memoize((theme, noMargin)=>({
32564
- display: 'inline-flex',
32565
- alignItems: 'center',
32566
- gap: noMargin ? 0 : theme.spacing.sm,
32567
- maxWidth: '100%'
32568
- }), (theme, noMargin)=>`${themeMemoKey(theme)}|${noMargin}`);
32569
- const Overflow = ({ children, noMargin = false, visibleItemsCount = 1, ...props })=>{
32570
- const { theme } = useDesignSystemTheme();
32571
- const childrenList = children && Children.toArray(children);
32572
- if (!childrenList || childrenList.length === 0) {
32573
- return /*#__PURE__*/ jsx(Fragment, {
32574
- children: children
32575
- });
32576
- }
32577
- const visibleItems = childrenList.slice(0, visibleItemsCount);
32578
- const additionalItems = childrenList.slice(visibleItemsCount);
32579
- const renderOverflowLabel = (label)=>/*#__PURE__*/ jsx(Tag, {
32580
- componentId: "codegen_design-system_src_design-system_overflow_overflow.tsx_28",
32581
- css: getMemoizedTagStyles(theme),
32582
- children: label
32583
- });
32584
- return additionalItems.length === 0 ? /*#__PURE__*/ jsx(Fragment, {
32585
- children: visibleItems
32586
- }) : /*#__PURE__*/ jsxs("div", {
32587
- ...props,
32588
- css: getMemoizedContainerCss(theme, noMargin),
32589
- children: [
32590
- visibleItems,
32591
- additionalItems.length > 0 && /*#__PURE__*/ jsx(OverflowPopover, {
32592
- items: additionalItems,
32593
- renderLabel: renderOverflowLabel,
32594
- ...props
32595
- })
32596
- ]
32597
- });
32598
- };
32599
-
32600
32999
  const RadioGroupContext = /*#__PURE__*/ React__default.createContext('medium');
32601
33000
  const DEFAULT_ANALYTICS_EVENTS$1 = [
32602
33001
  DesignSystemEventProviderAnalyticsEventTypes.OnValueChange
@@ -33003,14 +33402,14 @@ const ProgressContextProvider = ({ children, value })=>{
33003
33402
  });
33004
33403
  };
33005
33404
 
33006
- const getProgressRootStyles = (theme, minWidth, maxWidth)=>{
33405
+ const getProgressRootStyles = (minWidth, maxWidth)=>{
33007
33406
  const styles = {
33008
33407
  position: 'relative',
33009
33408
  overflow: 'hidden',
33010
- backgroundColor: theme.colors.progressTrack,
33011
- height: theme.spacing.sm,
33409
+ backgroundColor: 'var(--db-progress-track)',
33410
+ height: 'var(--db-progress-size)',
33012
33411
  width: '100%',
33013
- borderRadius: theme.borders.borderRadiusFull,
33412
+ borderRadius: 'var(--db-progress-border-radius)',
33014
33413
  ...minWidth && {
33015
33414
  minWidth
33016
33415
  },
@@ -33021,10 +33420,9 @@ const getProgressRootStyles = (theme, minWidth, maxWidth)=>{
33021
33420
  };
33022
33421
  return /*#__PURE__*/ css(importantify(styles));
33023
33422
  };
33024
- const getMemoizedProgressRootStyles = memoize(getProgressRootStyles, (theme, minWidth, maxWidth)=>`${themeMemoKey(theme)}|${minWidth ?? ''}|${maxWidth ?? ''}`);
33423
+ const getMemoizedProgressRootStyles = memoize(getProgressRootStyles, (minWidth, maxWidth)=>`${minWidth ?? ''}|${maxWidth ?? ''}`);
33025
33424
  const Root$4 = (props)=>{
33026
33425
  const { children, value, minWidth, maxWidth, ...restProps } = props;
33027
- const { theme } = useDesignSystemTheme();
33028
33426
  const contextValue = useMemo(()=>({
33029
33427
  progress: value
33030
33428
  }), [
@@ -33035,27 +33433,22 @@ const Root$4 = (props)=>{
33035
33433
  children: /*#__PURE__*/ jsx(Progress$1.Root, {
33036
33434
  value: value,
33037
33435
  ...restProps,
33038
- css: getMemoizedProgressRootStyles(theme, minWidth, maxWidth),
33436
+ css: getMemoizedProgressRootStyles(minWidth, maxWidth),
33039
33437
  children: children
33040
33438
  })
33041
33439
  });
33042
33440
  };
33043
- const getProgressIndicatorStyles = (theme)=>{
33044
- const styles = {
33045
- backgroundColor: theme.colors.progressFill,
33046
- height: '100%',
33047
- width: '100%',
33048
- transition: 'transform 300ms linear',
33049
- borderRadius: theme.borders.borderRadiusFull
33050
- };
33051
- return /*#__PURE__*/ css(importantify(styles));
33052
- };
33053
- const getMemoizedProgressIndicatorStyles = memoize(getProgressIndicatorStyles);
33441
+ const progressIndicatorStyles = /*#__PURE__*/ css(importantify({
33442
+ backgroundColor: 'var(--db-progress-fill)',
33443
+ height: '100%',
33444
+ width: '100%',
33445
+ transition: 'transform var(--db-progress-transition-duration) linear',
33446
+ borderRadius: 'var(--db-progress-border-radius)'
33447
+ }));
33054
33448
  const Indicator = (props)=>{
33055
33449
  const { progress } = React__default.useContext(ProgressContext);
33056
- const { theme } = useDesignSystemTheme();
33057
33450
  return /*#__PURE__*/ jsx(Progress$1.Indicator, {
33058
- css: getMemoizedProgressIndicatorStyles(theme),
33451
+ css: progressIndicatorStyles,
33059
33452
  style: {
33060
33453
  transform: `translateX(-${100 - (progress ?? 100)}%)`
33061
33454
  },
@@ -33128,16 +33521,16 @@ const getRadioTileStyles = (theme, classNamePrefix, maxWidth)=>{
33128
33521
  }
33129
33522
  },
33130
33523
  // Native variant (databricks.fe.designsystem.useNativeRadio): the radio's
33131
- // <label class="ds-radio">. Same row-reverse / full-width layout against the
33524
+ // <label class="db-radio">. Same row-reverse / full-width layout against the
33132
33525
  // native DOM. Kept as a separate block so the AntD rule above is unchanged.
33133
- '& .ds-radio': {
33526
+ '& .db-radio': {
33134
33527
  display: 'flex',
33135
33528
  flexDirection: 'row-reverse',
33136
33529
  justifyContent: 'space-between',
33137
33530
  flex: 1,
33138
33531
  margin: 0,
33139
33532
  width: '100%',
33140
- '& .ds-radio-label': {
33533
+ '& .db-radio-label': {
33141
33534
  paddingInline: 0
33142
33535
  }
33143
33536
  }
@@ -33150,13 +33543,16 @@ const getMemoizedIconStyles = memoize((theme, disabled)=>({
33150
33543
  const RadioTile = (props)=>{
33151
33544
  const { description, icon, maxWidth, checked, defaultChecked, onChange, ...rest } = props;
33152
33545
  const { theme, classNamePrefix } = useDesignSystemTheme();
33153
- const { value: groupValue, onChange: groupOnChange } = useRadioGroupContext();
33546
+ // Mirror NativeRadio: a disabled <Radio.Group> disables its tiles. RadioTile's own <button> is
33547
+ // the interactive element, so OR the group's `disabled` (from context) with the tile's own prop.
33548
+ const { value: groupValue, onChange: groupOnChange, disabled: groupDisabled } = useRadioGroupContext();
33549
+ const isDisabledByGroupOrProp = groupDisabled || props.disabled;
33154
33550
  return /*#__PURE__*/ jsxs("button", {
33155
33551
  role: "radio",
33156
33552
  type: "button",
33157
33553
  "aria-checked": groupValue === props.value,
33158
33554
  onClick: ()=>{
33159
- if (props.disabled) {
33555
+ if (isDisabledByGroupOrProp) {
33160
33556
  return;
33161
33557
  }
33162
33558
  onChange?.(props.value);
@@ -33169,12 +33565,12 @@ const RadioTile = (props)=>{
33169
33565
  tabIndex: 0,
33170
33566
  className: `${classNamePrefix}-radio-tile`,
33171
33567
  css: getMemoizedRadioTileStyles(theme, classNamePrefix, maxWidth),
33172
- disabled: props.disabled,
33568
+ disabled: isDisabledByGroupOrProp,
33173
33569
  children: [
33174
33570
  /*#__PURE__*/ jsxs("div", {
33175
33571
  children: [
33176
33572
  icon ? /*#__PURE__*/ jsx("span", {
33177
- css: getMemoizedIconStyles(theme, Boolean(props.disabled)),
33573
+ css: getMemoizedIconStyles(theme, Boolean(isDisabledByGroupOrProp)),
33178
33574
  children: icon
33179
33575
  }) : null,
33180
33576
  /*#__PURE__*/ jsx(Radio, {
@@ -34442,203 +34838,6 @@ var Slider = /*#__PURE__*/Object.freeze({
34442
34838
  Track: Track
34443
34839
  });
34444
34840
 
34445
- var shim = {exports: {}};
34446
-
34447
- var useSyncExternalStoreShim_production = {};
34448
-
34449
- /**
34450
- * @license React
34451
- * use-sync-external-store-shim.production.js
34452
- *
34453
- * Copyright (c) Meta Platforms, Inc. and affiliates.
34454
- *
34455
- * This source code is licensed under the MIT license found in the
34456
- * LICENSE file in the root directory of this source tree.
34457
- */
34458
-
34459
- var hasRequiredUseSyncExternalStoreShim_production;
34460
-
34461
- function requireUseSyncExternalStoreShim_production () {
34462
- if (hasRequiredUseSyncExternalStoreShim_production) return useSyncExternalStoreShim_production;
34463
- hasRequiredUseSyncExternalStoreShim_production = 1;
34464
- var React = React__default;
34465
- function is(x, y) {
34466
- return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
34467
- }
34468
- var objectIs = "function" === typeof Object.is ? Object.is : is,
34469
- useState = React.useState,
34470
- useEffect = React.useEffect,
34471
- useLayoutEffect = React.useLayoutEffect,
34472
- useDebugValue = React.useDebugValue;
34473
- function useSyncExternalStore$2(subscribe, getSnapshot) {
34474
- var value = getSnapshot(),
34475
- _useState = useState({ inst: { value: value, getSnapshot: getSnapshot } }),
34476
- inst = _useState[0].inst,
34477
- forceUpdate = _useState[1];
34478
- useLayoutEffect(
34479
- function () {
34480
- inst.value = value;
34481
- inst.getSnapshot = getSnapshot;
34482
- checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
34483
- },
34484
- [subscribe, value, getSnapshot]
34485
- );
34486
- useEffect(
34487
- function () {
34488
- checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
34489
- return subscribe(function () {
34490
- checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
34491
- });
34492
- },
34493
- [subscribe]
34494
- );
34495
- useDebugValue(value);
34496
- return value;
34497
- }
34498
- function checkIfSnapshotChanged(inst) {
34499
- var latestGetSnapshot = inst.getSnapshot;
34500
- inst = inst.value;
34501
- try {
34502
- var nextValue = latestGetSnapshot();
34503
- return !objectIs(inst, nextValue);
34504
- } catch (error) {
34505
- return true;
34506
- }
34507
- }
34508
- function useSyncExternalStore$1(subscribe, getSnapshot) {
34509
- return getSnapshot();
34510
- }
34511
- var shim =
34512
- "undefined" === typeof window ||
34513
- "undefined" === typeof window.document ||
34514
- "undefined" === typeof window.document.createElement
34515
- ? useSyncExternalStore$1
34516
- : useSyncExternalStore$2;
34517
- useSyncExternalStoreShim_production.useSyncExternalStore =
34518
- void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
34519
- return useSyncExternalStoreShim_production;
34520
- }
34521
-
34522
- var useSyncExternalStoreShim_development = {};
34523
-
34524
- /**
34525
- * @license React
34526
- * use-sync-external-store-shim.development.js
34527
- *
34528
- * Copyright (c) Meta Platforms, Inc. and affiliates.
34529
- *
34530
- * This source code is licensed under the MIT license found in the
34531
- * LICENSE file in the root directory of this source tree.
34532
- */
34533
-
34534
- var hasRequiredUseSyncExternalStoreShim_development;
34535
-
34536
- function requireUseSyncExternalStoreShim_development () {
34537
- if (hasRequiredUseSyncExternalStoreShim_development) return useSyncExternalStoreShim_development;
34538
- hasRequiredUseSyncExternalStoreShim_development = 1;
34539
- "production" !== process.env.NODE_ENV &&
34540
- (function () {
34541
- function is(x, y) {
34542
- return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
34543
- }
34544
- function useSyncExternalStore$2(subscribe, getSnapshot) {
34545
- didWarnOld18Alpha ||
34546
- void 0 === React.startTransition ||
34547
- ((didWarnOld18Alpha = true),
34548
- console.error(
34549
- "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
34550
- ));
34551
- var value = getSnapshot();
34552
- if (!didWarnUncachedGetSnapshot) {
34553
- var cachedValue = getSnapshot();
34554
- objectIs(value, cachedValue) ||
34555
- (console.error(
34556
- "The result of getSnapshot should be cached to avoid an infinite loop"
34557
- ),
34558
- (didWarnUncachedGetSnapshot = true));
34559
- }
34560
- cachedValue = useState({
34561
- inst: { value: value, getSnapshot: getSnapshot }
34562
- });
34563
- var inst = cachedValue[0].inst,
34564
- forceUpdate = cachedValue[1];
34565
- useLayoutEffect(
34566
- function () {
34567
- inst.value = value;
34568
- inst.getSnapshot = getSnapshot;
34569
- checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
34570
- },
34571
- [subscribe, value, getSnapshot]
34572
- );
34573
- useEffect(
34574
- function () {
34575
- checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
34576
- return subscribe(function () {
34577
- checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });
34578
- });
34579
- },
34580
- [subscribe]
34581
- );
34582
- useDebugValue(value);
34583
- return value;
34584
- }
34585
- function checkIfSnapshotChanged(inst) {
34586
- var latestGetSnapshot = inst.getSnapshot;
34587
- inst = inst.value;
34588
- try {
34589
- var nextValue = latestGetSnapshot();
34590
- return !objectIs(inst, nextValue);
34591
- } catch (error) {
34592
- return true;
34593
- }
34594
- }
34595
- function useSyncExternalStore$1(subscribe, getSnapshot) {
34596
- return getSnapshot();
34597
- }
34598
- "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
34599
- "function" ===
34600
- typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
34601
- __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
34602
- var React = React__default,
34603
- objectIs = "function" === typeof Object.is ? Object.is : is,
34604
- useState = React.useState,
34605
- useEffect = React.useEffect,
34606
- useLayoutEffect = React.useLayoutEffect,
34607
- useDebugValue = React.useDebugValue,
34608
- didWarnOld18Alpha = false,
34609
- didWarnUncachedGetSnapshot = false,
34610
- shim =
34611
- "undefined" === typeof window ||
34612
- "undefined" === typeof window.document ||
34613
- "undefined" === typeof window.document.createElement
34614
- ? useSyncExternalStore$1
34615
- : useSyncExternalStore$2;
34616
- useSyncExternalStoreShim_development.useSyncExternalStore =
34617
- void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
34618
- "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
34619
- "function" ===
34620
- typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
34621
- __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
34622
- })();
34623
- return useSyncExternalStoreShim_development;
34624
- }
34625
-
34626
- var hasRequiredShim;
34627
-
34628
- function requireShim () {
34629
- if (hasRequiredShim) return shim.exports;
34630
- hasRequiredShim = 1;
34631
-
34632
- if (process.env.NODE_ENV === 'production') {
34633
- shim.exports = requireUseSyncExternalStoreShim_production();
34634
- } else {
34635
- shim.exports = requireUseSyncExternalStoreShim_development();
34636
- }
34637
- return shim.exports;
34638
- }
34639
-
34640
- var shimExports = requireShim();
34641
-
34642
34841
  // eslint-disable-next-line @databricks/no-restricted-imports-regexp -- we can directly import antd icons here in order to wrap them for use elsewhere in the design system
34643
34842
  function React18CompatibleIconComponent(IconComponent) {
34644
34843
  return IconComponent;
@@ -34726,12 +34925,16 @@ const DropdownButton = (props)=>{
34726
34925
  leftButton,
34727
34926
  rightButton
34728
34927
  ]);
34729
- return /*#__PURE__*/ jsxs(ButtonGroup, {
34928
+ return(// eslint-disable-next-line @typescript-eslint/ban-ts-comment
34929
+ // @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
34930
+ /*#__PURE__*/ jsxs(ButtonGroup, {
34730
34931
  ...restProps,
34731
34932
  className: classnames(prefixCls, className),
34732
34933
  children: [
34733
34934
  leftButtonToRender,
34734
- overlay !== undefined ? /*#__PURE__*/ jsx(Dropdown, {
34935
+ overlay !== undefined ? // eslint-disable-next-line @typescript-eslint/ban-ts-comment
34936
+ // @ts-ignore [FEINF-3177] TODO: fix to work with React 18 types
34937
+ /*#__PURE__*/ jsx(Dropdown, {
34735
34938
  ...dropdownProps,
34736
34939
  overlay: overlay,
34737
34940
  children: rightButtonToRender
@@ -34750,7 +34953,7 @@ const DropdownButton = (props)=>{
34750
34953
  ]
34751
34954
  })
34752
34955
  ]
34753
- });
34956
+ }));
34754
34957
  };
34755
34958
 
34756
34959
  const BUTTON_HORIZONTAL_PADDING = 12;
@@ -34760,16 +34963,17 @@ const SPLIT_BUTTON_CONTAINER_CSS = {
34760
34963
  verticalAlign: 'middle'
34761
34964
  };
34762
34965
  function getSplitButtonEmotionStyles(classNamePrefix, theme, size) {
34763
- const classDefault = `.${classNamePrefix}-btn`;
34764
- const classPrimary = `.${classNamePrefix}-btn-primary`;
34966
+ const btn = (suffix = '')=>getBtnClassName(classNamePrefix, suffix, '');
34967
+ const primary = (suffix = '')=>getBtnClassName(classNamePrefix, `-primary${suffix}`, '');
34765
34968
  const classDropdownTrigger = `.${classNamePrefix}-dropdown-trigger`;
34766
34969
  const classSmall = `.${classNamePrefix}-btn-group-sm`;
34767
34970
  const styles = {
34768
- [classDefault]: {
34971
+ [btn()]: {
34769
34972
  ...getDefaultStyles(theme),
34770
34973
  boxShadow: 'none',
34771
34974
  height: size === 'small' ? theme.general.iconSize : theme.general.heightSm,
34772
- padding: `4px ${BUTTON_HORIZONTAL_PADDING}px`,
34975
+ // Small segments use compact padding so the native segment doesn't render wider than AntD.
34976
+ padding: size === 'small' ? `0px ${theme.spacing.sm}px` : `4px ${BUTTON_HORIZONTAL_PADDING}px`,
34773
34977
  '&:focus-visible': {
34774
34978
  outlineStyle: 'solid',
34775
34979
  outlineWidth: '2px',
@@ -34786,11 +34990,11 @@ function getSplitButtonEmotionStyles(classNamePrefix, theme, size) {
34786
34990
  color: theme.colors.actionDefaultIconPress
34787
34991
  }
34788
34992
  },
34789
- [`${classDefault}:first-child`]: {
34993
+ [btn(':first-child')]: {
34790
34994
  borderTopRightRadius: '0px !important',
34791
34995
  borderBottomRightRadius: '0px !important'
34792
34996
  },
34793
- [classPrimary]: {
34997
+ [primary()]: {
34794
34998
  ...getPrimaryStyles(theme),
34795
34999
  boxShadow: 'none',
34796
35000
  [`&:first-child`]: {
@@ -34822,7 +35026,7 @@ function getSplitButtonEmotionStyles(classNamePrefix, theme, size) {
34822
35026
  }
34823
35027
  },
34824
35028
  '&&': {
34825
- [`[disabled], ${classPrimary}[disabled]`]: {
35029
+ [`[disabled], ${primary('[disabled]')}`]: {
34826
35030
  ...getDisabledSplitButtonStyles(theme),
34827
35031
  boxShadow: 'none',
34828
35032
  [`&:first-child`]: {
@@ -34836,19 +35040,27 @@ function getSplitButtonEmotionStyles(classNamePrefix, theme, size) {
34836
35040
  color: theme.colors.actionDisabledText
34837
35041
  }
34838
35042
  },
34839
- [`${classPrimary}[disabled]`]: {
35043
+ [primary('[disabled]')]: {
34840
35044
  ...getDisabledPrimarySplitButtonStyles(theme),
34841
35045
  '.anticon, &:hover .anticon, &:active .anticon, &:focus-visible .anticon': {
34842
35046
  color: theme.colors.actionPrimaryTextDefault
34843
35047
  }
34844
35048
  }
34845
35049
  },
34846
- [`${classDefault}:not(:first-child)`]: {
35050
+ [btn(':not(:first-child)')]: {
34847
35051
  width: theme.general.heightSm,
34848
35052
  padding: '3px !important',
34849
35053
  borderTopLeftRadius: '0px !important',
34850
35054
  borderBottomLeftRadius: '0px !important'
34851
35055
  },
35056
+ // Collapse adjacent `.db-btn` segments' borders into a single 1px divider.
35057
+ '.db-btn:not(:first-child)': {
35058
+ marginInlineStart: -1
35059
+ },
35060
+ // Raise the hovered/focused/active `.db-btn` segment so its border paints over the neighbor.
35061
+ '.db-btn:hover, .db-btn:focus-visible, .db-btn:active': {
35062
+ zIndex: 2
35063
+ },
34852
35064
  ...getAnimationCss(theme.options.enableAnimation)
34853
35065
  };
34854
35066
  const importantStyles = importantify(styles);
@@ -35881,7 +36093,7 @@ const getStyles = (theme, size, onlyIcon, forceWithBorder)=>{
35881
36093
  '&[data-state="off"] .togglebutton-icon-wrapper': {
35882
36094
  color: theme.colors.textSecondary
35883
36095
  },
35884
- '&[data-state="off"]:hover .togglebutton-icon-wrapper': {
36096
+ '&[data-state="off"]:not(:disabled):hover .togglebutton-icon-wrapper': {
35885
36097
  color: theme.colors.actionDefaultTextHover
35886
36098
  },
35887
36099
  '&[data-state="on"]': {
@@ -37348,6 +37560,24 @@ function WizardControlled({ initialStep = 0, layout = 'vertical', width = '100%'
37348
37560
  });
37349
37561
  }
37350
37562
 
37563
+ const WizardStepNavigationContext = /*#__PURE__*/ createContext(undefined);
37564
+ function useWizardStepNavigation() {
37565
+ return useContext(WizardStepNavigationContext);
37566
+ }
37567
+ function WizardStepNavigationProvider({ goToStep, currentStepIndex, children }) {
37568
+ const value = useMemo(()=>({
37569
+ goToStep,
37570
+ currentStepIndex
37571
+ }), [
37572
+ goToStep,
37573
+ currentStepIndex
37574
+ ]);
37575
+ return /*#__PURE__*/ jsx(WizardStepNavigationContext.Provider, {
37576
+ value: value,
37577
+ children: children
37578
+ });
37579
+ }
37580
+
37351
37581
  function WizardModal({ onStepChanged, onCancel, initialStep, steps, onModalClose, localizeStepNumber, cancelButtonContent, nextButtonContent, previousButtonContent, doneButtonContent, enableClickingToSteps, ...modalProps }) {
37352
37582
  const [currentStepIndex, setCurrentStepIndex] = useState(initialStep ?? 0);
37353
37583
  const { onStepsChange, isLastStep, ...footerActions } = useWizardCurrentStep({
@@ -37375,12 +37605,16 @@ function WizardModal({ onStepChanged, onCancel, initialStep, steps, onModalClose
37375
37605
  onCancel: onModalClose,
37376
37606
  size: "wide",
37377
37607
  footer: footerButtons,
37378
- children: /*#__PURE__*/ jsx(HorizontalWizardStepsContent, {
37379
- steps: steps,
37608
+ children: /*#__PURE__*/ jsx(WizardStepNavigationProvider, {
37609
+ goToStep: footerActions.goToStep,
37380
37610
  currentStepIndex: currentStepIndex,
37381
- localizeStepNumber: localizeStepNumber,
37382
- enableClickingToSteps: Boolean(enableClickingToSteps),
37383
- goToStep: footerActions.goToStep
37611
+ children: /*#__PURE__*/ jsx(HorizontalWizardStepsContent, {
37612
+ steps: steps,
37613
+ currentStepIndex: currentStepIndex,
37614
+ localizeStepNumber: localizeStepNumber,
37615
+ enableClickingToSteps: Boolean(enableClickingToSteps),
37616
+ goToStep: footerActions.goToStep
37617
+ })
37384
37618
  })
37385
37619
  });
37386
37620
  }
@@ -37458,5 +37692,5 @@ function WizardStepContentWrapper({ header, title, description, alertContent, de
37458
37692
  });
37459
37693
  }
37460
37694
 
37461
- export { hideIconButtonActionCellClassName as $, Trigger$5 as A, Button$1 as B, CheckCircleFillIcon as C, DocumentationSidebar as D, InfoSmallIcon as E, FIXED_VERTICAL_STEPPER_WIDTH as F, Content$7 as G, Arrow$2 as H, InfoFillIcon as I, Tooltip as J, SparkleDoubleIcon as K, LoadingState as L, MAX_VERTICAL_WIZARD_CONTENT_WIDTH as M, visuallyHidden as N, OverflowPopover as O, genSkeletonAnimatedColor as P, getOffsets as Q, Root$b as R, ShapeTokens as S, Typography as T, DesignSystemEventSuppressInteractionProviderContext as U, DesignSystemEventSuppressInteractionTrueContextValue as V, Wizard as W, tableStyles as X, repeatingElementsStyles as Y, tableClassNames as Z, hideIconButtonRowStyles as _, WizardControlled as a, useTypeaheadComboboxV2Context as a$, safex as a0, TitleSkeleton as a1, useDialogComboboxContext as a2, PlusIcon as a3, importantify as a4, getComboboxOptionItemWrapperStyles as a5, getFooterStyles as a6, useDialogComboboxOptionListContext as a7, generateUuidV4 as a8, getContentOptions as a9, DialogCombobox as aA, DialogComboboxTrigger as aB, DialogComboboxContent as aC, Select as aD, SelectTrigger as aE, SelectContent as aF, SelectOption as aG, LegacySelect as aH, WarningIcon as aI, CheckCircleIcon as aJ, DangerIcon as aK, Hint as aL, Title$1 as aM, CloseIcon as aN, RestoreAntDDefaultClsPrefix as aO, AccessibleContainer as aP, DU_BOIS_ENABLE_ANIMATION_CLASSNAME as aQ, CircleOffIcon as aR, CircleOutlineIcon as aS, CircleIcon as aT, shimExports as aU, SortAscendingIcon as aV, SortDescendingIcon as aW, SortUnsortedIcon as aX, MinusSquareIcon as aY, PlusSquareIcon as aZ, TypeaheadComboboxV2ContextProvider as a_, findHighlightedOption as aa, highlightOption as ab, Input as ac, SearchIcon as ad, EmptyResults as ae, findClosestOptionSibling as af, DialogComboboxOptionListCheckboxItem as ag, DialogComboboxOptionListSelectItem as ah, DialogComboboxOptionListContextProvider as ai, LoadingSpinner as aj, DialogComboboxOptionList as ak, useUniqueId as al, TypeaheadComboboxContextProvider as am, useTypeaheadComboboxContext as an, useDuboisThemeClass as ao, useDesignTokenOverrideStyles as ap, getComboboxContentWrapperStyles as aq, ClearSelectionButton as ar, TypeaheadComboboxSelectedItem$1 as as, CountBadge$1 as at, getValidationStateColor as au, SectionHeader as av, useComboboxState as aw, useMultipleSelectionState as ax, Radio as ay, Checkbox as az, WizardModal as b, BoldIcon as b$, useRadixModalContext as b0, useIsomorphicLayoutEffect as b1, useScrollOptionIntoView as b2, InfoTooltip as b3, getInfoIconStyles as b4, HintRow as b5, getCheckboxStyles as b6, getMenuItemStyles as b7, TypeaheadComboboxSelectedItem as b8, CountBadge as b9, ArrowsCollapseIcon as bA, ArrowsConnectIcon as bB, ArrowsExpandIcon as bC, ArrowsUpDownIcon as bD, AssistantIcon as bE, AtIcon as bF, Auth0Graphic as bG, Auth0GraphicLarge as bH, AzHorizontalIcon as bI, AzVerticalIcon as bJ, BANNER_MAX_HEIGHT as bK, BANNER_MIN_HEIGHT as bL, BackupIcon as bM, BadgeCodeIcon as bN, BadgeCodeOffIcon as bO, Banner as bP, BarChartIcon as bQ, BarGroupedIcon as bR, BarStackedIcon as bS, BarStackedPercentageIcon as bT, BarsAscendingHorizontalIcon as bU, BarsAscendingVerticalIcon as bV, BarsDescendingHorizontalIcon as bW, BarsDescendingVerticalIcon as bX, BeakerIcon as bY, BinaryIcon as bZ, BlockQuoteIcon as b_, TypeaheadComboboxMenuItem as ba, AccessDeniedGraphic as bb, Accordion as bc, AccordionPanel as bd, AlignCenterIcon as be, AlignJustifyIcon as bf, AlignLeftIcon as bg, AlignRightIcon as bh, AlignVerticalBottomIcon as bi, AlignVerticalCenterIcon as bj, AlignVerticalTopIcon as bk, AppIcon as bl, ApplyDesignSystemContextOverrides as bm, ApplyDesignSystemFlags as bn, ArrowDownDotIcon as bo, ArrowDownFillIcon as bp, ArrowDownIcon as bq, ArrowInIcon as br, ArrowInTableIcon as bs, ArrowLeftIcon as bt, ArrowOutTableIcon as bu, ArrowOverIcon as bv, ArrowRightIcon as bw, ArrowUpDotIcon as bx, ArrowUpFillIcon as by, ArrowUpIcon as bz, WizardStepContentWrapper as c, CloudIcon as c$, BookIcon as c0, BookmarkFillIcon as c1, BookmarkIcon as c2, BooksIcon as c3, BracketsCheckIcon as c4, BracketsCurlyIcon as c5, BracketsErrorIcon as c6, BracketsSquareIcon as c7, BracketsXIcon as c8, BranchCheckIcon as c9, ChainIcon as cA, ChartLineIcon as cB, CheckCircleBadgeIcon as cC, CheckCircleSmallIcon as cD, CheckIcon as cE, CheckLineIcon as cF, CheckSmallIcon as cG, CheckboxIcon as cH, ChecklistIcon as cI, ChevronDoubleDownIcon as cJ, ChevronDoubleLeftIcon as cK, ChevronDoubleLeftOffIcon as cL, ChevronDoubleRightIcon as cM, ChevronDoubleRightOffIcon as cN, ChevronDoubleUpIcon as cO, ChevronLeftIcon as cP, ChevronUpIcon as cQ, ChipIcon as cR, CircleOffLargeIcon as cS, CircleOutlineLargeIcon as cT, ClipboardIcon as cU, ClockIcon as cV, ClockKeyIcon as cW, ClockOffIcon as cX, CloudCheckIcon as cY, CloudDatabaseIcon as cZ, CloudDownloadIcon as c_, BranchIcon as ca, BranchResetIcon as cb, BriefcaseFillIcon as cc, BriefcaseIcon as cd, BrushIcon as ce, BugIcon as cf, CalendarClockIcon as cg, CalendarEventIcon as ch, CalendarIcon as ci, CalendarRangeIcon as cj, CalendarSyncIcon as ck, CameraIcon as cl, CapitalizeIcon as cm, CaretDownSquareIcon as cn, CaretUpSquareIcon as co, CatalogCloudIcon as cp, CatalogGearIcon as cq, CatalogHomeIcon as cr, CatalogIcon as cs, CatalogOffIcon as ct, CatalogSharedIcon as cu, CatalogUserHomeIcon as cv, CellsSquareIcon as cw, CertifiedFillIcon as cx, CertifiedFillSmallIcon as cy, CertifiedIcon as cz, DesignSystemEventProvider as d, ExpandLessIcon as d$, CloudKeyIcon as d0, CloudModelIcon as d1, CloudOffIcon as d2, CloudUploadIcon as d3, CodeIcon as d4, ColorFillIcon as d5, ColorVars as d6, ColumnIcon as d7, ColumnSplitIcon as d8, ColumnTagIcon as d9, DataMaskiingGraphic as dA, DatabaseClockIcon as dB, DatabaseIcon as dC, DatabaseImportIcon as dD, DatePicker as dE, DecimalIcon as dF, DeprecatedIcon as dG, DeprecatedSmallIcon as dH, DesignSystemContext as dI, DesignSystemEventProviderComponentSubTypes as dJ, DesignSystemProvider as dK, DesignSystemThemeContext as dL, DesignSystemThemeProvider as dM, DialogComboboxCountBadge as dN, DialogComboboxCustomButtonTriggerWrapper as dO, DialogComboboxSectionHeader as dP, DollarIcon as dQ, DomainCirclesThree as dR, DomainsIcon as dS, DotsCircleIcon as dT, DownloadIcon as dU, DragIcon as dV, Drawer as dW, DropdownMenu as dX, Empty as dY, EmptyDashboardGraphic as dZ, ErdIcon as d_, ColumnsIcon as da, CommandIcon as db, CommandPaletteIcon as dc, CompassIcon as dd, ComponentFinderContext as de, ConnectIcon as df, Content$2 as dg, ContextMenu$1 as dh, CopyIcon as di, CreditCardIcon as dj, CursorClickIcon as dk, CursorIcon as dl, CursorPagination as dm, CursorTypeIcon as dn, CustomAppIcon as dp, DS_OVERRIDE_TOKENS_WRAPPER_TESTID as dq, DagHorizontalIcon as dr, DagIcon as ds, DagVerticalIcon as dt, DangerModal as du, DangerSmallIcon as dv, DashIcon as dw, DashboardCodeIcon as dx, DashboardIcon as dy, DataIcon as dz, useDesignSystemContext as e, H4Icon as e$, ExpandMoreIcon as e0, FaceFrownIcon as e1, FaceNeutralIcon as e2, FaceSmileIcon as e3, FileCodeIcon as e4, FileCubeIcon as e5, FileDocumentIcon as e6, FileIcon as e7, FileImageIcon as e8, FileLockIcon as e9, FolderSolidPipelineIcon as eA, FontIcon as eB, ForkHorizontalIcon as eC, ForkIcon as eD, Form as eE, FormContextResetBoundary as eF, FullscreenExitIcon as eG, FullscreenIcon as eH, FunctionIcon as eI, FunctionInputIcon as eJ, GavelIcon as eK, GearFillIcon as eL, GearIcon as eM, GenieCodeIcon as eN, GenieDeepResearchIcon as eO, GiftIcon as eP, GitCommitIcon as eQ, GitMergeIcon as eR, GitRebaseIcon as eS, GlobeIcon as eT, Graphic as eU, GridDashIcon as eV, GridIcon as eW, GroupIcon as eX, H1Icon as eY, H2Icon as eZ, H3Icon as e_, FileModelIcon as ea, FileNewIcon as eb, FilePipelineIcon as ec, FilterFillIcon as ed, FilterIcon as ee, FlagPointerIcon as ef, FloatIcon as eg, FlowIcon as eh, FlowsIcon as ei, FolderBranchFillIcon as ej, FolderBranchIcon as ek, FolderCloudFilledIcon as el, FolderCloudIcon as em, FolderCubeIcon as en, FolderCubeOutlineIcon as eo, FolderFillIcon as ep, FolderHomeIcon as eq, FolderIcon as er, FolderNewIcon as es, FolderNodeIcon as et, FolderOpenBranchIcon as eu, FolderOpenCloudIcon as ev, FolderOpenCubeIcon as ew, FolderOpenIcon as ex, FolderOpenPipelineIcon as ey, FolderOutlinePipelineIcon as ez, useDesignSystemTheme as f, McpIcon as f$, H5Icon as f0, H6Icon as f1, HashIcon as f2, HistoryIcon as f3, HomeIcon as f4, Icon as f5, ImageIcon as f6, IndentDecreaseIcon as f7, IndentIncreaseIcon as f8, InfinityIcon as f9, LetterFormatIcon as fA, LettersIcon as fB, LettersNumbersIcon as fC, LibrariesIcon as fD, LifesaverIcon as fE, LightbulbIcon as fF, LightningCircleFillIcon as fG, LightningIcon as fH, LinearLineIcon as fI, LinkIcon as fJ, LinkOffIcon as fK, ListBorderIcon as fL, ListClearIcon as fM, ListIcon as fN, ListNumberIcon as fO, Listbox as fP, LoadingIcon as fQ, LoadingStateContext as fR, LockFillIcon as fS, LockIcon as fT, LockShareIcon as fU, LockUnlockedIcon as fV, LoopIcon as fW, LowercaseIcon as fX, MailIcon as fY, MapIcon as fZ, MarkdownIcon as f_, InfoBookIcon as fa, InfoIcon as fb, IngestionIcon as fc, ItalicIcon as fd, JoinOperatorIcon as fe, KeyIcon as ff, KeyboardIcon as fg, LakebaseCatalogIcon as fh, LakebaseIcon as fi, LakeflowDesignerIcon as fj, LakewatchAlertIcon as fk, LakewatchDatasourceIcon as fl, LakewatchDetectionRuleIcon as fm, LakewatchParserIcon as fn, LayerGraphIcon as fo, LayerIcon as fp, Layout as fq, LeafIcon as fr, LegacyForm as fs, LegacyFormDubois as ft, LegacyOptGroup as fu, LegacyOption as fv, LegacySelectOptGroup as fw, LegacySelectOption as fx, LegacyTable as fy, LegacyTooltip as fz, WarningFillIcon as g, PlayDoubleIcon as g$, MeasureIcon as g0, MegaphoneIcon as g1, MenuIcon as g2, MinusCircleFillIcon as g3, MinusCircleIcon as g4, MinusCircleSmallIcon as g5, MissingBranchGraphic as g6, MissingGraphic as g7, ModelsIcon as g8, MonotoneLineIcon as g9, PageLastIcon as gA, PageTopIcon as gB, Pagination as gC, Panel as gD, PanelBody as gE, PanelDockedIcon as gF, PanelFloatingIcon as gG, PanelHeader as gH, PanelHeaderButtons as gI, PanelHeaderTitle as gJ, PaperclipIcon as gK, PassFailChecklistIcon as gL, PauseIcon as gM, PencilFillIcon as gN, PencilIcon as gO, PencilSparkleIcon as gP, PieChartIcon as gQ, PillControl as gR, PinCancelIcon as gS, PinFillIcon as gT, PinIcon as gU, PipelineCodeIcon as gV, PipelineCubeIcon as gW, PipelineIcon as gX, PivotOperatorIcon as gY, PlayCircleFillIcon as gZ, PlayCircleIcon as g_, MonthPickerGrid as ga, MoonIcon as gb, Nav as gc, NavButton as gd, NavigationMenu as ge, NeonProjectIcon as gf, NewChatIcon as gg, NewTabIcon as gh, NewWindowIcon as gi, NoCaseIcon as gj, NoIcon as gk, NotebookIcon as gl, NotebookPipelineIcon as gm, NotificationIcon as gn, NotificationOffIcon as go, NumberFormatIcon as gp, NumbersIcon as gq, OfficeIcon as gr, OntologyIcon as gs, OutageGraphic as gt, Overflow as gu, OverflowHorizontalIcon as gv, OverflowIcon as gw, PageBottomIcon as gx, PageFirstIcon as gy, PageIcon as gz, DangerFillIcon as h, SimpleSelect as h$, PlayIcon as h0, PlayMultipleIcon as h1, PlugIcon as h2, PlusCircleFillIcon as h3, PlusCircleIcon as h4, PlusCircleSmallIcon as h5, PlusMinusSquareIcon as h6, Popover as h7, PositionBottomIcon as h8, PositionLeftIcon as h9, RunningIcon as hA, SMALL_BUTTON_HEIGHT$2 as hB, SaveClockIcon as hC, SaveIcon as hD, SchemaIcon as hE, SchoolIcon as hF, SearchDataIcon as hG, SegmentedControlButton as hH, SegmentedControlGroup as hI, SelectContext as hJ, SelectContextProvider as hK, SelectOptionGroup as hL, SendIcon as hM, ShareIcon as hN, ShareNodesIcon as hO, ShieldCheckIcon as hP, ShieldIcon as hQ, ShieldOffIcon as hR, ShortcutIcon as hS, Sidebar as hT, SidebarAutoIcon as hU, SidebarClosedIcon as hV, SidebarCollapseIcon as hW, SidebarExpandIcon as hX, SidebarIcon as hY, SidebarOpenIcon as hZ, SidebarSyncIcon as h_, PositionRightIcon as ha, PositionTopIcon as hb, PreviewCard as hc, Progress as hd, PullRequestIcon as he, PuzzleIcon as hf, QueryEditorIcon as hg, QueryIcon as hh, QuestionMarkFillIcon as hi, QuestionMarkIcon as hj, RadioIcon as hk, RadioTile as hl, RangePicker as hm, ReaderModeIcon as hn, RedoIcon as ho, RefreshIcon as hp, RefreshPlayIcon as hq, RefreshXIcon as hr, ReplyIcon as hs, ResizeIcon as ht, RhfForm as hu, RichTextIcon as hv, RobotIcon as hw, RocketIcon as hx, RowsIcon as hy, RunIcon as hz, DesignSystemEventProviderAnalyticsEventTypes as i, TagIcon as i$, SimpleSelectOption as i0, SimpleSelectOptionGroup as i1, SlashSquareIcon as i2, Slider as i3, SlidersIcon as i4, SnippetIcon as i5, SortCustomHorizontalIcon as i6, SortCustomVerticalIcon as i7, SortHorizontalAscendingIcon as i8, SortHorizontalDescendingIcon as i9, StopCircleFillIcon as iA, StopCircleIcon as iB, StopIcon as iC, StoredProcedureIcon as iD, StorefrontIcon as iE, StreamIcon as iF, StrikeThroughIcon as iG, SunIcon as iH, SyncIcon as iI, SyncSmallIcon as iJ, SyncToFileIcon as iK, TableAsteriskIcon as iL, TableClockIcon as iM, TableCombineIcon as iN, TableGlassesIcon as iO, TableGlobeIcon as iP, TableIcon as iQ, TableLightningIcon as iR, TableMeasureIcon as iS, TableModelIcon as iT, TableReportIcon as iU, TableStreamIcon as iV, TableVectorIcon as iW, TableViewIcon as iX, Tabs as iY, Tag as iZ, TagColumnIcon as i_, SortLetterHorizontalAscendingIcon as ia, SortLetterHorizontalDescendingIcon as ib, SortLetterUnsortedIcon as ic, SortLetterVerticalAscendingIcon as id, SortLetterVerticalDescendingIcon as ie, Spacer as ig, SparkleDoubleFillIcon as ih, SparkleFillIcon as ii, SparkleIcon as ij, SparkleRectangleIcon as ik, SpeechBubbleIcon as il, SpeechBubblePlusIcon as im, SpeechBubbleQuestionMarkFillIcon as io, SpeechBubbleQuestionMarkIcon as ip, SpeechBubbleStarIcon as iq, SpeedometerIcon as ir, Spinner as is, SplitButton as it, SqlIcon as iu, StarFillIcon as iv, StarIcon as iw, StepAfterLineIcon as ix, StepBeforeLineIcon as iy, Stepper as iz, useDesignSystemEventComponentCallbacks as j, ZoomToFitIcon as j$, TagTableIcon as j0, TargetIcon as j1, TerminalIcon as j2, TextBoxIcon as j3, TextColorIcon as j4, TextIcon as j5, TextJustifyIcon as j6, TextUnderlineIcon as j7, ThreeDotsIcon as j8, ThumbsDownFilledIcon as j9, UserGroupFillIcon as jA, UserGroupIcon as jB, UserIcon as jC, UserKeyIconIcon as jD, UserShieldIcon as jE, UserSparkleIcon as jF, UserTeamIcon as jG, VisibleFillIcon as jH, VisibleIcon as jI, VisibleOffIcon as jJ, WithDesignSystemThemeHoc as jK, WorkflowCodeIcon as jL, WorkflowCubeIcon as jM, WorkflowsIcon as jN, WorkspacesIcon as jO, WrenchIcon as jP, WrenchSparkleIcon as jQ, XCircleFillIcon as jR, XCircleIcon as jS, YearPickerGrid as jT, ZaHorizontalIcon as jU, ZaVerticalIcon as jV, ZeroOpsIcon as jW, ZeroOpsOutlineIcon as jX, ZoomInIcon as jY, ZoomMarqueeSelection as jZ, ZoomOutIcon as j_, ThumbsDownIcon as ja, ThumbsUpFilledIcon as jb, ThumbsUpIcon as jc, ToggleButton as jd, TokenIcon as je, Toolbar as jf, TrashIcon as jg, Tree as jh, TreeIcon as ji, TrendingFillIcon as jj, TrendingIcon as jk, TriangleIcon as jl, TypeaheadComboboxCheckboxItem as jm, TypeaheadComboboxFooter as jn, TypeaheadComboboxMenuItem$1 as jo, TypeaheadComboboxMultiSelectStateChangeTypes as jp, TypeaheadComboboxStateChangeTypes as jq, UnderlineIcon as jr, UndoIcon as js, UploadIcon as jt, UppercaseIcon as ju, UsageOverageGraphic as jv, UsageSpikeGraphic as jw, UsbIcon as jx, UserBadgeIcon as jy, UserCircleIcon as jz, DesignSystemEventProviderComponentTypes as k, __INTERNAL_DO_NOT_USE__FormItem as k0, __INTERNAL_DO_NOT_USE__Group as k1, __INTERNAL_DO_NOT_USE__HorizontalGroup as k2, __INTERNAL_DO_NOT_USE__VerticalGroup as k3, __INTERNAL_DO_NOT_USE__wrapLegacyFormRules as k4, augmentWithDataComponentProps as k5, dialogComboboxLookAheadKeyDown as k6, getBottomOnlyShadowScrollStyles as k7, getButtonEmotionStyles as k8, getComboboxOptionLabelStyles as k9, useFormContext as kA, useRadioGroupContext as kB, getDatePickerQuickActionBasic as ka, getDialogComboboxOptionLabelWidth as kb, getHorizontalTabShadowStyles as kc, getInputStyles as kd, getKeyboardNavigationFunctions as ke, getMemoizedButtonEmotionStyles as kf, getPaginationEmotionStyles as kg, getPanelContainmentStyle as kh, getRadioStyles as ki, getRangeQuickActionsBasic as kj, getShadowScrollStyles as kk, getTypographyColor as kl, getVirtualListScrollbarStyles as km, getVirtualListScrollbarThumbColor as kn, getVirtualizedComboboxMenuItemStyles as ko, getWrapperStyle as kp, highlightFirstNonDisabledOption as kq, isOptionDisabled as kr, resetTabIndexToFocusedElement as ks, setImplicitContextGetter as kt, skipHideIconButtonActionClassName as ku, themeMemoKey as kv, useAntDConfigProviderContext as kw, useCallbackOnEnter as kx, useComponentFinderContext as ky, useDesignSystemEventSuppressInteractionContext as kz, DesignSystemEventProviderComponentSubTypeMap as l, useNotifyOnFirstView as m, useStableUuidV4 as n, ChevronDownIcon as o, primitiveColors as p, ChevronRightIcon as q, DesignSystemAntDConfigProvider as r, CloseSmallIcon as s, addDebugOutlineIfEnabled as t, useWizardCurrentStep as u, Modal as v, getAnimationCss as w, token as x, getDarkModePortalStyles as y, useModalContext as z };
37462
- //# sourceMappingURL=WizardStepContentWrapper-DsAS2ZAT.js.map
37695
+ export { tableClassNames as $, token as A, Button$1 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, LoadingState as P, visuallyHidden as Q, Root$b as R, ShapeTokens as S, Typography as T, genSkeletonAnimatedColor as U, getOffsets as V, Wizard as W, DesignSystemEventSuppressInteractionProviderContext as X, DesignSystemEventSuppressInteractionTrueContextValue as Y, tableStyles as Z, repeatingElementsStyles as _, WizardControlled as a, MinusSquareIcon as a$, hideIconButtonRowStyles as a0, hideIconButtonActionCellClassName as a1, safex as a2, TitleSkeleton as a3, useDialogComboboxContext as a4, PlusIcon as a5, importantify as a6, getComboboxOptionItemWrapperStyles as a7, getFooterStyles as a8, useDialogComboboxOptionListContext as a9, Radio as aA, Checkbox as aB, DialogCombobox as aC, DialogComboboxTrigger as aD, DialogComboboxContent as aE, Select as aF, SelectTrigger as aG, SelectContent as aH, SelectOption as aI, LegacySelect as aJ, WarningIcon as aK, CheckCircleIcon as aL, DangerIcon as aM, Hint as aN, Title$1 as aO, CloseIcon as aP, RestoreAntDDefaultClsPrefix as aQ, AccessibleContainer as aR, DU_BOIS_ENABLE_ANIMATION_CLASSNAME as aS, Tag as aT, CircleOffIcon as aU, CircleOutlineIcon as aV, CircleIcon as aW, getBtnClassName as aX, SortAscendingIcon as aY, SortDescendingIcon as aZ, SortUnsortedIcon as a_, generateUuidV4 as aa, getContentOptions as ab, findHighlightedOption as ac, highlightOption as ad, Input as ae, SearchIcon as af, EmptyResults as ag, findClosestOptionSibling as ah, DialogComboboxOptionListCheckboxItem as ai, DialogComboboxOptionListSelectItem as aj, DialogComboboxOptionListContextProvider as ak, LoadingSpinner as al, DialogComboboxOptionList as am, useUniqueId as an, TypeaheadComboboxContextProvider as ao, useTypeaheadComboboxContext as ap, useDuboisThemeClass as aq, useDesignTokenOverrideStyles as ar, getComboboxContentWrapperStyles as as, ClearSelectionButton as at, TypeaheadComboboxSelectedItem$1 as au, CountBadge$1 as av, getValidationStateColor as aw, SectionHeader as ax, useComboboxState as ay, useMultipleSelectionState as az, WizardModal as b, BeakerIcon as b$, PlusSquareIcon as b0, TypeaheadComboboxV2ContextProvider as b1, useTypeaheadComboboxV2Context as b2, useRadixModalContext as b3, useIsomorphicLayoutEffect as b4, useScrollOptionIntoView as b5, InfoTooltip as b6, getInfoIconStyles as b7, HintRow as b8, getCheckboxStyles as b9, ArrowUpDotIcon as bA, ArrowUpFillIcon as bB, ArrowUpIcon as bC, ArrowsCollapseIcon as bD, ArrowsConnectIcon as bE, ArrowsExpandIcon as bF, ArrowsUpDownIcon as bG, AssistantIcon as bH, AtIcon as bI, Auth0Graphic as bJ, Auth0GraphicLarge as bK, AzHorizontalIcon as bL, AzVerticalIcon as bM, BANNER_MAX_HEIGHT as bN, BANNER_MIN_HEIGHT as bO, BackupIcon as bP, BadgeCodeIcon as bQ, BadgeCodeOffIcon as bR, Banner as bS, BarChartIcon as bT, BarGroupedIcon as bU, BarStackedIcon as bV, BarStackedPercentageIcon as bW, BarsAscendingHorizontalIcon as bX, BarsAscendingVerticalIcon as bY, BarsDescendingHorizontalIcon as bZ, BarsDescendingVerticalIcon as b_, getMenuItemStyles as ba, TypeaheadComboboxSelectedItem as bb, CountBadge as bc, TypeaheadComboboxMenuItem as bd, AccessDeniedGraphic as be, Accordion as bf, AccordionPanel as bg, AlignCenterIcon as bh, AlignJustifyIcon as bi, AlignLeftIcon as bj, AlignRightIcon as bk, AlignVerticalBottomIcon as bl, AlignVerticalCenterIcon as bm, AlignVerticalTopIcon as bn, AppIcon as bo, ApplyDesignSystemContextOverrides as bp, ApplyDesignSystemFlags as bq, ArrowDownDotIcon as br, ArrowDownFillIcon as bs, ArrowDownIcon as bt, ArrowInIcon as bu, ArrowInTableIcon as bv, ArrowLeftIcon as bw, ArrowOutTableIcon as bx, ArrowOverIcon as by, ArrowRightIcon as bz, WizardStepContentWrapper as c, CloudCheckIcon as c$, BinaryIcon as c0, BlockQuoteIcon as c1, BoldIcon as c2, BookIcon as c3, BookmarkFillIcon as c4, BookmarkIcon as c5, BooksIcon as c6, BracketsCheckIcon as c7, BracketsCurlyIcon as c8, BracketsErrorIcon as c9, CertifiedFillIcon as cA, CertifiedFillSmallIcon as cB, CertifiedIcon as cC, ChainIcon as cD, ChartLineIcon as cE, CheckCircleBadgeIcon as cF, CheckCircleSmallIcon as cG, CheckIcon as cH, CheckLineIcon as cI, CheckSmallIcon as cJ, CheckboxIcon as cK, ChecklistIcon as cL, ChevronDoubleDownIcon as cM, ChevronDoubleLeftIcon as cN, ChevronDoubleLeftOffIcon as cO, ChevronDoubleRightIcon as cP, ChevronDoubleRightOffIcon as cQ, ChevronDoubleUpIcon as cR, ChevronLeftIcon as cS, ChevronUpIcon as cT, ChipIcon as cU, CircleOffLargeIcon as cV, CircleOutlineLargeIcon as cW, ClipboardIcon as cX, ClockIcon as cY, ClockKeyIcon as cZ, ClockOffIcon as c_, BracketsSquareIcon as ca, BracketsXIcon as cb, BranchCheckIcon as cc, BranchIcon as cd, BranchResetIcon as ce, BriefcaseFillIcon as cf, BriefcaseIcon as cg, BrushIcon as ch, BugIcon as ci, CalendarClockIcon as cj, CalendarEventIcon as ck, CalendarIcon as cl, CalendarRangeIcon as cm, CalendarSyncIcon as cn, CameraIcon as co, CapitalizeIcon as cp, CaretDownSquareIcon as cq, CaretUpSquareIcon as cr, CatalogCloudIcon as cs, CatalogGearIcon as ct, CatalogHomeIcon as cu, CatalogIcon as cv, CatalogOffIcon as cw, CatalogSharedIcon as cx, CatalogUserHomeIcon as cy, CellsSquareIcon as cz, WizardStepNavigationProvider as d, Drawer as d$, CloudDatabaseIcon as d0, CloudDownloadIcon as d1, CloudIcon as d2, CloudKeyIcon as d3, CloudModelIcon as d4, CloudOffIcon as d5, CloudUploadIcon as d6, CodeIcon as d7, ColorFillIcon as d8, ColorMappingEditIcon as d9, DangerSmallIcon as dA, DashIcon as dB, DashboardCodeIcon as dC, DashboardIcon as dD, DataIcon as dE, DataMaskiingGraphic as dF, DatabaseClockIcon as dG, DatabaseIcon as dH, DatabaseImportIcon as dI, DatePicker as dJ, DecimalIcon as dK, DeprecatedIcon as dL, DeprecatedSmallIcon as dM, DesignSystemContext as dN, DesignSystemEventProviderComponentSubTypes as dO, DesignSystemProvider as dP, DesignSystemThemeContext as dQ, DesignSystemThemeProvider as dR, DialogComboboxCountBadge as dS, DialogComboboxCustomButtonTriggerWrapper as dT, DialogComboboxSectionHeader as dU, DollarIcon as dV, DomainCirclesThree as dW, DomainsIcon as dX, DotsCircleIcon as dY, DownloadIcon as dZ, DragIcon as d_, ColorMappingIcon as da, ColorVars as db, ColumnIcon as dc, ColumnSplitIcon as dd, ColumnTagIcon as de, ColumnsIcon as df, CommandIcon as dg, CommandPaletteIcon as dh, CompassIcon as di, ComponentFinderContext as dj, ConnectIcon as dk, Content$2 as dl, ContextMenu$1 as dm, CopyIcon as dn, CreditCardIcon as dp, CursorClickIcon as dq, CursorIcon as dr, CursorPagination as ds, CursorTypeIcon as dt, CustomAppIcon as du, DS_OVERRIDE_TOKENS_WRAPPER_TESTID as dv, DagHorizontalIcon as dw, DagIcon as dx, DagVerticalIcon as dy, DangerModal as dz, useWizardStepNavigation as e, GridIcon as e$, DropdownMenu as e0, Empty as e1, EmptyDashboardGraphic as e2, ErdIcon as e3, ExpandLessIcon as e4, ExpandMoreIcon as e5, FaceFrownIcon as e6, FaceNeutralIcon as e7, FaceSmileIcon as e8, FileCodeIcon as e9, FolderOpenCloudIcon as eA, FolderOpenCubeIcon as eB, FolderOpenIcon as eC, FolderOpenPipelineIcon as eD, FolderOutlinePipelineIcon as eE, FolderSolidPipelineIcon as eF, FontIcon as eG, ForkHorizontalIcon as eH, ForkIcon as eI, Form as eJ, FormContextResetBoundary as eK, FullscreenExitIcon as eL, FullscreenIcon as eM, FunctionIcon as eN, FunctionInputIcon as eO, GavelIcon as eP, GearFillIcon as eQ, GearIcon as eR, GenieCodeIcon as eS, GenieDeepResearchIcon as eT, GiftIcon as eU, GitCommitIcon as eV, GitMergeIcon as eW, GitRebaseIcon as eX, GlobeIcon as eY, Graphic as eZ, GridDashIcon as e_, FileCubeIcon as ea, FileDocumentIcon as eb, FileIcon as ec, FileImageIcon as ed, FileLockIcon as ee, FileModelIcon as ef, FileNewIcon as eg, FilePipelineIcon as eh, FilterFillIcon as ei, FilterIcon as ej, FlagPointerIcon as ek, FloatIcon as el, FlowIcon as em, FlowsIcon as en, FolderBranchFillIcon as eo, FolderBranchIcon as ep, FolderCloudFilledIcon as eq, FolderCloudIcon as er, FolderCubeIcon as es, FolderCubeOutlineIcon as et, FolderFillIcon as eu, FolderHomeIcon as ev, FolderIcon as ew, FolderNewIcon as ex, FolderNodeIcon as ey, FolderOpenBranchIcon as ez, DesignSystemEventProvider as f, LoopIcon as f$, GroupIcon as f0, H1Icon as f1, H2Icon as f2, H3Icon as f3, H4Icon as f4, H5Icon as f5, H6Icon as f6, HashIcon as f7, HistoryIcon as f8, HomeIcon as f9, LegacyOption as fA, LegacySelectOptGroup as fB, LegacySelectOption as fC, LegacyTable as fD, LegacyTooltip as fE, LetterFormatIcon as fF, LettersIcon as fG, LettersNumbersIcon as fH, LibrariesIcon as fI, LifesaverIcon as fJ, LightbulbIcon as fK, LightningCircleFillIcon as fL, LightningIcon as fM, LinearLineIcon as fN, LinkIcon as fO, LinkOffIcon as fP, ListBorderIcon as fQ, ListClearIcon as fR, ListIcon as fS, ListNumberIcon as fT, Listbox as fU, LoadingIcon as fV, LoadingStateContext as fW, LockFillIcon as fX, LockIcon as fY, LockShareIcon as fZ, LockUnlockedIcon as f_, Icon as fa, ImageIcon as fb, IndentDecreaseIcon as fc, IndentIncreaseIcon as fd, InfinityIcon as fe, InfoBookIcon as ff, InfoIcon as fg, IngestionIcon as fh, ItalicIcon as fi, JoinOperatorIcon as fj, KeyIcon as fk, KeyboardIcon as fl, LakebaseCatalogIcon as fm, LakebaseIcon as fn, LakeflowDesignerIcon as fo, LakewatchAlertIcon as fp, LakewatchDatasourceIcon as fq, LakewatchDetectionRuleIcon as fr, LakewatchParserIcon as fs, LayerGraphIcon as ft, LayerIcon as fu, Layout as fv, LeafIcon as fw, LegacyForm as fx, LegacyFormDubois as fy, LegacyOptGroup as fz, useDesignSystemTheme as g, PinIcon as g$, LowercaseIcon as g0, MailIcon as g1, MapIcon as g2, MarkdownIcon as g3, McpIcon as g4, MeasureIcon as g5, MegaphoneIcon as g6, MenuIcon as g7, MicrophoneIcon as g8, MicrophoneOffIcon as g9, OperatorIcon as gA, OutageGraphic as gB, OverflowHorizontalIcon as gC, OverflowIcon as gD, PageBottomIcon as gE, PageFirstIcon as gF, PageIcon as gG, PageLastIcon as gH, PageTopIcon as gI, Pagination as gJ, Panel as gK, PanelBody as gL, PanelDockedIcon as gM, PanelFloatingIcon as gN, PanelHeader as gO, PanelHeaderButtons as gP, PanelHeaderTitle as gQ, PaperclipIcon as gR, PassFailChecklistIcon as gS, PauseIcon as gT, PencilFillIcon as gU, PencilIcon as gV, PencilSparkleIcon as gW, PieChartIcon as gX, PillControl as gY, PinCancelIcon as gZ, PinFillIcon as g_, MinusCircleFillIcon as ga, MinusCircleIcon as gb, MinusCircleSmallIcon as gc, MissingBranchGraphic as gd, MissingGraphic as ge, ModelsIcon as gf, MonotoneLineIcon as gg, MonthPickerGrid as gh, MoonIcon as gi, Nav as gj, NavButton as gk, NavigationMenu as gl, NeonProjectIcon as gm, NewChatIcon as gn, NewTabIcon as go, NewWindowIcon as gp, NoCaseIcon as gq, NoIcon as gr, NotebookIcon as gs, NotebookPipelineIcon as gt, NotificationIcon as gu, NotificationOffIcon as gv, NumberFormatIcon as gw, NumbersIcon as gx, OfficeIcon as gy, OntologyIcon as gz, DesignTokenScope as h, SidebarAutoIcon as h$, PipelineCodeIcon as h0, PipelineCubeIcon as h1, PipelineIcon as h2, PivotOperatorIcon as h3, PlayCircleFillIcon as h4, PlayCircleIcon as h5, PlayDoubleIcon as h6, PlayIcon as h7, PlayMultipleIcon as h8, PlugIcon as h9, ResizeIcon as hA, RhfForm as hB, RichTextIcon as hC, RobotIcon as hD, RocketIcon as hE, RowsIcon as hF, RunIcon as hG, RunningIcon as hH, SMALL_BUTTON_HEIGHT$2 as hI, SaveClockIcon as hJ, SaveIcon as hK, SchemaIcon as hL, SchoolIcon as hM, SearchDataIcon as hN, SegmentedControlButton as hO, SegmentedControlGroup as hP, SelectContext as hQ, SelectContextProvider as hR, SelectOptionGroup as hS, SendIcon as hT, ShareIcon as hU, ShareNodesIcon as hV, ShieldCheckIcon as hW, ShieldIcon as hX, ShieldOffIcon as hY, ShortcutIcon as hZ, Sidebar as h_, PlusCircleFillIcon as ha, PlusCircleIcon as hb, PlusCircleSmallIcon as hc, PlusMinusSquareIcon as hd, Popover as he, PositionBottomIcon as hf, PositionLeftIcon as hg, PositionRightIcon as hh, PositionTopIcon as hi, PreviewCard as hj, Progress as hk, PullRequestIcon as hl, PuzzleIcon as hm, QueryEditorIcon as hn, QueryIcon as ho, QuestionMarkFillIcon as hp, QuestionMarkIcon as hq, RadioIcon as hr, RadioTile as hs, RangePicker as ht, ReaderModeIcon as hu, RedoIcon as hv, RefreshIcon as hw, RefreshPlayIcon as hx, RefreshXIcon as hy, ReplyIcon as hz, useDesignSystemContext as i, TableReportIcon as i$, SidebarClosedIcon as i0, SidebarCollapseIcon as i1, SidebarExpandIcon as i2, SidebarIcon as i3, SidebarOpenIcon as i4, SidebarSyncIcon as i5, SimpleSelect as i6, SimpleSelectOption as i7, SimpleSelectOptionGroup as i8, SlashSquareIcon as i9, SplitButton as iA, SqlIcon as iB, StarFillIcon as iC, StarIcon as iD, StepAfterLineIcon as iE, StepBeforeLineIcon as iF, Stepper as iG, StopCircleFillIcon as iH, StopCircleIcon as iI, StopIcon as iJ, StoredProcedureIcon as iK, StorefrontIcon as iL, StreamIcon as iM, StrikeThroughIcon as iN, SunIcon as iO, SyncIcon as iP, SyncSmallIcon as iQ, SyncToFileIcon as iR, TableAsteriskIcon as iS, TableClockIcon as iT, TableCombineIcon as iU, TableGlassesIcon as iV, TableGlobeIcon as iW, TableIcon as iX, TableLightningIcon as iY, TableMeasureIcon as iZ, TableModelIcon as i_, Slider as ia, SlidersIcon as ib, SnippetIcon as ic, SortCustomHorizontalIcon as id, SortCustomVerticalIcon as ie, SortHorizontalAscendingIcon as ig, SortHorizontalDescendingIcon as ih, SortLetterHorizontalAscendingIcon as ii, SortLetterHorizontalDescendingIcon as ij, SortLetterUnsortedIcon as ik, SortLetterVerticalAscendingIcon as il, SortLetterVerticalDescendingIcon as im, Spacer as io, SparkleDoubleFillIcon as ip, SparkleFillIcon as iq, SparkleIcon as ir, SparkleRectangleIcon as is, SpeechBubbleIcon as it, SpeechBubblePlusIcon as iu, SpeechBubbleQuestionMarkFillIcon as iv, SpeechBubbleQuestionMarkIcon as iw, SpeechBubbleStarIcon as ix, SpeedometerIcon as iy, Spinner as iz, WarningFillIcon as j, ZaHorizontalIcon as j$, TableStreamIcon as j0, TableVectorIcon as j1, TableViewIcon as j2, Tabs as j3, TagColumnIcon as j4, TagIcon as j5, TagTableIcon as j6, TargetIcon as j7, TerminalIcon as j8, TextBoxIcon 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_, TextColorIcon as ja, TextIcon as jb, TextJustifyIcon as jc, TextUnderlineIcon as jd, ThreeDotsIcon as je, ThumbsDownFilledIcon as jf, ThumbsDownIcon as jg, ThumbsUpFilledIcon as jh, ThumbsUpIcon as ji, ToggleButton as jj, TokenIcon as jk, Toolbar 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 };
37696
+ //# sourceMappingURL=WizardStepContentWrapper-Bq1wm0V7.js.map