@charcuterie/ui 2.14.0 → 2.15.0

package/dist/Picker/Picker.d.ts

@@ -0,0 +1,83 @@
+import type { ControlSize, IntentName } from "@charcuterie/tokens";
+import type { Placement } from "@floating-ui/react";
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { IntentAppearance } from "../intentStyles.ts";
+import type { ListboxItem } from "../Listbox/Listbox.tsx";
+export type PickerOption = ListboxItem;
+export type PickerProps = Omit<ComponentPropsWithRef<"button">, "disabled" | "onChange" | "value"> & {
+    appearance?: IntentAppearance;
+    className?: string;
+    intent?: IntentName;
+    isDisabled?: boolean;
+    /**
+     * What the control is FOR — "Language", "Quantifier", "Rule type".
+     * Not the current value; that is read off `options`.
+     */
+    label: string;
+    /**
+     * Defaults to a chevron. Pass `null` to drop it — a picker rendered
+     * inside a denser control row may not want the affordance, and a
+     * refactor moving an existing hand-rolled trigger onto `Picker`
+     * stays pixel-identical by passing `null` rather than re-baselining
+     * every screenshot that contains it.
+     */
+    iconEnd?: ReactNode;
+    onChange: (value: string) => void;
+    options: readonly PickerOption[];
+    placement?: Placement;
+    /** Read by the trigger when `value` matches no option. */
+    placeholder?: string;
+    size?: ControlSize;
+    value?: string;
+};
+/**
+ * A `Listbox` with the trigger already attached — the shape every app
+ * reaches for when it wants "a select, but ours".
+ *
+ * ### Four repos wrote this, and the fourth is this package
+ *
+ * `Listbox` is deliberately trigger-agnostic: it takes a `trigger`
+ * element and owns none of the open state, which is what lets it hang
+ * off a button, a tile, a table header. The cost is that the *common*
+ * case — a button showing the current value — is about thirty lines,
+ * and the fleet wrote them four times: queuepilot's `SelectListbox`,
+ * board-games' `SelectMenu` (on `useState` rather than
+ * `useVisibility`), mux-magic's `ListboxPicker`, and — the tell —
+ * **twice inside this package**, in `QueryBuilderCombinator` and in
+ * `QueryBuilder`'s own story. Each also hand-rolled the same chevron.
+ *
+ * `Listbox` stays exactly as it is. This is the assembled default.
+ *
+ * ### Why it is not called `SinglePicker`
+ *
+ * The state layer has `useSinglePicker` and `useMultiplePicker`, so a
+ * name near "picker" invites the question of whether this is their
+ * component. It is not, and no component is: `useSinglePicker` is a
+ * state kind that `Listbox`, `Combobox` and `Tabs` all compose. This
+ * component owns a `useVisibility` and delegates selection to
+ * `Listbox`, which is where the picker state actually lives. The name
+ * is the owner's, chosen over `SelectListbox` and `ListboxButton`.
+ *
+ * ### The accessible name carries the current value
+ *
+ * `"Language: English"`, not `"Language"`. The trigger's visible text
+ * IS the current value, and WCAG 2.5.3 requires the visible text to be
+ * contained in the accessible name — so a bare `aria-label={label}`
+ * fails it, which is a latent defect in one of the hand-rolled
+ * versions this replaces. It also makes each control uniquely findable
+ * when a form has several, which is the property `expectAgentDrivable`
+ * exists to protect.
+ *
+ * Query it as `getByRole("button", { name: /^Language: / })`.
+ *
+ * ### `id` does not survive; `data-testid` does
+ *
+ * `useAnchoredOverlay` overwrites the trigger's `id` with a generated
+ * one, so the portalled listbox can point `aria-labelledby` across at
+ * it. An `id` passed here is therefore silently replaced — queuepilot
+ * found this the hard way and switched its e2e handles to
+ * `data-testid`, which nothing injects. Everything else on the button
+ * (`data-*`, `onClick`, `form`, …) passes straight through.
+ */
+export declare const Picker: ({ appearance, className, iconEnd, intent, isDisabled, label, onChange, options, placement, placeholder, size, value, ...buttonProps }: PickerProps) => ReactNode;
+//# sourceMappingURL=Picker.d.ts.map

package/dist/Picker/Picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../src/Picker/Picker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,WAAW,EACX,UAAU,EACX,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,KAAK,EACV,qBAAqB,EACrB,SAAS,EACV,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAGzD,MAAM,MAAM,YAAY,GAAG,WAAW,CAAA;AAwBtC,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,qBAAqB,CAAC,QAAQ,CAAC,EAC/B,UAAU,GAAG,UAAU,GAAG,OAAO,CAClC,GAAG;IACF,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,OAAO,EAAE,SAAS,YAAY,EAAE,CAAA;IAChC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,eAAO,MAAM,MAAM,GAAI,uIAcpB,WAAW,KAAG,SAoDhB,CAAA"}

