@fusion.dev/helix 0.162.1 → 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 */
@@ -4748,6 +4758,13 @@ zoom as a percentage, written the way the element's locale writes one. */
   /** What screen readers hear after a zoom button or key, with `{zoom}` for the
 zoom as a percentage, written the way the element's locale writes one. */
   zoomedLabel?: (HelixCanvas["zoomedLabel"]) | undefined;
+  /** Draws every connection's line: a function from where it leaves and
+arrives, and the sides it does, to its SVG path and where its label sits.
+
+Absent, or returning nothing for a connection, draws the board's own
+route. A function that throws draws the board's own too, and the error is
+reported to the page as an uncaught one. Set it as a property. */
+  edgeRoute?: (HelixCanvas["edgeRoute"]) | undefined;
   /** The board's current view: the document's point at the middle of the view,
 and the zoom.
 
@@ -5204,6 +5221,13 @@ zoom as a percentage, written the way the element's locale writes one. */
   /** What screen readers hear after a zoom button or key, with `{zoom}` for the
 zoom as a percentage, written the way the element's locale writes one. */
   "prop:zoomedLabel"?: (HelixCanvas["zoomedLabel"]) | undefined;
+  /** Draws every connection's line: a function from where it leaves and
+arrives, and the sides it does, to its SVG path and where its label sits.
+
+Absent, or returning nothing for a connection, draws the board's own
+route. A function that throws draws the board's own too, and the error is
+reported to the page as an uncaught one. Set it as a property. */
+  "prop:edgeRoute"?: (HelixCanvas["edgeRoute"]) | undefined;
   /** The board's current view: the document's point at the middle of the view,
 and the zoom.
 
@@ -7684,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. */
@@ -7722,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,
@@ -7797,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
@@ -7871,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. */
@@ -7909,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,
@@ -7984,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
@@ -23314,7 +23382,8 @@ was never tickable look identical from here. Announcing only the ticked one
 as a checkbox tells a reader its siblings are commands, which is the one
 thing they are not.
 
-`checked` implies it, so a row that is on never has to say both.
+`checked` and `exclusive` imply it, so a row that is on, or one of a set,
+never has to say both.
 
 Choosing the row checks or unchecks it, after a `helix-before-toggle` that
 you can cancel. */
@@ -23324,6 +23393,18 @@ you can cancel. */
 The row changes it when it is chosen. Not reflected: the attribute is the
 state you start the row in, and `:state(checked)` carries the current one. */
   checked?: (HelixMenuItem["checked"]) | undefined;
+  /** Whether choosing the row closes the menu.
+
+Unset takes the menu's `close-on-select`, which is on, and keeps the menu
+open after a Space on a choice row. Write `close-on-select="false"` for a
+row that changes something the reader is watching, such as a zoom step. */
+  "close-on-select"?: (HelixMenuItem["closeOnSelect"]) | undefined;
+  /** Whether choosing the row closes the menu.
+
+Unset takes the menu's `close-on-select`, which is on, and keeps the menu
+open after a Space on a choice row. Write `close-on-select="false"` for a
+row that changes something the reader is watching, such as a zoom step. */
+  closeOnSelect?: (HelixMenuItem["closeOnSelect"]) | undefined;
   /** Whether the row is disabled, so it cannot be chosen. */
   disabled?: (HelixMenuItem["disabled"]) | undefined;
   /** Whether the link downloads the file when the row is chosen.
@@ -23340,8 +23421,7 @@ that row and unchecks the others. Choosing the row that is checked leaves
 it checked. `menuitemradio` tells a reader which kind of set they are in,
 where `menuitemcheckbox` says every row is independent.
 
-Meaningless without `checkable`, since a row that cannot be ticked is not
-one of a set of anything. */
+It makes the row a choice, so it needs no `checkable` beside it. */
   exclusive?: (HelixMenuItem["exclusive"]) | undefined;
   /** The URL the row links to. Setting it renders the row as a link.
 
@@ -23388,7 +23468,8 @@ was never tickable look identical from here. Announcing only the ticked one
 as a checkbox tells a reader its siblings are commands, which is the one
 thing they are not.
 
-`checked` implies it, so a row that is on never has to say both.
+`checked` and `exclusive` imply it, so a row that is on, or one of a set,
+never has to say both.
 
 Choosing the row checks or unchecks it, after a `helix-before-toggle` that
 you can cancel. */
@@ -23398,6 +23479,18 @@ you can cancel. */
 The row changes it when it is chosen. Not reflected: the attribute is the
 state you start the row in, and `:state(checked)` carries the current one. */
   "prop:checked"?: (HelixMenuItem["checked"]) | undefined;
