[Toolbar] Add Toolbar components

[mj12albert]

Docs:

https://deploy-preview-1349--base-ui.netlify.app/react/components/toolbar

Demos:

• https://deploy-preview-1349--base-ui.netlify.app/experiments/toolbar/basic
• https://deploy-preview-1349--base-ui.netlify.app/experiments/toolbar/text-editor
• https://deploy-preview-1349--base-ui.netlify.app/experiments/toolbar/triggers

Summary

• parts: Root, Button, Input, Link, Group, Separator
• focusableWhenDisabled prop on Button & Input
• orientation prop
• roving focus, loop prop
• hotkey prop on Root [Toolbar] Support an optional hotkey #1454
• grid layout with cols prop

Component integrations

The three demos linked above show all of these:

• Dialog/AlertDialog
• Menu
• Menu with submenu
• Popover
• Select
• Toggle/ToggleGroup
• Tooltip
• NumberField using Toolbar.Input
• DirectionProvider
• Input this will be a Toolbar.Input instead
• Switch

Closes #661

• I have followed (at least) the PR section of the contributing guide.

[netlify]

✅ Deploy Preview for base-ui ready!

Name	Link
🔨 Latest commit	820b590
🔍 Latest deploy log	https://app.netlify.com/sites/base-ui/deploys/67b70618c2034a0008ce0b7c
😎 Deploy Preview	https://deploy-preview-1349--base-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[aarongarciah]

I found a strange behavior: the menu won't close when a submenu is open and you move the roving focus to the next toolbar element by pressing ➡️. Only the submenu is closed. See attached video.

Kapture.2025-02-07.at.07.45.58.mp4

[mj12albert]

• In the Triggers experiment, it seems like disabling controls doesn't work properly? When I disable the switch individually, that works. But when I disable the Dialog individually, that doesn't work. I saw this was called out before, at least in some capacity

OK it turns out various triggers have issues with the disabled state when they are not native button elements disabled with the disabled attribute (i.e. a custom element disabled using aria-disabled/data-disabled)

The fix depends on #1445

Before some of these experiments seemed to work occasionally because I was passing the disabled state 2-3 times, to the trigger, the root, and the toolbar button at the same time, but it should only be passed once to the toolbar button