package/dist/Picker/Picker.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useVisibility } from "@charcuterie/logic";
+import { Button } from "../Button/Button.js";
+import { Listbox } from "../Listbox/Listbox.js";
+/**
+ * A constant element rather than a component, for the same reason
+ * `Select` inlines its own: a second component in this file trips the
+ * house rule, and this never varies.
+ */
+const CHEVRON_DOWN = (_jsx("svg", { "aria-hidden": "true", className: "size-4", fill: "none", focusable: false, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.75, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "m6 9 6 6 6-6" }) }));
+/**
+ * A `Listbox` with the trigger already attached — the shape every app
+ * reaches for when it wants "a select, but ours".
+ *
+ * ### Four repos wrote this, and the fourth is this package
+ *
+ * `Listbox` is deliberately trigger-agnostic: it takes a `trigger`
+ * element and owns none of the open state, which is what lets it hang
+ * off a button, a tile, a table header. The cost is that the *common*
+ * case — a button showing the current value — is about thirty lines,
+ * and the fleet wrote them four times: queuepilot's `SelectListbox`,
+ * board-games' `SelectMenu` (on `useState` rather than
+ * `useVisibility`), mux-magic's `ListboxPicker`, and — the tell —
+ * **twice inside this package**, in `QueryBuilderCombinator` and in
+ * `QueryBuilder`'s own story. Each also hand-rolled the same chevron.
+ *
+ * `Listbox` stays exactly as it is. This is the assembled default.
+ *
+ * ### Why it is not called `SinglePicker`
+ *
+ * The state layer has `useSinglePicker` and `useMultiplePicker`, so a
+ * name near "picker" invites the question of whether this is their
+ * component. It is not, and no component is: `useSinglePicker` is a
+ * state kind that `Listbox`, `Combobox` and `Tabs` all compose. This
+ * component owns a `useVisibility` and delegates selection to
+ * `Listbox`, which is where the picker state actually lives. The name
+ * is the owner's, chosen over `SelectListbox` and `ListboxButton`.
+ *
+ * ### The accessible name carries the current value
+ *
+ * `"Language: English"`, not `"Language"`. The trigger's visible text
+ * IS the current value, and WCAG 2.5.3 requires the visible text to be
+ * contained in the accessible name — so a bare `aria-label={label}`
+ * fails it, which is a latent defect in one of the hand-rolled
+ * versions this replaces. It also makes each control uniquely findable
+ * when a form has several, which is the property `expectAgentDrivable`
+ * exists to protect.
+ *
+ * Query it as `getByRole("button", { name: /^Language: / })`.
+ *
+ * ### `id` does not survive; `data-testid` does
+ *
+ * `useAnchoredOverlay` overwrites the trigger's `id` with a generated
+ * one, so the portalled listbox can point `aria-labelledby` across at
+ * it. An `id` passed here is therefore silently replaced — queuepilot
+ * found this the hard way and switched its e2e handles to
+ * `data-testid`, which nothing injects. Everything else on the button
+ * (`data-*`, `onClick`, `form`, …) passes straight through.
+ */
+export const Picker = ({ appearance = "outline", className, iconEnd = CHEVRON_DOWN, intent = "neutral", isDisabled = false, label, onChange, options, placement, placeholder, size, value, ...buttonProps }) => {
+    const { hide, isVisible, toggle } = useVisibility();
+    const currentOption = options.find((option) => option.value === value);
+    const currentText = currentOption === undefined
+        ? placeholder
+        : (currentOption.textValue ??
+            (typeof currentOption.label === "string"
+                ? currentOption.label
+                : undefined));
+    const triggerText = currentText ?? placeholder ?? "";
+    return (_jsx(Listbox
+    // A disabled control must not open, and hiding the panel is a
+    // truer way to say that than trusting the trigger's click alone —
+    // Escape and outside-press both route through `onDismiss`.
+    , { 
+        // A disabled control must not open, and hiding the panel is a
+        // truer way to say that than trusting the trigger's click alone —
+        // Escape and outside-press both route through `onDismiss`.
+        isVisible: isVisible && !isDisabled, onDismiss: hide, onSelect: onChange, options: options, placement: placement, selectedValue: value, trigger: _jsx(Button, { ...buttonProps, appearance: appearance, "aria-label": `${label}: ${triggerText}`, className: className, iconEnd: iconEnd, intent: intent, isDisabled: isDisabled, onClick: (clickEvent) => {
+                buttonProps.onClick?.(clickEvent);
+                toggle();
+            }, size: size, type: "button", children: currentOption === undefined
+                ? placeholder
+                : currentOption.label }) }));
+};
+//# sourceMappingURL=Picker.js.map

package/dist/Picker/Picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.js","sourceRoot":"","sources":["../../src/Picker/Picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAWlD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAsB,CAAA;AAG7C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAwB,CAAA;AAIhD;;;;GAIG;AACH,MAAM,YAAY,GAAG,CACnB,6BACc,MAAM,EAClB,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,KAAK,EAChB,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,IAAI,EACjB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,YAElC,eAAM,CAAC,EAAC,cAAc,GAAG,GACrB,CACP,CAAA;AAgCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,UAAU,GAAG,SAAS,EACtB,SAAS,EACT,OAAO,GAAG,YAAY,EACtB,MAAM,GAAG,SAAS,EAClB,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,WAAW,EACX,IAAI,EACJ,KAAK,EACL,GAAG,WAAW,EACF,EAAa,EAAE;IAC3B,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAEnD,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAChC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CACnC,CAAA;IAED,MAAM,WAAW,GACf,aAAa,KAAK,SAAS;QACzB,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS;YACxB,CAAC,OAAO,aAAa,CAAC,KAAK,KAAK,QAAQ;gBACtC,CAAC,CAAC,aAAa,CAAC,KAAK;gBACrB,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;IAErB,MAAM,WAAW,GAAG,WAAW,IAAI,WAAW,IAAI,EAAE,CAAA;IAEpD,OAAO,CACL,KAAC,OAAO;IACN,8DAA8D;IAC9D,kEAAkE;IAClE,2DAA2D;;QAF3D,8DAA8D;QAC9D,kEAAkE;QAClE,2DAA2D;QAC3D,SAAS,EAAE,SAAS,IAAI,CAAC,UAAU,EACnC,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,KAAK,EACpB,OAAO,EACL,KAAC,MAAM,OACD,WAAW,EACf,UAAU,EAAE,UAAU,gBACV,GAAG,KAAK,KAAK,WAAW,EAAE,EACtC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,CAAC,UAAU,EAAE,EAAE;gBACtB,WAAW,CAAC,OAAO,EAAE,CAAC,UAAU,CAAC,CAAA;gBAEjC,MAAM,EAAE,CAAA;YACV,CAAC,EACD,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,QAAQ,YAEZ,aAAa,KAAK,SAAS;gBAC1B,CAAC,CAAC,WAAW;gBACb,CAAC,CAAC,aAAa,CAAC,KAAK,GAChB,GAEX,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/QueryBuilder/QueryBuilderCombinator.d.ts