+  /** Whether choosing the row closes the menu.
+
+Unset takes the menu's `close-on-select`, which is on, and keeps the menu
+open after a Space on a choice row. Write `close-on-select="false"` for a
+row that changes something the reader is watching, such as a zoom step. */
+  "bool:close-on-select"?: (HelixMenuItem["closeOnSelect"]) | undefined;
+  /** Whether choosing the row closes the menu.
+
+Unset takes the menu's `close-on-select`, which is on, and keeps the menu
+open after a Space on a choice row. Write `close-on-select="false"` for a
+row that changes something the reader is watching, such as a zoom step. */
+  "prop:closeOnSelect"?: (HelixMenuItem["closeOnSelect"]) | undefined;
   /** Whether the row is disabled, so it cannot be chosen. */
   "prop:disabled"?: (HelixMenuItem["disabled"]) | undefined;
   /** Whether the link downloads the file when the row is chosen.
@@ -23414,8 +23507,7 @@ that row and unchecks the others. Choosing the row that is checked leaves
 it checked. `menuitemradio` tells a reader which kind of set they are in,
 where `menuitemcheckbox` says every row is independent.
 
-Meaningless without `checkable`, since a row that cannot be ticked is not
-one of a set of anything. */
+It makes the row a choice, so it needs no `checkable` beside it. */
   "prop:exclusive"?: (HelixMenuItem["exclusive"]) | undefined;
   /** The URL the row links to. Setting it renders the row as a link.
 
@@ -23507,6 +23599,18 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "back-label"?: (HelixMenu["backLabel"]) | undefined;
   /** The text of the row that returns from a submenu. */
   backLabel?: (HelixMenu["backLabel"]) | undefined;
+  /** Whether choosing a row closes the menu.
+
+On by default, and a Space on a choice row leaves the menu open either way.
+Write `close-on-select="false"` to keep the menu open after every choice, as
+Ark UI's `closeOnSelect` does. A row's own `close-on-select` wins over this. */
+  "close-on-select"?: (HelixMenu["closeOnSelect"]) | undefined;
+  /** Whether choosing a row closes the menu.
+
+On by default, and a Space on a choice row leaves the menu open either way.
+Write `close-on-select="false"` to keep the menu open after every choice, as
+Ark UI's `closeOnSelect` does. A row's own `close-on-select` wins over this. */
+  closeOnSelect?: (HelixMenu["closeOnSelect"]) | undefined;
   /** Whether the menu is the trigger's context menu: it opens where the reader
 asks for one, with a right-click, a long press, Shift+F10 or the menu key. */
   context?: (HelixMenu["context"]) | undefined;
@@ -23586,6 +23690,18 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "attr:back-label"?: (HelixMenu["backLabel"]) | undefined;
   /** The text of the row that returns from a submenu. */
   "prop:backLabel"?: (HelixMenu["backLabel"]) | undefined;
+  /** Whether choosing a row closes the menu.
+
+On by default, and a Space on a choice row leaves the menu open either way.
+Write `close-on-select="false"` to keep the menu open after every choice, as
+Ark UI's `closeOnSelect` does. A row's own `close-on-select` wins over this. */
+  "bool:close-on-select"?: (HelixMenu["closeOnSelect"]) | undefined;
+  /** Whether choosing a row closes the menu.
+
+On by default, and a Space on a choice row leaves the menu open either way.
+Write `close-on-select="false"` to keep the menu open after every choice, as
+Ark UI's `closeOnSelect` does. A row's own `close-on-select` wins over this. */
+  "prop:closeOnSelect"?: (HelixMenu["closeOnSelect"]) | undefined;
   /** Whether the menu is the trigger's context menu: it opens where the reader
 asks for one, with a right-click, a long press, Shift+F10 or the menu key. */
   "prop:context"?: (HelixMenu["context"]) | undefined;
@@ -25201,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;
@@ -25270,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;
@@ -25383,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;
@@ -25452,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;
@@ -28779,6 +28919,9 @@ keyed on this attribute, and of the 56 tokens that differ by scheme the
 theme engine emits 19. The other 37 would stay light in a dark preview,
 including every one of the 24 series colors a chart reads. */
   colorMode?: (HelixSandboxPreview["colorMode"]) | undefined;
+  /** Whether the preview draws a reload button and a button that opens the
+example in a new tab, in its corner. */
+  controls?: (HelixSandboxPreview["controls"]) | undefined;
   /** Writing direction inside the frame.
 
 Not reflected. It is payload for the render message and nothing selects on
@@ -28800,6 +28943,18 @@ Not reflected, for `direction`'s reason: the placement is applied by the
 document inside the frame, against its own root, so no rule on this side
 could read it. */
   layout?: (HelixSandboxPreview["layout"]) | undefined;
+  /** The name of the button that opens the example in a new tab, under
+`controls`. */
+  "open-label"?: (HelixSandboxPreview["openLabel"]) | undefined;
+  /** The name of the button that opens the example in a new tab, under
+`controls`. */
+  openLabel?: (HelixSandboxPreview["openLabel"]) | undefined;
+  /** The name of the button that reloads the frame's document, under
+`controls`. */
+  "reload-label"?: (HelixSandboxPreview["reloadLabel"]) | undefined;
+  /** The name of the button that reloads the frame's document, under
+`controls`. */
+  reloadLabel?: (HelixSandboxPreview["reloadLabel"]) | undefined;
   /** A script to run as a module after the markup, on every render of new
 source. A sandbox writes its `js` pane here. */
   script?: (HelixSandboxPreview["script"]) | undefined;
@@ -28846,6 +29001,9 @@ keyed on this attribute, and of the 56 tokens that differ by scheme the
 theme engine emits 19. The other 37 would stay light in a dark preview,
 including every one of the 24 series colors a chart reads. */
   "prop:colorMode"?: (HelixSandboxPreview["colorMode"]) | undefined;
