@databricks/design-system 2.0.8 → 2.0.10

package/AGENTS.md

@@ -1,6 +1,6 @@
-# Using Du Bois (`@databricks/design-system`)
+# Using dbui (`@databricks/design-system`)
 
-Du Bois is Databricks' React component library. This file is guidance for coding agents building UI
+dbui 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`.
 
@@ -380,7 +380,7 @@ use the legacy `<Icon component={PlusIcon} />` form, and import icons only from
 ### 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
+where the content shape is known, is the single most common way agent-written dbui UI looks
 unfinished.
 
 - `Skeleton` variants (`TitleSkeleton`, `ParagraphSkeleton`, `TableSkeleton`,
@@ -409,7 +409,7 @@ unfinished.
 
 ## Accessibility
 
-Du Bois components target WCAG 2.2 and handle roles and semantics, focus management (dialogs trap
+dbui 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.
@@ -443,7 +443,7 @@ You must supply:
 
 ### Raw HTML where a component exists
 
-Use Du Bois components for interactive controls and styled text. Use semantic HTML for structure and
+Use dbui components for interactive controls and styled text. Use semantic HTML for structure and
 layout (`div`, `span`, `section`, `ul`/`li`).
 
 ```tsx
@@ -508,14 +508,14 @@ a component's *colors or typography* is not.
 
 ### Legacy components
 
-Du Bois ships modern replacements for every `Legacy*` component. Don't introduce new
+dbui ships modern replacements for every `Legacy*` component. Don't introduce new
 `LegacySelect`, `LegacyTable`, `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
+dbui is built on AntD internally. Never import AntD or `@ant-design/icons` directly — it bypasses
 theming and breaks on version bumps.
 
 ```tsx

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # Changelog
 
+## 2.0.10 (2026-09-22T19:09:01Z)
+
+### Added
+- `ChatNewTabIcon` and `ChatSpinnerIcon` icons are now available
+- `theme.colors.certified` semantic color token added for the certified-resource status (maps to blue in both light and dark themes)
+- `TypeaheadComboboxV2`: new `allowsEmptyCollection` prop on `useComboboxState` keeps the dropdown open when the filtered list is empty, enabling empty-state and footer patterns
+- `fontSizesToStyle` helper exported from `DesignSystemProvider` — maps a `theme.fontSize*` override object to `--db-font-size-*` tokens for use with `DesignTokenScope.overrideTokens`
+- `DesignTokenScopeWithEmotionTheme` now accepts and forwards `overrideTokens`
+- `GenericSkeletonProps` is now exported from `@databricks/design-system`
+- `Breadcrumb`: `separator` is now a first-class prop; `dangerouslySetAntdProps.separator` remains as a fallback
+
+### Changed
+- `Input`, `Password`, `Textarea`, and `Group` have been rewritten as native (non-AntD) implementations; public API is backwards-compatible
+- `--db-snackbar-*` CSS custom properties renamed to `--db-snack-bar-*`; update any direct token overrides
+- `--db-dropdownmenu-*` CSS custom properties renamed to `--db-dropdown-menu-*`; update any direct token overrides
+- `TypeaheadComboboxV2` with `allowNewValue`: pressing Enter now commits the typed value (single-select retains the input text; multi-select appends it as a tag), rather than requiring a blur to commit
+
+### Fixed
+- `ContextMenu`: unchecked radio items were indented 4px less than checked items; both now align at the same offset
+- `ToggleButton`: base-size text was rendered with an invalid `20pxpx` line-height (falling back to browser default); now correctly applies `20px`
+- `Breadcrumb`: split a combined `:is(.anticon, .db-icon)` selector into separate arms, eliminating unnecessary style-recalculation cost on pages where the native Breadcrumb flag is disabled
+
+## 2.0.9 (2026-09-17T22:38:05Z)
+
+- No consumer-facing changes.
+
 ## 2.0.8 (2026-09-17T22:25:31Z)
 
 ### Added

package/README.md

@@ -1,9 +1,20 @@
-# DuBois Design System
+# dbui Design System
 
 Component library for Databricks.
 
-## Using DuBois with a coding agent
+## Start a project with dbui
+
+Run `npx @databricks/design-system` to create a Vite or Next.js project, or to add the design
+system to an existing React project. The tool installs the package and required peers, configures
+Emotion and global styles, and adds coding-agent guidance.
+
+New projects include a floating theme picker for the original Du Bois theme (default), dbui Base,
+Genie One, and a shadcn neutral approximation. All fonts and light/dark settings are included;
+theme and appearance choices persist in the browser. For scripted runs, set the initial theme with
+`--theme dubois`, `--theme base`, `--theme genie-one`, or `--theme shadcn`.
+
+## Using dbui with a coding agent
 
 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.
+instructions.

package/design-guidance/docs/README.md

@@ -1,12 +1,13 @@
-# Agent workflows for Du Bois
+# Agent workflows for dbui
 
 These workflows guide component and icon selection, screen building, validation,
 and design review with `@databricks/design-system`.
 
-Read the package's `AGENTS.md` first. In Universe, read `js/docs/design-system/README.md`
-and the consuming application's instructions first; those remain authoritative for
-component usage, styling, localization, and testing. Use these workflows alongside the
-Du Bois usage skill.
+Read the package's `AGENTS.md` when setting up a consumer (also available through the
+explicit MCP resource `dbui://agents`).
+In Universe, read `js/docs/design-system/README.md` and the consuming application's
+instructions first; those remain authoritative for component usage, styling,
+localization, and testing. Use these workflows alongside the dbui usage skill.
 
 ## Choose a workflow
 