@@ -12,42 +12,21 @@ export type QueryBuilderCombinatorProps<Combinator> = {
 /**
  * One group's combinator picker.
  *
- * A `Listbox`, not a native `Select`, per
+ * A `Picker` — a `Listbox` with its trigger attached — rather than a
+ * native `Select`, per
  * [the 2026-08-10 demotion](../../../../docs/decisions/2026-08-10-listbox-and-combobox-are-the-default-and-select-is-demoted.md).
- * `QueryBuilder` shipped in #84 with a `Select` the day after that
- * record landed; `charcuterie/prefer-listbox-over-select` did not
- * catch it because the component-choice block is scoped to app
- * packages and exempts this one — right for a primitive, wrong for a
- * composite an app consumes whole.
+ * This file used to assemble the trigger by hand; `Picker` exists
+ * because it was the fourth place in the fleet doing so.
  *
- * ### Why this is its own file
+ * ### What is left here, and why it is still a component
  *
- * `Listbox` needs a visibility state, and a group renders one picker
- * per group inside a recursive `.map`. A hook cannot be called there,
- * so the picker becomes a component — the same member-file case as
- * `QueryBuilderRow`.
- *
- * ### The name, and why it is not a `Field`
- *
- * `Field` wires `<label htmlFor>` by cloning its `id` onto the
- * control. `Listbox`'s trigger cannot take one: `useAnchoredOverlay`
- * overwrites the cloned trigger's `id` with the one the panel points
- * `aria-labelledby` at, so the label would address an element that no
- * longer carries that id — the exact defect `Field` exists to
- * prevent. So the caption is plain text and the trigger is named with
- * `aria-label`.
- *
- * That name is `"<label>: <current value>"` rather than bare
- * `"<label>"` on purpose: the button's visible text is the current
- * combinator, and WCAG 2.5.3 wants the visible text contained in the
- * accessible name. "Match" alone would fail it; "Match: ALL — every
- * condition" reads correctly and keeps each group's control findable
- * by name.
- *
- * The combinator stays opaque here exactly as it is in the rest of
- * the component: `String(value)` bridges it to the string-valued
- * `Listbox`, and a selection is mapped back to the real `Combinator`
- * before it leaves.
+ * Only the bridging. `Combinator` is opaque to `QueryBuilder`, so it
+ * cannot reach `Picker`'s string-valued API directly: `String(value)`
+ * carries it out and the matching option carries it back, so the
+ * generic never leaks. The caption is plain text rather than a
+ * `Field`, because `useAnchoredOverlay` overwrites the trigger's `id`
+ * and a `<label htmlFor>` would then address an element that no longer
+ * carries it — the exact defect `Field` exists to prevent.
  */
 export declare const QueryBuilderCombinator: <Combinator>({ label, onChange, options, value, }: QueryBuilderCombinatorProps<Combinator>) => ReactNode;
 //# sourceMappingURL=QueryBuilderCombinator.d.ts.map

package/dist/QueryBuilder/QueryBuilderCombinator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBuilderCombinator.d.ts","sourceRoot":"","sources":["../../src/QueryBuilder/QueryBuilderCombinator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,MAAM,MAAM,2BAA2B,CAAC,UAAU,IAAI;IACpD,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAA;IAC1C,OAAO,EAAE,SAAS;QAChB,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,UAAU,CAAA;KAClB,EAAE,CAAA;IACH,KAAK,EAAE,UAAU,CAAA;CAClB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,sBAAsB,GAAI,UAAU,EAAG,sCAKjD,2BAA2B,CAAC,UAAU,CAAC,KAAG,SA6C5C,CAAA"}
+{"version":3,"file":"QueryBuilderCombinator.d.ts","sourceRoot":"","sources":["../../src/QueryBuilder/QueryBuilderCombinator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,MAAM,2BAA2B,CAAC,UAAU,IAAI;IACpD,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAA;IAC1C,OAAO,EAAE,SAAS;QAChB,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,UAAU,CAAA;KAClB,EAAE,CAAA;IACH,KAAK,EAAE,UAAU,CAAA;CAClB,CAAA;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,sBAAsB,GAAI,UAAU,EAAG,sCAKjD,2BAA2B,CAAC,UAAU,CAAC,KAAG,SA6B5C,CAAA"}

package/dist/QueryBuilder/QueryBuilderCombinator.js

@@ -1,59 +1,41 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useVisibility } from "@charcuterie/logic";
-import { Button } from "../Button/Button.js";
-import { Listbox } from "../Listbox/Listbox.js";
+import { Picker } from "../Picker/Picker.js";
 /**
  * One group's combinator picker.
  *
- * A `Listbox`, not a native `Select`, per
+ * A `Picker` — a `Listbox` with its trigger attached — rather than a
+ * native `Select`, per
  * [the 2026-08-10 demotion](../../../../docs/decisions/2026-08-10-listbox-and-combobox-are-the-default-and-select-is-demoted.md).
- * `QueryBuilder` shipped in #84 with a `Select` the day after that
- * record landed; `charcuterie/prefer-listbox-over-select` did not
- * catch it because the component-choice block is scoped to app
- * packages and exempts this one — right for a primitive, wrong for a
- * composite an app consumes whole.
+ * This file used to assemble the trigger by hand; `Picker` exists
+ * because it was the fourth place in the fleet doing so.
  *
- * ### Why this is its own file
+ * ### What is left here, and why it is still a component
  *
- * `Listbox` needs a visibility state, and a group renders one picker
- * per group inside a recursive `.map`. A hook cannot be called there,
- * so the picker becomes a component — the same member-file case as
- * `QueryBuilderRow`.
- *
- * ### The name, and why it is not a `Field`
- *
- * `Field` wires `<label htmlFor>` by cloning its `id` onto the
- * control. `Listbox`'s trigger cannot take one: `useAnchoredOverlay`
- * overwrites the cloned trigger's `id` with the one the panel points
- * `aria-labelledby` at, so the label would address an element that no
- * longer carries that id — the exact defect `Field` exists to
- * prevent. So the caption is plain text and the trigger is named with
- * `aria-label`.
- *
- * That name is `"<label>: <current value>"` rather than bare
- * `"<label>"` on purpose: the button's visible text is the current
- * combinator, and WCAG 2.5.3 wants the visible text contained in the
- * accessible name. "Match" alone would fail it; "Match: ALL — every
- * condition" reads correctly and keeps each group's control findable
- * by name.
- *
- * The combinator stays opaque here exactly as it is in the rest of
- * the component: `String(value)` bridges it to the string-valued
- * `Listbox`, and a selection is mapped back to the real `Combinator`
- * before it leaves.
+ * Only the bridging. `Combinator` is opaque to `QueryBuilder`, so it
+ * cannot reach `Picker`'s string-valued API directly: `String(value)`
+ * carries it out and the matching option carries it back, so the
+ * generic never leaks. The caption is plain text rather than a
+ * `Field`, because `useAnchoredOverlay` overwrites the trigger's `id`
+ * and a `<label htmlFor>` would then address an element that no longer
+ * carries it — the exact defect `Field` exists to prevent.
  */
-export const QueryBuilderCombinator = ({ label, onChange, options, value, }) => {
-    const { hide, isVisible, toggle } = useVisibility();
-    const currentOption = options.find((option) => String(option.value) === String(value));
-    const currentLabel = currentOption?.label ?? "";
-    return (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("span", { className: "font-medium text-content-primary text-sm", children: label }), _jsx(Listbox, { isVisible: isVisible, onDismiss: hide, onSelect: (nextValue) => {
-                    const match = options.find((option) => String(option.value) === nextValue);
-                    if (match) {
-                        onChange(match.value);
-                    }
-                }, options: options.map((option) => ({
-                    label: option.label,
-                    value: String(option.value),
-                })), selectedValue: String(value), trigger: _jsx(Button, { appearance: "outline", "aria-label": `${label}: ${currentLabel}`, intent: "neutral", onClick: toggle, children: currentLabel }) })] }));
-};
+export const QueryBuilderCombinator = ({ label, onChange, options, value, }) => (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("span", { className: "font-medium text-content-primary text-sm", children: label }), _jsx(Picker
+        // No chevron: this is a refactor onto the shared component, and
+        // the trigger that shipped in 2.14.0 had none. Adding the
+        // affordance here is a visual change and belongs in its own PR,
+        // not smuggled in under an extraction.
+        , { 
+            // No chevron: this is a refactor onto the shared component, and
+            // the trigger that shipped in 2.14.0 had none. Adding the
+            // affordance here is a visual change and belongs in its own PR,
+            // not smuggled in under an extraction.
+            iconEnd: null, label: label, onChange: (nextValue) => {
+                const match = options.find((option) => String(option.value) === nextValue);
+                if (match) {
+                    onChange(match.value);
+                }
+            }, options: options.map((option) => ({
+                label: option.label,
+                value: String(option.value),
+            })), value: String(value) })] }));
 //# sourceMappingURL=QueryBuilderCombinator.js.map

