@fusion.dev/helix 0.163.0 → 0.164.0

package/types/jsx.d.ts

@@ -3866,6 +3866,11 @@ A word property: register it for a locale under the host's key. A family
 that names the control otherwise, such as Tag's `Remove {label}`,
 declares its own English with `@words` above the override. */
   dismissLabel?: (HelixCallout["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?: (HelixCallout["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
@@ -3898,7 +3903,7 @@ out keeps its English, and `tone-label` wins over both.
 `neutral` as "Note", for what the passage is. */
   toneLabels?: (HelixCallout["toneLabels"]) | 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: HelixCalloutHelixDismissElementEvent) => void) | undefined;
 };
 
@@ -3938,6 +3943,11 @@ A word property: register it for a locale under the host's key. A family
 that names the control otherwise, such as Tag's `Remove {label}`,
 declares its own English with `@words` above the override. */
   "prop:dismissLabel"?: (HelixCallout["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"?: (HelixCallout["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
@@ -3969,7 +3979,7 @@ out keeps its English, and `tone-label` wins over both.
 `danger` is said as "Error", the word a reader understands, and
 `neutral` as "Note", for what the passage is. */
   "prop:toneLabels"?: (HelixCallout["toneLabels"]) | 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: HelixCalloutHelixDismissElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
@@ -7698,6 +7708,14 @@ app.ts", as `code-name-label` puts it. */
   "collapse-label"?: (HelixCodeBlock["collapseLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
   collapseLabel?: (HelixCodeBlock["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"?: (HelixCodeBlock["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?: (HelixCodeBlock["contextLines"]) | undefined;
   /** The copy button's name and tooltip text after a copy. */
   "copied-label"?: (HelixCodeBlock["copiedLabel"]) | undefined;
   /** The copy button's name and tooltip text after a copy. */
@@ -7736,6 +7754,14 @@ block lays out. Not for a diff, whose files each scroll on their own. */
   "expand-label"?: (HelixCodeBlock["expandLabel"]) | undefined;
   /** The expand button's words while the cap hides lines. */
   expandLabel?: (HelixCodeBlock["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"?: (HelixCodeBlock["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?: (HelixCodeBlock["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,
@@ -7811,6 +7837,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?: (HelixCodeBlock["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"?: (HelixCodeBlock["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?: (HelixCodeBlock["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
@@ -7885,6 +7917,14 @@ app.ts", as `code-name-label` puts it. */
   "attr:collapse-label"?: (HelixCodeBlock["collapseLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
   "prop:collapseLabel"?: (HelixCodeBlock["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"?: (HelixCodeBlock["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"?: (HelixCodeBlock["contextLines"]) | undefined;
   /** The copy button's name and tooltip text after a copy. */
   "attr:copied-label"?: (HelixCodeBlock["copiedLabel"]) | undefined;
   /** The copy button's name and tooltip text after a copy. */
@@ -7923,6 +7963,14 @@ block lays out. Not for a diff, whose files each scroll on their own. */
   "attr:expand-label"?: (HelixCodeBlock["expandLabel"]) | undefined;
   /** The expand button's words while the cap hides lines. */
   "prop:expandLabel"?: (HelixCodeBlock["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"?: (HelixCodeBlock["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"?: (HelixCodeBlock["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,
@@ -7998,6 +8046,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"?: (HelixCodeBlock["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"?: (HelixCodeBlock["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"?: (HelixCodeBlock["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
@@ -25263,6 +25317,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?: (HelixObjectInspector["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"?: (HelixObjectInspector["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?: (HelixObjectInspector["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?: (HelixObjectInspector["filter"]) | undefined;
@@ -25332,6 +25392,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?: (HelixObjectInspector["noCopy"]) | undefined;
+  /** What the tree says while a filter matched no entry. The `empty` slot
+replaces it. */
+  "no-matches-label"?: (HelixObjectInspector["noMatchesLabel"]) | undefined;
+  /** What the tree says while a filter matched no entry. The `empty` slot
+replaces it. */
+  noMatchesLabel?: (HelixObjectInspector["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"?: (HelixObjectInspector["resultLabel"]) | undefined;
@@ -25445,6 +25511,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"?: (HelixObjectInspector["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"?: (HelixObjectInspector["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"?: (HelixObjectInspector["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"?: (HelixObjectInspector["filter"]) | undefined;
@@ -25514,6 +25586,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"?: (HelixObjectInspector["noCopy"]) | undefined;
+  /** What the tree says while a filter matched no entry. The `empty` slot
+replaces it. */
+  "attr:no-matches-label"?: (HelixObjectInspector["noMatchesLabel"]) | undefined;
+  /** What the tree says while a filter matched no entry. The `empty` slot
+replaces it. */
+  "prop:noMatchesLabel"?: (HelixObjectInspector["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"?: (HelixObjectInspector["resultLabel"]) | undefined;
@@ -39336,9 +39414,15 @@ export type HelixVideoPlaylistHelixActivateElementEvent =
 /** `helix-before-activate` event type */
 export type HelixVideoPlaylistHelixBeforeActivateElementEvent =
   HelixVideoPlaylistElementEvent<HelixBeforeActivateEvent>;
+/** `helix-before-reorder` event type */
+export type HelixVideoPlaylistHelixBeforeReorderElementEvent =
+  HelixVideoPlaylistElementEvent<HelixBeforeReorderEvent>;
 /** `helix-end` event type */
 export type HelixVideoPlaylistHelixEndElementEvent =
   HelixVideoPlaylistElementEvent<HelixEndEvent>;
+/** `helix-reorder` event type */
+export type HelixVideoPlaylistHelixReorderElementEvent =
+  HelixVideoPlaylistElementEvent<HelixReorderEvent>;
 
 export type HelixVideoPlaylistProps = {
   /** The `value` of the current item.
@@ -39358,12 +39442,32 @@ Ignored once `active` is written. */
 
 Ignored once `active` is written. */
   defaultActive?: (HelixVideoPlaylist["defaultActive"]) | undefined;
+  /** What screen readers hear when a move is put back, in a `reorderable`
+playlist. `{name}` is the entry's words. */
+  "canceled-label"?: (HelixVideoPlaylist["canceledLabel"]) | undefined;
+  /** What screen readers hear when a move is put back, in a `reorderable`
+playlist. `{name}` is the entry's words. */
+  canceledLabel?: (HelixVideoPlaylist["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"?: (HelixVideoPlaylist["droppedLabel"]) | undefined;
+  /** What screen readers hear when a moved entry is let go, in a `reorderable`
+playlist. `{name}` is the entry's words. */
+  droppedLabel?: (HelixVideoPlaylist["droppedLabel"]) | undefined;
   /** What the playlist says while it has no entries. The `empty` slot replaces it. */
   "empty-label"?: (HelixVideoPlaylist["emptyLabel"]) | undefined;
   /** What the playlist says while it has no entries. The `empty` slot replaces it. */
   emptyLabel?: (HelixVideoPlaylist["emptyLabel"]) | undefined;
   /** The list's name, read by screen readers. */
   label?: (HelixVideoPlaylist["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"?: (HelixVideoPlaylist["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?: (HelixVideoPlaylist["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. */
@@ -39372,6 +39476,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?: (HelixVideoPlaylist["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"?: (HelixVideoPlaylist["pickedUpLabel"]) | undefined;
+  /** What screen readers hear when a pointer picks up an entry, in a
+`reorderable` playlist. `{name}` is the entry's words. */
+  pickedUpLabel?: (HelixVideoPlaylist["pickedUpLabel"]) | undefined;
   /** What the live region says when the playlist moves to another entry.
 `{title}` is the entry's name.
 
@@ -39386,6 +39496,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?: (HelixVideoPlaylist["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?: (HelixVideoPlaylist["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`.
@@ -39405,8 +39519,14 @@ arrives or leaves, so previous goes back through what has played. */
   "onhelix-before-activate"?: ((
     e: HelixVideoPlaylistHelixBeforeActivateElementEvent,
   ) => 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: HelixVideoPlaylistHelixBeforeReorderElementEvent,
+  ) => void) | undefined;
   /** The last entry finished playing, and the playlist stopped there. Not sent while `repeat` is set. */
   "onhelix-end"?: ((e: HelixVideoPlaylistHelixEndElementEvent) => 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: HelixVideoPlaylistHelixReorderElementEvent) => void) | undefined;
 };
 
 export type HelixVideoPlaylistSolidJsProps = {
@@ -39427,12 +39547,32 @@ Ignored once `active` is written. */
 
 Ignored once `active` is written. */
   "prop:defaultActive"?: (HelixVideoPlaylist["defaultActive"]) | undefined;
+  /** What screen readers hear when a move is put back, in a `reorderable`
+playlist. `{name}` is the entry's words. */
+  "attr:canceled-label"?: (HelixVideoPlaylist["canceledLabel"]) | undefined;
+  /** What screen readers hear when a move is put back, in a `reorderable`
+playlist. `{name}` is the entry's words. */
+  "prop:canceledLabel"?: (HelixVideoPlaylist["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"?: (HelixVideoPlaylist["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"?: (HelixVideoPlaylist["droppedLabel"]) | undefined;
   /** What the playlist says while it has no entries. The `empty` slot replaces it. */
   "attr:empty-label"?: (HelixVideoPlaylist["emptyLabel"]) | undefined;
   /** What the playlist says while it has no entries. The `empty` slot replaces it. */
   "prop:emptyLabel"?: (HelixVideoPlaylist["emptyLabel"]) | undefined;
   /** The list's name, read by screen readers. */
   "prop:label"?: (HelixVideoPlaylist["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"?: (HelixVideoPlaylist["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"?: (HelixVideoPlaylist["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. */
@@ -39441,6 +39581,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"?: (HelixVideoPlaylist["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"?: (HelixVideoPlaylist["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"?: (HelixVideoPlaylist["pickedUpLabel"]) | undefined;
   /** What the live region says when the playlist moves to another entry.
 `{title}` is the entry's name.
 
@@ -39455,6 +39601,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"?: (HelixVideoPlaylist["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"?: (HelixVideoPlaylist["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`.
@@ -39475,8 +39625,14 @@ arrives or leaves, so previous goes back through what has played. */
   "on:helix-before-activate"?: ((
     e: HelixVideoPlaylistHelixBeforeActivateElementEvent,
   ) => 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: HelixVideoPlaylistHelixBeforeReorderElementEvent,
+  ) => void) | undefined;
   /** The last entry finished playing, and the playlist stopped there. Not sent while `repeat` is set. */
   "on:helix-end"?: ((e: HelixVideoPlaylistHelixEndElementEvent) => 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: HelixVideoPlaylistHelixReorderElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -43466,6 +43622,10 @@ export type CustomElements = {
    * A word property: register it for a locale under the host's key. A family
    * that names the control otherwise, such as Tag's `Remove {label}`,
    * declares its own English with `@words` above the override.
+   * - `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
@@ -43507,7 +43667,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
    *
@@ -43550,6 +43710,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-callout": Partial<
@@ -45774,6 +45939,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.
    *
@@ -45793,6 +45961,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,
@@ -45832,6 +46003,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
@@ -45939,6 +46112,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.
@@ -45960,6 +46134,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.
@@ -48068,6 +48243,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-data-table": Partial<
@@ -57883,6 +58059,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`.
@@ -57914,6 +58092,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
@@ -57975,6 +58155,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.
@@ -58011,6 +58197,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.
@@ -58032,6 +58219,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-object-inspector": Partial<
@@ -64798,6 +64988,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-table": Partial<HelixTableProps & BaseProps<HelixTable> & BaseEvents<HelixTable>>;
@@ -68882,6 +69073,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-video-playlist-item": Partial<
@@ -69011,17 +69205,29 @@ export type CustomElements = {
    * - `default-active`/`defaultActive`: The `value` of the item declared current in markup.
    *
    * Ignored once `active` is written.
+   * - `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`.
@@ -69065,7 +69271,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
    *
@@ -72475,6 +72683,10 @@ export type CustomElementsSolidJs = {
    * A word property: register it for a locale under the host's key. A family
    * that names the control otherwise, such as Tag's `Remove {label}`,
    * declares its own English with `@words` above the override.
+   * - `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
@@ -72516,7 +72728,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
    *
@@ -72559,6 +72771,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-callout": Partial<
@@ -74814,6 +75031,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.
    *
@@ -74833,6 +75053,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,
@@ -74872,6 +75095,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
@@ -74979,6 +75204,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.
@@ -75000,6 +75226,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.
@@ -77128,6 +77355,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-data-table": Partial<
@@ -87115,6 +87343,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`.
@@ -87146,6 +87376,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
@@ -87207,6 +87439,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.
@@ -87243,6 +87481,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.
@@ -87264,6 +87503,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-object-inspector": Partial<
@@ -94162,6 +94404,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-table": Partial<
@@ -98321,6 +98564,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-video-playlist-item": Partial<
@@ -98456,17 +98702,29 @@ export type CustomElementsSolidJs = {
    * - `default-active`/`defaultActive`: The `value` of the item declared current in markup.
    *
    * Ignored once `active` is written.
+   * - `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`.
@@ -98510,7 +98768,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
    *