@oxy.so/bloom 4.5.0 → 4.6.1

package/README.md

@@ -153,7 +153,7 @@ Every palette is generated from a single seed colour by a dependency free colour
 
 Bloom publishes 168 subpath exports. Importing from the subpath rather than the root keeps a bundle to what it actually renders.
 
-Icons go one step further: every glyph is its own subpath, `@oxy.so/bloom/icons/<RiName>`. Metro does not tree-shake, so the flat `@oxy.so/bloom/icons` barrel ships all 461 glyphs to any app that names one — see [icons](./docs/icons.mdx) for the measurement and when to reach for which import. The barrel keeps working unchanged — it stays an exact `exports` key, and an exact key beats a pattern everywhere.
+Icons go one step further: every glyph is its own subpath, `@oxy.so/bloom/icons/<RiName>`. Metro does not tree-shake, so the flat `@oxy.so/bloom/icons` barrel ships all 475 glyphs to any app that names one — see [icons](./docs/icons.mdx) for the measurement and when to reach for which import. The barrel keeps working unchanged — it stays an exact `exports` key, and an exact key beats a pattern everywhere.
 
 | Group | Exports |
 |---|---|

package/docs/adoption-matrix.mdx

@@ -166,18 +166,18 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `connection-status` | `@oxy.so/bloom/connection-status` + barrel | web fork | `connection-status.mdx` | yes | 1 |  |  |  |  |
 | `contact-card` | `@oxy.so/bloom/contact-card` + barrel | universal | `contact-card.mdx` | yes | 1 |  |  |  |  |
 | `content-panel` | `@oxy.so/bloom/content-panel` + barrel | web fork | `content-panel.mdx` | yes | 8 |  |  |  |  |
-| `context-menu` | `@oxy.so/bloom/context-menu` + barrel | web fork | `context-menu.mdx` | yes | 2 |  |  | reads |  |
+| `context-menu` | `@oxy.so/bloom/context-menu` + barrel | web fork | `context-menu.mdx` | yes | 3 |  |  | reads |  |
 | `control-surface` | `@oxy.so/bloom/control-surface` + barrel | universal | `composition.mdx` | yes | 3 |  | reads |  |  |
 | `creator-studio` | `@oxy.so/bloom/creator-studio` + barrel | universal | `creator-studio.mdx` | yes | 3 |  | n/a¹ |  | **adaptation** |
 | `data-table` | `@oxy.so/bloom/data-table` + barrel | universal | `data-table.mdx` | yes | 3 |  |  |  | reads |
 | `date-picker` | `@oxy.so/bloom/date-picker` + barrel | universal | `date-picker.mdx` | yes | 4 | reads | reads |  | reads |
 | `delivery-slot` | `@oxy.so/bloom/delivery-slot` + barrel | universal | `delivery-slot.mdx` | yes | 2 | reads |  |  |  |
 | `design-tokens` | `@oxy.so/bloom/design-tokens` + barrel | universal | `design-tokens.mdx` | yes | 3 |  |  |  |  |
-| `dialog` | `@oxy.so/bloom/dialog` + barrel | web fork | `dialog.mdx` | yes | 14 |  |  |  |  |
+| `dialog` | `@oxy.so/bloom/dialog` + barrel | web fork | `dialog.mdx` | yes | 16 |  |  |  |  |
 | `directions` | `@oxy.so/bloom/directions` + barrel | universal | `directions.mdx` | yes | 2 |  |  |  |  |
 | `divider` | `@oxy.so/bloom/divider` + barrel | universal | `divider.mdx` | yes | 1 |  |  |  |  |
 | `dot-grid-meter` | `@oxy.so/bloom/dot-grid-meter` + barrel | universal | `dot-grid-meter.mdx` | yes | 2 |  |  |  |  |
-| `dropdown-menu` | `@oxy.so/bloom/dropdown-menu` + barrel | web fork | `dropdown-menu.mdx` | yes | 4 |  |  | reads | reads |
+| `dropdown-menu` | `@oxy.so/bloom/dropdown-menu` + barrel | web fork | `dropdown-menu.mdx` | yes | 5 |  |  | reads | reads |
 | `earnings` | `@oxy.so/bloom/earnings` + barrel | universal | `earnings.mdx` | yes | 1 |  |  |  | reads |
 | `empty-state` | `@oxy.so/bloom/empty-state` + barrel | universal | `empty-state.mdx` | yes | 1 |  |  |  |  |
 | `error-boundary` | `@oxy.so/bloom/error-boundary` + barrel | universal | `error-boundary.mdx` | yes | 1 |  |  |  |  |
@@ -186,7 +186,7 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `field` | `@oxy.so/bloom/field` + barrel | universal | `field.mdx` | yes | 9 | reads |  |  |  |
 | `file-upload` | `@oxy.so/bloom/file-upload` + barrel | universal | `file-upload.mdx` | yes | 3 | reads |  |  |  |
 | `fill` | `@oxy.so/bloom/fill` + barrel | universal | `fill.mdx` | yes | 1 |  |  |  |  |
-| `floating` | internal | universal | — | — | 14 | n/a¹ |  | reads | reads |
+| `floating` | internal | universal | — | — | 15 | n/a¹ |  | reads | reads |
 | `fonts` | `@oxy.so/bloom/fonts` + barrel | web fork | `fonts.mdx` | yes | 2 |  |  |  |  |
 | `frosted-icon-button` | `@oxy.so/bloom/frosted-icon-button` + barrel | web fork | `frosted-icon-button.mdx` | yes | 4 |  |  |  |  |
 | `glass` | internal | universal | `glass.mdx` | — | 1 |  | reads |  |  |
@@ -205,7 +205,7 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `job-board` | `@oxy.so/bloom/job-board` + barrel | universal | `job-board.mdx` | yes | 1 | n/a¹ |  |  | reads |
 | `kbd` | `@oxy.so/bloom/kbd` + barrel | universal | `kbd.mdx` | yes | 1 |  |  |  |  |
 | `label` | `@oxy.so/bloom/label` + barrel | universal | `label.mdx` | yes | 1 |  |  |  |  |
-| `layout` | `@oxy.so/bloom/layout` + barrel | universal | `layout.mdx` | yes | 7 |  |  |  |  |
+| `layout` | `@oxy.so/bloom/layout` + barrel | universal | `layout.mdx` | yes | 8 |  |  |  |  |
 | `lead-score` | `@oxy.so/bloom/lead-score` + barrel | universal | `lead-score.mdx` | yes | 1 |  |  |  |  |
 | `link-preview` | `@oxy.so/bloom/link-preview` + barrel | universal | `link-preview.mdx` | yes | 2 |  |  |  |  |
 | `list` | `@oxy.so/bloom/list` + barrel | web fork | `list.mdx` | yes | 2 |  |  |  |  |
@@ -230,7 +230,7 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `media-player` | `@oxy.so/bloom/media-player` + barrel | universal | `media-player.mdx` | yes | 3 |  |  |  |  |
 | `media-shelf` | `@oxy.so/bloom/media-shelf` + barrel | universal | `media-shelf.mdx` | yes | 1 |  |  |  |  |
 | `menu-item` | `@oxy.so/bloom/menu-item` + barrel | universal | `menu-item.mdx` | yes | 1 |  |  |  |  |
