@fusion.dev/helix-headless 0.210.0 → 0.211.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-headless",
   "description": "Headless component tier. Structure, accessibility, state, and form participation. No styling.",
-  "version": "0.210.0",
+  "version": "0.211.1",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -58,14 +58,14 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.210.0",
-    "@fusion.dev/helix-icons": "0.210.0",
+    "@fusion.dev/helix-core": "0.211.1",
+    "@fusion.dev/helix-icons": "0.211.1",
     "tslib": "^2.8.1",
     "uqr": "^0.1.3"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.210.0",
-    "@fusion.dev/helix-testing": "0.210.0",
+    "@fusion.dev/helix-cem": "0.211.1",
+    "@fusion.dev/helix-testing": "0.211.1",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.14.5",
     "@lit-labs/ssr": "^4.1.0",

package/types/jsx.d.ts

@@ -43534,6 +43534,10 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `edges`: A layer the connectors are drawn in: one holding the arrowhead, and one after each card holding the connections leaving it, so they are read in the order the arrows walk them. Give it `z-index: -1` to draw it under the cards.
    * - `footer`: The strip below the board.
    * - `fullscreen`: The button that makes the board fill the screen.
+   * - `fullscreen-button`: `fullscreen`'s inner button.
+   * - `fullscreen-live`: `fullscreen`'s live region, which speaks while it is pending.
+   * - `fullscreen-spinner`: The ring `fullscreen` turns while it is pending.
+   * - `fullscreen-text`: The box `fullscreen`'s glyph sits in.
    * - `gesture-hint`: Words over the board for a moment when it lets a gesture pass to the page, such as how to zoom it.
    * - `gesture-status`: The line shown while a board with `gestures="activate"` has the gestures.
    * - `header`: The strip above the board.
@@ -43545,13 +43549,37 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `minimap-node`: One card in the minimap.
    * - `minimap-view`: The frame in the minimap around what is on screen.
    * - `pan-down`: The button that moves the board down.
+   * - `pan-down-button`: `pan-down`'s inner button.
+   * - `pan-down-live`: `pan-down`'s live region, which speaks while it is pending.
+   * - `pan-down-spinner`: The ring `pan-down` turns while it is pending.
+   * - `pan-down-text`: The box `pan-down`'s glyph sits in.
    * - `pan-end`: The button that moves the board toward the end of a line of text: right in English.
+   * - `pan-end-button`: `pan-end`'s inner button.
+   * - `pan-end-live`: `pan-end`'s live region, which speaks while it is pending.
+   * - `pan-end-spinner`: The ring `pan-end` turns while it is pending.
+   * - `pan-end-text`: The box `pan-end`'s glyph sits in.
    * - `pan-start`: The button that moves the board toward the start of a line of text: left in English.
+   * - `pan-start-button`: `pan-start`'s inner button.
+   * - `pan-start-live`: `pan-start`'s live region, which speaks while it is pending.
+   * - `pan-start-spinner`: The ring `pan-start` turns while it is pending.
+   * - `pan-start-text`: The box `pan-start`'s glyph sits in.
    * - `pan-up`: The button that moves the board up.
+   * - `pan-up-button`: `pan-up`'s inner button.
+   * - `pan-up-live`: `pan-up`'s live region, which speaks while it is pending.
+   * - `pan-up-spinner`: The ring `pan-up` turns while it is pending.
+   * - `pan-up-text`: The box `pan-up`'s glyph sits in.
    * - `region`: The named region the board is drawn in.
    * - `viewport`: The box the board is drawn inside.
    * - `zoom-in`: The button that zooms in.
+   * - `zoom-in-button`: `zoom-in`'s inner button.
+   * - `zoom-in-live`: `zoom-in`'s live region, which speaks while it is pending.
+   * - `zoom-in-spinner`: The ring `zoom-in` turns while it is pending.
+   * - `zoom-in-text`: The box `zoom-in`'s glyph sits in.
    * - `zoom-out`: The button that zooms out.