+  /** Whether the preview draws a reload button and a button that opens the
+example in a new tab, in its corner. */
+  "prop:controls"?: (HelixSandboxPreview["controls"]) | undefined;
   /** Writing direction inside the frame.
 
 Not reflected. It is payload for the render message and nothing selects on
@@ -28867,6 +29025,18 @@ Not reflected, for `direction`'s reason: the placement is applied by the
 document inside the frame, against its own root, so no rule on this side
 could read it. */
   "prop:layout"?: (HelixSandboxPreview["layout"]) | undefined;
+  /** The name of the button that opens the example in a new tab, under
+`controls`. */
+  "attr:open-label"?: (HelixSandboxPreview["openLabel"]) | undefined;
+  /** The name of the button that opens the example in a new tab, under
+`controls`. */
+  "prop:openLabel"?: (HelixSandboxPreview["openLabel"]) | undefined;
+  /** The name of the button that reloads the frame's document, under
+`controls`. */
+  "attr:reload-label"?: (HelixSandboxPreview["reloadLabel"]) | undefined;
+  /** The name of the button that reloads the frame's document, under
+`controls`. */
+  "prop:reloadLabel"?: (HelixSandboxPreview["reloadLabel"]) | undefined;
   /** A script to run as a module after the markup, on every render of new
 source. A sandbox writes its `js` pane here. */
   "prop:script"?: (HelixSandboxPreview["script"]) | undefined;
@@ -28890,6 +29060,9 @@ Empty loads the built-in document, which defines no element. */
 
 /** `HelixSandbox` component event */
 export type HelixSandboxElementEvent<E = Event> = TypedEvent<HelixSandbox, E>;
+/** `helix-before-change` event type */
+export type HelixSandboxHelixBeforeChangeElementEvent =
+  HelixSandboxElementEvent<HelixBeforeChangeEvent>;
 /** `helix-before-edit` event type */
 export type HelixSandboxHelixBeforeEditElementEvent =
   HelixSandboxElementEvent<HelixBeforeEditEvent>;
@@ -28957,6 +29130,14 @@ sandbox back to the size it already was.
 Declared rather than captured, so it is a number a consumer states and can
 change, and it needs no first frame to be read on. */
   defaultSplit?: (HelixSandbox["defaultSplit"]) | undefined;
+  /** The `name` of the source pane shown, where the sandbox holds several.
+
+Unset, or a name no pane has, shows the first. */
+  file?: (HelixSandbox["file"]) | undefined;
+  /** The name of the file tabs, read by screen readers. */
+  "files-label"?: (HelixSandbox["filesLabel"]) | undefined;
+  /** The name of the file tabs, read by screen readers. */
+  filesLabel?: (HelixSandbox["filesLabel"]) | undefined;
   /** Which pane comes first, before the divider.
 
 A sandbox is read in one of two directions and the two are not a
@@ -29028,6 +29209,12 @@ divider's value is, so each is a whole sentence: "Resize source pane" or
 is `preview`. */
   split?: (HelixSandbox["split"]) | undefined;
 
+  /** A file tab showed its pane, whose `name` `file` now holds. */
+  onchange?: ((e: HelixSandboxElementEvent) => void) | undefined;
+  /** Fired before a file tab shows its pane, with the pane's `name`. Cancelable: cancel it to keep the pane shown. */
+  "onhelix-before-change"?: ((
+    e: HelixSandboxHelixBeforeChangeElementEvent,
+  ) => void) | undefined;
   /** Fired before the source is edited. The source pane dispatches it, and you can listen for it on the sandbox. Cancelable: cancel it to keep the source unchanged. */
   "onhelix-before-edit"?: ((e: HelixSandboxHelixBeforeEditElementEvent) => void) | undefined;
   /** Fired before the panel's divider is released, with the panel's height in pixels. A panel dragged closed reports `panel-collapsed-size`, its smallest height. Cancelable: cancel it to keep the current height. */
@@ -29093,6 +29280,14 @@ sandbox back to the size it already was.
 Declared rather than captured, so it is a number a consumer states and can
 change, and it needs no first frame to be read on. */
   "prop:defaultSplit"?: (HelixSandbox["defaultSplit"]) | undefined;
+  /** The `name` of the source pane shown, where the sandbox holds several.
+
+Unset, or a name no pane has, shows the first. */
+  "prop:file"?: (HelixSandbox["file"]) | undefined;
+  /** The name of the file tabs, read by screen readers. */
+  "attr:files-label"?: (HelixSandbox["filesLabel"]) | undefined;
+  /** The name of the file tabs, read by screen readers. */
+  "prop:filesLabel"?: (HelixSandbox["filesLabel"]) | undefined;
   /** Which pane comes first, before the divider.
 
 A sandbox is read in one of two directions and the two are not a
@@ -29163,6 +29358,12 @@ divider's value is, so each is a whole sentence: "Resize source pane" or
   /** Percentage of the sandbox given to the lead pane: the source, unless `lead`
 is `preview`. */
   "prop:split"?: (HelixSandbox["split"]) | undefined;
+  /** A file tab showed its pane, whose `name` `file` now holds. */
+  "on:change"?: ((e: HelixSandboxElementEvent) => void) | undefined;
+  /** Fired before a file tab shows its pane, with the pane's `name`. Cancelable: cancel it to keep the pane shown. */
+  "on:helix-before-change"?: ((
+    e: HelixSandboxHelixBeforeChangeElementEvent,
+  ) => void) | undefined;
   /** Fired before the source is edited. The source pane dispatches it, and you can listen for it on the sandbox. Cancelable: cancel it to keep the source unchanged. */
   "on:helix-before-edit"?: ((e: HelixSandboxHelixBeforeEditElementEvent) => void) | undefined;
   /** Fired before the panel's divider is released, with the panel's height in pixels. A panel dragged closed reports `panel-collapsed-size`, its smallest height. Cancelable: cancel it to keep the current height. */