-| `menubar` | `@oxy.so/bloom/menubar` + barrel | web fork | `menubar.mdx` | yes | 2 |  |  | reads | reads |
+| `menubar` | `@oxy.so/bloom/menubar` + barrel | web fork | `menubar.mdx` | yes | 4 |  |  | reads | reads |
 | `message-bubble` | `@oxy.so/bloom/message-bubble` + barrel | universal | `message-bubble.mdx` | yes | 1 |  |  |  |  |
 | `message-media` | `@oxy.so/bloom/message-media` + barrel | universal | `message-media.mdx` | yes | 1 | n/a¹ |  |  |  |
 | `motion` | `@oxy.so/bloom/motion` + barrel | web fork | `motion.mdx` | yes | 2 |  |  |  |  |
@@ -245,7 +245,7 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `order-status` | `@oxy.so/bloom/order-status` + barrel | universal | `order-status.mdx` | yes | 1 |  |  |  |  |
 | `outline-nav` | `@oxy.so/bloom/outline-nav` + barrel | universal | `outline-nav.mdx` | yes | 1 |  |  |  |  |
 | `overlay` | `@oxy.so/bloom/overlay` + barrel | universal | `overlay.mdx` | yes | 9 |  |  |  |  |
-| `page-header` | `@oxy.so/bloom/page-header` + barrel | universal | `page-header.mdx` | yes | 2 |  | reads |  |  |
+| `page-header` | `@oxy.so/bloom/page-header` + barrel | universal | `page-header.mdx` | yes | 3 |  | reads |  |  |
 | `pagination` | `@oxy.so/bloom/pagination` + barrel | universal | `pagination.mdx` | yes | 1 |  |  |  |  |
 | `patient-info-card` | `@oxy.so/bloom/patient-info-card` + barrel | universal | `patient-info-card.mdx` | yes | 1 |  |  |  |  |
 | `payment-method` | `@oxy.so/bloom/payment-method` + barrel | universal | `payment-method.mdx` | yes | 2 | reads |  |  |  |
@@ -275,8 +275,8 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `screen` | `@oxy.so/bloom/screen` + barrel | universal | `screen.mdx` | yes | 5 |  |  |  |  |
 | `scroll` | `@oxy.so/bloom/scroll` + barrel | web fork | `scroll.mdx` | yes | 5 |  |  |  |  |
 | `search` | `@oxy.so/bloom/search` + barrel | universal | `search.mdx` | yes | 1 |  |  |  |  |
-| `segmented-control` | `@oxy.so/bloom/segmented-control` + barrel | universal | `segmented-control.mdx` | yes | 3 | reads |  |  |  |
-| `select` | `@oxy.so/bloom/select` + barrel | web fork | `select.mdx` | yes | 6 | reads |  | reads |  |
+| `segmented-control` | `@oxy.so/bloom/segmented-control` + barrel | universal | `segmented-control.mdx` | yes | 4 | reads |  |  |  |
+| `select` | `@oxy.so/bloom/select` + barrel | web fork | `select.mdx` | yes | 7 | reads |  | reads |  |
 | `settings-list` | `@oxy.so/bloom/settings-list` + barrel | universal | `settings-list.mdx` | yes | 5 |  |  |  |  |
 | `settings-modal` | `@oxy.so/bloom/settings-modal` + barrel | universal | `settings-modal.mdx` | yes | 2 |  |  |  | reads |
 | `shipment-request` | `@oxy.so/bloom/shipment-request` + barrel | universal | `shipment-request.mdx` | yes | 1 | **adaptation** |  |  |  |
@@ -290,21 +290,21 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
 | `stay-filters` | `@oxy.so/bloom/stay-filters` + barrel | universal | `stay-filters.mdx` | yes | 4 | n/a¹ |  |  |  |
 | `stay-search` | `@oxy.so/bloom/stay-search` + barrel | universal | `stay-search.mdx` | yes | 4 |  |  |  |  |
 | `stepper` | `@oxy.so/bloom/stepper` + barrel | universal | `stepper.mdx` | yes | 3 | reads |  |  |  |
-| `styles` | `@oxy.so/bloom/styles` + barrel | universal | `styles.mdx` | yes | 64 |  |  |  |  |
+| `styles` | `@oxy.so/bloom/styles` + barrel | universal | `styles.mdx` | yes | 65 |  |  |  |  |
 | `subtle-hover` | `@oxy.so/bloom/subtle-hover` + barrel | universal | `subtle-hover.mdx` | yes | 1 |  |  |  |  |
 | `surfaces` | `@oxy.so/bloom/surfaces` + barrel | web fork | `alert.mdx` | yes | 2 |  |  |  |  |
 | `swipe-row` | `@oxy.so/bloom/swipe-row` + barrel | universal | `swipe-row.mdx` | yes | 1 |  |  |  |  |
 | `switch` | `@oxy.so/bloom/switch` + barrel | universal | `switch.mdx` | yes | 6 | reads |  |  |  |
 | `tab-bar` | `@oxy.so/bloom/tab-bar` | web fork | `tab-bar.mdx` | yes | 12 |  |  | reads |  |
 | `table` | `@oxy.so/bloom/table` + barrel | universal | `table.mdx` | yes | 1 |  |  |  |  |
-| `tabs` | `@oxy.so/bloom/tabs` + barrel | universal | `tabs.mdx` | yes | 2 |  |  |  |  |
+| `tabs` | `@oxy.so/bloom/tabs` + barrel | universal | `tabs.mdx` | yes | 3 |  |  |  |  |
 | `tag-field` | `@oxy.so/bloom/tag-field` + barrel | universal | `tag-field.mdx` | yes | 2 | reads | reads |  |  |
 | `task-list` | `@oxy.so/bloom/task-list` + barrel | universal | `task-list.mdx` | yes | 1 |  |  |  |  |
 | `teleport` | `@oxy.so/bloom/teleport` | universal | `teleport.mdx` | yes | 1 |  |  |  |  |
 | `tenancy` | `@oxy.so/bloom/tenancy` + barrel | universal | `tenancy.mdx` | yes | 3 |  | n/a¹ |  |  |
 | `text-field` | `@oxy.so/bloom/text-field` + barrel | universal | `text-field.mdx` | yes | 13 | reads | reads |  |  |
 | `textarea` | `@oxy.so/bloom/textarea` + barrel | universal | `textarea.mdx` | yes | 4 | reads | reads |  | n/a¹ |
-| `theme` | `@oxy.so/bloom/theme` + barrel | web fork | `theme.mdx` | yes | 289 |  |  | n/a¹ | reads |
+| `theme` | `@oxy.so/bloom/theme` + barrel | web fork | `theme.mdx` | yes | 294 |  |  | n/a¹ | reads |
 | `theme-toggle` | `@oxy.so/bloom/theme-toggle` + barrel | universal | `theme-toggle.mdx` | yes | 1 | n/a¹ |  |  |  |
 | `toast` | `@oxy.so/bloom/toast` + barrel | universal | `toast.mdx` | yes | 17 |  |  |  |  |
 | `tooltip` | `@oxy.so/bloom/tooltip` + barrel | web fork | `tooltip.mdx` | yes | 1 |  |  |  |  |

package/docs/code.mdx