+   * - `zoom-out-button`: `zoom-out`'s inner button.
+   * - `zoom-out-live`: `zoom-out`'s live region, which speaks while it is pending.
+   * - `zoom-out-spinner`: The ring `zoom-out` turns while it is pending.
+   * - `zoom-out-text`: The box `zoom-out`'s glyph sits in.
    *
    * ## CSS States
    *
@@ -51908,6 +51936,10 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `filter-mark`: The default icon beside the search field, shown when none is slotted.
    * - `footer`: The strip below the graph.
    * - `fullscreen`: The button that makes the graph fill the screen.
+   * - `fullscreen-button`: `fullscreen`'s inner button.
+   * - `fullscreen-live`: `fullscreen`'s live region, which speaks while it is pending.
+   * - `fullscreen-spinner`: The ring `fullscreen` turns while it is pending.
+   * - `fullscreen-text`: The box `fullscreen`'s glyph sits in.
    * - `gesture-hint`: Words over the graph for a moment when it lets a gesture pass to the page, such as how to zoom it.
    * - `gesture-status`: The line shown while a graph with `gestures="activate"` has the gestures.
    * - `header`: The strip above the graph.
@@ -51925,10 +51957,30 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `note-relation`: How a note stands to the selected one, such as "Linked from Alpha".
    * - `note-selected`: The selected note, first in the list.
    * - `notes-toggle`: The button among the controls that opens the search and the list over the drawing, with `no-panel`.
+   * - `notes-toggle-button`: `notes-toggle`'s inner button.
+   * - `notes-toggle-live`: `notes-toggle`'s live region, which speaks while it is pending.
+   * - `notes-toggle-spinner`: The ring `notes-toggle` turns while it is pending.
+   * - `notes-toggle-text`: The box `notes-toggle`'s glyph sits in.
    * - `pan-down`: The button that moves the graph down.
+   * - `pan-down-button`: `pan-down`'s inner button.
+   * - `pan-down-live`: `pan-down`'s live region, which speaks while it is pending.
+   * - `pan-down-spinner`: The ring `pan-down` turns while it is pending.
+   * - `pan-down-text`: The box `pan-down`'s glyph sits in.
    * - `pan-end`: The button that moves the graph toward the end of a line of text: right in English.
+   * - `pan-end-button`: `pan-end`'s inner button.
+   * - `pan-end-live`: `pan-end`'s live region, which speaks while it is pending.
+   * - `pan-end-spinner`: The ring `pan-end` turns while it is pending.
+   * - `pan-end-text`: The box `pan-end`'s glyph sits in.
    * - `pan-start`: The button that moves the graph toward the start of a line of text: left in English.
+   * - `pan-start-button`: `pan-start`'s inner button.
+   * - `pan-start-live`: `pan-start`'s live region, which speaks while it is pending.
+   * - `pan-start-spinner`: The ring `pan-start` turns while it is pending.
+   * - `pan-start-text`: The box `pan-start`'s glyph sits in.
    * - `pan-up`: The button that moves the graph up.
+   * - `pan-up-button`: `pan-up`'s inner button.
+   * - `pan-up-live`: `pan-up`'s live region, which speaks while it is pending.
+   * - `pan-up-spinner`: The ring `pan-up` turns while it is pending.
+   * - `pan-up-text`: The box `pan-up`'s glyph sits in.
    * - `panel`: The search field and the list, beside the drawing or below it, or over the drawing when opened with `no-panel`.
    * - `region`: The frame: the drawing, its controls and the list.
    * - `search`: The bar holding the icon, the search field and the count.
@@ -51938,7 +51990,15 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `stop-layout`: The button that stops a layout that has run past five seconds, where the notes stand.
    * - `viewport`: The box the renderer draws in.
    * - `zoom-in`: The zoom in button.
+   * - `zoom-in-button`: `zoom-in`'s inner button.
+   * - `zoom-in-live`: `zoom-in`'s live region, which speaks while it is pending.
+   * - `zoom-in-spinner`: The ring `zoom-in` turns while it is pending.
+   * - `zoom-in-text`: The box `zoom-in`'s glyph sits in.
    * - `zoom-out`: The zoom out button.