package/dist/QueryBuilder/QueryBuilderCombinator.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBuilderCombinator.js","sourceRoot":"","sources":["../../src/QueryBuilder/QueryBuilderCombinator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGlD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAsB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAwB,CAAA;AAahD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAc,EAClD,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,GACmC,EAAa,EAAE;IACvD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAEnD,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAChC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC,CACnD,CAAA;IAED,MAAM,YAAY,GAAG,aAAa,EAAE,KAAK,IAAI,EAAE,CAAA;IAE/C,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAM,SAAS,EAAC,0CAA0C,YACvD,KAAK,GACD,EAEP,KAAC,OAAO,IACN,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE;oBACtB,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CACxB,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,SAAS,CAC/C,CAAA;oBAED,IAAI,KAAK,EAAE,CAAC;wBACV,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;oBACvB,CAAC;gBACH,CAAC,EACD,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;oBAChC,KAAK,EAAE,MAAM,CAAC,KAAK;oBACnB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;iBAC5B,CAAC,CAAC,EACH,aAAa,EAAE,MAAM,CAAC,KAAK,CAAC,EAC5B,OAAO,EACL,KAAC,MAAM,IACL,UAAU,EAAC,SAAS,gBACR,GAAG,KAAK,KAAK,YAAY,EAAE,EACvC,MAAM,EAAC,SAAS,EAChB,OAAO,EAAE,MAAM,YAEd,YAAY,GACN,GAEX,IACE,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"QueryBuilderCombinator.js","sourceRoot":"","sources":["../../src/QueryBuilder/QueryBuilderCombinator.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAsB,CAAA;AAa7C;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAc,EAClD,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,GACmC,EAAa,EAAE,CAAC,CACxD,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAM,SAAS,EAAC,0CAA0C,YACvD,KAAK,GACD,EAEP,KAAC,MAAM;QACL,gEAAgE;QAChE,0DAA0D;QAC1D,gEAAgE;QAChE,uCAAuC;;YAHvC,gEAAgE;YAChE,0DAA0D;YAC1D,gEAAgE;YAChE,uCAAuC;YACvC,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE;gBACtB,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CACxB,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,SAAS,CAC/C,CAAA;gBAED,IAAI,KAAK,EAAE,CAAC;oBACV,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;gBACvB,CAAC;YACH,CAAC,EACD,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;gBAChC,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;aAC5B,CAAC,CAAC,EACH,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GACpB,IACE,CACP,CAAA"}

package/dist/index.d.ts

@@ -92,6 +92,8 @@ export type { MenuItem, MenuProps, } from "./Menu/Menu.tsx";
 export { Menu } from "./Menu/Menu.tsx";
 export type { ModalProps } from "./Modal/Modal.tsx";
 export { Modal } from "./Modal/Modal.tsx";
+export type { PickerOption, PickerProps, } from "./Picker/Picker.tsx";
+export { Picker } from "./Picker/Picker.tsx";
 export type { PopoverProps } from "./Popover/Popover.tsx";
 export { Popover } from "./Popover/Popover.tsx";
 export type { ProgressBarProps, ProgressBarSize, } from "./ProgressBar/ProgressBar.tsx";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,YAAY,EACV,qBAAqB,EACrB,aAAa,EACb,cAAc,GACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,YAAY,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,YAAY,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,0BAA0B,EAC1B,iCAAiC,EACjC,gBAAgB,EAChB,uBAAuB,GACxB,MAAM,iCAAiC,CAAA;AACxC,YAAY,EACV,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EACL,6BAA6B,EAC7B,gBAAgB,EAChB,kBAAkB,EAClB,yBAAyB,GAC1B,MAAM,sCAAsC,CAAA;AAC7C,YAAY,EACV,UAAU,EACV,SAAS,GACV,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,YAAY,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,YAAY,EACV,WAAW,EACX,SAAS,EACT,WAAW,GACZ,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,YAAY,EAAE,wBAAwB,EAAE,MAAM,+CAA+C,CAAA;AAC7F,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAA;AACnF,YAAY,EACV,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,2CAA2C,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAC7E,YAAY,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,YAAY,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,oBAAoB,CAAA;AAC3B,YAAY,EACV,WAAW,EACX,UAAU,GACX,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,YAAY,EACV,eAAe,EACf,cAAc,GACf,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,YAAY,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,YAAY,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,mBAAmB,CAAA;AAC1B,YAAY,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,YAAY,EACV,WAAW,EACX,YAAY,GACb,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,YAAY,EACV,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,+CAA+C,CAAA;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAA;AACnF,YAAY,EACV,OAAO,EACP,cAAc,GACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,YAAY,EACV,cAAc,EACd,cAAc,GACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,YAAY,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,YAAY,EACV,QAAQ,EACR,SAAS,GACV,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,YAAY,EACV,gBAAgB,EAChB,eAAe,GAChB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAC3D,YAAY,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,GAChB,MAAM,gCAAgC,CAAA;AACvC,YAAY,EACV,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,YAAY,EACV,eAAe,EACf,SAAS,GACV,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,YAAY,EACV,YAAY,EACZ,SAAS,EACT,QAAQ,GACT,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,OAAO,EACL,kBAAkB,EAClB,aAAa,GACd,MAAM,qCAAqC,CAAA;AAC5C,YAAY,EACV,mBAAmB,EACnB,eAAe,GAChB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,YAAY,EACV,qBAAqB,EACrB,aAAa,GACd,MAAM,yCAAyC,CAAA;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAA;AAC1E,YAAY,EACV,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,WAAW,GACZ,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,YAAY,EACV,YAAY,EACZ,UAAU,GACX,MAAM,yBAAyB,CAAA;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,YAAY,EACV,aAAa,EACb,aAAa,GACd,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,YAAY,EACV,wBAAwB,EACxB,aAAa,GACd,MAAM,+CAA+C,CAAA;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAA;AACnF,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,YAAY,EACV,gBAAgB,EAChB,WAAW,EACX,UAAU,GACX,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,YAAY,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EACL,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,mBAAmB,CAAA;AAC1B,YAAY,EACV,OAAO,EACP,cAAc,EACd,eAAe,EACf,SAAS,GACV,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,YAAY,EACV,kBAAkB,EAClB,aAAa,GACd,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,YAAY,EACV,WAAW,EACX,gBAAgB,GACjB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,YAAY,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AACpE,YAAY,EACV,aAAa,EACb,cAAc,EACd,WAAW,EACX,YAAY,GACb,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -61,6 +61,7 @@ export { MediaTile } from "./MediaTile/MediaTile.js";
 export { mediaTransitions } from "./MediaTile/mediaStatus.js";
 export { Menu } from "./Menu/Menu.js";
 export { Modal } from "./Modal/Modal.js";
+export { Picker } from "./Picker/Picker.js";
 export { Popover } from "./Popover/Popover.js";
 export { ProgressBar } from "./ProgressBar/ProgressBar.js";
 export { getProgressIntent, toProgressPercent, toProgressValue, } from "./ProgressBar/progressValue.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@charcuterie/ui",