@@ -78,6 +78,18 @@ surface.
 
 `tokenizeCode(source, language, highlight)` is exported for surfaces that lay
 the tokens out themselves; it returns one array of `{ kind, text }` per line.
+Colour them with `tokenColor(kind, useCodePalette())` — the same palette the
+card paints with, so a hand-laid editor or diff mock-up and a `CodeBlock` on the
+same page cannot disagree about what a keyword looks like.
+
+```tsx
+import { tokenColor, tokenizeCode, useCodePalette } from '@oxy.so/bloom/code';
+
+const palette = useCodePalette();
+tokenizeCode(source, 'tsx').map((line) =>
+  line.map((token) => <span style={{ color: tokenColor(token.kind, palette) }}>{token.text}</span>),
+);
+```
 
 ## Props
 

package/docs/context-menu.mdx

@@ -63,3 +63,5 @@ On native there is no cursor to anchor to, so a long press presents the same bot
 Everything `DropdownMenu` documents applies, under the `ContextMenu` prefix: `ContextMenuItem`, `ContextMenuCheckboxItem`, `ContextMenuRadioGroup` / `ContextMenuRadioItem`, `ContextMenuLabel`, `ContextMenuSeparator`, `ContextMenuShortcut`, `ContextMenuGroup`, and `ContextMenuSub` / `ContextMenuSubTrigger` / `ContextMenuSubContent`.
 
 Sub-menus fly out beside their trigger row on web and render as an inline disclosure on native — see [DropdownMenu](/docs/bloom/main/dropdown-menu) for the hover, keyboard and placement behaviour, which is shared.
+
+On web a right-click opens the menu with focus on its first row, so the menu's keys work at once: the arrows move and wrap, <kbd>Home</kbd> · <kbd>End</kbd> jump, <kbd>Enter</kbd> · <kbd>Space</kbd> activate, and <kbd>Esc</kbd> · <kbd>Tab</kbd> close it, returning focus to the trigger. No ring is painted for a pointer open — rows highlight on `:focus-visible` only.

package/docs/dropdown-menu.mdx

@@ -106,6 +106,27 @@ Both announce their state as `aria-checked`, which is the spelling react-native-
 
 The established defaults stay unchanged: checkbox rows use a check and radio rows use a dot, both in the leading gutter. `indicator` replaces that selected mark, `indicatorPosition="trailing"` moves its reserved gutter to the opposite edge, and `indicator={null}` suppresses the visual mark without removing `aria-checked`. These props are implemented once by the shared row factory, so `ContextMenu` and `Menubar` receive the identical contract.
 
+## Keyboard (web)
+
+The web menu follows the ARIA menu-button pattern, and the same keys reach `ContextMenu` and `Menubar` — all three render one row set (`floating/menu-keyboard.ts`):
+
+| where | key | does |
+| --- | --- | --- |
+| trigger | <kbd>Enter</kbd> · <kbd>Space</kbd> · <kbd>↓</kbd> | opens the menu with focus on the first enabled row |
+| trigger | <kbd>↑</kbd> | opens the menu with focus on the last enabled row |
+| trigger, menu already open (pointer) | <kbd>↓</kbd> · <kbd>↑</kbd> | moves focus into the menu (first / last row) |
+| menu | <kbd>↓</kbd> · <kbd>↑</kbd> | next / previous enabled row, wrapping at the ends |
+| menu | <kbd>Home</kbd> · <kbd>End</kbd> | first / last enabled row |
+| menu | <kbd>Enter</kbd> · <kbd>Space</kbd> | activates the row: a checkbox row toggles, a radio row selects, and `keepOpen` still decides whether the menu closes |
+| menu | <kbd>Esc</kbd> · <kbd>Tab</kbd> | closes the menu; a menu is not part of the page's tab order |
+| sub trigger | <kbd>→</kbd> · <kbd>Enter</kbd> · <kbd>Space</kbd> | opens the flyout on its first row (below) |
+| flyout | <kbd>←</kbd> · <kbd>Esc</kbd> | closes the flyout onto its trigger row, leaving the menu open |
+| flyout | <kbd>Tab</kbd> | closes the whole menu |
+
+Whenever the menu closes with focus inside it — a row activated, <kbd>Esc</kbd>, <kbd>Tab</kbd> — focus returns to the trigger. A pointer open leaves focus where the pointer put it; a right-click opens a `ContextMenu` onto its first row (no ring is painted — rows highlight on `:focus-visible`), since the menu's keys need focus inside it.
+
+Before this the trigger opened the menu and focus stayed on it: the rows are portaled to the end of `<body>`, so the arrows had nothing to move, <kbd>Tab</kbd> walked on through the page behind the open menu, and <kbd>Space</kbd> pressed nothing (react-native-web presses a `menuitem`, `checkbox` or `radio` on <kbd>Enter</kbd> only). Verified in jest (`MenuKeyboard.web.test.tsx`) and in a real browser (`scripts/verify-web-keyboard.mjs`). Native is unchanged — the menu is a bottom sheet there.
+
 ## Sub-menus: a flyout on web, an inline disclosure on native
 
 The API is one thing on both platforms — a shadcn call site ports across unchanged — and the presentation is the platform's own, matching what each platform's upstream does.

package/docs/icons.mdx

@@ -1,6 +1,6 @@
 ---
 title: Icons
-description: Remix Icon, one component per glyph — how to import one glyph instead of all 461, how apps migrate off the retired Bloom set, and why a wrong name is invisible to the compiler.
+description: Remix Icon, one component per glyph — how to import one glyph instead of all 475, how apps migrate off the retired Bloom set, and why a wrong name is invisible to the compiler.
 order: 66
 ---
 
@@ -20,7 +20,7 @@ import { RiNotification3Line as BellIcon } from '@oxy.so/bloom/icons';
 ## Import one glyph, ship one glyph
 
 **Metro does not tree-shake.** `@oxy.so/bloom/icons` is a flat barrel over all
-461 glyphs, so an app that names one icon through it bundles all 461 — the
+475 glyphs, so an app that names one icon through it bundles all 475 — the
 import is a static graph edge to every one of them, and nothing downstream
 removes what the app never renders.
 

package/docs/menubar.mdx

@@ -76,11 +76,15 @@ Pressing an open menu's trigger closes it.
 
 Sub-menus fly out beside their trigger row on web and render as an inline disclosure on native — see [DropdownMenu](/docs/bloom/main/dropdown-menu).
 
+## Keyboard (web)
+
+Each menu takes the keys `DropdownMenu` documents: <kbd>Enter</kbd> · <kbd>Space</kbd> · <kbd>↓</kbd> on a trigger open its menu onto the first row (<kbd>↑</kbd> onto the last), the arrows move between rows and wrap, <kbd>Home</kbd> · <kbd>End</kbd> jump, <kbd>Enter</kbd> · <kbd>Space</kbd> activate, and <kbd>Esc</kbd> · <kbd>Tab</kbd> close the menu with focus back on its trigger. See [DropdownMenu → Keyboard](/docs/bloom/main/dropdown-menu).
+
 ## What is not here yet
 
 Two things a desktop menu bar has that this one does not, both deliberate rather than forgotten:
 
 - **Hover to switch.** On a real desktop bar, once one menu is open, moving the pointer across a sibling trigger switches to it without a click. That needs hover intent, which is the same machinery a sub-menu flyout needs.