+   * - `zoom-out-button`: `zoom-out`'s inner button.
+   * - `zoom-out-live`: `zoom-out`'s live region, which speaks while it is pending.
+   * - `zoom-out-spinner`: The ring `zoom-out` turns while it is pending.
+   * - `zoom-out-text`: The box `zoom-out`'s glyph sits in.
    *
    * ## CSS States
    *
@@ -56555,8 +56615,16 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `compass`: The compass and the pan and rotate buttons around it.
    * - `controls`: The column of buttons that move the map, a toolbar and one tab stop.
    * - `face-north`: The compass: its needle points north as the map turns, and pressing it turns the map to face north.
+   * - `face-north-button`: `face-north`'s inner button.
+   * - `face-north-live`: `face-north`'s live region, which speaks while it is pending.
+   * - `face-north-spinner`: The ring `face-north` turns while it is pending.
+   * - `face-north-text`: The box `face-north`'s glyph sits in.
    * - `footer`: The strip below the map.
    * - `fullscreen`: The button that makes the map fill the screen.
+   * - `fullscreen-button`: `fullscreen`'s inner button.
+   * - `fullscreen-live`: `fullscreen`'s live region, which speaks while it is pending.
+   * - `fullscreen-spinner`: The ring `fullscreen` turns while it is pending.
+   * - `fullscreen-text`: The box `fullscreen`'s glyph sits in.
    * - `gesture-hint`: Words over the map for a moment when it lets a gesture pass to the page, such as how to zoom it.
    * - `gesture-status`: The line shown while a map with `gestures="activate"` has the gestures.
    * - `header`: The strip above the map.
@@ -56568,6 +56636,10 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `layers`: The list of the map's shown layers, such as routes, areas, and points, read by screen readers.
    * - `layers-menu`: The menu of the map's layers, which the layers button opens.
    * - `layers-toggle`: The button that opens and closes the layers menu.
+   * - `layers-toggle-button`: `layers-toggle`'s inner button.
+   * - `layers-toggle-live`: `layers-toggle`'s live region, which speaks while it is pending.
+   * - `layers-toggle-spinner`: The ring `layers-toggle` turns while it is pending.
+   * - `layers-toggle-text`: The box `layers-toggle`'s glyph sits in.
    * - `live`: What screen readers hear after the map moves: the zoom level, the way it faces, its tilt, or the way it moved. Visually hidden in the styled tier.
    * - `map-type`: One map type's card in the layers menu: a radio button, its picture, and its name.
    * - `map-type-name`: The name on a map type's card.
@@ -56575,16 +56647,52 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `map-types`: The map-type cards at the top of the layers menu, where the map has imagery.
    * - `needle`: The compass needle, turned to point north.
    * - `pan-down`: The button that pans the map down.
+   * - `pan-down-button`: `pan-down`'s inner button.
+   * - `pan-down-live`: `pan-down`'s live region, which speaks while it is pending.
+   * - `pan-down-spinner`: The ring `pan-down` turns while it is pending.
+   * - `pan-down-text`: The box `pan-down`'s glyph sits in.
    * - `pan-end`: The button that pans toward the end of a line of text: right in English.
+   * - `pan-end-button`: `pan-end`'s inner button.
+   * - `pan-end-live`: `pan-end`'s live region, which speaks while it is pending.
+   * - `pan-end-spinner`: The ring `pan-end` turns while it is pending.
+   * - `pan-end-text`: The box `pan-end`'s glyph sits in.
    * - `pan-start`: The button that pans toward the start of a line of text: left in English.
+   * - `pan-start-button`: `pan-start`'s inner button.
+   * - `pan-start-live`: `pan-start`'s live region, which speaks while it is pending.
+   * - `pan-start-spinner`: The ring `pan-start` turns while it is pending.
+   * - `pan-start-text`: The box `pan-start`'s glyph sits in.
    * - `pan-up`: The button that pans the map up.
