@fusion.dev/helix 0.208.1 → 0.210.0

package/types/jsx.d.ts

@@ -240,6 +240,13 @@ import type {
   HelixTabs,
   HelixTag,
   HelixTagGroup,
+  HelixTerminal,
+  HelixTerminalBellEvent,
+  HelixTerminalInputEvent,
+  HelixTerminalLinkEvent,
+  HelixTerminalResizeEvent,
+  HelixTerminalRestartEvent,
+  HelixTerminalTitleEvent,
   HelixText,
   HelixTextarea,
   HelixTimeInput,
@@ -38834,6 +38841,330 @@ select. */
   textContent?: (string | number) | undefined;
 };
 
+/** `HelixTerminal` component event */
+export type HelixTerminalElementEvent<E = Event> = TypedEvent<HelixTerminal, E>;
+/** `helix-copy` event type */
+export type HelixTerminalHelixCopyElementEvent =
+  HelixTerminalElementEvent<HelixCopyEvent>;
+/** `helix-terminal-bell` event type */
+export type HelixTerminalHelixTerminalBellElementEvent =
+  HelixTerminalElementEvent<HelixTerminalBellEvent>;
+/** `helix-terminal-input` event type */
+export type HelixTerminalHelixTerminalInputElementEvent =
+  HelixTerminalElementEvent<HelixTerminalInputEvent>;
+/** `helix-terminal-link` event type */
+export type HelixTerminalHelixTerminalLinkElementEvent =
+  HelixTerminalElementEvent<HelixTerminalLinkEvent>;
+/** `helix-terminal-resize` event type */
+export type HelixTerminalHelixTerminalResizeElementEvent =
+  HelixTerminalElementEvent<HelixTerminalResizeEvent>;
+/** `helix-terminal-restart` event type */
+export type HelixTerminalHelixTerminalRestartElementEvent =
+  HelixTerminalElementEvent<HelixTerminalRestartEvent>;
+/** `helix-terminal-title` event type */
+export type HelixTerminalHelixTerminalTitleElementEvent =
+  HelixTerminalElementEvent<HelixTerminalTitleEvent>;
+
+export type HelixTerminalProps = {
+  /** Covers the container instead of taking a height of its own, for a
+terminal that fills a pane. The container needs a position, such as
+`position: relative`. */
+  fill?: (HelixTerminal["fill"]) | undefined;
+  /** How the frame stands off the page. Unset, it is outlined. `plain` draws
+no edge or corners, for a pane that draws its own. */
+  separation?: (HelixTerminal["separation"]) | undefined;
+  /** The clear button's label. */
+  "clear-label"?: (HelixTerminal["clearLabel"]) | undefined;
+  /** The clear button's label. */
+  clearLabel?: (HelixTerminal["clearLabel"]) | undefined;
+  /** The grid's width in character cells. Set it with `rows` to fix the grid's size; unset, the grid fills the frame. */
+  columns?: (HelixTerminal["columns"]) | undefined;
+  /** Which built-in controls the header shows, as a list of `find`, `copy`,
+`clear`, and `fullscreen`, or `none`. Absent is `find clear`. */
+  controls?: (HelixTerminal["controls"]) | undefined;
+  /** The name of the row of controls, read by screen readers. */
+  "controls-label"?: (HelixTerminal["controlsLabel"]) | undefined;
+  /** The name of the row of controls, read by screen readers. */
+  controlsLabel?: (HelixTerminal["controlsLabel"]) | undefined;
+  /** What screen readers hear after a copy. */
+  "copied-label"?: (HelixTerminal["copiedLabel"]) | undefined;
+  /** What screen readers hear after a copy. */
+  copiedLabel?: (HelixTerminal["copiedLabel"]) | undefined;
+  /** The copy button's label. */
+  "copy-label"?: (HelixTerminal["copyLabel"]) | undefined;
+  /** The copy button's label. */
+  copyLabel?: (HelixTerminal["copyLabel"]) | undefined;
+  /** How the process exited, which the page sets when it does. While it is set,
+the status line says it, the frame sends no input, and Restart is shown.
+Clear it when a new process starts. */
+  "exit-code"?: (HelixTerminal["exitCode"] | `${number}`) | undefined;
+  /** How the process exited, which the page sets when it does. While it is set,
+the status line says it, the frame sends no input, and Restart is shown.
+Clear it when a new process starts. */
+  exitCode?: (HelixTerminal["exitCode"]) | undefined;
+  /** What the status line says once the process has exited. `{code}` is its
+exit code, written as the process gave it, and code `0` is a clean exit. */
+  "exited-label"?: (HelixTerminal["exitedLabel"]) | undefined;
+  /** What the status line says once the process has exited. `{code}` is its
+exit code, written as the process gave it, and code `0` is a clean exit. */
+  exitedLabel?: (HelixTerminal["exitedLabel"]) | undefined;
+  /** The terminal's name where `label` is empty and the host has no `aria-label`. */
+  "fallback-label"?: (HelixTerminal["fallbackLabel"]) | undefined;
+  /** The terminal's name where `label` is empty and the host has no `aria-label`. */
+  fallbackLabel?: (HelixTerminal["fallbackLabel"]) | undefined;
+  /** The label of the button that closes the find bar. */
+  "find-close-label"?: (HelixTerminal["findCloseLabel"]) | undefined;
+  /** The label of the button that closes the find bar. */
+  findCloseLabel?: (HelixTerminal["findCloseLabel"]) | undefined;
+  /** The name of the find bar's row of buttons, read by screen readers. */
+  "find-controls-label"?: (HelixTerminal["findControlsLabel"]) | undefined;
+  /** The name of the find bar's row of buttons, read by screen readers. */
+  findControlsLabel?: (HelixTerminal["findControlsLabel"]) | undefined;
+  /** The find button's label, and the find field's name and placeholder. */
+  "find-label"?: (HelixTerminal["findLabel"]) | undefined;
+  /** The find button's label, and the find field's name and placeholder. */
+  findLabel?: (HelixTerminal["findLabel"]) | undefined;
+  /** The next match button's label. */
+  "find-next-label"?: (HelixTerminal["findNextLabel"]) | undefined;
+  /** The next match button's label. */
+  findNextLabel?: (HelixTerminal["findNextLabel"]) | undefined;
+  /** The previous match button's label. */
+  "find-previous-label"?: (HelixTerminal["findPreviousLabel"]) | undefined;
+  /** The previous match button's label. */
+  findPreviousLabel?: (HelixTerminal["findPreviousLabel"]) | undefined;
+  /** The fullscreen button's label. */
+  "fullscreen-label"?: (HelixTerminal["fullscreenLabel"]) | undefined;
+  /** The fullscreen button's label. */
+  fullscreenLabel?: (HelixTerminal["fullscreenLabel"]) | undefined;
+  /** The name of the element the reader types into, which the renderer draws. */
+  "input-label"?: (HelixTerminal["inputLabel"]) | undefined;
+  /** The name of the element the reader types into, which the renderer draws. */
+  inputLabel?: (HelixTerminal["inputLabel"]) | undefined;
+  /** The terminal's name, in the header and for screen readers, such as the
+shell or the folder it runs in. Several terminals on a page need names
+that tell them apart. */
+  label?: (HelixTerminal["label"]) | undefined;
+  /** What the find bar says of its matches. `{index}` is the current match,
+counting from 1, and `{count}` how many there are. */
+  "matches-label"?: (HelixTerminal["matchesLabel"]) | undefined;
+  /** What the find bar says of its matches. `{index}` is the current match,
+counting from 1, and `{count}` how many there are. */
+  matchesLabel?: (HelixTerminal["matchesLabel"]) | undefined;
+  /** Draws the output and sends no input, with no cursor, for a transcript or
+a command an agent ran. The attribute is `readonly`, the platform's
+spelling. */
+  readonly?: (HelixTerminal["readOnly"]) | undefined;
+  /** Draws the output and sends no input, with no cursor, for a transcript or
+a command an agent ran. The attribute is `readonly`, the platform's
+spelling. */
+  readOnly?: (HelixTerminal["readOnly"]) | undefined;
+  /** The Restart button's label. */
+  "restart-label"?: (HelixTerminal["restartLabel"]) | undefined;
+  /** The Restart button's label. */
+  restartLabel?: (HelixTerminal["restartLabel"]) | undefined;
+  /** The grid's height in lines. Set it with `columns` to fix the grid's size; unset, the grid fills the frame. */
+  rows?: (HelixTerminal["rows"]) | undefined;
+  /** Keeps the grid as lines a screen reader moves through, and says new
+output as it arrives. Off by default, since it costs time on every
+write. Connect it to a setting your reader can turn on. */
+  "screen-reader-mode"?: (HelixTerminal["screenReaderMode"]) | undefined;
+  /** Keeps the grid as lines a screen reader moves through, and says new
+output as it arrives. Off by default, since it costs time on every
+write. Connect it to a setting your reader can turn on. */
+  screenReaderMode?: (HelixTerminal["screenReaderMode"]) | undefined;
+  /** What the terminal's input describes to a screen reader. `{key}` is the key that switches Tab. */
+  "tab-hint-label"?: (HelixTerminal["tabHintLabel"]) | undefined;
+  /** What the terminal's input describes to a screen reader. `{key}` is the key that switches Tab. */
+  tabHintLabel?: (HelixTerminal["tabHintLabel"]) | undefined;
+  /** What the status line says while Tab moves focus. `{key}` is the key that switches it back. */
+  "tab-moves-focus-label"?: (HelixTerminal["tabMovesFocusLabel"]) | undefined;
+  /** What the status line says while Tab moves focus. `{key}` is the key that switches it back. */
+  tabMovesFocusLabel?: (HelixTerminal["tabMovesFocusLabel"]) | undefined;
+  /** What screen readers hear when Tab goes back to typing in the terminal. */
+  "tab-types-label"?: (HelixTerminal["tabTypesLabel"]) | undefined;
+  /** What screen readers hear when Tab goes back to typing in the terminal. */
+  tabTypesLabel?: (HelixTerminal["tabTypesLabel"]) | undefined;
+
+  /** The copy control or its key put the selection on the clipboard. */
+  "onhelix-copy"?: ((e: HelixTerminalHelixCopyElementEvent) => void) | undefined;
+  /** The program rang the bell. The frame flashes once. */
+  "onhelix-terminal-bell"?: ((
+    e: HelixTerminalHelixTerminalBellElementEvent,
+  ) => void) | undefined;
+  /** The reader typed or pasted, with `data` encoded for the program. Write it to the process. Not sent while `readonly`, or once `exit-code` is set. */
+  "onhelix-terminal-input"?: ((
+    e: HelixTerminalHelixTerminalInputElementEvent,
+  ) => void) | undefined;
+  /** A link in the output was activated, with its `href`. Cancelable: cancel it to open the link yourself. Left alone, a web address opens in a new tab. */
+  "onhelix-terminal-link"?: ((
+    e: HelixTerminalHelixTerminalLinkElementEvent,
+  ) => void) | undefined;
+  /** The grid changed size, with `columns`, `rows`, `width`, and `height`. Resize the process's pseudo-terminal to match. */
+  "onhelix-terminal-resize"?: ((
+    e: HelixTerminalHelixTerminalResizeElementEvent,
+  ) => void) | undefined;
+  /** The Restart button was pressed after the process exited. Start a new process and clear `exit-code`. */
+  "onhelix-terminal-restart"?: ((
+    e: HelixTerminalHelixTerminalRestartElementEvent,
+  ) => void) | undefined;
+  /** The program set its title, with `title`. The frame keeps its own `label`. */
+  "onhelix-terminal-title"?: ((
+    e: HelixTerminalHelixTerminalTitleElementEvent,
+  ) => void) | undefined;
+};
+
+export type HelixTerminalSolidJsProps = {
+  /** Covers the container instead of taking a height of its own, for a
+terminal that fills a pane. The container needs a position, such as
+`position: relative`. */
+  "prop:fill"?: (HelixTerminal["fill"]) | undefined;
+  /** How the frame stands off the page. Unset, it is outlined. `plain` draws
+no edge or corners, for a pane that draws its own. */
+  "prop:separation"?: (HelixTerminal["separation"]) | undefined;
+  /** The clear button's label. */
+  "attr:clear-label"?: (HelixTerminal["clearLabel"]) | undefined;
+  /** The clear button's label. */
+  "prop:clearLabel"?: (HelixTerminal["clearLabel"]) | undefined;
+  /** The grid's width in character cells. Set it with `rows` to fix the grid's size; unset, the grid fills the frame. */
+  "prop:columns"?: (HelixTerminal["columns"]) | undefined;
+  /** Which built-in controls the header shows, as a list of `find`, `copy`,
+`clear`, and `fullscreen`, or `none`. Absent is `find clear`. */
+  "prop:controls"?: (HelixTerminal["controls"]) | undefined;
+  /** The name of the row of controls, read by screen readers. */
+  "attr:controls-label"?: (HelixTerminal["controlsLabel"]) | undefined;
+  /** The name of the row of controls, read by screen readers. */
+  "prop:controlsLabel"?: (HelixTerminal["controlsLabel"]) | undefined;
+  /** What screen readers hear after a copy. */
+  "attr:copied-label"?: (HelixTerminal["copiedLabel"]) | undefined;
+  /** What screen readers hear after a copy. */
+  "prop:copiedLabel"?: (HelixTerminal["copiedLabel"]) | undefined;
+  /** The copy button's label. */
+  "attr:copy-label"?: (HelixTerminal["copyLabel"]) | undefined;
+  /** The copy button's label. */
+  "prop:copyLabel"?: (HelixTerminal["copyLabel"]) | undefined;
+  /** How the process exited, which the page sets when it does. While it is set,
+the status line says it, the frame sends no input, and Restart is shown.
+Clear it when a new process starts. */
+  "attr:exit-code"?: (HelixTerminal["exitCode"] | `${number}`) | undefined;
+  /** How the process exited, which the page sets when it does. While it is set,
+the status line says it, the frame sends no input, and Restart is shown.
+Clear it when a new process starts. */
+  "prop:exitCode"?: (HelixTerminal["exitCode"]) | undefined;
+  /** What the status line says once the process has exited. `{code}` is its
+exit code, written as the process gave it, and code `0` is a clean exit. */
+  "attr:exited-label"?: (HelixTerminal["exitedLabel"]) | undefined;
+  /** What the status line says once the process has exited. `{code}` is its
+exit code, written as the process gave it, and code `0` is a clean exit. */
+  "prop:exitedLabel"?: (HelixTerminal["exitedLabel"]) | undefined;
+  /** The terminal's name where `label` is empty and the host has no `aria-label`. */
+  "attr:fallback-label"?: (HelixTerminal["fallbackLabel"]) | undefined;
+  /** The terminal's name where `label` is empty and the host has no `aria-label`. */
+  "prop:fallbackLabel"?: (HelixTerminal["fallbackLabel"]) | undefined;
+  /** The label of the button that closes the find bar. */
+  "attr:find-close-label"?: (HelixTerminal["findCloseLabel"]) | undefined;
+  /** The label of the button that closes the find bar. */
+  "prop:findCloseLabel"?: (HelixTerminal["findCloseLabel"]) | undefined;
+  /** The name of the find bar's row of buttons, read by screen readers. */
+  "attr:find-controls-label"?: (HelixTerminal["findControlsLabel"]) | undefined;
+  /** The name of the find bar's row of buttons, read by screen readers. */
+  "prop:findControlsLabel"?: (HelixTerminal["findControlsLabel"]) | undefined;
+  /** The find button's label, and the find field's name and placeholder. */
+  "attr:find-label"?: (HelixTerminal["findLabel"]) | undefined;
+  /** The find button's label, and the find field's name and placeholder. */
+  "prop:findLabel"?: (HelixTerminal["findLabel"]) | undefined;
+  /** The next match button's label. */
+  "attr:find-next-label"?: (HelixTerminal["findNextLabel"]) | undefined;
+  /** The next match button's label. */
+  "prop:findNextLabel"?: (HelixTerminal["findNextLabel"]) | undefined;
+  /** The previous match button's label. */
+  "attr:find-previous-label"?: (HelixTerminal["findPreviousLabel"]) | undefined;
+  /** The previous match button's label. */
+  "prop:findPreviousLabel"?: (HelixTerminal["findPreviousLabel"]) | undefined;
+  /** The fullscreen button's label. */
+  "attr:fullscreen-label"?: (HelixTerminal["fullscreenLabel"]) | undefined;
+  /** The fullscreen button's label. */
+  "prop:fullscreenLabel"?: (HelixTerminal["fullscreenLabel"]) | undefined;
+  /** The name of the element the reader types into, which the renderer draws. */
+  "attr:input-label"?: (HelixTerminal["inputLabel"]) | undefined;
+  /** The name of the element the reader types into, which the renderer draws. */
+  "prop:inputLabel"?: (HelixTerminal["inputLabel"]) | undefined;
+  /** The terminal's name, in the header and for screen readers, such as the
+shell or the folder it runs in. Several terminals on a page need names
+that tell them apart. */
+  "prop:label"?: (HelixTerminal["label"]) | undefined;
+  /** What the find bar says of its matches. `{index}` is the current match,
+counting from 1, and `{count}` how many there are. */
+  "attr:matches-label"?: (HelixTerminal["matchesLabel"]) | undefined;
+  /** What the find bar says of its matches. `{index}` is the current match,
+counting from 1, and `{count}` how many there are. */
+  "prop:matchesLabel"?: (HelixTerminal["matchesLabel"]) | undefined;
+  /** Draws the output and sends no input, with no cursor, for a transcript or
+a command an agent ran. The attribute is `readonly`, the platform's
+spelling. */
+  "bool:readonly"?: (HelixTerminal["readOnly"]) | undefined;
+  /** Draws the output and sends no input, with no cursor, for a transcript or
+a command an agent ran. The attribute is `readonly`, the platform's
+spelling. */
+  "prop:readOnly"?: (HelixTerminal["readOnly"]) | undefined;
+  /** The Restart button's label. */
+  "attr:restart-label"?: (HelixTerminal["restartLabel"]) | undefined;
+  /** The Restart button's label. */
+  "prop:restartLabel"?: (HelixTerminal["restartLabel"]) | undefined;
+  /** The grid's height in lines. Set it with `columns` to fix the grid's size; unset, the grid fills the frame. */
+  "prop:rows"?: (HelixTerminal["rows"]) | undefined;
+  /** Keeps the grid as lines a screen reader moves through, and says new
+output as it arrives. Off by default, since it costs time on every
+write. Connect it to a setting your reader can turn on. */
+  "bool:screen-reader-mode"?: (HelixTerminal["screenReaderMode"]) | undefined;
+  /** Keeps the grid as lines a screen reader moves through, and says new
+output as it arrives. Off by default, since it costs time on every
+write. Connect it to a setting your reader can turn on. */
+  "prop:screenReaderMode"?: (HelixTerminal["screenReaderMode"]) | undefined;
+  /** What the terminal's input describes to a screen reader. `{key}` is the key that switches Tab. */
+  "attr:tab-hint-label"?: (HelixTerminal["tabHintLabel"]) | undefined;
+  /** What the terminal's input describes to a screen reader. `{key}` is the key that switches Tab. */
+  "prop:tabHintLabel"?: (HelixTerminal["tabHintLabel"]) | undefined;
+  /** What the status line says while Tab moves focus. `{key}` is the key that switches it back. */
+  "attr:tab-moves-focus-label"?: (HelixTerminal["tabMovesFocusLabel"]) | undefined;
+  /** What the status line says while Tab moves focus. `{key}` is the key that switches it back. */
+  "prop:tabMovesFocusLabel"?: (HelixTerminal["tabMovesFocusLabel"]) | undefined;
+  /** What screen readers hear when Tab goes back to typing in the terminal. */
+  "attr:tab-types-label"?: (HelixTerminal["tabTypesLabel"]) | undefined;
+  /** What screen readers hear when Tab goes back to typing in the terminal. */
+  "prop:tabTypesLabel"?: (HelixTerminal["tabTypesLabel"]) | undefined;
+  /** The copy control or its key put the selection on the clipboard. */
+  "on:helix-copy"?: ((e: HelixTerminalHelixCopyElementEvent) => void) | undefined;
+  /** The program rang the bell. The frame flashes once. */
+  "on:helix-terminal-bell"?: ((
+    e: HelixTerminalHelixTerminalBellElementEvent,
+  ) => void) | undefined;
+  /** The reader typed or pasted, with `data` encoded for the program. Write it to the process. Not sent while `readonly`, or once `exit-code` is set. */
+  "on:helix-terminal-input"?: ((
+    e: HelixTerminalHelixTerminalInputElementEvent,
+  ) => void) | undefined;
+  /** A link in the output was activated, with its `href`. Cancelable: cancel it to open the link yourself. Left alone, a web address opens in a new tab. */
+  "on:helix-terminal-link"?: ((
+    e: HelixTerminalHelixTerminalLinkElementEvent,
+  ) => void) | undefined;
+  /** The grid changed size, with `columns`, `rows`, `width`, and `height`. Resize the process's pseudo-terminal to match. */
+  "on:helix-terminal-resize"?: ((
+    e: HelixTerminalHelixTerminalResizeElementEvent,
+  ) => void) | undefined;
+  /** The Restart button was pressed after the process exited. Start a new process and clear `exit-code`. */
+  "on:helix-terminal-restart"?: ((
+    e: HelixTerminalHelixTerminalRestartElementEvent,
+  ) => void) | undefined;
+  /** The program set its title, with `title`. The frame keeps its own `label`. */
+  "on:helix-terminal-title"?: ((
+    e: HelixTerminalHelixTerminalTitleElementEvent,
+  ) => void) | undefined;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: (string) | undefined;
+  /** Set the textContent of the element */
+  textContent?: (string | number) | undefined;
+};
+
 export type HelixTextProps = {
   /** The HTML element to render.
 
@@ -48699,7 +49030,7 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * - `arrow`: The arrowhead at an end of a connection that has one.
    * - `board`: The plane the cards are placed on, which pans and zooms.
-   * - `controls`: The group the pan and zoom buttons sit in.
+   * - `controls`: The toolbar the pan and zoom buttons sit in, one tab stop.
    * - `draft`: The connection being drawn, before `helix-connect` is sent.
    * - `edge`: One connector between two cards.
    * - `edge-end`: An end of a selected connection. Drag it, or click it to pick it up.
@@ -56679,7 +57010,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `after`: The room the notes after those drawn would take, so the list scrolls its whole length.
    * - `before`: The room the notes before those drawn would take.
    * - `body`: The drawing beside the list, or above it where the frame is narrow.
-   * - `controls`: The group the pan and zoom buttons sit in.
+   * - `controls`: The toolbar the pan and zoom buttons sit in, one tab stop.
    * - `count`: How many notes the list holds, which a search narrows, at the end of the search bar.
    * - `empty`: The box in place of the list when it holds no notes, holding the `empty` slot.
    * - `filter-icon`: The icon beside the search field.
@@ -61235,7 +61566,7 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * - `attribution`: The strip under the map that holds the credit.
    * - `compass`: The compass and the pan and rotate buttons around it.
-   * - `controls`: The column of buttons that move the map.
+   * - `controls`: The column of buttons that move the map, a toolbar and one tab stop.
    * - `face-north`: The compass: its needle points north as the map turns, and pressing it turns the map to face north.
    * - `footer`: The strip below the map.
    * - `fullscreen`: The button that makes the map fill the screen.
@@ -72988,6 +73319,259 @@ export type CustomElements<F extends Framework = "other"> = {
    */
   "helix-tag": Partial<HelixTagProps & BaseProps<HelixTag, F> & BaseEvents<HelixTag>>;
 
+  /**
+   * The styled frame: a bordered box on the page's background with a header
+   * strip for the name and the controls, and a status line that appears when
+   * the process exits. It is 24rem tall unless `fill` is set or
+   * `--terminal-block-size` says otherwise.
+   *
+   * `connectTerminal` themes the terminal from your tokens. The sixteen ANSI
+   * colors share Log's hues, red the danger color, green success, yellow
+   * warning, and blue info, and the four grays keep their order from dark to
+   * light in each color mode. Set `--terminal-ansi-red` and its siblings,
+   * `--terminal-cursor-color`, or `--terminal-selection-background-color` on
+   * the terminal to choose them yourself, such as
+   * `helix-terminal { --terminal-ansi-blue: #3b82f6 }`. The
+   * [Terminals](https://fusion.dev/helix/docs/terminals) guide lists them all.
+   *
+   * Set `fill` for a terminal that fills a pane, such as one side of a
+   * `Splitter`: the frame covers its container, which needs a position of its
+   * own, such as `position: relative`. Set `separation="plain"` where the pane
+   * already draws the edge.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `fill`: Covers the container instead of taking a height of its own, for a
+   * terminal that fills a pane. The container needs a position, such as
+   * `position: relative`.
+   * - `separation`: How the frame stands off the page. Unset, it is outlined. `plain` draws
+   * no edge or corners, for a pane that draws its own.
+   * - `clear-label`/`clearLabel`: The clear button's label.
+   * - `columns`: The grid's width in character cells. Set it with `rows` to fix the grid's size; unset, the grid fills the frame.
+   * - `controls`: Which built-in controls the header shows, as a list of `find`, `copy`,
+   * `clear`, and `fullscreen`, or `none`. Absent is `find clear`.
+   * - `controls-label`/`controlsLabel`: The name of the row of controls, read by screen readers.
+   * - `copied-label`/`copiedLabel`: What screen readers hear after a copy.
+   * - `copy-label`/`copyLabel`: The copy button's label.
+   * - `exit-code`/`exitCode`: How the process exited, which the page sets when it does. While it is set,
+   * the status line says it, the frame sends no input, and Restart is shown.
+   * Clear it when a new process starts.
+   * - `exited-label`/`exitedLabel`: What the status line says once the process has exited. `{code}` is its
+   * exit code, written as the process gave it, and code `0` is a clean exit.
+   * - `fallback-label`/`fallbackLabel`: The terminal's name where `label` is empty and the host has no `aria-label`.
+   * - `find-close-label`/`findCloseLabel`: The label of the button that closes the find bar.
+   * - `find-controls-label`/`findControlsLabel`: The name of the find bar's row of buttons, read by screen readers.
+   * - `find-label`/`findLabel`: The find button's label, and the find field's name and placeholder.
+   * - `find-next-label`/`findNextLabel`: The next match button's label.
+   * - `find-previous-label`/`findPreviousLabel`: The previous match button's label.
+   * - `fullscreen-label`/`fullscreenLabel`: The fullscreen button's label.
+   * - `input-label`/`inputLabel`: The name of the element the reader types into, which the renderer draws.
+   * - `label`: The terminal's name, in the header and for screen readers, such as the
+   * shell or the folder it runs in. Several terminals on a page need names
+   * that tell them apart.
+   * - `matches-label`/`matchesLabel`: What the find bar says of its matches. `{index}` is the current match,
+   * counting from 1, and `{count}` how many there are.
+   * - `readonly`/`readOnly`: Draws the output and sends no input, with no cursor, for a transcript or
+   * a command an agent ran. The attribute is `readonly`, the platform's
+   * spelling.
+   * - `restart-label`/`restartLabel`: The Restart button's label.
+   * - `rows`: The grid's height in lines. Set it with `columns` to fix the grid's size; unset, the grid fills the frame.
+   * - `screen-reader-mode`/`screenReaderMode`: Keeps the grid as lines a screen reader moves through, and says new
+   * output as it arrives. Off by default, since it costs time on every
+   * write. Connect it to a setting your reader can turn on.
+   * - `tab-hint-label`/`tabHintLabel`: What the terminal's input describes to a screen reader. `{key}` is the key that switches Tab.
+   * - `tab-moves-focus-label`/`tabMovesFocusLabel`: What the status line says while Tab moves focus. `{key}` is the key that switches it back.
+   * - `tab-types-label`/`tabTypesLabel`: What screen readers hear when Tab goes back to typing in the terminal.
+   * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
+   *
+   * **Named `whenSettled` because `settled` is taken four times over**, by
+   * Image, Splitter and both color controls, none of them about transitions. A
+   * base class takes the name every subclass then cannot use.
+   *
+   * **The state it reports cannot be watched, which is why this exists.** A
+   * custom state is deliberately not in the DOM, so there is no
+   * `MutationObserver` equivalent for `ElementInternals.states`. Await this
+   * instead.
+   *
+   * Separate from `updateComplete`, which resolves in the microtask checkpoint
+   * the suppression is still active in. That is the distinction `readyToMove`
+   * in `@fusion.dev/helix-testing` is written around.
+   *
+   * It never resolves where `requestAnimationFrame` never fires, which is a
+   * server, a hidden tab, and happy-dom. Callers that must not hang there race
+   * it against a timeout, as the happy-dom harness's `readyToMove` does. The
+   * 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)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `helix-copy`: The copy control or its key put the selection on the clipboard.
+   * - `helix-terminal-bell`: The program rang the bell. The frame flashes once.
+   * - `helix-terminal-input`: The reader typed or pasted, with `data` encoded for the program. Write it to the process. Not sent while `readonly`, or once `exit-code` is set.
+   * - `helix-terminal-link`: A link in the output was activated, with its `href`. Cancelable: cancel it to open the link yourself. Left alone, a web address opens in a new tab.
+   * - `helix-terminal-resize`: The grid changed size, with `columns`, `rows`, `width`, and `height`. Resize the process's pseudo-terminal to match.
+   * - `helix-terminal-restart`: The Restart button was pressed after the process exited. Start a new process and clear `exit-code`.
+   * - `helix-terminal-title`: The program set its title, with `title`. The frame keeps its own `label`.
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: The element your renderer draws the terminal in.
+   * - `actions`: Controls of your own in the header, before the built-in ones, such as a button that splits the pane.
+   * - `clear-icon`: Replaces the glyph inside the clear button.
+   * - `copy-icon`: Replaces the glyph inside the copy button.
+   * - `exit-actions`: Controls of your own beside Restart, shown once the process exits, such as a button that opens the whole log.
+   * - `find-actions`: Controls of your own in the find bar, between the count and the buttons that move between matches.
+   * - `find-close-icon`: Replaces the glyph inside the button that closes the find bar.
+   * - `find-icon`: Replaces the glyph inside the find button.
+   * - `find-next-icon`: Replaces the glyph inside the next match button.
+   * - `find-previous-icon`: Replaces the glyph inside the previous match button.
+   * - `fullscreen-icon`: Replaces the glyph inside the fullscreen button.
+   * - `label`: The terminal's name in the header, such as an icon beside the shell's name. Replaces `label` there.
+   * - `restart-icon`: Replaces the glyph inside the Restart button.
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `write(data: string | Uint8Array) => Promise<void>`: Writes the program's output. Resolves once the renderer has parsed it,
+   * which is how a page pauses a process that writes faster than the
+   * terminal draws. Output written before a renderer is attached is held and
+   * written first.
+   * - `paste(text: string) => void`: Inputs text as a paste does, in bracketed paste mode where the program
+   * asked for it. It arrives as `helix-terminal-input`, like typed text.
+   * - `clear() => void`: Clears the scrollback, keeping the line the cursor is on.
+   * - `reset() => void`: Resets the emulator: its modes, its colors, and its screen.
+   * - `text(scope: 'all' | 'screen' = 'screen') => string`: The terminal as plain text, as the renderer drew it: the lines on screen,
+   * or with `all`, every line the scrollback holds. Empty before a renderer is
+   * attached.
+   * - `look() => TerminalLook`: The colors and the face the terminal is to be drawn in, as the
+   * `--terminal-*` properties resolve where the frame is. `connectTerminal`
+   * themes the renderer from it. A color nothing sets is left out, so the
+   * renderer keeps its own: the headless tier sets none, and the styled tier
+   * sets every one from the theme.
+   * - `focus(options?: FocusOptions) => void`: Focuses the terminal's input, where a renderer is attached.
+   * - `attach(renderer: TerminalRenderer) => TerminalSink`: Attaches what draws the terminal, and returns how it tells the frame what
+   * happened. `connectTerminal` calls it; a page drawing its own terminal calls
+   * it with its own renderer. Attaching another detaches the first.
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--terminal-block-size`: The frame's height, as a length. Ignored with `fill`, where the container decides it.
+   * - `--terminal-border-color`: The edge around the frame and the rules inside it.
+   * - `--terminal-font-family`: The face of the grid. Defaults to the monospaced face.
+   * - `--terminal-font-size`: The size of the grid's text. Defaults to the small text step.
+   * - `--terminal-header-background-color`: The fill of the header, the find bar, and the status line.
+   * - `--terminal-padding`: The space between the frame's edge and the grid.
+   * - `--terminal-radius`: The frame's corners.
+   * - `--terminal-active-match-background-color`: The ground of the current match of a search.
+   * - `--terminal-active-match-border-color`: The edge of the current match of a search.
+   * - `--terminal-ansi-black`: ANSI black, which codes `30` and `40` draw.
+   * - `--terminal-ansi-blue`: ANSI blue, which codes `34` and `44` draw.
+   * - `--terminal-ansi-bright-black`: ANSI bright black, which codes `90` and `100` draw.
+   * - `--terminal-ansi-bright-blue`: ANSI bright blue, which codes `94` and `104` draw.
+   * - `--terminal-ansi-bright-cyan`: ANSI bright cyan, which codes `96` and `106` draw.
+   * - `--terminal-ansi-bright-green`: ANSI bright green, which codes `92` and `102` draw.
+   * - `--terminal-ansi-bright-magenta`: ANSI bright magenta, which codes `95` and `105` draw.
+   * - `--terminal-ansi-bright-red`: ANSI bright red, which codes `91` and `101` draw.
+   * - `--terminal-ansi-bright-white`: ANSI bright white, which codes `97` and `107` draw.
+   * - `--terminal-ansi-bright-yellow`: ANSI bright yellow, which codes `93` and `103` draw.
+   * - `--terminal-ansi-cyan`: ANSI cyan, which codes `36` and `46` draw.
+   * - `--terminal-ansi-green`: ANSI green, which codes `32` and `42` draw.
+   * - `--terminal-ansi-magenta`: ANSI magenta, which codes `35` and `45` draw.
+   * - `--terminal-ansi-red`: ANSI red, which codes `31` and `41` draw.
+   * - `--terminal-ansi-white`: ANSI white, which codes `37` and `47` draw.
+   * - `--terminal-ansi-yellow`: ANSI yellow, which codes `33` and `43` draw.
+   * - `--terminal-background-color`: The ground of the grid.
+   * - `--terminal-color`: The text of the grid where the program sets no color.
+   * - `--terminal-cursor-color`: The cursor.
+   * - `--terminal-match-background-color`: The ground of every match of a search but the current one.
+   * - `--terminal-scrollbar-thumb-color`: The grid's scrollbar.
+   * - `--terminal-selection-background-color`: The ground of selected text. See-through, so the text keeps its color.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `actions`: The `actions` slot, first in the header's toolbar.
+   * - `clear`: The button that clears the scrollback.
+   * - `clear-button`: The clear button's inner button.
+   * - `clear-live`: The clear button's live region, which speaks while the button is pending.
+   * - `clear-spinner`: The ring the clear button turns while it is pending.
+   * - `clear-text`: The box the clear button's icon sits in.
+   * - `controls`: The toolbar at the end of the header: your actions, then the built-in buttons, one tab stop that the arrows move along.
+   * - `controls-toolbar`: The box inside the header's toolbar that lays its buttons out.
+   * - `copy`: The button that copies the selection. Disabled while nothing is selected.
+   * - `copy-button`: The copy button's inner button.
+   * - `copy-live`: The copy button's live region, which speaks while the button is pending.
+   * - `copy-spinner`: The ring the copy button turns while it is pending.
+   * - `copy-text`: The box the copy button's icon sits in.
+   * - `exit-actions`: The `exit-actions` slot, beside Restart in the status line.
+   * - `find`: The button that opens and closes the find bar. Expanded while it is open.
+   * - `find-actions`: The `find-actions` slot, first in the find bar's toolbar.
+   * - `find-bar`: The bar under the header where the reader searches the output.
+   * - `find-button`: The find button's inner button.
+   * - `find-close`: The button that closes the find bar.
+   * - `find-close-button`: The find bar's close button's inner button.
+   * - `find-close-live`: The find bar's close button's live region, which speaks while the button is pending.
+   * - `find-close-spinner`: The ring the find bar's close button turns while it is pending.
+   * - `find-close-text`: The box the find bar's close button's icon sits in.
+   * - `find-controls`: The toolbar at the end of the find bar: your find actions, then the buttons that move between matches and close the bar.
+   * - `find-controls-toolbar`: The box inside the find bar's toolbar that lays its buttons out.
+   * - `find-count`: Which match is current and how many there are, such as "3 of 12 matches".
+   * - `find-field`: The search field in the find bar.
+   * - `find-live`: The find button's live region, which speaks while the button is pending.
+   * - `find-next`: The button that moves to the next match.
+   * - `find-next-button`: The next match button's inner button.
+   * - `find-next-live`: The next match button's live region, which speaks while the button is pending.
+   * - `find-next-spinner`: The ring the next match button turns while it is pending.
+   * - `find-next-text`: The box the next match button's icon sits in.
+   * - `find-previous`: The button that moves to the previous match.
+   * - `find-previous-button`: The previous match button's inner button.
+   * - `find-previous-live`: The previous match button's live region, which speaks while the button is pending.
+   * - `find-previous-spinner`: The ring the previous match button turns while it is pending.
+   * - `find-previous-text`: The box the previous match button's icon sits in.
+   * - `find-spinner`: The ring the find button turns while it is pending.
+   * - `find-text`: The box the find button's icon sits in.
+   * - `fullscreen`: The button that makes the terminal fill the screen. Pressed while it does.
+   * - `fullscreen-button`: The fullscreen button's inner button.
+   * - `fullscreen-live`: The fullscreen button's live region, which speaks while the button is pending.
+   * - `fullscreen-spinner`: The ring the fullscreen button turns while it is pending.
+   * - `fullscreen-text`: The box the fullscreen button's icon sits in.
+   * - `header`: The strip above the terminal, with its name, your actions, and the controls.
+   * - `label`: The terminal's name in the header.
+   * - `live`: What screen readers hear after the frame acts: a match count, a copy, or a change to what Tab does. Visually hidden in the styled tier.
+   * - `region`: The named group the terminal sits in.
+   * - `restart`: The button in the status line that asks for a new process after the last one exited.
+   * - `restart-button`: The Restart button's inner button.
+   * - `restart-live`: The Restart button's live region, which speaks while the button is pending.
+   * - `restart-spinner`: The ring the Restart button turns while it is pending.
+   * - `restart-text`: The Restart button's label.
+   * - `status`: The line under the terminal that says the process exited, or that Tab moves focus.
+   * - `viewport`: The box the terminal is drawn in.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `bell`: The program rang the bell, held for a moment for a visual bell.
+   * - `exited`: The process has exited, by `exit-code`.
+   * - `find-open`: The find bar is open.
+   * - `fullscreen`: The terminal fills the screen.
+   * - `tab-moves-focus`: Tab moves focus out of the terminal, after Control+M.
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-terminal": Partial<
+    HelixTerminalProps & BaseProps<HelixTerminal, F> & BaseEvents<HelixTerminal>
+  >;
+
   /**
    * `as` sets the element, which decides the document outline and what a screen
    * reader announces. `variant` sets the type ramp, which decides size, weight,
@@ -80914,7 +81498,7 @@ export type CustomElementsSolidJs = {
    *
    * - `arrow`: The arrowhead at an end of a connection that has one.
    * - `board`: The plane the cards are placed on, which pans and zooms.
-   * - `controls`: The group the pan and zoom buttons sit in.
+   * - `controls`: The toolbar the pan and zoom buttons sit in, one tab stop.
    * - `draft`: The connection being drawn, before `helix-connect` is sent.
    * - `edge`: One connector between two cards.
    * - `edge-end`: An end of a selected connection. Drag it, or click it to pick it up.
@@ -88995,7 +89579,7 @@ export type CustomElementsSolidJs = {
    * - `after`: The room the notes after those drawn would take, so the list scrolls its whole length.
    * - `before`: The room the notes before those drawn would take.
    * - `body`: The drawing beside the list, or above it where the frame is narrow.
-   * - `controls`: The group the pan and zoom buttons sit in.
+   * - `controls`: The toolbar the pan and zoom buttons sit in, one tab stop.
    * - `count`: How many notes the list holds, which a search narrows, at the end of the search bar.
    * - `empty`: The box in place of the list when it holds no notes, holding the `empty` slot.
    * - `filter-icon`: The icon beside the search field.
@@ -93633,7 +94217,7 @@ export type CustomElementsSolidJs = {
    *
    * - `attribution`: The strip under the map that holds the credit.
    * - `compass`: The compass and the pan and rotate buttons around it.
-   * - `controls`: The column of buttons that move the map.
+   * - `controls`: The column of buttons that move the map, a toolbar and one tab stop.
    * - `face-north`: The compass: its needle points north as the map turns, and pressing it turns the map to face north.
    * - `footer`: The strip below the map.
    * - `fullscreen`: The button that makes the map fill the screen.
@@ -105592,6 +106176,262 @@ export type CustomElementsSolidJs = {
     HelixTagProps & HelixTagSolidJsProps & BaseProps<HelixTag, "solid"> & BaseEvents<HelixTag>
   >;
 
+  /**
+   * The styled frame: a bordered box on the page's background with a header
+   * strip for the name and the controls, and a status line that appears when
+   * the process exits. It is 24rem tall unless `fill` is set or
+   * `--terminal-block-size` says otherwise.
+   *
+   * `connectTerminal` themes the terminal from your tokens. The sixteen ANSI
+   * colors share Log's hues, red the danger color, green success, yellow
+   * warning, and blue info, and the four grays keep their order from dark to
+   * light in each color mode. Set `--terminal-ansi-red` and its siblings,
+   * `--terminal-cursor-color`, or `--terminal-selection-background-color` on
+   * the terminal to choose them yourself, such as
+   * `helix-terminal { --terminal-ansi-blue: #3b82f6 }`. The
+   * [Terminals](https://fusion.dev/helix/docs/terminals) guide lists them all.
+   *
+   * Set `fill` for a terminal that fills a pane, such as one side of a
+   * `Splitter`: the frame covers its container, which needs a position of its
+   * own, such as `position: relative`. Set `separation="plain"` where the pane
+   * already draws the edge.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `fill`: Covers the container instead of taking a height of its own, for a
+   * terminal that fills a pane. The container needs a position, such as
+   * `position: relative`.
+   * - `separation`: How the frame stands off the page. Unset, it is outlined. `plain` draws
+   * no edge or corners, for a pane that draws its own.
+   * - `clear-label`/`clearLabel`: The clear button's label.
+   * - `columns`: The grid's width in character cells. Set it with `rows` to fix the grid's size; unset, the grid fills the frame.
+   * - `controls`: Which built-in controls the header shows, as a list of `find`, `copy`,
+   * `clear`, and `fullscreen`, or `none`. Absent is `find clear`.
+   * - `controls-label`/`controlsLabel`: The name of the row of controls, read by screen readers.
+   * - `copied-label`/`copiedLabel`: What screen readers hear after a copy.
+   * - `copy-label`/`copyLabel`: The copy button's label.
+   * - `exit-code`/`exitCode`: How the process exited, which the page sets when it does. While it is set,
+   * the status line says it, the frame sends no input, and Restart is shown.
+   * Clear it when a new process starts.
+   * - `exited-label`/`exitedLabel`: What the status line says once the process has exited. `{code}` is its
+   * exit code, written as the process gave it, and code `0` is a clean exit.
+   * - `fallback-label`/`fallbackLabel`: The terminal's name where `label` is empty and the host has no `aria-label`.
+   * - `find-close-label`/`findCloseLabel`: The label of the button that closes the find bar.
+   * - `find-controls-label`/`findControlsLabel`: The name of the find bar's row of buttons, read by screen readers.
+   * - `find-label`/`findLabel`: The find button's label, and the find field's name and placeholder.
+   * - `find-next-label`/`findNextLabel`: The next match button's label.
+   * - `find-previous-label`/`findPreviousLabel`: The previous match button's label.
+   * - `fullscreen-label`/`fullscreenLabel`: The fullscreen button's label.
+   * - `input-label`/`inputLabel`: The name of the element the reader types into, which the renderer draws.
+   * - `label`: The terminal's name, in the header and for screen readers, such as the
+   * shell or the folder it runs in. Several terminals on a page need names
+   * that tell them apart.
+   * - `matches-label`/`matchesLabel`: What the find bar says of its matches. `{index}` is the current match,
+   * counting from 1, and `{count}` how many there are.
+   * - `readonly`/`readOnly`: Draws the output and sends no input, with no cursor, for a transcript or
+   * a command an agent ran. The attribute is `readonly`, the platform's
+   * spelling.
+   * - `restart-label`/`restartLabel`: The Restart button's label.
+   * - `rows`: The grid's height in lines. Set it with `columns` to fix the grid's size; unset, the grid fills the frame.
+   * - `screen-reader-mode`/`screenReaderMode`: Keeps the grid as lines a screen reader moves through, and says new
+   * output as it arrives. Off by default, since it costs time on every
+   * write. Connect it to a setting your reader can turn on.
+   * - `tab-hint-label`/`tabHintLabel`: What the terminal's input describes to a screen reader. `{key}` is the key that switches Tab.
+   * - `tab-moves-focus-label`/`tabMovesFocusLabel`: What the status line says while Tab moves focus. `{key}` is the key that switches it back.
+   * - `tab-types-label`/`tabTypesLabel`: What screen readers hear when Tab goes back to typing in the terminal.
+   * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
+   *
+   * **Named `whenSettled` because `settled` is taken four times over**, by
+   * Image, Splitter and both color controls, none of them about transitions. A
+   * base class takes the name every subclass then cannot use.
+   *
+   * **The state it reports cannot be watched, which is why this exists.** A
+   * custom state is deliberately not in the DOM, so there is no
+   * `MutationObserver` equivalent for `ElementInternals.states`. Await this
+   * instead.
+   *
+   * Separate from `updateComplete`, which resolves in the microtask checkpoint
+   * the suppression is still active in. That is the distinction `readyToMove`
+   * in `@fusion.dev/helix-testing` is written around.
+   *
+   * It never resolves where `requestAnimationFrame` never fires, which is a
+   * server, a hidden tab, and happy-dom. Callers that must not hang there race
+   * it against a timeout, as the happy-dom harness's `readyToMove` does. The
+   * 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)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `helix-copy`: The copy control or its key put the selection on the clipboard.
+   * - `helix-terminal-bell`: The program rang the bell. The frame flashes once.
+   * - `helix-terminal-input`: The reader typed or pasted, with `data` encoded for the program. Write it to the process. Not sent while `readonly`, or once `exit-code` is set.
+   * - `helix-terminal-link`: A link in the output was activated, with its `href`. Cancelable: cancel it to open the link yourself. Left alone, a web address opens in a new tab.
+   * - `helix-terminal-resize`: The grid changed size, with `columns`, `rows`, `width`, and `height`. Resize the process's pseudo-terminal to match.
+   * - `helix-terminal-restart`: The Restart button was pressed after the process exited. Start a new process and clear `exit-code`.
+   * - `helix-terminal-title`: The program set its title, with `title`. The frame keeps its own `label`.
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: The element your renderer draws the terminal in.
+   * - `actions`: Controls of your own in the header, before the built-in ones, such as a button that splits the pane.
+   * - `clear-icon`: Replaces the glyph inside the clear button.
+   * - `copy-icon`: Replaces the glyph inside the copy button.
+   * - `exit-actions`: Controls of your own beside Restart, shown once the process exits, such as a button that opens the whole log.
+   * - `find-actions`: Controls of your own in the find bar, between the count and the buttons that move between matches.
+   * - `find-close-icon`: Replaces the glyph inside the button that closes the find bar.
+   * - `find-icon`: Replaces the glyph inside the find button.
+   * - `find-next-icon`: Replaces the glyph inside the next match button.
+   * - `find-previous-icon`: Replaces the glyph inside the previous match button.
+   * - `fullscreen-icon`: Replaces the glyph inside the fullscreen button.
+   * - `label`: The terminal's name in the header, such as an icon beside the shell's name. Replaces `label` there.
+   * - `restart-icon`: Replaces the glyph inside the Restart button.
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `write(data: string | Uint8Array) => Promise<void>`: Writes the program's output. Resolves once the renderer has parsed it,
+   * which is how a page pauses a process that writes faster than the
+   * terminal draws. Output written before a renderer is attached is held and
+   * written first.
+   * - `paste(text: string) => void`: Inputs text as a paste does, in bracketed paste mode where the program
+   * asked for it. It arrives as `helix-terminal-input`, like typed text.
+   * - `clear() => void`: Clears the scrollback, keeping the line the cursor is on.
+   * - `reset() => void`: Resets the emulator: its modes, its colors, and its screen.
+   * - `text(scope: 'all' | 'screen' = 'screen') => string`: The terminal as plain text, as the renderer drew it: the lines on screen,
+   * or with `all`, every line the scrollback holds. Empty before a renderer is
+   * attached.
+   * - `look() => TerminalLook`: The colors and the face the terminal is to be drawn in, as the
+   * `--terminal-*` properties resolve where the frame is. `connectTerminal`
+   * themes the renderer from it. A color nothing sets is left out, so the
+   * renderer keeps its own: the headless tier sets none, and the styled tier
+   * sets every one from the theme.
+   * - `focus(options?: FocusOptions) => void`: Focuses the terminal's input, where a renderer is attached.
+   * - `attach(renderer: TerminalRenderer) => TerminalSink`: Attaches what draws the terminal, and returns how it tells the frame what
+   * happened. `connectTerminal` calls it; a page drawing its own terminal calls
+   * it with its own renderer. Attaching another detaches the first.
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--terminal-block-size`: The frame's height, as a length. Ignored with `fill`, where the container decides it.
+   * - `--terminal-border-color`: The edge around the frame and the rules inside it.
+   * - `--terminal-font-family`: The face of the grid. Defaults to the monospaced face.
+   * - `--terminal-font-size`: The size of the grid's text. Defaults to the small text step.
+   * - `--terminal-header-background-color`: The fill of the header, the find bar, and the status line.
+   * - `--terminal-padding`: The space between the frame's edge and the grid.
+   * - `--terminal-radius`: The frame's corners.
+   * - `--terminal-active-match-background-color`: The ground of the current match of a search.
+   * - `--terminal-active-match-border-color`: The edge of the current match of a search.
+   * - `--terminal-ansi-black`: ANSI black, which codes `30` and `40` draw.
+   * - `--terminal-ansi-blue`: ANSI blue, which codes `34` and `44` draw.
+   * - `--terminal-ansi-bright-black`: ANSI bright black, which codes `90` and `100` draw.
+   * - `--terminal-ansi-bright-blue`: ANSI bright blue, which codes `94` and `104` draw.
+   * - `--terminal-ansi-bright-cyan`: ANSI bright cyan, which codes `96` and `106` draw.
+   * - `--terminal-ansi-bright-green`: ANSI bright green, which codes `92` and `102` draw.
+   * - `--terminal-ansi-bright-magenta`: ANSI bright magenta, which codes `95` and `105` draw.
+   * - `--terminal-ansi-bright-red`: ANSI bright red, which codes `91` and `101` draw.
+   * - `--terminal-ansi-bright-white`: ANSI bright white, which codes `97` and `107` draw.
+   * - `--terminal-ansi-bright-yellow`: ANSI bright yellow, which codes `93` and `103` draw.
+   * - `--terminal-ansi-cyan`: ANSI cyan, which codes `36` and `46` draw.
+   * - `--terminal-ansi-green`: ANSI green, which codes `32` and `42` draw.
+   * - `--terminal-ansi-magenta`: ANSI magenta, which codes `35` and `45` draw.
+   * - `--terminal-ansi-red`: ANSI red, which codes `31` and `41` draw.
+   * - `--terminal-ansi-white`: ANSI white, which codes `37` and `47` draw.
+   * - `--terminal-ansi-yellow`: ANSI yellow, which codes `33` and `43` draw.
+   * - `--terminal-background-color`: The ground of the grid.
+   * - `--terminal-color`: The text of the grid where the program sets no color.
+   * - `--terminal-cursor-color`: The cursor.
+   * - `--terminal-match-background-color`: The ground of every match of a search but the current one.
+   * - `--terminal-scrollbar-thumb-color`: The grid's scrollbar.
+   * - `--terminal-selection-background-color`: The ground of selected text. See-through, so the text keeps its color.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `actions`: The `actions` slot, first in the header's toolbar.
+   * - `clear`: The button that clears the scrollback.
+   * - `clear-button`: The clear button's inner button.
+   * - `clear-live`: The clear button's live region, which speaks while the button is pending.
+   * - `clear-spinner`: The ring the clear button turns while it is pending.
+   * - `clear-text`: The box the clear button's icon sits in.
+   * - `controls`: The toolbar at the end of the header: your actions, then the built-in buttons, one tab stop that the arrows move along.
+   * - `controls-toolbar`: The box inside the header's toolbar that lays its buttons out.
+   * - `copy`: The button that copies the selection. Disabled while nothing is selected.
+   * - `copy-button`: The copy button's inner button.
+   * - `copy-live`: The copy button's live region, which speaks while the button is pending.
+   * - `copy-spinner`: The ring the copy button turns while it is pending.
+   * - `copy-text`: The box the copy button's icon sits in.
+   * - `exit-actions`: The `exit-actions` slot, beside Restart in the status line.
+   * - `find`: The button that opens and closes the find bar. Expanded while it is open.
+   * - `find-actions`: The `find-actions` slot, first in the find bar's toolbar.
+   * - `find-bar`: The bar under the header where the reader searches the output.
+   * - `find-button`: The find button's inner button.
+   * - `find-close`: The button that closes the find bar.
+   * - `find-close-button`: The find bar's close button's inner button.
+   * - `find-close-live`: The find bar's close button's live region, which speaks while the button is pending.
+   * - `find-close-spinner`: The ring the find bar's close button turns while it is pending.
+   * - `find-close-text`: The box the find bar's close button's icon sits in.
+   * - `find-controls`: The toolbar at the end of the find bar: your find actions, then the buttons that move between matches and close the bar.
+   * - `find-controls-toolbar`: The box inside the find bar's toolbar that lays its buttons out.
+   * - `find-count`: Which match is current and how many there are, such as "3 of 12 matches".
+   * - `find-field`: The search field in the find bar.
+   * - `find-live`: The find button's live region, which speaks while the button is pending.
+   * - `find-next`: The button that moves to the next match.
+   * - `find-next-button`: The next match button's inner button.
+   * - `find-next-live`: The next match button's live region, which speaks while the button is pending.
+   * - `find-next-spinner`: The ring the next match button turns while it is pending.
+   * - `find-next-text`: The box the next match button's icon sits in.
+   * - `find-previous`: The button that moves to the previous match.
+   * - `find-previous-button`: The previous match button's inner button.
+   * - `find-previous-live`: The previous match button's live region, which speaks while the button is pending.
+   * - `find-previous-spinner`: The ring the previous match button turns while it is pending.
+   * - `find-previous-text`: The box the previous match button's icon sits in.
+   * - `find-spinner`: The ring the find button turns while it is pending.
+   * - `find-text`: The box the find button's icon sits in.
+   * - `fullscreen`: The button that makes the terminal fill the screen. Pressed while it does.
+   * - `fullscreen-button`: The fullscreen button's inner button.
+   * - `fullscreen-live`: The fullscreen button's live region, which speaks while the button is pending.
+   * - `fullscreen-spinner`: The ring the fullscreen button turns while it is pending.
+   * - `fullscreen-text`: The box the fullscreen button's icon sits in.
+   * - `header`: The strip above the terminal, with its name, your actions, and the controls.
+   * - `label`: The terminal's name in the header.
+   * - `live`: What screen readers hear after the frame acts: a match count, a copy, or a change to what Tab does. Visually hidden in the styled tier.
+   * - `region`: The named group the terminal sits in.
+   * - `restart`: The button in the status line that asks for a new process after the last one exited.
+   * - `restart-button`: The Restart button's inner button.
+   * - `restart-live`: The Restart button's live region, which speaks while the button is pending.
+   * - `restart-spinner`: The ring the Restart button turns while it is pending.
+   * - `restart-text`: The Restart button's label.
+   * - `status`: The line under the terminal that says the process exited, or that Tab moves focus.
+   * - `viewport`: The box the terminal is drawn in.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `bell`: The program rang the bell, held for a moment for a visual bell.
+   * - `exited`: The process has exited, by `exit-code`.
+   * - `find-open`: The find bar is open.
+   * - `fullscreen`: The terminal fills the screen.
+   * - `tab-moves-focus`: Tab moves focus out of the terminal, after Control+M.
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-terminal": Partial<
+    HelixTerminalProps &
+      HelixTerminalSolidJsProps &
+      BaseProps<HelixTerminal, "solid"> &
+      BaseEvents<HelixTerminal>
+  >;
+
   /**
    * `as` sets the element, which decides the document outline and what a screen
    * reader announces. `variant` sets the type ramp, which decides size, weight,
@@ -112340,6 +113180,68 @@ export type CustomCssProperties = {
   "--tag-gap"?: (string) | undefined;
   /** The corner radius of the tag. */
   "--tag-radius"?: (string) | undefined;
+  /** The frame's height, as a length. Ignored with `fill`, where the container decides it. */
+  "--terminal-block-size"?: (string) | undefined;
+  /** The edge around the frame and the rules inside it. */
+  "--terminal-border-color"?: (string) | undefined;
+  /** The face of the grid. Defaults to the monospaced face. */
+  "--terminal-font-family"?: (string) | undefined;
+  /** The size of the grid's text. Defaults to the small text step. */
+  "--terminal-font-size"?: (string) | undefined;
+  /** The fill of the header, the find bar, and the status line. */
+  "--terminal-header-background-color"?: (string) | undefined;
+  /** The space between the frame's edge and the grid. */
+  "--terminal-padding"?: (string) | undefined;
+  /** The frame's corners. */
+  "--terminal-radius"?: (string) | undefined;
+  /** The ground of the current match of a search. */
+  "--terminal-active-match-background-color"?: (string) | undefined;
+  /** The edge of the current match of a search. */
+  "--terminal-active-match-border-color"?: (string) | undefined;
+  /** ANSI black, which codes `30` and `40` draw. */
+  "--terminal-ansi-black"?: (string) | undefined;
+  /** ANSI blue, which codes `34` and `44` draw. */
+  "--terminal-ansi-blue"?: (string) | undefined;
+  /** ANSI bright black, which codes `90` and `100` draw. */
+  "--terminal-ansi-bright-black"?: (string) | undefined;
+  /** ANSI bright blue, which codes `94` and `104` draw. */
+  "--terminal-ansi-bright-blue"?: (string) | undefined;
+  /** ANSI bright cyan, which codes `96` and `106` draw. */
+  "--terminal-ansi-bright-cyan"?: (string) | undefined;
+  /** ANSI bright green, which codes `92` and `102` draw. */
+  "--terminal-ansi-bright-green"?: (string) | undefined;
+  /** ANSI bright magenta, which codes `95` and `105` draw. */
+  "--terminal-ansi-bright-magenta"?: (string) | undefined;
+  /** ANSI bright red, which codes `91` and `101` draw. */
+  "--terminal-ansi-bright-red"?: (string) | undefined;
+  /** ANSI bright white, which codes `97` and `107` draw. */
+  "--terminal-ansi-bright-white"?: (string) | undefined;
+  /** ANSI bright yellow, which codes `93` and `103` draw. */
+  "--terminal-ansi-bright-yellow"?: (string) | undefined;
+  /** ANSI cyan, which codes `36` and `46` draw. */
+  "--terminal-ansi-cyan"?: (string) | undefined;
+  /** ANSI green, which codes `32` and `42` draw. */
+  "--terminal-ansi-green"?: (string) | undefined;
+  /** ANSI magenta, which codes `35` and `45` draw. */
+  "--terminal-ansi-magenta"?: (string) | undefined;
+  /** ANSI red, which codes `31` and `41` draw. */
+  "--terminal-ansi-red"?: (string) | undefined;
+  /** ANSI white, which codes `37` and `47` draw. */
+  "--terminal-ansi-white"?: (string) | undefined;
+  /** ANSI yellow, which codes `33` and `43` draw. */
+  "--terminal-ansi-yellow"?: (string) | undefined;
+  /** The ground of the grid. */
+  "--terminal-background-color"?: (string) | undefined;
+  /** The text of the grid where the program sets no color. */
+  "--terminal-color"?: (string) | undefined;
+  /** The cursor. */
+  "--terminal-cursor-color"?: (string) | undefined;
+  /** The ground of every match of a search but the current one. */
+  "--terminal-match-background-color"?: (string) | undefined;
+  /** The grid's scrollbar. */
+  "--terminal-scrollbar-thumb-color"?: (string) | undefined;
+  /** The ground of selected text. See-through, so the text keeps its color. */
+  "--terminal-selection-background-color"?: (string) | undefined;
   /** The typeface. Overrides the ramp's. */
   "--text-font-family"?: (string) | undefined;
   /** The size. Overrides the ramp's. */