@cssints/apg-specs 0.0.0-stage → 0.5.1

package/scenarios/apg/toolbar.base-ui.json

@@ -0,0 +1,1189 @@
+{
+  "pattern": "toolbar",
+  "source": "base-ui",
+  "commit": "19511bb171f3b360b006c94cf6d07e53cb446505",
+  "license": "MIT",
+  "skipped": [
+    {
+      "reason": "ToolbarRoot context 'allows optional consumers both outside and inside a toolbar' - React context API"
+    },
+    {
+      "reason": "CompositeRoot grid scenarios (uniform 1x1, onLoop across cells, dense packing, spanning items, RTL grid, 'prevents default for grid navigation') - 2D grid model, not the toolbar roving model"
+    },
+    {
+      "reason": "CompositeRoot 'uses an active item explicit index as the initial highlighted index' - store internals"
+    },
+    {
+      "reason": "CompositeRoot 'keeps native input behavior when the native target differs from the synthetic target' - synthetic composedPath internals"
+    },
+    {
+      "reason": "CompositeRoot nested registration-order scenarios ('keeps the outer registration when only the inner item updates') - store lifecycle"
+    },
+    {
+      "reason": "ToggleGroup warning/styling tests ('should warn if Toggle value is not set', 'sets data-multiple only when true', pressed-state CSS attrs) - implementation/styling"
+    },
+    {
+      "reason": "ToolbarButton / Toolbar.Input describeConformance and render-prop conformance - React API only"
+    },
+    {
+      "reason": "Toolbar.Button with Switch/Menu/Select/Dialog/AlertDialog/Popover trigger rendering - composition render tests, not keyboard model (the arrow consumptions that matter are captured separately)"
+    },
+    {
+      "reason": "ToolbarInput NumberField 'renders NumberField.Input' - render assertion"
+    }
+  ],
+  "scenarios": [
+    {
+      "id": "toolbar.base-ui.role-toolbar",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/root/ToolbarRoot.test.tsx#L19",
+      "upstreamTest": "<Toolbar.Root /> > ARIA attributes > has role=\"toolbar\"",
+      "apg": "aria",
+      "config": { "items": 0 },
+      "steps": [{ "expect": { "attrs": { "toolbar": { "role": "toolbar" } } } }]
+    },
+    {
+      "id": "toolbar.base-ui.arrow-ltr-horizontal-loop",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/root/ToolbarRoot.test.tsx#L57",
+      "upstreamTest": "<Toolbar.Root /> > keyboard navigation > ltr > orientation: horizontal",
+      "apg": "keyboard",
+      "config": {
+        "direction": "ltr",
+        "orientation": "horizontal",
+        "loopFocus": true,
+        "items": ["button", "link", "group:button:button", "textbox"]
+      },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:1" },
+        { "expect": { "focus": "item:2" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:2" },
+        { "expect": { "focus": "item:3" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:3" },
+        { "expect": { "focus": "item:4" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:4" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowLeft", "target": "item:0" },
+        { "expect": { "focus": "item:4" } },
+        { "event": "key", "key": "ArrowLeft", "target": "item:4" },
+        { "expect": { "focus": "item:3" } }
+      ],
+      "notes": "Loop wraps both directions; navigation crosses into nested Toolbar.Group items (flat index order)."
+    },
+    {
+      "id": "toolbar.base-ui.arrow-ltr-vertical-loop",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/root/ToolbarRoot.test.tsx#L57",
+      "upstreamTest": "<Toolbar.Root /> > keyboard navigation > ltr > orientation: vertical",
+      "apg": "keyboard",
+      "config": {
+        "direction": "ltr",
+        "orientation": "vertical",
+        "loopFocus": true,
+        "items": ["button", "link", "group:button:button", "textbox"]
+      },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        { "event": "key", "key": "ArrowDown", "target": "item:0" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "ArrowDown", "target": "item:1" },
+        { "expect": { "focus": "item:2" } },
+        { "event": "key", "key": "ArrowDown", "target": "item:2" },
+        { "expect": { "focus": "item:3" } },
+        { "event": "key", "key": "ArrowDown", "target": "item:3" },
+        { "expect": { "focus": "item:4" } },
+        { "event": "key", "key": "ArrowDown", "target": "item:4" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowUp", "target": "item:0" },
+        { "expect": { "focus": "item:4" } }
+      ]
+    },
+    {
+      "id": "toolbar.base-ui.arrow-rtl-horizontal-loop",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/root/ToolbarRoot.test.tsx#L51",
+      "upstreamTest": "<Toolbar.Root /> > keyboard navigation > rtl > orientation: horizontal",
+      "apg": "keyboard",
+      "config": {
+        "direction": "rtl",
+        "orientation": "horizontal",
+        "loopFocus": true,
+        "items": ["button", "link", "group:button:button", "textbox"]
+      },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        { "event": "key", "key": "ArrowLeft", "target": "item:0" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "ArrowLeft", "target": "item:1" },
+        { "expect": { "focus": "item:2" } }
+      ],
+      "notes": "RTL flips next/prev to ArrowLeft/ArrowRight."
+    },
+    {
+      "id": "toolbar.base-ui.arrow-rtl-vertical-loop",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/root/ToolbarRoot.test.tsx#L51",
+      "upstreamTest": "<Toolbar.Root /> > keyboard navigation > rtl > orientation: vertical",
+      "apg": "keyboard",
+      "config": {
+        "direction": "rtl",
+        "orientation": "vertical",
+        "loopFocus": true,
+        "items": ["button", "link", "group:button:button", "textbox"]
+      },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        { "event": "key", "key": "ArrowDown", "target": "item:0" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "ArrowUp", "target": "item:1" },
+        { "expect": { "focus": "item:0" } }
+      ],
+      "notes": "RTL leaves the vertical axis unchanged."
+    },
+    {
+      "id": "toolbar.base-ui.loop-focus-false-no-wrap",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/root/ToolbarRoot.test.tsx#L103",
+      "upstreamTest": "<Toolbar.Root /> > keyboard navigation > does not wrap focus when loopFocus is false",
+      "apg": "keyboard",
+      "config": { "orientation": "horizontal", "loopFocus": false, "items": 2 },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowLeft", "target": "item:0" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:1" },
+        { "expect": { "focus": "item:1" } }
+      ]
+    },
+    {
+      "id": "toolbar.base-ui.disabled-root-except-links",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/root/ToolbarRoot.test.tsx#L128",
+      "upstreamTest": "<Toolbar.Root /> > prop: disabled > disables all toolbar items except links",
+      "apg": "aria",
+      "config": {
+        "disabled": true,
+        "items": ["button", "link", "textbox", "group:button:link:textbox"]
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "item:0": { "aria-disabled": "true", "data-disabled": "" },
+              "item:1": { "aria-disabled": null, "data-disabled": null },
+              "item:2": { "aria-disabled": "true", "data-disabled": "" },
+              "item:3": { "aria-disabled": "true", "data-disabled": "" },
+              "item:4": { "aria-disabled": null, "data-disabled": null },
+              "item:5": { "aria-disabled": "true", "data-disabled": "" }
+            }
+          }
+        }
+      ],
+      "notes": "Links opt out of toolbar disabling."
+    },
+    {
+      "id": "toolbar.base-ui.focusable-when-disabled-default",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/root/ToolbarRoot.test.tsx#L165",
+      "upstreamTest": "<Toolbar.Root /> > prop: focusableWhenDisabled > toolbar items can be focused when disabled by default",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": [
+          "button:disabled",
+          "group:button:disabled,button:disabled",
+          "textbox:disabled"
+        ]
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "item:0": {
+                "disabled": null,
+                "data-disabled": "",
+                "aria-disabled": "true"
+              },
+              "item:1": { "disabled": null },
+              "item:2": { "disabled": null },
+              "item:3": { "disabled": null }
+            }
+          }
+        },
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        {
+          "expect": {
+            "focus": "item:1",
+            "attrs": {
+              "item:1": { "data-disabled": "", "aria-disabled": "true" }
+            }
+          }
+        },
+        { "event": "key", "key": "ArrowRight", "target": "item:1" },
+        { "expect": { "focus": "item:2" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:2" },
+        { "expect": { "focus": "item:3" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:3" },
+        {
+          "expect": {
+            "focus": "item:0",
+            "attrs": { "item:0": { "tabindex": "0" } }
+          }
+        },
+        { "event": "key", "key": "ArrowLeft", "target": "item:0" },
+        { "expect": { "focus": "item:3" } }
+      ],
+      "notes": "Disabled items stay in the roving order because they are focusable (aria-disabled, no disabled attribute)."
+    },
+    {
+      "id": "toolbar.base-ui.focusable-when-disabled-individual-false",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/root/ToolbarRoot.test.tsx#L208",
+      "upstreamTest": "<Toolbar.Root /> > prop: focusableWhenDisabled > toolbar items can individually disable focusableWhenDisabled",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": [
+          "button:disabled",
+          "group:button:disabled,button:disabled-focusable=false",
+          "textbox:disabled"
+        ]
+      },
+      "steps": [
+        { "expect": { "attrs": { "item:2": { "disabled": "" } } } },
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:1" },
+        { "expect": { "focus": "item:3" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:3" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowLeft", "target": "item:0" },
+        { "expect": { "focus": "item:3" } },
+        { "event": "key", "key": "ArrowLeft", "target": "item:3" },
+        { "expect": { "focus": "item:1" } }
+      ]
+    },
+    {
+      "id": "toolbar.base-ui.initial-tab-stop-skips-nonfocusable-disabled",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/root/ToolbarRoot.test.tsx#L252",
+      "upstreamTest": "<Toolbar.Root /> > prop: focusableWhenDisabled > moves the initial tab stop off a disabled, non-focusable first item",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["button:disabled-focusable=false", "button", "button"]
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "item:0": { "disabled": "", "tabindex": null },
+              "item:1": { "tabindex": "0" }
+            }
+          }
+        },
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:1" },
+        { "expect": { "focus": "item:2" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:2" },
+        { "expect": { "focus": "item:1" } }
+      ],
+      "notes": "A natively disabled item cannot hold the roving tab stop; looping back skips it."
+    },
+    {
+      "id": "toolbar.base-ui.enabled-item-nonfocusable-disabled-navigable",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/root/ToolbarRoot.test.tsx#L278",
+      "upstreamTest": "<Toolbar.Root /> > prop: focusableWhenDisabled > keeps an enabled item with focusableWhenDisabled={false} navigable",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["button", "button", "button"]
+      },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        {
+          "expect": {
+            "focus": "item:1",
+            "attrs": { "item:1": { "disabled": null } }
+          }
+        },
+        { "event": "key", "key": "ArrowRight", "target": "item:1" },
+        { "expect": { "focus": "item:2" } }
+      ]
+    },
+    {
+      "id": "toolbar.base-ui.skips-disabled-input-nonfocusable",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/root/ToolbarRoot.test.tsx#L300",
+      "upstreamTest": "<Toolbar.Root /> > prop: focusableWhenDisabled > skips a disabled Toolbar.Input with focusableWhenDisabled={false}",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["button", "textbox:disabled-focusable=false", "button"]
+      },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:2" } }
+      ],
+      "notes": "Nested disabled input is skipped by roving focus."
+    },
+    {
+      "id": "toolbar.base-ui.toggle-group-arrow-horizontal",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toggle-group/ToggleGroup.test.tsx#L380",
+      "upstreamTest": "<ToggleGroup /> > keyboard interactions > ltr > orientation: horizontal",
+      "apg": "keyboard",
+      "config": { "direction": "ltr", "orientation": "horizontal", "items": 3 },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        {
+          "expect": {
+            "focus": "item:0",
+            "attrs": { "item:0": { "tabindex": "0" } }
+          }
+        },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        {
+          "expect": {
+            "focus": "item:1",
+            "attrs": { "item:1": { "tabindex": "0" } }
+          }
+        },
+        { "event": "key", "key": "ArrowRight", "target": "item:1" },
+        {
+          "expect": {
+            "focus": "item:2",
+            "attrs": { "item:2": { "tabindex": "0" } }
+          }
+        },
+        { "event": "key", "key": "ArrowRight", "target": "item:2" },
+        {
+          "expect": {
+            "focus": "item:0",
+            "attrs": { "item:0": { "tabindex": "0" } }
+          }
+        },
+        { "event": "key", "key": "ArrowLeft", "target": "item:0" },
+        { "expect": { "focus": "item:2" } },
+        { "event": "key", "key": "ArrowLeft", "target": "item:2" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "ArrowDown", "target": "item:1" },
+        {
+          "expect": {
+            "focus": "item:1",
+            "attrs": { "item:1": { "tabindex": "0" } }
+          }
+        },
+        { "event": "key", "key": "ArrowUp", "target": "item:1" },
+        { "expect": { "focus": "item:1" } }
+      ],
+      "notes": "Toggles use the same roving-tabindex model as toolbar; the orthogonal axis is ignored. Extension: APG toolbar does not define toggle groups."
+    },
+    {
+      "id": "toolbar.base-ui.toggle-group-arrow-vertical",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toggle-group/ToggleGroup.test.tsx#L373",
+      "upstreamTest": "<ToggleGroup /> > keyboard interactions > ltr > orientation: vertical",
+      "apg": "keyboard",
+      "config": { "direction": "ltr", "orientation": "vertical", "items": 3 },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowDown", "target": "item:0" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "ArrowDown", "target": "item:1" },
+        { "expect": { "focus": "item:2" } },
+        { "event": "key", "key": "ArrowDown", "target": "item:2" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowUp", "target": "item:0" },
+        { "expect": { "focus": "item:2" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:2" },
+        { "expect": { "focus": "item:2" } },
+        { "event": "key", "key": "ArrowLeft", "target": "item:2" },
+        { "expect": { "focus": "item:2" } }
+      ]
+    },
+    {
+      "id": "toolbar.base-ui.toggle-group-home-end",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toggle-group/ToggleGroup.test.tsx#L438",
+      "upstreamTest": "<ToggleGroup /> > keyboard interactions > Home/End key moves focus",
+      "apg": "keyboard",
+      "config": { "orientation": "horizontal", "items": 3 },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "event": "key", "key": "ArrowRight", "target": "item:1" },
+        { "expect": { "focus": "item:2" } },
+        { "event": "key", "key": "Home", "target": "item:2" },
+        {
+          "expect": {
+            "focus": "item:0",
+            "attrs": { "item:0": { "tabindex": "0" } }
+          }
+        },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "End", "target": "item:1" },
+        {
+          "expect": {
+            "focus": "item:2",
+            "attrs": { "item:2": { "tabindex": "0" } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "toolbar.base-ui.toggle-group-enter-space-toggles",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toggle-group/ToggleGroup.test.tsx#L493",
+      "upstreamTest": "<ToggleGroup /> > keyboard interactions > key: Enter/Space toggles the pressed state",
+      "apg": "extension",
+      "config": { "orientation": "horizontal", "items": 2 },
+      "steps": [
+        { "event": "focus", "target": "item:0" },
+        { "expect": { "attrs": { "item:0": { "aria-pressed": "false" } } } },
+        { "event": "key", "key": "Enter", "target": "item:0" },
+        { "expect": { "attrs": { "item:0": { "aria-pressed": "true" } } } },
+        { "event": "key", "key": "Enter", "target": "item:0" },
+        { "expect": { "attrs": { "item:0": { "aria-pressed": "false" } } } },
+        { "event": "key", "key": "Space", "target": "item:0" },
+        { "expect": { "attrs": { "item:0": { "aria-pressed": "true" } } } }
+      ]
+    },
+    {
+      "id": "toolbar.base-ui.toggle-group-multiple-transition-keeps-focus",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toggle-group/ToggleGroup.test.tsx#L314",
+      "upstreamTest": "<ToggleGroup /> > prop: multiple transitions > preserves selection and roving focus",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["One", "Two"],
+        "defaultValue": ["One"],
+        "nestedInToolbarGroup": true
+      },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        {
+          "expect": {
+            "attrs": {
+              "item:0": { "aria-pressed": "true" },
+              "item:1": { "aria-pressed": "false", "tabindex": "0" }
+            }
+          }
+        },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "click", "target": "item:1" },
+        {
+          "expect": {
+            "attrs": {
+              "item:0": { "aria-pressed": "false" },
+              "item:1": { "aria-pressed": "true" }
+            }
+          }
+        },
+        { "event": "prop", "target": "toolbar", "set": { "multiple": true } },
+        { "event": "click", "target": "item:0" },
+        {
+          "expect": {
+            "attrs": {
+              "item:0": { "aria-pressed": "true" },
+              "item:1": { "aria-pressed": "true" }
+            }
+          }
+        },
+        { "event": "click", "target": "item:1" },
+        {
+          "expect": {
+            "attrs": {
+              "item:0": { "aria-pressed": "true" },
+              "item:1": { "aria-pressed": "false" }
+            }
+          }
+        },
+        { "event": "prop", "target": "toolbar", "set": { "multiple": false } },
+        { "event": "click", "target": "item:1" },
+        {
+          "expect": {
+            "attrs": {
+              "item:0": { "aria-pressed": "false" },
+              "item:1": { "aria-pressed": "true" }
+            }
+          }
+        },
+        { "event": "key", "key": "ArrowLeft", "target": "item:1" },
+        { "expect": { "focus": "item:0" } }
+      ],
+      "notes": "Selection mode changes preserve both selection and the roving tab stop."
+    },
+    {
+      "id": "toolbar.base-ui.toggle-group-role-orientation",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toggle-group/ToggleGroup.test.tsx#L201",
+      "upstreamTest": "<ToggleGroup /> > prop: orientation",
+      "apg": "aria",
+      "config": { "orientation": "vertical", "items": 2 },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "toolbar": {
+                "role": "group",
+                "data-orientation": "vertical",
+                "aria-orientation": null
+              }
+            }
+          }
+        }
+      ],
+      "notes": "role=group keeps data-orientation but must not emit aria-orientation."
+    },
+    {
+      "id": "toolbar.base-ui.toggle-group-disabled-aria",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toggle-group/ToggleGroup.test.tsx#L167",
+      "upstreamTest": "<ToggleGroup /> > prop: disabled > can disable the whole group / individual items",
+      "apg": "aria",
+      "config": { "disabled": true, "items": 2 },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "item:0": { "aria-disabled": "true", "data-disabled": "" },
+              "item:1": { "aria-disabled": "true", "data-disabled": "" }
+            }
+          }
+        },
+        {
+          "event": "prop",
+          "target": "toolbar",
+          "set": { "disabled": false, "item1Disabled": true }
+        },
+        {
+          "expect": {
+            "attrs": {
+              "item:0": { "aria-disabled": "false", "data-disabled": null },
+              "item:1": { "aria-disabled": "true", "data-disabled": "" }
+            }
+          }
+        }
+      ]
+    },
+    {
+      "id": "toolbar.base-ui.composite-roving-controlled-and-uncontrolled",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/internals/composite/root/CompositeRoot.test.tsx#L60",
+      "upstreamTest": "Composite > list > controlled mode / uncontrolled mode",
+      "apg": "keyboard",
+      "config": { "orientation": "vertical", "items": 3 },
+      "steps": [
+        { "event": "focus", "target": "item:0" },
+        { "expect": { "attrs": { "item:0": { "tabindex": "0" } } } },
+        { "event": "key", "key": "ArrowDown", "target": "item:0" },
+        {
+          "expect": {
+            "focus": "item:1",
+            "attrs": { "item:1": { "tabindex": "0" } }
+          }
+        },
+        { "event": "key", "key": "ArrowDown", "target": "item:1" },
+        {
+          "expect": {
+            "focus": "item:2",
+            "attrs": { "item:2": { "tabindex": "0" } }
+          }
+        },
+        { "event": "key", "key": "ArrowUp", "target": "item:2" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "ArrowUp", "target": "item:1" },
+        { "expect": { "focus": "item:0" } }
+      ],
+      "notes": "Shared by controlled and uncontrolled Composite: one roving tabindex moves with focus."
+    },
+    {
+      "id": "toolbar.base-ui.composite-home-end",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/internals/composite/root/CompositeRoot.test.tsx#L302",
+      "upstreamTest": "Composite > list > Home and End keys",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "vertical",
+        "enableHomeAndEndKeys": true,
+        "items": 3
+      },
+      "steps": [
+        { "event": "focus", "target": "item:2" },
+        { "event": "key", "key": "Home", "target": "item:2" },
+        {
+          "expect": {
+            "focus": "item:0",
+            "attrs": { "item:0": { "tabindex": "0" } }
+          }
+        },
+        { "event": "key", "key": "End", "target": "item:0" },
+        {
+          "expect": {
+            "focus": "item:2",
+            "attrs": { "item:2": { "tabindex": "0" } }
+          }
+        }
+      ],
+      "notes": "Home/End only active when enableHomeAndEndKeys is set."
+    },
+    {
+      "id": "toolbar.base-ui.composite-loop-focus-false",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/internals/composite/root/CompositeRoot.test.tsx#L382",
+      "upstreamTest": "Composite > list > does not loop or call onLoop when loopFocus is disabled",
+      "apg": "keyboard",
+      "config": { "orientation": "vertical", "loopFocus": false, "items": 3 },
+      "steps": [
+        { "event": "focus", "target": "item:2" },
+        { "event": "key", "key": "ArrowDown", "target": "item:2" },
+        {
+          "expect": {
+            "focus": "item:2",
+            "attrs": { "item:2": { "tabindex": "0" } }
+          }
+        }
+      ]
+    },
+    {
+      "id": "toolbar.base-ui.composite-disabled-indices-initial-stop",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/internals/composite/root/CompositeRoot.test.tsx#L939",
+      "upstreamTest": "Composite > prop: disabledIndices > moves the initial tab stop to the first enabled item",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "vertical",
+        "disabledIndices": [0],
+        "items": 3
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "item:0": { "tabindex": "-1" },
+              "item:1": { "tabindex": "0" },
+              "item:2": { "tabindex": "-1" }
+            }
+          }
+        }
+      ]
+    },
+    {
+      "id": "toolbar.base-ui.composite-disabled-indices-all-disabled",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/internals/composite/root/CompositeRoot.test.tsx#L953",
+      "upstreamTest": "Composite > prop: disabledIndices > keeps the initial tab stop when all items are disabled",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "vertical",
+        "disabledIndices": [0, 1],
+        "items": 2
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "item:0": { "tabindex": "0" },
+              "item:1": { "tabindex": "-1" }
+            }
+          }
+        }
+      ],
+      "notes": "When nothing is focusable the first item still owns the tab stop so the composite stays reachable."
+    },
+    {
+      "id": "toolbar.base-ui.composite-navigation-skips-disabled-index",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/internals/composite/root/CompositeRoot.test.tsx#L965",
+      "upstreamTest": "Composite > prop: disabledIndices > disables navigating item when their index is included",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "vertical",
+        "disabledIndices": [1],
+        "items": 3
+      },
+      "steps": [
+        { "event": "focus", "target": "item:0" },
+        { "event": "key", "key": "ArrowDown", "target": "item:0" },
+        {
+          "expect": {
+            "focus": "item:2",
+            "attrs": { "item:2": { "tabindex": "0" } }
+          }
+        },
+        { "event": "key", "key": "ArrowUp", "target": "item:2" },
+        { "expect": { "focus": "item:0" } }
+      ]
+    },
+    {
+      "id": "toolbar.base-ui.composite-removal-keeps-tab-stop",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/internals/composite/root/CompositeRoot.test.tsx#L1066",
+      "upstreamTest": "Composite > item removal > keeps the tab stop on the highlighted item when an earlier item is removed",
+      "apg": "keyboard",
+      "config": { "orientation": "vertical", "items": ["1", "2", "3", "4"] },
+      "steps": [
+        { "event": "focus", "target": "item:0" },
+        { "event": "key", "key": "ArrowDown", "target": "item:0" },
+        { "event": "key", "key": "ArrowDown", "target": "item:1" },
+        { "expect": { "attrs": { "item:2": { "tabindex": "0" } } } },
+        {
+          "event": "prop",
+          "target": "toolbar",
+          "set": { "removeItem": "item:0" }
+        },
+        {
+          "expect": {
+            "attrs": {
+              "item:0": { "tabindex": "-1" },
+              "item:1": { "tabindex": "0" },
+              "item:2": { "tabindex": "-1" }
+            }
+          }
+        },
+        { "event": "key", "key": "ArrowDown", "target": "item:1" },
+        { "expect": { "focus": "item:2" } }
+      ],
+      "notes": "After removing the first item the tab stop follows the same highlighted element; indices shift by one."
+    },
+    {
+      "id": "toolbar.base-ui.composite-removal-tab-stop-back-in-range",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/internals/composite/root/CompositeRoot.test.tsx#L1105",
+      "upstreamTest": "Composite > item removal > moves the tab stop back into range when the highlighted item is removed",
+      "apg": "keyboard",
+      "config": { "orientation": "vertical", "items": ["1", "2", "3"] },
+      "steps": [
+        { "event": "focus", "target": "item:0" },
+        { "event": "key", "key": "ArrowDown", "target": "item:0" },
+        { "event": "key", "key": "ArrowDown", "target": "item:1" },
+        { "expect": { "attrs": { "item:2": { "tabindex": "0" } } } },
+        {
+          "event": "prop",
+          "target": "toolbar",
+          "set": { "removeItem": "item:2" }
+        },
+        {
+          "expect": {
+            "attrs": {
+              "item:0": { "tabindex": "0" },
+              "item:1": { "tabindex": "-1" }
+            }
+          }
+        }
+      ]
+    },
+    {
+      "id": "toolbar.base-ui.composite-removal-tab-stop-to-active-item",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/internals/composite/root/CompositeRoot.test.tsx#L1135",
+      "upstreamTest": "Composite > item removal > moves the tab stop to the active item when the highlighted item is removed",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "vertical",
+        "items": ["1", "2", "3-active", "4"]
+      },
+      "steps": [
+        { "expect": { "attrs": { "item:2": { "tabindex": "0" } } } },
+        { "event": "focus", "target": "item:2" },
+        { "event": "key", "key": "ArrowDown", "target": "item:2" },
+        { "expect": { "attrs": { "item:3": { "tabindex": "0" } } } },
+        {
+          "event": "prop",
+          "target": "toolbar",
+          "set": { "removeItem": "item:3" }
+        },
+        {
+          "expect": {
+            "attrs": {
+              "item:0": { "tabindex": "-1" },
+              "item:2": { "tabindex": "0" }
+            }
+          }
+        }
+      ],
+      "notes": "Removing the highlighted item falls back to the active item."
+    },
+    {
+      "id": "toolbar.base-ui.composite-modifier-keys-default-prevent",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/internals/composite/root/CompositeRoot.test.tsx#L1219",
+      "upstreamTest": "Composite > prop: modifierKeys > prevents arrow key navigation when any modifier key is pressed by default",
+      "apg": "extension",
+      "config": { "orientation": "vertical", "items": 2 },
+      "steps": [
+        { "event": "focus", "target": "item:0" },
+        {
+          "event": "key",
+          "key": "ArrowDown",
+          "target": "item:0",
+          "modifiers": ["Shift"]
+        },
+        { "expect": { "focus": "item:0" } },
+        {
+          "event": "key",
+          "key": "ArrowDown",
+          "target": "item:0",
+          "modifiers": ["Control"]
+        },
+        { "expect": { "focus": "item:0" } },
+        {
+          "event": "key",
+          "key": "ArrowDown",
+          "target": "item:0",
+          "modifiers": ["Alt"]
+        },
+        { "expect": { "focus": "item:0" } },
+        {
+          "event": "key",
+          "key": "ArrowDown",
+          "target": "item:0",
+          "modifiers": ["Meta"]
+        },
+        { "expect": { "focus": "item:0" } }
+      ]
+    },
+    {
+      "id": "toolbar.base-ui.composite-modifier-keys-allowed",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/internals/composite/root/CompositeRoot.test.tsx#L1250",
+      "upstreamTest": "Composite > prop: modifierKeys > specifies allowed modifier keys that do not prevent arrow key navigation",
+      "apg": "extension",
+      "config": {
+        "orientation": "vertical",
+        "modifierKeys": ["Alt", "Meta"],
+        "items": 3
+      },
+      "steps": [
+        { "event": "focus", "target": "item:0" },
+        {
+          "event": "key",
+          "key": "ArrowDown",
+          "target": "item:0",
+          "modifiers": ["Shift"]
+        },
+        { "expect": { "focus": "item:0" } },
+        {
+          "event": "key",
+          "key": "ArrowDown",
+          "target": "item:0",
+          "modifiers": ["Control"]
+        },
+        { "expect": { "focus": "item:0" } },
+        {
+          "event": "key",
+          "key": "ArrowDown",
+          "target": "item:0",
+          "modifiers": ["Alt"]
+        },
+        { "expect": { "focus": "item:1" } },
+        {
+          "event": "key",
+          "key": "ArrowDown",
+          "target": "item:1",
+          "modifiers": ["Meta"]
+        },
+        { "expect": { "focus": "item:2" } }
+      ]
+    },
+    {
+      "id": "toolbar.base-ui.composite-rtl-horizontal",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/internals/composite/root/CompositeRoot.test.tsx#L409",
+      "upstreamTest": "Composite > list > rtl > horizontal orientation",
+      "apg": "keyboard",
+      "config": { "direction": "rtl", "orientation": "horizontal", "items": 3 },
+      "steps": [
+        { "event": "focus", "target": "item:0" },
+        { "event": "key", "key": "ArrowDown", "target": "item:0" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowLeft", "target": "item:0" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "ArrowLeft", "target": "item:1" },
+        { "expect": { "focus": "item:2" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:2" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:1" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:2" } }
+      ],
+      "notes": "RTL flips horizontal direction and wraps backward."
+    },
+    {
+      "id": "toolbar.base-ui.composite-nested-shared-dom-node",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/internals/composite/root/CompositeRoot.test.tsx#L1380",
+      "upstreamTest": "nested Composite items > keeps outer metadata and focus navigation when items share a DOM node",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["first", "second", "third"]
+      },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:1" },
+        { "expect": { "focus": "item:2" } }
+      ],
+      "notes": "Two registrations on the same DOM node must not break roving focus. Nested-composition extension."
+    },
+    {
+      "id": "toolbar.base-ui.composite-no-aria-orientation",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/internals/composite/root/CompositeRoot.test.tsx#L49",
+      "upstreamTest": "Composite > list > does not add aria-orientation when orientation is set",
+      "apg": "aria",
+      "config": { "orientation": "horizontal", "items": 2 },
+      "steps": [
+        { "expect": { "attrs": { "toolbar": { "aria-orientation": null } } } }
+      ],
+      "notes": "The abstract composite role does not carry aria-orientation; toolbar adds it."
+    },
+    {
+      "id": "toolbar.base-ui.button-renders-button",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/button/ToolbarButton.test.tsx#L49",
+      "upstreamTest": "<Toolbar.Button /> > ARIA attributes > renders a button",
+      "apg": "aria",
+      "config": { "items": 1 },
+      "steps": [{ "expect": { "attrs": { "item:0": { "role": "button" } } } }]
+    },
+    {
+      "id": "toolbar.base-ui.button-disabled-blocks-activation",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/button/ToolbarButton.test.tsx#L129",
+      "upstreamTest": "<Toolbar.Button /> > prop: disabled > disables the button",
+      "apg": "keyboard",
+      "config": { "orientation": "horizontal", "items": ["button:disabled"] },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "item:0": {
+                "disabled": null,
+                "data-disabled": "",
+                "aria-disabled": "true"
+              }
+            }
+          }
+        },
+        { "event": "click", "target": "item:0" },
+        { "event": "key", "key": "Space", "target": "item:0" },
+        { "event": "key", "key": "Enter", "target": "item:0" },
+        { "expect": { "events": { "onClick": [] } } }
+      ],
+      "notes": "Disabled but focusable keeps aria-disabled and blocks activation."
+    },
+    {
+      "id": "toolbar.base-ui.button-nonfocusable-disabled-uses-disabled-attr",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/button/ToolbarButton.test.tsx#L162",
+      "upstreamTest": "<Toolbar.Button /> > prop: disabled > uses the disabled attribute when focusableWhenDisabled is false",
+      "apg": "aria",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["button:disabled-focusable=false"]
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "item:0": {
+                "disabled": "",
+                "data-disabled": "",
+                "aria-disabled": null
+              }
+            }
+          }
+        }
+      ]
+    },
+    {
+      "id": "toolbar.base-ui.menu-trigger-consumes-arrows",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/button/ToolbarButton.test.tsx#L348",
+      "upstreamTest": "<Toolbar.Button /> > rendering other Base UI components > Menu > handles interactions",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["button:menutrigger"]
+      },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "Enter", "target": "item:0" },
+        { "expect": { "visible": ["popup"], "focus": "menuitem:0" } },
+        { "event": "key", "key": "ArrowDown", "target": "menuitem:0" },
+        { "expect": { "focus": "menuitem:1" } },
+        { "event": "key", "key": "ArrowDown", "target": "menuitem:1" },
+        { "expect": { "focus": "menuitem:2" } },
+        { "event": "key", "key": "ArrowUp", "target": "menuitem:2" },
+        { "expect": { "focus": "menuitem:1" } },
+        { "event": "key", "key": "Escape", "target": "menuitem:1" },
+        { "expect": { "visible": [], "focus": "item:0" } }
+      ],
+      "notes": "While the menu is open arrows move the menu, not the toolbar; Escape restores focus to the trigger."
+    },
+    {
+      "id": "toolbar.base-ui.dialog-prevents-composite-keydown-escape",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/button/ToolbarButton.test.tsx#L681",
+      "upstreamTest": "<Toolbar.Button /> > rendering other Base UI components > Dialog > prevents composite keydowns from escaping",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["button:modaltrigger", "button"]
+      },
+      "steps": [
+        { "event": "click", "target": "item:0" },
+        {
+          "expect": { "focus": "dialog", "events": { "onOpenChange": [true] } }
+        },
+        { "event": "key", "key": "ArrowRight", "target": "dialog" },
+        {
+          "expect": { "focus": "dialog", "events": { "onOpenChange": [true] } }
+        }
+      ],
+      "notes": "A focused modal child must swallow arrows so the composite underneath does not navigate."
+    },
+    {
+      "id": "toolbar.base-ui.input-caret-boundaries",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/input/ToolbarInput.test.tsx#L102",
+      "upstreamTest": "<Toolbar.Input /> > keyboard navigation > respects caret and selection boundaries",
+      "apg": "extension",
+      "config": {
+        "direction": "ltr",
+        "orientation": "horizontal",
+        "items": ["button", "textbox", "button"]
+      },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "prop", "target": "item:1", "set": { "selection": [1, 3] } },
+        { "event": "key", "key": "ArrowRight", "target": "item:1" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "prop", "target": "item:1", "set": { "selection": [4, 4] } },
+        { "event": "key", "key": "ArrowRight", "target": "item:1" },
+        { "expect": { "focus": "item:2" } },
+        { "event": "key", "key": "ArrowLeft", "target": "item:2" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "prop", "target": "item:1", "set": { "selection": [0, 0] } },
+        { "event": "key", "key": "ArrowLeft", "target": "item:1" },
+        { "expect": { "focus": "item:0" } }
+      ],
+      "notes": "A textbox consumes arrows until the caret reaches its boundary. Nested control, not APG."
+    },
+    {
+      "id": "toolbar.base-ui.input-orientation-axis",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/input/ToolbarInput.test.tsx#L158",
+      "upstreamTest": "<Toolbar.Input /> > keyboard navigation > orientation",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["button", "textbox", "button"]
+      },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "prop", "target": "item:1", "set": { "selection": [4, 4] } },
+        { "event": "key", "key": "ArrowRight", "target": "item:1" },
+        { "expect": { "focus": "item:2" } },
+        { "event": "key", "key": "ArrowLeft", "target": "item:2" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "prop", "target": "item:1", "set": { "selection": [0, 0] } },
+        { "event": "key", "key": "ArrowLeft", "target": "item:1" },
+        { "expect": { "focus": "item:0" } }
+      ]
+    },
+    {
+      "id": "toolbar.base-ui.input-disabled-does-not-trap-focus",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/input/ToolbarInput.test.tsx#L196",
+      "upstreamTest": "<Toolbar.Input /> > disabled > does not trap keyboard focus when disabled",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["button", "textbox:disabled"],
+        "externalAfter": true
+      },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowRight", "target": "item:0" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "Tab", "target": "item:1" },
+        { "expect": { "focus": null } },
+        { "event": "key", "key": "Tab", "modifiers": ["Shift"] },
+        { "expect": { "focus": "item:1" } }
+      ]
+    },
+    {
+      "id": "toolbar.base-ui.input-disabled-does-not-block-roving",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/input/ToolbarInput.test.tsx#L227",
+      "upstreamTest": "<Toolbar.Input /> > disabled > does not block vertical roving focus when disabled",
+      "apg": "keyboard",
+      "config": {
+        "orientation": "vertical",
+        "items": ["button", "textbox:disabled", "button"]
+      },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        { "expect": { "focus": "item:0" } },
+        { "event": "key", "key": "ArrowDown", "target": "item:0" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "ArrowDown", "target": "item:1" },
+        { "expect": { "focus": "item:2" } },
+        { "event": "key", "key": "ArrowUp", "target": "item:2" },
+        { "expect": { "focus": "item:1" } },
+        { "event": "key", "key": "ArrowUp", "target": "item:1" },
+        { "expect": { "focus": "item:0" } }
+      ]
+    },
+    {
+      "id": "toolbar.base-ui.group-renders-group",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/group/ToolbarGroup.test.tsx#L38",
+      "upstreamTest": "<Toolbar.Group /> > ARIA attributes > renders a group",
+      "apg": "aria",
+      "config": { "items": ["group:button"] },
+      "steps": [{ "expect": { "attrs": { "item:0": { "role": "group" } } } }]
+    },
+    {
+      "id": "toolbar.base-ui.group-disabled-except-links",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/group/ToolbarGroup.test.tsx#L50",
+      "upstreamTest": "<Toolbar.Group /> > prop: disabled > disables all toolbar items except links in the group",
+      "apg": "aria",
+      "config": {
+        "items": ["group:button:link:textbox"],
+        "groupDisabled": true
+      },
+      "steps": [
+        {
+          "expect": {
+            "attrs": {
+              "item:0": { "aria-disabled": "true", "data-disabled": "" },
+              "item:1": { "aria-disabled": null, "data-disabled": null },
+              "item:2": { "aria-disabled": "true", "data-disabled": "" }
+            }
+          }
+        }
+      ]
+    },
+    {
+      "id": "toolbar.base-ui.numberfield-consumes-arrows",
+      "upstream": "https://github.com/mui/base-ui/blob/19511bb171f3b360b006c94cf6d07e53cb446505/packages/react/src/toolbar/input/ToolbarInput.test.tsx#L273",
+      "upstreamTest": "<Toolbar.Input /> > rendering NumberField > handles interactions",
+      "apg": "extension",
+      "config": {
+        "orientation": "horizontal",
+        "items": ["numberfield"],
+        "defaultValue": 5,
+        "min": 1,
+        "max": 10
+      },
+      "steps": [
+        { "event": "key", "key": "Tab", "target": "toolbar" },
+        {
+          "expect": {
+            "focus": "item:0",
+            "attrs": { "item:0": { "tabindex": "0" } }
+          }
+        },
+        { "event": "key", "key": "ArrowUp", "target": "item:0" },
+        { "expect": { "value": 6, "events": { "onValueChange": [6] } } },
+        { "event": "key", "key": "ArrowDown", "target": "item:0" },
+        { "expect": { "value": 5, "events": { "onValueChange": [6, 5] } } }
+      ],
+      "notes": "A nested number field consumes Up/Down for its own value instead of moving roving focus."
+    }
+  ]
+}