@databricks/design-system 2.0.0 → 2.0.1

package/AGENTS.md

@@ -0,0 +1,473 @@
+# Using Du Bois (`@databricks/design-system`)
+
+Du Bois is Databricks' React component library. This file is guidance for coding agents
+building UI with it. Everything it describes is available from the published package; all
+components are named exports from `@databricks/design-system`.
+
+## If you remember only four things
+
+1. **Use an existing component** — don't hand-build a widget the library already has.
+2. **Prefer the composite** — `InfoTooltip`, `DangerModal`, `DropdownMenu`, not primitives glued together.
+3. **Always pass `componentId`** — stable, dotted, no PII.
+4. **Never hardcode colors or spacing** — read `theme.*` tokens.
+
+## Setup
+
+Install the package and its peer dependencies:
+
+```bash
+npm install @databricks/design-system @emotion/react react react-dom moment
+```
+
+`moment` is required by the date components. `@jest/globals` is an additional peer dependency
+if you use the `test-utils` entry point.
+
+Import the stylesheet once at your app's entry point, wrap the tree in
+`DesignSystemProvider`, and render `ApplyGlobalStyles` inside it:
+
+```tsx
+import '@databricks/design-system/index.css';
+import '@databricks/design-system/fonts/dm-sans.css';
+
+import { ApplyGlobalStyles, DesignSystemProvider } from '@databricks/design-system';
+
+export const App = () => (
+  <DesignSystemProvider>
+    <ApplyGlobalStyles />
+    <YourApp />
+  </DesignSystemProvider>
+);
+```
+
+Without `DesignSystemProvider` the theme context is missing and `useDesignSystemTheme()`
+throws. For dark mode, also import `@databricks/design-system/index-dark.css` and pass
+`isDarkMode` to the provider.
+
+Styling uses the Emotion `css` prop, so configure Emotion's JSX runtime — set
+`jsxImportSource: '@emotion/react'` in your TypeScript or Babel config, or add
+`/** @jsxImportSource @emotion/react */` per file.
+
+The CSS entry points have no type declarations, so TypeScript rejects those side-effect imports
+unless your project declares them. Add this once rather than suppressing the error at each
+import:
+
+```ts
+// css.d.ts
+declare module '*.css';
+```
+
+## Theming
+
+Read every design value off the theme.
+
+```tsx
+import { useDesignSystemTheme } from '@databricks/design-system';
+
+const MyPanel = () => {
+  const { theme } = useDesignSystemTheme();
+  return (
+    <div
+      css={{
+        padding: theme.spacing.md, // 16 — never write 16
+        color: theme.colors.textPrimary,
+        backgroundColor: theme.colors.backgroundPrimary,
+        borderRadius: theme.borders.borderRadiusSm,
+      }}
+    />
+  );
+};
+```
+
+- **Spacing** — `theme.spacing`: `xs` (4), `sm` (8), `mid` (12), `md` (16), `lg` (24), `xl` (32).
+  For a gap between two elements use `<Spacer size="md" />`.
+- **Colors** — semantic tokens on `theme.colors`: `textPrimary`, `textSecondary`,
+  `backgroundPrimary`, `border`, `actionPrimaryBackgroundDefault`, and so on. Never a hex value.
+- **Radius** — `theme.borders.borderRadius*`. **Shadows** — `theme.shadows.{xs,sm,md,lg,xl}`.
+- **Motion** — `theme.animation.transitionDuration` (170ms).
+
+Every semantic token has a correct dark-mode value, so using tokens is what makes dark mode
+work for free.
+
+## Picking a component
+
+| Need | Use |
+| --- | --- |
+| Action / navigation | `Button` (with `type`, `danger`), `Typography.Link` for navigation |
+| Button + menu | `SplitButton` (primary action + menu) or `DropdownMenu` |
+| Text & headings | `Typography.Title` / `.Text` / `.Paragraph` / `.Link` / `.Hint` |
+| Text input | `Input`, `Input.TextArea`, `Input.Password` |
+| Boolean | `Checkbox` (multi-select / terms), `Switch` (instant setting toggle) |
+| One of a small set | `Radio.Group`, or `SimpleSelect` for a dropdown |
+| One of many / searchable | `DialogCombobox` (searchable list), `TypeaheadCombobox` (autocomplete) |
+| Container / summary | `Card` |
+| Sectioned content | `Tabs` |
+| Dialog | `Modal`; `DangerModal` for destructive confirmation |
+| Contextual help | `Tooltip` (wraps any control), `InfoTooltip` (info icon + tooltip) |
+| Menu of actions | `DropdownMenu` |
+| Inline message / callout | `Alert` (field/section); `Banner` for page-level with a CTA |
+| Toast | `SnackBar` + `useSnackBar` |
+| Loading / empty | `Spinner`, `Skeleton` variants, `LoadingState`; `Empty` for no-data |
+| Page layout | `PageWrapper`, `Header`, `Sidebar`, `Grid.Row` / `Grid.Col` |
+| Tabular data | `Table` + `TableRow` / `TableHeader` / `TableCell` |
+| Form | `Form` + `FormUI.*`; `RHFControlledComponents.*` with React Hook Form |
+| Icon | Any `<XxxIcon />` (standalone component) |
+| Spacing between elements | `<Spacer size="…" />`, or `theme.spacing.*` in `css` |
+
+The library has roughly 90 components. For anything not listed, check the bundled type
+declarations (`dist-types/index.d.ts`) before building something custom — the export list is
+the authoritative catalog, and prop types are the authoritative API.
+
+## Use the composite
+
+When you are about to combine primitives, stop. A purpose-built composite usually exists and
+handles state, accessibility, and theming for you.
+
+| About to build… | Use instead |
+| --- | --- |
+| `Tooltip` wrapping an info icon | `InfoTooltip` |
+| `Modal` with a destructive confirm button | `DangerModal` |
+| `Button` + chevron + dropdown | `SplitButton` or `DropdownMenu` |
+| `Popover` + `<ul>`/`<li>` action list | `DropdownMenu` |
+| `Input` + autocomplete list | `TypeaheadCombobox` |
+| `Input` + selectable dropdown | `DialogCombobox` or `SimpleSelect` |
+| Manually managed open/close for a section | `Accordion` |
+| A row of buttons acting as a single choice | `SegmentedControlGroup` |
+
+### Picking an overlay
+
+| Trigger / intent | Use |
+| --- | --- |
+| Short label on hover/focus | `Tooltip` |
+| Info icon + its tooltip | `InfoTooltip` |
+| Info icon + rich clickable content | `InfoPopover` |
+| Click for custom transient content | `Popover` |
+| Hover for a rich preview card | `HoverCard` |
+| A list of actions | `DropdownMenu` (or `ContextMenu` on right-click) |
+| Blocking dialog | `Modal` / `DangerModal` |
+| Side panel | `Drawer` (`Drawer.Root` / `.Trigger` / `.Content`) |
+
+## Common components
+
+### Button
+
+`componentId` is required. `type` is `primary | tertiary | link` (omit for the default);
+`danger` for destructive; `size="small"` for compact.
+
+```tsx
+<Button componentId="settings.save" type="primary" onClick={handleSave}>
+  Save changes
+</Button>
+
+// Icon-only buttons must carry an accessible label.
+<Button componentId="row.delete" icon={<TrashIcon />} aria-label="Delete row" danger />
+```
+
+### Typography
+
+Never render bare `<h1>`–`<h4>`, `<p>`, or `<a>` for content, so that sizing, color tokens, and
+link behavior come from the system.
+
+```tsx
+<Typography.Title level={2}>Section title</Typography.Title>
+<Typography.Paragraph>Body copy.</Typography.Paragraph>
+<Typography.Text bold>Emphasis</Typography.Text>
+<Typography.Text color="secondary" size="sm">Muted helper text</Typography.Text>
+<Typography.Link href="/docs">Learn more</Typography.Link>
+```
+
+### Input and form controls
+
+Give every input a real label, not a `placeholder` alone. Use `validationState`
+(`error | warning | success`) to show state.
+
+```tsx
+<FormUI.Label htmlFor="email">Email</FormUI.Label>
+<Input id="email" componentId="signup.email" type="email" />
+<FormUI.Message message="Enter a valid email" type="error" />
+
+<Checkbox componentId="terms.accept" isChecked={agreed} onChange={setAgreed}>
+  I agree to the terms
+</Checkbox>
+
+<Switch componentId="settings.notifications" checked={enabled} onChange={setEnabled} label="Email notifications" />
+
+<SimpleSelect componentId="chart.type" value={type} onChange={setType} placeholder="Chart type">
+  <SimpleSelectOption value="bar">Bar</SimpleSelectOption>
+  <SimpleSelectOption value="line">Line</SimpleSelectOption>
+</SimpleSelect>
+```
+
+With React Hook Form, use `RHFControlledComponents.*` — each takes `name` + `control` + `rules`
+plus the underlying component's props. Available: `Input`, `PasswordInput`, `TextArea`,
+`Select`, `Checkbox`, `CheckboxGroup`, `Radio`, `RadioGroup`, `Switch`, `DialogCombobox`,
+`TypeaheadCombobox`, `MultiSelectTypeaheadCombobox`.
+
+```tsx
+<Form componentId="signup.form" onSubmit={handleSubmit(onSubmit)}>
+  <RHFControlledComponents.Input
+    name="email"
+    control={control}
+    componentId="signup.email"
+    rules={{ required: 'Email is required' }}
+  />
+  <Button componentId="signup.submit" htmlType="submit" type="primary">
+    Sign up
+  </Button>
+</Form>
+```
+
+### Modal and DangerModal
+
+`Modal` is controlled by `visible`. Use `DangerModal` for destructive confirmations rather than
+restyling a `Modal`. Both need a `title` for their accessible name.
+
+```tsx
+<DangerModal
+  componentId="delete.modal"
+  visible={open}
+  title="Delete project"
+  okText="Delete"
+  onOk={handleDelete}
+  onCancel={close}
+>
+  This permanently deletes all project data.
+</DangerModal>
+```
+
+### DropdownMenu
+
+Compound API: `Root` / `Trigger` (use `asChild` to wrap your own `Button`) / `Content` / `Item` /
+`Separator` / `CheckboxItem` / `RadioGroup` + `RadioItem` / `Sub`. `componentId` goes on each
+`Item`.
+
+```tsx
+<DropdownMenu.Root>
+  <DropdownMenu.Trigger asChild>
+    <Button componentId="row.menu" icon={<OverflowIcon />} aria-label="More actions" />
+  </DropdownMenu.Trigger>
+  <DropdownMenu.Content>
+    <DropdownMenu.Item componentId="row.edit" onClick={edit}>Edit</DropdownMenu.Item>
+    <DropdownMenu.Separator />
+    <DropdownMenu.Item componentId="row.delete" onClick={remove}>Delete</DropdownMenu.Item>
+  </DropdownMenu.Content>
+</DropdownMenu.Root>
+```
+
+### Tooltip and InfoTooltip
+
+`Tooltip` wraps a control and describes it. For a standalone info affordance next to a label,
+use `InfoTooltip` — it bundles the icon, the tooltip, accessibility, and theming. Never compose
+`Tooltip` around an `InfoIcon` yourself.
+
+Both take a required `componentId`.
+
+```tsx
+// Incorrect — hand-rolled info affordance
+<Tooltip componentId="search.info" content="Searches project names only."><InfoIcon /></Tooltip>
+
+// Correct
+<FormUI.Label htmlFor="search">
+  Search <InfoTooltip componentId="search.info" content="Searches project names only." />
+</FormUI.Label>
+
+// Tooltip is for describing a control you already have
+<Tooltip componentId="refresh.tooltip" content="Refresh data">
+  <Button componentId="refresh" icon={<RefreshIcon />} aria-label="Refresh" />
+</Tooltip>
+```
+
+### Table
+
+Compose `Table` from the flat exports `TableRow`, `TableHeader`, and `TableCell`. These are
+individual named exports, not a namespace — there is no `TableUI.*`, and no separate head or
+body wrapper. Mark the header row with `isHeader`, and give each `TableHeader` a
+`componentId`. `LegacyTable` is deprecated.
+
+```tsx
+<Table>
+  <TableRow isHeader>
+    <TableHeader componentId="projects.header.name">Name</TableHeader>
+    <TableHeader componentId="projects.header.status">Status</TableHeader>
+  </TableRow>
+  {rows.map((row) => (
+    <TableRow key={row.id}>
+      <TableCell>{row.name}</TableCell>
+      <TableCell>{row.status}</TableCell>
+    </TableRow>
+  ))}
+</Table>
+```
+
+Related exports for richer tables: `TableRowAction`, `TableRowActionHeader`,
+`TableRowSelectCell`, `TableFilterInput`, `TableFilterLayout`, `TableSkeleton`.
+
+### Icons
+
+Icons are standalone components — `<PlusIcon />`, `<TrashIcon />`. They take no `componentId`.
+Never use the legacy `<Icon component={PlusIcon} />` form, and import icons only from
+`@databricks/design-system`.
+
+### Loading and empty states
+
+Never hand-roll these. A `<div>` containing "Loading…" text, or a bare centered `Spinner`
+where the content shape is known, is the single most common way agent-written Du Bois UI looks
+unfinished.
+
+- `Skeleton` variants (`TitleSkeleton`, `ParagraphSkeleton`, `TableSkeleton`,
+  `GenericSkeleton`) — use one shaped like the content it replaces, so there is no layout jump
+  when data arrives. This is the default choice for a loading branch.
+- `Spinner` — only when the content shape is unknown. Pass `label` for its accessible name.
+- `Empty` — needs `title` and `description`; add a `button` for the next step.
+
+```tsx
+// Incorrect — hand-rolled loading text
+{isLoading ? <div css={{ textAlign: 'center' }}><Typography.Text>Loading…</Typography.Text></div> : …}
+
+// Correct — a skeleton shaped like the table it replaces
+{isLoading ? (
+  <TableSkeleton lines={5} />
+) : rows.length ? (
+  <Table>…</Table>
+) : (
+  <Empty title="No dashboards" description="Create one to get started." />
+)}
+```
+
+## Accessibility
+
+Du Bois components target WCAG 2.2 and handle roles and semantics, focus management (dialogs
+trap and restore focus; overlays handle Escape and outside-click), keyboard interaction,
+focus-visible outlines, and token contrast in both themes. The corollary: replacing a component
+with raw HTML or overriding its structure means taking all of that on yourself.
+
+You must supply:
+
+- **Accessible labels on icon-only controls.** An icon-only `Button` has no accessible name.
+  A wrapping `Tooltip` is not a substitute — it contributes a *description*
+  (`aria-describedby`), not a *name*. Always set `aria-label`.
+- **Real labels on form controls.** A `placeholder` disappears on input and is not reliably
+  announced.
+- **Meaningful text.** Button and link text must describe the action, not "Click here".
+- **Semantic structure.** Landmarks (`nav`, `main`, `section`) and headings via
+  `Typography.Title` with the correct `level`, not a tree of `<div>`s.
+- **No nested interactive controls.** An interactive element must never contain another. This
+  applies inside composites whose items are already interactive: put the action on
+  `DropdownMenu.Item` itself, or use `asChild` to render the item *as* a link. Use
+  `DropdownMenu.CheckboxItem` / `RadioItem` rather than nesting a `Checkbox` in an `Item`.
+
+```tsx
+// Incorrect — button nested inside an already-interactive menu item
+<DropdownMenu.Item componentId="row.rename">
+  <Button componentId="row.rename.btn" onClick={rename}>Rename</Button>
+</DropdownMenu.Item>
+
+// Correct — the item is the control
+<DropdownMenu.Item componentId="row.rename" onClick={rename}>Rename</DropdownMenu.Item>
+```
+
+## Pitfalls
+
+### Raw HTML where a component exists
+
+Use Du Bois components for interactive controls and styled text. Use semantic HTML for
+structure and layout (`div`, `span`, `section`, `ul`/`li`).
+
+```tsx
+// Incorrect
+<button onClick={save}>Save</button>
+<a href="/docs">Docs</a>
+<h2>Settings</h2>
+
+// Correct
+<Button componentId="save" onClick={save}>Save</Button>
+<Typography.Link href="/docs">Docs</Typography.Link>
+<Typography.Title level={2}>Settings</Typography.Title>
+```
+
+### Missing or bad `componentId`
+
+Required on most interactive components, for analytics. Supply a stable, human-readable dotted
+path. Never a uuid, and never PII (emails, resource names, user input).
+
+```tsx
+// Incorrect
+<Button onClick={save}>Save</Button>
+<Button componentId={crypto.randomUUID()} onClick={save}>Save</Button>
+<Button componentId={`share.${user.email}`} onClick={save}>Save</Button>
+
+// Correct
+<Button componentId="settings.save" onClick={save}>Save</Button>
+```
+
+### Hardcoded colors and spacing
+
+```tsx
+// Incorrect
+<div css={{ color: '#64727D', marginTop: 8, padding: '4px 12px' }} />
+
+// Correct
+<div
+  css={{
+    color: theme.colors.textSecondary,
+    marginTop: theme.spacing.sm,
+    padding: `${theme.spacing.xs}px ${theme.spacing.mid}px`,
+  }}
+/>
+```
+
+### Style-overriding a component
+
+Don't reach for `css=`, `style=`, `dangerouslySetAntdProps`, `dangerouslyAppendEmotionCSS`,
+`!important`, or an `as` cast to reshape a component's appearance. Look for a real prop first
+(`type`, `size`, `danger`, `contentPadding`).
+
+```tsx
+// Incorrect — fighting the component
+<Button componentId="x" css={{ backgroundColor: '#1B5E20', border: 'none' }}>Save</Button>
+
+// Correct — use the intended prop
+<Button componentId="x" type="primary">Save</Button>
+```
+
+`className` for *layout* (margin, max-width, grid placement) is fine. `className` or `css` to
+change a component's *colors or typography* is not.
+
+### Legacy components
+
+Du Bois ships modern replacements for every `Legacy*` component. Don't introduce new
+`LegacySelect`, `LegacyTable`, `LegacyTooltip`, `LegacyPopover`, or `LegacyForm` imports.
+`Layout` (`Layout.Header` / `.Sider` / `.Content`) is likewise deprecated — use `PageWrapper` +
+`Header`.
+
+### Direct AntD imports
+
+Du Bois is built on AntD internally. Never import AntD or `@ant-design/icons` directly — it
+bypasses theming and breaks on version bumps.
+
+```tsx
+// Incorrect
+import { Button } from 'antd';
+import { PlusOutlined } from '@ant-design/icons';
+
+// Correct
+import { Button, PlusIcon } from '@databricks/design-system';
+```
+
+## Making it look good
+
+Polish comes from restraint and consistency, not decoration. Gradients, glass effects, heavy
+shadows, and custom accent colors make an enterprise data product look worse. If you are
+tempted to hand-write a color, shadow, radius, or spacing value to make something "pop," that
+is the signal you are leaving the system.
+
+- **Use the scales.** Reuse a few spacing steps for rhythm rather than mixing `13px` and
+  `15px`. Establish hierarchy with `Typography.Title` levels and `Text` sizes, never a hand-set
+  `fontSize`. Body text reads best at 45–90 characters per line.
+- **Let components own elevation.** Card, Popover, Modal, and Dropdown apply their own shadow.
+  Setting `boxShadow` by hand is almost always wrong.
+- **Let semantic tokens carry state.** Prefer a component's own prop (`type="primary"`,
+  `danger`) over reaching for a raw token — the component wires the full hover/press/disabled
+  set. Never let color be the only signal for meaning; pair it with an icon, label, or weight.
+- **Build the states everyone skips.** Loading (shape-matched skeletons), empty (`Empty` with a
+  next step), and hover/focus/active/disabled are what separate polished UI from unpolished.
+- **Match density to context** with `size` props rather than cramming default-size components.