-- **Arrow-key navigation between menus.** Roving focus across the bar and into the open panel.
+- **Arrow-key navigation between menus.** <kbd>←</kbd> · <kbd>→</kbd> across the bar, and from one open menu to the next. Each trigger is its own tab stop until then.
 
-A press opens, a press closes, and every row is reachable by tab. Nothing is half-wired.
+A press opens, a press closes, and every menu is reachable by <kbd>Tab</kbd> and operable from the keyboard once open. Nothing is half-wired.

package/docs/popover.mdx

@@ -43,7 +43,7 @@ import { Button } from '@oxy.so/bloom/button';
 
 ## The panel
 
-`PopoverContent` is Bloom's floating surface — the one every menu, picker and account panel shares (`MENU_POPOVER_SURFACE`):
+`PopoverContent` is Bloom's floating surface — the one every menu, picker and account panel shares:
 
 | | |
 | --- | --- |
@@ -82,7 +82,9 @@ Every default is resolved INLINE, before the caller's `style`, so `style` overri
 <PopoverContent label="Event details" side="right" style={{ width: 302, borderRadius: 20 }}>
 ```
 
-`className` works too, and this is the part worth knowing. On web an inline style outranks every class, so an inline default would silently beat a caller's `w-[200px]`. `PopoverContent` reads which chrome properties the caller's utilities name — width (`w-*`, `size-*`), `max-w-*`, padding (`p-*`, `px-*`, …), `rounded-*`, border width (`border`, `border-0`, `border-x-2`), border colour (`border-red-500`), `bg-*`, `shadow-*`, `overflow-*`, through `md:`/`dark:` variants and `!` — and leaves THAT default out, so the class is the only rule for it:
+`className` works too, and this is the part worth knowing. On web an inline style outranks every class, so an inline default would silently beat a caller's `w-[200px]`. `PopoverContent` reads which chrome properties the caller's utilities name — width (`w-*`, `size-*`), `max-w-*`, padding (`p-*`, `px-*`, …), `rounded-*`, border width (`border`, `border-0`, `border-x-2`), border colour (`border-red-500`), `bg-*`, `shadow-*`, `overflow-*`, through `md:`/`dark:` variants and `!` — and leaves THAT default out, so the class is the only rule for it.
+
+Padding and margin are read PER SIDE, because the utilities are: `px-4` claims the left and right and says nothing about the top, so a `pt-*` default stays. The **panel parts** (`PopoverHeader`, `PopoverTitle`, `PopoverDescription`, `PopoverFooter`, `PopoverSeparator`) use the same scan, so `<PopoverSeparator className="bg-red-500" />` paints red and `<PopoverTitle className="mt-1">` keeps its colour.
 
 ```tsx
 <PopoverContent label="More actions" className="w-[200px] p-2">

package/docs/segmented-control.mdx

@@ -50,6 +50,18 @@ emits `aria-selected` for tabs and `aria-checked` for radios, and neither uses
 `accessibilityState` — react-native-web drops that entirely, so a control
 relying on it would announce no state at all on web.
 
+## Keyboard (web)
+
+The group is ONE tab stop — the chosen segment — and the rest are reached with the arrows, per the ARIA pattern its `type` names:
+
+| `type` | keys | does |
+| --- | --- | --- |
+| `radio` | <kbd>←</kbd> <kbd>→</kbd> <kbd>↑</kbd> <kbd>↓</kbd> | move to the previous / next segment and check it, wrapping at the ends |
+| `tabs` | <kbd>←</kbd> <kbd>→</kbd> · <kbd>Home</kbd> <kbd>End</kbd> | move to the previous / next (or first / last) segment and select it, wrapping |
+| both | <kbd>Space</kbd> · <kbd>Enter</kbd> | choose the focused segment |
+
+Disabled segments are skipped, and a disabled group offers no tab stop at all. Selection follows focus in both modes — the control is a value, not a navigation. <kbd>Space</kbd> is Bloom's own: react-native-web presses a `radio` or `tab` on <kbd>Enter</kbd> only. Keys also clear the drag gesture's click suppression, so a key press is never swallowed as the tail of a drag. Native is unchanged.
+
 ## `label` names the group, and something has to
 
 "Light / Dark / System" without a group name announces as three unrelated radios;

package/docs/select.mdx

@@ -166,6 +166,25 @@ has to supply one. A `Popover` or a `DropdownMenu` inside a field deliberately
 does NOT take the field's id: it is not the field's control. See
 [Composition](/docs/composition).
 