-  "version": "2.14.0",
+  "version": "2.15.0",
   "description": "The Charcuterie components. Tokens for look, @charcuterie/logic for state, ARIA that agents can actually drive.",
   "license": "MIT",
   "type": "module",

package/src/Picker/Picker.mdx

@@ -0,0 +1,63 @@
+import { Canvas, Meta } from "@storybook/addon-docs/blocks"
+
+import * as PickerStories from "./Picker.stories.tsx"
+
+<Meta of={PickerStories} />
+
+# Picker
+
+A `Listbox` with its trigger already attached — the shape an app reaches for when it wants
+"a select, but ours".
+
+<Canvas of={PickerStories.Default} />
+
+## Why this exists when `Listbox` already does
+
+`Listbox` is deliberately trigger-agnostic. It takes a `trigger` element and owns none of the
+open state, which is what lets it hang off a button, a tile, or a table header. The cost is
+that the *common* case — a button showing the current value, with a chevron — is about thirty
+lines, and the fleet wrote those lines **four separate times**: queuepilot's
+`SelectListbox`, board-games' `SelectMenu` (on `useState` rather than `useVisibility`),
+mux-magic's `ListboxPicker`, and twice inside this package (`QueryBuilderCombinator` and
+`QueryBuilder`'s own story). Each hand-rolled the same chevron.
+
+`Listbox` is unchanged. `Picker` is the assembled default; reach for `Listbox` directly when
+the trigger is not a button.
+
+## The accessible name carries the current value
+
+`"Language: English"`, not `"Language"`. The trigger's visible text **is** the value, and
+WCAG 2.5.3 requires the visible text to be contained in the accessible name — a bare
+`aria-label={label}` fails it. It also keeps each control uniquely findable when a form has
+several:
+
+```tsx
+getByRole("button", { name: /^Language: / })
+```
+
+<Canvas of={PickerStories.Interactive} />
+
+## Rich options need a `textValue`
+
+`label` takes a `ReactNode` — a flag, a badge, two lines. When it is not a plain string, give
+the option a `textValue`: it is the type-ahead target, and it is what the trigger and the
+accessible name read, so the button says `Audio track: English` rather than the flattened
+text of the whole node.
+
+<Canvas of={PickerStories.AllStates} />
+
+## `id` does not survive; `data-testid` does
+
+`useAnchoredOverlay` overwrites the trigger's `id` with a generated one so the portalled
+listbox can point `aria-labelledby` across at it. An `id` passed to `Picker` is therefore
+silently replaced — queuepilot found this the hard way and moved its e2e handles to
+`data-testid`, which nothing injects. Every other button prop (`data-*`, `onClick`, `form`,
+…) passes straight through; an `onClick` you pass runs before the panel toggles, which is how
+a picker inside a clickable row stops the event reaching its parent.
+
+## Not the component of `useSinglePicker`
+
+The state layer has `useSinglePicker` and `useMultiplePicker`, and the name invites the
+question. `useSinglePicker` is a **state kind** that `Listbox`, `Combobox` and `Tabs` all
+compose; it has no component of its own. `Picker` owns a `useVisibility` and delegates
+selection to `Listbox`, which is where that state actually lives.

package/src/Picker/Picker.stories.tsx

@@ -0,0 +1,184 @@
+import type { Meta, StoryObj } from "@storybook/react"
+import type { ReactNode } from "react"
+import { useState } from "react"
+
+import {
+  controlSizeArgType,
+  intentArgType,
+  placementArgType,
+} from "../argTypes.storyHelpers.ts"
+import { Badge } from "../Badge/Badge.tsx"
+import {
+  StoryRow,
+  StorySection,
+} from "../board.storyHelpers.tsx"
+import type { PickerOption } from "./Picker.tsx"
+import { Picker } from "./Picker.tsx"
+
+const LANGUAGES: PickerOption[] = [
+  { label: "English", value: "eng" },
+  { label: "Spanish", value: "spa" },
+  { label: "French", value: "fra" },
+  { isDisabled: true, label: "German", value: "deu" },
+  { label: "Japanese", value: "jpn" },
+]
+
+/**
+ * The rich options a native `<option>` cannot render — a trailing
+ * intent-coloured badge. No emoji: the VRT runner has no emoji font, so
+ * a flag would snapshot as a blank box and make the shot font-dependent.
+ */
+const TRACKS: PickerOption[] = [
+  {
+    label: (
+      <span className="flex items-center gap-2">
+        <span>English</span>
+        <Badge intent="neutral" size="sm">
+          5.1
+        </Badge>
+      </span>
+    ),
+    textValue: "English",
+    value: "eng",
+  },
+  {
+    label: (
+      <span className="flex items-center gap-2">
+        <span>Japanese</span>
+        <Badge intent="warning" size="sm">
+          forced
+        </Badge>
+      </span>
+    ),
+    textValue: "Japanese",
+    value: "jpn",
+  },
+]
+
+const meta = {
+  title: "Components/Picker",
+  component: Picker,
+  parameters: { layout: "padded" },
+  argTypes: {
+    intent: intentArgType,
+    placement: placementArgType,
+    size: controlSizeArgType,
+  },
+  args: {
+    label: "Language",
+    onChange: () => {},
+    options: LANGUAGES,
+  },
+} satisfies Meta<typeof Picker>
+
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+const PickerHarness = ({
+  initialValue,
+  label,
+  options,
+  placeholder,
+}: {
+  initialValue?: string
+  label: string
+  options: PickerOption[]
+  placeholder?: string
+}): ReactNode => {
+  const [value, setValue] = useState<string | undefined>(
+    initialValue,
+  )
+
+  return (
+    <Picker
+      label={label}
+      onChange={setValue}
+      options={options}
+      placeholder={placeholder}
+      value={value}
+    />
+  )
+}
+
+/**
+ * The assembled default: a button showing the current value, a
+ * chevron, and the `Listbox` panel already wired to it.
+ */
+export const Default: Story = {
+  render: () => (
+    <PickerHarness
+      initialValue="eng"
+      label="Language"
+      options={LANGUAGES}
+    />
+  ),
+}
+
+/**
+ * Nothing chosen yet, a disabled option, and rich option labels —
+ * each with a `textValue` so type-ahead and the trigger's text stay
+ * plain strings.
+ */
+export const AllStates: Story = {
+  render: () => (
+    <div className="flex flex-col gap-6">
+      <StorySection title="Seeded">
+        <StoryRow>
+          <PickerHarness
+            initialValue="spa"
+            label="Language"
+            options={LANGUAGES}
+          />
+        </StoryRow>
+      </StorySection>
+
+      <StorySection title="Empty — reads its placeholder">
+        <StoryRow>
+          <PickerHarness
+            label="Language"
+            options={LANGUAGES}
+            placeholder="Choose a language…"
+          />
+        </StoryRow>
+      </StorySection>
+
+      <StorySection title="Rich options">
+        <StoryRow>
+          <PickerHarness
+            initialValue="eng"
+            label="Audio track"
+            options={TRACKS}
+          />
+        </StoryRow>
+      </StorySection>
+
+      <StorySection title="Disabled">
+        <StoryRow>
+          <Picker
+            isDisabled
+            label="Language"
+            onChange={() => {}}
+            options={LANGUAGES}
+            value="eng"
+          />
+        </StoryRow>
+      </StorySection>
+    </div>
+  ),
+}
+
+/**
+ * Drive it: open, choose, and watch the trigger's accessible name
+ * follow the value — `"Language: English"` becomes
+ * `"Language: French"`.
+ */
+export const Interactive: Story = {
+  render: () => (
+    <PickerHarness
+      initialValue="eng"
+      label="Language"
+      options={LANGUAGES}
+    />
+  ),
+}