@@ -29218,6 +29419,9 @@ export type HelixSandboxSourceProps = {
   "keys-description"?: (HelixSandboxSource["keysDescription"]) | undefined;
   /** The field's description, read by screen readers while Tab indents. */
   keysDescription?: (HelixSandboxSource["keysDescription"]) | undefined;
+  /** The pane's file name, such as `index.html`, on its tab where a sandbox
+holds several panes. Empty puts the pane's `name` on the tab. */
+  label?: (HelixSandboxSource["label"]) | undefined;
   /** Which source this pane holds. Every `helix-before-edit` event includes it.
 
 `html` and `css` are what the sandbox root routes on; any other name is
@@ -29263,6 +29467,9 @@ export type HelixSandboxSourceSolidJsProps = {
   "attr:keys-description"?: (HelixSandboxSource["keysDescription"]) | undefined;
   /** The field's description, read by screen readers while Tab indents. */
   "prop:keysDescription"?: (HelixSandboxSource["keysDescription"]) | undefined;
+  /** The pane's file name, such as `index.html`, on its tab where a sandbox
+holds several panes. Empty puts the pane's `name` on the tab. */
+  "prop:label"?: (HelixSandboxSource["label"]) | undefined;
   /** Which source this pane holds. Every `helix-before-edit` event includes it.
 
 `html` and `css` are what the sandbox root routes on; any other name is
@@ -39207,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.
@@ -39229,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. */
@@ -39243,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.
 
@@ -39257,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`.
@@ -39276,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 = {
@@ -39298,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. */
@@ -39312,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.
 
@@ -39326,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`.
@@ -39346,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;
@@ -43337,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
@@ -43378,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
    *
@@ -43421,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<
@@ -43897,6 +44191,12 @@ export type CustomElements = {
    * `gestures="cooperative"`. `{key}` is ⌘ on a Mac and Ctrl elsewhere.
    * - `zoomed-label`/`zoomedLabel`: What screen readers hear after a zoom button or key, with `{zoom}` for the
    * zoom as a percentage, written the way the element's locale writes one.
+   * - `edgeRoute`: Draws every connection's line: a function from where it leaves and
+   * arrives, and the sides it does, to its SVG path and where its label sits.
+   *
+   * Absent, or returning nothing for a connection, draws the board's own
+   * route. A function that throws draws the board's own too, and the error is
+   * reported to the page as an uncaught one. Set it as a property. (property only)
    * - `view`: The board's current view: the document's point at the middle of the view,
    * and the zoom.
    *
@@ -44009,6 +44309,8 @@ export type CustomElements = {
    * - `--canvas-label-color`: The color of the label on a connection.
    * - `--canvas-label-editor-inline-size`: The width of the field for editing a label.
    * - `--canvas-label-font-size`: The size of the label on a connection.
+   * - `--canvas-minimap-block-size`: The height of the minimap, under `controls="minimap"`.
+   * - `--canvas-minimap-inline-size`: The width of the minimap, under `controls="minimap"`.
    * - `--canvas-radius`: The frame's corners.
    * - `--canvas-selected-color`: The color of what is selected: a card's outline, its corners and its move handle, a connection and its ends, and the box drawn to select.
    * - `--viewport-control-background-color`: The background of the pan and zoom buttons. `Map` uses the same property.
@@ -44035,6 +44337,9 @@ export type CustomElements = {
    * - `label-editor`: The field for editing a connection's label or a group's name, placed over that text.
    * - `live`: A live region that screen readers announce while a connection is being made.
    * - `marquee`: The box a Shift-drag across the empty board draws, which selects the cards it touches.
+   * - `minimap`: The picture of the whole board, under `controls="minimap"`.
+   * - `minimap-node`: One card in the minimap.
+   * - `minimap-view`: The frame in the minimap around what is on screen.
    * - `pan-down`: The button that moves the board down.
    * - `pan-end`: The button that moves the board toward the end of a line of text: right in English.
    * - `pan-start`: The button that moves the board toward the start of a line of text: left in English.
@@ -45634,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.
    *
@@ -45653,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,
@@ -45692,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
@@ -45799,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.
@@ -45820,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.
@@ -47928,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<
@@ -56191,7 +56507,8 @@ export type CustomElements = {
    * as a checkbox tells a reader its siblings are commands, which is the one
    * thing they are not.
    *
-   * `checked` implies it, so a row that is on never has to say both.
+   * `checked` and `exclusive` imply it, so a row that is on, or one of a set,
+   * never has to say both.
    *
    * Choosing the row checks or unchecks it, after a `helix-before-toggle` that
    * you can cancel.
@@ -56199,6 +56516,11 @@ export type CustomElements = {
    *
    * The row changes it when it is chosen. Not reflected: the attribute is the
    * state you start the row in, and `:state(checked)` carries the current one.
+   * - `close-on-select`/`closeOnSelect`: Whether choosing the row closes the menu.
+   *
+   * Unset takes the menu's `close-on-select`, which is on, and keeps the menu
+   * open after a Space on a choice row. Write `close-on-select="false"` for a
+   * row that changes something the reader is watching, such as a zoom step.
    * - `disabled`: Whether the row is disabled, so it cannot be chosen.
    * - `download`: Whether the link downloads the file when the row is chosen.
    *
@@ -56213,8 +56535,7 @@ export type CustomElements = {
    * it checked. `menuitemradio` tells a reader which kind of set they are in,
    * where `menuitemcheckbox` says every row is independent.
    *
-   * Meaningless without `checkable`, since a row that cannot be ticked is not
-   * one of a set of anything.
+   * It makes the row a choice, so it needs no `checkable` beside it.
    * - `href`: The URL the row links to. Setting it renders the row as a link.
    *
    * **The row itself becomes an `<a>`, and the role goes with it.** A
@@ -56376,6 +56697,11 @@ export type CustomElements = {
    * last reader did rather than what the author wrote. `:state(open)` carries
    * the resolved state for stylesheets, which is what the mirror is for.
    * - `back-label`/`backLabel`: The text of the row that returns from a submenu.
+   * - `close-on-select`/`closeOnSelect`: Whether choosing a row closes the menu.
+   *
+   * On by default, and a Space on a choice row leaves the menu open either way.
+   * Write `close-on-select="false"` to keep the menu open after every choice, as
+   * Ark UI's `closeOnSelect` does. A row's own `close-on-select` wins over this.
    * - `context`: Whether the menu is the trigger's context menu: it opens where the reader
    * asks for one, with a right-click, a long press, Shift+F10 or the menu key.
    * - `label`: Accessible name for the surface.
@@ -57733,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`.
@@ -57764,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
@@ -57825,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.
@@ -57861,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.
@@ -57882,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<
@@ -60548,6 +60888,15 @@ export type CustomElements = {
    * reports. A page draws its own spinner or message from either, such as a
    * sibling shown by `helix-sandbox-preview:state(failed) + .message`.
    *
+   * **A failed preview shows the error over the example**, in the `error` part,
+   * until the next source is sent. The terminal says it too, so the part is not
+   * announced. Hide it with `::part(error) { display: none }` where the page
+   * draws its own.
+   *
+   * **`controls` draws two buttons in the preview's corner**: one reloads the
+   * frame's document, as `reload()` does, and one opens the example in a new
+   * tab, as `open()` does. The tab runs it in a frame sandboxed as this one is.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -60565,6 +60914,8 @@ export type CustomElements = {
    * keyed on this attribute, and of the 56 tokens that differ by scheme the
    * theme engine emits 19. The other 37 would stay light in a dark preview,
    * including every one of the 24 series colors a chart reads.
+   * - `controls`: Whether the preview draws a reload button and a button that opens the
+   * example in a new tab, in its corner.
    * - `direction`: Writing direction inside the frame.
    *
    * Not reflected. It is payload for the render message and nothing selects on
@@ -60583,6 +60934,10 @@ export type CustomElements = {
    * Not reflected, for `direction`'s reason: the placement is applied by the
    * document inside the frame, against its own root, so no rule on this side
    * could read it.
+   * - `open-label`/`openLabel`: The name of the button that opens the example in a new tab, under
+   * `controls`.
+   * - `reload-label`/`reloadLabel`: The name of the button that reloads the frame's document, under
+   * `controls`.
    * - `script`: A script to run as a module after the markup, on every render of new
    * source. A sandbox writes its `js` pane here.
    * - `source`: Markup to render.
@@ -60621,6 +60976,17 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `open() => Window | null`: Opens the example in a new tab, and returns the tab's window, or `null`
+   * where the browser refused to open one.
+   *
+   * **The tab runs the example as this preview does**: in a frame that fills
+   * it, with this frame's `sandbox`, loading `src` or the built-in document,
+   * and sent the example once it loads. The example stays on an opaque origin,
+   * and the tab's `opener` is cleared, so it cannot reach this page. The tab
+   * shows the example as it was when it opened, and edits after that do not
+   * reach it. A short inline script in the tab sends the example, so on a page
+   * whose Content Security Policy refuses inline scripts the tab opens empty,
+   * as the built-in document does there.
    * - `reload() => void`: Loads the frame's document again, and re-sends the example to it.
    *
    * For a bundle that has changed underneath a page nobody reloaded. The frame
@@ -60638,7 +61004,11 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `controls`: The buttons in the preview's corner, under `controls`.
+   * - `error`: The error the example threw and did not catch, shown over it while the preview is `failed`.
    * - `frame`: The iframe.
+   * - `open`: The button that opens the example in a new tab, under `controls`.
+   * - `reload`: The button that reloads the frame's document, under `controls`.
    *
    * ## CSS States
    *
@@ -60668,6 +61038,20 @@ export type CustomElements = {
    * pointer, the keyboard, and the corner. The inner splitter holds the panes and
    * the outer one holds the panel, so the panel spans the full width.
    *
+   * **Several source panes are files**, one shown at a time under a row of
+   * tabs, each named by the pane's `label` or, without one, its `name`. `file`
+   * holds the `name` of the pane shown. The tabs are a tab list: the arrow keys
+   * move between them and show each pane, and `Home` and `End` go to the first
+   * and the last. Choosing one sends `helix-before-change` with the pane's
+   * `name`, which you can cancel, and `change` once `file` holds it. The panes
+   * not shown carry `hidden`. One pane draws no tabs.
+   *
+   * **Any editor can be the source pane**: an element in the `source` slot with
+   * a `name` that dispatches `helix-before-edit` with its text, which bubbles.
+   * A wrapper around CodeMirror or Monaco sends one on each change and is a pane
+   * like `helix-sandbox-source`, and the sandbox reads its `value` to seed the
+   * preview. Dispatch `helix-caret` from it too for the status bar's position.
+   *
    * On a focused divider, the arrow keys move it, and `Home` and `End` move it
    * to its ends. `Enter` on the panes divider shuts the lead pane, and pressed
    * again it opens the pane where it was. `Enter` on the panel divider shuts the
@@ -60694,6 +61078,10 @@ export type CustomElements = {
    *
    * Declared rather than captured, so it is a number a consumer states and can
    * change, and it needs no first frame to be read on.
+   * - `file`: The `name` of the source pane shown, where the sandbox holds several.
+   *
+   * Unset, or a name no pane has, shows the first.
+   * - `files-label`/`filesLabel`: The name of the file tabs, read by screen readers.
    * - `lead`: Which pane comes first, before the divider.
    *
    * A sandbox is read in one of two directions and the two are not a
@@ -60760,6 +61148,8 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
+   * - `change`: A file tab showed its pane, whose `name` `file` now holds.
+   * - `helix-before-change`: Fired before a file tab shows its pane, with the pane's `name`. Cancelable: cancel it to keep the pane shown.
    * - `helix-before-edit`: Fired before the source is edited. The source pane dispatches it, and you can listen for it on the sandbox. Cancelable: cancel it to keep the source unchanged.
    * - `helix-before-panel-resize`: Fired before the panel's divider is released, with the panel's height in pixels. A panel dragged closed reports `panel-collapsed-size`, its smallest height. Cancelable: cancel it to keep the current height.
    * - `helix-before-split`: Fired before the panes' divider is released, with the lead pane's share. Cancelable: cancel it to keep the current split.
@@ -60794,6 +61184,8 @@ export type CustomElements = {
    *
    * - `body`: The splitter holding the panes above the panel. `::part(body):state(dragging)` matches while its divider is held.
    * - `corner`: The handle where the two dividers cross.
+   * - `file`: One file tab, `aria-selected` while its pane is shown.
+   * - `files`: The file tabs over the source panes, where there are several.
    * - `pane`: Either pane.
    * - `panel`: The box that holds the slotted panel.
    * - `panes`: The splitter holding the source and preview panes. `::part(panes):state(dragging)` matches while its divider is held.
@@ -60836,6 +61228,8 @@ export type CustomElements = {
    *
    * - `field-label`/`fieldLabel`: The editable region's name, read by screen readers.
    * - `keys-description`/`keysDescription`: The field's description, read by screen readers while Tab indents.
+   * - `label`: The pane's file name, such as `index.html`, on its tab where a sandbox
+   * holds several panes. Empty puts the pane's `name` on the tab.
    * - `name`: Which source this pane holds. Every `helix-before-edit` event includes it.
    *
    * `html` and `css` are what the sandbox root routes on; any other name is
@@ -64594,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>>;
@@ -68678,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<
@@ -68807,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`.
@@ -68861,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
    *
@@ -72271,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
@@ -72312,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
    *
@@ -72355,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<
@@ -72840,6 +73261,12 @@ export type CustomElementsSolidJs = {
    * `gestures="cooperative"`. `{key}` is ⌘ on a Mac and Ctrl elsewhere.
    * - `zoomed-label`/`zoomedLabel`: What screen readers hear after a zoom button or key, with `{zoom}` for the
    * zoom as a percentage, written the way the element's locale writes one.
+   * - `edgeRoute`: Draws every connection's line: a function from where it leaves and
+   * arrives, and the sides it does, to its SVG path and where its label sits.
+   *
+   * Absent, or returning nothing for a connection, draws the board's own
+   * route. A function that throws draws the board's own too, and the error is
+   * reported to the page as an uncaught one. Set it as a property. (property only)
    * - `view`: The board's current view: the document's point at the middle of the view,
    * and the zoom.
    *
@@ -72952,6 +73379,8 @@ export type CustomElementsSolidJs = {
    * - `--canvas-label-color`: The color of the label on a connection.
    * - `--canvas-label-editor-inline-size`: The width of the field for editing a label.
    * - `--canvas-label-font-size`: The size of the label on a connection.
+   * - `--canvas-minimap-block-size`: The height of the minimap, under `controls="minimap"`.
+   * - `--canvas-minimap-inline-size`: The width of the minimap, under `controls="minimap"`.
    * - `--canvas-radius`: The frame's corners.
    * - `--canvas-selected-color`: The color of what is selected: a card's outline, its corners and its move handle, a connection and its ends, and the box drawn to select.
    * - `--viewport-control-background-color`: The background of the pan and zoom buttons. `Map` uses the same property.
@@ -72978,6 +73407,9 @@ export type CustomElementsSolidJs = {
    * - `label-editor`: The field for editing a connection's label or a group's name, placed over that text.
    * - `live`: A live region that screen readers announce while a connection is being made.
    * - `marquee`: The box a Shift-drag across the empty board draws, which selects the cards it touches.
+   * - `minimap`: The picture of the whole board, under `controls="minimap"`.
+   * - `minimap-node`: One card in the minimap.
+   * - `minimap-view`: The frame in the minimap around what is on screen.
    * - `pan-down`: The button that moves the board down.
    * - `pan-end`: The button that moves the board toward the end of a line of text: right in English.
    * - `pan-start`: The button that moves the board toward the start of a line of text: left in English.
@@ -74599,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.
    *
@@ -74618,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,
@@ -74657,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
@@ -74764,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.
@@ -74785,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.
@@ -76913,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<
@@ -85320,7 +85763,8 @@ export type CustomElementsSolidJs = {
    * as a checkbox tells a reader its siblings are commands, which is the one
    * thing they are not.
    *
-   * `checked` implies it, so a row that is on never has to say both.
+   * `checked` and `exclusive` imply it, so a row that is on, or one of a set,
+   * never has to say both.
    *
    * Choosing the row checks or unchecks it, after a `helix-before-toggle` that
    * you can cancel.
@@ -85328,6 +85772,11 @@ export type CustomElementsSolidJs = {
    *
    * The row changes it when it is chosen. Not reflected: the attribute is the
    * state you start the row in, and `:state(checked)` carries the current one.
+   * - `close-on-select`/`closeOnSelect`: Whether choosing the row closes the menu.
+   *
+   * Unset takes the menu's `close-on-select`, which is on, and keeps the menu
+   * open after a Space on a choice row. Write `close-on-select="false"` for a
+   * row that changes something the reader is watching, such as a zoom step.
    * - `disabled`: Whether the row is disabled, so it cannot be chosen.
    * - `download`: Whether the link downloads the file when the row is chosen.
    *
@@ -85342,8 +85791,7 @@ export type CustomElementsSolidJs = {
    * it checked. `menuitemradio` tells a reader which kind of set they are in,
    * where `menuitemcheckbox` says every row is independent.
    *
-   * Meaningless without `checkable`, since a row that cannot be ticked is not
-   * one of a set of anything.
+   * It makes the row a choice, so it needs no `checkable` beside it.
    * - `href`: The URL the row links to. Setting it renders the row as a link.
    *
    * **The row itself becomes an `<a>`, and the role goes with it.** A
@@ -85508,6 +85956,11 @@ export type CustomElementsSolidJs = {
    * last reader did rather than what the author wrote. `:state(open)` carries
    * the resolved state for stylesheets, which is what the mirror is for.
    * - `back-label`/`backLabel`: The text of the row that returns from a submenu.
+   * - `close-on-select`/`closeOnSelect`: Whether choosing a row closes the menu.
+   *
+   * On by default, and a Space on a choice row leaves the menu open either way.
+   * Write `close-on-select="false"` to keep the menu open after every choice, as
+   * Ark UI's `closeOnSelect` does. A row's own `close-on-select` wins over this.
    * - `context`: Whether the menu is the trigger's context menu: it opens where the reader
    * asks for one, with a right-click, a long press, Shift+F10 or the menu key.
    * - `label`: Accessible name for the surface.
@@ -86890,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`.
@@ -86921,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
@@ -86982,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.
@@ -87018,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.
@@ -87039,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<
@@ -89759,6 +90226,15 @@ export type CustomElementsSolidJs = {
    * reports. A page draws its own spinner or message from either, such as a
    * sibling shown by `helix-sandbox-preview:state(failed) + .message`.
    *
+   * **A failed preview shows the error over the example**, in the `error` part,
+   * until the next source is sent. The terminal says it too, so the part is not
+   * announced. Hide it with `::part(error) { display: none }` where the page
+   * draws its own.
+   *
+   * **`controls` draws two buttons in the preview's corner**: one reloads the
+   * frame's document, as `reload()` does, and one opens the example in a new
+   * tab, as `open()` does. The tab runs it in a frame sandboxed as this one is.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -89776,6 +90252,8 @@ export type CustomElementsSolidJs = {
    * keyed on this attribute, and of the 56 tokens that differ by scheme the
    * theme engine emits 19. The other 37 would stay light in a dark preview,
    * including every one of the 24 series colors a chart reads.
+   * - `controls`: Whether the preview draws a reload button and a button that opens the
+   * example in a new tab, in its corner.
    * - `direction`: Writing direction inside the frame.
    *
    * Not reflected. It is payload for the render message and nothing selects on
@@ -89794,6 +90272,10 @@ export type CustomElementsSolidJs = {
    * Not reflected, for `direction`'s reason: the placement is applied by the
    * document inside the frame, against its own root, so no rule on this side
    * could read it.
+   * - `open-label`/`openLabel`: The name of the button that opens the example in a new tab, under
+   * `controls`.
+   * - `reload-label`/`reloadLabel`: The name of the button that reloads the frame's document, under
+   * `controls`.
    * - `script`: A script to run as a module after the markup, on every render of new
    * source. A sandbox writes its `js` pane here.
    * - `source`: Markup to render.
@@ -89832,6 +90314,17 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `open() => Window | null`: Opens the example in a new tab, and returns the tab's window, or `null`
+   * where the browser refused to open one.
+   *
+   * **The tab runs the example as this preview does**: in a frame that fills
+   * it, with this frame's `sandbox`, loading `src` or the built-in document,
+   * and sent the example once it loads. The example stays on an opaque origin,
+   * and the tab's `opener` is cleared, so it cannot reach this page. The tab
+   * shows the example as it was when it opened, and edits after that do not
+   * reach it. A short inline script in the tab sends the example, so on a page
+   * whose Content Security Policy refuses inline scripts the tab opens empty,
+   * as the built-in document does there.
    * - `reload() => void`: Loads the frame's document again, and re-sends the example to it.
    *
    * For a bundle that has changed underneath a page nobody reloaded. The frame
@@ -89849,7 +90342,11 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `controls`: The buttons in the preview's corner, under `controls`.
+   * - `error`: The error the example threw and did not catch, shown over it while the preview is `failed`.
    * - `frame`: The iframe.
+   * - `open`: The button that opens the example in a new tab, under `controls`.
+   * - `reload`: The button that reloads the frame's document, under `controls`.
    *
    * ## CSS States
    *
@@ -89882,6 +90379,20 @@ export type CustomElementsSolidJs = {
    * pointer, the keyboard, and the corner. The inner splitter holds the panes and
    * the outer one holds the panel, so the panel spans the full width.
    *
+   * **Several source panes are files**, one shown at a time under a row of
+   * tabs, each named by the pane's `label` or, without one, its `name`. `file`
+   * holds the `name` of the pane shown. The tabs are a tab list: the arrow keys
+   * move between them and show each pane, and `Home` and `End` go to the first
+   * and the last. Choosing one sends `helix-before-change` with the pane's
+   * `name`, which you can cancel, and `change` once `file` holds it. The panes
+   * not shown carry `hidden`. One pane draws no tabs.
+   *
+   * **Any editor can be the source pane**: an element in the `source` slot with
+   * a `name` that dispatches `helix-before-edit` with its text, which bubbles.
+   * A wrapper around CodeMirror or Monaco sends one on each change and is a pane
+   * like `helix-sandbox-source`, and the sandbox reads its `value` to seed the
+   * preview. Dispatch `helix-caret` from it too for the status bar's position.
+   *
    * On a focused divider, the arrow keys move it, and `Home` and `End` move it
    * to its ends. `Enter` on the panes divider shuts the lead pane, and pressed
    * again it opens the pane where it was. `Enter` on the panel divider shuts the
@@ -89908,6 +90419,10 @@ export type CustomElementsSolidJs = {
    *
    * Declared rather than captured, so it is a number a consumer states and can
    * change, and it needs no first frame to be read on.
+   * - `file`: The `name` of the source pane shown, where the sandbox holds several.
+   *
+   * Unset, or a name no pane has, shows the first.
+   * - `files-label`/`filesLabel`: The name of the file tabs, read by screen readers.
    * - `lead`: Which pane comes first, before the divider.
    *
    * A sandbox is read in one of two directions and the two are not a
@@ -89974,6 +90489,8 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
+   * - `change`: A file tab showed its pane, whose `name` `file` now holds.
+   * - `helix-before-change`: Fired before a file tab shows its pane, with the pane's `name`. Cancelable: cancel it to keep the pane shown.
    * - `helix-before-edit`: Fired before the source is edited. The source pane dispatches it, and you can listen for it on the sandbox. Cancelable: cancel it to keep the source unchanged.
    * - `helix-before-panel-resize`: Fired before the panel's divider is released, with the panel's height in pixels. A panel dragged closed reports `panel-collapsed-size`, its smallest height. Cancelable: cancel it to keep the current height.
    * - `helix-before-split`: Fired before the panes' divider is released, with the lead pane's share. Cancelable: cancel it to keep the current split.
@@ -90008,6 +90525,8 @@ export type CustomElementsSolidJs = {
    *
    * - `body`: The splitter holding the panes above the panel. `::part(body):state(dragging)` matches while its divider is held.
    * - `corner`: The handle where the two dividers cross.
+   * - `file`: One file tab, `aria-selected` while its pane is shown.
+   * - `files`: The file tabs over the source panes, where there are several.
    * - `pane`: Either pane.
    * - `panel`: The box that holds the slotted panel.
    * - `panes`: The splitter holding the source and preview panes. `::part(panes):state(dragging)` matches while its divider is held.
@@ -90053,6 +90572,8 @@ export type CustomElementsSolidJs = {
    *
    * - `field-label`/`fieldLabel`: The editable region's name, read by screen readers.
    * - `keys-description`/`keysDescription`: The field's description, read by screen readers while Tab indents.
+   * - `label`: The pane's file name, such as `index.html`, on its tab where a sandbox
+   * holds several panes. Empty puts the pane's `name` on the tab.
    * - `name`: Which source this pane holds. Every `helix-before-edit` event includes it.
    *
    * `html` and `css` are what the sandbox root routes on; any other name is
@@ -93883,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<
@@ -98042,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<
@@ -98177,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`.
@@ -98231,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
    *
@@ -99199,6 +99738,10 @@ export type CustomCssProperties = {
   "--canvas-label-editor-inline-size"?: (string) | undefined;
   /** The size of the label on a connection. */
   "--canvas-label-font-size"?: (string) | undefined;
+  /** The height of the minimap, under `controls="minimap"`. */
+  "--canvas-minimap-block-size"?: (string) | undefined;
+  /** The width of the minimap, under `controls="minimap"`. */
+  "--canvas-minimap-inline-size"?: (string) | undefined;
   /** The frame's corners. */
   "--canvas-radius"?: (string) | undefined;
   /** The color of what is selected: a card's outline, its corners and its move handle, a connection and its ends, and the box drawn to select. */