@fusion.dev/helix-headless 0.163.0 → 0.165.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;
@@ -6093,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. */
@@ -6131,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,
@@ -6206,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
@@ -6280,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. */
@@ -6318,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,
@@ -6393,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
@@ -14204,7 +14258,9 @@ place of the date: `long` ("3 hours ago"), `short` ("3 hr. ago") or
 `narrow` ("3h ago").
 
 The reading refreshes as it goes stale, as `elapsed` does, and the whole
-date is its title. `elapsed` wins where both are set. */
+date is its title. `elapsed` wins where both are set. Written with no
+value, as `elapsed` is, or with a style `Intl` does not know, it reads
+`long`. */
   relative?: (HelixHeadlessFormatDate["relative"]) | undefined;
   /** How the second is written, where a time of day is shown. */
   second?: (HelixHeadlessFormatDate["second"]) | undefined;
@@ -14346,7 +14402,9 @@ place of the date: `long` ("3 hours ago"), `short` ("3 hr. ago") or
 `narrow` ("3h ago").
 
 The reading refreshes as it goes stale, as `elapsed` does, and the whole
-date is its title. `elapsed` wins where both are set. */
+date is its title. `elapsed` wins where both are set. Written with no
+value, as `elapsed` is, or with a style `Intl` does not know, it reads
+`long`. */
   "prop:relative"?: (HelixHeadlessFormatDate["relative"]) | undefined;
   /** How the second is written, where a time of day is shown. */
   "prop:second"?: (HelixHeadlessFormatDate["second"]) | undefined;
@@ -21988,10 +22046,11 @@ one they already know. */
 invalid, as it is in a native number field.
 
 Unset, a step moves by one, or by one percent under a percent format, and
-a typed number is rounded to the smallest amount `format-options` shows
-rather than to whole steps, as React Aria's NumberField does: a field
-showing dollars keeps the cents typed into it. Without `format-options`
-the grid is whole numbers, as in a native number field. */
+a typed number is rounded to the smallest amount the format shows, as
+React Aria's NumberField does: a field showing dollars keeps the cents
+typed into it, and one with no `format-options` keeps three decimal
+places. `any` puts the number on no grid, as it does in a native number
+field: a step moves by one, and any number in range is valid. */
   step?: (HelixHeadlessNumberInput["step"]) | undefined;
   /** The message the browser shows when the number is off the step grid, with
 `{below}` and `{above}` filled in with the nearest valid values, written in
@@ -22266,10 +22325,11 @@ one they already know. */
 invalid, as it is in a native number field.
 
 Unset, a step moves by one, or by one percent under a percent format, and
-a typed number is rounded to the smallest amount `format-options` shows
-rather than to whole steps, as React Aria's NumberField does: a field
-showing dollars keeps the cents typed into it. Without `format-options`
-the grid is whole numbers, as in a native number field. */
+a typed number is rounded to the smallest amount the format shows, as
+React Aria's NumberField does: a field showing dollars keeps the cents
+typed into it, and one with no `format-options` keeps three decimal
+places. `any` puts the number on no grid, as it does in a native number
+field: a step moves by one, and any number in range is valid. */
   "prop:step"?: (HelixHeadlessNumberInput["step"]) | undefined;
   /** The message the browser shows when the number is off the step grid, with
 `{below}` and `{above}` filled in with the nearest valid values, written in
@@ -22493,6 +22553,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;
@@ -22562,6 +22628,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;
@@ -22679,6 +22751,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;
@@ -22748,6 +22826,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;
@@ -34613,17 +34697,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. */
@@ -34632,6 +34742,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.
 
@@ -34646,6 +34762,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`.
@@ -34684,17 +34804,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. */
@@ -34703,6 +34851,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.
 
@@ -34717,6 +34871,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`.
@@ -34754,8 +34912,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;
@@ -38390,8 +38556,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
@@ -38408,6 +38578,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
@@ -38450,7 +38624,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
    *
@@ -38465,7 +38639,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
    *
@@ -38481,6 +38656,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<
@@ -40714,9 +40894,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,
@@ -40746,6 +40931,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.
    *