package/src/Picker/Picker.test.tsx

@@ -0,0 +1,98 @@
+import { composeStories } from "@storybook/react"
+import { expect, userEvent, waitFor } from "storybook/test"
+import { test } from "vitest"
+
+import { expectNoAxeViolations } from "../expectNoAxeViolations.testHelpers.ts"
+import { mountStory } from "../mountStory.testHelpers.ts"
+import { expectAgentDrivable } from "../testing/index.ts"
+import * as stories from "./Picker.stories.tsx"
+
+const { AllStates, Default, Interactive } =
+  composeStories(stories)
+
+test("the trigger's accessible name carries the current value", async () => {
+  const { canvas, canvasElement } =
+    await mountStory(Default)
+
+  // Not a bare "Language": the button's VISIBLE text is the value, and
+  // WCAG 2.5.3 wants the visible text inside the accessible name.
+  const trigger = expectAgentDrivable(canvas, {
+    name: "Language: English",
+    role: "button",
+  })
+
+  await expect(trigger).toHaveAttribute(
+    "aria-haspopup",
+    "listbox",
+  )
+
+  await expectNoAxeViolations(canvasElement)
+})
+
+test("choosing an option updates the trigger", async () => {
+  const { body, canvas } = await mountStory(Interactive)
+
+  await userEvent.click(
+    expectAgentDrivable(canvas, {
+      name: "Language: English",
+      role: "button",
+    }),
+  )
+
+  await userEvent.click(
+    expectAgentDrivable(body, {
+      name: "French",
+      role: "option",
+    }),
+  )
+
+  await waitFor(() => {
+    expectAgentDrivable(canvas, {
+      name: "Language: French",
+      role: "button",
+    })
+  })
+})
+
+test("a picker with no value reads its placeholder", async () => {
+  const { canvas } = await mountStory(AllStates)
+
+  expectAgentDrivable(canvas, {
+    name: "Language: Choose a language…",
+    role: "button",
+  })
+})
+
+test("a disabled picker does not open", async () => {
+  const { body, canvas } = await mountStory(AllStates)
+
+  const disabledTrigger = canvas
+    .getAllByRole("button", { name: "Language: English" })
+    .find((button: HTMLElement) =>
+      button.hasAttribute("disabled"),
+    )
+
+  await expect(disabledTrigger).toBeDefined()
+
+  await userEvent.click(disabledTrigger as HTMLElement, {
+    pointerEventsCheck: 0,
+  })
+
+  await expect(body.queryAllByRole("listbox")).toHaveLength(
+    0,
+  )
+})
+
+test("a rich option label keeps a plain-string trigger via textValue", async () => {
+  const { canvas, canvasElement } =
+    await mountStory(AllStates)
+
+  // The label is JSX (a flag, a badge); `textValue` is what the name
+  // and the type-ahead use, so the trigger does not read "🇬🇧 English 5.1".
+  expectAgentDrivable(canvas, {
+    name: "Audio track: English",
+    role: "button",
+  })
+
+  await expectNoAxeViolations(canvasElement)
+})

package/src/Picker/Picker.tsx

