@fusion.dev/helix-headless 0.162.1 → 0.164.0

package/types/jsx.d.ts

@@ -2926,6 +2926,11 @@ none.
 takes away, where every button was "Dismiss". A label without `{label}` is
 read as written. */
   dismissLabel?: (HelixHeadlessCallout["dismissLabel"]) | undefined;
+  /** Whether the callout is showing. A dismissal nobody canceled turns it
+false and the callout hides itself, and setting it true shows the callout
+again. Not reflected: open is the resting state, so an `open` attribute
+would appear on markup a server sent without it. */
+  open?: (HelixHeadlessCallout["open"]) | undefined;
   /** What kind of attention the passage needs.
 
 `tone` is the axis for what a thing means, and this is a subset of it: a
@@ -2960,7 +2965,7 @@ out keeps its English, and `tone-label` wins over both.
   /** Whether the element shows a control that dismisses it. */
   dismissible?: (HelixHeadlessCallout["dismissible"]) | undefined;
 
-  /** The dismiss button was pressed. The callout does not remove itself, so remove it in response. Cancelable. */
+  /** The dismiss button was pressed. Unless a listener cancels it, the callout hides itself, and a listener may remove it instead. Cancelable: cancel it to keep the callout showing. */
   "onhelix-dismiss"?: ((e: HelixHeadlessCalloutHelixDismissElementEvent) => void) | undefined;
 };
 
@@ -2981,6 +2986,11 @@ none.
 takes away, where every button was "Dismiss". A label without `{label}` is
 read as written. */
   "prop:dismissLabel"?: (HelixHeadlessCallout["dismissLabel"]) | undefined;
+  /** Whether the callout is showing. A dismissal nobody canceled turns it
+false and the callout hides itself, and setting it true shows the callout
+again. Not reflected: open is the resting state, so an `open` attribute
+would appear on markup a server sent without it. */
+  "prop:open"?: (HelixHeadlessCallout["open"]) | undefined;
   /** What kind of attention the passage needs.
 
 `tone` is the axis for what a thing means, and this is a subset of it: a
@@ -3014,7 +3024,7 @@ out keeps its English, and `tone-label` wins over both.
   "prop:toneLabels"?: (HelixHeadlessCallout["toneLabels"]) | undefined;
   /** Whether the element shows a control that dismisses it. */
   "prop:dismissible"?: (HelixHeadlessCallout["dismissible"]) | undefined;
-  /** The dismiss button was pressed. The callout does not remove itself, so remove it in response. Cancelable. */
+  /** The dismiss button was pressed. Unless a listener cancels it, the callout hides itself, and a listener may remove it instead. Cancelable: cancel it to keep the callout showing. */
   "on:helix-dismiss"?: ((
     e: HelixHeadlessCalloutHelixDismissElementEvent,
   ) => void) | undefined;
@@ -3754,6 +3764,13 @@ at any zoom, and a consumer who wants their own units multiplies by them. */
   "zoom-out-label"?: (HelixHeadlessCanvas["zoomOutLabel"]) | undefined;
   /** The zoom out button's label. */
   zoomOutLabel?: (HelixHeadlessCanvas["zoomOutLabel"]) | undefined;
+  /** Draws every connection's line: a function from where it leaves and
+arrives, and the sides it does, to its SVG path and where its label sits.
+
+Absent, or returning nothing for a connection, draws the board's own
+route. A function that throws draws the board's own too, and the error is
+reported to the page as an uncaught one. Set it as a property. */
+  edgeRoute?: (HelixHeadlessCanvas["edgeRoute"]) | undefined;
   /** The board's current view: the document's point at the middle of the view,
 and the zoom.
 
@@ -4202,6 +4219,13 @@ at any zoom, and a consumer who wants their own units multiplies by them. */
   "attr:zoom-out-label"?: (HelixHeadlessCanvas["zoomOutLabel"]) | undefined;
   /** The zoom out button's label. */
   "prop:zoomOutLabel"?: (HelixHeadlessCanvas["zoomOutLabel"]) | undefined;