@@ -25,6 +26,42 @@ Du Bois usage skill.
 Open the relevant Markdown file in your coding agent. Use your agent's supported
 configuration to reference these Markdown instructions. In npm installations they live under
 `node_modules/@databricks/design-system/design-guidance/`.
+Component documentation is available directly through `dbui_get(kind: "component", name: "Button")`.
+
+## MCP server
+
+The source tree includes a read-only MCP server built on the official TypeScript SDK.
+For source-mode execution, use Universe's pinned Node version, install workspace dependencies,
+build the documentation artifact described below, and configure an MCP client with the
+absolute path to your checkout:
+
+```json
+{
+  "mcpServers": {
+    "dbui": {
+      "command": "node",
+      "args": ["/absolute/path/to/universe/design-system/src/mcp/server.ts"]
+    }
+  }
+}
+```
+
+The server provides `dbui_list` and `dbui_get` over stdio. Their descriptions and input
+schemas document discovery, aliases, pagination, response formats, and section retrieval.
+Catalogs are cached for the server session; restart the MCP after updating the package.
+Optional package guidance is available through explicitly requested resources, including
+`dbui://agents` and `dbui://guidance`; app-specific Universe instructions still apply.
+
+### Building the reference data
+
+Component documentation comes from `js/packages/du-bois/src/primitives/<Name>/<Name>.mdx`.
+Generate the Markdown and original MDX artifact with
+`bazel build //js/packages/config-storybook:dbui_documentation` or
+`yarn workspace @databricks/config-storybook build:dbui-docs` when preparing a distribution.
+Packaged clients read `dist/component-docs` without needing Storybook or the TypeScript compiler.
+Missing generated Markdown produces an explicit fallback notice; missing MDX is a tool error.
+
+Maintain summaries and public entry points in [Component reference](component-reference.md).
 
 ## Sources and boundaries
 

package/design-guidance/docs/component-reference.md

