# @xsolla/xui-b2b-group-select

B2B grouped multi-select panel: search, category list (left) with checkboxes and counters, and selectable items (right). Intended for dropdown/popover bodies (e.g. regions and countries).

- **Docs:** [b2b-group-select.md](../../../docs/api/components/b2b-group-select.md)
- **Storybook:** B2B → Controls → Group select
- **Field + panel:** pair with `@xsolla/xui-multi-select` (`dropdownMenu={false}`, shared `value` / `onChange`); use exported **`GROUP_SELECT_MIN_PANEL_WIDTH`** (540) with `menuMinWidth`.
- **A11y / tests:** landmark regions, list semantics, keyboard on category controls, live empty state; unit tests in `src/__tests__/GroupSelect.test.tsx` (run `yarn test:run` in this package).
- **React 16 / RN:** `react >= 16.8`; `yarn build:web` and `yarn build:native` both target the shared source (see API doc).