+  /** Draws every connection's line: a function from where it leaves and
+arrives, and the sides it does, to its SVG path and where its label sits.
+
+Absent, or returning nothing for a connection, draws the board's own
+route. A function that throws draws the board's own too, and the error is
+reported to the page as an uncaught one. Set it as a property. */
+  "prop:edgeRoute"?: (HelixHeadlessCanvas["edgeRoute"]) | undefined;
   /** The board's current view: the document's point at the middle of the view,
 and the zoom.
 
@@ -6079,6 +6103,14 @@ app.ts", as `code-name-label` puts it. */
   "collapse-label"?: (HelixHeadlessCodeBlock["collapseLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
   collapseLabel?: (HelixHeadlessCodeBlock["collapseLabel"]) | undefined;
+  /** In a diff, how many unchanged lines to keep beside each change. Each
+longer run of unchanged lines is folded behind a button that shows it.
+Unset shows every line the diff holds. */
+  "context-lines"?: (HelixHeadlessCodeBlock["contextLines"] | `${number}`) | undefined;
+  /** In a diff, how many unchanged lines to keep beside each change. Each
+longer run of unchanged lines is folded behind a button that shows it.
+Unset shows every line the diff holds. */
+  contextLines?: (HelixHeadlessCodeBlock["contextLines"]) | undefined;
   /** The copy button's name and tooltip text after a copy. */
   "copied-label"?: (HelixHeadlessCodeBlock["copiedLabel"]) | undefined;
   /** The copy button's name and tooltip text after a copy. */
@@ -6117,6 +6149,14 @@ block lays out. Not for a diff, whose files each scroll on their own. */
   "expand-label"?: (HelixHeadlessCodeBlock["expandLabel"]) | undefined;
   /** The expand button's words while the cap hides lines. */
   expandLabel?: (HelixHeadlessCodeBlock["expandLabel"]) | undefined;
+  /** The words of a button that hides a run of unchanged lines it showed, in a
+diff with `context-lines`. `{count}` is how many, and each language
+writes the forms it has. */
+  "hide-unchanged-label"?: (HelixHeadlessCodeBlock["hideUnchangedLabel"]) | undefined;
+  /** The words of a button that hides a run of unchanged lines it showed, in a
+diff with `context-lines`. `{count}` is how many, and each language
+writes the forms it has. */
+  hideUnchangedLabel?: (HelixHeadlessCodeBlock["hideUnchangedLabel"]) | undefined;
   /** The block's name, usually a file name, drawn in the header.
 
 Absent, the block is named by `language` where there is one. In a diff,
@@ -6192,6 +6232,12 @@ A false boolean reflects as the attribute's absence, so this costs no
 reflected property taking no default is satisfied by the default being
 `false`. */
   noCopy?: (HelixHeadlessCodeBlock["noCopy"]) | undefined;
+  /** The words of a button that shows a folded run of unchanged lines, in a
+diff with `context-lines`. `{count}` is how many. */
+  "show-unchanged-label"?: (HelixHeadlessCodeBlock["showUnchangedLabel"]) | undefined;
+  /** The words of a button that shows a folded run of unchanged lines, in a
+diff with `context-lines`. `{count}` is how many. */
+  showUnchangedLabel?: (HelixHeadlessCodeBlock["showUnchangedLabel"]) | undefined;
   /** How a diff's two versions are arranged. It has no effect without `diff`.
 
 Absent is unified, each removal above its replacement, which fits any
@@ -6266,6 +6312,14 @@ app.ts", as `code-name-label` puts it. */
   "attr:collapse-label"?: (HelixHeadlessCodeBlock["collapseLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
   "prop:collapseLabel"?: (HelixHeadlessCodeBlock["collapseLabel"]) | undefined;
+  /** In a diff, how many unchanged lines to keep beside each change. Each
+longer run of unchanged lines is folded behind a button that shows it.
+Unset shows every line the diff holds. */
+  "attr:context-lines"?: (HelixHeadlessCodeBlock["contextLines"] | `${number}`) | undefined;
+  /** In a diff, how many unchanged lines to keep beside each change. Each
+longer run of unchanged lines is folded behind a button that shows it.
+Unset shows every line the diff holds. */
+  "prop:contextLines"?: (HelixHeadlessCodeBlock["contextLines"]) | undefined;
   /** The copy button's name and tooltip text after a copy. */
   "attr:copied-label"?: (HelixHeadlessCodeBlock["copiedLabel"]) | undefined;
   /** The copy button's name and tooltip text after a copy. */
@@ -6304,6 +6358,14 @@ block lays out. Not for a diff, whose files each scroll on their own. */
   "attr:expand-label"?: (HelixHeadlessCodeBlock["expandLabel"]) | undefined;
   /** The expand button's words while the cap hides lines. */
   "prop:expandLabel"?: (HelixHeadlessCodeBlock["expandLabel"]) | undefined;
+  /** The words of a button that hides a run of unchanged lines it showed, in a
+diff with `context-lines`. `{count}` is how many, and each language
+writes the forms it has. */
+  "attr:hide-unchanged-label"?: (HelixHeadlessCodeBlock["hideUnchangedLabel"]) | undefined;
+  /** The words of a button that hides a run of unchanged lines it showed, in a
+diff with `context-lines`. `{count}` is how many, and each language
+writes the forms it has. */
+  "prop:hideUnchangedLabel"?: (HelixHeadlessCodeBlock["hideUnchangedLabel"]) | undefined;
   /** The block's name, usually a file name, drawn in the header.
 
 Absent, the block is named by `language` where there is one. In a diff,
@@ -6379,6 +6441,12 @@ A false boolean reflects as the attribute's absence, so this costs no
 reflected property taking no default is satisfied by the default being
 `false`. */
   "prop:noCopy"?: (HelixHeadlessCodeBlock["noCopy"]) | undefined;
+  /** The words of a button that shows a folded run of unchanged lines, in a
+diff with `context-lines`. `{count}` is how many. */
+  "attr:show-unchanged-label"?: (HelixHeadlessCodeBlock["showUnchangedLabel"]) | undefined;
+  /** The words of a button that shows a folded run of unchanged lines, in a
+diff with `context-lines`. `{count}` is how many. */
+  "prop:showUnchangedLabel"?: (HelixHeadlessCodeBlock["showUnchangedLabel"]) | undefined;
   /** How a diff's two versions are arranged. It has no effect without `diff`.
 
 Absent is unified, each removal above its replacement, which fits any
@@ -20613,7 +20681,8 @@ was never tickable look identical from here. Announcing only the ticked one
 as a checkbox tells a reader its siblings are commands, which is the one
 thing they are not.
 
-`checked` implies it, so a row that is on never has to say both.
+`checked` and `exclusive` imply it, so a row that is on, or one of a set,
+never has to say both.
 
 Choosing the row checks or unchecks it, after a `helix-before-toggle` that
 you can cancel. */
@@ -20623,6 +20692,18 @@ you can cancel. */
 The row changes it when it is chosen. Not reflected: the attribute is the
 state you start the row in, and `:state(checked)` carries the current one. */
   checked?: (HelixHeadlessMenuItem["checked"]) | undefined;
+  /** Whether choosing the row closes the menu.
+
+Unset takes the menu's `close-on-select`, which is on, and keeps the menu
+open after a Space on a choice row. Write `close-on-select="false"` for a
+row that changes something the reader is watching, such as a zoom step. */
+  "close-on-select"?: (HelixHeadlessMenuItem["closeOnSelect"]) | undefined;
+  /** Whether choosing the row closes the menu.
+
+Unset takes the menu's `close-on-select`, which is on, and keeps the menu
+open after a Space on a choice row. Write `close-on-select="false"` for a
+row that changes something the reader is watching, such as a zoom step. */
+  closeOnSelect?: (HelixHeadlessMenuItem["closeOnSelect"]) | undefined;
   /** Whether the row is disabled, so it cannot be chosen. */
   disabled?: (HelixHeadlessMenuItem["disabled"]) | undefined;
   /** Whether the link downloads the file when the row is chosen.
@@ -20639,8 +20720,7 @@ that row and unchecks the others. Choosing the row that is checked leaves
 it checked. `menuitemradio` tells a reader which kind of set they are in,
 where `menuitemcheckbox` says every row is independent.
 
-Meaningless without `checkable`, since a row that cannot be ticked is not
-one of a set of anything. */
+It makes the row a choice, so it needs no `checkable` beside it. */
   exclusive?: (HelixHeadlessMenuItem["exclusive"]) | undefined;
   /** The URL the row links to. Setting it renders the row as a link.
 
@@ -20687,7 +20767,8 @@ was never tickable look identical from here. Announcing only the ticked one
 as a checkbox tells a reader its siblings are commands, which is the one
 thing they are not.
 
-`checked` implies it, so a row that is on never has to say both.
+`checked` and `exclusive` imply it, so a row that is on, or one of a set,
+never has to say both.
 
 Choosing the row checks or unchecks it, after a `helix-before-toggle` that
 you can cancel. */
@@ -20697,6 +20778,18 @@ you can cancel. */
 The row changes it when it is chosen. Not reflected: the attribute is the
 state you start the row in, and `:state(checked)` carries the current one. */
   "prop:checked"?: (HelixHeadlessMenuItem["checked"]) | undefined;
+  /** Whether choosing the row closes the menu.
+
+Unset takes the menu's `close-on-select`, which is on, and keeps the menu
+open after a Space on a choice row. Write `close-on-select="false"` for a
+row that changes something the reader is watching, such as a zoom step. */
+  "bool:close-on-select"?: (HelixHeadlessMenuItem["closeOnSelect"]) | undefined;
+  /** Whether choosing the row closes the menu.
+
+Unset takes the menu's `close-on-select`, which is on, and keeps the menu
+open after a Space on a choice row. Write `close-on-select="false"` for a
+row that changes something the reader is watching, such as a zoom step. */
+  "prop:closeOnSelect"?: (HelixHeadlessMenuItem["closeOnSelect"]) | undefined;
   /** Whether the row is disabled, so it cannot be chosen. */
   "prop:disabled"?: (HelixHeadlessMenuItem["disabled"]) | undefined;
   /** Whether the link downloads the file when the row is chosen.
@@ -20713,8 +20806,7 @@ that row and unchecks the others. Choosing the row that is checked leaves
 it checked. `menuitemradio` tells a reader which kind of set they are in,
 where `menuitemcheckbox` says every row is independent.
 
-Meaningless without `checkable`, since a row that cannot be ticked is not
-one of a set of anything. */
+It makes the row a choice, so it needs no `checkable` beside it. */
   "prop:exclusive"?: (HelixHeadlessMenuItem["exclusive"]) | undefined;
   /** The URL the row links to. Setting it renders the row as a link.
 
@@ -20779,6 +20871,18 @@ export type HelixHeadlessMenuProps = {
   "back-label"?: (HelixHeadlessMenu["backLabel"]) | undefined;
   /** The text of the row that returns from a submenu. */
   backLabel?: (HelixHeadlessMenu["backLabel"]) | undefined;
+  /** Whether choosing a row closes the menu.
+
+On by default, and a Space on a choice row leaves the menu open either way.
+Write `close-on-select="false"` to keep the menu open after every choice, as
+Ark UI's `closeOnSelect` does. A row's own `close-on-select` wins over this. */
+  "close-on-select"?: (HelixHeadlessMenu["closeOnSelect"]) | undefined;
+  /** Whether choosing a row closes the menu.
+
+On by default, and a Space on a choice row leaves the menu open either way.
+Write `close-on-select="false"` to keep the menu open after every choice, as
+Ark UI's `closeOnSelect` does. A row's own `close-on-select` wins over this. */
+  closeOnSelect?: (HelixHeadlessMenu["closeOnSelect"]) | undefined;
   /** Whether the menu is the trigger's context menu: it opens where the reader
 asks for one, with a right-click, a long press, Shift+F10 or the menu key. */
   context?: (HelixHeadlessMenu["context"]) | undefined;
@@ -20862,6 +20966,18 @@ export type HelixHeadlessMenuSolidJsProps = {
   "attr:back-label"?: (HelixHeadlessMenu["backLabel"]) | undefined;
   /** The text of the row that returns from a submenu. */
   "prop:backLabel"?: (HelixHeadlessMenu["backLabel"]) | undefined;
+  /** Whether choosing a row closes the menu.
+
+On by default, and a Space on a choice row leaves the menu open either way.
+Write `close-on-select="false"` to keep the menu open after every choice, as
+Ark UI's `closeOnSelect` does. A row's own `close-on-select` wins over this. */
+  "bool:close-on-select"?: (HelixHeadlessMenu["closeOnSelect"]) | undefined;
+  /** Whether choosing a row closes the menu.
+
+On by default, and a Space on a choice row leaves the menu open either way.
+Write `close-on-select="false"` to keep the menu open after every choice, as
+Ark UI's `closeOnSelect` does. A row's own `close-on-select` wins over this. */
+  "prop:closeOnSelect"?: (HelixHeadlessMenu["closeOnSelect"]) | undefined;
   /** Whether the menu is the trigger's context menu: it opens where the reader
 asks for one, with a right-click, a long press, Shift+F10 or the menu key. */
   "prop:context"?: (HelixHeadlessMenu["context"]) | undefined;
@@ -22431,6 +22547,12 @@ reader sees the shape of the value before its contents. `0` starts with the
 root closed; a large number opens everything, which on a big value is the
 wall of text this exists to avoid. */
   defaultDepth?: (HelixHeadlessObjectInspector["defaultDepth"]) | undefined;
+  /** What the tree says while there is no value to show, such as before a
+fetch answers. The `empty` slot replaces it. */
+  "empty-label"?: (HelixHeadlessObjectInspector["emptyLabel"]) | undefined;
+  /** What the tree says while there is no value to show, such as before a
+fetch answers. The `empty` slot replaces it. */
+  emptyLabel?: (HelixHeadlessObjectInspector["emptyLabel"]) | undefined;
   /** Text the tree is narrowed to: the entries whose key or value holds it,
 ignoring case, and the branches that lead to them. Empty shows everything. */
   filter?: (HelixHeadlessObjectInspector["filter"]) | undefined;
@@ -22500,6 +22622,12 @@ who set the property. This button is positioned out of the flow and takes no
 room, so nothing selects on it, and reflection exists so that a selector can
 reach a value. */
   noCopy?: (HelixHeadlessObjectInspector["noCopy"]) | undefined;
+  /** What the tree says while a filter matched no entry. The `empty` slot
+replaces it. */
+  "no-matches-label"?: (HelixHeadlessObjectInspector["noMatchesLabel"]) | undefined;
+  /** What the tree says while a filter matched no entry. The `empty` slot
+replaces it. */
+  noMatchesLabel?: (HelixHeadlessObjectInspector["noMatchesLabel"]) | undefined;
   /** What a screen reader hears when a filter matches one entry, where
 `results-label` should not say it. `{count}` is the count. */
   "result-label"?: (HelixHeadlessObjectInspector["resultLabel"]) | undefined;
@@ -22617,6 +22745,12 @@ reader sees the shape of the value before its contents. `0` starts with the
 root closed; a large number opens everything, which on a big value is the
 wall of text this exists to avoid. */
   "prop:defaultDepth"?: (HelixHeadlessObjectInspector["defaultDepth"]) | undefined;
+  /** What the tree says while there is no value to show, such as before a
+fetch answers. The `empty` slot replaces it. */
+  "attr:empty-label"?: (HelixHeadlessObjectInspector["emptyLabel"]) | undefined;
+  /** What the tree says while there is no value to show, such as before a
+fetch answers. The `empty` slot replaces it. */
+  "prop:emptyLabel"?: (HelixHeadlessObjectInspector["emptyLabel"]) | undefined;
   /** Text the tree is narrowed to: the entries whose key or value holds it,
 ignoring case, and the branches that lead to them. Empty shows everything. */
   "prop:filter"?: (HelixHeadlessObjectInspector["filter"]) | undefined;
@@ -22686,6 +22820,12 @@ who set the property. This button is positioned out of the flow and takes no
 room, so nothing selects on it, and reflection exists so that a selector can
 reach a value. */
   "prop:noCopy"?: (HelixHeadlessObjectInspector["noCopy"]) | undefined;
+  /** What the tree says while a filter matched no entry. The `empty` slot
+replaces it. */
+  "attr:no-matches-label"?: (HelixHeadlessObjectInspector["noMatchesLabel"]) | undefined;
+  /** What the tree says while a filter matched no entry. The `empty` slot
+replaces it. */
+  "prop:noMatchesLabel"?: (HelixHeadlessObjectInspector["noMatchesLabel"]) | undefined;
   /** What a screen reader hears when a filter matches one entry, where
 `results-label` should not say it. `{count}` is the count. */
   "attr:result-label"?: (HelixHeadlessObjectInspector["resultLabel"]) | undefined;
@@ -34551,17 +34691,43 @@ export type HelixHeadlessVideoPlaylistHelixActivateElementEvent =
 /** `helix-before-activate` event type */
 export type HelixHeadlessVideoPlaylistHelixBeforeActivateElementEvent =
   HelixHeadlessVideoPlaylistElementEvent<HelixBeforeActivateEvent>;
+/** `helix-before-reorder` event type */
+export type HelixHeadlessVideoPlaylistHelixBeforeReorderElementEvent =
+  HelixHeadlessVideoPlaylistElementEvent<HelixBeforeReorderEvent>;
 /** `helix-end` event type */
 export type HelixHeadlessVideoPlaylistHelixEndElementEvent =
   HelixHeadlessVideoPlaylistElementEvent<HelixEndEvent>;
+/** `helix-reorder` event type */
+export type HelixHeadlessVideoPlaylistHelixReorderElementEvent =
+  HelixHeadlessVideoPlaylistElementEvent<HelixReorderEvent>;
 
 export type HelixHeadlessVideoPlaylistProps = {
+  /** What screen readers hear when a move is put back, in a `reorderable`
+playlist. `{name}` is the entry's words. */
+  "canceled-label"?: (HelixHeadlessVideoPlaylist["canceledLabel"]) | undefined;
+  /** What screen readers hear when a move is put back, in a `reorderable`
+playlist. `{name}` is the entry's words. */
+  canceledLabel?: (HelixHeadlessVideoPlaylist["canceledLabel"]) | undefined;
+  /** What screen readers hear when a moved entry is let go, in a `reorderable`
+playlist. `{name}` is the entry's words. */
+  "dropped-label"?: (HelixHeadlessVideoPlaylist["droppedLabel"]) | undefined;
+  /** What screen readers hear when a moved entry is let go, in a `reorderable`
+playlist. `{name}` is the entry's words. */
+  droppedLabel?: (HelixHeadlessVideoPlaylist["droppedLabel"]) | undefined;
   /** What the playlist says while it has no entries. The `empty` slot replaces it. */
   "empty-label"?: (HelixHeadlessVideoPlaylist["emptyLabel"]) | undefined;
   /** What the playlist says while it has no entries. The `empty` slot replaces it. */
   emptyLabel?: (HelixHeadlessVideoPlaylist["emptyLabel"]) | undefined;
   /** The list's name, read by screen readers. */
   label?: (HelixHeadlessVideoPlaylist["label"]) | undefined;
+  /** What screen readers hear each time a key moves an entry, in a
+`reorderable` playlist. `{name}` is the entry's words, `{position}` its
+new place, counting from 1, and `{count}` the number of entries. */
+  "moved-label"?: (HelixHeadlessVideoPlaylist["movedLabel"]) | undefined;
+  /** What screen readers hear each time a key moves an entry, in a
+`reorderable` playlist. `{name}` is the entry's words, `{position}` its
+new place, counting from 1, and `{count}` the number of entries. */
+  movedLabel?: (HelixHeadlessVideoPlaylist["movedLabel"]) | undefined;
   /** Stays on an entry when its clip ends, where the playlist would otherwise
 play the next one. The player's controls, a press, and `next()` still
 move. `repeat="one"` still plays the entry again. */
@@ -34570,6 +34736,12 @@ move. `repeat="one"` still plays the entry again. */
 play the next one. The player's controls, a press, and `next()` still
 move. `repeat="one"` still plays the entry again. */
   noAdvance?: (HelixHeadlessVideoPlaylist["noAdvance"]) | undefined;
+  /** What screen readers hear when a pointer picks up an entry, in a
+`reorderable` playlist. `{name}` is the entry's words. */
+  "picked-up-label"?: (HelixHeadlessVideoPlaylist["pickedUpLabel"]) | undefined;
+  /** What screen readers hear when a pointer picks up an entry, in a
+`reorderable` playlist. `{name}` is the entry's words. */
+  pickedUpLabel?: (HelixHeadlessVideoPlaylist["pickedUpLabel"]) | undefined;
   /** What the live region says when the playlist moves to another entry.
 `{title}` is the entry's name.
 
@@ -34584,6 +34756,10 @@ playlist starts the next one, and the only other trace of that is the
 playlist starts the next one, and the only other trace of that is the
 `aria-current` on a button the reader is not on. */
   playingLabel?: (HelixHeadlessVideoPlaylist["playingLabel"]) | undefined;
+  /** Lets a reader move the entries, with Alt and the arrow keys or by
+dragging one. The playlist moves no entry itself: you move your entries
+on `helix-reorder`. */
+  reorderable?: (HelixHeadlessVideoPlaylist["reorderable"]) | undefined;
   /** What happens when an entry ends with no next one to go to. `one` plays the
 same entry again, and `all` goes from the last entry back to the first.
 Absent, the playlist stops on the last entry and sends `helix-end`.
@@ -34622,17 +34798,45 @@ Ignored once `active` is written. */
   "onhelix-before-activate"?: ((
     e: HelixHeadlessVideoPlaylistHelixBeforeActivateElementEvent,
   ) => void) | undefined;
+  /** An entry was moved to a new place, in a `reorderable` playlist, with every entry's value in the new order in `detail.keys`. Cancelable: cancel it to keep the entry where it is. */
+  "onhelix-before-reorder"?: ((
+    e: HelixHeadlessVideoPlaylistHelixBeforeReorderElementEvent,
+  ) => void) | undefined;
   /** The last entry finished playing, and the playlist stopped there. Not sent while `repeat` is set. */
   "onhelix-end"?: ((e: HelixHeadlessVideoPlaylistHelixEndElementEvent) => void) | undefined;
+  /** Fired after `helix-before-reorder` when nobody canceled it. Move your entries to the order in `keys`. Cancelable: cancel it to say the move did not happen. */
+  "onhelix-reorder"?: ((
+    e: HelixHeadlessVideoPlaylistHelixReorderElementEvent,
+  ) => void) | undefined;
 };
 
 export type HelixHeadlessVideoPlaylistSolidJsProps = {
+  /** What screen readers hear when a move is put back, in a `reorderable`
+playlist. `{name}` is the entry's words. */
+  "attr:canceled-label"?: (HelixHeadlessVideoPlaylist["canceledLabel"]) | undefined;
+  /** What screen readers hear when a move is put back, in a `reorderable`
+playlist. `{name}` is the entry's words. */
+  "prop:canceledLabel"?: (HelixHeadlessVideoPlaylist["canceledLabel"]) | undefined;
+  /** What screen readers hear when a moved entry is let go, in a `reorderable`
+playlist. `{name}` is the entry's words. */
+  "attr:dropped-label"?: (HelixHeadlessVideoPlaylist["droppedLabel"]) | undefined;
+  /** What screen readers hear when a moved entry is let go, in a `reorderable`
+playlist. `{name}` is the entry's words. */
+  "prop:droppedLabel"?: (HelixHeadlessVideoPlaylist["droppedLabel"]) | undefined;
   /** What the playlist says while it has no entries. The `empty` slot replaces it. */
   "attr:empty-label"?: (HelixHeadlessVideoPlaylist["emptyLabel"]) | undefined;
   /** What the playlist says while it has no entries. The `empty` slot replaces it. */
   "prop:emptyLabel"?: (HelixHeadlessVideoPlaylist["emptyLabel"]) | undefined;
   /** The list's name, read by screen readers. */
   "prop:label"?: (HelixHeadlessVideoPlaylist["label"]) | undefined;
+  /** What screen readers hear each time a key moves an entry, in a
+`reorderable` playlist. `{name}` is the entry's words, `{position}` its
+new place, counting from 1, and `{count}` the number of entries. */
+  "attr:moved-label"?: (HelixHeadlessVideoPlaylist["movedLabel"]) | undefined;
+  /** What screen readers hear each time a key moves an entry, in a
+`reorderable` playlist. `{name}` is the entry's words, `{position}` its
+new place, counting from 1, and `{count}` the number of entries. */
+  "prop:movedLabel"?: (HelixHeadlessVideoPlaylist["movedLabel"]) | undefined;
   /** Stays on an entry when its clip ends, where the playlist would otherwise
 play the next one. The player's controls, a press, and `next()` still
 move. `repeat="one"` still plays the entry again. */
@@ -34641,6 +34845,12 @@ move. `repeat="one"` still plays the entry again. */
 play the next one. The player's controls, a press, and `next()` still
 move. `repeat="one"` still plays the entry again. */
   "prop:noAdvance"?: (HelixHeadlessVideoPlaylist["noAdvance"]) | undefined;
+  /** What screen readers hear when a pointer picks up an entry, in a
+`reorderable` playlist. `{name}` is the entry's words. */
+  "attr:picked-up-label"?: (HelixHeadlessVideoPlaylist["pickedUpLabel"]) | undefined;
+  /** What screen readers hear when a pointer picks up an entry, in a
+`reorderable` playlist. `{name}` is the entry's words. */
+  "prop:pickedUpLabel"?: (HelixHeadlessVideoPlaylist["pickedUpLabel"]) | undefined;
   /** What the live region says when the playlist moves to another entry.
 `{title}` is the entry's name.
 
@@ -34655,6 +34865,10 @@ playlist starts the next one, and the only other trace of that is the
 playlist starts the next one, and the only other trace of that is the
 `aria-current` on a button the reader is not on. */
   "prop:playingLabel"?: (HelixHeadlessVideoPlaylist["playingLabel"]) | undefined;
+  /** Lets a reader move the entries, with Alt and the arrow keys or by
+dragging one. The playlist moves no entry itself: you move your entries
+on `helix-reorder`. */
+  "prop:reorderable"?: (HelixHeadlessVideoPlaylist["reorderable"]) | undefined;
   /** What happens when an entry ends with no next one to go to. `one` plays the
 same entry again, and `all` goes from the last entry back to the first.
 Absent, the playlist stops on the last entry and sends `helix-end`.
@@ -34692,8 +34906,16 @@ Ignored once `active` is written. */
   "on:helix-before-activate"?: ((
     e: HelixHeadlessVideoPlaylistHelixBeforeActivateElementEvent,
   ) => void) | undefined;
+  /** An entry was moved to a new place, in a `reorderable` playlist, with every entry's value in the new order in `detail.keys`. Cancelable: cancel it to keep the entry where it is. */
+  "on:helix-before-reorder"?: ((
+    e: HelixHeadlessVideoPlaylistHelixBeforeReorderElementEvent,
+  ) => void) | undefined;
   /** The last entry finished playing, and the playlist stopped there. Not sent while `repeat` is set. */
   "on:helix-end"?: ((e: HelixHeadlessVideoPlaylistHelixEndElementEvent) => void) | undefined;
+  /** Fired after `helix-before-reorder` when nobody canceled it. Move your entries to the order in `keys`. Cancelable: cancel it to say the move did not happen. */
+  "on:helix-reorder"?: ((
+    e: HelixHeadlessVideoPlaylistHelixReorderElementEvent,
+  ) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -38328,8 +38550,12 @@ export type CustomElements = {
    * region around it.
    *
    * Set `dismissible` for a note a reader may put away, as Shoelace's `closable`
-   * alert does. The button fires `helix-dismiss` and the callout stays until a
-   * listener removes it, so the page decides whether it comes back.
+   * alert does. The button fires `helix-dismiss`, and unless a listener cancels
+   * it the callout hides itself: `open` turns false, `:state(exiting)` holds
+   * while its exit animations run, and then it is `hidden`. Remove it in your
+   * listener to take it out of the page, or set `open` to show it again, which
+   * holds `:state(entering)` while it comes back. Focus on its dismiss button
+   * moves to the next callout's, or to the tab stop beside it, once it hides.
    *
    * A callout sets a passage apart inside a document and is read where it sits.
    * For page-level chrome above the masthead that is a live region and can be
@@ -38346,6 +38572,10 @@ export type CustomElements = {
    * "Dismiss Scheduled maintenance" says which of several callouts the button
    * takes away, where every button was "Dismiss". A label without `{label}` is
    * read as written.
+   * - `open`: Whether the callout is showing. A dismissal nobody canceled turns it
+   * false and the callout hides itself, and setting it true shows the callout
+   * again. Not reflected: open is the resting state, so an `open` attribute
+   * would appear on markup a server sent without it.
    * - `tone`: What kind of attention the passage needs.
    *
    * `tone` is the axis for what a thing means, and this is a subset of it: a
@@ -38388,7 +38618,7 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
-   * - `helix-dismiss`: The dismiss button was pressed. The callout does not remove itself, so remove it in response. Cancelable.
+   * - `helix-dismiss`: The dismiss button was pressed. Unless a listener cancels it, the callout hides itself, and a listener may remove it instead. Cancelable: cancel it to keep the callout showing.
    *
    * ## Slots
    *
@@ -38403,7 +38633,8 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `dismiss() => boolean`: Fires `helix-dismiss`, and returns `false` if a listener cancels it.
+   * - `dismiss() => boolean`: Hides the callout once a dismissal stands, unless the page removed it in
+   * its listener, which is the page's answer and leaves `open` as it was.
    *
    * ## CSS Parts
    *
@@ -38419,6 +38650,11 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `closed`: While `open` is false: the callout was dismissed, and is leaving or hidden.
+   * - `entering`: While a callout shown again by `open` runs its entrance animations.
+   * - `exiting`: While a dismissed callout runs its exit animations, before it is hidden.
+   * - `has-heading`: Something is slotted into `heading`.
+   * - `has-icon`: An icon of your own is slotted into `icon`, in place of the tone's.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-callout": Partial<
@@ -38751,6 +38987,17 @@ export type CustomElements = {
    * connection is a new element, and React discards an element the board adds to
    * its markup on the next render, so you write the connection.
    *
+   * **`edgeRoute` draws the connections' lines your own way**: a function from
+   * where a line leaves and arrives, and the sides it does, to its SVG path, for
+   * a route such as one that bends around the cards between. What it returns
+   * is the line drawn, the line pressed and focused, and the one an arrowhead
+   * sits at the end of. Nothing back draws the board's own.
+   *
+   * Add `minimap` to `controls` for a picture of the whole board in a corner:
+   * each card as a box, and a frame around what is on screen. A press or a drag
+   * on it brings that place to the middle of the view. It is for a pointer, and
+   * a screen reader skips it: the arrow keys and `show()` reach every card.
+   *
    * Cards and connections are `helix-canvas-node` and `helix-canvas-edge`
    * elements, so they are in the served markup whichever renderer wrote them. The
    * library fetches nothing, and an array passed to an element is missing from
@@ -38962,6 +39209,12 @@ export type CustomElements = {
    * - `pan-up-label`/`panUpLabel`: The pan up button's label.
    * - `zoom-in-label`/`zoomInLabel`: The zoom in button's label.
    * - `zoom-out-label`/`zoomOutLabel`: The zoom out button's label.
+   * - `edgeRoute`: Draws every connection's line: a function from where it leaves and
+   * arrives, and the sides it does, to its SVG path and where its label sits.
+   *
+   * Absent, or returning nothing for a connection, draws the board's own
+   * route. A function that throws draws the board's own too, and the error is
+   * reported to the page as an uncaught one. Set it as a property. (property only)
    * - `view`: The board's current view: the document's point at the middle of the view,
    * and the zoom.
    *
@@ -39102,6 +39355,9 @@ export type CustomElements = {
    * - `label-editor`: The field for editing a connection's label or a group's name, placed over that text.
    * - `live`: A live region that screen readers announce while a connection is being made.
    * - `marquee`: The box a Shift-drag across the empty board draws, which selects the cards it touches.
+   * - `minimap`: The picture of the whole board, under `controls="minimap"`.
+   * - `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-end`: The button that moves the board toward the end of a line of text: right in English.
    * - `pan-start`: The button that moves the board toward the start of a line of text: left in English.
@@ -40632,9 +40888,14 @@ export type CustomElements = {
    * removed. The block never computes a diff itself. Line numbers come from the
    * hunk headers and are hidden from the accessibility tree. Changed lines are
    * `<ins>` and `<del>` with the `+` and `-` kept as text, so the change does not
-   * depend on color. Each file in the patch is its own block under its own name,
+   * depend on color. Where a removed line is paired with the added line that
+   * replaced it, the words each does not share with the other are the `changed`
+   * part, so the eye goes to what changed within the line. Each file in the patch is its own block under its own name,
    * and its copy button copies the new version of the file. `variant="split"`
    * shows the old version beside the new, each removal opposite its replacement.
+   * `context-lines` folds each long run of unchanged lines, keeping that many
+   * beside each change, behind a button that shows them and hides them again,
+   * as a code host draws a diff written with more context than a reader needs.
    *
    * **A block that scrolls is a tab stop.** While its lines run past its width or
    * its cap, the scroller is a region named for the block, such as "Code,
@@ -40664,6 +40925,9 @@ export type CustomElements = {
    * - `code-name-label`/`codeNameLabel`: The name of a block that scrolls, where the block has a name. `{code}` is
    * `code-label` and `{name}` the block's name.
    * - `collapse-label`/`collapseLabel`: The expand button's words while the block shows every line.
+   * - `context-lines`/`contextLines`: In a diff, how many unchanged lines to keep beside each change. Each
+   * longer run of unchanged lines is folded behind a button that shows it.
+   * Unset shows every line the diff holds.
    * - `copied-label`/`copiedLabel`: The copy button's name and tooltip text after a copy.
    * - `copy-label`/`copyLabel`: The copy button's name and tooltip text before a copy.
    *
@@ -40683,6 +40947,9 @@ export type CustomElements = {
    * the button is drawn only while the cap hides something, measured as the
    * block lays out. Not for a diff, whose files each scroll on their own.
    * - `expand-label`/`expandLabel`: The expand button's words while the cap hides lines.
+   * - `hide-unchanged-label`/`hideUnchangedLabel`: The words of a button that hides a run of unchanged lines it showed, in a
+   * diff with `context-lines`. `{count}` is how many, and each language
+   * writes the forms it has.
    * - `label`: The block's name, usually a file name, drawn in the header.
    *
    * Absent, the block is named by `language` where there is one. In a diff,
@@ -40722,6 +40989,8 @@ export type CustomElements = {
    * `no-copy=""` on hosts that never asked for one, and the rule about a
    * reflected property taking no default is satisfied by the default being
    * `false`.
+   * - `show-unchanged-label`/`showUnchangedLabel`: The words of a button that shows a folded run of unchanged lines, in a
+   * diff with `context-lines`. `{count}` is how many.
    * - `variant`: How a diff's two versions are arranged. It has no effect without `diff`.
    *
    * Absent is unified, each removal above its replacement, which fits any
@@ -40812,6 +41081,7 @@ export type CustomElements = {
    * - `actions`: The box in the header that holds the `actions` slot, drawn while something is slotted there.
    * - `added`: In a diff, a line only the new version has, an `<ins>`.
    * - `block`: The scrolling `<pre>`.
+   * - `changed`: In a diff, the words of a changed line that the line opposite it does not have, inside its `text`.
    * - `code`: The `<code>` inside it.
    * - `context`: In a diff, a line both versions share.
    * - `copy`: The copy button. It sits in the header when there is one, and beside the code otherwise.
@@ -40833,6 +41103,7 @@ export type CustomElements = {
    * - `expand`: The button under a capped block that shows every line, and fewer again. Drawn when `expandable` is set and the cap hides something.
    * - `file`: In a diff, one file's header and block.
    * - `filler`: In a split diff, the empty row opposite a line the other side does not have.
+   * - `fold`: In a diff with `context-lines`, the button that shows a folded run of unchanged lines, and hides it again, saying which with `aria-expanded`.
    * - `frame`: The code, and the copy button beside it where there is no header.
    * - `gutter`: The line numbers beside the code, shown when `line-numbers` is set.
    * - `header`: The bar that holds the name and the copy button, shown when there is a name.
@@ -41298,8 +41569,10 @@ export type CustomElements = {
    * gray after you drag to the bottom of the square and back.
    *
    * The square is one tab stop. In it, the up and down arrows move brightness
-   * and the left and right arrows move saturation, and PageUp and PageDown move
-   * brightness by ten. The picker sends `input` as the color moves and `change`
+   * and the left and right arrows move saturation, by ten with Shift. PageUp and
+   * PageDown move brightness by ten, and Home and End move saturation by ten,
+   * turned on a right-to-left page as the arrows are, as React Aria's ColorArea
+   * does. The picker sends `input` as the color moves and `change`
    * when a drag, a key, a typed value or a preset settles it, as
    * `<input type="color">` does.
    *
@@ -41711,6 +41984,7 @@ export type CustomElements = {
    * | Key | What it does |
    * |---|---|
    * | Down, Up | On a closed field, opens the list on the chosen option, or the first or the last. In the open list, moves the highlight, round from the last option to the first. |
+   * | Alt with Down, Alt with Up | Opens the list without moving the highlight, and closes it, choosing nothing. |
    * | Page Down, Page Up | In the open list, moves the highlight by as many options as the list shows at once. |
    * | Enter | Chooses the highlighted option. With nothing left in the list, creates what was typed with `creatable`, or takes it with `allows-custom-value`. On a closed field, submits the form. |
    * | Escape | Closes the list and puts the chosen words back. On a closed field, a second Escape clears a single choice. |
@@ -43061,6 +43335,7 @@ export type CustomElements = {
    *
    * - `empty`: While there are no rows to show and none are loading.
    * - `error`: While `error-text` is set.
+   * - `loading`: While `loading` is set, as the rows are on their way.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-data-table": Partial<
@@ -50797,7 +51072,8 @@ export type CustomElements = {
    * same `group`, such as a route and its dotted legs, share one tile. A tile
    * sends `helix-before-toggle` from the layer first, so you can store the
    * choice or refuse it, and `helix-toggle` from it once `hidden` holds the
-   * choice.
+   * choice. Escape closes the menu and returns focus to its button, and the menu
+   * closes when focus moves on from it or a press lands outside the map.
    *
    * Imagery, a `helix-map-raster` with `ground`, is a map type and not a tile.
    * The menu opens with a card for each type, Standard, Hybrid, and Satellite,
@@ -51458,16 +51734,22 @@ export type CustomElements = {
    * - `checked` makes the row a choice.
    * - With neither, the row is a command.
    *
-   * The role follows the kind. A row with `checked` is `menuitemcheckbox` with
-   * `aria-checked`, and `exclusive` makes it `menuitemradio`, for a set where
-   * only one can be on. A row that opens a page keeps `menuitem` and sets
-   * `aria-haspopup`.
+   * The role follows the kind. A row with `checkable` or `checked` is
+   * `menuitemcheckbox` with `aria-checked`, and an `exclusive` row is
+   * `menuitemradio`, for a set where only one can be on. A row that opens a page
+   * keeps `menuitem` and sets `aria-haspopup`.
    *
    * Choosing a choice row checks or unchecks it before `helix-select` is sent,
    * so a listener reads the new `checked`. An `exclusive` row turns on and turns
    * off the `exclusive` rows next to it. Cancel `helix-before-toggle` to keep a
    * row as it is and set `checked` yourself.
    *
+   * Space on a choice row changes it and leaves the menu open, so a reader can
+   * set several in a row, as the APG's menu does. Enter and a press change it and
+   * close the menu. `close-on-select="false"` on the row keeps the menu open after
+   * any choice of it, and `close-on-select` on the row closes it after a Space as
+   * well.
+   *
    * The menu sets whether the row's page is showing as a property, never as an
    * attribute. An attribute written onto your element after it upgrades causes a
    * hydration mismatch.
@@ -51501,7 +51783,8 @@ export type CustomElements = {
    * as a checkbox tells a reader its siblings are commands, which is the one
    * thing they are not.
    *
-   * `checked` implies it, so a row that is on never has to say both.
+   * `checked` and `exclusive` imply it, so a row that is on, or one of a set,
+   * never has to say both.
    *
    * Choosing the row checks or unchecks it, after a `helix-before-toggle` that
    * you can cancel.
@@ -51509,6 +51792,11 @@ export type CustomElements = {
    *
    * The row changes it when it is chosen. Not reflected: the attribute is the
    * state you start the row in, and `:state(checked)` carries the current one.
+   * - `close-on-select`/`closeOnSelect`: Whether choosing the row closes the menu.
+   *
+   * Unset takes the menu's `close-on-select`, which is on, and keeps the menu
+   * open after a Space on a choice row. Write `close-on-select="false"` for a
+   * row that changes something the reader is watching, such as a zoom step.
    * - `disabled`: Whether the row is disabled, so it cannot be chosen.
    * - `download`: Whether the link downloads the file when the row is chosen.
    *
@@ -51523,8 +51811,7 @@ export type CustomElements = {
    * it checked. `menuitemradio` tells a reader which kind of set they are in,
    * where `menuitemcheckbox` says every row is independent.
    *
-   * Meaningless without `checkable`, since a row that cannot be ticked is not
-   * one of a set of anything.
+   * It makes the row a choice, so it needs no `checkable` beside it.
    * - `href`: The URL the row links to. Setting it renders the row as a link.
    *
    * **The row itself becomes an `<a>`, and the role goes with it.** A
@@ -51680,7 +51967,8 @@ export type CustomElements = {
    * Keys: Enter, Space or Down Arrow on the trigger opens the menu on its first
    * row, and Up Arrow on its last. In the menu, Up and Down Arrow move between
    * rows, Home and End go to the first and the last, a typed letter moves to
-   * the next row whose name starts with it, Enter and Space choose, Right Arrow
+   * the next row whose name starts with it, Enter and Space choose (Space on a
+   * choice row changes it and leaves the menu open), Right Arrow
    * opens a row's submenu and Left Arrow goes back, the two swapping on a
    * right-to-left page. Left Arrow on the top page does nothing. Escape closes
    * the menu and returns focus to the trigger. Tab closes it and moves on.
@@ -51709,6 +51997,11 @@ export type CustomElements = {
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `back-label`/`backLabel`: The text of the row that returns from a submenu.
+   * - `close-on-select`/`closeOnSelect`: Whether choosing a row closes the menu.
+   *
+   * On by default, and a Space on a choice row leaves the menu open either way.
+   * Write `close-on-select="false"` to keep the menu open after every choice, as
+   * Ark UI's `closeOnSelect` does. A row's own `close-on-select` wins over this.
    * - `context`: Whether the menu is the trigger's context menu: it opens where the reader
    * asks for one, with a right-click, a long press, Shift+F10 or the menu key.
    * - `label`: Accessible name for the surface.
@@ -53160,6 +53453,8 @@ export type CustomElements = {
    * reader sees the shape of the value before its contents. `0` starts with the
    * root closed; a large number opens everything, which on a big value is the
    * wall of text this exists to avoid.
+   * - `empty-label`/`emptyLabel`: What the tree says while there is no value to show, such as before a
+   * fetch answers. The `empty` slot replaces it.
    * - `filter`: Text the tree is narrowed to: the entries whose key or value holds it,
    * ignoring case, and the branches that lead to them. Empty shows everything.
    * - `filterable`: Whether to show a field that sets `filter`.
@@ -53191,6 +53486,8 @@ export type CustomElements = {
    * who set the property. This button is positioned out of the flow and takes no
    * room, so nothing selects on it, and reflection exists so that a selector can
    * reach a value.
+   * - `no-matches-label`/`noMatchesLabel`: What the tree says while a filter matched no entry. The `empty` slot
+   * replaces it.
    * - `result-label`/`resultLabel`: What a screen reader hears when a filter matches one entry, where
    * `results-label` should not say it. `{count}` is the count.
    * - `results-label`/`resultsLabel`: What a screen reader hears when a filter matches entries. `{count}` is
@@ -53252,6 +53549,12 @@ export type CustomElements = {
    * - `helix-filtered`: The filter field changed `filter`, which now holds the text.
    * - `toggle`: A reader opened or closed a branch, with `newState` and `oldState`. `expanded` holds every open branch.
    *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `empty`: Shown in the tree while it has no entries to show. Defaults to `empty-label`, or `no-matches-label` while a filter matched none.
+   *
    * ## CSS Custom Properties
    *
    * CSS variables available for styling the component.
@@ -53282,6 +53585,7 @@ export type CustomElements = {
    * - `copy-tooltip-right`: The tooltip while it is right of the copy button. Set alongside `copy-tooltip`.
    * - `copy-tooltip-top`: The tooltip while it is above the copy button. Set alongside `copy-tooltip`.
    * - `count`: The number of entries a branch holds.
+   * - `empty`: The row shown in the tree while it has no entries to show: no value, or a filter that matched none. It holds the `empty` slot.
    * - `frame`: The tree and the copy button beside it.
    * - `header`: The bar that holds the label, when there is one.
    * - `key`: A property name or an array index.
@@ -53303,6 +53607,9 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `empty`: While the tree has no entries to show: no value, or a filter that matched none.
+   * - `filtered`: While `filter` holds text.
+   * - `matched`: While `filter` holds text and matched at least one entry.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-object-inspector": Partial<
@@ -59083,6 +59390,8 @@ export type CustomElements = {
    * | Enter, Space on a sortable heading | Sorts by the column. |
    * | Space on a row, Enter or Space on its checkbox cell | Selects the row, in a `selectable` table. |
    * | Enter or Space on a disclosure cell | Shows or hides the rows under the row, in a table whose rows nest. |
+   * | Right on a disclosure cell | Shows the rows under a shut row, and otherwise moves one cell along the row. Left does, on a right-to-left page. |
+   * | Left on a disclosure cell | Hides the rows under an open row, and moves to the row this one sits under from any other. |
    * | Enter or Space on a grip cell | Picks the row up, or drops it, in a `reorderable` table. Up, Down, Home, and End move a row picked up, and Escape puts it back. |
    * | Down, Up, Page Down, Page Up under `selection-behavior="replace"` | Selects the row it moves to alone. Control or Command with the key moves without selecting. |
    * | Shift with Down or Up | Selects the rows it moves across, in a `selectable` table. |
@@ -59319,6 +59628,7 @@ export type CustomElements = {
    *
    * - `empty`: While there are no rows and none are loading.
    * - `error`: While `error-text` is set.
+   * - `loading`: While `loading` is set, as the rows are on their way.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-table": Partial<
@@ -63602,6 +63912,9 @@ export type CustomElements = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `current`: The entry that is playing.
+   * - `dragging`: The entry a pointer is dragging, in a `reorderable` playlist.
+   * - `drop-after`: The entry the dragged one would land after, which the drop indicator is drawn under.
+   * - `drop-before`: The entry the dragged one would land before, which the drop indicator is drawn over.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-video-playlist-item": Partial<
@@ -63748,6 +64061,21 @@ export type CustomElements = {
    * the next or the previous entry. The player's previous and next controls
    * move through the entries in the same order the playlist does.
    *
+   * **Moving entries.** `reorderable` lets a reader change the order of the
+   * queue:
+   *
+   * - Alt with Up or Down moves the focused entry a place, and Alt with Home or
+   *   End moves it to either end, as the APG's rearrangeable listbox does.
+   *   Focus stays on it.
+   * - A pointer drags an entry, with a drop indicator, and the page scrolls near
+   *   an edge. A press that does not travel still plays the entry.
+   * - A drop sends `helix-before-reorder`, which you can refuse, and then
+   *   `helix-reorder`, whose `keys` hold every entry's `value` in the new order.
+   *   **You move the entries**: the playlist moves no element of yours, and the
+   *   next entry is the one after the current entry in the order you leave.
+   * - Each move is said in the live region, in words you can change:
+   *   `moved-label`, `dropped-label`, `canceled-label`, and `picked-up-label`.
+   *
    * **What a screen reader hears.** A list named by `label`, with a button for
    * each entry. When the playlist moves to another entry, by a press, by the
    * player's controls, or at the end of a clip, a live region says
@@ -63757,17 +64085,29 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `canceled-label`/`canceledLabel`: What screen readers hear when a move is put back, in a `reorderable`
+   * playlist. `{name}` is the entry's words.
+   * - `dropped-label`/`droppedLabel`: What screen readers hear when a moved entry is let go, in a `reorderable`
+   * playlist. `{name}` is the entry's words.
    * - `empty-label`/`emptyLabel`: What the playlist says while it has no entries. The `empty` slot replaces it.
    * - `label`: The list's name, read by screen readers.
+   * - `moved-label`/`movedLabel`: What screen readers hear each time a key moves an entry, in a
+   * `reorderable` playlist. `{name}` is the entry's words, `{position}` its
+   * new place, counting from 1, and `{count}` the number of entries.
    * - `no-advance`/`noAdvance`: Stays on an entry when its clip ends, where the playlist would otherwise
    * play the next one. The player's controls, a press, and `next()` still
    * move. `repeat="one"` still plays the entry again.
+   * - `picked-up-label`/`pickedUpLabel`: What screen readers hear when a pointer picks up an entry, in a
+   * `reorderable` playlist. `{name}` is the entry's words.
    * - `playing-label`/`playingLabel`: What the live region says when the playlist moves to another entry.
    * `{title}` is the entry's name.
    *
    * **A move a reader did not make is said.** At the end of a clip the
    * playlist starts the next one, and the only other trace of that is the
    * `aria-current` on a button the reader is not on.
+   * - `reorderable`: Lets a reader move the entries, with Alt and the arrow keys or by
+   * dragging one. The playlist moves no entry itself: you move your entries
+   * on `helix-reorder`.
    * - `repeat`: What happens when an entry ends with no next one to go to. `one` plays the
    * same entry again, and `all` goes from the last entry back to the first.
    * Absent, the playlist stops on the last entry and sends `helix-end`.
@@ -63822,7 +64162,9 @@ export type CustomElements = {
    *
    * - `helix-activate`: The current entry changed. The playlist already holds the new entry when this is sent, and `detail.previous` is the entry it left. `currentEntry` is the entry itself, with its `src`, `poster` and name.
    * - `helix-before-activate`: The current entry is about to change, and `detail.cause` says why: `press`, `next`, `previous`, `ended`, or `removed`. Cancelable: cancel it to keep the current entry.
+   * - `helix-before-reorder`: An entry was moved to a new place, in a `reorderable` playlist, with every entry's value in the new order in `detail.keys`. Cancelable: cancel it to keep the entry where it is.
    * - `helix-end`: The last entry finished playing, and the playlist stopped there. Not sent while `repeat` is set.
+   * - `helix-reorder`: Fired after `helix-before-reorder` when nobody canceled it. Move your entries to the order in `keys`. Cancelable: cancel it to say the move did not happen.
    *
    * ## Slots
    *
@@ -66984,8 +67326,12 @@ export type CustomElementsSolidJs = {
    * region around it.
    *
    * Set `dismissible` for a note a reader may put away, as Shoelace's `closable`
-   * alert does. The button fires `helix-dismiss` and the callout stays until a
-   * listener removes it, so the page decides whether it comes back.
+   * alert does. The button fires `helix-dismiss`, and unless a listener cancels
+   * it the callout hides itself: `open` turns false, `:state(exiting)` holds
+   * while its exit animations run, and then it is `hidden`. Remove it in your
+   * listener to take it out of the page, or set `open` to show it again, which
+   * holds `:state(entering)` while it comes back. Focus on its dismiss button
+   * moves to the next callout's, or to the tab stop beside it, once it hides.
    *
    * A callout sets a passage apart inside a document and is read where it sits.
    * For page-level chrome above the masthead that is a live region and can be
@@ -67002,6 +67348,10 @@ export type CustomElementsSolidJs = {
    * "Dismiss Scheduled maintenance" says which of several callouts the button
    * takes away, where every button was "Dismiss". A label without `{label}` is
    * read as written.
+   * - `open`: Whether the callout is showing. A dismissal nobody canceled turns it
+   * false and the callout hides itself, and setting it true shows the callout
+   * again. Not reflected: open is the resting state, so an `open` attribute
+   * would appear on markup a server sent without it.
    * - `tone`: What kind of attention the passage needs.
    *
    * `tone` is the axis for what a thing means, and this is a subset of it: a
@@ -67044,7 +67394,7 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
-   * - `helix-dismiss`: The dismiss button was pressed. The callout does not remove itself, so remove it in response. Cancelable.
+   * - `helix-dismiss`: The dismiss button was pressed. Unless a listener cancels it, the callout hides itself, and a listener may remove it instead. Cancelable: cancel it to keep the callout showing.
    *
    * ## Slots
    *
@@ -67059,7 +67409,8 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `dismiss() => boolean`: Fires `helix-dismiss`, and returns `false` if a listener cancels it.
+   * - `dismiss() => boolean`: Hides the callout once a dismissal stands, unless the page removed it in
+   * its listener, which is the page's answer and leaves `open` as it was.
    *
    * ## CSS Parts
    *
@@ -67075,6 +67426,11 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `closed`: While `open` is false: the callout was dismissed, and is leaving or hidden.
+   * - `entering`: While a callout shown again by `open` runs its entrance animations.
+   * - `exiting`: While a dismissed callout runs its exit animations, before it is hidden.
+   * - `has-heading`: Something is slotted into `heading`.
+   * - `has-icon`: An icon of your own is slotted into `icon`, in place of the tone's.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-callout": Partial<
@@ -67412,6 +67768,17 @@ export type CustomElementsSolidJs = {
    * connection is a new element, and React discards an element the board adds to
    * its markup on the next render, so you write the connection.
    *
+   * **`edgeRoute` draws the connections' lines your own way**: a function from
+   * where a line leaves and arrives, and the sides it does, to its SVG path, for
+   * a route such as one that bends around the cards between. What it returns
+   * is the line drawn, the line pressed and focused, and the one an arrowhead
+   * sits at the end of. Nothing back draws the board's own.
+   *
+   * Add `minimap` to `controls` for a picture of the whole board in a corner:
+   * each card as a box, and a frame around what is on screen. A press or a drag
+   * on it brings that place to the middle of the view. It is for a pointer, and
+   * a screen reader skips it: the arrow keys and `show()` reach every card.
+   *
    * Cards and connections are `helix-canvas-node` and `helix-canvas-edge`
    * elements, so they are in the served markup whichever renderer wrote them. The
    * library fetches nothing, and an array passed to an element is missing from
@@ -67623,6 +67990,12 @@ export type CustomElementsSolidJs = {
    * - `pan-up-label`/`panUpLabel`: The pan up button's label.
    * - `zoom-in-label`/`zoomInLabel`: The zoom in button's label.
    * - `zoom-out-label`/`zoomOutLabel`: The zoom out button's label.
+   * - `edgeRoute`: Draws every connection's line: a function from where it leaves and
+   * arrives, and the sides it does, to its SVG path and where its label sits.
+   *
+   * Absent, or returning nothing for a connection, draws the board's own
+   * route. A function that throws draws the board's own too, and the error is
+   * reported to the page as an uncaught one. Set it as a property. (property only)
    * - `view`: The board's current view: the document's point at the middle of the view,
    * and the zoom.
    *
@@ -67763,6 +68136,9 @@ export type CustomElementsSolidJs = {
    * - `label-editor`: The field for editing a connection's label or a group's name, placed over that text.
    * - `live`: A live region that screen readers announce while a connection is being made.
    * - `marquee`: The box a Shift-drag across the empty board draws, which selects the cards it touches.
+   * - `minimap`: The picture of the whole board, under `controls="minimap"`.
+   * - `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-end`: The button that moves the board toward the end of a line of text: right in English.
    * - `pan-start`: The button that moves the board toward the start of a line of text: left in English.
@@ -69311,9 +69687,14 @@ export type CustomElementsSolidJs = {
    * removed. The block never computes a diff itself. Line numbers come from the
    * hunk headers and are hidden from the accessibility tree. Changed lines are
    * `<ins>` and `<del>` with the `+` and `-` kept as text, so the change does not
-   * depend on color. Each file in the patch is its own block under its own name,
+   * depend on color. Where a removed line is paired with the added line that
+   * replaced it, the words each does not share with the other are the `changed`
+   * part, so the eye goes to what changed within the line. Each file in the patch is its own block under its own name,
    * and its copy button copies the new version of the file. `variant="split"`
    * shows the old version beside the new, each removal opposite its replacement.
+   * `context-lines` folds each long run of unchanged lines, keeping that many
+   * beside each change, behind a button that shows them and hides them again,
+   * as a code host draws a diff written with more context than a reader needs.
    *
    * **A block that scrolls is a tab stop.** While its lines run past its width or
    * its cap, the scroller is a region named for the block, such as "Code,
@@ -69343,6 +69724,9 @@ export type CustomElementsSolidJs = {
    * - `code-name-label`/`codeNameLabel`: The name of a block that scrolls, where the block has a name. `{code}` is
    * `code-label` and `{name}` the block's name.
    * - `collapse-label`/`collapseLabel`: The expand button's words while the block shows every line.
+   * - `context-lines`/`contextLines`: In a diff, how many unchanged lines to keep beside each change. Each
+   * longer run of unchanged lines is folded behind a button that shows it.
+   * Unset shows every line the diff holds.
    * - `copied-label`/`copiedLabel`: The copy button's name and tooltip text after a copy.
    * - `copy-label`/`copyLabel`: The copy button's name and tooltip text before a copy.
    *
@@ -69362,6 +69746,9 @@ export type CustomElementsSolidJs = {
    * the button is drawn only while the cap hides something, measured as the
    * block lays out. Not for a diff, whose files each scroll on their own.
    * - `expand-label`/`expandLabel`: The expand button's words while the cap hides lines.
+   * - `hide-unchanged-label`/`hideUnchangedLabel`: The words of a button that hides a run of unchanged lines it showed, in a
+   * diff with `context-lines`. `{count}` is how many, and each language
+   * writes the forms it has.
    * - `label`: The block's name, usually a file name, drawn in the header.
    *
    * Absent, the block is named by `language` where there is one. In a diff,
@@ -69401,6 +69788,8 @@ export type CustomElementsSolidJs = {
    * `no-copy=""` on hosts that never asked for one, and the rule about a
    * reflected property taking no default is satisfied by the default being
    * `false`.
+   * - `show-unchanged-label`/`showUnchangedLabel`: The words of a button that shows a folded run of unchanged lines, in a
+   * diff with `context-lines`. `{count}` is how many.
    * - `variant`: How a diff's two versions are arranged. It has no effect without `diff`.
    *
    * Absent is unified, each removal above its replacement, which fits any
@@ -69491,6 +69880,7 @@ export type CustomElementsSolidJs = {
    * - `actions`: The box in the header that holds the `actions` slot, drawn while something is slotted there.
    * - `added`: In a diff, a line only the new version has, an `<ins>`.
    * - `block`: The scrolling `<pre>`.
+   * - `changed`: In a diff, the words of a changed line that the line opposite it does not have, inside its `text`.
    * - `code`: The `<code>` inside it.
    * - `context`: In a diff, a line both versions share.
    * - `copy`: The copy button. It sits in the header when there is one, and beside the code otherwise.
@@ -69512,6 +69902,7 @@ export type CustomElementsSolidJs = {
    * - `expand`: The button under a capped block that shows every line, and fewer again. Drawn when `expandable` is set and the cap hides something.
    * - `file`: In a diff, one file's header and block.
    * - `filler`: In a split diff, the empty row opposite a line the other side does not have.
+   * - `fold`: In a diff with `context-lines`, the button that shows a folded run of unchanged lines, and hides it again, saying which with `aria-expanded`.
    * - `frame`: The code, and the copy button beside it where there is no header.
    * - `gutter`: The line numbers beside the code, shown when `line-numbers` is set.
    * - `header`: The bar that holds the name and the copy button, shown when there is a name.
@@ -69984,8 +70375,10 @@ export type CustomElementsSolidJs = {
    * gray after you drag to the bottom of the square and back.
    *
    * The square is one tab stop. In it, the up and down arrows move brightness
-   * and the left and right arrows move saturation, and PageUp and PageDown move
-   * brightness by ten. The picker sends `input` as the color moves and `change`
+   * and the left and right arrows move saturation, by ten with Shift. PageUp and
+   * PageDown move brightness by ten, and Home and End move saturation by ten,
+   * turned on a right-to-left page as the arrows are, as React Aria's ColorArea
+   * does. The picker sends `input` as the color moves and `change`
    * when a drag, a key, a typed value or a preset settles it, as
    * `<input type="color">` does.
    *
@@ -70398,6 +70791,7 @@ export type CustomElementsSolidJs = {
    * | Key | What it does |
    * |---|---|
    * | Down, Up | On a closed field, opens the list on the chosen option, or the first or the last. In the open list, moves the highlight, round from the last option to the first. |
+   * | Alt with Down, Alt with Up | Opens the list without moving the highlight, and closes it, choosing nothing. |
    * | Page Down, Page Up | In the open list, moves the highlight by as many options as the list shows at once. |
    * | Enter | Chooses the highlighted option. With nothing left in the list, creates what was typed with `creatable`, or takes it with `allows-custom-value`. On a closed field, submits the form. |
    * | Escape | Closes the list and puts the chosen words back. On a closed field, a second Escape clears a single choice. |
@@ -71755,6 +72149,7 @@ export type CustomElementsSolidJs = {
    *
    * - `empty`: While there are no rows to show and none are loading.
    * - `error`: While `error-text` is set.
+   * - `loading`: While `loading` is set, as the rows are on their way.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-data-table": Partial<
@@ -79583,7 +79978,8 @@ export type CustomElementsSolidJs = {
    * same `group`, such as a route and its dotted legs, share one tile. A tile
    * sends `helix-before-toggle` from the layer first, so you can store the
    * choice or refuse it, and `helix-toggle` from it once `hidden` holds the
-   * choice.
+   * choice. Escape closes the menu and returns focus to its button, and the menu
+   * closes when focus moves on from it or a press lands outside the map.
    *
    * Imagery, a `helix-map-raster` with `ground`, is a map type and not a tile.
    * The menu opens with a card for each type, Standard, Hybrid, and Satellite,
@@ -80254,16 +80650,22 @@ export type CustomElementsSolidJs = {
    * - `checked` makes the row a choice.
    * - With neither, the row is a command.
    *
-   * The role follows the kind. A row with `checked` is `menuitemcheckbox` with
-   * `aria-checked`, and `exclusive` makes it `menuitemradio`, for a set where
-   * only one can be on. A row that opens a page keeps `menuitem` and sets
-   * `aria-haspopup`.
+   * The role follows the kind. A row with `checkable` or `checked` is
+   * `menuitemcheckbox` with `aria-checked`, and an `exclusive` row is
+   * `menuitemradio`, for a set where only one can be on. A row that opens a page
+   * keeps `menuitem` and sets `aria-haspopup`.
    *
    * Choosing a choice row checks or unchecks it before `helix-select` is sent,
    * so a listener reads the new `checked`. An `exclusive` row turns on and turns
    * off the `exclusive` rows next to it. Cancel `helix-before-toggle` to keep a
    * row as it is and set `checked` yourself.
    *
+   * Space on a choice row changes it and leaves the menu open, so a reader can
+   * set several in a row, as the APG's menu does. Enter and a press change it and
+   * close the menu. `close-on-select="false"` on the row keeps the menu open after
+   * any choice of it, and `close-on-select` on the row closes it after a Space as
+   * well.
+   *
    * The menu sets whether the row's page is showing as a property, never as an
    * attribute. An attribute written onto your element after it upgrades causes a
    * hydration mismatch.
@@ -80297,7 +80699,8 @@ export type CustomElementsSolidJs = {
    * as a checkbox tells a reader its siblings are commands, which is the one
    * thing they are not.
    *
-   * `checked` implies it, so a row that is on never has to say both.
+   * `checked` and `exclusive` imply it, so a row that is on, or one of a set,
+   * never has to say both.
    *
    * Choosing the row checks or unchecks it, after a `helix-before-toggle` that
    * you can cancel.
@@ -80305,6 +80708,11 @@ export type CustomElementsSolidJs = {
    *
    * The row changes it when it is chosen. Not reflected: the attribute is the
    * state you start the row in, and `:state(checked)` carries the current one.
+   * - `close-on-select`/`closeOnSelect`: Whether choosing the row closes the menu.
+   *
+   * Unset takes the menu's `close-on-select`, which is on, and keeps the menu
+   * open after a Space on a choice row. Write `close-on-select="false"` for a
+   * row that changes something the reader is watching, such as a zoom step.
    * - `disabled`: Whether the row is disabled, so it cannot be chosen.
    * - `download`: Whether the link downloads the file when the row is chosen.
    *
@@ -80319,8 +80727,7 @@ export type CustomElementsSolidJs = {
    * it checked. `menuitemradio` tells a reader which kind of set they are in,
    * where `menuitemcheckbox` says every row is independent.
    *
-   * Meaningless without `checkable`, since a row that cannot be ticked is not
-   * one of a set of anything.
+   * It makes the row a choice, so it needs no `checkable` beside it.
    * - `href`: The URL the row links to. Setting it renders the row as a link.
    *
    * **The row itself becomes an `<a>`, and the role goes with it.** A
@@ -80479,7 +80886,8 @@ export type CustomElementsSolidJs = {
    * Keys: Enter, Space or Down Arrow on the trigger opens the menu on its first
    * row, and Up Arrow on its last. In the menu, Up and Down Arrow move between
    * rows, Home and End go to the first and the last, a typed letter moves to
-   * the next row whose name starts with it, Enter and Space choose, Right Arrow
+   * the next row whose name starts with it, Enter and Space choose (Space on a
+   * choice row changes it and leaves the menu open), Right Arrow
    * opens a row's submenu and Left Arrow goes back, the two swapping on a
    * right-to-left page. Left Arrow on the top page does nothing. Escape closes
    * the menu and returns focus to the trigger. Tab closes it and moves on.
@@ -80508,6 +80916,11 @@ export type CustomElementsSolidJs = {
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `back-label`/`backLabel`: The text of the row that returns from a submenu.
+   * - `close-on-select`/`closeOnSelect`: Whether choosing a row closes the menu.
+   *
+   * On by default, and a Space on a choice row leaves the menu open either way.
+   * Write `close-on-select="false"` to keep the menu open after every choice, as
+   * Ark UI's `closeOnSelect` does. A row's own `close-on-select` wins over this.
    * - `context`: Whether the menu is the trigger's context menu: it opens where the reader
    * asks for one, with a right-click, a long press, Shift+F10 or the menu key.
    * - `label`: Accessible name for the surface.
@@ -81971,6 +82384,8 @@ export type CustomElementsSolidJs = {
    * reader sees the shape of the value before its contents. `0` starts with the
    * root closed; a large number opens everything, which on a big value is the
    * wall of text this exists to avoid.
+   * - `empty-label`/`emptyLabel`: What the tree says while there is no value to show, such as before a
+   * fetch answers. The `empty` slot replaces it.
    * - `filter`: Text the tree is narrowed to: the entries whose key or value holds it,
    * ignoring case, and the branches that lead to them. Empty shows everything.
    * - `filterable`: Whether to show a field that sets `filter`.
@@ -82002,6 +82417,8 @@ export type CustomElementsSolidJs = {
    * who set the property. This button is positioned out of the flow and takes no
    * room, so nothing selects on it, and reflection exists so that a selector can
    * reach a value.
+   * - `no-matches-label`/`noMatchesLabel`: What the tree says while a filter matched no entry. The `empty` slot
+   * replaces it.
    * - `result-label`/`resultLabel`: What a screen reader hears when a filter matches one entry, where
    * `results-label` should not say it. `{count}` is the count.
    * - `results-label`/`resultsLabel`: What a screen reader hears when a filter matches entries. `{count}` is
@@ -82063,6 +82480,12 @@ export type CustomElementsSolidJs = {
    * - `helix-filtered`: The filter field changed `filter`, which now holds the text.
    * - `toggle`: A reader opened or closed a branch, with `newState` and `oldState`. `expanded` holds every open branch.
    *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `empty`: Shown in the tree while it has no entries to show. Defaults to `empty-label`, or `no-matches-label` while a filter matched none.
+   *
    * ## CSS Custom Properties
    *
    * CSS variables available for styling the component.
@@ -82093,6 +82516,7 @@ export type CustomElementsSolidJs = {
    * - `copy-tooltip-right`: The tooltip while it is right of the copy button. Set alongside `copy-tooltip`.
    * - `copy-tooltip-top`: The tooltip while it is above the copy button. Set alongside `copy-tooltip`.
    * - `count`: The number of entries a branch holds.
+   * - `empty`: The row shown in the tree while it has no entries to show: no value, or a filter that matched none. It holds the `empty` slot.
    * - `frame`: The tree and the copy button beside it.
    * - `header`: The bar that holds the label, when there is one.
    * - `key`: A property name or an array index.
@@ -82114,6 +82538,9 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `empty`: While the tree has no entries to show: no value, or a filter that matched none.
+   * - `filtered`: While `filter` holds text.
+   * - `matched`: While `filter` holds text and matched at least one entry.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-object-inspector": Partial<
@@ -87972,6 +88399,8 @@ export type CustomElementsSolidJs = {
    * | Enter, Space on a sortable heading | Sorts by the column. |
    * | Space on a row, Enter or Space on its checkbox cell | Selects the row, in a `selectable` table. |
    * | Enter or Space on a disclosure cell | Shows or hides the rows under the row, in a table whose rows nest. |
+   * | Right on a disclosure cell | Shows the rows under a shut row, and otherwise moves one cell along the row. Left does, on a right-to-left page. |
+   * | Left on a disclosure cell | Hides the rows under an open row, and moves to the row this one sits under from any other. |
    * | Enter or Space on a grip cell | Picks the row up, or drops it, in a `reorderable` table. Up, Down, Home, and End move a row picked up, and Escape puts it back. |
    * | Down, Up, Page Down, Page Up under `selection-behavior="replace"` | Selects the row it moves to alone. Control or Command with the key moves without selecting. |
    * | Shift with Down or Up | Selects the rows it moves across, in a `selectable` table. |
@@ -88208,6 +88637,7 @@ export type CustomElementsSolidJs = {
    *
    * - `empty`: While there are no rows and none are loading.
    * - `error`: While `error-text` is set.
+   * - `loading`: While `loading` is set, as the rows are on their way.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-table": Partial<
@@ -92555,6 +92985,9 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `current`: The entry that is playing.
+   * - `dragging`: The entry a pointer is dragging, in a `reorderable` playlist.
+   * - `drop-after`: The entry the dragged one would land after, which the drop indicator is drawn under.
+   * - `drop-before`: The entry the dragged one would land before, which the drop indicator is drawn over.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-video-playlist-item": Partial<
@@ -92703,6 +93136,21 @@ export type CustomElementsSolidJs = {
    * the next or the previous entry. The player's previous and next controls
    * move through the entries in the same order the playlist does.
    *
+   * **Moving entries.** `reorderable` lets a reader change the order of the
+   * queue:
+   *
+   * - Alt with Up or Down moves the focused entry a place, and Alt with Home or
+   *   End moves it to either end, as the APG's rearrangeable listbox does.
+   *   Focus stays on it.
+   * - A pointer drags an entry, with a drop indicator, and the page scrolls near
+   *   an edge. A press that does not travel still plays the entry.
+   * - A drop sends `helix-before-reorder`, which you can refuse, and then
+   *   `helix-reorder`, whose `keys` hold every entry's `value` in the new order.
+   *   **You move the entries**: the playlist moves no element of yours, and the
+   *   next entry is the one after the current entry in the order you leave.
+   * - Each move is said in the live region, in words you can change:
+   *   `moved-label`, `dropped-label`, `canceled-label`, and `picked-up-label`.
+   *
    * **What a screen reader hears.** A list named by `label`, with a button for
    * each entry. When the playlist moves to another entry, by a press, by the
    * player's controls, or at the end of a clip, a live region says
@@ -92712,17 +93160,29 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `canceled-label`/`canceledLabel`: What screen readers hear when a move is put back, in a `reorderable`
+   * playlist. `{name}` is the entry's words.
+   * - `dropped-label`/`droppedLabel`: What screen readers hear when a moved entry is let go, in a `reorderable`
+   * playlist. `{name}` is the entry's words.
    * - `empty-label`/`emptyLabel`: What the playlist says while it has no entries. The `empty` slot replaces it.
    * - `label`: The list's name, read by screen readers.
+   * - `moved-label`/`movedLabel`: What screen readers hear each time a key moves an entry, in a
+   * `reorderable` playlist. `{name}` is the entry's words, `{position}` its
+   * new place, counting from 1, and `{count}` the number of entries.
    * - `no-advance`/`noAdvance`: Stays on an entry when its clip ends, where the playlist would otherwise
    * play the next one. The player's controls, a press, and `next()` still
    * move. `repeat="one"` still plays the entry again.
+   * - `picked-up-label`/`pickedUpLabel`: What screen readers hear when a pointer picks up an entry, in a
+   * `reorderable` playlist. `{name}` is the entry's words.
    * - `playing-label`/`playingLabel`: What the live region says when the playlist moves to another entry.
    * `{title}` is the entry's name.
    *
    * **A move a reader did not make is said.** At the end of a clip the
    * playlist starts the next one, and the only other trace of that is the
    * `aria-current` on a button the reader is not on.
+   * - `reorderable`: Lets a reader move the entries, with Alt and the arrow keys or by
+   * dragging one. The playlist moves no entry itself: you move your entries
+   * on `helix-reorder`.
    * - `repeat`: What happens when an entry ends with no next one to go to. `one` plays the
    * same entry again, and `all` goes from the last entry back to the first.
    * Absent, the playlist stops on the last entry and sends `helix-end`.
@@ -92777,7 +93237,9 @@ export type CustomElementsSolidJs = {
    *
    * - `helix-activate`: The current entry changed. The playlist already holds the new entry when this is sent, and `detail.previous` is the entry it left. `currentEntry` is the entry itself, with its `src`, `poster` and name.
    * - `helix-before-activate`: The current entry is about to change, and `detail.cause` says why: `press`, `next`, `previous`, `ended`, or `removed`. Cancelable: cancel it to keep the current entry.
+   * - `helix-before-reorder`: An entry was moved to a new place, in a `reorderable` playlist, with every entry's value in the new order in `detail.keys`. Cancelable: cancel it to keep the entry where it is.
    * - `helix-end`: The last entry finished playing, and the playlist stopped there. Not sent while `repeat` is set.
+   * - `helix-reorder`: Fired after `helix-before-reorder` when nobody canceled it. Move your entries to the order in `keys`. Cancelable: cancel it to say the move did not happen.
    *
    * ## Slots
    *