@@ -0,0 +1,186 @@
+import { useVisibility } from "@charcuterie/logic"
+import type {
+  ControlSize,
+  IntentName,
+} from "@charcuterie/tokens"
+import type { Placement } from "@floating-ui/react"
+import type {
+  ComponentPropsWithRef,
+  ReactNode,
+} from "react"
+
+import { Button } from "../Button/Button.tsx"
+import type { IntentAppearance } from "../intentStyles.ts"
+import type { ListboxItem } from "../Listbox/Listbox.tsx"
+import { Listbox } from "../Listbox/Listbox.tsx"
+
+export type PickerOption = ListboxItem
+
+/**
+ * A constant element rather than a component, for the same reason
+ * `Select` inlines its own: a second component in this file trips the
+ * house rule, and this never varies.
+ */
+const CHEVRON_DOWN = (
+  <svg
+    aria-hidden="true"
+    className="size-4"
+    fill="none"
+    focusable={false}
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth={1.75}
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="m6 9 6 6 6-6" />
+  </svg>
+)
+
+export type PickerProps = Omit<
+  ComponentPropsWithRef<"button">,
+  "disabled" | "onChange" | "value"
+> & {
+  appearance?: IntentAppearance
+  className?: string
+  intent?: IntentName
+  isDisabled?: boolean
+  /**
+   * What the control is FOR — "Language", "Quantifier", "Rule type".
+   * Not the current value; that is read off `options`.
+   */
+  label: string
+  /**
+   * Defaults to a chevron. Pass `null` to drop it — a picker rendered
+   * inside a denser control row may not want the affordance, and a
+   * refactor moving an existing hand-rolled trigger onto `Picker`
+   * stays pixel-identical by passing `null` rather than re-baselining
+   * every screenshot that contains it.
+   */
+  iconEnd?: ReactNode
+  onChange: (value: string) => void
+  options: readonly PickerOption[]
+  placement?: Placement
+  /** Read by the trigger when `value` matches no option. */
+  placeholder?: string
+  size?: ControlSize
+  value?: string
+}
+
+/**
+ * A `Listbox` with the trigger already attached — the shape every app
+ * reaches for when it wants "a select, but ours".
+ *
+ * ### Four repos wrote this, and the fourth is this package
+ *
+ * `Listbox` is deliberately trigger-agnostic: it takes a `trigger`
+ * element and owns none of the open state, which is what lets it hang
+ * off a button, a tile, a table header. The cost is that the *common*
+ * case — a button showing the current value — is about thirty lines,
+ * and the fleet wrote them four times: queuepilot's `SelectListbox`,
+ * board-games' `SelectMenu` (on `useState` rather than
+ * `useVisibility`), mux-magic's `ListboxPicker`, and — the tell —
+ * **twice inside this package**, in `QueryBuilderCombinator` and in
+ * `QueryBuilder`'s own story. Each also hand-rolled the same chevron.
+ *
+ * `Listbox` stays exactly as it is. This is the assembled default.
+ *
+ * ### Why it is not called `SinglePicker`
+ *
+ * The state layer has `useSinglePicker` and `useMultiplePicker`, so a
+ * name near "picker" invites the question of whether this is their
+ * component. It is not, and no component is: `useSinglePicker` is a
+ * state kind that `Listbox`, `Combobox` and `Tabs` all compose. This
+ * component owns a `useVisibility` and delegates selection to
+ * `Listbox`, which is where the picker state actually lives. The name
+ * is the owner's, chosen over `SelectListbox` and `ListboxButton`.
+ *
+ * ### The accessible name carries the current value
+ *
+ * `"Language: English"`, not `"Language"`. The trigger's visible text
+ * IS the current value, and WCAG 2.5.3 requires the visible text to be
+ * contained in the accessible name — so a bare `aria-label={label}`
+ * fails it, which is a latent defect in one of the hand-rolled
+ * versions this replaces. It also makes each control uniquely findable
+ * when a form has several, which is the property `expectAgentDrivable`
+ * exists to protect.
+ *
+ * Query it as `getByRole("button", { name: /^Language: / })`.
+ *
+ * ### `id` does not survive; `data-testid` does
+ *
+ * `useAnchoredOverlay` overwrites the trigger's `id` with a generated
+ * one, so the portalled listbox can point `aria-labelledby` across at
+ * it. An `id` passed here is therefore silently replaced — queuepilot
+ * found this the hard way and switched its e2e handles to
+ * `data-testid`, which nothing injects. Everything else on the button
+ * (`data-*`, `onClick`, `form`, …) passes straight through.
+ */
+export const Picker = ({
+  appearance = "outline",
+  className,
+  iconEnd = CHEVRON_DOWN,
+  intent = "neutral",
+  isDisabled = false,
+  label,
+  onChange,
+  options,
+  placement,
+  placeholder,
+  size,
+  value,
+  ...buttonProps
+}: PickerProps): ReactNode => {
+  const { hide, isVisible, toggle } = useVisibility()
+
+  const currentOption = options.find(
+    (option) => option.value === value,
+  )
+
+  const currentText =
+    currentOption === undefined
+      ? placeholder
+      : (currentOption.textValue ??
+        (typeof currentOption.label === "string"
+          ? currentOption.label
+          : undefined))
+
+  const triggerText = currentText ?? placeholder ?? ""
+
+  return (
+    <Listbox
+      // A disabled control must not open, and hiding the panel is a
+      // truer way to say that than trusting the trigger's click alone —
+      // Escape and outside-press both route through `onDismiss`.
+      isVisible={isVisible && !isDisabled}
+      onDismiss={hide}
+      onSelect={onChange}
+      options={options}
+      placement={placement}
+      selectedValue={value}
+      trigger={
+        <Button
+          {...buttonProps}
+          appearance={appearance}
+          aria-label={`${label}: ${triggerText}`}
+          className={className}
+          iconEnd={iconEnd}
+          intent={intent}
+          isDisabled={isDisabled}
+          onClick={(clickEvent) => {
+            buttonProps.onClick?.(clickEvent)
+
+            toggle()
+          }}
+          size={size}
+          type="button"
+        >
+          {currentOption === undefined
+            ? placeholder
+            : currentOption.label}
+        </Button>
+      }
+    />
+  )
+}

package/src/QueryBuilder/QueryBuilder.stories.tsx

@@ -1,15 +1,10 @@
 import type { SerializedTree } from "@charcuterie/logic"
-import {
-  createTree,
-  useTree,
-  useVisibility,
-} from "@charcuterie/logic"
+import { createTree, useTree } from "@charcuterie/logic"
 import type { Meta, StoryObj } from "@storybook/react"
 import type { ReactNode } from "react"
 import { useState } from "react"
-import { Button } from "../Button/Button.tsx"
 import { StorySection } from "../board.storyHelpers.tsx"