@@ -0,0 +1,100 @@
+# Component reference
+
+Each row is a reference group, not necessarily an importable component. Import the
+listed public entry points from `@databricks/design-system`; namespace members are
+accessed through that imported namespace. The entry points are a selection, not an
+exhaustive list of every prop type, helper, or subcomponent.
+
+With MCP, use `dbui_get` with `kind: "component"` and the group or a listed entry point
+to get its component documentation. Fetch relevant sections with `section`, or explicitly
+request `format: "summary"` for an overview (`"raw"` for original MDX).
+Package setup guidance remains in `AGENTS.md` (MCP resource `dbui://agents`); optional
+selection workflows are packaged under `design-guidance/skills/`.
+
+These summaries are maintained against the component source and its deprecation
+annotations in `src/design-system/`, together with the packaged `AGENTS.md` recipes.
+Update this table when adding a group, changing its public entry points, or deprecating
+an API. Run `yarn test scripts/component-reference.test.ts` from `design-system/`
+(part of Bazel target `//design-system:unit_tests`) to check group coverage, duplicate rows,
+public entry points, and nonempty summaries against the source exports. Source and
+reference changes are inputs to this test in CI. Summary meaning and deprecation
+guidance still need human review.
+
+| Group | Public entry points | When to use |
+| --- | --- | --- |
+| AccessibleContainer | `AccessibleContainer` | Give a loading region an accessible text label while hiding its visual contents from screen readers. |
+| Accordion | `Accordion` | Expand and collapse sections of related content. |
+| Alert | `Alert` | Show an inline status, warning, or error message near the affected field or section. |
+| ApplyGlobalStyles | `ApplyGlobalStyles` | Install dbui global styles inside DesignSystemProvider at the application root. |
+| AutoComplete | `AutoComplete` | Deprecated autocomplete input; use the TypeaheadCombobox family for new work. |
+| Avatar | `Avatar` | Represent a person or entity with an image, initials, or an icon. |
+| Banner | `Banner` | Show a prominent page-level message, optionally with a call to action. |
+| Breadcrumb | `Breadcrumb` | Show location within a hierarchy and links to ancestor pages. |
+| Button | `Button` | Trigger an action; use danger for destructive actions and Typography.Link for navigation. |
+| Card | `Card` | Group related content in a bordered summary container. |
+| Checkbox | `Checkbox` | Choose independent options or acknowledge a condition; use Switch for an immediately applied setting. |
+| ContextMenu | `ContextMenu` | Show contextual actions on right-click using ContextMenu.Root, Trigger, Content, and Item. |
+| DatePicker | `DatePicker`, `RangePicker` | Select a date or date range; the group also contains legacy AntD date pickers for existing consumers. |
+| DesignSystemEventProvider | `DesignSystemEventProvider` | Connect component interaction and view events to the application's analytics handlers. |
+| DesignSystemProvider | `DesignSystemProvider` | Supply theme, dark-mode, and design-system context around the application. |
+| DialogCombobox | `DialogCombobox`, `DialogComboboxTrigger`, `DialogComboboxContent` | Compose a searchable single- or multi-select dropdown with option lists and optional footer actions. |
+| DialogPrimitive | `UNSAFE_DialogPrimitive` | Low-level dialog primitive requiring design-system team approval; use Modal or Drawer for ordinary UI. |
+| Drawer | `Drawer` | Show supporting content in a side panel using Drawer.Root, Trigger, and Content. |
+| Dropdown | `Dropdown` | Deprecated dropdown wrapper; use DropdownMenu for new action menus. |
+| DropdownMenu | `DropdownMenu` | Present a menu of actions using DropdownMenu.Root, Trigger, Content, and Item. |
+| Empty | `Empty` | Explain a no-data or empty-results state and optionally offer a next action. |
+| Form | `Form`, `RhfForm` | Wrap a form with submission and interaction tracking; RhfForm integrates React Hook Form. |
+| FormV2 | `FormUI`, `RHFControlledComponents` | Compose labels, validation messages, and form sections; connect controls to React Hook Form. |
+| Graphic | `Graphic` | Render a design-system illustration; use the separately exported graphic components for supplied artwork. |
+| Grid | `Row`, `Col` | Arrange content in responsive rows and columns with gutters and spans. |
+| Header | `Header` | Lay out page-heading content and related actions. |
+| HoverCard | `HoverCard` | Show a rich contextual preview when a trigger is hovered. |
+| Icon | `Icon` | Base icon renderer; discover supplied named icons through dbui_list with kind icon. |
+| Input | `Input` | Enter text; Input.TextArea and Input.Password cover multiline and password inputs. |
+| Layout | `Layout` | Deprecated AntD layout wrapper; use PageWrapper for new page layouts. |
+| LegacyForm | `LegacyForm` | Deprecated AntD form API for existing consumers; use Form and the FormV2 entry points for new forms. |
+| LegacyNotification | `useLegacyNotification`, `withNotifications` | Deprecated notification helpers; migrate to the Notification API. |
+| LegacyPopover | `LegacyPopover` | Deprecated popover API; use Popover for new transient content. |
+| LegacySelect | `LegacySelect` | Deprecated AntD select; use SimpleSelect, DialogCombobox, or the TypeaheadCombobox family according to the interaction. |
+| LegacySkeleton | `LegacySkeleton` | Deprecated loading placeholders; use GenericSkeleton, ParagraphSkeleton, or TitleSkeleton. |
+| LegacyTable | `LegacyTable` | Deprecated AntD table API; use the TableUI group for new tabular layouts. |
+| Listbox | `Listbox` | Present a keyboard-navigable list of options with selection and highlighting. |
+| LoadingState | `LoadingState` | Mark a loading region for latency instrumentation; this component renders no visual indicator itself. |
+| Menu | `Menu` | Deprecated AntD menu API; use DropdownMenu for new action menus. |
+| Modal | `Modal`, `DangerModal` | Show a blocking dialog; use DangerModal for destructive confirmation. |
+| NavigationMenu | `NavigationMenu` | Compose navigation links and expandable navigation content. |
+| Notification | `Notification` | Compose notification content and actions using the Notification namespace. |
+| Overflow | `Overflow`, `OverflowPopover` | Keep fitting items visible and expose the remaining items through an overflow affordance. |
+| PageWrapper | `PageWrapper` | Structure a page's main content area. |
+| Pagination | `Pagination` | Navigate a paged result set and optionally change its page size. |
+| PillControl | `PillControl` | Present selectable pill-shaped options using PillControl.Root and Item. |
+| Popover | `Popover`, `InfoPopover` | Show custom transient content on click; use InfoPopover for an information-icon trigger. |
+| PreviewCard | `PreviewCard` | Present a resource preview with title, image, actions, and optional click or link behavior. |
+| Progress | `Progress` | Show progress toward completion using Progress.Root and Indicator. |
+| Radio | `Radio` | Choose one option from a small set using Radio.Group. |
+| RadioTile | `RadioTile` | Present a single-choice option as a descriptive tile rather than a compact radio label. |
+| ResourceStatusIndicator | `ResourceStatusIndicator` | Indicate whether a resource is online, disconnected, or offline. |
+| SegmentedControl | `SegmentedControlGroup`, `SegmentedControlButton` | Choose one value from a compact row of mutually exclusive buttons. |
+| Select | `SimpleSelect`, `SimpleSelectOption`, `Select` | Select one value from a dropdown; prefer SimpleSelect unless custom composition requires the Select primitives. |
+| Sidebar | `Sidebar` | Build the application's side-navigation area. |
+| Skeleton | `GenericSkeleton`, `ParagraphSkeleton`, `TitleSkeleton`, `TableSkeleton` | Reserve the shape of content while it loads. |
+| Slider | `Slider` | Select a numeric value or range by dragging thumbs along Slider.Track. |
+| SnackBar | `SnackBar`, `useSnackBar` | Show a brief toast with optional actions. |
+| Space | `Space` | Arrange a sequence of children with consistent spacing. |
+| Spacer | `Spacer` | Insert a theme-sized gap between elements. |
+| Spinner | `Spinner` | Indicate indeterminate loading when a content-shaped skeleton is unsuitable. |
+| SplitButton | `SplitButton` | Pair a primary action with a dropdown of related actions. |
+| Stepper | `Stepper` | Show progress through a multi-step workflow. |
+| Steps | `Steps` | Deprecated step indicator; use Stepper for new multi-step workflows. |
+| Switch | `Switch` | Toggle a setting that takes effect immediately. |
+| TableUI | `Table`, `TableRow`, `TableHeader`, `TableCell` | Compose tabular data with explicit rows, headers, cells, selection, and action controls. |
+| Tabs | `Tabs` | Switch between related content panels using Tabs.Root, List, Trigger, and Content. |
+| Tag | `Tag` | Label or categorize content with optional color, icon, and dismissal. |
+| ToggleButton | `ToggleButton` | Toggle an independent pressed/unpressed action. |
+| Toolbar | `Toolbar` | Group related controls with toolbar keyboard navigation. |
+| Tooltip | `Tooltip`, `InfoTooltip`, `TruncationTooltip` | Add a short hover/focus label, an information-icon tooltip, or a tooltip for truncated text. |
+| Tree | `Tree` | Browse hierarchical data with expansion and optional selection or checkboxes. |
+| TreeGrid | `TreeGrid` | Display hierarchical rows with tabular columns. |
+| TypeaheadCombobox | `TypeaheadComboboxRoot`, `TypeaheadComboboxInput`, `TypeaheadComboboxMenu` | Compose an autocomplete input with keyboard-navigable suggestions and optional multiple selection. |
+| TypeaheadComboboxV2 | `TypeaheadComboboxV2` | Use the namespaced TypeaheadComboboxV2.TypeaheadComboboxRoot and related controls for the newer autocomplete implementation. |
+| Typography | `Typography` | Render themed text and headings through Typography.Title, Text, Paragraph, Link, and Hint. |

