@fusion.dev/helix 0.171.0 → 0.173.0

package/types/jsx.d.ts

@@ -3229,6 +3229,9 @@ separate actions. The semantics and the joining are separate questions:
 `role="group"` and a shared name are what make a set of buttons a set, and
 `helix-flex` gives the spacing without the group. */
   variant?: (HelixButtonGroup["variant"]) | undefined;
+  /** Disables every button in the group, and says so on the group with
+`aria-disabled`. Reflected, so a stylesheet can select on it. */
+  disabled?: (HelixButtonGroup["disabled"]) | undefined;
   /** Keeps at least one button pressed once one is, as React Aria's
 `disallowEmptySelection`: a press that would leave none pressed is
 refused. */
@@ -3278,6 +3281,9 @@ A button's own `value` names it, so a value holds no comma.
 The attribute is the seed, and a press changes the property, which does
 not reflect, as a native control's `value` does not. */
   value?: (HelixButtonGroup["value"]) | undefined;
+  /** The pressed values as a list, in a selection mode, and an empty list
+otherwise. Written, it presses exactly those buttons. */
+  values?: (HelixButtonGroup["values"]) | undefined;
 
   /** Fired after a press changes `value`, in a selection mode. */
   onchange?: ((e: HelixButtonGroupElementEvent) => void) | undefined;
@@ -3302,6 +3308,9 @@ separate actions. The semantics and the joining are separate questions:
 `role="group"` and a shared name are what make a set of buttons a set, and
 `helix-flex` gives the spacing without the group. */
   "prop:variant"?: (HelixButtonGroup["variant"]) | undefined;
+  /** Disables every button in the group, and says so on the group with
+`aria-disabled`. Reflected, so a stylesheet can select on it. */
+  "prop:disabled"?: (HelixButtonGroup["disabled"]) | undefined;
   /** Keeps at least one button pressed once one is, as React Aria's
 `disallowEmptySelection`: a press that would leave none pressed is
 refused. */
@@ -3351,6 +3360,9 @@ A button's own `value` names it, so a value holds no comma.
 The attribute is the seed, and a press changes the property, which does
 not reflect, as a native control's `value` does not. */
   "prop:value"?: (HelixButtonGroup["value"]) | undefined;
+  /** The pressed values as a list, in a selection mode, and an empty list
+otherwise. Written, it presses exactly those buttons. */
+  "prop:values"?: (HelixButtonGroup["values"]) | undefined;
   /** Fired after a press changes `value`, in a selection mode. */
   "on:change"?: ((e: HelixButtonGroupElementEvent) => void) | undefined;
   /** Fired before a press changes `value`, with the value it would leave in `detail.value`. Cancelable: call `preventDefault()` to keep the buttons as they are. */
@@ -4594,6 +4606,9 @@ Third", rather than with a comma this component chose. */
   /** The text read with a card that has connections both ways. `{leadsTo}` is
 `leads-to-label` and `{comesFrom}` is `comes-from-label`, each filled in. */
   linkedLabel?: (HelixCanvas["linkedLabel"]) | undefined;
+  /** Marks the board as busy while its document arrives: the board is
+`aria-busy`, and the `loading` slot is shown. */
+  loading?: (HelixCanvas["loading"]) | undefined;
   /** What screen readers hear after a key moves a card, with `{name}` for the
 card and `{x}` and `{y}` for where it now is, in the document's units.
 
@@ -5077,6 +5092,9 @@ Third", rather than with a comma this component chose. */
   /** The text read with a card that has connections both ways. `{leadsTo}` is
 `leads-to-label` and `{comesFrom}` is `comes-from-label`, each filled in. */
   "prop:linkedLabel"?: (HelixCanvas["linkedLabel"]) | undefined;
+  /** Marks the board as busy while its document arrives: the board is
+`aria-busy`, and the `loading` slot is shown. */
+  "prop:loading"?: (HelixCanvas["loading"]) | undefined;
   /** What screen readers hear after a key moves a card, with `{name}` for the
 card and `{x}` and `{y}` for where it now is, in the document's units.
 
@@ -6429,6 +6447,10 @@ export type HelixChatComposerHelixTypingElementEvent =
   HelixChatComposerElementEvent<HelixTypingEvent>;
 
 export type HelixChatComposerProps = {
+  /** A message about the draft, shown under the field. While set, the composer
+is invalid, does not send, and does not submit, as a field's `feedback`
+does, and the message is announced as it appears. */
+  feedback?: (HelixChatComposer["feedback"]) | undefined;
   /** The field's name, read by screen readers. */
   label?: (HelixChatComposer["label"]) | undefined;
   /** The most characters a draft can have. The field stops taking more. */