+   * - `pan-up-button`: `pan-up`'s inner button.
+   * - `pan-up-live`: `pan-up`'s live region, which speaks while it is pending.
+   * - `pan-up-spinner`: The ring `pan-up` turns while it is pending.
+   * - `pan-up-text`: The box `pan-up`'s glyph sits in.
    * - `region`: The named region the map sits in.
    * - `rotate-left`: The button that turns the map counterclockwise.
+   * - `rotate-left-button`: `rotate-left`'s inner button.
+   * - `rotate-left-live`: `rotate-left`'s live region, which speaks while it is pending.
+   * - `rotate-left-spinner`: The ring `rotate-left` turns while it is pending.
+   * - `rotate-left-text`: The box `rotate-left`'s glyph sits in.
    * - `rotate-right`: The button that turns the map clockwise.
+   * - `rotate-right-button`: `rotate-right`'s inner button.
+   * - `rotate-right-live`: `rotate-right`'s live region, which speaks while it is pending.
+   * - `rotate-right-spinner`: The ring `rotate-right` turns while it is pending.
+   * - `rotate-right-text`: The box `rotate-right`'s glyph sits in.
    * - `tilt`: The 3D button, which tilts the map and makes it flat again. Pressed while the map is tilted.
+   * - `tilt-button`: `tilt`'s inner button.
+   * - `tilt-live`: `tilt`'s live region, which speaks while it is pending.
+   * - `tilt-spinner`: The ring `tilt` turns while it is pending.
+   * - `tilt-text`: The box `tilt`'s glyph sits in.
    * - `viewport`: The box the map is drawn in.
    * - `zoom-in`: The button that zooms in.
+   * - `zoom-in-button`: `zoom-in`'s inner button.
+   * - `zoom-in-live`: `zoom-in`'s live region, which speaks while it is pending.
+   * - `zoom-in-spinner`: The ring `zoom-in` turns while it is pending.
+   * - `zoom-in-text`: The box `zoom-in`'s glyph sits in.
    * - `zoom-out`: The button that zooms out.
+   * - `zoom-out-button`: `zoom-out`'s inner button.
+   * - `zoom-out-live`: `zoom-out`'s live region, which speaks while it is pending.
+   * - `zoom-out-spinner`: The ring `zoom-out` turns while it is pending.
+   * - `zoom-out-text`: The box `zoom-out`'s glyph sits in.
    *
    * ## CSS States
    *