-import { Listbox } from "../Listbox/Listbox.tsx"
+import { Picker } from "../Picker/Picker.tsx"
 import { QueryBuilder } from "./QueryBuilder.tsx"
 
 /**
@@ -52,58 +47,6 @@ const createLeafValue = (): DemoLeaf => ({
   value: "",
 })
 
-/**
- * A leaf's own picker — a `Listbox`, like the combinator above it,
- * because [the 2026-08-10 demotion](../../../../docs/decisions/2026-08-10-listbox-and-combobox-are-the-default-and-select-is-demoted.md)
- * applies to an app's leaf UI exactly as it does to this component's
- * own controls. This story is the example apps copy, so it must not
- * teach the native `Select` the record demoted.
- *
- * It is a component rather than inline JSX for the same reason
- * `QueryBuilderCombinator` is: `Listbox` needs a visibility state, and
- * a leaf is rendered inside a `.map` where a hook cannot be called.
- * An app adopting `QueryBuilder` writes this same small wrapper — see
- * the note in `QueryBuilder.mdx`.
- */
-const LeafPicker = ({
-  label,
-  onChange,
-  options,
-  value,
-}: {
-  label: string
-  onChange: (value: string) => void
-  options: readonly { label: string; value: string }[]
-  value: string
-}): ReactNode => {
-  const { hide, isVisible, toggle } = useVisibility()
-
-  const currentLabel =
-    options.find((option) => option.value === value)
-      ?.label ?? ""
-
-  return (
-    <Listbox
-      isVisible={isVisible}
-      onDismiss={hide}
-      onSelect={onChange}
-      options={options}
-      selectedValue={value}
-      trigger={
-        <Button
-          appearance="outline"
-          aria-label={`${label}: ${currentLabel}`}
-          intent="neutral"
-          onClick={toggle}
-          size="sm"
-        >
-          {currentLabel}
-        </Button>
-      }
-    />
-  )
-}
-
 const renderLeaf = ({
   onChange,
   value,
@@ -113,21 +56,25 @@ const renderLeaf = ({
   value: DemoLeaf
 }): ReactNode => (
   <div className="flex flex-wrap items-center gap-2">
-    <LeafPicker
+    <Picker
+      iconEnd={null}
       label="Field"
       onChange={(field) => {
         onChange({ ...value, field })
       }}
       options={FIELD_OPTIONS}
+      size="sm"
       value={value.field}
     />
 
-    <LeafPicker
+    <Picker
+      iconEnd={null}
       label="Operator"
       onChange={(operator) => {
         onChange({ ...value, operator })
       }}
       options={OPERATOR_OPTIONS}
+      size="sm"
       value={value.operator}
     />
 
@@ -357,7 +304,8 @@ const CombinatorPair = ({
       </span>
 
       <div className="flex items-center gap-1.5">
-        <LeafPicker
+        <Picker
+          iconEnd={null}
           label="Quantifier"
           onChange={(nextQuantifier) => {
             setQuantifier(nextQuantifier)
@@ -374,10 +322,12 @@ const CombinatorPair = ({
             )
           }}
           options={QUANTIFIER_OPTIONS}
+          size="sm"
           value={quantifier}
         />
 
-        <LeafPicker
+        <Picker
+          iconEnd={null}
           label="Target"
           onChange={(nextTarget) => {
             setTarget(nextTarget)
@@ -389,6 +339,7 @@ const CombinatorPair = ({
             )
           }}
           options={targetOptions}
+          size="sm"
           value={resolvedTarget}
         />
       </div>

package/src/QueryBuilder/QueryBuilderCombinator.tsx

@@ -1,8 +1,6 @@
-import { useVisibility } from "@charcuterie/logic"
 import type { ReactNode } from "react"
 
-import { Button } from "../Button/Button.tsx"
-import { Listbox } from "../Listbox/Listbox.tsx"
+import { Picker } from "../Picker/Picker.tsx"
 
 export type QueryBuilderCombinatorProps<Combinator> = {
   /** The visible caption above the control, e.g. "Match". */
@@ -18,91 +16,54 @@ export type QueryBuilderCombinatorProps<Combinator> = {
 /**
  * One group's combinator picker.
  *
- * A `Listbox`, not a native `Select`, per
+ * A `Picker` — a `Listbox` with its trigger attached — rather than a
+ * native `Select`, per
  * [the 2026-08-10 demotion](../../../../docs/decisions/2026-08-10-listbox-and-combobox-are-the-default-and-select-is-demoted.md).
- * `QueryBuilder` shipped in #84 with a `Select` the day after that
- * record landed; `charcuterie/prefer-listbox-over-select` did not
- * catch it because the component-choice block is scoped to app
- * packages and exempts this one — right for a primitive, wrong for a
- * composite an app consumes whole.
+ * This file used to assemble the trigger by hand; `Picker` exists
+ * because it was the fourth place in the fleet doing so.
  *
- * ### Why this is its own file
+ * ### What is left here, and why it is still a component
  *
- * `Listbox` needs a visibility state, and a group renders one picker
- * per group inside a recursive `.map`. A hook cannot be called there,
- * so the picker becomes a component — the same member-file case as
- * `QueryBuilderRow`.
- *
- * ### The name, and why it is not a `Field`
- *
- * `Field` wires `<label htmlFor>` by cloning its `id` onto the
- * control. `Listbox`'s trigger cannot take one: `useAnchoredOverlay`
- * overwrites the cloned trigger's `id` with the one the panel points
- * `aria-labelledby` at, so the label would address an element that no
- * longer carries that id — the exact defect `Field` exists to
- * prevent. So the caption is plain text and the trigger is named with
- * `aria-label`.
- *
- * That name is `"<label>: <current value>"` rather than bare
- * `"<label>"` on purpose: the button's visible text is the current
- * combinator, and WCAG 2.5.3 wants the visible text contained in the
- * accessible name. "Match" alone would fail it; "Match: ALL — every
- * condition" reads correctly and keeps each group's control findable
- * by name.
- *
- * The combinator stays opaque here exactly as it is in the rest of
- * the component: `String(value)` bridges it to the string-valued
- * `Listbox`, and a selection is mapped back to the real `Combinator`
- * before it leaves.
+ * Only the bridging. `Combinator` is opaque to `QueryBuilder`, so it
+ * cannot reach `Picker`'s string-valued API directly: `String(value)`
+ * carries it out and the matching option carries it back, so the
+ * generic never leaks. The caption is plain text rather than a
+ * `Field`, because `useAnchoredOverlay` overwrites the trigger's `id`
+ * and a `<label htmlFor>` would then address an element that no longer
+ * carries it — the exact defect `Field` exists to prevent.
  */
 export const QueryBuilderCombinator = <Combinator,>({
   label,
   onChange,
   options,
   value,
-}: QueryBuilderCombinatorProps<Combinator>): ReactNode => {
-  const { hide, isVisible, toggle } = useVisibility()
+}: QueryBuilderCombinatorProps<Combinator>): ReactNode => (
+  <div className="flex flex-col gap-1.5">
+    <span className="font-medium text-content-primary text-sm">
+      {label}
+    </span>
 
-  const currentOption = options.find(
-    (option) => String(option.value) === String(value),
-  )
+    <Picker
+      // No chevron: this is a refactor onto the shared component, and
+      // the trigger that shipped in 2.14.0 had none. Adding the
+      // affordance here is a visual change and belongs in its own PR,
+      // not smuggled in under an extraction.
+      iconEnd={null}
+      label={label}
+      onChange={(nextValue) => {
+        const match = options.find(
+          (option) => String(option.value) === nextValue,
+        )
 
-  const currentLabel = currentOption?.label ?? ""
-
-  return (
-    <div className="flex flex-col gap-1.5">
-      <span className="font-medium text-content-primary text-sm">
-        {label}
-      </span>
-
-      <Listbox
-        isVisible={isVisible}
-        onDismiss={hide}
-        onSelect={(nextValue) => {
-          const match = options.find(
-            (option) => String(option.value) === nextValue,
-          )
-
-          if (match) {
-            onChange(match.value)
-          }
-        }}
-        options={options.map((option) => ({
-          label: option.label,
-          value: String(option.value),
-        }))}
-        selectedValue={String(value)}
-        trigger={
-          <Button
-            appearance="outline"
-            aria-label={`${label}: ${currentLabel}`}
-            intent="neutral"
-            onClick={toggle}
-          >
-            {currentLabel}
-          </Button>
+        if (match) {
+          onChange(match.value)
         }
-      />
-    </div>
-  )
-}
+      }}
+      options={options.map((option) => ({
+        label: option.label,
+        value: String(option.value),
+      }))}
+      value={String(value)}
+    />
+  </div>
+)

package/src/index.ts

@@ -160,6 +160,11 @@ export type {
 export { Menu } from "./Menu/Menu.tsx"
 export type { ModalProps } from "./Modal/Modal.tsx"
 export { Modal } from "./Modal/Modal.tsx"
+export type {
+  PickerOption,
+  PickerProps,
+} from "./Picker/Picker.tsx"
+export { Picker } from "./Picker/Picker.tsx"
 export type { PopoverProps } from "./Popover/Popover.tsx"
 export { Popover } from "./Popover/Popover.tsx"
 export type {

package/src/sourceRules.test.ts

@@ -373,7 +373,13 @@ test("the barrel is the only place components are re-exported", async () => {
   // both are rendered inside a `.map` — and stay out of this count and
   // the barrel by the `<Name>/<Name>.tsx` rule, exactly as
   // `SegmentedOption` and `ListboxOption` do.
-  expect(componentNames.length).toBe(44)
+  //
+  // `Picker` — a `Listbox` with its trigger already attached — is +1 ->
+  // 45. It is a component rather than a recipe in the docs because the
+  // fleet wrote it four separate times (plex-channels' `SelectListbox`,
+  // board-games' `SelectMenu`, mux-magic's `ListboxPicker`, and twice
+  // inside this package), each with its own hand-rolled chevron.
+  expect(componentNames.length).toBe(45)
 
   for (const name of componentNames) {
     expect(barrel).toContain(`export { ${name} }`)