+## Keyboard (web)
+
+The web select follows the ARIA select-only combobox pattern. Focus goes where a keyboard user expects it, so the list can be operated without a pointer:
+
+| where | key | does |
+| --- | --- | --- |
+| trigger | <kbd>Enter</kbd> · <kbd>Space</kbd> · <kbd>↓</kbd> · <kbd>↑</kbd> | opens the list with focus on the **chosen** option, or the first enabled one when nothing is chosen |
+| trigger, list already open (pointer) | <kbd>↓</kbd> · <kbd>↑</kbd> | moves focus into the list |
+| list | <kbd>↓</kbd> · <kbd>↑</kbd> | next / previous enabled option, stopping at the ends (no wrap) |
+| list | <kbd>Home</kbd> · <kbd>End</kbd> | first / last enabled option |
+| list | <kbd>Enter</kbd> · <kbd>Space</kbd> | chooses the focused option and closes |
+| list | <kbd>Esc</kbd> · <kbd>Tab</kbd> | closes without choosing |
+
+Every close — a choice, <kbd>Esc</kbd>, <kbd>Tab</kbd> — returns focus to the trigger, so the next <kbd>Tab</kbd> continues from the select rather than from the top of the page. A pointer open leaves focus where the pointer put it.
+
+<kbd>Esc</kbd> closes the **innermost** open surface only. A select inside a `Dialog` closes its list and leaves the dialog open; a second <kbd>Esc</kbd> closes the dialog. (It used to close both: the list's listener and the dialog's sat side by side on `document`, and the dialog's ran first.) Every anchored surface shares this through `floating/escape-stack.ts`.
+
+Why Bloom supplies this rather than react-native-web: an option is a `role="radio"` `Pressable`, and react-native-web presses one on <kbd>Enter</kbd> only — it synthesises <kbd>Space</kbd> for `role="button"` alone — and it never moves focus into a portaled list. Verified in jest (`SelectKeyboard.web.test.tsx`) and in a real browser (`scripts/verify-web-keyboard.mjs`). Native is unchanged: the list is a bottom sheet there.
+
 ## Selection state
 
 Both forks render each option as `role="radio"` with `aria-checked` — the only spelling react-native-web reads, and one React Native folds back into `accessibilityState`. `SelectItemIndicator` draws the mark — a `text-secondary` check in the row's right-hand gutter on both platforms — and the chosen row also takes the highlight wash.

package/docs/tabs.mdx

@@ -38,9 +38,21 @@ an ancestor of what it switches.
 | `hasSelection`  | whether **any** tab is selected — see below                    |
 | `variant`       | `underline` · `pill` · `filled` · `outlined` — see below       |
 | `fullWidth`     | spread the triggers across the container instead of hugging    |
+| `label`         | the strip's accessible name — the `tablist`'s `aria-label` (web) |
 | `count`         | a count badge beside a trigger's label                         |
 | `leadingIcon`   | an icon component, sized and tinted by the trigger             |
 
+## Keyboard (web)
+
+On web the strip is a `role="tablist"` — named by `label` — and follows the ARIA tabs pattern:
+
+- **One tab stop.** <kbd>Tab</kbd> lands on the selected tab (the first enabled one when none is selected) and the next <kbd>Tab</kbd> leaves the strip. The other tabs are reached with the arrows.
+- <kbd>←</kbd> · <kbd>→</kbd> move between tabs and wrap at the ends; <kbd>Home</kbd> · <kbd>End</kbd> jump to the first and last. Disabled tabs are skipped. The strip is horizontal, so <kbd>↑</kbd> · <kbd>↓</kbd> are left to the page.
+- **Activation follows the path.** With `value` (the controlled path) activation is **automatic**: the tab an arrow lands on is selected, and `onValueChange` fires. On the focus-driven path (`isFocused` per trigger, as `tabs/expo-router` uses) selecting a tab is a NAVIGATION, so activation is **manual**: the arrows move focus only, and <kbd>Enter</kbd> or <kbd>Space</kbd> selects.
+- <kbd>Space</kbd> selects the focused tab. react-native-web presses a `role="tab"` on <kbd>Enter</kbd> only, so Bloom supplies it.
+
+Before this every tab was its own tab stop, the arrows did nothing, and there was no `tablist` at all — correct `role="tab"` and `aria-selected` on each trigger, which is why nothing flagged it. Native is unchanged: the strip stays a plain container there, since naming a native container would fold its tabs into one accessibility element. Verified in jest (`TabsSegmentedKeyboard.web.test.tsx`) and in a real browser (`scripts/verify-web-keyboard.mjs`).
+
 ## Look
 
 The strip is built from `Tab` and `PillTab`, with colours from the theme through

package/lib/commonjs/agent-chat/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_AgentChatWeb","require","_AgentChatMessage"],"sourceRoot":"../../../src","sources":["agent-chat/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,aAAA,GAAAC,OAAA;AAMA,IAAAC,iBAAA,GAAAD,OAAA","ignoreList":[]}
+{"version":3,"names":["_AgentChatWeb","require","_AgentChatMessage"],"sourceRoot":"../../../src","sources":["agent-chat/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAAA,aAAA,GAAAC,OAAA;AAMA,IAAAC,iBAAA,GAAAD,OAAA","ignoreList":[]}

package/lib/commonjs/ai-chat/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_AiChatWeb","require","_AiChatCodePanel","_AiChatContainer","_AiChatMessages","_AiChatShell","_context"],"sourceRoot":"../../../src","sources":["ai-chat/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAMA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAQA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA","ignoreList":[]}
+{"version":3,"names":["_AiChatWeb","require","_AiChatCodePanel","_AiChatContainer","_AiChatMessages","_AiChatShell","_context"],"sourceRoot":"../../../src","sources":["ai-chat/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAAA,UAAA,GAAAC,OAAA;AAMA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAQA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA","ignoreList":[]}

package/lib/commonjs/alert-dialog/index.web.js

@@ -6,6 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.AlertDialog = void 0;
 var _indexWeb = require("../dialog/index.web.js");
 var _AlertDialog = require("./AlertDialog.js");
-/** Web variant of the `./alert-dialog` barrel — see `./index.ts`. */
+// AUTO-GENERATED by scripts/generate-platform-exports.mjs — DO NOT EDIT.
+// Source of truth: src/alert-dialog/index.ts.
+// Re-run `bun run generate:exports` (or any `bun run build`) after
+// changing that barrel or the set of web-forked subpaths.
+
+/**
+ * The declarative, CONTROLLED confirm dialog. The imperative counterpart is
+ * `confirm()` from `@oxy.so/bloom/surfaces`, which presents onto the shared
+ * surface stack — this family owns no queue and no host of its own.
+ */
 const AlertDialog = exports.AlertDialog = (0, _AlertDialog.createAlertDialog)(_indexWeb.Dialog);
 //# sourceMappingURL=index.web.js.map

package/lib/commonjs/alert-dialog/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_indexWeb","require","_AlertDialog","AlertDialog","exports","createAlertDialog","Dialog"],"sourceRoot":"../../../src","sources":["alert-dialog/index.web.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA;AACO,MAAME,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,8BAAiB,EAACC,gBAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["_indexWeb","require","_AlertDialog","AlertDialog","exports","createAlertDialog","Dialog"],"sourceRoot":"../../../src","sources":["alert-dialog/index.web.ts"],"mappings":";;;;;;AAKA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AANA;AACA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA;AACO,MAAME,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,8BAAiB,EAACC,gBAAM,CAAC","ignoreList":[]}

package/lib/commonjs/avatar-group/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_AvatarGroupWeb","require"],"sourceRoot":"../../../src","sources":["avatar-group/index.web.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["_AvatarGroupWeb","require"],"sourceRoot":"../../../src","sources":["avatar-group/index.web.ts"],"mappings":";;;;;;;;;;;AAKA,IAAAA,eAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/bottom-sheet/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_BottomSheetWeb","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sourceRoot":"../../../src","sources":["bottom-sheet/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,uBAAA,CAAAC,OAAA;AAE2B,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA","ignoreList":[]}
+{"version":3,"names":["_BottomSheetWeb","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sourceRoot":"../../../src","sources":["bottom-sheet/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;AAKA,IAAAA,eAAA,GAAAC,uBAAA,CAAAC,OAAA;AAE2B,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA","ignoreList":[]}

package/lib/commonjs/code/index.js

@@ -33,15 +33,28 @@ Object.defineProperty(exports, "isHighlightedLanguage", {
     return _highlight.isHighlightedLanguage;
   }
 });
+Object.defineProperty(exports, "tokenColor", {
+  enumerable: true,
+  get: function () {
+    return _shared.tokenColor;
+  }
+});
 Object.defineProperty(exports, "tokenizeCode", {
   enumerable: true,
   get: function () {
     return _highlight.tokenizeCode;
   }
 });
+Object.defineProperty(exports, "useCodePalette", {
+  enumerable: true,
+  get: function () {
+    return _shared.useCodePalette;
+  }
+});
 var _Code = require("./Code.js");
 var _CodeBlock = require("./CodeBlock.js");
 var _CodeLines = require("./CodeLines.js");
 var _highlight = require("./highlight.js");
 var _Pre = require("./Pre.js");
+var _shared = require("./shared.js");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/code/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Code","require","_CodeBlock","_CodeLines","_highlight","_Pre"],"sourceRoot":"../../../src","sources":["code/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA","ignoreList":[]}
+{"version":3,"names":["_Code","require","_CodeBlock","_CodeLines","_highlight","_Pre","_shared"],"sourceRoot":"../../../src","sources":["code/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA","ignoreList":[]}

package/lib/commonjs/command/index.web.js

@@ -6,5 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.Command = void 0;
 var _indexWeb = require("../dialog/index.web.js");
 var _Command = require("./Command.js");
+// AUTO-GENERATED by scripts/generate-platform-exports.mjs — DO NOT EDIT.
+// Source of truth: src/command/index.ts.
+// Re-run `bun run generate:exports` (or any `bun run build`) after
+// changing that barrel or the set of web-forked subpaths.
+
 const Command = exports.Command = (0, _Command.createCommand)(_indexWeb.Dialog);
 //# sourceMappingURL=index.web.js.map

package/lib/commonjs/command/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_indexWeb","require","_Command","Command","exports","createCommand","Dialog"],"sourceRoot":"../../../src","sources":["command/index.web.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEO,MAAME,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,IAAAE,sBAAa,EAACC,gBAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["_indexWeb","require","_Command","Command","exports","createCommand","Dialog"],"sourceRoot":"../../../src","sources":["command/index.web.ts"],"mappings":";;;;;;AAKA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AANA;AACA;AACA;AACA;;AAKO,MAAME,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,IAAAE,sBAAa,EAACC,gBAAM,CAAC","ignoreList":[]}

package/lib/commonjs/composer-loader/ComposerLoader.web.js

@@ -12,6 +12,15 @@ var _useTheme = require("../theme/use-theme.js");
 var _shared2 = require("./shared.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * `ComposerLoader` — WEB: the light band laps on CSS keyframes over a DOM
+ * `<svg>`, where the native fork drives a react-native-svg frame clock.
+ *
+ * The lap geometry both forks draw is shared (`./shared`); what differs is only
+ * what advances it. Keeping the geometry in one module is what stops the two
+ * bands from drifting apart while still looking like one component.
+ */
+
 /**
  * Web fork of `./ComposerLoader`. Draws the markup directly: a DOM `<svg>`
  * whose `<rect>` strokes are `pathLength`-normalised dash segments lapping on a

package/lib/commonjs/composer-loader/ComposerLoader.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shared","_adoptStyleSheet","_useTheme","_shared2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","STYLE_ID","RECT_CLASS","KEYFRAMES","COMPOSER_LOADER_WEB_CSS","exports","ComposerLoaderComponent","children","active","colors","speed","intensity","bloom","bloomStrength","arc","reverse","radius","line","bloomOnly","surface","taper","blend","offset","style","testID","theme","useTheme","gradientId","useId","replace","box","setBox","useState","w","h","useEffect","adoptStyleSheet","onLayout","useCallback","event","width","height","nativeEvent","layout","Math","max","geometry","useMemo","composerLoaderGeometry","c0","c1","c2","c3","resolveComposerLoaderColors","cornerRadius","PILL_RADIUS","direction","surfaceStyle","borderRadius","backgroundColor","card","boxShadow","BUTTON_SHADOW","isDark","clipStyle","overflow","opacity","transitionProperty","transitionDuration","COMPOSER_LOADER_FADE_MS","transitionTimingFunction","mixBlendMode","jsxs","View","styles","root","jsx","pointerEvents","StyleSheet","absoluteFill","undefined","viewBox","preserveAspectRatio","display","id","x1","y1","x2","y2","stopColor","gradientMidColor","blurs","map","blur","blurFilterId","x","y","stdDeviation","strokes","stroke","rx","pathLength","fill","strokeWidth","strokeLinecap","strokeDasharray","dash","className","filter","animation","phase","key","content","create","position","ComposerLoader","memo","displayName"],"sourceRoot":"../../../src","sources":["composer-loader/ComposerLoader.web.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shared","_adoptStyleSheet","_useTheme","_shared2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","STYLE_ID","RECT_CLASS","KEYFRAMES","COMPOSER_LOADER_WEB_CSS","exports","ComposerLoaderComponent","children","active","colors","speed","intensity","bloom","bloomStrength","arc","reverse","radius","line","bloomOnly","surface","taper","blend","offset","style","testID","theme","useTheme","gradientId","useId","replace","box","setBox","useState","w","h","useEffect","adoptStyleSheet","onLayout","useCallback","event","width","height","nativeEvent","layout","Math","max","geometry","useMemo","composerLoaderGeometry","c0","c1","c2","c3","resolveComposerLoaderColors","cornerRadius","PILL_RADIUS","direction","surfaceStyle","borderRadius","backgroundColor","card","boxShadow","BUTTON_SHADOW","isDark","clipStyle","overflow","opacity","transitionProperty","transitionDuration","COMPOSER_LOADER_FADE_MS","transitionTimingFunction","mixBlendMode","jsxs","View","styles","root","jsx","pointerEvents","StyleSheet","absoluteFill","undefined","viewBox","preserveAspectRatio","display","id","x1","y1","x2","y2","stopColor","gradientMidColor","blurs","map","blur","blurFilterId","x","y","stdDeviation","strokes","stroke","rx","pathLength","fill","strokeWidth","strokeLinecap","strokeDasharray","dash","className","filter","animation","phase","key","content","create","position","ComposerLoader","memo","displayName"],"sourceRoot":"../../../src","sources":["composer-loader/ComposerLoader.web.tsx"],"mappings":";;;;;;AAQA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAOkB,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAtBlB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMkB,QAAQ,GAAG,+BAA+B;AAChD,MAAMC,UAAU,GAAG,4BAA4B;AAC/C,MAAMC,SAAS,GAAG,4BAA4B;AAEvC,MAAMC,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG;AACvC,aAAaD,SAAS;AACtB;AACA;AACA;AACA;AACA,KAAKD,UAAU;AACf;AACA,CAAC;AAED,SAASI,uBAAuBA,CAAC;EAC/BC,QAAQ;EACRC,MAAM,GAAG,IAAI;EACbC,MAAM;EACNC,KAAK,GAAG,GAAG;EACXC,SAAS,GAAG,GAAG;EACfC,KAAK,GAAG,EAAE;EACVC,aAAa,GAAG,GAAG;EACnBC,GAAG,GAAG,GAAG;EACTC,OAAO,GAAG,KAAK;EACfC,MAAM;EACNC,IAAI,GAAG,GAAG;EACVC,SAAS,GAAG,KAAK;EACjBC,OAAO,GAAG,IAAI;EACdC,KAAK,GAAG,CAAC;EACTC,KAAK;EACLC,MAAM,GAAG,CAAC;EACVC,KAAK;EACLC;AACmB,CAAC,EAAE;EACtB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,UAAU,GAAG,YAAY,IAAAC,YAAK,EAAC,CAAC,CAACC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC,EAAE;EACrE,MAAM,CAACC,GAAG,EAAEC,MAAM,CAAC,GAAG,IAAAC,eAAQ,EAAC;IAAEC,CAAC,EAAE,GAAG;IAAEC,CAAC,EAAE;EAAG,CAAC,CAAC;EAEjD,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAAC,gCAAe,EAACnC,QAAQ,EAAEG,uBAAuB,CAAC;EACpD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMiC,QAAQ,GAAG,IAAAC,kBAAW,EAAEC,KAAwB,IAAK;IACzD,MAAM;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAGF,KAAK,CAACG,WAAW,CAACC,MAAM;IAClDZ,MAAM,CAAC;MAAEE,CAAC,EAAEW,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,KAAK,CAAC;MAAEN,CAAC,EAAEU,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEJ,MAAM;IAAE,CAAC,CAAC;EAC3D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,QAAQ,GAAG,IAAAC,cAAO,EACtB,MACE,IAAAC,+BAAsB,EAAC;IACrBR,KAAK,EAAEV,GAAG,CAACG,CAAC;IACZQ,MAAM,EAAEX,GAAG,CAACI,CAAC;IACbpB,GAAG;IACHG,IAAI;IACJL,KAAK;IACLC,aAAa;IACbK,SAAS;IACTE,KAAK;IACLL,OAAO;IACPO,MAAM;IACNN;EACF,CAAC,CAAC,EACJ,CAACc,GAAG,CAACG,CAAC,EAAEH,GAAG,CAACI,CAAC,EAAEpB,GAAG,EAAEG,IAAI,EAAEL,KAAK,EAAEC,aAAa,EAAEK,SAAS,EAAEE,KAAK,EAAEL,OAAO,EAAEO,MAAM,EAAEN,MAAM,CAC3F,CAAC;EAED,MAAM,CAACiC,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,EAAE,CAAC,GAAG3C,MAAM,IAAI,IAAA4C,oCAA2B,EAAC5B,KAAK,CAAC;EACrE,MAAM6B,YAAY,GAAGtC,MAAM,IAAIuC,oBAAW;EAC1C,MAAMC,SAAS,GAAGzC,OAAO,GAAG,SAAS,GAAG,QAAQ;EAEhD,MAAM0C,YAAyB,GAAG;IAChCC,YAAY,EAAEJ,YAAY;IAC1BK,eAAe,EAAElC,KAAK,CAAChB,MAAM,CAACmD,IAAI;IAClCC,SAAS,EAAEC,qBAAa,CAACrC,KAAK,CAACsC,MAAM,GAAG,MAAM,GAAG,OAAO;EAC1D,CAAC;EACD,MAAMC,SAAsB,GAAG;IAC7BC,QAAQ,EAAE,QAAQ;IAClBP,YAAY,EAAEJ,YAAY;IAC1BY,OAAO,EAAE1D,MAAM,GAAG,CAAC,GAAG,CAAC;IACvB2D,kBAAkB,EAAE,SAAS;IAC7BC,kBAAkB,EAAE,GAAGC,gCAAuB,IAAI;IAClDC,wBAAwB,EAAE,MAAM;IAChCC,YAAY,EAAElD;EAChB,CAAC;EAED,oBACE,IAAAxC,WAAA,CAAA2F,IAAA,EAAChG,YAAA,CAAAiG,IAAI;IAAClD,KAAK,EAAE,CAACmD,MAAM,CAACC,IAAI,EAAEpD,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAjB,QAAA,GAC/CY,OAAO,gBACN,IAAAtC,WAAA,CAAA+F,GAAA,EAACpG,YAAA,CAAAiG,IAAI;MACH,mBAAW;MACXI,aAAa,EAAC,MAAM;MACpBtD,KAAK,EAAE,CAACuD,uBAAU,CAACC,YAAY,EAAEtB,YAAY,CAAE;MAC/CjC,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,UAAU,GAAGwD;IAAU,CAClD,CAAC,GACA,IAAI,eAER,IAAAnG,WAAA,CAAA+F,GAAA,EAACpG,YAAA,CAAAiG,IAAI;MACH,mBAAW;MACXI,aAAa,EAAC,MAAM;MACpBxC,QAAQ,EAAEA,QAAS;MACnBd,KAAK,EAAE,CAACuD,uBAAU,CAACC,YAAY,EAAEf,SAAS,CAAE;MAC5CxC,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,QAAQ,GAAGwD,SAAU;MAAAzE,QAAA,eAE/C,IAAA1B,WAAA,CAAA2F,IAAA;QACEhC,KAAK,EAAC,MAAM;QACZC,MAAM,EAAC,MAAM;QACbwC,OAAO,EAAE,OAAOnD,GAAG,CAACG,CAAC,IAAIH,GAAG,CAACI,CAAC,EAAG;QACjCgD,mBAAmB,EAAC,MAAM;QAC1B3D,KAAK,EAAE;UAAE4D,OAAO,EAAE,OAAO;UAAEjB,OAAO,EAAEvD;QAAU,CAAE;QAAAJ,QAAA,gBAEhD,IAAA1B,WAAA,CAAA2F,IAAA;UAAAjE,QAAA,gBACE,IAAA1B,WAAA,CAAA2F,IAAA;YAAgBY,EAAE,EAAEzD,UAAW;YAAC0D,EAAE,EAAC,GAAG;YAACC,EAAE,EAAC,GAAG;YAACC,EAAE,EAAC,GAAG;YAACC,EAAE,EAAC,GAAG;YAAAjF,QAAA,gBACzD,IAAA1B,WAAA,CAAA+F,GAAA;cAAMtD,MAAM,EAAC,IAAI;cAACmE,SAAS,EAAExC;YAAG,CAAE,CAAC,eACnC,IAAApE,WAAA,CAAA+F,GAAA;cAAMtD,MAAM,EAAC,KAAK;cAACmE,SAAS,EAAEvC;YAAG,CAAE,CAAC,eACpC,IAAArE,WAAA,CAAA+F,GAAA;cAAMtD,MAAM,EAAC,KAAK;cAACmE,SAAS,EAAE,IAAAC,yBAAgB,EAACxC,EAAE,EAAEC,EAAE;YAAE,CAAE,CAAC,eAC1D,IAAAtE,WAAA,CAAA+F,GAAA;cAAMtD,MAAM,EAAC,KAAK;cAACmE,SAAS,EAAEtC;YAAG,CAAE,CAAC,eACpC,IAAAtE,WAAA,CAAA+F,GAAA;cAAMtD,MAAM,EAAC,MAAM;cAACmE,SAAS,EAAErC;YAAG,CAAE,CAAC;UAAA,CACvB,CAAC,EAChBN,QAAQ,CAAC6C,KAAK,CAACC,GAAG,CAAEC,IAAI,iBACvB,IAAAhH,WAAA,CAAA+F,GAAA;YAEEQ,EAAE,EAAE,IAAAU,qBAAY,EAACnE,UAAU,EAAEkE,IAAI,CAAE;YACnCE,CAAC,EAAC,MAAM;YACRC,CAAC,EAAC,MAAM;YACRxD,KAAK,EAAC,MAAM;YACZC,MAAM,EAAC,MAAM;YAAAlC,QAAA,eAEb,IAAA1B,WAAA,CAAA+F,GAAA;cAAgBqB,YAAY,EAAEJ;YAAK,CAAE;UAAC,GAPjCA,IAQC,CACT,CAAC;QAAA,CACE,CAAC,EACN/C,QAAQ,CAACoD,OAAO,CAACN,GAAG,CAAEO,MAAM,iBAC3B,IAAAtH,WAAA,CAAA+F,GAAA;UAEEmB,CAAC,EAAE,CAAE;UACLC,CAAC,EAAE,CAAE;UACLxD,KAAK,EAAEV,GAAG,CAACG,CAAE;UACbQ,MAAM,EAAEX,GAAG,CAACI,CAAE;UACdkE,EAAE,EAAEtD,QAAQ,CAACsD,EAAG;UAChBC,UAAU,EAAE,GAAI;UAChBC,IAAI,EAAC,MAAM;UACXH,MAAM,EAAE,QAAQxE,UAAU,GAAI;UAC9B4E,WAAW,EAAEJ,MAAM,CAACI,WAAY;UAChCC,aAAa,EAAC,OAAO;UACrBC,eAAe,EAAE,GAAGN,MAAM,CAACO,IAAI,IAAI,GAAG,GAAGP,MAAM,CAACO,IAAI,EAAG;UACvDC,SAAS,EAAEzG,UAAW;UACtB0G,MAAM,EAAET,MAAM,CAACN,IAAI,GAAG,CAAC,GAAG,QAAQ,IAAAC,qBAAY,EAACnE,UAAU,EAAEwE,MAAM,CAACN,IAAI,CAAC,GAAG,GAAGb,SAAU;UACvFzD,KAAK,EAAE;YACL2C,OAAO,EAAEiC,MAAM,CAACjC,OAAO;YACvB2C,SAAS,EAAE,GAAG1G,SAAS,IAAIO,KAAK,YAAayF,MAAM,CAACW,KAAK,GAAGpG,KAAK,GAAI,GAAG,cAAc8C,SAAS;UACjG;QAAE,GAjBG2C,MAAM,CAACY,GAkBb,CACF,CAAC;MAAA,CACC;IAAC,CACF,CAAC,eAEP,IAAAlI,WAAA,CAAA+F,GAAA,EAACpG,YAAA,CAAAiG,IAAI;MAAClD,KAAK,EAAEmD,MAAM,CAACsC,OAAQ;MAAAzG,QAAA,EAAEA;IAAQ,CAAO,CAAC;EAAA,CAC1C,CAAC;AAEX;AAEA,MAAMmE,MAAM,GAAGI,uBAAU,CAACmC,MAAM,CAAC;EAC/BtC,IAAI,EAAE;IAAEuC,QAAQ,EAAE;EAAW,CAAC;EAC9BF,OAAO,EAAE;IAAEE,QAAQ,EAAE;EAAW;AAClC,CAAC,CAAC;AAEK,MAAMC,cAAc,GAAA9G,OAAA,CAAA8G,cAAA,gBAAG,IAAAC,WAAI,EAAC9G,uBAAuB,CAAC;AAC3D6G,cAAc,CAACE,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/lib/commonjs/composer-loader/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ComposerLoaderWeb","require","_shared"],"sourceRoot":"../../../src","sources":["composer-loader/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA","ignoreList":[]}
+{"version":3,"names":["_ComposerLoaderWeb","require","_shared"],"sourceRoot":"../../../src","sources":["composer-loader/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA","ignoreList":[]}

package/lib/commonjs/composer-panel/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ComposerPanelWeb","require","_ComposerAttachmentsWeb","_ModelPickerWeb","_ComposerPanelStatusTab","_ComposerPillWeb","_ComposerStatusBarWeb","_shared"],"sourceRoot":"../../../src","sources":["composer-panel/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA","ignoreList":[]}
+{"version":3,"names":["_ComposerPanelWeb","require","_ComposerAttachmentsWeb","_ModelPickerWeb","_ComposerPanelStatusTab","_ComposerPillWeb","_ComposerStatusBarWeb","_shared"],"sourceRoot":"../../../src","sources":["composer-panel/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA","ignoreList":[]}

package/lib/commonjs/connection-dots/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ConnectionDotsWeb","require"],"sourceRoot":"../../../src","sources":["connection-dots/index.web.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["_ConnectionDotsWeb","require"],"sourceRoot":"../../../src","sources":["connection-dots/index.web.ts"],"mappings":";;;;;;;;;;;AAKA,IAAAA,kBAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/connection-status/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_netinfo","require","_ConnectionStatusToastsWeb"],"sourceRoot":"../../../src","sources":["connection-status/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA","ignoreList":[]}
+{"version":3,"names":["_netinfo","require","_ConnectionStatusToastsWeb"],"sourceRoot":"../../../src","sources":["connection-status/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA","ignoreList":[]}

package/lib/commonjs/content-panel/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ContentPanelWeb","require"],"sourceRoot":"../../../src","sources":["content-panel/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["_ContentPanelWeb","require"],"sourceRoot":"../../../src","sources":["content-panel/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAAA,gBAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/context-menu/ContextMenu.web.js

@@ -12,6 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _constants = require("../floating/constants.js");
 var _context = require("../floating/context.js");
 var _FloatingPanel = require("../floating/FloatingPanel.js");
+var _menuKeyboard = require("../floating/menu-keyboard.js");
 var _menuRows = require("../floating/menu-rows.js");
 var _menuSubFlyout = require("../floating/menu-sub-flyout.js");
 var _shared = require("../floating/shared.js");
@@ -33,6 +34,7 @@ function ContextMenu({
   onOpenChange
 }) {
   const [anchor, setAnchor] = (0, _react.useState)(null);
+  const focusIntent = (0, _menuKeyboard.useMenuFocusIntent)();
   const value = (0, _react.useMemo)(() => ({
     // The anchor IS the open state: a context menu with nowhere to sit is not
     // open, and two facts that must always agree are better kept as one.
@@ -45,8 +47,9 @@ function ContextMenu({
       setAnchor(null);
       onOpenChange?.(false);
     },
-    anchor
-  }), [anchor, onOpenChange]);
+    anchor,
+    focusIntent
+  }), [anchor, onOpenChange, focusIntent]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context2.ContextMenuProvider, {
     value: value,
     children: children
@@ -64,8 +67,11 @@ function ContextMenuTrigger({
   const menu = (0, _context2.useContextMenu)();
   const wrapperRef = (0, _react.useRef)(null);
   const {
-    openAt
+    openAt,
+    focusIntent
   } = menu;
+  // Focus returns here when the menu closes with it inside (`menu-keyboard.ts`).
+  (0, _menuKeyboard.useReturnFocusOnClose)(wrapperRef, menu.open, _menuKeyboard.isInMenuSurface);
 
   // A DOM subscription, not derived state: `contextmenu` has no React Native
   // prop and react-native-web filters unknown props off a `View`, so the only
@@ -78,6 +84,11 @@ function ContextMenuTrigger({
     if (typeof element?.addEventListener !== 'function') return;
     const onContextMenu = event => {
       event.preventDefault();
+      // A context menu takes focus on its first row however it opened — the
+      // right-click is the only way in, and without focus in the panel its
+      // arrows and Escape have nothing to act on. A pointer open paints no
+      // ring: the rows highlight on `:focus-visible` only.
+      if (focusIntent) focusIntent.edge.current = 'first';
       openAt({
         top: event.clientY,
         bottom: event.clientY,
@@ -87,7 +98,7 @@ function ContextMenuTrigger({
     };
     element.addEventListener('contextmenu', onContextMenu);
     return () => element.removeEventListener('contextmenu', onContextMenu);
-  }, [openAt, disabled]);
+  }, [openAt, disabled, focusIntent]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TriggerSlot.TriggerSlot, {
     asChild: asChild,
     anchorRef: wrapperRef,
@@ -130,7 +141,14 @@ function ContextMenuContent({
     presentation: 'dropdown'
   }), [menu.close]);
   const onDismiss = (0, _react.useCallback)(() => menu.close(), [menu]);
+  const [panel, setPanel] = (0, _react.useState)(null);
+  (0, _menuKeyboard.useMenuPanelKeys)((0, _menuKeyboard.hostElement)(panel), {
+    open: menu.open,
+    onTab: onDismiss,
+    intent: menu.focusIntent
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FloatingPanel.FloatingPanel, {
+    panelRef: setPanel,
     open: menu.open,
     anchor: menu.anchor,
     role: "menu",