package/design-guidance/docs/tokens.md

@@ -1,6 +1,6 @@
 # Token selection
 
-Du Bois has two theming systems. Existing product code may read `theme.*` through
+dbui has two theming systems. Existing product code may read `theme.*` through
 `useDesignSystemTheme()` and style through Emotion. Follow the application's
 instructions for that code. New CSS token authoring uses `--db-*` variables from
 `design-system/src/design-tokens/`, not the legacy `src/tokens-groups/` catalog.
@@ -31,5 +31,5 @@ value inside a dark subtree. Follow the token README's scoping rules when defini
 aliases. Use existing typography components and scales; rem-based tokens can scale
 with the root font size, but legacy pixel values do not automatically do so.
 
-Emotion remains a peer dependency for current Du Bois components. Choosing plain CSS
+Emotion remains a peer dependency for current dbui components. Choosing plain CSS
 for application-owned styles does not make the library independent of Emotion.

package/design-guidance/skills/dbui-build-screen.md

@@ -1,6 +1,6 @@
 ---
 name: dbui-build-screen
-description: Build a Du Bois screen from a brief, screenshot, or Figma design.
+description: Build a dbui screen from a brief, screenshot, or Figma design.
 ---
 
 # Build a screen

package/design-guidance/skills/dbui-check-guidelines.md

@@ -1,6 +1,6 @@
 ---
 name: dbui-check-guidelines
-description: Review the UX behaviors relevant to a Du Bois surface.
+description: Review the UX behaviors relevant to a dbui surface.
 ---
 
 # Check guidelines

package/design-guidance/skills/dbui-pick-component.md

@@ -1,6 +1,6 @@
 ---
 name: dbui-pick-component
-description: Select a Du Bois component for a UI task without guessing exports or props.
+description: Select a dbui component for a UI task without guessing exports or props.
 ---
 
 # Pick a component

package/design-guidance/skills/dbui-pick-icon.md

@@ -1,6 +1,6 @@
 ---
 name: dbui-pick-icon
-description: Find a Du Bois icon by meaning and verify its exported name.
+description: Find a dbui icon by meaning and verify its exported name.
 ---
 
 # Pick an icon

package/design-guidance/skills/dbui-review.md

@@ -1,6 +1,6 @@
 ---
 name: dbui-review
-description: Review a Du Bois design through standards, UX, voice, principles, and platform fit.
+description: Review a dbui design through standards, UX, voice, principles, and platform fit.
 ---
 
 # Review a design

package/design-guidance/skills/dbui-validate.md

@@ -1,6 +1,6 @@
 ---
 name: dbui-validate
-description: Check Du Bois usage and run the consuming project’s existing checks.
+description: Check dbui usage and run the consuming project’s existing checks.
 ---
 
 # Validate implementation

package/dist/{RHFControlledTypeaheadComboboxV2-Boee19c1.js → RHFControlledTypeaheadComboboxV2-B8Al2z1N.js}

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import React__default, { useRef, useCallback } from 'react';
 import { useController } from 'react-hook-form';
-import { u as useComboboxState, T as TypeaheadComboboxRoot, a as TypeaheadComboboxMultiSelectInput, b as TypeaheadComboboxMenu, c as TypeaheadComboboxInput } from './index-CUzS-Vjx.js';
-import './WizardStepContentWrapper-DfErft8z.js';
+import { u as useComboboxState, T as TypeaheadComboboxRoot, a as TypeaheadComboboxMultiSelectInput, b as TypeaheadComboboxMenu, c as TypeaheadComboboxInput } from './index-CKurXbfF.js';
+import './WizardStepContentWrapper-D_OEwjUE.js';
 import '@react-aria/listbox';
 import 'classnames';
 import '@emotion/react';
@@ -10,6 +10,7 @@ import 'lodash/isEqual';
 import '@react-aria/button';
 import '@react-aria/focus';
 import 'antd';
+import '@react-aria/breadcrumbs';
 import '@floating-ui/react';
 import 'lodash/isUndefined';
 import 'lodash/uniqueId';