package/README.md

@@ -1,7 +1,9 @@
 # DuBois Design System
 
-DuBois is a shared language for building products at Databricks.
+Component library for Databricks.
 
-We'll be sharing more soon, stay tuned!
+## Using DuBois with a coding agent
 
-https://databricks.com/blog/category/engineering
+This package ships `AGENTS.md` — setup, component selection, theming, accessibility, and the
+pitfalls to avoid. You can include `@node_modules/@databricks/design-system/AGENTS.md` in your project's agent
+instructions.

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

@@ -24650,7 +24650,17 @@ const slideLeftAndFade = /*#__PURE__*/ keyframes({
     }
 });
 const getTooltipStyles = (theme, clsPrefix)=>{
-    const dataStateAttr = 'tooltip-data-state'; // patched tooltip data-state attribute (dubois-340)
+    // Radix uses `data-state` to drive tooltip animations. However, due to a Radix bug, the animation CSS is not
+    // well-scoped. If the tooltip wraps another component that uses `data-state` (such as ToggleButton), the animation
+    // styles leak into the child component. We work around this by introducing our own `tooltip-data-state` attribute
+    // and redefining the animations based on that. This requires a *patch* to the Radix tooltip to swap `data-state`
+    // for `tooltip-data-state`: js/yarn/patches/@radix-ui-react-tooltip-npm-1.0.7-c7378e5c03.patch. This patch is applied
+    // via `yarn patch`. See https://databricks.atlassian.net/browse/DUBOIS-340 for original context.
+    //
+    // It is worth highlighting here, however, that we do not have a good way to distribute this patch outside of universe
+    // when `@databricks/design-system` is published to npm. Thus, this animation bug may still persist if this Tooltip
+    // component is used outside of universe alongside a Radix version that still has the underlying bug.
+    const dataStateAttr = 'tooltip-data-state';
     const classTypography = `.${clsPrefix}-typography`;
     const { isDarkMode } = theme;
     const linkColor = isDarkMode ? theme.colors.blue600 : theme.colors.blue500;
@@ -25337,7 +25347,10 @@ const DuboisDialogComboboxOptionListSelectItem = /*#__PURE__*/ forwardRef(// esl
                     contentWidth,
                     hasHintColumn: Boolean(hintColumn),
                     hasIcon: Boolean(icon),
-                    hasDisabledReason: Boolean(disabledReason)
+                    // Gate on whether the icon actually renders (`isDisabledWithReason`), not the prop's
+                    // presence: this row-flex styling only exists to pin that icon, so applying it without
+                    // one crushes a `DialogComboboxHintRow` child into one-character-per-line wrapping.
+                    hasDisabledReason: isDisabledWithReason
                 }),
                 children: [
                     icon && /*#__PURE__*/ jsx("span", {
@@ -36776,4 +36789,4 @@ function WizardStepContentWrapper({ header, title, description, alertContent, de
 }
 
 export { hideIconButtonRowStyles as $, useModalContext as A, Button$1 as B, CheckCircleFillIcon as C, DocumentationSidebar as D, Trigger$5 as E, FIXED_VERTICAL_STEPPER_WIDTH as F, InfoSmallIcon as G, Content$7 as H, InfoFillIcon as I, Arrow$2 as J, SparkleDoubleIcon as K, LegacyTooltip as L, MAX_VERTICAL_WIZARD_CONTENT_WIDTH as M, LoadingState as N, OverflowPopover as O, visuallyHidden as P, genSkeletonAnimatedColor as Q, Root$b as R, ShapeTokens as S, Typography as T, getOffsets as U, DesignSystemEventSuppressInteractionProviderContext as V, Wizard as W, DesignSystemEventSuppressInteractionTrueContextValue as X, tableStyles as Y, repeatingElementsStyles as Z, tableClassNames as _, WizardControlled as a, Accordion as a$, hideIconButtonActionCellClassName as a0, safex as a1, useDialogComboboxContext as a2, PlusIcon as a3, importantify as a4, getComboboxOptionItemWrapperStyles as a5, getFooterStyles as a6, Tooltip as a7, useDialogComboboxOptionListContext as a8, generateUuidV4 as a9, DialogCombobox as aA, DialogComboboxTrigger as aB, DialogComboboxContent as aC, Select as aD, SelectTrigger as aE, SelectContent as aF, SelectOption as aG, LegacySelect as aH, WarningIcon as aI, CheckCircleIcon as aJ, DangerIcon as aK, Hint as aL, Title$1 as aM, CloseIcon as aN, RestoreAntDDefaultClsPrefix as aO, AccessibleContainer as aP, DU_BOIS_ENABLE_ANIMATION_CLASSNAME as aQ, CircleOffIcon as aR, CircleOutlineIcon as aS, CircleIcon as aT, shimExports as aU, SortAscendingIcon as aV, SortDescendingIcon as aW, SortUnsortedIcon as aX, MinusSquareIcon as aY, PlusSquareIcon as aZ, AccessDeniedGraphic as a_, getContentOptions as aa, findHighlightedOption as ab, highlightOption as ac, Input as ad, SearchIcon as ae, EmptyResults as af, findClosestOptionSibling as ag, DialogComboboxOptionListCheckboxItem as ah, DialogComboboxOptionListSelectItem as ai, DialogComboboxOptionListContextProvider as aj, LoadingSpinner as ak, DialogComboboxOptionList as al, useUniqueId as am, useDuboisThemeClass as an, TypeaheadComboboxContextProvider as ao, useTypeaheadComboboxContext as ap, getComboboxContentWrapperStyles as aq, ClearSelectionButton as ar, TypeaheadComboboxSelectedItem as as, CountBadge as at, getValidationStateColor as au, SectionHeader as av, useComboboxState as aw, useMultipleSelectionState as ax, Radio as ay, Checkbox as az, WizardModal as b, BriefcaseFillIcon as b$, AccordionPanel as b0, AlignCenterIcon as b1, AlignJustifyIcon as b2, AlignLeftIcon as b3, AlignRightIcon as b4, AlignVerticalBottomIcon as b5, AlignVerticalCenterIcon as b6, AlignVerticalTopIcon as b7, AppIcon as b8, ApplyDesignSystemContextOverrides as b9, BadgeCodeIcon as bA, BadgeCodeOffIcon as bB, Banner as bC, BarChartIcon as bD, BarGroupedIcon as bE, BarStackedIcon as bF, BarStackedPercentageIcon as bG, BarsAscendingHorizontalIcon as bH, BarsAscendingVerticalIcon as bI, BarsDescendingHorizontalIcon as bJ, BarsDescendingVerticalIcon as bK, BeakerIcon as bL, BinaryIcon as bM, BlockQuoteIcon as bN, BoldIcon as bO, BookIcon as bP, BookmarkFillIcon as bQ, BookmarkIcon as bR, BooksIcon as bS, BracketsCheckIcon as bT, BracketsCurlyIcon as bU, BracketsErrorIcon as bV, BracketsSquareIcon as bW, BracketsXIcon as bX, BranchCheckIcon as bY, BranchIcon as bZ, BranchResetIcon as b_, ApplyDesignSystemFlags as ba, ArrowDownDotIcon as bb, ArrowDownFillIcon as bc, ArrowDownIcon as bd, ArrowInIcon as be, ArrowInTableIcon as bf, ArrowLeftIcon as bg, ArrowOutTableIcon as bh, ArrowOverIcon as bi, ArrowRightIcon as bj, ArrowUpDotIcon as bk, ArrowUpFillIcon as bl, ArrowUpIcon as bm, ArrowsCollapseIcon as bn, ArrowsConnectIcon as bo, ArrowsExpandIcon as bp, ArrowsUpDownIcon as bq, AssistantIcon as br, AtIcon as bs, Auth0Graphic as bt, Auth0GraphicLarge as bu, AzHorizontalIcon as bv, AzVerticalIcon as bw, BANNER_MAX_HEIGHT as bx, BANNER_MIN_HEIGHT as by, BackupIcon as bz, WizardStepContentWrapper as c, CommandPaletteIcon as c$, BriefcaseIcon as c0, BrushIcon as c1, BugIcon as c2, CalendarClockIcon as c3, CalendarEventIcon as c4, CalendarIcon as c5, CalendarRangeIcon as c6, CalendarSyncIcon as c7, CameraIcon as c8, CapitalizeIcon as c9, ChevronDoubleRightOffIcon as cA, ChevronDoubleUpIcon as cB, ChevronLeftIcon as cC, ChevronUpIcon as cD, ChipIcon as cE, CircleOffLargeIcon as cF, CircleOutlineLargeIcon as cG, ClipboardIcon as cH, ClockIcon as cI, ClockKeyIcon as cJ, ClockOffIcon as cK, CloudCheckIcon as cL, CloudDatabaseIcon as cM, CloudDownloadIcon as cN, CloudIcon as cO, CloudKeyIcon as cP, CloudModelIcon as cQ, CloudOffIcon as cR, CloudUploadIcon as cS, CodeIcon as cT, ColorFillIcon as cU, ColorVars as cV, ColumnIcon as cW, ColumnSplitIcon as cX, ColumnTagIcon as cY, ColumnsIcon as cZ, CommandIcon as c_, CaretDownSquareIcon as ca, CaretUpSquareIcon as cb, CatalogCloudIcon as cc, CatalogGearIcon as cd, CatalogHomeIcon as ce, CatalogIcon as cf, CatalogOffIcon as cg, CatalogSharedIcon as ch, CatalogUserHomeIcon as ci, CellsSquareIcon as cj, CertifiedFillIcon as ck, CertifiedFillSmallIcon as cl, CertifiedIcon as cm, ChainIcon as cn, ChartLineIcon as co, CheckCircleBadgeIcon as cp, CheckCircleSmallIcon as cq, CheckIcon as cr, CheckLineIcon as cs, CheckSmallIcon as ct, CheckboxIcon as cu, ChecklistIcon as cv, ChevronDoubleDownIcon as cw, ChevronDoubleLeftIcon as cx, ChevronDoubleLeftOffIcon as cy, ChevronDoubleRightIcon as cz, DesignSystemEventProvider as d, FilterFillIcon as d$, CompassIcon as d0, ComponentFinderContext as d1, ConnectIcon as d2, Content$2 as d3, ContextMenu$1 as d4, CopyIcon as d5, CreditCardIcon as d6, CursorClickIcon as d7, CursorIcon as d8, CursorPagination as d9, DialogComboboxCustomButtonTriggerWrapper as dA, DialogComboboxSectionHeader as dB, DollarIcon as dC, DomainCirclesThree as dD, DomainsIcon as dE, DotsCircleIcon as dF, DownloadIcon as dG, DragIcon as dH, Drawer as dI, DropdownMenu as dJ, Empty as dK, EmptyDashboardGraphic as dL, ErdIcon as dM, ExpandLessIcon as dN, ExpandMoreIcon as dO, FaceFrownIcon as dP, FaceNeutralIcon as dQ, FaceSmileIcon as dR, FileCodeIcon as dS, FileCubeIcon as dT, FileDocumentIcon as dU, FileIcon as dV, FileImageIcon as dW, FileLockIcon as dX, FileModelIcon as dY, FileNewIcon as dZ, FilePipelineIcon as d_, CursorTypeIcon as da, CustomAppIcon as db, DagHorizontalIcon as dc, DagIcon as dd, DagVerticalIcon as de, DangerModal as df, DangerSmallIcon as dg, DashIcon as dh, DashboardCodeIcon as di, DashboardIcon as dj, DataIcon as dk, DataMaskiingGraphic as dl, DatabaseClockIcon as dm, DatabaseIcon as dn, DatabaseImportIcon as dp, DatePicker as dq, DecimalIcon as dr, DeprecatedIcon as ds, DeprecatedSmallIcon as dt, DesignSystemContext as du, DesignSystemEventProviderComponentSubTypes as dv, DesignSystemProvider as dw, DesignSystemThemeContext as dx, DesignSystemThemeProvider as dy, DialogComboboxCountBadge as dz, useDesignSystemContext as e, ItalicIcon as e$, FilterIcon as e0, FlagPointerIcon as e1, FloatIcon as e2, FlowIcon as e3, FolderBranchFillIcon as e4, FolderBranchIcon as e5, FolderCloudFilledIcon as e6, FolderCloudIcon as e7, FolderCubeIcon as e8, FolderCubeOutlineIcon as e9, GiftIcon as eA, GitCommitIcon as eB, GitMergeIcon as eC, GitRebaseIcon as eD, GlobeIcon as eE, Graphic as eF, GridDashIcon as eG, GridIcon as eH, GroupIcon as eI, H1Icon as eJ, H2Icon as eK, H3Icon as eL, H4Icon as eM, H5Icon as eN, H6Icon as eO, HashIcon as eP, HistoryIcon as eQ, HomeIcon as eR, Icon as eS, ImageIcon as eT, IndentDecreaseIcon as eU, IndentIncreaseIcon as eV, InfinityIcon as eW, InfoBookIcon as eX, InfoIcon as eY, InfoTooltip as eZ, IngestionIcon as e_, FolderFillIcon as ea, FolderHomeIcon as eb, FolderIcon as ec, FolderNewIcon as ed, FolderNodeIcon as ee, FolderOpenBranchIcon as ef, FolderOpenCloudIcon as eg, FolderOpenCubeIcon as eh, FolderOpenIcon as ei, FolderOpenPipelineIcon as ej, FolderOutlinePipelineIcon as ek, FolderSolidPipelineIcon as el, FontIcon as em, ForkHorizontalIcon as en, ForkIcon as eo, Form as ep, FormContextResetBoundary as eq, FullscreenExitIcon as er, FullscreenIcon as es, FunctionIcon as et, FunctionInputIcon as eu, GavelIcon as ev, GearFillIcon as ew, GearIcon as ex, GenieCodeIcon as ey, GenieDeepResearchIcon as ez, useDesignSystemTheme as f, LegacyVideoCameraOutlined as f$, JoinOperatorIcon as f0, KeyIcon as f1, KeyboardIcon as f2, LakebaseCatalogIcon as f3, LakebaseIcon as f4, LakeflowDesignerIcon as f5, LayerGraphIcon as f6, LayerIcon as f7, Layout as f8, LeafIcon as f9, LegacyForm as fA, LegacyFormDubois as fB, LegacyFullscreenOutlined as fC, LegacyGithubOutlined as fD, LegacyHourglassOutlined as fE, LegacyLinkOutlined as fF, LegacyLoadingOutlined as fG, LegacyNotificationOutlined as fH, LegacyOptGroup as fI, LegacyOption as fJ, LegacyPauseCircleFilled as fK, LegacyPlayCircleOutlined as fL, LegacyPlusOutlined as fM, LegacyQuestionCircleOutlined as fN, LegacyReloadOutlined as fO, LegacyRightOutlined as fP, LegacyRocketOutlined as fQ, LegacySearchOutlined as fR, LegacySelectOptGroup as fS, LegacySelectOption as fT, LegacySendOutlined as fU, LegacySettingOutlined as fV, LegacySlackOutlined as fW, LegacySwapOutlined as fX, LegacySyncOutlined as fY, LegacyTable as fZ, LegacyUpOutlined as f_, LegacyAppstoreOutlined as fa, LegacyArrowUpOutlined as fb, LegacyBookOutlined as fc, LegacyBugOutlined as fd, LegacyCheckCircleFilled as fe, LegacyCheckCircleOutlined as ff, LegacyClockCircleFilled as fg, LegacyClockCircleOutlined as fh, LegacyCloseCircleFilled as fi, LegacyCloseOutlined as fj, LegacyCodeOutlined as fk, LegacyCommentOutlined as fl, LegacyCopyOutlined as fm, LegacyDatabaseOutlined as fn, LegacyDeleteOutlined as fo, LegacyDownOutlined as fp, LegacyEditOutlined as fq, LegacyEllipsisOutlined as fr, LegacyExclamationCircleOutlined as fs, LegacyEyeOutlined as ft, LegacyFileOutlined as fu, LegacyFileTextOutlined as fv, LegacyFilterOutlined as fw, LegacyFlagOutlined as fx, LegacyFolderOpenOutlined as fy, LegacyFolderOutlined as fz, WarningFillIcon as g, PageIcon as g$, LetterFormatIcon as g0, LettersIcon as g1, LettersNumbersIcon as g2, LibrariesIcon as g3, LifesaverIcon as g4, LightbulbIcon as g5, LightningCircleFillIcon as g6, LightningIcon as g7, LinearLineIcon as g8, LinkIcon as g9, ModelsIcon as gA, MonotoneLineIcon as gB, MonthPickerGrid as gC, MoonIcon as gD, Nav as gE, NavButton as gF, NavigationMenu as gG, NeonProjectIcon as gH, NewChatIcon as gI, NewTabIcon as gJ, NewWindowIcon as gK, NoCaseIcon as gL, NoIcon as gM, NotebookIcon as gN, NotebookPipelineIcon as gO, NotificationIcon as gP, NotificationOffIcon as gQ, NumberFormatIcon as gR, NumbersIcon as gS, OfficeIcon as gT, OntologyIcon as gU, OutageGraphic as gV, Overflow as gW, OverflowHorizontalIcon as gX, OverflowIcon as gY, PageBottomIcon as gZ, PageFirstIcon as g_, LinkOffIcon as ga, ListBorderIcon as gb, ListClearIcon as gc, ListIcon as gd, ListNumberIcon as ge, Listbox as gf, LoadingIcon as gg, LoadingStateContext as gh, LockFillIcon as gi, LockIcon as gj, LockShareIcon as gk, LockUnlockedIcon as gl, LoopIcon as gm, LowercaseIcon as gn, MailIcon as go, MapIcon as gp, MarkdownIcon as gq, McpIcon as gr, MeasureIcon as gs, MegaphoneIcon as gt, MenuIcon as gu, MinusCircleFillIcon as gv, MinusCircleIcon as gw, MinusCircleSmallIcon as gx, MissingBranchGraphic as gy, MissingGraphic as gz, DangerFillIcon as h, RunIcon as h$, PageLastIcon as h0, PageTopIcon as h1, Pagination as h2, Panel as h3, PanelBody as h4, PanelDockedIcon as h5, PanelFloatingIcon as h6, PanelHeader as h7, PanelHeaderButtons as h8, PanelHeaderTitle as h9, PositionBottomIcon as hA, PositionLeftIcon as hB, PositionRightIcon as hC, PositionTopIcon as hD, PreviewCard as hE, Progress as hF, PullRequestIcon as hG, PuzzleIcon as hH, QueryEditorIcon as hI, QueryIcon as hJ, QuestionMarkFillIcon as hK, QuestionMarkIcon as hL, RadioIcon as hM, RadioTile as hN, RangePicker as hO, ReaderModeIcon as hP, RedoIcon as hQ, RefreshIcon as hR, RefreshPlayIcon as hS, RefreshXIcon as hT, ReplyIcon as hU, ResizeIcon as hV, RhfForm as hW, RichTextIcon as hX, RobotIcon as hY, RocketIcon as hZ, RowsIcon as h_, PaperclipIcon as ha, PassFailChecklistIcon as hb, PauseIcon as hc, PencilFillIcon as hd, PencilIcon as he, PencilSparkleIcon as hf, PieChartIcon as hg, PillControl as hh, PinCancelIcon as hi, PinFillIcon as hj, PinIcon as hk, PipelineCodeIcon as hl, PipelineCubeIcon as hm, PipelineIcon as hn, PivotOperatorIcon as ho, PlayCircleFillIcon as hp, PlayCircleIcon as hq, PlayDoubleIcon as hr, PlayIcon as hs, PlayMultipleIcon as ht, PlugIcon as hu, PlusCircleFillIcon as hv, PlusCircleIcon as hw, PlusCircleSmallIcon as hx, PlusMinusSquareIcon as hy, Popover as hz, DesignSystemEventProviderAnalyticsEventTypes as i, Stepper as i$, RunningIcon as i0, SMALL_BUTTON_HEIGHT$2 as i1, SaveClockIcon as i2, SaveIcon as i3, SchemaIcon as i4, SchoolIcon as i5, SearchDataIcon as i6, SegmentedControlButton as i7, SegmentedControlGroup as i8, SelectContext as i9, SortCustomHorizontalIcon as iA, SortCustomVerticalIcon as iB, SortHorizontalAscendingIcon as iC, SortHorizontalDescendingIcon as iD, SortLetterHorizontalAscendingIcon as iE, SortLetterHorizontalDescendingIcon as iF, SortLetterUnsortedIcon as iG, SortLetterVerticalAscendingIcon as iH, SortLetterVerticalDescendingIcon as iI, Spacer as iJ, SparkleDoubleFillIcon as iK, SparkleFillIcon as iL, SparkleIcon as iM, SparkleRectangleIcon as iN, SpeechBubbleIcon as iO, SpeechBubblePlusIcon as iP, SpeechBubbleQuestionMarkFillIcon as iQ, SpeechBubbleQuestionMarkIcon as iR, SpeechBubbleStarIcon as iS, SpeedometerIcon as iT, Spinner as iU, SplitButton as iV, SqlIcon as iW, StarFillIcon as iX, StarIcon as iY, StepAfterLineIcon as iZ, StepBeforeLineIcon as i_, SelectContextProvider as ia, SelectOptionGroup as ib, SendIcon as ic, ShareIcon as id, ShareNodesIcon as ie, ShieldCheckIcon as ig, ShieldIcon as ih, ShieldOffIcon as ii, ShortcutIcon as ij, Sidebar as ik, SidebarAutoIcon as il, SidebarClosedIcon as im, SidebarCollapseIcon as io, SidebarExpandIcon as ip, SidebarIcon as iq, SidebarOpenIcon as ir, SidebarSyncIcon as is, SimpleSelect as it, SimpleSelectOption as iu, SimpleSelectOptionGroup as iv, SlashSquareIcon as iw, Slider as ix, SlidersIcon as iy, SnippetIcon as iz, useDesignSystemEventComponentCallbacks as j, UserCircleIcon as j$, StopCircleFillIcon as j0, StopCircleIcon as j1, StopIcon as j2, StoredProcedureIcon as j3, StorefrontIcon as j4, StreamIcon as j5, StrikeThroughIcon as j6, SunIcon as j7, SyncIcon as j8, SyncSmallIcon as j9, ThreeDotsIcon as jA, ThumbsDownFilledIcon as jB, ThumbsDownIcon as jC, ThumbsUpFilledIcon as jD, ThumbsUpIcon as jE, ToggleButton as jF, TokenIcon as jG, Toolbar as jH, TrashIcon as jI, Tree as jJ, TreeIcon as jK, TrendingFillIcon as jL, TrendingIcon as jM, TriangleIcon as jN, TypeaheadComboboxCheckboxItem as jO, TypeaheadComboboxFooter as jP, TypeaheadComboboxMenuItem as jQ, TypeaheadComboboxMultiSelectStateChangeTypes as jR, TypeaheadComboboxStateChangeTypes as jS, UnderlineIcon as jT, UndoIcon as jU, UploadIcon as jV, UppercaseIcon as jW, UsageOverageGraphic as jX, UsageSpikeGraphic as jY, UsbIcon as jZ, UserBadgeIcon as j_, SyncToFileIcon as ja, TableAsteriskIcon as jb, TableClockIcon as jc, TableCombineIcon as jd, TableGlassesIcon as je, TableGlobeIcon as jf, TableIcon as jg, TableLightningIcon as jh, TableMeasureIcon as ji, TableModelIcon as jj, TableReportIcon as jk, TableStreamIcon as jl, TableVectorIcon as jm, TableViewIcon as jn, Tabs as jo, Tag as jp, TagColumnIcon as jq, TagIcon as jr, TagTableIcon as js, TargetIcon as jt, TerminalIcon as ju, TextBoxIcon as jv, TextColorIcon as jw, TextIcon as jx, TextJustifyIcon as jy, TextUnderlineIcon as jz, DesignSystemEventProviderComponentTypes as k, useDesignSystemEventSuppressInteractionContext as k$, UserGroupFillIcon as k0, UserGroupIcon as k1, UserIcon as k2, UserKeyIconIcon as k3, UserShieldIcon as k4, UserSparkleIcon as k5, UserTeamIcon as k6, VisibleFillIcon as k7, VisibleIcon as k8, VisibleOffIcon as k9, getButtonEmotionStyles as kA, getComboboxOptionLabelStyles as kB, getDatePickerQuickActionBasic as kC, getDialogComboboxOptionLabelWidth as kD, getHorizontalTabShadowStyles as kE, getInputStyles as kF, getKeyboardNavigationFunctions as kG, getMemoizedButtonEmotionStyles as kH, getPaginationEmotionStyles as kI, getPanelContainmentStyle as kJ, getRadioStyles as kK, getRangeQuickActionsBasic as kL, getShadowScrollStyles as kM, getTypographyColor as kN, getVirtualListScrollbarStyles as kO, getVirtualListScrollbarThumbColor as kP, getVirtualizedComboboxMenuItemStyles as kQ, getWrapperStyle as kR, highlightFirstNonDisabledOption as kS, isOptionDisabled as kT, resetTabIndexToFocusedElement as kU, setImplicitContextGetter as kV, skipHideIconButtonActionClassName as kW, themeMemoKey as kX, useAntDConfigProviderContext as kY, useCallbackOnEnter as kZ, useComponentFinderContext as k_, WithDesignSystemThemeHoc as ka, WorkflowCodeIcon as kb, WorkflowCubeIcon as kc, WorkflowsIcon as kd, WorkspacesIcon as ke, WrenchIcon as kf, WrenchSparkleIcon as kg, XCircleFillIcon as kh, XCircleIcon as ki, YearPickerGrid as kj, ZaHorizontalIcon as kk, ZaVerticalIcon as kl, ZeroOpsIcon as km, ZeroOpsOutlineIcon as kn, ZoomInIcon as ko, ZoomMarqueeSelection as kp, ZoomOutIcon as kq, ZoomToFitIcon as kr, __INTERNAL_DO_NOT_USE__FormItem as ks, __INTERNAL_DO_NOT_USE__Group as kt, __INTERNAL_DO_NOT_USE__HorizontalGroup as ku, __INTERNAL_DO_NOT_USE__VerticalGroup as kv, __INTERNAL_DO_NOT_USE__wrapLegacyFormRules as kw, augmentWithDataComponentProps as kx, dialogComboboxLookAheadKeyDown as ky, getBottomOnlyShadowScrollStyles as kz, DesignSystemEventProviderComponentSubTypeMap as l, useFormContext as l0, useRadioGroupContext as l1, useRadixModalContext as l2, useNotifyOnFirstView as m, useStableUuidV4 as n, ChevronDownIcon as o, primitiveColors as p, ChevronRightIcon as q, DesignSystemAntDConfigProvider as r, CloseSmallIcon as s, addDebugOutlineIfEnabled as t, useWizardCurrentStep as u, Modal as v, getAnimationCss as w, token as x, getDarkModePortalStyles as y, LegacyInfoCircleOutlined as z };
-//# sourceMappingURL=WizardStepContentWrapper-Dvdj_FRA.js.map
+//# sourceMappingURL=WizardStepContentWrapper-CFCTOSm8.js.map