@@ -76236,6 +76344,10 @@ export type CustomElementsSolidJs = {
    * - `edges`: A layer the connectors are drawn in: one holding the arrowhead, and one after each card holding the connections leaving it, so they are read in the order the arrows walk them. Give it `z-index: -1` to draw it under the cards.
    * - `footer`: The strip below the board.
    * - `fullscreen`: The button that makes the board fill the screen.
+   * - `fullscreen-button`: `fullscreen`'s inner button.
+   * - `fullscreen-live`: `fullscreen`'s live region, which speaks while it is pending.
+   * - `fullscreen-spinner`: The ring `fullscreen` turns while it is pending.
+   * - `fullscreen-text`: The box `fullscreen`'s glyph sits in.
    * - `gesture-hint`: Words over the board for a moment when it lets a gesture pass to the page, such as how to zoom it.
    * - `gesture-status`: The line shown while a board with `gestures="activate"` has the gestures.
    * - `header`: The strip above the board.
@@ -76247,13 +76359,37 @@ export type CustomElementsSolidJs = {
    * - `minimap-node`: One card in the minimap.
    * - `minimap-view`: The frame in the minimap around what is on screen.
    * - `pan-down`: The button that moves the board down.
+   * - `pan-down-button`: `pan-down`'s inner button.
+   * - `pan-down-live`: `pan-down`'s live region, which speaks while it is pending.
+   * - `pan-down-spinner`: The ring `pan-down` turns while it is pending.
+   * - `pan-down-text`: The box `pan-down`'s glyph sits in.
    * - `pan-end`: The button that moves the board toward the end of a line of text: right in English.
+   * - `pan-end-button`: `pan-end`'s inner button.
+   * - `pan-end-live`: `pan-end`'s live region, which speaks while it is pending.
+   * - `pan-end-spinner`: The ring `pan-end` turns while it is pending.
+   * - `pan-end-text`: The box `pan-end`'s glyph sits in.
    * - `pan-start`: The button that moves the board toward the start of a line of text: left in English.
+   * - `pan-start-button`: `pan-start`'s inner button.
+   * - `pan-start-live`: `pan-start`'s live region, which speaks while it is pending.
+   * - `pan-start-spinner`: The ring `pan-start` turns while it is pending.
+   * - `pan-start-text`: The box `pan-start`'s glyph sits in.
    * - `pan-up`: The button that moves the board up.
+   * - `pan-up-button`: `pan-up`'s inner button.
+   * - `pan-up-live`: `pan-up`'s live region, which speaks while it is pending.
+   * - `pan-up-spinner`: The ring `pan-up` turns while it is pending.
+   * - `pan-up-text`: The box `pan-up`'s glyph sits in.
    * - `region`: The named region the board is drawn in.
    * - `viewport`: The box the board is drawn inside.
    * - `zoom-in`: The button that zooms in.
+   * - `zoom-in-button`: `zoom-in`'s inner button.
+   * - `zoom-in-live`: `zoom-in`'s live region, which speaks while it is pending.
+   * - `zoom-in-spinner`: The ring `zoom-in` turns while it is pending.
+   * - `zoom-in-text`: The box `zoom-in`'s glyph sits in.
    * - `zoom-out`: The button that zooms out.
+   * - `zoom-out-button`: `zoom-out`'s inner button.
+   * - `zoom-out-live`: `zoom-out`'s live region, which speaks while it is pending.
+   * - `zoom-out-spinner`: The ring `zoom-out` turns while it is pending.
+   * - `zoom-out-text`: The box `zoom-out`'s glyph sits in.
    *
    * ## CSS States
    *
@@ -84678,6 +84814,10 @@ export type CustomElementsSolidJs = {
    * - `filter-mark`: The default icon beside the search field, shown when none is slotted.
    * - `footer`: The strip below the graph.
    * - `fullscreen`: The button that makes the graph fill the screen.
+   * - `fullscreen-button`: `fullscreen`'s inner button.
+   * - `fullscreen-live`: `fullscreen`'s live region, which speaks while it is pending.
+   * - `fullscreen-spinner`: The ring `fullscreen` turns while it is pending.
+   * - `fullscreen-text`: The box `fullscreen`'s glyph sits in.
    * - `gesture-hint`: Words over the graph for a moment when it lets a gesture pass to the page, such as how to zoom it.
    * - `gesture-status`: The line shown while a graph with `gestures="activate"` has the gestures.
    * - `header`: The strip above the graph.
@@ -84695,10 +84835,30 @@ export type CustomElementsSolidJs = {
    * - `note-relation`: How a note stands to the selected one, such as "Linked from Alpha".
    * - `note-selected`: The selected note, first in the list.
    * - `notes-toggle`: The button among the controls that opens the search and the list over the drawing, with `no-panel`.
+   * - `notes-toggle-button`: `notes-toggle`'s inner button.
+   * - `notes-toggle-live`: `notes-toggle`'s live region, which speaks while it is pending.
+   * - `notes-toggle-spinner`: The ring `notes-toggle` turns while it is pending.
+   * - `notes-toggle-text`: The box `notes-toggle`'s glyph sits in.
    * - `pan-down`: The button that moves the graph down.
+   * - `pan-down-button`: `pan-down`'s inner button.
+   * - `pan-down-live`: `pan-down`'s live region, which speaks while it is pending.
+   * - `pan-down-spinner`: The ring `pan-down` turns while it is pending.
+   * - `pan-down-text`: The box `pan-down`'s glyph sits in.
    * - `pan-end`: The button that moves the graph toward the end of a line of text: right in English.
+   * - `pan-end-button`: `pan-end`'s inner button.
+   * - `pan-end-live`: `pan-end`'s live region, which speaks while it is pending.
+   * - `pan-end-spinner`: The ring `pan-end` turns while it is pending.
+   * - `pan-end-text`: The box `pan-end`'s glyph sits in.
    * - `pan-start`: The button that moves the graph toward the start of a line of text: left in English.
+   * - `pan-start-button`: `pan-start`'s inner button.
+   * - `pan-start-live`: `pan-start`'s live region, which speaks while it is pending.
+   * - `pan-start-spinner`: The ring `pan-start` turns while it is pending.
+   * - `pan-start-text`: The box `pan-start`'s glyph sits in.
    * - `pan-up`: The button that moves the graph up.
+   * - `pan-up-button`: `pan-up`'s inner button.
+   * - `pan-up-live`: `pan-up`'s live region, which speaks while it is pending.
+   * - `pan-up-spinner`: The ring `pan-up` turns while it is pending.
+   * - `pan-up-text`: The box `pan-up`'s glyph sits in.
    * - `panel`: The search field and the list, beside the drawing or below it, or over the drawing when opened with `no-panel`.
    * - `region`: The frame: the drawing, its controls and the list.
    * - `search`: The bar holding the icon, the search field and the count.
@@ -84708,7 +84868,15 @@ export type CustomElementsSolidJs = {
    * - `stop-layout`: The button that stops a layout that has run past five seconds, where the notes stand.
    * - `viewport`: The box the renderer draws in.
    * - `zoom-in`: The zoom in button.
+   * - `zoom-in-button`: `zoom-in`'s inner button.
+   * - `zoom-in-live`: `zoom-in`'s live region, which speaks while it is pending.
+   * - `zoom-in-spinner`: The ring `zoom-in` turns while it is pending.
+   * - `zoom-in-text`: The box `zoom-in`'s glyph sits in.
    * - `zoom-out`: The zoom out button.
+   * - `zoom-out-button`: `zoom-out`'s inner button.
+   * - `zoom-out-live`: `zoom-out`'s live region, which speaks while it is pending.
+   * - `zoom-out-spinner`: The ring `zoom-out` turns while it is pending.
+   * - `zoom-out-text`: The box `zoom-out`'s glyph sits in.
    *
    * ## CSS States
    *
@@ -89391,8 +89559,16 @@ export type CustomElementsSolidJs = {
    * - `compass`: The compass and the pan and rotate buttons around it.
    * - `controls`: The column of buttons that move the map, a toolbar and one tab stop.
    * - `face-north`: The compass: its needle points north as the map turns, and pressing it turns the map to face north.
+   * - `face-north-button`: `face-north`'s inner button.
+   * - `face-north-live`: `face-north`'s live region, which speaks while it is pending.
+   * - `face-north-spinner`: The ring `face-north` turns while it is pending.
+   * - `face-north-text`: The box `face-north`'s glyph sits in.
    * - `footer`: The strip below the map.
    * - `fullscreen`: The button that makes the map fill the screen.
+   * - `fullscreen-button`: `fullscreen`'s inner button.
+   * - `fullscreen-live`: `fullscreen`'s live region, which speaks while it is pending.
+   * - `fullscreen-spinner`: The ring `fullscreen` turns while it is pending.
+   * - `fullscreen-text`: The box `fullscreen`'s glyph sits in.
    * - `gesture-hint`: Words over the map for a moment when it lets a gesture pass to the page, such as how to zoom it.
    * - `gesture-status`: The line shown while a map with `gestures="activate"` has the gestures.
    * - `header`: The strip above the map.
@@ -89404,6 +89580,10 @@ export type CustomElementsSolidJs = {
    * - `layers`: The list of the map's shown layers, such as routes, areas, and points, read by screen readers.
    * - `layers-menu`: The menu of the map's layers, which the layers button opens.
    * - `layers-toggle`: The button that opens and closes the layers menu.
+   * - `layers-toggle-button`: `layers-toggle`'s inner button.
+   * - `layers-toggle-live`: `layers-toggle`'s live region, which speaks while it is pending.
+   * - `layers-toggle-spinner`: The ring `layers-toggle` turns while it is pending.
+   * - `layers-toggle-text`: The box `layers-toggle`'s glyph sits in.
    * - `live`: What screen readers hear after the map moves: the zoom level, the way it faces, its tilt, or the way it moved. Visually hidden in the styled tier.
    * - `map-type`: One map type's card in the layers menu: a radio button, its picture, and its name.
    * - `map-type-name`: The name on a map type's card.
@@ -89411,16 +89591,52 @@ export type CustomElementsSolidJs = {
    * - `map-types`: The map-type cards at the top of the layers menu, where the map has imagery.
    * - `needle`: The compass needle, turned to point north.
    * - `pan-down`: The button that pans the map down.
+   * - `pan-down-button`: `pan-down`'s inner button.
+   * - `pan-down-live`: `pan-down`'s live region, which speaks while it is pending.
+   * - `pan-down-spinner`: The ring `pan-down` turns while it is pending.
+   * - `pan-down-text`: The box `pan-down`'s glyph sits in.
    * - `pan-end`: The button that pans toward the end of a line of text: right in English.
+   * - `pan-end-button`: `pan-end`'s inner button.
+   * - `pan-end-live`: `pan-end`'s live region, which speaks while it is pending.
+   * - `pan-end-spinner`: The ring `pan-end` turns while it is pending.
+   * - `pan-end-text`: The box `pan-end`'s glyph sits in.
    * - `pan-start`: The button that pans toward the start of a line of text: left in English.
+   * - `pan-start-button`: `pan-start`'s inner button.
+   * - `pan-start-live`: `pan-start`'s live region, which speaks while it is pending.
+   * - `pan-start-spinner`: The ring `pan-start` turns while it is pending.
+   * - `pan-start-text`: The box `pan-start`'s glyph sits in.
    * - `pan-up`: The button that pans the map up.
+   * - `pan-up-button`: `pan-up`'s inner button.
+   * - `pan-up-live`: `pan-up`'s live region, which speaks while it is pending.
+   * - `pan-up-spinner`: The ring `pan-up` turns while it is pending.
+   * - `pan-up-text`: The box `pan-up`'s glyph sits in.
    * - `region`: The named region the map sits in.
    * - `rotate-left`: The button that turns the map counterclockwise.
+   * - `rotate-left-button`: `rotate-left`'s inner button.
+   * - `rotate-left-live`: `rotate-left`'s live region, which speaks while it is pending.
+   * - `rotate-left-spinner`: The ring `rotate-left` turns while it is pending.
+   * - `rotate-left-text`: The box `rotate-left`'s glyph sits in.
    * - `rotate-right`: The button that turns the map clockwise.
+   * - `rotate-right-button`: `rotate-right`'s inner button.
+   * - `rotate-right-live`: `rotate-right`'s live region, which speaks while it is pending.
+   * - `rotate-right-spinner`: The ring `rotate-right` turns while it is pending.
+   * - `rotate-right-text`: The box `rotate-right`'s glyph sits in.
    * - `tilt`: The 3D button, which tilts the map and makes it flat again. Pressed while the map is tilted.
+   * - `tilt-button`: `tilt`'s inner button.
+   * - `tilt-live`: `tilt`'s live region, which speaks while it is pending.
+   * - `tilt-spinner`: The ring `tilt` turns while it is pending.
+   * - `tilt-text`: The box `tilt`'s glyph sits in.
    * - `viewport`: The box the map is drawn in.
    * - `zoom-in`: The button that zooms in.
+   * - `zoom-in-button`: `zoom-in`'s inner button.
+   * - `zoom-in-live`: `zoom-in`'s live region, which speaks while it is pending.
+   * - `zoom-in-spinner`: The ring `zoom-in` turns while it is pending.
+   * - `zoom-in-text`: The box `zoom-in`'s glyph sits in.
    * - `zoom-out`: The button that zooms out.
+   * - `zoom-out-button`: `zoom-out`'s inner button.
+   * - `zoom-out-live`: `zoom-out`'s live region, which speaks while it is pending.
+   * - `zoom-out-spinner`: The ring `zoom-out` turns while it is pending.
+   * - `zoom-out-text`: The box `zoom-out`'s glyph sits in.
    *
    * ## CSS States
    *