@@ -169,4 +170,4 @@ function RHFControlledMultiSelectTypeaheadComboboxV2({ name, control, rules, all
 }
 
 export { RHFControlledMultiSelectTypeaheadComboboxV2, RHFControlledTypeaheadComboboxV2 };
-//# sourceMappingURL=RHFControlledTypeaheadComboboxV2-Boee19c1.js.map
+//# sourceMappingURL=RHFControlledTypeaheadComboboxV2-B8Al2z1N.js.map

package/dist/{RHFControlledTypeaheadComboboxV2-Boee19c1.js.map → RHFControlledTypeaheadComboboxV2-B8Al2z1N.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RHFControlledTypeaheadComboboxV2-Boee19c1.js","sources":["../src/design-system/FormV2/RHFControlledTypeaheadComboboxV2.tsx"],"sourcesContent":["import type { Key } from '@react-types/shared';\nimport type { HTMLAttributes } from 'react';\nimport React, { useCallback, useRef } from 'react';\nimport type { Control, FieldPath, FieldValues, UseControllerProps } from 'react-hook-form';\nimport { useController } from 'react-hook-form';\n\nimport type { DesignSystemEventProviderAnalyticsEventTypes } from '../DesignSystemEventProvider';\nimport {\n  TypeaheadComboboxInput as TypeaheadComboboxV2Input,\n  TypeaheadComboboxMenu as TypeaheadComboboxV2Menu,\n  TypeaheadComboboxMultiSelectInput as TypeaheadComboboxV2MultiSelectInput,\n  TypeaheadComboboxRoot as TypeaheadComboboxV2Root,\n  useComboboxState as useComboboxStateV2,\n} from '../TypeaheadComboboxV2';\nimport type { TypeaheadComboboxInputProps as TypeaheadComboboxV2InputProps } from '../TypeaheadComboboxV2/TypeaheadComboboxInput';\nimport type { TypeaheadComboboxMenuProps as TypeaheadComboboxV2MenuProps } from '../TypeaheadComboboxV2/TypeaheadComboboxMenu';\nimport type { TypeaheadComboboxMultiSelectInputProps as TypeaheadComboboxV2MultiSelectInputProps } from '../TypeaheadComboboxV2/TypeaheadComboboxMultiSelectInput';\nimport type { TypeaheadComboboxRootProps as TypeaheadComboboxV2RootProps } from '../TypeaheadComboboxV2/TypeaheadComboboxRoot';\nimport type { ComboboxStateValue } from '../TypeaheadComboboxV2/hooks/useComboboxState';\nimport type { AnalyticsEventValueChangeNoPiiFlagProps, ValidationState } from '../types';\n\n// This file holds the react-aria TypeaheadComboboxV2 RHF adapters, split out of RHFAdapters.tsx so the\n// (broadly imported) RHFControlledComponents barrel does not statically pull the react-aria combobox\n// subtree into the common chunk. RHFAdapters.tsx React.lazy-imports these, so the ~175KB subtree only\n// loads on pages that actually render a V2 typeahead.\n\n// These props are omitted, as `useController` handles them. (Mirrors RHFAdapters.tsx.)\ntype OmittedOriginalProps = 'name' | 'onChange' | 'onBlur' | 'value' | 'defaultValue' | 'checked';\n\nexport interface RHFControlledTypeaheadComboboxV2Props<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>\n  extends\n    Omit<\n      TypeaheadComboboxV2RootProps<TFieldValues[TName]>,\n      OmittedOriginalProps | 'comboboxState' | 'componentId' | 'children'\n    >,\n    UseControllerProps<TFieldValues, TName>,\n    AnalyticsEventValueChangeNoPiiFlagProps<DesignSystemEventProviderAnalyticsEventTypes.OnValueChange> {\n  control: Control<TFieldValues, any>;\n  name: TName;\n  // The react-aria hook owns filtering, so children render `comboboxState.filteredItems` rather than\n  // receiving a consumer-maintained `items` list (the key API change from the legacy adapter).\n  children: (renderProps: { comboboxState: ComboboxStateValue<Required<TFieldValues>[TName]> }) => React.ReactNode;\n  validationState?: ValidationState;\n  allItems: Required<TFieldValues>[TName][];\n  itemToString: (item: Required<TFieldValues>[TName]) => string;\n  matcher?: (item: Required<TFieldValues>[TName], query: string) => boolean;\n  getKey?: (item: Required<TFieldValues>[TName]) => Key;\n  /* Whether to allow the input value to not match any options in the list. For this to work, the item type (T) must be a string.\n   * Defaults to false.\n   */\n  allowNewValue?: boolean;\n  inputProps?: Partial<Omit<TypeaheadComboboxV2InputProps, 'componentId'>>;\n  menuProps?: Partial<TypeaheadComboboxV2MenuProps>;\n  onInputChange?: (inputValue: string) => void;\n  /** @deprecated No-op under react-aria; accepted for source-compat while migrating off the legacy adapter. */\n  preventUnsetOnBlur?: boolean;\n}\n\nexport function RHFControlledTypeaheadComboboxV2<\n  TFieldValues extends FieldValues,\n  TName extends FieldPath<TFieldValues>,\n>({\n  name,\n  control,\n  rules,\n  allItems,\n  itemToString,\n  matcher,\n  getKey,\n  allowNewValue,\n  children,\n  validationState,\n  inputProps,\n  menuProps,\n  onInputChange,\n  componentId,\n  analyticsEvents,\n  valueHasNoPii,\n  preventUnsetOnBlur,\n  ...props\n}: RHFControlledTypeaheadComboboxV2Props<TFieldValues, TName> &\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>): JSX.Element {\n  const { field } = useController<TFieldValues, TName>({\n    name,\n    control,\n    rules,\n  });\n\n  const comboboxState = useComboboxStateV2({\n    allItems,\n    itemToString,\n    getKey,\n    matcher,\n    allowNewValue,\n    formValue: field.value,\n    formOnChange: field.onChange,\n    formOnBlur: field.onBlur,\n    componentId,\n    analyticsEvents,\n    valueHasNoPii,\n    preventUnsetOnBlur,\n    // react-aria owns the input value; surface changes through the 'input' state event so the legacy\n    // `onInputChange` contract keeps working without making the input value a controlled prop.\n    onStateChange: onInputChange\n      ? (change) => {\n          if (change.type === 'input') {\n            onInputChange(change.inputValue);\n          }\n        }\n      : undefined,\n  });\n\n  return (\n    <TypeaheadComboboxV2Root {...props} comboboxState={comboboxState}>\n      <TypeaheadComboboxV2Input {...inputProps} validationState={validationState} ref={field.ref} />\n      <TypeaheadComboboxV2Menu {...menuProps}>{children({ comboboxState })}</TypeaheadComboboxV2Menu>\n    </TypeaheadComboboxV2Root>\n  );\n}\n\nexport interface RHFControlledMultiSelectTypeaheadComboboxV2Props<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>\n  extends\n    Omit<\n      TypeaheadComboboxV2RootProps<TFieldValues>,\n      OmittedOriginalProps | 'comboboxState' | 'componentId' | 'children'\n    >,\n    UseControllerProps<TFieldValues, TName>,\n    AnalyticsEventValueChangeNoPiiFlagProps<DesignSystemEventProviderAnalyticsEventTypes.OnValueChange> {\n  control: Control<any, TFieldValues>;\n  // Required override because the full array is the field value, but TName implies a scalar property.\n  name: any;\n  children: (renderProps: {\n    comboboxState: ComboboxStateValue<TFieldValues>;\n    selectedItems: TFieldValues[];\n  }) => React.ReactNode;\n  validationState?: ValidationState;\n  allItems: TFieldValues[];\n  itemToString: (item: TFieldValues) => string;\n  matcher?: (item: TFieldValues, query: string) => boolean;\n  getKey?: (item: TFieldValues) => Key;\n  inputProps?: Partial<\n    Omit<\n      TypeaheadComboboxV2MultiSelectInputProps<TFieldValues>,\n      'selectedItems' | 'setSelectedItems' | 'getSelectedItemLabel'\n    >\n  >;\n  menuProps?: Partial<TypeaheadComboboxV2MenuProps>;\n  onInputChange?: (inputValue: string) => void;\n}\n\nexport function RHFControlledMultiSelectTypeaheadComboboxV2<TFieldValues extends FieldValues>({\n  name,\n  control,\n  rules,\n  allItems,\n  itemToString,\n  matcher,\n  getKey,\n  children,\n  validationState,\n  inputProps,\n  menuProps,\n  onInputChange,\n  componentId,\n  analyticsEvents,\n  valueHasNoPii,\n  ...props\n}: RHFControlledMultiSelectTypeaheadComboboxV2Props<TFieldValues> &\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>): JSX.Element {\n  const { field } = useController({\n    name,\n    control,\n    rules,\n  });\n\n  // The array field value IS the selection — drive it straight from RHF, no local mirror. `getKey`\n  // must be stable across renders (react-aria keys options by it) so memoize on field.value identity.\n  const selectedItems = React.useMemo<TFieldValues[]>(() => field.value ?? [], [field.value]);\n  const selectedItemsRef = useRef(selectedItems);\n  selectedItemsRef.current = selectedItems;\n\n  // The hook always calls this with a concrete array on a selection commit, but the setter type also\n  // permits an updater function — resolve it against the latest selection so both shapes are correct.\n  const setSelectedItems = useCallback<React.Dispatch<React.SetStateAction<TFieldValues[]>>>(\n    (next) => {\n      const resolved = typeof next === 'function' ? next(selectedItemsRef.current) : next;\n      field.onChange(resolved);\n    },\n    [field],\n  );\n\n  const comboboxState = useComboboxStateV2<TFieldValues>({\n    allItems,\n    itemToString,\n    getKey,\n    matcher,\n    multiSelect: true,\n    // Multi-select drives the form through selectedItems/setSelectedItems (above), not the single-select\n    // form bridge: formValue/formOnChange/formOnBlur are single-value props, and passing the array field\n    // value as formValue would feed itemToString an array (breaking the input filter).\n    selectedItems,\n    setSelectedItems,\n    componentId,\n    analyticsEvents,\n    valueHasNoPii,\n    onStateChange: onInputChange\n      ? (change) => {\n          if (change.type === 'input') {\n            onInputChange(change.inputValue);\n          }\n        }\n      : undefined,\n  });\n\n  return (\n    <TypeaheadComboboxV2Root {...props} comboboxState={comboboxState}>\n      <TypeaheadComboboxV2MultiSelectInput\n        {...inputProps}\n        selectedItems={selectedItems}\n        setSelectedItems={setSelectedItems}\n        getSelectedItemLabel={itemToString}\n        validationState={validationState}\n        ref={field.ref}\n      />\n      <TypeaheadComboboxV2Menu {...menuProps}>\n        {children({\n          comboboxState,\n          selectedItems,\n        })}\n      </TypeaheadComboboxV2Menu>\n    </TypeaheadComboboxV2Root>\n  );\n}\n"],"names":["RHFControlledTypeaheadComboboxV2","name","control","rules","allItems","itemToString","matcher","getKey","allowNewValue","children","validationState","inputProps","menuProps","onInputChange","componentId","analyticsEvents","valueHasNoPii","preventUnsetOnBlur","props","field","useController","comboboxState","useComboboxStateV2","formValue","value","formOnChange","onChange","formOnBlur","onBlur","onStateChange","change","type","inputValue","undefined","_jsxs","TypeaheadComboboxV2Root","_jsx","TypeaheadComboboxV2Input","ref","TypeaheadComboboxV2Menu","RHFControlledMultiSelectTypeaheadComboboxV2","selectedItems","React","useMemo","selectedItemsRef","useRef","current","setSelectedItems","useCallback","next","resolved","multiSelect","TypeaheadComboboxV2MultiSelectInput","getSelectedItemLabel"],"mappings":"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"}
+{"version":3,"file":"RHFControlledTypeaheadComboboxV2-B8Al2z1N.js","sources":["../src/design-system/FormV2/RHFControlledTypeaheadComboboxV2.tsx"],"sourcesContent":["import type { Key } from '@react-types/shared';\nimport type { HTMLAttributes } from 'react';\nimport React, { useCallback, useRef } from 'react';\nimport type { Control, FieldPath, FieldValues, UseControllerProps } from 'react-hook-form';\nimport { useController } from 'react-hook-form';\n\nimport type { DesignSystemEventProviderAnalyticsEventTypes } from '../DesignSystemEventProvider';\nimport {\n  TypeaheadComboboxInput as TypeaheadComboboxV2Input,\n  TypeaheadComboboxMenu as TypeaheadComboboxV2Menu,\n  TypeaheadComboboxMultiSelectInput as TypeaheadComboboxV2MultiSelectInput,\n  TypeaheadComboboxRoot as TypeaheadComboboxV2Root,\n  useComboboxState as useComboboxStateV2,\n} from '../TypeaheadComboboxV2';\nimport type { TypeaheadComboboxInputProps as TypeaheadComboboxV2InputProps } from '../TypeaheadComboboxV2/TypeaheadComboboxInput';\nimport type { TypeaheadComboboxMenuProps as TypeaheadComboboxV2MenuProps } from '../TypeaheadComboboxV2/TypeaheadComboboxMenu';\nimport type { TypeaheadComboboxMultiSelectInputProps as TypeaheadComboboxV2MultiSelectInputProps } from '../TypeaheadComboboxV2/TypeaheadComboboxMultiSelectInput';\nimport type { TypeaheadComboboxRootProps as TypeaheadComboboxV2RootProps } from '../TypeaheadComboboxV2/TypeaheadComboboxRoot';\nimport type { ComboboxStateValue } from '../TypeaheadComboboxV2/hooks/useComboboxState';\nimport type { AnalyticsEventValueChangeNoPiiFlagProps, ValidationState } from '../types';\n\n// This file holds the react-aria TypeaheadComboboxV2 RHF adapters, split out of RHFAdapters.tsx so the\n// (broadly imported) RHFControlledComponents barrel does not statically pull the react-aria combobox\n// subtree into the common chunk. RHFAdapters.tsx React.lazy-imports these, so the ~175KB subtree only\n// loads on pages that actually render a V2 typeahead.\n\n// These props are omitted, as `useController` handles them. (Mirrors RHFAdapters.tsx.)\ntype OmittedOriginalProps = 'name' | 'onChange' | 'onBlur' | 'value' | 'defaultValue' | 'checked';\n\nexport interface RHFControlledTypeaheadComboboxV2Props<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>\n  extends\n    Omit<\n      TypeaheadComboboxV2RootProps<TFieldValues[TName]>,\n      OmittedOriginalProps | 'comboboxState' | 'componentId' | 'children'\n    >,\n    UseControllerProps<TFieldValues, TName>,\n    AnalyticsEventValueChangeNoPiiFlagProps<DesignSystemEventProviderAnalyticsEventTypes.OnValueChange> {\n  control: Control<TFieldValues, any>;\n  name: TName;\n  // The react-aria hook owns filtering, so children render `comboboxState.filteredItems` rather than\n  // receiving a consumer-maintained `items` list (the key API change from the legacy adapter).\n  children: (renderProps: { comboboxState: ComboboxStateValue<Required<TFieldValues>[TName]> }) => React.ReactNode;\n  validationState?: ValidationState;\n  allItems: Required<TFieldValues>[TName][];\n  itemToString: (item: Required<TFieldValues>[TName]) => string;\n  matcher?: (item: Required<TFieldValues>[TName], query: string) => boolean;\n  getKey?: (item: Required<TFieldValues>[TName]) => Key;\n  /* Whether to allow the input value to not match any options in the list. For this to work, the item type (T) must be a string.\n   * Defaults to false.\n   */\n  allowNewValue?: boolean;\n  inputProps?: Partial<Omit<TypeaheadComboboxV2InputProps, 'componentId'>>;\n  menuProps?: Partial<TypeaheadComboboxV2MenuProps>;\n  onInputChange?: (inputValue: string) => void;\n  /** @deprecated No-op under react-aria; accepted for source-compat while migrating off the legacy adapter. */\n  preventUnsetOnBlur?: boolean;\n}\n\nexport function RHFControlledTypeaheadComboboxV2<\n  TFieldValues extends FieldValues,\n  TName extends FieldPath<TFieldValues>,\n>({\n  name,\n  control,\n  rules,\n  allItems,\n  itemToString,\n  matcher,\n  getKey,\n  allowNewValue,\n  children,\n  validationState,\n  inputProps,\n  menuProps,\n  onInputChange,\n  componentId,\n  analyticsEvents,\n  valueHasNoPii,\n  preventUnsetOnBlur,\n  ...props\n}: RHFControlledTypeaheadComboboxV2Props<TFieldValues, TName> &\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>): JSX.Element {\n  const { field } = useController<TFieldValues, TName>({\n    name,\n    control,\n    rules,\n  });\n\n  const comboboxState = useComboboxStateV2({\n    allItems,\n    itemToString,\n    getKey,\n    matcher,\n    allowNewValue,\n    formValue: field.value,\n    formOnChange: field.onChange,\n    formOnBlur: field.onBlur,\n    componentId,\n    analyticsEvents,\n    valueHasNoPii,\n    preventUnsetOnBlur,\n    // react-aria owns the input value; surface changes through the 'input' state event so the legacy\n    // `onInputChange` contract keeps working without making the input value a controlled prop.\n    onStateChange: onInputChange\n      ? (change) => {\n          if (change.type === 'input') {\n            onInputChange(change.inputValue);\n          }\n        }\n      : undefined,\n  });\n\n  return (\n    <TypeaheadComboboxV2Root {...props} comboboxState={comboboxState}>\n      <TypeaheadComboboxV2Input {...inputProps} validationState={validationState} ref={field.ref} />\n      <TypeaheadComboboxV2Menu {...menuProps}>{children({ comboboxState })}</TypeaheadComboboxV2Menu>\n    </TypeaheadComboboxV2Root>\n  );\n}\n\nexport interface RHFControlledMultiSelectTypeaheadComboboxV2Props<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>\n  extends\n    Omit<\n      TypeaheadComboboxV2RootProps<TFieldValues>,\n      OmittedOriginalProps | 'comboboxState' | 'componentId' | 'children'\n    >,\n    UseControllerProps<TFieldValues, TName>,\n    AnalyticsEventValueChangeNoPiiFlagProps<DesignSystemEventProviderAnalyticsEventTypes.OnValueChange> {\n  control: Control<any, TFieldValues>;\n  // Required override because the full array is the field value, but TName implies a scalar property.\n  name: any;\n  children: (renderProps: {\n    comboboxState: ComboboxStateValue<TFieldValues>;\n    selectedItems: TFieldValues[];\n  }) => React.ReactNode;\n  validationState?: ValidationState;\n  allItems: TFieldValues[];\n  itemToString: (item: TFieldValues) => string;\n  matcher?: (item: TFieldValues, query: string) => boolean;\n  getKey?: (item: TFieldValues) => Key;\n  inputProps?: Partial<\n    Omit<\n      TypeaheadComboboxV2MultiSelectInputProps<TFieldValues>,\n      'selectedItems' | 'setSelectedItems' | 'getSelectedItemLabel'\n    >\n  >;\n  menuProps?: Partial<TypeaheadComboboxV2MenuProps>;\n  onInputChange?: (inputValue: string) => void;\n}\n\nexport function RHFControlledMultiSelectTypeaheadComboboxV2<TFieldValues extends FieldValues>({\n  name,\n  control,\n  rules,\n  allItems,\n  itemToString,\n  matcher,\n  getKey,\n  children,\n  validationState,\n  inputProps,\n  menuProps,\n  onInputChange,\n  componentId,\n  analyticsEvents,\n  valueHasNoPii,\n  ...props\n}: RHFControlledMultiSelectTypeaheadComboboxV2Props<TFieldValues> &\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>): JSX.Element {\n  const { field } = useController({\n    name,\n    control,\n    rules,\n  });\n\n  // The array field value IS the selection — drive it straight from RHF, no local mirror. `getKey`\n  // must be stable across renders (react-aria keys options by it) so memoize on field.value identity.\n  const selectedItems = React.useMemo<TFieldValues[]>(() => field.value ?? [], [field.value]);\n  const selectedItemsRef = useRef(selectedItems);\n  selectedItemsRef.current = selectedItems;\n\n  // The hook always calls this with a concrete array on a selection commit, but the setter type also\n  // permits an updater function — resolve it against the latest selection so both shapes are correct.\n  const setSelectedItems = useCallback<React.Dispatch<React.SetStateAction<TFieldValues[]>>>(\n    (next) => {\n      const resolved = typeof next === 'function' ? next(selectedItemsRef.current) : next;\n      field.onChange(resolved);\n    },\n    [field],\n  );\n\n  const comboboxState = useComboboxStateV2<TFieldValues>({\n    allItems,\n    itemToString,\n    getKey,\n    matcher,\n    multiSelect: true,\n    // Multi-select drives the form through selectedItems/setSelectedItems (above), not the single-select\n    // form bridge: formValue/formOnChange/formOnBlur are single-value props, and passing the array field\n    // value as formValue would feed itemToString an array (breaking the input filter).\n    selectedItems,\n    setSelectedItems,\n    componentId,\n    analyticsEvents,\n    valueHasNoPii,\n    onStateChange: onInputChange\n      ? (change) => {\n          if (change.type === 'input') {\n            onInputChange(change.inputValue);\n          }\n        }\n      : undefined,\n  });\n\n  return (\n    <TypeaheadComboboxV2Root {...props} comboboxState={comboboxState}>\n      <TypeaheadComboboxV2MultiSelectInput\n        {...inputProps}\n        selectedItems={selectedItems}\n        setSelectedItems={setSelectedItems}\n        getSelectedItemLabel={itemToString}\n        validationState={validationState}\n        ref={field.ref}\n      />\n      <TypeaheadComboboxV2Menu {...menuProps}>\n        {children({\n          comboboxState,\n          selectedItems,\n        })}\n      </TypeaheadComboboxV2Menu>\n    </TypeaheadComboboxV2Root>\n  );\n}\n"],"names":["RHFControlledTypeaheadComboboxV2","name","control","rules","allItems","itemToString","matcher","getKey","allowNewValue","children","validationState","inputProps","menuProps","onInputChange","componentId","analyticsEvents","valueHasNoPii","preventUnsetOnBlur","props","field","useController","comboboxState","useComboboxStateV2","formValue","value","formOnChange","onChange","formOnBlur","onBlur","onStateChange","change","type","inputValue","undefined","_jsxs","TypeaheadComboboxV2Root","_jsx","TypeaheadComboboxV2Input","ref","TypeaheadComboboxV2Menu","RHFControlledMultiSelectTypeaheadComboboxV2","selectedItems","React","useMemo","selectedItemsRef","useRef","current","setSelectedItems","useCallback","next","resolved","multiSelect","TypeaheadComboboxV2MultiSelectInput","getSelectedItemLabel"],"mappings":"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"}