@@ -40765,6 +40953,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,
@@ -40804,6 +40995,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
@@ -40894,6 +41087,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.
@@ -40915,6 +41109,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.
@@ -41380,8 +41575,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.
    *
@@ -41793,6 +41990,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. |
@@ -43143,6 +43341,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<
@@ -46748,7 +46947,9 @@ export type CustomElements = {
    * `narrow` ("3h ago").
    *
    * The reading refreshes as it goes stale, as `elapsed` does, and the whole
-   * date is its title. `elapsed` wins where both are set.
+   * date is its title. `elapsed` wins where both are set. Written with no
+   * value, as `elapsed` is, or with a style `Intl` does not know, it reads
+   * `long`.
    * - `second`: How the second is written, where a time of day is shown.
    * - `time-style`/`timeStyle`: The locale's own pattern for the time of day: `full`, `long`, `medium`, or
    * `short`. Set, it stands in for `hour`, `minute`, `second` and
@@ -52814,7 +53015,7 @@ export type CustomElements = {
    * A separate family from `Input`'s `type="number"`. It renders two buttons,
    * binds four keys `Input` does not, and handles clamping and stepping.
    *
-   * The field is `type="text"` with `inputmode="decimal"`. Tested in a real
+   * The field is `type="text"` with an `inputmode` for a number. Tested in a real
    * browser, `type="number"` fails in three ways:
    * - Typing `12e` gives a `.value` of `""`, so the element cannot see what you
    *   typed. A `type="text"` field keeps `"12e"`.
@@ -52822,7 +53023,11 @@ export type CustomElements = {
    *   to 4, when you only meant to scroll the page.
    * - `selectionStart` is `null`, so the caret cannot be managed.
    *
-   * `inputmode="decimal"` keeps the numeric keypad on phones.
+   * `inputmode` keeps a numeric keypad on phones, chosen as React Aria's
+   * NumberField chooses it: a keypad with a minus key where the number can be
+   * negative, and one with a decimal separator where the format shows a
+   * fraction. An iPhone has no keypad with a minus key, so a field that can be
+   * negative takes the full keyboard there.
    *
    * `format-options` shows the number with `Intl.NumberFormat` in `locale`, as a
    * currency, a percent or a unit, while the field is not being edited. Focus
@@ -52933,10 +53138,11 @@ export type CustomElements = {
    * invalid, as it is in a native number field.
    *
    * Unset, a step moves by one, or by one percent under a percent format, and
-   * a typed number is rounded to the smallest amount `format-options` shows
-   * rather than to whole steps, as React Aria's NumberField does: a field
-   * showing dollars keeps the cents typed into it. Without `format-options`
-   * the grid is whole numbers, as in a native number field.
+   * a typed number is rounded to the smallest amount the format shows, as
+   * React Aria's NumberField does: a field showing dollars keeps the cents
+   * typed into it, and one with no `format-options` keeps three decimal
+   * places. `any` puts the number on no grid, as it does in a native number
+   * field: a step moves by one, and any number in range is valid.
    * - `step-mismatch-message`/`stepMismatchMessage`: The message the browser shows when the number is off the step grid, with
    * `{below}` and `{above}` filled in with the nearest valid values, written in
    * the locale.
@@ -53158,6 +53364,8 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `at-max`: The number is at `max`, so it cannot step up, as React Aria's NumberField says with `canIncrement`.
+   * - `at-min`: The number is at `min`, so it cannot step down.
    * - `invalid`: The control has an error to show, from the browser's validation or from your `feedback`.
    * - `scrubbing`: The label is being dragged to change the value, under `scrub`, as Zag's scrubber says while it is held.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -53260,6 +53468,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`.
@@ -53291,6 +53501,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
@@ -53352,6 +53564,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.
@@ -53382,6 +53600,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.
@@ -53403,6 +53622,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<
@@ -59183,6 +59405,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. |
@@ -59419,6 +59643,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<
@@ -63702,6 +63927,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<
@@ -63848,6 +64076,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
@@ -63857,17 +64100,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`.
@@ -63922,7 +64177,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
    *
@@ -67084,8 +67341,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
@@ -67102,6 +67363,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
@@ -67144,7 +67409,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
    *
@@ -67159,7 +67424,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
    *
@@ -67175,6 +67441,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<
@@ -69431,9 +69702,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,
@@ -69463,6 +69739,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.
    *
@@ -69482,6 +69761,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,
@@ -69521,6 +69803,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
@@ -69611,6 +69895,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.
@@ -69632,6 +69917,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.
@@ -70104,8 +70390,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.
    *
@@ -70518,6 +70806,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. |
@@ -71875,6 +72164,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<
@@ -75514,7 +75804,9 @@ export type CustomElementsSolidJs = {
    * `narrow` ("3h ago").
    *
    * The reading refreshes as it goes stale, as `elapsed` does, and the whole
-   * date is its title. `elapsed` wins where both are set.
+   * date is its title. `elapsed` wins where both are set. Written with no
+   * value, as `elapsed` is, or with a style `Intl` does not know, it reads
+   * `long`.
    * - `second`: How the second is written, where a time of day is shown.
    * - `time-style`/`timeStyle`: The locale's own pattern for the time of day: `full`, `long`, `medium`, or
    * `short`. Set, it stands in for `hour`, `minute`, `second` and
@@ -81662,7 +81954,7 @@ export type CustomElementsSolidJs = {
    * A separate family from `Input`'s `type="number"`. It renders two buttons,
    * binds four keys `Input` does not, and handles clamping and stepping.
    *
-   * The field is `type="text"` with `inputmode="decimal"`. Tested in a real
+   * The field is `type="text"` with an `inputmode` for a number. Tested in a real
    * browser, `type="number"` fails in three ways:
    * - Typing `12e` gives a `.value` of `""`, so the element cannot see what you
    *   typed. A `type="text"` field keeps `"12e"`.
@@ -81670,7 +81962,11 @@ export type CustomElementsSolidJs = {
    *   to 4, when you only meant to scroll the page.
    * - `selectionStart` is `null`, so the caret cannot be managed.
    *
-   * `inputmode="decimal"` keeps the numeric keypad on phones.
+   * `inputmode` keeps a numeric keypad on phones, chosen as React Aria's
+   * NumberField chooses it: a keypad with a minus key where the number can be
+   * negative, and one with a decimal separator where the format shows a
+   * fraction. An iPhone has no keypad with a minus key, so a field that can be
+   * negative takes the full keyboard there.
    *
    * `format-options` shows the number with `Intl.NumberFormat` in `locale`, as a
    * currency, a percent or a unit, while the field is not being edited. Focus
@@ -81781,10 +82077,11 @@ export type CustomElementsSolidJs = {
    * invalid, as it is in a native number field.
    *
    * Unset, a step moves by one, or by one percent under a percent format, and
-   * a typed number is rounded to the smallest amount `format-options` shows
-   * rather than to whole steps, as React Aria's NumberField does: a field
-   * showing dollars keeps the cents typed into it. Without `format-options`
-   * the grid is whole numbers, as in a native number field.
+   * a typed number is rounded to the smallest amount the format shows, as
+   * React Aria's NumberField does: a field showing dollars keeps the cents
+   * typed into it, and one with no `format-options` keeps three decimal
+   * places. `any` puts the number on no grid, as it does in a native number
+   * field: a step moves by one, and any number in range is valid.
    * - `step-mismatch-message`/`stepMismatchMessage`: The message the browser shows when the number is off the step grid, with
    * `{below}` and `{above}` filled in with the nearest valid values, written in
    * the locale.
@@ -82006,6 +82303,8 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `at-max`: The number is at `max`, so it cannot step up, as React Aria's NumberField says with `canIncrement`.
+   * - `at-min`: The number is at `min`, so it cannot step down.
    * - `invalid`: The control has an error to show, from the browser's validation or from your `feedback`.
    * - `scrubbing`: The label is being dragged to change the value, under `scrub`, as Zag's scrubber says while it is held.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -82109,6 +82408,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`.
@@ -82140,6 +82441,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
@@ -82201,6 +82504,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.
@@ -82231,6 +82540,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.
@@ -82252,6 +82562,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<
@@ -88110,6 +88423,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. |
@@ -88346,6 +88661,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<
@@ -92693,6 +93009,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<
@@ -92841,6 +93160,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
@@ -92850,17 +93184,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`.
@@ -92915,7 +93261,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
    *