@arbor-education/design-system.components 0.9.0 → 0.11.0

package/README.md

@@ -1,38 +1,128 @@
-# Components for the Design System
+# @arbor-education/design-system.components
 
-## What components are there?
-Have a look at our wonderful [Storybook](https://main--68c3f2a09d95b22aa55a11e8.chromatic.com/).
+The React component library for the Arbor design system. Components are built with TypeScript, styled with Sass, developed in Storybook, and tested with Vitest. This library serves millions of students and educators across the UK — handle with care.
+
+---
+
+## Storybook
+
+The component library is documented and previewed in Storybook.
+
+**Production Storybook** (built on every push to `main`):
+https://main--68c3f2a09d95b22aa55a11e8.chromatic.com/
+
+**Per-PR Storybook previews**: every pull request automatically triggers a Chromatic build. Once it completes, a bot will comment on your PR with links to both the Storybook preview and the Chromatic visual diff for that branch.
+
+---
+
+## Local setup
 
-## Local set up
 ### Prerequisites
-Make sure you have [nvm](https://github.com/nvm-sh/nvm?tab=readme-ov-file#installing-and-updating) and [yarn](https://classic.yarnpkg.com/lang/en/docs/install/#mac-stable) installed
 
-### Set up steps
-Run `nvm use`
+- [nvm](https://github.com/nvm-sh/nvm?tab=readme-ov-file#installing-and-updating) for Node version management
+- [yarn](https://classic.yarnpkg.com/lang/en/docs/install/#mac-stable) for package management
+
+### Steps
+
+```bash
+nvm use
+yarn install
+yarn storybook
+```
+
+Storybook will build and open in your browser with hot reloading ready for development.
+
+---
+
+## Commands
+
+### Development
+| Command | Description |
+|---------|-------------|
+| `yarn storybook` | Start Storybook dev server on port 6006 |
+| `yarn watch` | Watch mode — rebuilds and pushes to Yalc consumers on changes |
+
+### Building
+| Command | Description |
+|---------|-------------|
+| `yarn build` | Full production build (TypeScript + tsc-alias + Sass) |
+| `yarn tsc` | TypeScript compilation only |
+| `yarn check-types` | Type check without emitting files |
+
+### Testing
+| Command | Description |
+|---------|-------------|
+| `yarn test` | Run Vitest in watch mode |
+| `yarn test:coverage` | Run tests once with coverage report |
+
+### Linting
+| Command | Description |
+|---------|-------------|
+| `yarn style-lint` | Lint SCSS files with stylelint |
+
+> ESLint runs automatically on staged TypeScript files via lint-staged on git commit.
+
+---
+
+## Creating a new component
+
+Use the scaffolding script to generate all necessary files for a new component:
+
+```bash
+yarn create-component <ComponentName>
+```
+
+This creates `Component.tsx`, `Component.test.tsx`, `Component.stories.tsx`, and `component.scss`, and automatically adds the exports to `src/index.ts` and `src/index.scss`.
+
+---
+
+## Local development with a consumer project
+
+This library uses [Yalc](https://github.com/wclr/yalc) for local linking.
+
+**First time setup** — install Yalc globally:
+```bash
+npm i yalc -g
+```
 
-Run `yarn install`
+**Link the library to a consumer project:**
 
-Run `yarn storybook`
+```bash
+# In this repo — build and publish to the local Yalc store
+yarn build
+yalc publish
 
-Storybook should then build and open a browser window with your local version, complete with all the hot reloading niceties, ready for you to start development.
+# In the consumer project — add the local package
+yalc add @arbor-education/design-system.components
+```
 
+**For active development with hot updates**, use watch mode instead:
 
-## How can I create a component?
+```bash
+# In this repo — automatically rebuilds and pushes to Yalc on file changes
+yarn watch
+```
 
-In order to use the createComponent script, run the following command:
+---
 
-    chmod +x bin/createComponent.sh
+## Version management
 
-Then you can create a new component by running
+This library uses [Changesets](https://github.com/changesets/changesets) for versioning and changelog generation.
 
-    npm run create-component <ComponentName>
+If your change affects the public API (new components, changed props, removed exports), create a changeset before opening your PR:
 
-## How can I link this package locally?
+```bash
+yarn changeset
+```
 
-You can link this package locally using [Yalc](https://github.com/wclr/yalc). To publish new changes locally with hot loading, run:
+---
 
-    yarn build
+## Contributing
 
-On the consumer project run:
+Before opening a PR, please read [CONTRIBUTING.md](./CONTRIBUTING.md). Key points:
 
-    yalc add design-system.components
+- One PR, one thing — if the title needs "and" or "also", split it
+- Keep meaningful code diffs under 400 lines
+- All tests must pass (`yarn test:coverage`)
+- All type checks must pass (`yarn check-types`)
+- Use the PR template — fill in every section

package/dist/components/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAc,KAAK,oBAAoB,EAA0B,MAAM,OAAO,CAAC;AAC7F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAG7D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,qBAAqB,GAAG,uBAAuB,GAAG,WAAW,GAAG,UAAU,CAAC;AAE9I,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACzF,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAEtE,eAAO,MAAM,MAAM,6HAwCjB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAc,KAAK,oBAAoB,EAA0B,MAAM,OAAO,CAAC;AAC7F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAG7D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,qBAAqB,GAAG,uBAAuB,GAAG,WAAW,GAAG,UAAU,CAAC;AAE9I,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACzF,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAEtE,eAAO,MAAM,MAAM,6HAyCjB,CAAC"}

package/dist/components/button/Button.js

@@ -3,9 +3,9 @@ import classNames from 'classnames';
 import React, { forwardRef } from 'react';
 import { Icon } from '../icon/Icon';
 export const Button = forwardRef((props, ref) => {
-    const { variant = 'primary', size = 'M', children, onClick, disabled = false, className = '', hasHorizontalPadding = true, iconRightName, iconRightScreenReaderText, iconLeftName, iconLeftScreenReaderText, borderless = false, ...rest } = props;
+    const { variant = 'primary', size = 'M', children, onClick, disabled = false, className = '', hasHorizontalPadding = true, iconRightName, iconRightScreenReaderText, iconLeftName, iconLeftScreenReaderText, borderless = false, error = false, ...rest } = props;
     return (_jsxs("button", { className: classNames('ds-button', `ds-button--${variant}`, `ds-button--${size}`, {
-            'ds-button--error': props.error,
+            'ds-button--error': error,
             'ds-button--no-horizontal-padding': !hasHorizontalPadding,
             'ds-button--icon-only': !children && (iconRightName || iconLeftName),
             'ds-button--borderless': borderless,

package/dist/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAqD,MAAM,OAAO,CAAC;AAE7F,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAsB5C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAoD,CAAC,KAAkB,EAAE,GAAG,EAAE,EAAE;IAC9G,MAAM,EACJ,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,GAAG,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,oBAAoB,GAAG,IAAI,EAC3B,aAAa,EACb,yBAAyB,EACzB,YAAY,EACZ,wBAAwB,EACxB,UAAU,GAAG,KAAK,EAClB,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,kBACE,SAAS,EAAE,UAAU,CAAC,WAAW,EAC/B,cAAc,OAAO,EAAE,EACvB,cAAc,IAAI,EAAE,EACpB;YACE,kBAAkB,EAAE,KAAK,CAAC,KAAK;YAC/B,kCAAkC,EAAE,CAAC,oBAAoB;YACzD,sBAAsB,EAAE,CAAC,QAAQ,IAAI,CAAC,aAAa,IAAI,YAAY,CAAC;YACpE,uBAAuB,EAAE,UAAU;SACpC,EACD,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,KACJ,IAAI,aAEP,YAAY,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,EAAE,gBAAgB,EAAE,wBAAwB,IAAI,YAAY,GAAI,EAClH,QAAQ,EACR,aAAa,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,EAAE,gBAAgB,EAAE,yBAAyB,IAAI,aAAa,GAAI,IAChH,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAqD,MAAM,OAAO,CAAC;AAE7F,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAsB5C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAoD,CAAC,KAAkB,EAAE,GAAG,EAAE,EAAE;IAC9G,MAAM,EACJ,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,GAAG,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,oBAAoB,GAAG,IAAI,EAC3B,aAAa,EACb,yBAAyB,EACzB,YAAY,EACZ,wBAAwB,EACxB,UAAU,GAAG,KAAK,EAClB,KAAK,GAAG,KAAK,EACb,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,kBACE,SAAS,EAAE,UAAU,CAAC,WAAW,EAC/B,cAAc,OAAO,EAAE,EACvB,cAAc,IAAI,EAAE,EACpB;YACE,kBAAkB,EAAE,KAAK;YACzB,kCAAkC,EAAE,CAAC,oBAAoB;YACzD,sBAAsB,EAAE,CAAC,QAAQ,IAAI,CAAC,aAAa,IAAI,YAAY,CAAC;YACpE,uBAAuB,EAAE,UAAU;SACpC,EACD,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,KACJ,IAAI,aAEP,YAAY,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,EAAE,gBAAgB,EAAE,wBAAwB,IAAI,YAAY,GAAI,EAClH,QAAQ,EACR,aAAa,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,EAAE,gBAAgB,EAAE,yBAAyB,IAAI,aAAa,GAAI,IAChH,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/components/combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAO7C,QAAA,MAAM,YAAY;YAAW,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CA2Z7D,CAAC;AAIF,KAAK,gBAAgB,GAAG,OAAO,YAAY,GAAG;IAC5C,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC,aAAa,EAAE,OAAO,qBAAqB,CAAC;IAC5C,OAAO,EAAE,OAAO,eAAe,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAmB,gBAAgB,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAO7C,QAAA,MAAM,YAAY;YAAW,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CA6Z7D,CAAC;AAIF,KAAK,gBAAgB,GAAG,OAAO,YAAY,GAAG;IAC5C,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC,aAAa,EAAE,OAAO,qBAAqB,CAAC;IAC5C,OAAO,EAAE,OAAO,eAAe,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAmB,gBAAgB,CAAC"}

package/dist/components/combobox/Combobox.js

@@ -40,6 +40,7 @@ const ComboboxRoot = (props) => {
     });
     const chipKeyboardEnabled = selectedValueDisplay === 'tags';
     const { selectedChipValues, selectedChipValuesSet, setSelectedChipValues, clearChipSelection, focusedChipIndex, setFocusedChipIndex, exitChipNav, } = useChipSelection(chipKeyboardEnabled ? selectedValues : []);
+    const renderSearchInputInListbox = triggerVariant === 'button';
     const { shouldRenderPopoverContent, shouldShowPopover, showListboxLoading, handleInputChange, handleTriggerClick, handleInputFocus, handleInputBlur, handleChevronClick, handlePopoverInteractOutside, } = useComboboxPopoverBehavior({
         inputRef,
         triggerRef,
@@ -61,6 +62,7 @@ const ComboboxRoot = (props) => {
         clearChipSelection,
         exitChipNav,
         triggerContainsInput: triggerVariant === 'input',
+        renderSearchInputInListbox,
     });
     const optionGroups = useMemo(() => buildOptionGroups(filteredOptions), [filteredOptions]);
     const optionIndexMap = useMemo(() => {
@@ -152,7 +154,6 @@ const ComboboxRoot = (props) => {
     const preventMouseDefault = useCallback((e) => {
         e.preventDefault();
     }, []);
-    const renderSearchInputInListbox = triggerVariant === 'button';
     const handlePopoverOpenAutoFocus = useCallback((e) => {
         e.preventDefault();
         if (triggerVariant === 'button') {

package/dist/components/combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,YAAY,GAAG,CAAC,KAAoB,EAAqB,EAAE;IAC/D,MAAM,EACJ,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,UAAU,GAAG,QAAQ,EACrB,sBAAsB,GAAG,KAAK,EAC9B,WAAW,GAAG,KAAK,EACnB,WAAW,EACX,eAAe,EACf,WAAW,GAAG,WAAW,EACzB,QAAQ,GAAG,KAAK,EAChB,eAAe,GAAG,IAAI,EACtB,cAAc,GAAG,OAAO,EACxB,oBAAoB,GAAG,MAAM,EAC7B,mBAAmB,GAAG,IAAI,EAC1B,iBAAiB,EACjB,uBAAuB,GAAG,cAAc,KAAK,QAAQ,IAAI,QAAQ,EACjE,uBAAuB,EACvB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,KAAK,EACpB,aAAa,GAAG,WAAW,EAC3B,YAAY,EACZ,WAAW,EACX,EAAE,EAAE,UAAU,EACd,kBAAkB,EAAE,eAAe,EACnC,cAAc,EAAE,WAAW,EAC3B,YAAY,EAAE,SAAS,GACxB,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,UAAU,GAAG,UAAU,IAAI,WAAW,CAAC;IAC7C,MAAM,SAAS,GAAG,GAAG,UAAU,UAAU,CAAC;IAE1C,MAAM,KAAK,GAAG,gBAAgB,CAAC;QAC7B,OAAO;QACP,QAAQ;QACR,KAAK,EAAE,eAAe;QACtB,YAAY;QACZ,aAAa;QACb,QAAQ;QACR,UAAU;QACV,WAAW;QACX,WAAW;QACX,eAAe;QACf,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,EACJ,cAAc,EACd,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,GAAG,EAA6B,CAAC,CAAC;IACtE,MAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAEtD,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,yBAAyB,EAAE,GAAG,qBAAqB,CAAC;QACnF,UAAU;KACX,CAAC,CAAC;IACH,MAAM,mBAAmB,GAAG,oBAAoB,KAAK,MAAM,CAAC;IAE5D,MAAM,EACJ,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,WAAW,GACZ,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEhE,MAAM,EACJ,0BAA0B,EAC1B,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,4BAA4B,GAC7B,GAAG,0BAA0B,CAAC;QAC7B,QAAQ;QACR,UAAU;QACV,UAAU;QACV,QAAQ;QACR,eAAe;QACf,OAAO;QACP,QAAQ;QACR,OAAO;QACP,MAAM;QACN,SAAS;QACT,QAAQ;QACR,iBAAiB;QACjB,WAAW;QACX,UAAU;QACV,aAAa;QACb,qBAAqB,EAAE,eAAe,CAAC,MAAM;QAC7C,cAAc;QACd,kBAAkB;QAClB,WAAW;QACX,oBAAoB,EAAE,cAAc,KAAK,OAAO;KACjD,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAE1F,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,GAAG,GAAG,IAAI,GAAG,EAAkB,CAAC;QACtC,eAAe,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAC3D,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,GAAyC,EAAU,EAAE;QACpD,IAAI,WAAW;YAAE,OAAO,WAAW,CAAC,GAAwC,CAAC,CAAC;QAC9E,OAAO,GAAG,CAAC,QAAQ,IAAI,GAAG,CAAC,KAAK,CAAC;IACnC,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,IAA8B,EAAE,EAAE;QACzF,IAAI,IAAI,EAAE,CAAC;YACT,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAC5C,CAAC;aACI,CAAC;YACJ,gBAAgB,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,+BAA+B,GAAG,WAAW,CAAC,GAAY,EAAE;QAChE,IAAI,cAAc,GAAG,CAAC,IAAI,cAAc,IAAI,eAAe,CAAC,MAAM;YAAE,OAAO,KAAK,CAAC;QAEjF,MAAM,iBAAiB,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;QAC1D,IAAI,CAAC,iBAAiB,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QAEvF,MAAM,MAAM,GAAG,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACrE,IAAI,CAAC,MAAM;YAAE,OAAO,KAAK,CAAC;QAE1B,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,gBAAgB,EAAE,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC;IAExD,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QACtD,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,2BAA2B,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,KAAa,EAAE,EAAE;QAC/E,MAAM,SAAS,GAAG,eAAe,CAAC,MAAM,GAAG,CAAC;YAC1C,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC;YAC7C,CAAC,CAAC,CAAC,CAAC,CAAC;QAEP,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAC3B,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,mBAAmB,EAAE,eAAe,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAErE,MAAM,yBAAyB,GAAG,WAAW,CAAC,CAAC,CAAyC,EAAE,KAAa,EAAE,EAAE;QACzG,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;aACI,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,aAAa,GAAG,mBAAmB,CAAC;QACxC,QAAQ;QACR,WAAW;QACX,QAAQ;QACR,kBAAkB;QAClB,WAAW;QACX,+BAA+B;QAC/B,cAAc,EAAE,eAAe;QAC/B,gBAAgB;QAChB,YAAY;QACZ,cAAc;QACd,MAAM;QACN,aAAa;QACb,WAAW;QACX,KAAK;QACL,WAAW;QACX,yBAAyB;QACzB,YAAY;QACZ,kBAAkB;QAClB,cAAc,EAAE,mBAAmB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;QACzD,mBAAmB;QACnB,iBAAiB;QACjB,SAAS;QACT,QAAQ;QACR,qBAAqB;QACrB,aAAa;QACb,kBAAkB;QAClB,UAAU;KACX,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAClB,iBAAiB,IAAI,CAAC,kBAAkB,IAAI,cAAc,IAAI,CAAC;QAC/D,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC;QAC7B,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CACH,cAAc;SACX,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;SAChD,MAAM,CAAC,OAAO,CAAyB,EAC5C,CAAC,cAAc,EAAE,aAAa,CAAC,CAChC,CAAC;IAEF,MAAM,mBAAmB,GAAG,WAAW,CAAC,CAAC,CAAmB,EAAE,EAAE;QAC9D,CAAC,CAAC,cAAc,EAAE,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,0BAA0B,GAAG,cAAc,KAAK,QAAQ,CAAC;IAE/D,MAAM,0BAA0B,GAAG,WAAW,CAC5C,CAAC,CAAQ,EAAE,EAAE;QACX,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,cAAc,KAAK,QAAQ,EAAE,CAAC;YAChC,qBAAqB,CAAC,GAAG,EAAE;gBACzB,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;YAC5B,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,MAAM,+BAA+B,GAAG,OAAO,CAAC,GAAG,EAAE;QACnD,IAAI,CAAC,uBAAuB,IAAI,CAAC,mBAAmB,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACpF,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,IAAI,OAAO,uBAAuB,KAAK,UAAU,EAAE,CAAC;YAClD,OAAO,uBAAuB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;QACxD,CAAC;QACD,IAAI,uBAAuB,EAAE,CAAC;YAC5B,OAAO,uBAAuB,CAAC;QACjC,CAAC;QACD,OAAO,GAAG,cAAc,CAAC,MAAM,iBAAiB,cAAc,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;IAC3F,CAAC,EAAE,CAAC,mBAAmB,EAAE,cAAc,CAAC,MAAM,EAAE,uBAAuB,EAAE,uBAAuB,CAAC,CAAC,CAAC;IAEnG,MAAM,0BAA0B,GAAG,WAAW,CAC5C,CAAC,CAAsC,EAAE,EAAE;QACzC,IAAI,QAAQ;YAAE,OAAO;QACrB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YAChE,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,kBAAkB,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAC/B,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE;YACnC,uBAAuB,EAAE,QAAQ;YACjC,oBAAoB,EAAE,QAAQ;SAC/B,CAAC,aAEF,MAAC,OAAO,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,aAChD,cAAc,KAAK,OAAO;wBACzB,CAAC,CAAC,CACE,KAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,gBAAgB,EAAE,gBAAgB,sBAChB,eAAe,kBACnB,WAAW,gBACb,SAAS,EACrB,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,oBAAoB,EAC1C,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,qBAAqB,EAAE,qBAAqB,EAC5C,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,GACtC,CACH;wBACH,CAAC,CAAC,CACE,KAAC,qBAAqB,IACpB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,oBAAoB,EAC1C,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,qBAAqB,EAAE,qBAAqB,EAC5C,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,oBAAoB,EAAE,0BAA0B,EAChD,kBAAkB,EAAE,kBAAkB,EACtC,uBAAuB,EAAE,uBAAuB,IAAI,mBAAmB,EACvE,uBAAuB,EAAE,+BAA+B,GACxD,CACH,EAEL,KAAC,OAAO,CAAC,MAAM,IAAC,SAAS,EAAE,cAAc,CAAC,OAAO,YAC9C,0BAA0B,IAAI,CAC7B,KAAC,OAAO,CAAC,OAAO,IACd,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,CAAC,EACb,eAAe,EAAE,0BAA0B,EAC3C,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACzC,iBAAiB,EAAE,4BAA4B,EAC/C,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,sBAAsB,CAAC,YAErE,KAAC,eAAe,IACd,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,sBAAsB,EAAE,sBAAsB,EAC9C,YAAY,EAAE,YAAY,EAC1B,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,mBAAmB,EAAE,2BAA2B,EAChD,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,qBAAqB,EAAE,eAAe,CAAC,MAAM,EAC7C,mBAAmB,EAAE,mBAAmB,EACxC,0BAA0B,EAAE,0BAA0B,EACtD,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,EAC1C,yBAAyB,EAAE,yBAAyB,GACpD,GACc,CACnB,GACc,IACJ,EAEd,YAAY,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,cAAK,SAAS,EAAC,gCAAgC,YAC7C,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ,YAEjB,aAAa,GACP,GACL,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,UAAU,CAAC;AAQtC,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAgC,CAAC;AAEzD,QAAQ,CAAC,OAAO,GAAG,eAAe,CAAC;AACnC,QAAQ,CAAC,aAAa,GAAG,qBAAqB,CAAC;AAC/C,QAAQ,CAAC,OAAO,GAAG,eAAe,CAAC"}
+{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.tsx"],"names":[],"mappings":"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"}

package/dist/components/combobox/Combobox.test.js

@@ -113,6 +113,24 @@ describe('Combobox', () => {
         await userEvent.click(search);
         expect(search).toHaveFocus();
     });
+    test('button trigger keeps popover with search input when filter matches nothing', async () => {
+        const user = userEvent.setup();
+        render(_jsx(Combobox, { options: people, triggerVariant: "button", placeholder: "Students" }));
+        await user.click(screen.getByRole('button', { name: 'Open suggestions' }));
+        const search = screen.getByRole('combobox');
+        await user.type(search, 'zzz');
+        expect(screen.getByRole('listbox')).toBeInTheDocument();
+        expect(screen.queryAllByRole('option')).toHaveLength(0);
+        await user.clear(search);
+        expect(within(screen.getByRole('listbox')).getAllByRole('option')).toHaveLength(people.length);
+    });
+    test('button trigger closes popover after single-select option click', async () => {
+        const user = userEvent.setup();
+        render(_jsx(Combobox, { options: people, triggerVariant: "button", placeholder: "Students" }));
+        await user.click(screen.getByRole('button', { name: 'Open suggestions' }));
+        await user.click(screen.getByText('Alice Johnson'));
+        expect(screen.queryByRole('listbox')).not.toBeInTheDocument();
+    });
     test('button trigger single-select does not show selection count badge', () => {
         render(_jsx(Combobox, { options: people, triggerVariant: "button", defaultValue: ['alice'] }));
         expect(screen.queryByLabelText(/selected item/i)).not.toBeInTheDocument();
@@ -244,55 +262,61 @@ describe('Combobox', () => {
         expect(onValueChange).toHaveBeenLastCalledWith(['alice', 'bob']);
     });
     test('Ctrl+A selects all chips when input is focused', async () => {
+        const user = userEvent.setup();
         render(_jsx(Combobox, { options: people, multiple: true, defaultValue: ['alice', 'bob'] }));
         const input = screen.getByRole('combobox');
-        input.focus();
-        await userEvent.keyboard('{Control>}a{/Control}');
+        await user.click(input);
+        await user.keyboard('{Control>}a{/Control}');
         const selectedTags = document.querySelectorAll('.ds-tag--selected');
         expect(selectedTags).toHaveLength(2);
     });
     test('Cmd+A selects all chips in single-select mode', async () => {
+        const user = userEvent.setup();
         render(_jsx(Combobox, { options: people, defaultValue: ['alice'] }));
         const input = screen.getByRole('combobox');
-        input.focus();
+        await user.click(input);
         fireEvent.keyDown(input, { key: 'a', metaKey: true });
         const selectedTags = document.querySelectorAll('.ds-tag--selected');
         expect(selectedTags).toHaveLength(1);
     });
     test('Backspace clears all selected chips after select-all', async () => {
+        const user = userEvent.setup();
         const onValueChange = vi.fn();
         render(_jsx(Combobox, { options: people, multiple: true, defaultValue: ['alice', 'bob'], onValueChange: onValueChange }));
         const input = screen.getByRole('combobox');
-        input.focus();
-        await userEvent.keyboard('{Control>}a{/Control}');
-        await userEvent.keyboard('{Backspace}');
+        await user.click(input);
+        await user.keyboard('{Control>}a{/Control}');
+        await user.keyboard('{Backspace}');
         expect(onValueChange).toHaveBeenLastCalledWith([]);
         expect(document.querySelectorAll('.ds-tag--selected')).toHaveLength(0);
     });
     test('Delete clears all selected chips after select-all', async () => {
+        const user = userEvent.setup();
         const onValueChange = vi.fn();
         render(_jsx(Combobox, { options: people, multiple: true, defaultValue: ['alice', 'bob'], onValueChange: onValueChange }));
         const input = screen.getByRole('combobox');
-        input.focus();
-        await userEvent.keyboard('{Control>}a{/Control}');
-        await userEvent.keyboard('{Delete}');
+        await user.click(input);
+        await user.keyboard('{Control>}a{/Control}');
+        await user.keyboard('{Delete}');
         expect(onValueChange).toHaveBeenLastCalledWith([]);
         expect(document.querySelectorAll('.ds-tag--selected')).toHaveLength(0);
     });
     test('typing after chip select-all clears selected chip styling', async () => {
+        const user = userEvent.setup();
         render(_jsx(Combobox, { options: people, multiple: true, defaultValue: ['alice', 'bob'] }));
         const input = screen.getByRole('combobox');
-        input.focus();
-        await userEvent.keyboard('{Control>}a{/Control}');
+        await user.click(input);
+        await user.keyboard('{Control>}a{/Control}');
         expect(document.querySelectorAll('.ds-tag--selected')).toHaveLength(2);
-        await userEvent.type(input, 'c');
+        await user.type(input, 'c');
         expect(document.querySelectorAll('.ds-tag--selected')).toHaveLength(0);
     });
     test('Ctrl+A with no chips keeps native input behavior and does not crash', async () => {
+        const user = userEvent.setup();
         render(_jsx(Combobox, { options: people }));
         const input = screen.getByRole('combobox');
-        input.focus();
-        await userEvent.keyboard('{Control>}a{/Control}');
+        await user.click(input);
+        await user.keyboard('{Control>}a{/Control}');
         expect(document.querySelectorAll('.ds-tag--selected')).toHaveLength(0);
     });
     test('removing a chip calls onValueChange without that value', async () => {
@@ -386,17 +410,19 @@ describe('Combobox', () => {
         expect(screen.queryByRole('listbox')).not.toBeInTheDocument();
     });
     test('keyboard: ArrowDown opens the listbox', async () => {
+        const user = userEvent.setup();
         render(_jsx(Combobox, { options: people }));
         const input = screen.getByRole('combobox');
-        input.focus();
-        await userEvent.keyboard('{ArrowDown}');
+        await user.click(input);
+        await user.keyboard('{ArrowDown}');
         expect(screen.getByRole('listbox')).toBeInTheDocument();
     });
     test('keyboard: Alt+ArrowDown opens the listbox', async () => {
+        const user = userEvent.setup();
         render(_jsx(Combobox, { options: people }));
         const input = screen.getByRole('combobox');
-        input.focus();
-        await userEvent.keyboard('{Alt>}{ArrowDown}{/Alt}');
+        await user.click(input);
+        await user.keyboard('{Alt>}{ArrowDown}{/Alt}');
         expect(screen.getByRole('listbox')).toBeInTheDocument();
     });
     test('keyboard: ArrowDown/ArrowUp moves highlight', async () => {
@@ -427,11 +453,12 @@ describe('Combobox', () => {
         expect(screen.queryByRole('listbox')).not.toBeInTheDocument();
     });
     test('keyboard: Backspace on empty input removes last chip', async () => {
+        const user = userEvent.setup();
         const onValueChange = vi.fn();
         render(_jsx(Combobox, { options: people, multiple: true, defaultValue: ['alice', 'bob'], onValueChange: onValueChange }));
         const input = screen.getByRole('combobox');
-        input.focus();
-        await userEvent.keyboard('{Backspace}');
+        await user.click(input);
+        await user.keyboard('{Backspace}');
         expect(onValueChange).toHaveBeenCalledWith(['alice']);
     });
     test('allowCreate shows a create row when no exact match', async () => {
@@ -477,7 +504,7 @@ describe('Combobox', () => {
         await userEvent.keyboard('{Enter}');
         expect(onCreateNew).toHaveBeenCalledWith('Taylor');
         expect(onValueChange).toHaveBeenCalledWith(['new-taylor']);
-        expect(screen.getByRole('listbox')).toBeInTheDocument();
+        expect(screen.queryByRole('listbox')).not.toBeInTheDocument();
     });
     test('allowCreate duplicate prevention selects existing option', async () => {
         const onCreateNew = vi.fn();
@@ -700,97 +727,107 @@ describe('Combobox', () => {
         });
     });
     describe('chip keyboard navigation', () => {
-        test('ArrowLeft at caret 0 focuses the last chip', () => {
+        test('ArrowLeft at caret 0 focuses the last chip', async () => {
+            const user = userEvent.setup();
             render(_jsx(Combobox, { options: people, multiple: true, defaultValue: ['alice', 'bob'] }));
             const input = screen.getByRole('combobox');
-            input.focus();
-            fireEvent.keyDown(input, { key: 'ArrowLeft' });
+            await user.click(input);
+            await user.keyboard('{ArrowLeft}');
             const tags = document.querySelectorAll('.ds-tag');
             expect(tags[1]).toHaveClass('ds-tag--selected');
             expect(tags[0]).not.toHaveClass('ds-tag--selected');
         });
-        test('ArrowLeft navigates through chips from right to left', () => {
+        test('ArrowLeft navigates through chips from right to left', async () => {
+            const user = userEvent.setup();
             render(_jsx(Combobox, { options: people, multiple: true, defaultValue: ['alice', 'bob', 'charlie'] }));
             const input = screen.getByRole('combobox');
-            input.focus();
-            fireEvent.keyDown(input, { key: 'ArrowLeft' });
-            fireEvent.keyDown(input, { key: 'ArrowLeft' });
+            await user.click(input);
+            await user.keyboard('{ArrowLeft}');
+            await user.keyboard('{ArrowLeft}');
             const tags = document.querySelectorAll('.ds-tag');
             expect(tags[1]).toHaveClass('ds-tag--selected');
             expect(tags[2]).not.toHaveClass('ds-tag--selected');
         });
-        test('ArrowLeft does not go past the first chip', () => {
+        test('ArrowLeft does not go past the first chip', async () => {
+            const user = userEvent.setup();
             render(_jsx(Combobox, { options: people, multiple: true, defaultValue: ['alice', 'bob'] }));
             const input = screen.getByRole('combobox');
-            input.focus();
-            fireEvent.keyDown(input, { key: 'ArrowLeft' });
-            fireEvent.keyDown(input, { key: 'ArrowLeft' });
-            fireEvent.keyDown(input, { key: 'ArrowLeft' });
+            await user.click(input);
+            await user.keyboard('{ArrowLeft}');
+            await user.keyboard('{ArrowLeft}');
+            await user.keyboard('{ArrowLeft}');
             const tags = document.querySelectorAll('.ds-tag');
             expect(tags[0]).toHaveClass('ds-tag--selected');
         });
-        test('ArrowRight past the last chip returns focus to input (exits chip nav)', () => {
+        test('ArrowRight past the last chip returns focus to input (exits chip nav)', async () => {
+            const user = userEvent.setup();
             render(_jsx(Combobox, { options: people, multiple: true, defaultValue: ['alice', 'bob'] }));
             const input = screen.getByRole('combobox');
-            input.focus();
-            fireEvent.keyDown(input, { key: 'ArrowLeft' });
+            await user.click(input);
+            await user.keyboard('{ArrowLeft}');
             expect(document.querySelectorAll('.ds-tag--selected')).toHaveLength(1);
-            fireEvent.keyDown(input, { key: 'ArrowRight' });
+            await user.keyboard('{ArrowRight}');
             expect(document.querySelectorAll('.ds-tag--selected')).toHaveLength(0);
         });
-        test('Backspace on focused chip removes it', () => {
+        test('Backspace on focused chip removes it', async () => {
+            const user = userEvent.setup();
             const onValueChange = vi.fn();
             render(_jsx(Combobox, { options: people, multiple: true, defaultValue: ['alice', 'bob', 'charlie'], onValueChange: onValueChange }));
             const input = screen.getByRole('combobox');
-            input.focus();
-            fireEvent.keyDown(input, { key: 'ArrowLeft' });
-            fireEvent.keyDown(input, { key: 'ArrowLeft' });
-            fireEvent.keyDown(input, { key: 'Backspace' });
+            await user.click(input);
+            await user.keyboard('{ArrowLeft}');
+            await user.keyboard('{ArrowLeft}');
+            await user.keyboard('{Backspace}');
             expect(onValueChange).toHaveBeenCalledWith(['alice', 'charlie']);
         });
-        test('Delete on focused chip removes it', () => {
+        test('Delete on focused chip removes it', async () => {
+            const user = userEvent.setup();
             const onValueChange = vi.fn();
             render(_jsx(Combobox, { options: people, multiple: true, defaultValue: ['alice', 'bob'], onValueChange: onValueChange }));
             const input = screen.getByRole('combobox');
-            input.focus();
-            fireEvent.keyDown(input, { key: 'ArrowLeft' });
-            fireEvent.keyDown(input, { key: 'ArrowLeft' });
-            fireEvent.keyDown(input, { key: 'Delete' });
+            await user.click(input);
+            await user.keyboard('{ArrowLeft}');
+            await user.keyboard('{ArrowLeft}');
+            await user.keyboard('{Delete}');
             expect(onValueChange).toHaveBeenCalledWith(['bob']);
         });
-        test('Backspace on first chip focuses next or exits', () => {
+        test('Backspace on first chip focuses next or exits', async () => {
+            const user = userEvent.setup();
             const onValueChange = vi.fn();
             render(_jsx(Combobox, { options: people, multiple: true, defaultValue: ['alice'], onValueChange: onValueChange }));
             const input = screen.getByRole('combobox');
-            input.focus();
-            fireEvent.keyDown(input, { key: 'ArrowLeft' });
-            fireEvent.keyDown(input, { key: 'Backspace' });
+            await user.click(input);
+            await user.keyboard('{ArrowLeft}');
+            await user.keyboard('{Backspace}');
             expect(onValueChange).toHaveBeenCalledWith([]);
             expect(document.querySelectorAll('.ds-tag--selected')).toHaveLength(0);
         });
         test('typing exits chip nav mode', async () => {
+            const user = userEvent.setup();
             render(_jsx(Combobox, { options: people, multiple: true, defaultValue: ['alice', 'bob'] }));
             const input = screen.getByRole('combobox');
-            input.focus();
-            fireEvent.keyDown(input, { key: 'ArrowLeft' });
+            await user.click(input);
+            await user.keyboard('{ArrowLeft}');
             expect(document.querySelectorAll('.ds-tag--selected')).toHaveLength(1);
-            await userEvent.type(input, 'c');
+            await user.type(input, 'c');
             expect(document.querySelectorAll('.ds-tag--selected')).toHaveLength(0);
         });
-        test('Escape exits chip nav mode', () => {
+        test('Escape exits chip nav mode', async () => {
+            const user = userEvent.setup();
             render(_jsx(Combobox, { options: people, multiple: true, defaultValue: ['alice', 'bob'] }));
             const input = screen.getByRole('combobox');
-            input.focus();
-            fireEvent.keyDown(input, { key: 'ArrowLeft' });
+            await user.click(input);
+            await user.keyboard('{ArrowLeft}');
             expect(document.querySelectorAll('.ds-tag--selected')).toHaveLength(1);
-            fireEvent.keyDown(input, { key: 'Escape' });
+            await user.keyboard('{Escape}');
             expect(document.querySelectorAll('.ds-tag--selected')).toHaveLength(0);
         });
-        test('Cmd+A during chip nav enters bulk-select-all mode', () => {
+        test('Cmd+A during chip nav enters bulk-select-all mode', async () => {
+            const user = userEvent.setup();
             render(_jsx(Combobox, { options: people, multiple: true, defaultValue: ['alice', 'bob'] }));
             const input = screen.getByRole('combobox');
-            input.focus();
-            fireEvent.keyDown(input, { key: 'ArrowLeft' });
+            await user.click(input);
+            await user.keyboard('{ArrowLeft}');
             expect(document.querySelectorAll('.ds-tag--selected')).toHaveLength(1);
             fireEvent.keyDown(input, { key: 'a', metaKey: true });
             expect(document.querySelectorAll('.ds-tag--selected')).toHaveLength(2);