@@ -6515,6 +6537,10 @@ Here rather than on each control. */
 };
 
 export type HelixChatComposerSolidJsProps = {
+  /** A message about the draft, shown under the field. While set, the composer
+is invalid, does not send, and does not submit, as a field's `feedback`
+does, and the message is announced as it appears. */
+  "prop:feedback"?: (HelixChatComposer["feedback"]) | undefined;
   /** The field's name, read by screen readers. */
   "prop:label"?: (HelixChatComposer["label"]) | undefined;
   /** The most characters a draft can have. The field stops taking more. */
@@ -10718,6 +10744,24 @@ Defaulted rather than left empty. An icon-only control must be named, and
 the name of this one is not a judgment call: every copy button in the
 world is called Copy. A consumer with a better word still sets it. */
   label?: (HelixCopyButton["label"]) | undefined;
+  /** Draws the name as words beside the icon, and the result in their place
+after a press. The button stays as wide as the longest of them. */
+  "show-label"?: (HelixCopyButton["showLabel"]) | undefined;
+  /** Draws the name as words beside the icon, and the result in their place
+after a press. The button stays as wide as the longest of them. */
+  showLabel?: (HelixCopyButton["showLabel"]) | undefined;
+  /** When the tooltip shows: `full` on hover and focus and after a press,
+`copy` only after a press, to show the result, and `none` never, for a
+button whose result shows another way, such as under `show-label`.
+
+Unset is `full`, and the attribute stays absent until you write it. */
+  tooltip?: (HelixCopyButton["tooltip"]) | undefined;
+  /** The side the tooltip prefers. It moves to another side where this one
+does not fit. */
+  "tooltip-placement"?: (HelixCopyButton["tooltipPlacement"]) | undefined;
+  /** The side the tooltip prefers. It moves to another side where this one
+does not fit. */
+  tooltipPlacement?: (HelixCopyButton["tooltipPlacement"]) | undefined;
   /** The text copied to the clipboard.
 
 It replaces `Button.value`, the submit value: a copy button never submits,
@@ -10854,6 +10898,24 @@ Defaulted rather than left empty. An icon-only control must be named, and
 the name of this one is not a judgment call: every copy button in the
 world is called Copy. A consumer with a better word still sets it. */
   "prop:label"?: (HelixCopyButton["label"]) | undefined;
+  /** Draws the name as words beside the icon, and the result in their place
+after a press. The button stays as wide as the longest of them. */
+  "bool:show-label"?: (HelixCopyButton["showLabel"]) | undefined;
+  /** Draws the name as words beside the icon, and the result in their place
+after a press. The button stays as wide as the longest of them. */
+  "prop:showLabel"?: (HelixCopyButton["showLabel"]) | undefined;
+  /** When the tooltip shows: `full` on hover and focus and after a press,
+`copy` only after a press, to show the result, and `none` never, for a
+button whose result shows another way, such as under `show-label`.
+
+Unset is `full`, and the attribute stays absent until you write it. */
+  "prop:tooltip"?: (HelixCopyButton["tooltip"]) | undefined;
+  /** The side the tooltip prefers. It moves to another side where this one
+does not fit. */
+  "attr:tooltip-placement"?: (HelixCopyButton["tooltipPlacement"]) | undefined;
+  /** The side the tooltip prefers. It moves to another side where this one
+does not fit. */
+  "prop:tooltipPlacement"?: (HelixCopyButton["tooltipPlacement"]) | undefined;
   /** The text copied to the clipboard.
 
 It replaces `Button.value`, the submit value: a copy button never submits,
@@ -11356,7 +11418,11 @@ thousand rows, where the page is a reasonable fetch and a poor render.
 
 Off by default. Windowing costs a scroll listener, a measurement per row
 drawn, and a `block-size` on the scrolling box, and a table of twenty rows
-should pay none of them. */
+should pay none of them.
+
+While windowed, the `table` part scrolls on this tier: it carries
+`data-scroller`, and `core` ships `[data-scroller] { overflow: auto }` into
+every shadow root. You still need to give it a block size. */
   windowed?: (HelixDataTable["windowed"]) | undefined;
   /** Every row of the result, in the order it arrived.
 
@@ -11771,7 +11837,11 @@ thousand rows, where the page is a reasonable fetch and a poor render.
 
 Off by default. Windowing costs a scroll listener, a measurement per row
 drawn, and a `block-size` on the scrolling box, and a table of twenty rows
-should pay none of them. */
+should pay none of them.
+
+While windowed, the `table` part scrolls on this tier: it carries
+`data-scroller`, and `core` ships `[data-scroller] { overflow: auto }` into
+every shadow root. You still need to give it a block size. */
   "prop:windowed"?: (HelixDataTable["windowed"]) | undefined;
   /** Every row of the result, in the order it arrived.
 
@@ -17019,6 +17089,13 @@ or hides its notes. Drawn where the notes have two groups or more. */
   "links-to-label"?: (HelixGraph["linksToLabel"]) | undefined;
   /** How a note that links to the selected one is described, with `{note}`. */
   linksToLabel?: (HelixGraph["linksToLabel"]) | undefined;
+  /** Marks the graph as busy while its notes arrive: the list is `aria-busy`,
+and the panel says so where it holds no notes yet. */
+  loading?: (HelixGraph["loading"]) | undefined;
+  /** What the panel says while `loading` is set and the list holds no notes. */
+  "loading-label"?: (HelixGraph["loadingLabel"]) | undefined;
+  /** What the panel says while `loading` is set and the list holds no notes. */
+  loadingLabel?: (HelixGraph["loadingLabel"]) | undefined;
   /** What screen readers hear once the drawing has moved down, after `moved()`. */
   "moved-down-label"?: (HelixGraph["movedDownLabel"]) | undefined;
   /** What screen readers hear once the drawing has moved down, after `moved()`. */
@@ -17091,6 +17168,16 @@ own, since the fallback name is the same word. Empty leaves the role. */
   links?: (HelixGraph["links"]) | undefined;
   /** The notes. A property, never an attribute. */
   nodes?: (HelixGraph["nodes"]) | undefined;
+  /** What each note's row in the list shows in place of its name: a function
+given the note that returns text, an element or a Lit template.
+
+For an icon by its kind, or a date under its name, as React Aria's
+`ListBoxItem` takes children. The row is still named by the note's name,
+which typeahead and the search find it by, and described by how it stands
+to the selected note. Return the name with your content where it should
+still show. A property only, there being no way to write a function in
+markup. */
+  noteContent?: (HelixGraph["noteContent"]) | undefined;
 
   /** A note was selected, in the list or in the drawing. The detail's `value` is its `id`. */
   "onhelix-activate"?: ((e: HelixGraphHelixActivateElementEvent) => void) | undefined;
@@ -17321,6 +17408,13 @@ or hides its notes. Drawn where the notes have two groups or more. */
   "attr:links-to-label"?: (HelixGraph["linksToLabel"]) | undefined;
   /** How a note that links to the selected one is described, with `{note}`. */
   "prop:linksToLabel"?: (HelixGraph["linksToLabel"]) | undefined;
+  /** Marks the graph as busy while its notes arrive: the list is `aria-busy`,
+and the panel says so where it holds no notes yet. */
+  "prop:loading"?: (HelixGraph["loading"]) | undefined;
+  /** What the panel says while `loading` is set and the list holds no notes. */
+  "attr:loading-label"?: (HelixGraph["loadingLabel"]) | undefined;
+  /** What the panel says while `loading` is set and the list holds no notes. */
+  "prop:loadingLabel"?: (HelixGraph["loadingLabel"]) | undefined;
   /** What screen readers hear once the drawing has moved down, after `moved()`. */
   "attr:moved-down-label"?: (HelixGraph["movedDownLabel"]) | undefined;
   /** What screen readers hear once the drawing has moved down, after `moved()`. */
@@ -17393,6 +17487,16 @@ own, since the fallback name is the same word. Empty leaves the role. */
   "prop:links"?: (HelixGraph["links"]) | undefined;
   /** The notes. A property, never an attribute. */
   "prop:nodes"?: (HelixGraph["nodes"]) | undefined;
+  /** What each note's row in the list shows in place of its name: a function
+given the note that returns text, an element or a Lit template.
+
+For an icon by its kind, or a date under its name, as React Aria's
+`ListBoxItem` takes children. The row is still named by the note's name,
+which typeahead and the search find it by, and described by how it stands
+to the selected note. Return the name with your content where it should
+still show. A property only, there being no way to write a function in
+markup. */
+  "prop:noteContent"?: (HelixGraph["noteContent"]) | undefined;
   /** A note was selected, in the list or in the drawing. The detail's `value` is its `id`. */
   "on:helix-activate"?: ((e: HelixGraphHelixActivateElementEvent) => void) | undefined;
   /** A note is about to be selected. Cancelable: cancel it to keep the selection in your own state. */
@@ -20962,7 +21066,8 @@ itself. */
   type?: (HelixList["type"]) | undefined;
   /** The selected rows' values, separated by commas with no spaces, such as `a,c`, in a list that selects.
 
-Set it to start with rows selected. A row's value is its `value`, or its
+A press or a key writes it in row order, as Data Table does, whatever
+order the rows were chosen in. Set it to start with rows selected. A row's value is its `value`, or its
 words where it has none. */
   value?: (HelixList["value"]) | undefined;
 
@@ -21123,7 +21228,8 @@ itself. */
   "prop:type"?: (HelixList["type"]) | undefined;
   /** The selected rows' values, separated by commas with no spaces, such as `a,c`, in a list that selects.
 
-Set it to start with rows selected. A row's value is its `value`, or its
+A press or a key writes it in row order, as Data Table does, whatever
+order the rows were chosen in. Set it to start with rows selected. A row's value is its `value`, or its
 words where it has none. */
   "prop:value"?: (HelixList["value"]) | undefined;
   /** Fired once a press has changed which rows are selected. */
@@ -23910,6 +24016,14 @@ or on Alt+Down or Alt+Up. */
 
 It moves if that side does not fit. */
   placement?: (HelixMenu["placement"]) | undefined;
+  /** What a screen reader hears when the filter narrows the rows. `{count}` is
+how many rows are left, written in the locale, and each language writes
+the forms it has, as Listbox's `results-label` does. */
+  "results-label"?: (HelixMenu["resultsLabel"]) | undefined;
+  /** What a screen reader hears when the filter narrows the rows. `{count}` is
+how many rows are left, written in the locale, and each language writes
+the forms it has, as Listbox's `results-label` does. */
+  resultsLabel?: (HelixMenu["resultsLabel"]) | undefined;
   /** How a submenu opens. `drill` shows it in place of the page showing, with
 a way back. `flyout` opens it in a panel of its own beside its row. */
   submenus?: (HelixMenu["submenus"]) | undefined;
@@ -23920,9 +24034,19 @@ Aria's `Autocomplete` takes `filter`. See Listbox's `filterMatch`.
 Absent, a row is kept where its words hold the filter, in any case. A
 property only, there being no way to write a function in markup. */
   filterMatch?: (HelixMenu["filterMatch"]) | undefined;
+  /** The values of the choice rows that are checked, anywhere in the menu, in
+document order.
+
+Set it to check exactly those rows and uncheck every other choice row, as
+React Aria's `selectedKeys` controls a menu's selection from one place.
+Each row keeps its own `checked` too, which this reads and writes. `change`
+is sent on the menu when a reader's choice changes it. */
+  checkedValues?: (HelixMenu["checkedValues"]) | undefined;
 
   /** The menu opened or closed. The event carries `newState` and `oldState`. */
   ontoggle?: ((e: HelixMenuToggleElementEvent) => void) | undefined;
+  /** A reader's choice checked or unchecked rows. Read `checkedValues` for the rows that are checked now. */
+  onchange?: ((e: HelixMenuElementEvent) => void) | undefined;
   /** The menu is about to close. Cancelable: cancel it to keep it open. */
   "onhelix-before-close"?: ((e: HelixMenuHelixBeforeCloseElementEvent) => void) | undefined;
   /** The menu is about to open. Cancelable: cancel it to keep it closed. */
@@ -24026,6 +24150,14 @@ or on Alt+Down or Alt+Up. */
 
 It moves if that side does not fit. */
   "prop:placement"?: (HelixMenu["placement"]) | undefined;
+  /** What a screen reader hears when the filter narrows the rows. `{count}` is
+how many rows are left, written in the locale, and each language writes
+the forms it has, as Listbox's `results-label` does. */
+  "attr:results-label"?: (HelixMenu["resultsLabel"]) | undefined;
+  /** What a screen reader hears when the filter narrows the rows. `{count}` is
+how many rows are left, written in the locale, and each language writes
+the forms it has, as Listbox's `results-label` does. */
+  "prop:resultsLabel"?: (HelixMenu["resultsLabel"]) | undefined;
   /** How a submenu opens. `drill` shows it in place of the page showing, with
 a way back. `flyout` opens it in a panel of its own beside its row. */
   "prop:submenus"?: (HelixMenu["submenus"]) | undefined;
@@ -24036,8 +24168,18 @@ Aria's `Autocomplete` takes `filter`. See Listbox's `filterMatch`.
 Absent, a row is kept where its words hold the filter, in any case. A
 property only, there being no way to write a function in markup. */
   "prop:filterMatch"?: (HelixMenu["filterMatch"]) | undefined;
+  /** The values of the choice rows that are checked, anywhere in the menu, in
+document order.
+
+Set it to check exactly those rows and uncheck every other choice row, as
+React Aria's `selectedKeys` controls a menu's selection from one place.
+Each row keeps its own `checked` too, which this reads and writes. `change`
+is sent on the menu when a reader's choice changes it. */
+  "prop:checkedValues"?: (HelixMenu["checkedValues"]) | undefined;
   /** The menu opened or closed. The event carries `newState` and `oldState`. */
   "on:toggle"?: ((e: HelixMenuToggleElementEvent) => void) | undefined;
+  /** A reader's choice checked or unchecked rows. Read `checkedValues` for the rows that are checked now. */
+  "on:change"?: ((e: HelixMenuElementEvent) => void) | undefined;
   /** The menu is about to close. Cancelable: cancel it to keep it open. */
   "on:helix-before-close"?: ((e: HelixMenuHelixBeforeCloseElementEvent) => void) | undefined;
   /** The menu is about to open. Cancelable: cancel it to keep it closed. */
@@ -26576,6 +26718,10 @@ box the sections scroll in. */
   /** The navigation's name, read by screen readers. A heading in the `heading`
 slot names it in place of this. */
   label?: (HelixOutline["label"]) | undefined;
+  /** Which links are marked. `reading` marks the one section being read, the
+last whose heading has passed the reading line. `visible` marks every
+section with part of it on screen, and the mark runs across their links. */
+  marks?: (HelixOutline["marks"]) | undefined;
   /** How far below the top of the scroll container a heading counts as reached,
 in pixels. The scroll container is the window or the panel the sections
 scroll in.
@@ -26618,6 +26764,10 @@ box the sections scroll in. */
   /** The navigation's name, read by screen readers. A heading in the `heading`
 slot names it in place of this. */
   "prop:label"?: (HelixOutline["label"]) | undefined;
+  /** Which links are marked. `reading` marks the one section being read, the
+last whose heading has passed the reading line. `visible` marks every
+section with part of it on screen, and the mark runs across their links. */
+  "prop:marks"?: (HelixOutline["marks"]) | undefined;
   /** How far below the top of the scroll container a heading counts as reached,
 in pixels. The scroll container is the window or the panel the sections
 scroll in.
@@ -27563,17 +27713,42 @@ hydration, or diffed by a framework, it comes back holding whatever the
 last reader did rather than what the author wrote. `:state(open)` carries
 the resolved state for stylesheets, which is what the mirror is for. */
   open?: (HelixPopover["open"]) | undefined;
+  /** The element the panel opens against, where that is not the trigger: its
+`id` in the same document or shadow root, or the element itself. Left
+empty, the panel opens against the trigger, or against the button whose
+command opened it. */
+  anchor?: (HelixPopover["anchor"]) | undefined;
   /** Draws a point on the panel's edge facing the trigger.
 
 Off by default, which is the house style: a panel that opens from its
 trigger already reads as belonging to it. */
   arrow?: (HelixPopover["arrow"]) | undefined;
+  /** How close to the window's edges the panel may come, in pixels, when it
+slides, shrinks or moves to the other side to fit. Left unset, it slides
+and shrinks to 8 pixels from an edge and moves to the other side only
+once it would cross one. */
+  "container-padding"?: (HelixPopover["containerPadding"] | `${number}`) | undefined;
+  /** How close to the window's edges the panel may come, in pixels, when it
+slides, shrinks or moves to the other side to fit. Left unset, it slides
+and shrinks to 8 pixels from an edge and moves to the other side only
+once it would cross one. */
+  containerPadding?: (HelixPopover["containerPadding"]) | undefined;
+  /** How far to slide the panel along the side it is on, in pixels: to the
+right on the top or the bottom, and down on the left or the right. */
+  "cross-offset"?: (HelixPopover["crossOffset"] | `${number}`) | undefined;
+  /** How far to slide the panel along the side it is on, in pixels: to the
+right on the top or the bottom, and down on the left or the right. */
+  crossOffset?: (HelixPopover["crossOffset"]) | undefined;
   /** The panel's name where nothing else names it: no `label`, no heading in
 the panel, and no `aria-labelledby` on the host. */
   "fallback-label"?: (HelixPopover["fallbackLabel"]) | undefined;
   /** The panel's name where nothing else names it: no `label`, no heading in
 the panel, and no `aria-labelledby` on the host. */
   fallbackLabel?: (HelixPopover["fallbackLabel"]) | undefined;
+  /** Whether the panel moves to the other side of the trigger when its own
+side has no room. On by default. Write `flip="false"` to keep it on its
+side, where it shrinks to fit, as React Aria's `shouldFlip` turns off. */
+  flip?: (HelixPopover["flip"]) | undefined;
   /** The panel's name, read by screen readers. Left empty, the first heading in
 the panel names it, and then `fallback-label`. */
   label?: (HelixPopover["label"]) | undefined;
@@ -27627,17 +27802,42 @@ hydration, or diffed by a framework, it comes back holding whatever the
 last reader did rather than what the author wrote. `:state(open)` carries
 the resolved state for stylesheets, which is what the mirror is for. */
   "prop:open"?: (HelixPopover["open"]) | undefined;
+  /** The element the panel opens against, where that is not the trigger: its
+`id` in the same document or shadow root, or the element itself. Left
+empty, the panel opens against the trigger, or against the button whose
+command opened it. */
+  "prop:anchor"?: (HelixPopover["anchor"]) | undefined;
   /** Draws a point on the panel's edge facing the trigger.
 
 Off by default, which is the house style: a panel that opens from its
 trigger already reads as belonging to it. */
   "prop:arrow"?: (HelixPopover["arrow"]) | undefined;
+  /** How close to the window's edges the panel may come, in pixels, when it
+slides, shrinks or moves to the other side to fit. Left unset, it slides
+and shrinks to 8 pixels from an edge and moves to the other side only
+once it would cross one. */
+  "attr:container-padding"?: (HelixPopover["containerPadding"] | `${number}`) | undefined;
+  /** How close to the window's edges the panel may come, in pixels, when it
+slides, shrinks or moves to the other side to fit. Left unset, it slides
+and shrinks to 8 pixels from an edge and moves to the other side only
+once it would cross one. */
+  "prop:containerPadding"?: (HelixPopover["containerPadding"]) | undefined;
+  /** How far to slide the panel along the side it is on, in pixels: to the
+right on the top or the bottom, and down on the left or the right. */
+  "attr:cross-offset"?: (HelixPopover["crossOffset"] | `${number}`) | undefined;
+  /** How far to slide the panel along the side it is on, in pixels: to the
+right on the top or the bottom, and down on the left or the right. */
+  "prop:crossOffset"?: (HelixPopover["crossOffset"]) | undefined;
   /** The panel's name where nothing else names it: no `label`, no heading in
 the panel, and no `aria-labelledby` on the host. */
   "attr:fallback-label"?: (HelixPopover["fallbackLabel"]) | undefined;
   /** The panel's name where nothing else names it: no `label`, no heading in
 the panel, and no `aria-labelledby` on the host. */
   "prop:fallbackLabel"?: (HelixPopover["fallbackLabel"]) | undefined;
+  /** Whether the panel moves to the other side of the trigger when its own
+side has no room. On by default. Write `flip="false"` to keep it on its
+side, where it shrinks to fit, as React Aria's `shouldFlip` turns off. */
+  "prop:flip"?: (HelixPopover["flip"]) | undefined;
   /** The panel's name, read by screen readers. Left empty, the first heading in
 the panel names it, and then `fallback-label`. */
   "prop:label"?: (HelixPopover["label"]) | undefined;
@@ -29253,6 +29453,9 @@ export type HelixSandboxPreviewHelixResizeElementEvent =
   HelixSandboxPreviewElementEvent<HelixResizeEvent>;
 
 export type HelixSandboxPreviewProps = {
+  /** The address the packages in `dependencies` load from, which the name, an
+`@` and the version follow. */
+  cdn?: (HelixSandboxPreview["cdn"]) | undefined;
   /** The color mode the frame renders in.
 
 **The frame is a document and a document has its own color mode.** Setting
@@ -29284,6 +29487,11 @@ including every one of the 24 series colors a chart reads. */
   /** 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;
+  /** The npm packages an example can import by name in the built-in document,
+each name to a version or a range, as a `package.json` lists them. Each
+loads from `cdn`. Set it as JSON in the attribute or as an object. Not
+read where `src` is set. */
+  dependencies?: (HelixSandboxPreview["dependencies"]) | undefined;
   /** Writing direction inside the frame.
 
 Not reflected. It is payload for the render message and nothing selects on
@@ -29310,6 +29518,10 @@ 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;
+  /** Module files an example imports by a relative path in the built-in
+document, each path, such as `utils.js`, to its source. Not read where
+`src` is set. */
+  modules?: (HelixSandboxPreview["modules"]) | undefined;
   /** The name of the button that opens the example in a new tab, under
 `controls`. */
   "open-label"?: (HelixSandboxPreview["openLabel"]) | undefined;
@@ -29340,6 +29552,9 @@ Empty loads the built-in document, which defines no element. */
 };
 
 export type HelixSandboxPreviewSolidJsProps = {
+  /** The address the packages in `dependencies` load from, which the name, an
+`@` and the version follow. */
+  "prop:cdn"?: (HelixSandboxPreview["cdn"]) | undefined;
   /** The color mode the frame renders in.
 
 **The frame is a document and a document has its own color mode.** Setting
@@ -29371,6 +29586,11 @@ including every one of the 24 series colors a chart reads. */
   /** 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;
+  /** The npm packages an example can import by name in the built-in document,
+each name to a version or a range, as a `package.json` lists them. Each
+loads from `cdn`. Set it as JSON in the attribute or as an object. Not
+read where `src` is set. */
+  "prop:dependencies"?: (HelixSandboxPreview["dependencies"]) | undefined;
   /** Writing direction inside the frame.
 
 Not reflected. It is payload for the render message and nothing selects on
@@ -29397,6 +29617,10 @@ 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;
+  /** Module files an example imports by a relative path in the built-in
+document, each path, such as `utils.js`, to its source. Not read where
+`src` is set. */
+  "prop:modules"?: (HelixSandboxPreview["modules"]) | undefined;
   /** The name of the button that opens the example in a new tab, under
 `controls`. */
   "attr:open-label"?: (HelixSandboxPreview["openLabel"]) | undefined;
@@ -29526,6 +29750,12 @@ names below keeps that true whichever way round they sit.
 `split` follows the lead pane rather than the source, so `split="30"` means
 the same thing in both directions: thirty percent to whatever comes first. */
   lead?: (HelixSandbox["lead"]) | undefined;
+  /** The description of a file tab whose pane holds an edit, read by screen
+readers after the file's name. */
+  "modified-label"?: (HelixSandbox["modifiedLabel"]) | undefined;
+  /** The description of a file tab whose pane holds an edit, read by screen
+readers after the file's name. */
+  modifiedLabel?: (HelixSandbox["modifiedLabel"]) | undefined;
   /** Whether the panes sit side by side or stacked.
 
 Not reflected, for `lead`'s reason above: no rule selects on it. The axis
@@ -29686,6 +29916,12 @@ names below keeps that true whichever way round they sit.
 `split` follows the lead pane rather than the source, so `split="30"` means
 the same thing in both directions: thirty percent to whatever comes first. */
   "prop:lead"?: (HelixSandbox["lead"]) | undefined;
+  /** The description of a file tab whose pane holds an edit, read by screen
+readers after the file's name. */
+  "attr:modified-label"?: (HelixSandbox["modifiedLabel"]) | undefined;
+  /** The description of a file tab whose pane holds an edit, read by screen
+readers after the file's name. */
+  "prop:modifiedLabel"?: (HelixSandbox["modifiedLabel"]) | undefined;
   /** Whether the panes sit side by side or stacked.
 
 Not reflected, for `lead`'s reason above: no rule selects on it. The axis
@@ -29803,6 +30039,23 @@ export type HelixSandboxSourceHelixEditElementEvent =
   HelixSandboxSourceElementEvent<HelixEditEvent>;
 
 export type HelixSandboxSourceProps = {
+  /** Whether typing an opening bracket or quote types its closing one too, and
+a bracket typed with text selected goes around it. */
+  "close-brackets"?: (HelixSandboxSource["closeBrackets"]) | undefined;
+  /** Whether typing an opening bracket or quote types its closing one too, and
+a bracket typed with text selected goes around it. */
+  closeBrackets?: (HelixSandboxSource["closeBrackets"]) | undefined;
+  /** Whether the pane offers completions for the word before the caret, from
+the words of the source and of `completions`. */
+  complete?: (HelixSandboxSource["complete"]) | undefined;
+  /** Words the pane offers under `complete` beside the words of the source,
+such as tag and attribute names. `manifestWords` reads them from a custom
+elements manifest. Set it as JSON in the attribute or as an array. */
+  completions?: (HelixSandboxSource["completions"]) | undefined;
+  /** The name of the list of completions, read by screen readers. */
+  "completions-label"?: (HelixSandboxSource["completionsLabel"]) | undefined;
+  /** The name of the list of completions, read by screen readers. */
+  completionsLabel?: (HelixSandboxSource["completionsLabel"]) | undefined;
   /** The editable region's name, read by screen readers. */
   "field-label"?: (HelixSandboxSource["fieldLabel"]) | undefined;
   /** The editable region's name, read by screen readers. */
@@ -29826,6 +30079,12 @@ holds several panes. Empty puts the pane's `name` on the tab. */
   "line-numbers"?: (HelixSandboxSource["lineNumbers"]) | undefined;
   /** Whether each line of the source is numbered, in a gutter beside it. */
   lineNumbers?: (HelixSandboxSource["lineNumbers"]) | undefined;
+  /** Whether the bracket beside the caret and its pair are marked while the
+field has focus. */
+  "match-brackets"?: (HelixSandboxSource["matchBrackets"]) | undefined;
+  /** Whether the bracket beside the caret and its pair are marked while the
+field has focus. */
+  matchBrackets?: (HelixSandboxSource["matchBrackets"]) | 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
@@ -29833,6 +30092,14 @@ passed through untouched for a consumer wiring their own panes.
 
 Not reflected: nothing selects on it, so it keeps a real default instead. */
   name?: (HelixSandboxSource["name"]) | undefined;
+  /** Whether the source is read only: it can be selected and copied, and not
+edited, as Sandpack's `readOnly` file is. Tab moves focus out of a field
+that is read only. */
+  readonly?: (HelixSandboxSource["readOnly"]) | undefined;
+  /** Whether the source is read only: it can be selected and copied, and not
+edited, as Sandpack's `readOnly` file is. Tab moves focus out of a field
+that is read only. */
+  readOnly?: (HelixSandboxSource["readOnly"]) | undefined;
   /** Whether Tab indents the source. When it is off, Tab moves focus. */
   "tab-indents"?: (HelixSandboxSource["tabIndents"]) | undefined;
   /** Whether Tab indents the source. When it is off, Tab moves focus. */
@@ -29863,6 +30130,23 @@ returns markup. */
 };
 
 export type HelixSandboxSourceSolidJsProps = {
+  /** Whether typing an opening bracket or quote types its closing one too, and
+a bracket typed with text selected goes around it. */
+  "bool:close-brackets"?: (HelixSandboxSource["closeBrackets"]) | undefined;
+  /** Whether typing an opening bracket or quote types its closing one too, and
+a bracket typed with text selected goes around it. */
+  "prop:closeBrackets"?: (HelixSandboxSource["closeBrackets"]) | undefined;
+  /** Whether the pane offers completions for the word before the caret, from
+the words of the source and of `completions`. */
+  "prop:complete"?: (HelixSandboxSource["complete"]) | undefined;
+  /** Words the pane offers under `complete` beside the words of the source,
+such as tag and attribute names. `manifestWords` reads them from a custom
+elements manifest. Set it as JSON in the attribute or as an array. */
+  "prop:completions"?: (HelixSandboxSource["completions"]) | undefined;
+  /** The name of the list of completions, read by screen readers. */
+  "attr:completions-label"?: (HelixSandboxSource["completionsLabel"]) | undefined;
+  /** The name of the list of completions, read by screen readers. */
+  "prop:completionsLabel"?: (HelixSandboxSource["completionsLabel"]) | undefined;
   /** The editable region's name, read by screen readers. */
   "attr:field-label"?: (HelixSandboxSource["fieldLabel"]) | undefined;
   /** The editable region's name, read by screen readers. */
@@ -29886,6 +30170,12 @@ holds several panes. Empty puts the pane's `name` on the tab. */
   "bool:line-numbers"?: (HelixSandboxSource["lineNumbers"]) | undefined;
   /** Whether each line of the source is numbered, in a gutter beside it. */
   "prop:lineNumbers"?: (HelixSandboxSource["lineNumbers"]) | undefined;
+  /** Whether the bracket beside the caret and its pair are marked while the
+field has focus. */
+  "bool:match-brackets"?: (HelixSandboxSource["matchBrackets"]) | undefined;
+  /** Whether the bracket beside the caret and its pair are marked while the
+field has focus. */
+  "prop:matchBrackets"?: (HelixSandboxSource["matchBrackets"]) | 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
@@ -29893,6 +30183,14 @@ passed through untouched for a consumer wiring their own panes.
 
 Not reflected: nothing selects on it, so it keeps a real default instead. */
   "prop:name"?: (HelixSandboxSource["name"]) | undefined;
+  /** Whether the source is read only: it can be selected and copied, and not
+edited, as Sandpack's `readOnly` file is. Tab moves focus out of a field
+that is read only. */
+  "bool:readonly"?: (HelixSandboxSource["readOnly"]) | undefined;
+  /** Whether the source is read only: it can be selected and copied, and not
+edited, as Sandpack's `readOnly` file is. Tab moves focus out of a field
+that is read only. */
+  "prop:readOnly"?: (HelixSandboxSource["readOnly"]) | undefined;
   /** Whether Tab indents the source. When it is off, Tab moves focus. */
   "bool:tab-indents"?: (HelixSandboxSource["tabIndents"]) | undefined;
   /** Whether Tab indents the source. When it is off, Tab moves focus. */
@@ -32395,6 +32693,13 @@ that should survive its own collapse says how much of itself to keep, and
 only whoever put it there knows that, which is the same reason `min` is a
 consumer's to set. */
   collapsedSize?: (HelixSplitter["collapsedSize"]) | undefined;
+  /** Which panes can be collapsed, as Zag's panels each take `collapsible`:
+`start`, `end`, `both`, or `none`. A pane that cannot be collapsed stops
+at the edge without shutting. `Enter` collapses the end pane where only
+the end pane can be collapsed, and the start pane otherwise.
+
+Unset is `both`, and the attribute stays absent until you write it. */
+  collapsible?: (HelixSplitter["collapsible"]) | undefined;
   /** The name of the handle where two dividers cross, read by screen readers. */
   "corner-label"?: (HelixSplitter["cornerLabel"]) | undefined;
   /** The name of the handle where two dividers cross, read by screen readers. */
@@ -32423,6 +32728,18 @@ these words are the whole of where it is. */
   "default-position"?: (HelixSplitter["defaultPosition"] | `${number}`) | undefined;
   /** Where the divider starts, when `position` is not set. */
   defaultPosition?: (HelixSplitter["defaultPosition"]) | undefined;
+  /** The least the end pane keeps, in the units `min` takes: a percentage, or
+a CSS length such as `16rem` resolved against the splitter's box. The
+divider stops that far from the end, whatever `max` allows, so `min` and
+`end-min` hold a minimum for each pane, as Zag's panels each take
+`minSize`. */
+  "end-min"?: (HelixSplitter["endMin"]) | undefined;
+  /** The least the end pane keeps, in the units `min` takes: a percentage, or
+a CSS length such as `16rem` resolved against the splitter's box. The
+divider stops that far from the end, whatever `max` allows, so `min` and
+`end-min` hold a minimum for each pane, as Zag's panels each take
+`minSize`. */
+  endMin?: (HelixSplitter["endMin"]) | undefined;
   /** The divider's name, read by screen readers.
 
 An `aria-label` or `aria-labelledby` on the host names the divider too,
@@ -32567,6 +32884,13 @@ that should survive its own collapse says how much of itself to keep, and
 only whoever put it there knows that, which is the same reason `min` is a
 consumer's to set. */
   "prop:collapsedSize"?: (HelixSplitter["collapsedSize"]) | undefined;
+  /** Which panes can be collapsed, as Zag's panels each take `collapsible`:
+`start`, `end`, `both`, or `none`. A pane that cannot be collapsed stops
+at the edge without shutting. `Enter` collapses the end pane where only
+the end pane can be collapsed, and the start pane otherwise.
+
+Unset is `both`, and the attribute stays absent until you write it. */
+  "prop:collapsible"?: (HelixSplitter["collapsible"]) | undefined;
   /** The name of the handle where two dividers cross, read by screen readers. */
   "attr:corner-label"?: (HelixSplitter["cornerLabel"]) | undefined;
   /** The name of the handle where two dividers cross, read by screen readers. */
@@ -32595,6 +32919,18 @@ these words are the whole of where it is. */
   "attr:default-position"?: (HelixSplitter["defaultPosition"] | `${number}`) | undefined;
   /** Where the divider starts, when `position` is not set. */
   "prop:defaultPosition"?: (HelixSplitter["defaultPosition"]) | undefined;
+  /** The least the end pane keeps, in the units `min` takes: a percentage, or
+a CSS length such as `16rem` resolved against the splitter's box. The
+divider stops that far from the end, whatever `max` allows, so `min` and
+`end-min` hold a minimum for each pane, as Zag's panels each take
+`minSize`. */
+  "attr:end-min"?: (HelixSplitter["endMin"]) | undefined;
+  /** The least the end pane keeps, in the units `min` takes: a percentage, or
+a CSS length such as `16rem` resolved against the splitter's box. The
+divider stops that far from the end, whatever `max` allows, so `min` and
+`end-min` hold a minimum for each pane, as Zag's panels each take
+`minSize`. */
+  "prop:endMin"?: (HelixSplitter["endMin"]) | undefined;
   /** The divider's name, read by screen readers.
 
 An `aria-label` or `aria-labelledby` on the host names the divider too,
@@ -36938,6 +37274,18 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   name?: (HelixTimePicker["name"]) | undefined;
+  /** What each time in the list shows: a function given the time as `HH:mm`,
+or `HH:mm:ss` with `seconds`, and the time as the row writes it, that
+returns text, an element or a Lit template.
+
+For the seats left at a time, or a caption under it, as React Aria's
+`ListBoxItem` takes children. Content with `slot="start"`, `slot="end"`
+or `slot="description"` goes to that slot of the row, and a description
+is read after the time. The row is still named by the written time, and
+typeahead still finds it by that. Return the written time with your
+content where it should still show. A property only, there being no way
+to write a function in markup. The wheels draw their own figures. */
+  timeContent?: (HelixTimePicker["timeContent"]) | undefined;
   /** The value as a `Date` on 1 January 1970 UTC, or `null` while there is no time.
 
 The platform's own pair on `<input type="time">`, epoch day included: a time
@@ -37274,6 +37622,18 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   "prop:name"?: (HelixTimePicker["name"]) | undefined;
+  /** What each time in the list shows: a function given the time as `HH:mm`,
+or `HH:mm:ss` with `seconds`, and the time as the row writes it, that
+returns text, an element or a Lit template.
+
+For the seats left at a time, or a caption under it, as React Aria's
+`ListBoxItem` takes children. Content with `slot="start"`, `slot="end"`
+or `slot="description"` goes to that slot of the row, and a description
+is read after the time. The row is still named by the written time, and
+typeahead still finds it by that. Return the written time with your
+content where it should still show. A property only, there being no way
+to write a function in markup. The wheels draw their own figures. */
+  "prop:timeContent"?: (HelixTimePicker["timeContent"]) | undefined;
   /** The value as a `Date` on 1 January 1970 UTC, or `null` while there is no time.
 
 The platform's own pair on `<input type="time">`, epoch day included: a time
@@ -37421,6 +37781,13 @@ they run down it. */
   orientation?: (HelixTimeline["orientation"]) | undefined;
   /** Accessible name for the timeline, for people who reach it out of context. */
   label?: (HelixTimeline["label"]) | undefined;
+  /** Marks the timeline as busy fetching more entries, and draws an entry
+after the last that says so. */
+  loading?: (HelixTimeline["loading"]) | undefined;
+  /** The text of the entry drawn while `loading` is set, where the `loading` slot is empty. */
+  "loading-label"?: (HelixTimeline["loadingLabel"]) | undefined;
+  /** The text of the entry drawn while `loading` is set, where the `loading` slot is empty. */
+  loadingLabel?: (HelixTimeline["loadingLabel"]) | undefined;
 };
 
 export type HelixTimelineSolidJsProps = {
@@ -37435,6 +37802,13 @@ they run down it. */
   "prop:orientation"?: (HelixTimeline["orientation"]) | undefined;
   /** Accessible name for the timeline, for people who reach it out of context. */
   "prop:label"?: (HelixTimeline["label"]) | undefined;
+  /** Marks the timeline as busy fetching more entries, and draws an entry
+after the last that says so. */
+  "prop:loading"?: (HelixTimeline["loading"]) | undefined;
+  /** The text of the entry drawn while `loading` is set, where the `loading` slot is empty. */
+  "attr:loading-label"?: (HelixTimeline["loadingLabel"]) | undefined;
+  /** The text of the entry drawn while `loading` is set, where the `loading` slot is empty. */
+  "prop:loadingLabel"?: (HelixTimeline["loadingLabel"]) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -41139,12 +41513,18 @@ export type HelixVirtualListElementEvent<E = Event> = TypedEvent<
 /** `helix-before-change` event type */
 export type HelixVirtualListHelixBeforeChangeElementEvent =
   HelixVirtualListElementEvent<HelixBeforeChangeEvent>;
+/** `helix-before-reorder` event type */
+export type HelixVirtualListHelixBeforeReorderElementEvent =
+  HelixVirtualListElementEvent<HelixBeforeReorderEvent>;
 /** `helix-load-more` event type */
 export type HelixVirtualListHelixLoadMoreElementEvent =
   HelixVirtualListElementEvent<HelixLoadMoreEvent>;
 /** `helix-range-change` event type */
 export type HelixVirtualListHelixRangeChangeElementEvent =
   HelixVirtualListElementEvent<HelixRangeChangeEvent>;
+/** `helix-reorder` event type */
+export type HelixVirtualListHelixReorderElementEvent =
+  HelixVirtualListElementEvent<HelixReorderEvent>;
 
 export type HelixVirtualListProps = {
   /** How many items a line holds. One, the default, is a list; more lays the
@@ -41224,6 +41604,13 @@ and scrolls it sideways: Left and Right move between items, the other
 way round on a right-to-left page, and `estimate` is an item's width. A
 grid always runs down. */
   orientation?: (HelixVirtualList["orientation"]) | undefined;
+  /** Lets a reader move items, once `@fusion.dev/helix/virtual-list/reorder`
+(or `@fusion.dev/helix-headless/virtual-list/reorder`) is imported: Alt
+with an arrow moves the row the keys are on, and a pointer drags a row.
+The list moves no item itself: you move your `items` on `helix-reorder`.
+Without that import it does nothing, so a list that never moves items
+carries none of the code. A list of one column, without sections. */
+  reorderable?: (HelixVirtualList["reorderable"]) | undefined;
   /** The field of each item that names its section, as a key or a path of
 keys. Set, the items are drawn in sections: a header, then the items, in
 an element with the `group` role that the header names. A section starts
@@ -41289,12 +41676,18 @@ it is unset, the header is the name as text. */
   "onhelix-before-change"?: ((
     e: HelixVirtualListHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Fired when an item is dropped at a new place, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported, with every key in the new order. Cancelable: cancel it to keep the item where it is. */
+  "onhelix-before-reorder"?: ((
+    e: HelixVirtualListHelixBeforeReorderElementEvent,
+  ) => void) | undefined;
   /** Fired when a reader comes within one screen of the last item, once for each length of the set. */
   "onhelix-load-more"?: ((e: HelixVirtualListHelixLoadMoreElementEvent) => void) | undefined;
   /** Fired when the items on screen change, with the new `first` and `last`, which `range` also holds. */
   "onhelix-range-change"?: ((
     e: HelixVirtualListHelixRangeChangeElementEvent,
   ) => void) | undefined;
+  /** Fired after `helix-before-reorder` when nobody canceled it. Set `items` to the order in `keys`. Cancelable: cancel it to say the move did not happen. */
+  "onhelix-reorder"?: ((e: HelixVirtualListHelixReorderElementEvent) => void) | undefined;
 };
 
 export type HelixVirtualListSolidJsProps = {
@@ -41375,6 +41768,13 @@ and scrolls it sideways: Left and Right move between items, the other
 way round on a right-to-left page, and `estimate` is an item's width. A
 grid always runs down. */
   "prop:orientation"?: (HelixVirtualList["orientation"]) | undefined;
+  /** Lets a reader move items, once `@fusion.dev/helix/virtual-list/reorder`
+(or `@fusion.dev/helix-headless/virtual-list/reorder`) is imported: Alt
+with an arrow moves the row the keys are on, and a pointer drags a row.
+The list moves no item itself: you move your `items` on `helix-reorder`.
+Without that import it does nothing, so a list that never moves items
+carries none of the code. A list of one column, without sections. */
+  "prop:reorderable"?: (HelixVirtualList["reorderable"]) | undefined;
   /** The field of each item that names its section, as a key or a path of
 keys. Set, the items are drawn in sections: a header, then the items, in
 an element with the `group` role that the header names. A section starts
@@ -41439,12 +41839,18 @@ it is unset, the header is the name as text. */
   "on:helix-before-change"?: ((
     e: HelixVirtualListHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Fired when an item is dropped at a new place, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported, with every key in the new order. Cancelable: cancel it to keep the item where it is. */
+  "on:helix-before-reorder"?: ((
+    e: HelixVirtualListHelixBeforeReorderElementEvent,
+  ) => void) | undefined;
   /** Fired when a reader comes within one screen of the last item, once for each length of the set. */
   "on:helix-load-more"?: ((e: HelixVirtualListHelixLoadMoreElementEvent) => void) | undefined;
   /** Fired when the items on screen change, with the new `first` and `last`, which `range` also holds. */
   "on:helix-range-change"?: ((
     e: HelixVirtualListHelixRangeChangeElementEvent,
   ) => void) | undefined;
+  /** Fired after `helix-before-reorder` when nobody canceled it. Set `items` to the order in `keys`. Cancelable: cancel it to say the move did not happen. */
+  "on:helix-reorder"?: ((e: HelixVirtualListHelixReorderElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -43687,6 +44093,8 @@ export type CustomElements = {
    * separate actions. The semantics and the joining are separate questions:
    * `role="group"` and a shared name are what make a set of buttons a set, and
    * `helix-flex` gives the spacing without the group.
+   * - `disabled`: Disables every button in the group, and says so on the group with
+   * `aria-disabled`. Reflected, so a stylesheet can select on it.
    * - `disallow-empty-selection`/`disallowEmptySelection`: Keeps at least one button pressed once one is, as React Aria's
    * `disallowEmptySelection`: a press that would leave none pressed is
    * refused.
@@ -43721,6 +44129,8 @@ export type CustomElements = {
    *
    * The attribute is the seed, and a press changes the property, which does
    * not reflect, as a native control's `value` does not.
+   * - `values`: The pressed values as a list, in a selection mode, and an empty list
+   * otherwise. Written, it presses exactly those buttons. (property only)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -44625,6 +45035,8 @@ export type CustomElements = {
    * Third", rather than with a comma this component chose.
    * - `linked-label`/`linkedLabel`: The text read with a card that has connections both ways. `{leadsTo}` is
    * `leads-to-label` and `{comesFrom}` is `comes-from-label`, each filled in.
+   * - `loading`: Marks the board as busy while its document arrives: the board is
+   * `aria-busy`, and the `loading` slot is shown.
    * - `moved-label`/`movedLabel`: What screen readers hear after a key moves a card, with `{name}` for the
    * card and `{x}` and `{y}` for where it now is, in the document's units.
    *
@@ -44790,6 +45202,7 @@ export type CustomElements = {
    * - `footer`: Content below the board.
    * - `fullscreen-icon`: Replaces the glyph inside the fullscreen button.
    * - `header`: Content above the board.
+   * - `loading`: Content shown while `loading` is set, such as a progress bar while the document arrives.
    * - `pan-down-icon`: Replaces the glyph inside the pan down button.
    * - `pan-end-icon`: Replaces the glyph inside the button that pans toward the end of a line of text.
    * - `pan-start-icon`: Replaces the glyph inside the button that pans toward the start of a line of text.
@@ -44912,6 +45325,7 @@ export type CustomElements = {
    * - `fullscreen`: While the board fills the screen.
    * - `holding`: An item picked up with a click follows the pointer until the next press puts it down.
    * - `idle`: The user has been still for `idle-delay` milliseconds. The board's own controls stay; select on it to hide chrome of your own.
+   * - `loading`: While `loading` is set.
    * - `pressing`: While a press on the board, its cards or its connections is under way.
    * - `sharing`: The page keeps the plain wheel and one finger, with `gestures="cooperative"` or while a board with `gestures="activate"` waits to be pressed.
    * - `using`: A board with `gestures="activate"` has been pressed and has the gestures.
@@ -45432,6 +45846,9 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `feedback`: A message about the draft, shown under the field. While set, the composer
+   * is invalid, does not send, and does not submit, as a field's `feedback`
+   * does, and the message is announced as it appears.
    * - `label`: The field's name, read by screen readers.
    * - `maxlength`/`maxLength`: The most characters a draft can have. The field stops taking more.
    * - `minlength`/`minLength`: The fewest characters a draft can have, once the reader has written in
@@ -45597,6 +46014,7 @@ export type CustomElements = {
    * - `tools`: The row under the field.
    * - `composer`: The whole composer.
    * - `end`: The box around the `end` slot.
+   * - `feedback`: The `feedback` message, under the field while it is set.
    * - `mark`: The icon inside the send button.
    * - `start`: The box around the `start` slot.
    *
@@ -45604,7 +46022,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
-   * - `invalid`: The draft fails `required`, `minlength`, `maxlength`, or a custom error, and the reader has tried to send or submit it, or edited the field and left it.
+   * - `invalid`: The draft fails `required`, `minlength`, `maxlength`, or a custom error, and the reader has tried to send or submit it, or edited the field and left it. Or `feedback` is set.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-chat-composer": Partial<
@@ -48208,6 +48626,15 @@ export type CustomElements = {
    * Defaulted rather than left empty. An icon-only control must be named, and
    * the name of this one is not a judgment call: every copy button in the
    * world is called Copy. A consumer with a better word still sets it.
+   * - `show-label`/`showLabel`: Draws the name as words beside the icon, and the result in their place
+   * after a press. The button stays as wide as the longest of them.
+   * - `tooltip`: When the tooltip shows: `full` on hover and focus and after a press,
+   * `copy` only after a press, to show the result, and `none` never, for a
+   * button whose result shows another way, such as under `show-label`.
+   *
+   * Unset is `full`, and the attribute stays absent until you write it.
+   * - `tooltip-placement`/`tooltipPlacement`: The side the tooltip prefers. It moves to another side where this one
+   * does not fit.
    * - `value`: The text copied to the clipboard.
    *
    * It replaces `Button.value`, the submit value: a copy button never submits,
@@ -48391,6 +48818,7 @@ export type CustomElements = {
    * - `live`: The live region that says `copied-label` or `error-label` after a press, and `pending-label` when the button becomes pending under focus. It is rendered from the first time it says anything.
    * - `mark`: The clipboard icon, and the confirmation icon that replaces it.
    * - `spinner`: The ring a pending button turns, an empty element the styled button draws over the icon. It is rendered only while the button is pending.
+   * - `text`: The words beside the icon, under `show-label`. It holds all three, `label`, `copied-label` and `error-label`, with all but the current one hidden.
    * - `tooltip`: The tooltip bubble, forwarded from the tooltip inside the button.
    * - `tooltip-arrow`: The tooltip's arrow, which points at the button.
    * - `tooltip-arrow-bottom`: The arrow while the bubble is below the button, on the bubble's top edge. Set together with `tooltip-arrow`.
@@ -48628,6 +49056,10 @@ export type CustomElements = {
    * Off by default. Windowing costs a scroll listener, a measurement per row
    * drawn, and a `block-size` on the scrolling box, and a table of twenty rows
    * should pay none of them.
+   *
+   * While windowed, the `table` part scrolls on this tier: it carries
+   * `data-scroller`, and `core` ships `[data-scroller] { overflow: auto }` into
+   * every shadow root. You still need to give it a block size.
    * - `rows`: Every row of the result, in the order it arrived.
    *
    * A property and not an attribute: it is an array. Left alone this element
@@ -52534,6 +52966,9 @@ export type CustomElements = {
    * - `linked-both-label`/`linkedBothLabel`: How a note linked both to and from the selected one is described, with `{note}`.
    * - `linked-from-label`/`linkedFromLabel`: How a note the selected one links to is described, with `{note}`, the selected note's name.
    * - `links-to-label`/`linksToLabel`: How a note that links to the selected one is described, with `{note}`.
+   * - `loading`: Marks the graph as busy while its notes arrive: the list is `aria-busy`,
+   * and the panel says so where it holds no notes yet.
+   * - `loading-label`/`loadingLabel`: What the panel says while `loading` is set and the list holds no notes.
    * - `moved-down-label`/`movedDownLabel`: What screen readers hear once the drawing has moved down, after `moved()`.
    * - `moved-left-label`/`movedLeftLabel`: What screen readers hear once the drawing has moved left, after `moved()`.
    * - `moved-right-label`/`movedRightLabel`: What screen readers hear once the drawing has moved right, after `moved()`.
@@ -52556,6 +52991,15 @@ export type CustomElements = {
    * - `hiddenGroups`: The groups turned off in the legend, by name, whose notes neither the drawing nor the list shows. A property, never an attribute. (property only)
    * - `links`: The links between notes, each from `source` to `target`. A property, never an attribute. (property only)
    * - `nodes`: The notes. A property, never an attribute. (property only)
+   * - `noteContent`: What each note's row in the list shows in place of its name: a function
+   * given the note that returns text, an element or a Lit template.
+   *
+   * For an icon by its kind, or a date under its name, as React Aria's
+   * `ListBoxItem` takes children. The row is still named by the note's name,
+   * which typeahead and the search find it by, and described by how it stands
+   * to the selected note. Return the name with your content where it should
+   * still show. A property only, there being no way to write a function in
+   * markup. (property only)
    * - `ready`: Whether the graph has been drawn whole. For code that runs after `helix-graph-ready`. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
@@ -52602,6 +53046,7 @@ export type CustomElements = {
    * - `footer`: Content below the graph.
    * - `fullscreen-icon`: Replaces the glyph inside the fullscreen button.
    * - `header`: Content above the graph.
+   * - `loading`: What the panel shows while `loading` is set and the list holds no notes. Defaults to `loading-label`.
    * - `pan-down-icon`: Replaces the glyph inside the pan down button.
    * - `pan-end-icon`: Replaces the glyph inside the button that pans toward the end of a line of text.
    * - `pan-start-icon`: Replaces the glyph inside the button that pans toward the start of a line of text.
@@ -52693,6 +53138,7 @@ export type CustomElements = {
    * - `legend-swatch`: The mark in a group's color, before its name.
    * - `list`: The list of notes, which draws only the rows in view.
    * - `live`: What screen readers hear: how many notes there are when a search or the legend changes it, and which way the drawing went after a key or a control moved it.
+   * - `loading`: The box in place of the list while `loading` is set and it holds no notes, holding the `loading` slot.
    * - `note`: One note in the list.
    * - `note-cursor`: The note the keyboard is on in the list.
    * - `note-linked`: A note linked to or from the selected one.
@@ -52720,6 +53166,7 @@ export type CustomElements = {
    * - `empty`: The list holds no notes: the graph has none, or a search or the groups hid them all.
    * - `fullscreen`: The graph fills the screen.
    * - `idle`: The user has been still long enough for the header and footer to fade.
+   * - `loading`: While `loading` is set.
    * - `local`: The drawing shows the selected note's local graph, with `depth`.
    * - `panel-open`: A graph with `no-panel` has the search and the list open over the drawing.
    * - `ready`: The graph has been drawn whole, after `helix-graph-ready`.
@@ -55305,7 +55752,8 @@ export type CustomElements = {
    * itself.
    * - `value`: The selected rows' values, separated by commas with no spaces, such as `a,c`, in a list that selects.
    *
-   * Set it to start with rows selected. A row's value is its `value`, or its
+   * A press or a key writes it in row order, as Data Table does, whatever
+   * order the rows were chosen in. Set it to start with rows selected. A row's value is its `value`, or its
    * words where it has none.
    * - `rows`: The rows the list holds, in order. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -57293,6 +57741,8 @@ export type CustomElements = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `checked`: The row is checked.
+   * - `disabled`: The row is disabled.
+   * - `expanded`: Under `submenus="flyout"`, the row's submenu is open beside it.
    * - `highlighted`: In a menu with `filterable`, the arrow keys or the pointer reached the row while focus stays in the filter field.
    * - `submenu-mark`: Under `submenus="flyout"`, a row in this row's submenu can be ticked or opens a submenu, so the submenu keeps its trailing column.
    * - `submenu-start`: Under `submenus="flyout"`, a row in this row's submenu has content before its label, so the submenu keeps its leading column.
@@ -57363,6 +57813,9 @@ export type CustomElements = {
    * - `placement`: The side the menu opens on, when there is room.
    *
    * It moves if that side does not fit.
+   * - `results-label`/`resultsLabel`: What a screen reader hears when the filter narrows the rows. `{count}` is
+   * how many rows are left, written in the locale, and each language writes
+   * the forms it has, as Listbox's `results-label` does.
    * - `submenus`: How a submenu opens. `drill` shows it in place of the page showing, with
    * a way back. `flyout` opens it in a panel of its own beside its row.
    * - `filterMatch`: Whether a row is kept by the filter: a function given the row's words and
@@ -57371,6 +57824,13 @@ export type CustomElements = {
    *
    * Absent, a row is kept where its words hold the filter, in any case. A
    * property only, there being no way to write a function in markup. (property only)
+   * - `checkedValues`: The values of the choice rows that are checked, anywhere in the menu, in
+   * document order.
+   *
+   * Set it to check exactly those rows and uncheck every other choice row, as
+   * React Aria's `selectedKeys` controls a menu's selection from one place.
+   * Each row keeps its own `checked` too, which this reads and writes. `change`
+   * is sent on the menu when a reader's choice changes it. (property only)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -57397,6 +57857,7 @@ export type CustomElements = {
    * Events that will be emitted by the component.
    *
    * - `toggle`: The menu opened or closed. The event carries `newState` and `oldState`.
+   * - `change`: A reader's choice checked or unchecked rows. Read `checkedValues` for the rows that are checked now.
    * - `helix-before-close`: The menu is about to close. Cancelable: cancel it to keep it open.
    * - `helix-before-open`: The menu is about to open. Cancelable: cancel it to keep it closed.
    * - `helix-filter`: The text in the filter field changed, with the new text in `detail.value`. Cancelable: cancel it to keep every row showing and narrow the rows yourself.
@@ -57407,6 +57868,8 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The items.
+   * - `empty`: What the menu shows when it has no items, for content richer than `empty-text`.
+   * - `loading`: What the menu shows while its items load, for content richer than `loading-text`.
    * - `no-results`: What the menu shows when the filter keeps no rows, for content richer than `no-results-text`.
    * - `trigger`: The control that opens the menu, or with `context` the area a context menu opens over.
    *
@@ -57458,6 +57921,8 @@ export type CustomElements = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `drilled`: A submenu's page is showing, so content that is not a row can hide with the top page.
+   * - `entering`: From the moment the panel shows until its entrance has finished.
+   * - `exiting`: From the moment the panel hides until its exit has finished.
    * - `mark`: A row on the current page has a checkbox or a link, so every row keeps the trailing column.
    * - `open`: While the menu is open.
    * - `placed-bottom`: While the open panel sits below its trigger.
@@ -59309,10 +59774,18 @@ export type CustomElements = {
    *
    * The orb is styled only and has behavior, which the tier split does not
    * otherwise allow. Its role, name and busy state follow `state`, unless
-   * `announce` makes it a status region, and the rest
-   * is drawing dots to a canvas, so there is no structure to restyle. For a
-   * drawing of your own, the headless `Loader` holds the same busy progress bar
-   * and its name.
+   * `announce` makes it a status region, and the rest is drawing dots to a
+   * canvas.
+   *
+   * **A shape of your own goes in the default slot**, such as an SVG, an
+   * image, or an animation. The orb draws it over its box in place of the dots
+   * and stops drawing them, and keeps its role, name, busy state and custom
+   * states, so your stylesheet can change what you slotted by state, such as
+   * `helix-orb:state(working) svg { animation-duration: 1s }`. What you slot is
+   * for the eye: a screen reader hears the orb's name.
+   *
+   * `--orb-speed` scales how fast the dots move, so `0.5` is a calmer orb at
+   * half the tempo.
    *
    * Each state is also a custom state, such as `:state(thinking)` or
    * `:state(done)`, so a page can style what sits around an orb by what it shows,
@@ -59394,6 +59867,12 @@ export type CustomElements = {
    * browser harness's awaits it alone: a browser always runs the frame, and a
    * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
    *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: A shape of your own, drawn over the orb's box in place of the dots.
+   *
    * ## CSS Custom Properties
    *
    * CSS variables available for styling the component.
@@ -59401,12 +59880,13 @@ export type CustomElements = {
    * - `--orb-color`: The color of the nearest dots. Defaults to `currentColor`.
    * - `--orb-ground`: The color the farthest dots fade toward. Defaults to the page's background.
    * - `--orb-size`: The diameter. Overrides `size`.
+   * - `--orb-speed`: How fast the dots move, as a multiple of each state's own tempo. Defaults to `1`.
    *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `canvas`: The canvas the dots are drawn on.
+   * - `canvas`: The canvas the dots are drawn on. Hidden while the default slot holds a shape.
    * - `live`: The word for the state, which the orb says as it changes when `announce` is set. Rendered only then, and clipped out of view.
    *
    * ## CSS States
@@ -59470,6 +59950,9 @@ export type CustomElements = {
    * box the sections scroll in.
    * - `label`: The navigation's name, read by screen readers. A heading in the `heading`
    * slot names it in place of this.
+   * - `marks`: Which links are marked. `reading` marks the one section being read, the
+   * last whose heading has passed the reading line. `visible` marks every
+   * section with part of it on screen, and the mark runs across their links.
    * - `offset`: How far below the top of the scroll container a heading counts as reached,
    * in pixels. The scroll container is the window or the panel the sections
    * scroll in.
@@ -59485,6 +59968,9 @@ export type CustomElements = {
    * writable property in this library that a component also writes is state a
    * consumer can own; this one cannot be, and saying so with the type is better
    * than saying it in a sentence nobody reads. (property only) (readonly)
+   * - `marked`: The ids of the sections whose links are marked, in page order: the one
+   * `current` names, or under `marks="visible"` every section on screen.
+   * Read-only, for the reason `current` gives. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -59520,6 +60006,14 @@ export type CustomElements = {
    * - `heading`: A heading above the links, such as "On this page". It names the navigation.
    * - `indicator`: A mark of your own, drawn inside the `indicator` part, where `--indicator-x`, `--indicator-y`, `--indicator-inline-size` and `--indicator-block-size` reach it.
    *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `scrollToSection(id: string) => boolean`: Scrolls to the section with this id, as a press on its link does, with
+   * `behavior`, and marks its link at once. The address and focus stay where
+   * they are. Returns whether the outline has a link to that section.
+   *
    * ## CSS Custom Properties
    *
    * CSS variables available for styling the component.
@@ -60319,12 +60813,25 @@ export type CustomElements = {
    * hydration, or diffed by a framework, it comes back holding whatever the
    * last reader did rather than what the author wrote. `:state(open)` carries
    * the resolved state for stylesheets, which is what the mirror is for.
+   * - `anchor`: The element the panel opens against, where that is not the trigger: its
+   * `id` in the same document or shadow root, or the element itself. Left
+   * empty, the panel opens against the trigger, or against the button whose
+   * command opened it.
    * - `arrow`: Draws a point on the panel's edge facing the trigger.
    *
    * Off by default, which is the house style: a panel that opens from its
    * trigger already reads as belonging to it.
+   * - `container-padding`/`containerPadding`: How close to the window's edges the panel may come, in pixels, when it
+   * slides, shrinks or moves to the other side to fit. Left unset, it slides
+   * and shrinks to 8 pixels from an edge and moves to the other side only
+   * once it would cross one.
+   * - `cross-offset`/`crossOffset`: How far to slide the panel along the side it is on, in pixels: to the
+   * right on the top or the bottom, and down on the left or the right.
    * - `fallback-label`/`fallbackLabel`: The panel's name where nothing else names it: no `label`, no heading in
    * the panel, and no `aria-labelledby` on the host.
+   * - `flip`: Whether the panel moves to the other side of the trigger when its own
+   * side has no room. On by default. Write `flip="false"` to keep it on its
+   * side, where it shrinks to fit, as React Aria's `shouldFlip` turns off.
    * - `label`: The panel's name, read by screen readers. Left empty, the first heading in
    * the panel names it, and then `fallback-label`.
    * - `modal`: Keeps `Tab` inside the panel while it is open, marks the panel
@@ -60416,6 +60923,8 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `aligned-end`: While the panel is aligned to the end of the side it sits on.
+   * - `aligned-start`: While the panel is aligned to the start of the side it sits on.
    * - `entering`: From the moment the panel shows until its entrance has finished.
    * - `exiting`: From the moment the panel hides until its exit has finished.
    * - `open`: While the popover is open.
@@ -61577,6 +62086,16 @@ export type CustomElements = {
    * since a browser reads one only as a document starts. A `src` document
    * declares its own.
    *
+   * **`dependencies` names packages by version instead**, as a `package.json`
+   * does: `{"canvas-confetti": "^1.9"}` loads `canvas-confetti` and the paths
+   * under it from `cdn`, `https://esm.sh/` by default, at the version or range
+   * given. An address in `imports` wins over a package of the same name.
+   *
+   * **`modules` holds files the example imports by a relative path**: each path,
+   * such as `utils.js`, to its source, and `import { add } from './utils.js'`
+   * in the `js` pane or in another module loads it. A sandbox writes each pane
+   * named for a module file here.
+   *
    * **Examples render in a frame**, so an example's styles and scripts do not
    * affect the page around the sandbox, and `position: fixed` stays inside the
    * pane. The frame starts empty, with its own stylesheets and its own custom
@@ -61597,8 +62116,9 @@ export type CustomElements = {
    *
    * **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.
+   * announced, and it is the frame's description while it shows, so a screen
+   * reader reads it with the frame. 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
@@ -61608,6 +62128,8 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `cdn`: The address the packages in `dependencies` load from, which the name, an
+   * `@` and the version follow.
    * - `color-mode`/`colorMode`: The color mode the frame renders in.
    *
    * **The frame is a document and a document has its own color mode.** Setting
@@ -61623,6 +62145,10 @@ export type CustomElements = {
    * 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.
+   * - `dependencies`: The npm packages an example can import by name in the built-in document,
+   * each name to a version or a range, as a `package.json` lists them. Each
+   * loads from `cdn`. Set it as JSON in the attribute or as an object. Not
+   * read where `src` is set.
    * - `direction`: Writing direction inside the frame.
    *
    * Not reflected. It is payload for the render message and nothing selects on
@@ -61645,6 +62171,9 @@ 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.
+   * - `modules`: Module files an example imports by a relative path in the built-in
+   * document, each path, such as `utils.js`, to its source. Not read where
+   * `src` is set.
    * - `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
@@ -61743,10 +62272,22 @@ export type CustomElements = {
    * milliseconds by default, so a word typed reloads it once. A pane's text when the sandbox starts reaches it at once.
    *
    * The event carries the pane's `name`, so one sandbox can hold several panes.
-   * `html` sets the preview's markup, `css` sets its stylesheet, and `js` sets
-   * a script that runs as a module after the markup. The sandbox ignores a pane
-   * with any other name, so that pane can show content without changing the
-   * preview.
+   * The names the sandbox writes into its previews:
+   *
+   * - `html` sets the preview's markup.
+   * - `css` sets its stylesheet.
+   * - `js` sets a script that runs as a module after the markup.
+   * - A module file name ending in `.js` or `.mjs`, such as `utils.js`, is a
+   *   module the other scripts import by its path, `./utils.js`.
+   * - `package.json` sets the npm packages the scripts import by name, from its
+   *   `dependencies`, which load from the preview's `cdn`.
+   *
+   * The sandbox ignores a pane with any other name, so that pane can show
+   * content without changing the preview.
+   *
+   * **The sandbox is `:state(modified)` while a source pane holds an edit**, and
+   * that pane's file tab is also `file-modified` and described as modified to
+   * a screen reader. `reset()` puts every pane back to the source it was given.
    *
    * **The dividers are two nested `helix-splitter` elements**, which handle the
    * pointer, the keyboard, and the corner. The inner splitter holds the panes and
@@ -61821,6 +62362,8 @@ export type CustomElements = {
    *
    * `split` follows the lead pane rather than the source, so `split="30"` means
    * the same thing in both directions: thirty percent to whatever comes first.
+   * - `modified-label`/`modifiedLabel`: The description of a file tab whose pane holds an edit, read by screen
+   * readers after the file's name.
    * - `orientation`: Whether the panes sit side by side or stacked.
    *
    * Not reflected, for `lead`'s reason above: no rule selects on it. The axis
@@ -61898,6 +62441,15 @@ export type CustomElements = {
    * - `status`: A status bar, spanning both panes at the bottom.
    * - `toolbar`: A bar across the top, spanning both panes.
    *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `reset() => void`: Puts every source pane back to the source it was given: through the
+   * pane's own `reset()` where it has one, which sends an edit the previews
+   * take, and otherwise by setting its `value` and writing it into the
+   * previews.
+   *
    * ## CSS Custom Properties
    *
    * CSS variables available for styling the component.
@@ -61913,6 +62465,7 @@ 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.
+   * - `file-modified`: A file tab whose pane holds an edit.
    * - `files`: The file tabs over the source panes, where there are several.
    * - `pane`: Either pane.
    * - `panel`: The box that holds the slotted panel.
@@ -61923,6 +62476,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `modified`: While a source pane holds an edit, until `reset()`.
    * - `panel-collapsed`: While there is a panel and it is no taller than `panel-collapsed-size`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -61954,8 +62508,37 @@ export type CustomElements = {
    * that wraps keeps one number. The numbers are drawn, and hidden from screen
    * readers, which read the field.
    *
-   * Enter keeps the indentation of the line it breaks, and the new line is
-   * undone with the next undo as typing is.
+   * Enter keeps the indentation of the line it breaks, one level deeper after
+   * an opening bracket, and puts the closing bracket of an empty pair on a line
+   * of its own. The new line is undone with the next undo as typing is.
+   *
+   * **The editing keys are CodeMirror's.** Tab with text selected indents every
+   * line the selection touches. `Mod+]` indents the lines and `Mod+[` outdents
+   * them, and `Mod+/` comments them out or back in: `//` in a `js` pane, and one
+   * block comment in an `html` or `css` pane. `Mod` is Command on a Mac and
+   * Control elsewhere. Each is one step of undo.
+   *
+   * **`close-brackets` closes brackets and quotes** as you type them: `(`, `[`,
+   * `{` and the three quotes. A closing character typed before the same one
+   * steps over it, Backspace between an empty pair deletes both, and a bracket
+   * typed with text selected goes around the text. **`match-brackets` marks
+   * the bracket beside the caret and its pair** while the field has focus, each
+   * a `bracket` part, and a bracket with no pair is also `bracket-unmatched`.
+   * A bracket in a string or a comment is not matched, where `tokenize` says
+   * which runs those are.
+   *
+   * **`complete` offers completions as you type**: the words of the source and
+   * of `completions` that start with the word before the caret. They open in a
+   * list under the word. The arrow keys move through it, Enter or Tab takes the
+   * word, and Escape closes it. `Ctrl+Space` opens it where it is closed. The
+   * field is `aria-autocomplete="list"` and points at the word chosen with
+   * `aria-activedescendant`, so a screen reader reads each one. Give
+   * `completions` the names a page uses, such as the tag and attribute names of
+   * a custom elements manifest through `manifestWords`.
+   *
+   * **The pane is `:state(modified)` while its source differs from the source it
+   * was given**, the first `value` or the last one set from outside. `reset()`
+   * puts that source back, as an edit the sandbox passes on to its preview.
    *
    * **The source can be written inside the pane** where `value` is not set: its
    * text, or the markup of a `<template>` it holds, without the indentation the
@@ -61966,6 +62549,14 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `close-brackets`/`closeBrackets`: Whether typing an opening bracket or quote types its closing one too, and
+   * a bracket typed with text selected goes around it.
+   * - `complete`: Whether the pane offers completions for the word before the caret, from
+   * the words of the source and of `completions`.
+   * - `completions`: Words the pane offers under `complete` beside the words of the source,
+   * such as tag and attribute names. `manifestWords` reads them from a custom
+   * elements manifest. Set it as JSON in the attribute or as an array.
+   * - `completions-label`/`completionsLabel`: The name of the list of completions, read by screen readers.
    * - `field-label`/`fieldLabel`: The editable region's name, read by screen readers.
    * - `field-name-label`/`fieldNameLabel`: The editable region's name where the pane has a `label`, so each file's
    * field says which file it holds. `{field}` is `field-label` and `{name}`
@@ -61974,12 +62565,17 @@ export type CustomElements = {
    * - `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.
    * - `line-numbers`/`lineNumbers`: Whether each line of the source is numbered, in a gutter beside it.
+   * - `match-brackets`/`matchBrackets`: Whether the bracket beside the caret and its pair are marked while the
+   * field has focus.
    * - `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
    * passed through untouched for a consumer wiring their own panes.
    *
    * Not reflected: nothing selects on it, so it keeps a real default instead.
+   * - `readonly`/`readOnly`: Whether the source is read only: it can be selected and copied, and not
+   * edited, as Sandpack's `readOnly` file is. Tab moves focus out of a field
+   * that is read only.
    * - `tab-indents`/`tabIndents`: Whether Tab indents the source. When it is off, Tab moves focus.
    * - `value`: The source being edited.
    * - `tokenize`: Colors the source: a function from the source and the pane's `name` to
@@ -61993,6 +62589,8 @@ export type CustomElements = {
    *
    * Named for what it returns, runs of text, where Code Block's `highlight`
    * returns markup. (property only)
+   * - `modified`: Whether the source differs from the source the pane was given: its first
+   * `value`, or the last one set from outside. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -62022,13 +62620,23 @@ export type CustomElements = {
    * - `helix-caret`: Fired when the cursor moves.
    * - `helix-edit`: Fired after the source was edited, with the new source.
    *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `reset() => void`: Puts back the source the pane was given, as an edit: `helix-before-edit`
+   * is sent first and can refuse it, and the sandbox passes it to its preview.
+   *
    * ## CSS Custom Properties
    *
    * CSS variables available for styling the component.
    *
    * - `--sandbox-source-background-color`: Fill behind the source.
+   * - `--sandbox-source-bracket-color`: Fill behind a matched bracket, under `match-brackets`. Defaults to `--helix-color-accent-subtle`.
    * - `--sandbox-source-callable-color`: Color of a `callable` run, under `tokenize`. Defaults to `--helix-color-syntax-callable`.
    * - `--sandbox-source-comment-color`: Color of a `comment` run, under `tokenize`. Defaults to `--helix-color-syntax-comment`.
+   * - `--sandbox-source-completions-border-width`: Width of the edge of the list of completions, under `complete`. Defaults to `--helix-border-floating`.
+   * - `--sandbox-source-completions-shadow`: Shadow under the list of completions, under `complete`. Defaults to `--helix-shadow-floating`.
    * - `--sandbox-source-constant-color`: Color of a `constant` run, under `tokenize`. Defaults to `--helix-color-syntax-constant`.
    * - `--sandbox-source-invalid-color`: Color of an `invalid` run, under `tokenize`. Defaults to `--helix-color-syntax-invalid`.
    * - `--sandbox-source-keyword-color`: Color of a `keyword` run, under `tokenize`. Defaults to `--helix-color-syntax-keyword`.
@@ -62042,8 +62650,13 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `field`: The box that scrolls the field and its colors together, under `tokenize` or `line-numbers`.
-   * - `highlight`: The colored copy of the source drawn under the field, under `tokenize` or `line-numbers`.
+   * - `bracket`: The bracket beside the caret and its pair, under `match-brackets`.
+   * - `bracket-unmatched`: A bracket beside the caret with no pair, under `match-brackets`.
+   * - `completion`: One word in the list of completions, under `complete`.
+   * - `completion-active`: The word chosen in that list, which Enter or Tab takes.
+   * - `completions`: The list of completions under the word being typed, under `complete`.
+   * - `field`: The box that scrolls the field and its colors together, under `tokenize`, `line-numbers`, `match-brackets` or `complete`.
+   * - `highlight`: The colored copy of the source drawn under the field, under `tokenize`, `line-numbers`, `match-brackets` or `complete`.
    * - `line`: One line of that copy, under `line-numbers`, numbered in the gutter by its `::before`.
    * - `source`: The editable region.
    * - `token`: One run of the source that has a kind, under `tokenize`.
@@ -62052,6 +62665,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `modified`: While the source differs from the source the pane was given, until `reset()` or a new `value`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-sandbox-source": Partial<
@@ -64208,6 +64822,12 @@ export type CustomElements = {
    * that should survive its own collapse says how much of itself to keep, and
    * only whoever put it there knows that, which is the same reason `min` is a
    * consumer's to set.
+   * - `collapsible`: Which panes can be collapsed, as Zag's panels each take `collapsible`:
+   * `start`, `end`, `both`, or `none`. A pane that cannot be collapsed stops
+   * at the edge without shutting. `Enter` collapses the end pane where only
+   * the end pane can be collapsed, and the start pane otherwise.
+   *
+   * Unset is `both`, and the attribute stays absent until you write it.
    * - `corner-label`/`cornerLabel`: The name of the handle where two dividers cross, read by screen readers.
    * - `corner-value-label`/`cornerValueLabel`: What the handle where two dividers cross says it is set to, both dividers
    * at once: `{across}` is where the divider that runs down stands, and
@@ -64218,6 +64838,11 @@ export type CustomElements = {
    * these words are the whole of where it is.
    * - `default-collapsed`/`defaultCollapsed`: Which pane starts shut, when `collapsed` is not set.
    * - `default-position`/`defaultPosition`: Where the divider starts, when `position` is not set.
+   * - `end-min`/`endMin`: The least the end pane keeps, in the units `min` takes: a percentage, or
+   * a CSS length such as `16rem` resolved against the splitter's box. The
+   * divider stops that far from the end, whatever `max` allows, so `min` and
+   * `end-min` hold a minimum for each pane, as Zag's panels each take
+   * `minSize`.
    * - `label`: The divider's name, read by screen readers.
    *
    * An `aria-label` or `aria-labelledby` on the host names the divider too,
@@ -66441,6 +67066,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `focus-visible`: The tag's cell has keyboard focus that the browser shows, in a `Tag.Group`.
    * - `selected`: The tag is selected in a `Tag.Group` that selects.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -66792,6 +67418,10 @@ export type CustomElements = {
    * along, so the two writes a consumer would make in sequence do not compose
    * into the range they asked for. The platform has this method for that reason
    * and so does this.
+   * - `setRangeText(replacement: string, start?: number, end?: number, selectMode?: SelectionMode) => void`: Replaces a range of the text, as the native method does: the selection
+   * where `start` and `end` are left out, and `selectMode` says what is
+   * selected after. It sends no event, as the native method sends none.
+   * - `select() => void`: Selects everything in the field.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
    *
@@ -67488,6 +68118,17 @@ export type CustomElements = {
    * imperatively later, and nothing is hydrating by then.
    *
    * Here rather than on each control.
+   * - `timeContent`: What each time in the list shows: a function given the time as `HH:mm`,
+   * or `HH:mm:ss` with `seconds`, and the time as the row writes it, that
+   * returns text, an element or a Lit template.
+   *
+   * For the seats left at a time, or a caption under it, as React Aria's
+   * `ListBoxItem` takes children. Content with `slot="start"`, `slot="end"`
+   * or `slot="description"` goes to that slot of the row, and a description
+   * is read after the time. The row is still named by the written time, and
+   * typeahead still finds it by that. Return the written time with your
+   * content where it should still show. A property only, there being no way
+   * to write a function in markup. The wheels draw their own figures. (property only)
    * - `valueAsDate`: The value as a `Date` on 1 January 1970 UTC, or `null` while there is no time.
    *
    * The platform's own pair on `<input type="time">`, epoch day included: a time
@@ -67894,6 +68535,9 @@ export type CustomElements = {
    * - `orientation`: Which way time runs: `horizontal` lays the entries across the page. Unset,
    * they run down it.
    * - `label`: Accessible name for the timeline, for people who reach it out of context.
+   * - `loading`: Marks the timeline as busy fetching more entries, and draws an entry
+   * after the last that says so.
+   * - `loading-label`/`loadingLabel`: The text of the entry drawn while `loading` is set, where the `loading` slot is empty.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -67920,6 +68564,7 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The entries, and any groups of them.
+   * - `loading`: Content for the entry after the last while `loading` is set. Falls back to `loading-label`.
    *
    * ## CSS Custom Properties
    *
@@ -67927,10 +68572,17 @@ export type CustomElements = {
    *
    * - `--timeline-gap`: Space between one entry and the next.
    *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `loading`: The entry after the last while `loading` is set.
+   *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `loading`: While `loading` is set.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-timeline": Partial<
@@ -70615,6 +71267,12 @@ export type CustomElements = {
    * and scrolls it sideways: Left and Right move between items, the other
    * way round on a right-to-left page, and `estimate` is an item's width. A
    * grid always runs down.
+   * - `reorderable`: Lets a reader move items, once `@fusion.dev/helix/virtual-list/reorder`
+   * (or `@fusion.dev/helix-headless/virtual-list/reorder`) is imported: Alt
+   * with an arrow moves the row the keys are on, and a pointer drags a row.
+   * The list moves no item itself: you move your `items` on `helix-reorder`.
+   * Without that import it does nothing, so a list that never moves items
+   * carries none of the code. A list of one column, without sections.
    * - `section-field`/`sectionField`: The field of each item that names its section, as a key or a path of
    * keys. Set, the items are drawn in sections: a header, then the items, in
    * an element with the `group` role that the header names. A section starts
@@ -70677,8 +71335,10 @@ export type CustomElements = {
    *
    * - `change`: Fired once a press or a key has changed which items are selected, in a list with `selection-mode`.
    * - `helix-before-change`: Fired before a press or a key changes which items are selected, with the `value` it would leave. Cancelable.
+   * - `helix-before-reorder`: Fired when an item is dropped at a new place, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported, with every key in the new order. Cancelable: cancel it to keep the item where it is.
    * - `helix-load-more`: Fired when a reader comes within one screen of the last item, once for each length of the set.
    * - `helix-range-change`: Fired when the items on screen change, with the new `first` and `last`, which `range` also holds.
+   * - `helix-reorder`: Fired after `helix-before-reorder` when nobody canceled it. Set `items` to the order in `keys`. Cancelable: cancel it to say the move did not happen.
    *
    * ## Slots
    *
@@ -70704,6 +71364,15 @@ export type CustomElements = {
    *
    * - `--virtual-list-block-size`: How tall the scrolling box is. A list that runs across is as tall as its rows unless you set it.
    * - `--virtual-list-disabled-opacity`: How faint a row `disabled-keys` names is drawn.
+   * - `--virtual-list-drag-preview-background-color`: The fill behind the copy of a row a pointer drags, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported.
+   * - `--virtual-list-drag-preview-border-color`: The color of the edge around the copy of a row a pointer drags.
+   * - `--virtual-list-drag-preview-border-width`: The width of the edge around the copy of a row a pointer drags. None by default, where the shadow lifts it.
+   * - `--virtual-list-drag-preview-opacity`: The opacity of the copy of a row a pointer drags.
+   * - `--virtual-list-drag-preview-radius`: The corner radius of the copy of a row a pointer drags.
+   * - `--virtual-list-drag-preview-shadow`: The shadow that raises the copy of a row a pointer drags over the page.
+   * - `--virtual-list-dragging-opacity`: The opacity of a row being dragged, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported.
+   * - `--virtual-list-drop-indicator-color`: The color of the line where a dragged row would land.
+   * - `--virtual-list-drop-indicator-size`: The thickness of the line where a dragged row would land.
    * - `--virtual-list-empty-color`: The color of the text in the row shown when there are no items.
    * - `--virtual-list-empty-padding`: The space around the text in the row shown when there are no items.
    * - `--virtual-list-loading-color`: The color of the text in the row drawn while `loading` is set.
@@ -73013,6 +73682,8 @@ export type CustomElementsSolidJs = {
    * separate actions. The semantics and the joining are separate questions:
    * `role="group"` and a shared name are what make a set of buttons a set, and
    * `helix-flex` gives the spacing without the group.
+   * - `disabled`: Disables every button in the group, and says so on the group with
+   * `aria-disabled`. Reflected, so a stylesheet can select on it.
    * - `disallow-empty-selection`/`disallowEmptySelection`: Keeps at least one button pressed once one is, as React Aria's
    * `disallowEmptySelection`: a press that would leave none pressed is
    * refused.
@@ -73047,6 +73718,8 @@ export type CustomElementsSolidJs = {
    *
    * The attribute is the seed, and a press changes the property, which does
    * not reflect, as a native control's `value` does not.
+   * - `values`: The pressed values as a list, in a selection mode, and an empty list
+   * otherwise. Written, it presses exactly those buttons. (property only)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -73966,6 +74639,8 @@ export type CustomElementsSolidJs = {
    * Third", rather than with a comma this component chose.
    * - `linked-label`/`linkedLabel`: The text read with a card that has connections both ways. `{leadsTo}` is
    * `leads-to-label` and `{comesFrom}` is `comes-from-label`, each filled in.
+   * - `loading`: Marks the board as busy while its document arrives: the board is
+   * `aria-busy`, and the `loading` slot is shown.
    * - `moved-label`/`movedLabel`: What screen readers hear after a key moves a card, with `{name}` for the
    * card and `{x}` and `{y}` for where it now is, in the document's units.
    *
@@ -74131,6 +74806,7 @@ export type CustomElementsSolidJs = {
    * - `footer`: Content below the board.
    * - `fullscreen-icon`: Replaces the glyph inside the fullscreen button.
    * - `header`: Content above the board.
+   * - `loading`: Content shown while `loading` is set, such as a progress bar while the document arrives.
    * - `pan-down-icon`: Replaces the glyph inside the pan down button.
    * - `pan-end-icon`: Replaces the glyph inside the button that pans toward the end of a line of text.
    * - `pan-start-icon`: Replaces the glyph inside the button that pans toward the start of a line of text.
@@ -74253,6 +74929,7 @@ export type CustomElementsSolidJs = {
    * - `fullscreen`: While the board fills the screen.
    * - `holding`: An item picked up with a click follows the pointer until the next press puts it down.
    * - `idle`: The user has been still for `idle-delay` milliseconds. The board's own controls stay; select on it to hide chrome of your own.
+   * - `loading`: While `loading` is set.
    * - `pressing`: While a press on the board, its cards or its connections is under way.
    * - `sharing`: The page keeps the plain wheel and one finger, with `gestures="cooperative"` or while a board with `gestures="activate"` waits to be pressed.
    * - `using`: A board with `gestures="activate"` has been pressed and has the gestures.
@@ -74781,6 +75458,9 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `feedback`: A message about the draft, shown under the field. While set, the composer
+   * is invalid, does not send, and does not submit, as a field's `feedback`
+   * does, and the message is announced as it appears.
    * - `label`: The field's name, read by screen readers.
    * - `maxlength`/`maxLength`: The most characters a draft can have. The field stops taking more.
    * - `minlength`/`minLength`: The fewest characters a draft can have, once the reader has written in
@@ -74946,6 +75626,7 @@ export type CustomElementsSolidJs = {
    * - `tools`: The row under the field.
    * - `composer`: The whole composer.
    * - `end`: The box around the `end` slot.
+   * - `feedback`: The `feedback` message, under the field while it is set.
    * - `mark`: The icon inside the send button.
    * - `start`: The box around the `start` slot.
    *
@@ -74953,7 +75634,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
-   * - `invalid`: The draft fails `required`, `minlength`, `maxlength`, or a custom error, and the reader has tried to send or submit it, or edited the field and left it.
+   * - `invalid`: The draft fails `required`, `minlength`, `maxlength`, or a custom error, and the reader has tried to send or submit it, or edited the field and left it. Or `feedback` is set.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-chat-composer": Partial<
@@ -77588,6 +78269,15 @@ export type CustomElementsSolidJs = {
    * Defaulted rather than left empty. An icon-only control must be named, and
    * the name of this one is not a judgment call: every copy button in the
    * world is called Copy. A consumer with a better word still sets it.
+   * - `show-label`/`showLabel`: Draws the name as words beside the icon, and the result in their place
+   * after a press. The button stays as wide as the longest of them.
+   * - `tooltip`: When the tooltip shows: `full` on hover and focus and after a press,
+   * `copy` only after a press, to show the result, and `none` never, for a
+   * button whose result shows another way, such as under `show-label`.
+   *
+   * Unset is `full`, and the attribute stays absent until you write it.
+   * - `tooltip-placement`/`tooltipPlacement`: The side the tooltip prefers. It moves to another side where this one
+   * does not fit.
    * - `value`: The text copied to the clipboard.
    *
    * It replaces `Button.value`, the submit value: a copy button never submits,
@@ -77771,6 +78461,7 @@ export type CustomElementsSolidJs = {
    * - `live`: The live region that says `copied-label` or `error-label` after a press, and `pending-label` when the button becomes pending under focus. It is rendered from the first time it says anything.
    * - `mark`: The clipboard icon, and the confirmation icon that replaces it.
    * - `spinner`: The ring a pending button turns, an empty element the styled button draws over the icon. It is rendered only while the button is pending.
+   * - `text`: The words beside the icon, under `show-label`. It holds all three, `label`, `copied-label` and `error-label`, with all but the current one hidden.
    * - `tooltip`: The tooltip bubble, forwarded from the tooltip inside the button.
    * - `tooltip-arrow`: The tooltip's arrow, which points at the button.
    * - `tooltip-arrow-bottom`: The arrow while the bubble is below the button, on the bubble's top edge. Set together with `tooltip-arrow`.
@@ -78011,6 +78702,10 @@ export type CustomElementsSolidJs = {
    * Off by default. Windowing costs a scroll listener, a measurement per row
    * drawn, and a `block-size` on the scrolling box, and a table of twenty rows
    * should pay none of them.
+   *
+   * While windowed, the `table` part scrolls on this tier: it carries
+   * `data-scroller`, and `core` ships `[data-scroller] { overflow: auto }` into
+   * every shadow root. You still need to give it a block size.
    * - `rows`: Every row of the result, in the order it arrived.
    *
    * A property and not an attribute: it is an array. Left alone this element
@@ -81976,6 +82671,9 @@ export type CustomElementsSolidJs = {
    * - `linked-both-label`/`linkedBothLabel`: How a note linked both to and from the selected one is described, with `{note}`.
    * - `linked-from-label`/`linkedFromLabel`: How a note the selected one links to is described, with `{note}`, the selected note's name.
    * - `links-to-label`/`linksToLabel`: How a note that links to the selected one is described, with `{note}`.
+   * - `loading`: Marks the graph as busy while its notes arrive: the list is `aria-busy`,
+   * and the panel says so where it holds no notes yet.
+   * - `loading-label`/`loadingLabel`: What the panel says while `loading` is set and the list holds no notes.
    * - `moved-down-label`/`movedDownLabel`: What screen readers hear once the drawing has moved down, after `moved()`.
    * - `moved-left-label`/`movedLeftLabel`: What screen readers hear once the drawing has moved left, after `moved()`.
    * - `moved-right-label`/`movedRightLabel`: What screen readers hear once the drawing has moved right, after `moved()`.
@@ -81998,6 +82696,15 @@ export type CustomElementsSolidJs = {
    * - `hiddenGroups`: The groups turned off in the legend, by name, whose notes neither the drawing nor the list shows. A property, never an attribute. (property only)
    * - `links`: The links between notes, each from `source` to `target`. A property, never an attribute. (property only)
    * - `nodes`: The notes. A property, never an attribute. (property only)
+   * - `noteContent`: What each note's row in the list shows in place of its name: a function
+   * given the note that returns text, an element or a Lit template.
+   *
+   * For an icon by its kind, or a date under its name, as React Aria's
+   * `ListBoxItem` takes children. The row is still named by the note's name,
+   * which typeahead and the search find it by, and described by how it stands
+   * to the selected note. Return the name with your content where it should
+   * still show. A property only, there being no way to write a function in
+   * markup. (property only)
    * - `ready`: Whether the graph has been drawn whole. For code that runs after `helix-graph-ready`. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
@@ -82044,6 +82751,7 @@ export type CustomElementsSolidJs = {
    * - `footer`: Content below the graph.
    * - `fullscreen-icon`: Replaces the glyph inside the fullscreen button.
    * - `header`: Content above the graph.
+   * - `loading`: What the panel shows while `loading` is set and the list holds no notes. Defaults to `loading-label`.
    * - `pan-down-icon`: Replaces the glyph inside the pan down button.
    * - `pan-end-icon`: Replaces the glyph inside the button that pans toward the end of a line of text.
    * - `pan-start-icon`: Replaces the glyph inside the button that pans toward the start of a line of text.
@@ -82135,6 +82843,7 @@ export type CustomElementsSolidJs = {
    * - `legend-swatch`: The mark in a group's color, before its name.
    * - `list`: The list of notes, which draws only the rows in view.
    * - `live`: What screen readers hear: how many notes there are when a search or the legend changes it, and which way the drawing went after a key or a control moved it.
+   * - `loading`: The box in place of the list while `loading` is set and it holds no notes, holding the `loading` slot.
    * - `note`: One note in the list.
    * - `note-cursor`: The note the keyboard is on in the list.
    * - `note-linked`: A note linked to or from the selected one.
@@ -82162,6 +82871,7 @@ export type CustomElementsSolidJs = {
    * - `empty`: The list holds no notes: the graph has none, or a search or the groups hid them all.
    * - `fullscreen`: The graph fills the screen.
    * - `idle`: The user has been still long enough for the header and footer to fade.
+   * - `loading`: While `loading` is set.
    * - `local`: The drawing shows the selected note's local graph, with `depth`.
    * - `panel-open`: A graph with `no-panel` has the search and the list open over the drawing.
    * - `ready`: The graph has been drawn whole, after `helix-graph-ready`.
@@ -84789,7 +85499,8 @@ export type CustomElementsSolidJs = {
    * itself.
    * - `value`: The selected rows' values, separated by commas with no spaces, such as `a,c`, in a list that selects.
    *
-   * Set it to start with rows selected. A row's value is its `value`, or its
+   * A press or a key writes it in row order, as Data Table does, whatever
+   * order the rows were chosen in. Set it to start with rows selected. A row's value is its `value`, or its
    * words where it has none.
    * - `rows`: The rows the list holds, in order. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -86820,6 +87531,8 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `checked`: The row is checked.
+   * - `disabled`: The row is disabled.
+   * - `expanded`: Under `submenus="flyout"`, the row's submenu is open beside it.
    * - `highlighted`: In a menu with `filterable`, the arrow keys or the pointer reached the row while focus stays in the filter field.
    * - `submenu-mark`: Under `submenus="flyout"`, a row in this row's submenu can be ticked or opens a submenu, so the submenu keeps its trailing column.
    * - `submenu-start`: Under `submenus="flyout"`, a row in this row's submenu has content before its label, so the submenu keeps its leading column.
@@ -86893,6 +87606,9 @@ export type CustomElementsSolidJs = {
    * - `placement`: The side the menu opens on, when there is room.
    *
    * It moves if that side does not fit.
+   * - `results-label`/`resultsLabel`: What a screen reader hears when the filter narrows the rows. `{count}` is
+   * how many rows are left, written in the locale, and each language writes
+   * the forms it has, as Listbox's `results-label` does.
    * - `submenus`: How a submenu opens. `drill` shows it in place of the page showing, with
    * a way back. `flyout` opens it in a panel of its own beside its row.
    * - `filterMatch`: Whether a row is kept by the filter: a function given the row's words and
@@ -86901,6 +87617,13 @@ export type CustomElementsSolidJs = {
    *
    * Absent, a row is kept where its words hold the filter, in any case. A
    * property only, there being no way to write a function in markup. (property only)
+   * - `checkedValues`: The values of the choice rows that are checked, anywhere in the menu, in
+   * document order.
+   *
+   * Set it to check exactly those rows and uncheck every other choice row, as
+   * React Aria's `selectedKeys` controls a menu's selection from one place.
+   * Each row keeps its own `checked` too, which this reads and writes. `change`
+   * is sent on the menu when a reader's choice changes it. (property only)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -86927,6 +87650,7 @@ export type CustomElementsSolidJs = {
    * Events that will be emitted by the component.
    *
    * - `toggle`: The menu opened or closed. The event carries `newState` and `oldState`.
+   * - `change`: A reader's choice checked or unchecked rows. Read `checkedValues` for the rows that are checked now.
    * - `helix-before-close`: The menu is about to close. Cancelable: cancel it to keep it open.
    * - `helix-before-open`: The menu is about to open. Cancelable: cancel it to keep it closed.
    * - `helix-filter`: The text in the filter field changed, with the new text in `detail.value`. Cancelable: cancel it to keep every row showing and narrow the rows yourself.
@@ -86937,6 +87661,8 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The items.
+   * - `empty`: What the menu shows when it has no items, for content richer than `empty-text`.
+   * - `loading`: What the menu shows while its items load, for content richer than `loading-text`.
    * - `no-results`: What the menu shows when the filter keeps no rows, for content richer than `no-results-text`.
    * - `trigger`: The control that opens the menu, or with `context` the area a context menu opens over.
    *
@@ -86988,6 +87714,8 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `drilled`: A submenu's page is showing, so content that is not a row can hide with the top page.
+   * - `entering`: From the moment the panel shows until its entrance has finished.
+   * - `exiting`: From the moment the panel hides until its exit has finished.
    * - `mark`: A row on the current page has a checkbox or a link, so every row keeps the trailing column.
    * - `open`: While the menu is open.
    * - `placed-bottom`: While the open panel sits below its trigger.
@@ -88876,10 +89604,18 @@ export type CustomElementsSolidJs = {
    *
    * The orb is styled only and has behavior, which the tier split does not
    * otherwise allow. Its role, name and busy state follow `state`, unless
-   * `announce` makes it a status region, and the rest
-   * is drawing dots to a canvas, so there is no structure to restyle. For a
-   * drawing of your own, the headless `Loader` holds the same busy progress bar
-   * and its name.
+   * `announce` makes it a status region, and the rest is drawing dots to a
+   * canvas.
+   *
+   * **A shape of your own goes in the default slot**, such as an SVG, an
+   * image, or an animation. The orb draws it over its box in place of the dots
+   * and stops drawing them, and keeps its role, name, busy state and custom
+   * states, so your stylesheet can change what you slotted by state, such as
+   * `helix-orb:state(working) svg { animation-duration: 1s }`. What you slot is
+   * for the eye: a screen reader hears the orb's name.
+   *
+   * `--orb-speed` scales how fast the dots move, so `0.5` is a calmer orb at
+   * half the tempo.
    *
    * Each state is also a custom state, such as `:state(thinking)` or
    * `:state(done)`, so a page can style what sits around an orb by what it shows,
@@ -88961,6 +89697,12 @@ export type CustomElementsSolidJs = {
    * browser harness's awaits it alone: a browser always runs the frame, and a
    * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
    *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: A shape of your own, drawn over the orb's box in place of the dots.
+   *
    * ## CSS Custom Properties
    *
    * CSS variables available for styling the component.
@@ -88968,12 +89710,13 @@ export type CustomElementsSolidJs = {
    * - `--orb-color`: The color of the nearest dots. Defaults to `currentColor`.
    * - `--orb-ground`: The color the farthest dots fade toward. Defaults to the page's background.
    * - `--orb-size`: The diameter. Overrides `size`.
+   * - `--orb-speed`: How fast the dots move, as a multiple of each state's own tempo. Defaults to `1`.
    *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `canvas`: The canvas the dots are drawn on.
+   * - `canvas`: The canvas the dots are drawn on. Hidden while the default slot holds a shape.
    * - `live`: The word for the state, which the orb says as it changes when `announce` is set. Rendered only then, and clipped out of view.
    *
    * ## CSS States
@@ -89039,6 +89782,9 @@ export type CustomElementsSolidJs = {
    * box the sections scroll in.
    * - `label`: The navigation's name, read by screen readers. A heading in the `heading`
    * slot names it in place of this.
+   * - `marks`: Which links are marked. `reading` marks the one section being read, the
+   * last whose heading has passed the reading line. `visible` marks every
+   * section with part of it on screen, and the mark runs across their links.
    * - `offset`: How far below the top of the scroll container a heading counts as reached,
    * in pixels. The scroll container is the window or the panel the sections
    * scroll in.
@@ -89054,6 +89800,9 @@ export type CustomElementsSolidJs = {
    * writable property in this library that a component also writes is state a
    * consumer can own; this one cannot be, and saying so with the type is better
    * than saying it in a sentence nobody reads. (property only) (readonly)
+   * - `marked`: The ids of the sections whose links are marked, in page order: the one
+   * `current` names, or under `marks="visible"` every section on screen.
+   * Read-only, for the reason `current` gives. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -89089,6 +89838,14 @@ export type CustomElementsSolidJs = {
    * - `heading`: A heading above the links, such as "On this page". It names the navigation.
    * - `indicator`: A mark of your own, drawn inside the `indicator` part, where `--indicator-x`, `--indicator-y`, `--indicator-inline-size` and `--indicator-block-size` reach it.
    *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `scrollToSection(id: string) => boolean`: Scrolls to the section with this id, as a press on its link does, with
+   * `behavior`, and marks its link at once. The address and focus stay where
+   * they are. Returns whether the outline has a link to that section.
+   *
    * ## CSS Custom Properties
    *
    * CSS variables available for styling the component.
@@ -89903,12 +90660,25 @@ export type CustomElementsSolidJs = {
    * hydration, or diffed by a framework, it comes back holding whatever the
    * last reader did rather than what the author wrote. `:state(open)` carries
    * the resolved state for stylesheets, which is what the mirror is for.
+   * - `anchor`: The element the panel opens against, where that is not the trigger: its
+   * `id` in the same document or shadow root, or the element itself. Left
+   * empty, the panel opens against the trigger, or against the button whose
+   * command opened it.
    * - `arrow`: Draws a point on the panel's edge facing the trigger.
    *
    * Off by default, which is the house style: a panel that opens from its
    * trigger already reads as belonging to it.
+   * - `container-padding`/`containerPadding`: How close to the window's edges the panel may come, in pixels, when it
+   * slides, shrinks or moves to the other side to fit. Left unset, it slides
+   * and shrinks to 8 pixels from an edge and moves to the other side only
+   * once it would cross one.
+   * - `cross-offset`/`crossOffset`: How far to slide the panel along the side it is on, in pixels: to the
+   * right on the top or the bottom, and down on the left or the right.
    * - `fallback-label`/`fallbackLabel`: The panel's name where nothing else names it: no `label`, no heading in
    * the panel, and no `aria-labelledby` on the host.
+   * - `flip`: Whether the panel moves to the other side of the trigger when its own
+   * side has no room. On by default. Write `flip="false"` to keep it on its
+   * side, where it shrinks to fit, as React Aria's `shouldFlip` turns off.
    * - `label`: The panel's name, read by screen readers. Left empty, the first heading in
    * the panel names it, and then `fallback-label`.
    * - `modal`: Keeps `Tab` inside the panel while it is open, marks the panel
@@ -90000,6 +90770,8 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `aligned-end`: While the panel is aligned to the end of the side it sits on.
+   * - `aligned-start`: While the panel is aligned to the start of the side it sits on.
    * - `entering`: From the moment the panel shows until its entrance has finished.
    * - `exiting`: From the moment the panel hides until its exit has finished.
    * - `open`: While the popover is open.
@@ -91186,6 +91958,16 @@ export type CustomElementsSolidJs = {
    * since a browser reads one only as a document starts. A `src` document
    * declares its own.
    *
+   * **`dependencies` names packages by version instead**, as a `package.json`
+   * does: `{"canvas-confetti": "^1.9"}` loads `canvas-confetti` and the paths
+   * under it from `cdn`, `https://esm.sh/` by default, at the version or range
+   * given. An address in `imports` wins over a package of the same name.
+   *
+   * **`modules` holds files the example imports by a relative path**: each path,
+   * such as `utils.js`, to its source, and `import { add } from './utils.js'`
+   * in the `js` pane or in another module loads it. A sandbox writes each pane
+   * named for a module file here.
+   *
    * **Examples render in a frame**, so an example's styles and scripts do not
    * affect the page around the sandbox, and `position: fixed` stays inside the
    * pane. The frame starts empty, with its own stylesheets and its own custom
@@ -91206,8 +91988,9 @@ export type CustomElementsSolidJs = {
    *
    * **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.
+   * announced, and it is the frame's description while it shows, so a screen
+   * reader reads it with the frame. 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
@@ -91217,6 +92000,8 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `cdn`: The address the packages in `dependencies` load from, which the name, an
+   * `@` and the version follow.
    * - `color-mode`/`colorMode`: The color mode the frame renders in.
    *
    * **The frame is a document and a document has its own color mode.** Setting
@@ -91232,6 +92017,10 @@ export type CustomElementsSolidJs = {
    * 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.
+   * - `dependencies`: The npm packages an example can import by name in the built-in document,
+   * each name to a version or a range, as a `package.json` lists them. Each
+   * loads from `cdn`. Set it as JSON in the attribute or as an object. Not
+   * read where `src` is set.
    * - `direction`: Writing direction inside the frame.
    *
    * Not reflected. It is payload for the render message and nothing selects on
@@ -91254,6 +92043,9 @@ 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.
+   * - `modules`: Module files an example imports by a relative path in the built-in
+   * document, each path, such as `utils.js`, to its source. Not read where
+   * `src` is set.
    * - `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
@@ -91355,10 +92147,22 @@ export type CustomElementsSolidJs = {
    * milliseconds by default, so a word typed reloads it once. A pane's text when the sandbox starts reaches it at once.
    *
    * The event carries the pane's `name`, so one sandbox can hold several panes.
-   * `html` sets the preview's markup, `css` sets its stylesheet, and `js` sets
-   * a script that runs as a module after the markup. The sandbox ignores a pane
-   * with any other name, so that pane can show content without changing the
-   * preview.
+   * The names the sandbox writes into its previews:
+   *
+   * - `html` sets the preview's markup.
+   * - `css` sets its stylesheet.
+   * - `js` sets a script that runs as a module after the markup.
+   * - A module file name ending in `.js` or `.mjs`, such as `utils.js`, is a
+   *   module the other scripts import by its path, `./utils.js`.
+   * - `package.json` sets the npm packages the scripts import by name, from its
+   *   `dependencies`, which load from the preview's `cdn`.
+   *
+   * The sandbox ignores a pane with any other name, so that pane can show
+   * content without changing the preview.
+   *
+   * **The sandbox is `:state(modified)` while a source pane holds an edit**, and
+   * that pane's file tab is also `file-modified` and described as modified to
+   * a screen reader. `reset()` puts every pane back to the source it was given.
    *
    * **The dividers are two nested `helix-splitter` elements**, which handle the
    * pointer, the keyboard, and the corner. The inner splitter holds the panes and
@@ -91433,6 +92237,8 @@ export type CustomElementsSolidJs = {
    *
    * `split` follows the lead pane rather than the source, so `split="30"` means
    * the same thing in both directions: thirty percent to whatever comes first.
+   * - `modified-label`/`modifiedLabel`: The description of a file tab whose pane holds an edit, read by screen
+   * readers after the file's name.
    * - `orientation`: Whether the panes sit side by side or stacked.
    *
    * Not reflected, for `lead`'s reason above: no rule selects on it. The axis
@@ -91510,6 +92316,15 @@ export type CustomElementsSolidJs = {
    * - `status`: A status bar, spanning both panes at the bottom.
    * - `toolbar`: A bar across the top, spanning both panes.
    *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `reset() => void`: Puts every source pane back to the source it was given: through the
+   * pane's own `reset()` where it has one, which sends an edit the previews
+   * take, and otherwise by setting its `value` and writing it into the
+   * previews.
+   *
    * ## CSS Custom Properties
    *
    * CSS variables available for styling the component.
@@ -91525,6 +92340,7 @@ 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.
+   * - `file-modified`: A file tab whose pane holds an edit.
    * - `files`: The file tabs over the source panes, where there are several.
    * - `pane`: Either pane.
    * - `panel`: The box that holds the slotted panel.
@@ -91535,6 +92351,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `modified`: While a source pane holds an edit, until `reset()`.
    * - `panel-collapsed`: While there is a panel and it is no taller than `panel-collapsed-size`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -91569,8 +92386,37 @@ export type CustomElementsSolidJs = {
    * that wraps keeps one number. The numbers are drawn, and hidden from screen
    * readers, which read the field.
    *
-   * Enter keeps the indentation of the line it breaks, and the new line is
-   * undone with the next undo as typing is.
+   * Enter keeps the indentation of the line it breaks, one level deeper after
+   * an opening bracket, and puts the closing bracket of an empty pair on a line
+   * of its own. The new line is undone with the next undo as typing is.
+   *
+   * **The editing keys are CodeMirror's.** Tab with text selected indents every
+   * line the selection touches. `Mod+]` indents the lines and `Mod+[` outdents
+   * them, and `Mod+/` comments them out or back in: `//` in a `js` pane, and one
+   * block comment in an `html` or `css` pane. `Mod` is Command on a Mac and
+   * Control elsewhere. Each is one step of undo.
+   *
+   * **`close-brackets` closes brackets and quotes** as you type them: `(`, `[`,
+   * `{` and the three quotes. A closing character typed before the same one
+   * steps over it, Backspace between an empty pair deletes both, and a bracket
+   * typed with text selected goes around the text. **`match-brackets` marks
+   * the bracket beside the caret and its pair** while the field has focus, each
+   * a `bracket` part, and a bracket with no pair is also `bracket-unmatched`.
+   * A bracket in a string or a comment is not matched, where `tokenize` says
+   * which runs those are.
+   *
+   * **`complete` offers completions as you type**: the words of the source and
+   * of `completions` that start with the word before the caret. They open in a
+   * list under the word. The arrow keys move through it, Enter or Tab takes the
+   * word, and Escape closes it. `Ctrl+Space` opens it where it is closed. The
+   * field is `aria-autocomplete="list"` and points at the word chosen with
+   * `aria-activedescendant`, so a screen reader reads each one. Give
+   * `completions` the names a page uses, such as the tag and attribute names of
+   * a custom elements manifest through `manifestWords`.
+   *
+   * **The pane is `:state(modified)` while its source differs from the source it
+   * was given**, the first `value` or the last one set from outside. `reset()`
+   * puts that source back, as an edit the sandbox passes on to its preview.
    *
    * **The source can be written inside the pane** where `value` is not set: its
    * text, or the markup of a `<template>` it holds, without the indentation the
@@ -91581,6 +92427,14 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `close-brackets`/`closeBrackets`: Whether typing an opening bracket or quote types its closing one too, and
+   * a bracket typed with text selected goes around it.
+   * - `complete`: Whether the pane offers completions for the word before the caret, from
+   * the words of the source and of `completions`.
+   * - `completions`: Words the pane offers under `complete` beside the words of the source,
+   * such as tag and attribute names. `manifestWords` reads them from a custom
+   * elements manifest. Set it as JSON in the attribute or as an array.
+   * - `completions-label`/`completionsLabel`: The name of the list of completions, read by screen readers.
    * - `field-label`/`fieldLabel`: The editable region's name, read by screen readers.
    * - `field-name-label`/`fieldNameLabel`: The editable region's name where the pane has a `label`, so each file's
    * field says which file it holds. `{field}` is `field-label` and `{name}`
@@ -91589,12 +92443,17 @@ export type CustomElementsSolidJs = {
    * - `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.
    * - `line-numbers`/`lineNumbers`: Whether each line of the source is numbered, in a gutter beside it.
+   * - `match-brackets`/`matchBrackets`: Whether the bracket beside the caret and its pair are marked while the
+   * field has focus.
    * - `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
    * passed through untouched for a consumer wiring their own panes.
    *
    * Not reflected: nothing selects on it, so it keeps a real default instead.
+   * - `readonly`/`readOnly`: Whether the source is read only: it can be selected and copied, and not
+   * edited, as Sandpack's `readOnly` file is. Tab moves focus out of a field
+   * that is read only.
    * - `tab-indents`/`tabIndents`: Whether Tab indents the source. When it is off, Tab moves focus.
    * - `value`: The source being edited.
    * - `tokenize`: Colors the source: a function from the source and the pane's `name` to
@@ -91608,6 +92467,8 @@ export type CustomElementsSolidJs = {
    *
    * Named for what it returns, runs of text, where Code Block's `highlight`
    * returns markup. (property only)
+   * - `modified`: Whether the source differs from the source the pane was given: its first
+   * `value`, or the last one set from outside. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -91637,13 +92498,23 @@ export type CustomElementsSolidJs = {
    * - `helix-caret`: Fired when the cursor moves.
    * - `helix-edit`: Fired after the source was edited, with the new source.
    *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `reset() => void`: Puts back the source the pane was given, as an edit: `helix-before-edit`
+   * is sent first and can refuse it, and the sandbox passes it to its preview.
+   *
    * ## CSS Custom Properties
    *
    * CSS variables available for styling the component.
    *
    * - `--sandbox-source-background-color`: Fill behind the source.
+   * - `--sandbox-source-bracket-color`: Fill behind a matched bracket, under `match-brackets`. Defaults to `--helix-color-accent-subtle`.
    * - `--sandbox-source-callable-color`: Color of a `callable` run, under `tokenize`. Defaults to `--helix-color-syntax-callable`.
    * - `--sandbox-source-comment-color`: Color of a `comment` run, under `tokenize`. Defaults to `--helix-color-syntax-comment`.
+   * - `--sandbox-source-completions-border-width`: Width of the edge of the list of completions, under `complete`. Defaults to `--helix-border-floating`.
+   * - `--sandbox-source-completions-shadow`: Shadow under the list of completions, under `complete`. Defaults to `--helix-shadow-floating`.
    * - `--sandbox-source-constant-color`: Color of a `constant` run, under `tokenize`. Defaults to `--helix-color-syntax-constant`.
    * - `--sandbox-source-invalid-color`: Color of an `invalid` run, under `tokenize`. Defaults to `--helix-color-syntax-invalid`.
    * - `--sandbox-source-keyword-color`: Color of a `keyword` run, under `tokenize`. Defaults to `--helix-color-syntax-keyword`.
@@ -91657,8 +92528,13 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `field`: The box that scrolls the field and its colors together, under `tokenize` or `line-numbers`.
-   * - `highlight`: The colored copy of the source drawn under the field, under `tokenize` or `line-numbers`.
+   * - `bracket`: The bracket beside the caret and its pair, under `match-brackets`.
+   * - `bracket-unmatched`: A bracket beside the caret with no pair, under `match-brackets`.
+   * - `completion`: One word in the list of completions, under `complete`.
+   * - `completion-active`: The word chosen in that list, which Enter or Tab takes.
+   * - `completions`: The list of completions under the word being typed, under `complete`.
+   * - `field`: The box that scrolls the field and its colors together, under `tokenize`, `line-numbers`, `match-brackets` or `complete`.
+   * - `highlight`: The colored copy of the source drawn under the field, under `tokenize`, `line-numbers`, `match-brackets` or `complete`.
    * - `line`: One line of that copy, under `line-numbers`, numbered in the gutter by its `::before`.
    * - `source`: The editable region.
    * - `token`: One run of the source that has a kind, under `tokenize`.
@@ -91667,6 +92543,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `modified`: While the source differs from the source the pane was given, until `reset()` or a new `value`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-sandbox-source": Partial<
@@ -93865,6 +94742,12 @@ export type CustomElementsSolidJs = {
    * that should survive its own collapse says how much of itself to keep, and
    * only whoever put it there knows that, which is the same reason `min` is a
    * consumer's to set.
+   * - `collapsible`: Which panes can be collapsed, as Zag's panels each take `collapsible`:
+   * `start`, `end`, `both`, or `none`. A pane that cannot be collapsed stops
+   * at the edge without shutting. `Enter` collapses the end pane where only
+   * the end pane can be collapsed, and the start pane otherwise.
+   *
+   * Unset is `both`, and the attribute stays absent until you write it.
    * - `corner-label`/`cornerLabel`: The name of the handle where two dividers cross, read by screen readers.
    * - `corner-value-label`/`cornerValueLabel`: What the handle where two dividers cross says it is set to, both dividers
    * at once: `{across}` is where the divider that runs down stands, and
@@ -93875,6 +94758,11 @@ export type CustomElementsSolidJs = {
    * these words are the whole of where it is.
    * - `default-collapsed`/`defaultCollapsed`: Which pane starts shut, when `collapsed` is not set.
    * - `default-position`/`defaultPosition`: Where the divider starts, when `position` is not set.
+   * - `end-min`/`endMin`: The least the end pane keeps, in the units `min` takes: a percentage, or
+   * a CSS length such as `16rem` resolved against the splitter's box. The
+   * divider stops that far from the end, whatever `max` allows, so `min` and
+   * `end-min` hold a minimum for each pane, as Zag's panels each take
+   * `minSize`.
    * - `label`: The divider's name, read by screen readers.
    *
    * An `aria-label` or `aria-labelledby` on the host names the divider too,
@@ -96146,6 +97034,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `focus-visible`: The tag's cell has keyboard focus that the browser shows, in a `Tag.Group`.
    * - `selected`: The tag is selected in a `Tag.Group` that selects.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -96501,6 +97390,10 @@ export type CustomElementsSolidJs = {
    * along, so the two writes a consumer would make in sequence do not compose
    * into the range they asked for. The platform has this method for that reason
    * and so does this.
+   * - `setRangeText(replacement: string, start?: number, end?: number, selectMode?: SelectionMode) => void`: Replaces a range of the text, as the native method does: the selection
+   * where `start` and `end` are left out, and `selectMode` says what is
+   * selected after. It sends no event, as the native method sends none.
+   * - `select() => void`: Selects everything in the field.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
    *
@@ -97203,6 +98096,17 @@ export type CustomElementsSolidJs = {
    * imperatively later, and nothing is hydrating by then.
    *
    * Here rather than on each control.
+   * - `timeContent`: What each time in the list shows: a function given the time as `HH:mm`,
+   * or `HH:mm:ss` with `seconds`, and the time as the row writes it, that
+   * returns text, an element or a Lit template.
+   *
+   * For the seats left at a time, or a caption under it, as React Aria's
+   * `ListBoxItem` takes children. Content with `slot="start"`, `slot="end"`
+   * or `slot="description"` goes to that slot of the row, and a description
+   * is read after the time. The row is still named by the written time, and
+   * typeahead still finds it by that. Return the written time with your
+   * content where it should still show. A property only, there being no way
+   * to write a function in markup. The wheels draw their own figures. (property only)
    * - `valueAsDate`: The value as a `Date` on 1 January 1970 UTC, or `null` while there is no time.
    *
    * The platform's own pair on `<input type="time">`, epoch day included: a time
@@ -97618,6 +98522,9 @@ export type CustomElementsSolidJs = {
    * - `orientation`: Which way time runs: `horizontal` lays the entries across the page. Unset,
    * they run down it.
    * - `label`: Accessible name for the timeline, for people who reach it out of context.
+   * - `loading`: Marks the timeline as busy fetching more entries, and draws an entry
+   * after the last that says so.
+   * - `loading-label`/`loadingLabel`: The text of the entry drawn while `loading` is set, where the `loading` slot is empty.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -97644,6 +98551,7 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The entries, and any groups of them.
+   * - `loading`: Content for the entry after the last while `loading` is set. Falls back to `loading-label`.
    *
    * ## CSS Custom Properties
    *
@@ -97651,10 +98559,17 @@ export type CustomElementsSolidJs = {
    *
    * - `--timeline-gap`: Space between one entry and the next.
    *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `loading`: The entry after the last while `loading` is set.
+   *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `loading`: While `loading` is set.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-timeline": Partial<
@@ -100391,6 +101306,12 @@ export type CustomElementsSolidJs = {
    * and scrolls it sideways: Left and Right move between items, the other
    * way round on a right-to-left page, and `estimate` is an item's width. A
    * grid always runs down.
+   * - `reorderable`: Lets a reader move items, once `@fusion.dev/helix/virtual-list/reorder`
+   * (or `@fusion.dev/helix-headless/virtual-list/reorder`) is imported: Alt
+   * with an arrow moves the row the keys are on, and a pointer drags a row.
+   * The list moves no item itself: you move your `items` on `helix-reorder`.
+   * Without that import it does nothing, so a list that never moves items
+   * carries none of the code. A list of one column, without sections.
    * - `section-field`/`sectionField`: The field of each item that names its section, as a key or a path of
    * keys. Set, the items are drawn in sections: a header, then the items, in
    * an element with the `group` role that the header names. A section starts
@@ -100453,8 +101374,10 @@ export type CustomElementsSolidJs = {
    *
    * - `change`: Fired once a press or a key has changed which items are selected, in a list with `selection-mode`.
    * - `helix-before-change`: Fired before a press or a key changes which items are selected, with the `value` it would leave. Cancelable.
+   * - `helix-before-reorder`: Fired when an item is dropped at a new place, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported, with every key in the new order. Cancelable: cancel it to keep the item where it is.
    * - `helix-load-more`: Fired when a reader comes within one screen of the last item, once for each length of the set.
    * - `helix-range-change`: Fired when the items on screen change, with the new `first` and `last`, which `range` also holds.
+   * - `helix-reorder`: Fired after `helix-before-reorder` when nobody canceled it. Set `items` to the order in `keys`. Cancelable: cancel it to say the move did not happen.
    *
    * ## Slots
    *
@@ -100480,6 +101403,15 @@ export type CustomElementsSolidJs = {
    *
    * - `--virtual-list-block-size`: How tall the scrolling box is. A list that runs across is as tall as its rows unless you set it.
    * - `--virtual-list-disabled-opacity`: How faint a row `disabled-keys` names is drawn.
+   * - `--virtual-list-drag-preview-background-color`: The fill behind the copy of a row a pointer drags, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported.
+   * - `--virtual-list-drag-preview-border-color`: The color of the edge around the copy of a row a pointer drags.
+   * - `--virtual-list-drag-preview-border-width`: The width of the edge around the copy of a row a pointer drags. None by default, where the shadow lifts it.
+   * - `--virtual-list-drag-preview-opacity`: The opacity of the copy of a row a pointer drags.
+   * - `--virtual-list-drag-preview-radius`: The corner radius of the copy of a row a pointer drags.
+   * - `--virtual-list-drag-preview-shadow`: The shadow that raises the copy of a row a pointer drags over the page.
+   * - `--virtual-list-dragging-opacity`: The opacity of a row being dragged, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported.
+   * - `--virtual-list-drop-indicator-color`: The color of the line where a dragged row would land.
+   * - `--virtual-list-drop-indicator-size`: The thickness of the line where a dragged row would land.
    * - `--virtual-list-empty-color`: The color of the text in the row shown when there are no items.
    * - `--virtual-list-empty-padding`: The space around the text in the row shown when there are no items.
    * - `--virtual-list-loading-color`: The color of the text in the row drawn while `loading` is set.
@@ -102024,6 +102956,8 @@ export type CustomCssProperties = {
   "--orb-ground"?: (string) | undefined;
   /** The diameter. Overrides `size`. */
   "--orb-size"?: (string) | undefined;
+  /** How fast the dots move, as a multiple of each state's own tempo. Defaults to `1`. */
+  "--orb-speed"?: (string) | undefined;
   /** The color of the heading in the `heading` slot. */
   "--outline-heading-color"?: (string) | undefined;
   /** How far each level is inset from the one above. */
@@ -102234,10 +103168,16 @@ export type CustomCssProperties = {
   "--sandbox-separator-color"?: (string) | undefined;
   /** Fill behind the source. */
   "--sandbox-source-background-color"?: (string) | undefined;
+  /** Fill behind a matched bracket, under `match-brackets`. Defaults to `--helix-color-accent-subtle`. */
+  "--sandbox-source-bracket-color"?: (string) | undefined;
   /** Color of a `callable` run, under `tokenize`. Defaults to `--helix-color-syntax-callable`. */
   "--sandbox-source-callable-color"?: (string) | undefined;
   /** Color of a `comment` run, under `tokenize`. Defaults to `--helix-color-syntax-comment`. */
   "--sandbox-source-comment-color"?: (string) | undefined;
+  /** Width of the edge of the list of completions, under `complete`. Defaults to `--helix-border-floating`. */
+  "--sandbox-source-completions-border-width"?: (string) | undefined;
+  /** Shadow under the list of completions, under `complete`. Defaults to `--helix-shadow-floating`. */
+  "--sandbox-source-completions-shadow"?: (string) | undefined;
   /** Color of a `constant` run, under `tokenize`. Defaults to `--helix-color-syntax-constant`. */
   "--sandbox-source-constant-color"?: (string) | undefined;
   /** Color of an `invalid` run, under `tokenize`. Defaults to `--helix-color-syntax-invalid`. */
@@ -102992,6 +103932,24 @@ export type CustomCssProperties = {
   "--virtual-list-block-size"?: (string) | undefined;
   /** How faint a row `disabled-keys` names is drawn. */
   "--virtual-list-disabled-opacity"?: (string) | undefined;
+  /** The fill behind the copy of a row a pointer drags, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported. */
+  "--virtual-list-drag-preview-background-color"?: (string) | undefined;
+  /** The color of the edge around the copy of a row a pointer drags. */
+  "--virtual-list-drag-preview-border-color"?: (string) | undefined;
+  /** The width of the edge around the copy of a row a pointer drags. None by default, where the shadow lifts it. */
+  "--virtual-list-drag-preview-border-width"?: (string) | undefined;
+  /** The opacity of the copy of a row a pointer drags. */
+  "--virtual-list-drag-preview-opacity"?: (string) | undefined;
+  /** The corner radius of the copy of a row a pointer drags. */
+  "--virtual-list-drag-preview-radius"?: (string) | undefined;
+  /** The shadow that raises the copy of a row a pointer drags over the page. */
+  "--virtual-list-drag-preview-shadow"?: (string) | undefined;
+  /** The opacity of a row being dragged, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported. */
+  "--virtual-list-dragging-opacity"?: (string) | undefined;
+  /** The color of the line where a dragged row would land. */
+  "--virtual-list-drop-indicator-color"?: (string) | undefined;
+  /** The thickness of the line where a dragged row would land. */
+  "--virtual-list-drop-indicator-size"?: (string) | undefined;
   /** The color of the text in the row shown when there are no items. */
   "--virtual-list-empty-color"?: (string) | undefined;
   /** The space around the text in the row shown when there are no items. */