@fusion.dev/helix 0.219.0 → 0.220.0

package/types/jsx.d.ts

@@ -102,8 +102,10 @@ import type {
   HelixFilterMenu,
   HelixFilterOperator,
   HelixFilteredEvent,
+  HelixFind,
   HelixFlex,
   HelixFormatDate,
+  HelixFoundEvent,
   HelixGraph,
   HelixGraphFilterEvent,
   HelixGraphLayoutEvent,
@@ -8895,6 +8897,9 @@ export type HelixCodeEditorElementEvent<E = Event> = TypedEvent<
 /** `helix-before-change` event type */
 export type HelixCodeEditorHelixBeforeChangeElementEvent =
   HelixCodeEditorElementEvent<HelixBeforeChangeEvent>;
+/** `helix-found` event type */
+export type HelixCodeEditorHelixFoundElementEvent =
+  HelixCodeEditorElementEvent<HelixFoundEvent>;
 
 export type HelixCodeEditorProps = {
   /** Covers the container instead of taking a height of its own, for an
@@ -9098,6 +9103,8 @@ Here rather than on each control. */
   "onhelix-before-change"?: ((
     e: HelixCodeEditorHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** The find bar searched or moved among the matches, with `count` and the selected match's `index`, counting from 0, or -1 for none. */
+  "onhelix-found"?: ((e: HelixCodeEditorHelixFoundElementEvent) => void) | undefined;
   /** Fired after the text changes. */
   oninput?: ((e: HelixCodeEditorElementEvent) => void) | undefined;
 };
@@ -9303,6 +9310,8 @@ Here rather than on each control. */
   "on:helix-before-change"?: ((
     e: HelixCodeEditorHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** The find bar searched or moved among the matches, with `count` and the selected match's `index`, counting from 0, or -1 for none. */
+  "on:helix-found"?: ((e: HelixCodeEditorHelixFoundElementEvent) => void) | undefined;
   /** Fired after the text changes. */
   "on:input"?: ((e: HelixCodeEditorElementEvent) => void) | undefined;
 
@@ -18647,6 +18656,256 @@ write a function in markup. See the class description. */
   textContent?: (string | number) | undefined;
 };
 
+/** `HelixFind` component event */
+export type HelixFindElementEvent<E = Event> = TypedEvent<HelixFind, E>;
+/** `toggle` event type */
+export type HelixFindToggleElementEvent = HelixFindElementEvent<ToggleEvent>;
+/** `helix-before-close` event type */
+export type HelixFindHelixBeforeCloseElementEvent =
+  HelixFindElementEvent<HelixBeforeCloseEvent>;
+/** `helix-before-open` event type */
+export type HelixFindHelixBeforeOpenElementEvent =
+  HelixFindElementEvent<HelixBeforeOpenEvent>;
+/** `helix-found` event type */
+export type HelixFindHelixFoundElementEvent =
+  HelixFindElementEvent<HelixFoundEvent>;
+
+export type HelixFindProps = {
+  /** Whether the element starts open. Ignored once `open` is written. */
+  "default-open"?: (HelixFind["defaultOpen"]) | undefined;
+  /** Whether the element starts open. Ignored once `open` is written. */
+  defaultOpen?: (HelixFind["defaultOpen"]) | undefined;
+  /** Whether the element is open.
+
+One property, not two, so `dialog.open` answers the question anyone
+asking it meant. Writing always applies; `<helix-dialog open>` is the
+same statement in markup.
+
+**Not reflected, and that is required rather than tidy.** Reflection
+writes the resolved state back as an attribute, so an element that opened
+itself would put `open` on its own host: cloned, serialized for
+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?: (HelixFind["open"]) | undefined;
+  /** The close button's label. */
+  "close-label"?: (HelixFind["closeLabel"]) | undefined;
+  /** The close button's label. */
+  closeLabel?: (HelixFind["closeLabel"]) | undefined;
+  /** The name of the bar's toolbar, read by screen readers. */
+  "controls-label"?: (HelixFind["controlsLabel"]) | undefined;
+  /** The name of the bar's toolbar, read by screen readers. */
+  controlsLabel?: (HelixFind["controlsLabel"]) | undefined;
+  /** The id of the element whose text Find searches, in the same tree as Find.
+With a finder attached, it names only where the find key opens the bar. */
+  for?: (HelixFind["for"]) | undefined;
+  /** What the count says when the regular expression cannot be read. */
+  "invalid-label"?: (HelixFind["invalidLabel"]) | undefined;
+  /** What the count says when the regular expression cannot be read. */
+  invalidLabel?: (HelixFind["invalidLabel"]) | undefined;
+  /** The field's name and placeholder, and the name of the bar. */
+  label?: (HelixFind["label"]) | undefined;
+  /** Whether case has to match, so "Error" does not find "error". The reader turns it on and off from the bar. */
+  "match-case"?: (HelixFind["matchCase"]) | undefined;
+  /** Whether case has to match, so "Error" does not find "error". The reader turns it on and off from the bar. */
+  matchCase?: (HelixFind["matchCase"]) | undefined;
+  /** The match case button's label. */
+  "match-case-label"?: (HelixFind["matchCaseLabel"]) | undefined;
+  /** The match case button's label. */
+  matchCaseLabel?: (HelixFind["matchCaseLabel"]) | undefined;
+  /** What the count says of the matches. `{index}` is the current match,
+counting from 1, and `{count}` how many there are. */
+  "matches-label"?: (HelixFind["matchesLabel"]) | undefined;
+  /** What the count says of the matches. `{index}` is the current match,
+counting from 1, and `{count}` how many there are. */
+  matchesLabel?: (HelixFind["matchesLabel"]) | undefined;
+  /** The next match button's label. */
+  "next-label"?: (HelixFind["nextLabel"]) | undefined;
+  /** The next match button's label. */
+  nextLabel?: (HelixFind["nextLabel"]) | undefined;
+  /** Which options the bar draws, as a list of `match-case`, `whole-word`, and
+`regex`, or `none`. They are always drawn in that order. */
+  options?: (HelixFind["options"]) | undefined;
+  /** The previous match button's label. */
+  "previous-label"?: (HelixFind["previousLabel"]) | undefined;
+  /** The previous match button's label. */
+  previousLabel?: (HelixFind["previousLabel"]) | undefined;
+  /** What the field holds: what the reader typed, or what you set. */
+  query?: (HelixFind["query"]) | undefined;
+  /** Hides replacing, for content the reader cannot change. The attribute is `readonly`, the platform's spelling. */
+  readonly?: (HelixFind["readOnly"]) | undefined;
+  /** Hides replacing, for content the reader cannot change. The attribute is `readonly`, the platform's spelling. */
+  readOnly?: (HelixFind["readOnly"]) | undefined;
+  /** Whether the field reads as a regular expression, in JavaScript's syntax. The reader turns it on and off from the bar. */
+  regex?: (HelixFind["regex"]) | undefined;
+  /** The regular expression button's label. */
+  "regex-label"?: (HelixFind["regexLabel"]) | undefined;
+  /** The regular expression button's label. */
+  regexLabel?: (HelixFind["regexLabel"]) | undefined;
+  /** The Replace all button's words. */
+  "replace-all-label"?: (HelixFind["replaceAllLabel"]) | undefined;
+  /** The Replace all button's words. */
+  replaceAllLabel?: (HelixFind["replaceAllLabel"]) | undefined;
+  /** The replace field's name and placeholder. */
+  "replace-field-label"?: (HelixFind["replaceFieldLabel"]) | undefined;
+  /** The replace field's name and placeholder. */
+  replaceFieldLabel?: (HelixFind["replaceFieldLabel"]) | undefined;
+  /** The Replace button's words. */
+  "replace-label"?: (HelixFind["replaceLabel"]) | undefined;
+  /** The Replace button's words. */
+  replaceLabel?: (HelixFind["replaceLabel"]) | undefined;
+  /** What the replace field holds, which Replace puts in place of a match. */
+  replacement?: (HelixFind["replacement"]) | undefined;
+  /** The label of the button that shows the replace row. */
+  "replace-toggle-label"?: (HelixFind["replaceToggleLabel"]) | undefined;
+  /** The label of the button that shows the replace row. */
+  replaceToggleLabel?: (HelixFind["replaceToggleLabel"]) | undefined;
+  /** The key that opens the bar, as a chord such as `mod+f`, where `mod` is
+Command on an Apple keyboard and Control elsewhere. Empty turns the key
+off, as for a bar the page opens itself. */
+  shortcut?: (HelixFind["shortcut"]) | undefined;
+  /** Elements inside the content whose text is not searched, as a selector,
+such as line numbers or the buttons beside each message. */
+  skip?: (HelixFind["skip"]) | undefined;
+  /** Whether only whole words match. The reader turns it on and off from the bar. */
+  "whole-word"?: (HelixFind["wholeWord"]) | undefined;
+  /** Whether only whole words match. The reader turns it on and off from the bar. */
+  wholeWord?: (HelixFind["wholeWord"]) | undefined;
+  /** The whole word button's label. */
+  "whole-word-label"?: (HelixFind["wholeWordLabel"]) | undefined;
+  /** The whole word button's label. */
+  wholeWordLabel?: (HelixFind["wholeWordLabel"]) | undefined;
+
+  /** Sent when the bar opens or closes, with `newState` and `oldState`. */
+  ontoggle?: ((e: HelixFindToggleElementEvent) => void) | undefined;
+  /** Fired before the bar closes, and cancelable. */
+  "onhelix-before-close"?: ((e: HelixFindHelixBeforeCloseElementEvent) => void) | undefined;
+  /** Fired before the bar opens, and cancelable. Canceling it keeps the bar closed. */
+  "onhelix-before-open"?: ((e: HelixFindHelixBeforeOpenElementEvent) => void) | undefined;
+  /** Sent after each search and each move among the matches, with `count` and the current match's `index`, counting from 0, or -1 for none. */
+  "onhelix-found"?: ((e: HelixFindHelixFoundElementEvent) => void) | undefined;
+};
+
+export type HelixFindSolidJsProps = {
+  /** Whether the element starts open. Ignored once `open` is written. */
+  "bool:default-open"?: (HelixFind["defaultOpen"]) | undefined;
+  /** Whether the element starts open. Ignored once `open` is written. */
+  "prop:defaultOpen"?: (HelixFind["defaultOpen"]) | undefined;
+  /** Whether the element is open.
+
+One property, not two, so `dialog.open` answers the question anyone
+asking it meant. Writing always applies; `<helix-dialog open>` is the
+same statement in markup.
+
+**Not reflected, and that is required rather than tidy.** Reflection
+writes the resolved state back as an attribute, so an element that opened
+itself would put `open` on its own host: cloned, serialized for
+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"?: (HelixFind["open"]) | undefined;
+  /** The close button's label. */
+  "attr:close-label"?: (HelixFind["closeLabel"]) | undefined;
+  /** The close button's label. */
+  "prop:closeLabel"?: (HelixFind["closeLabel"]) | undefined;
+  /** The name of the bar's toolbar, read by screen readers. */
+  "attr:controls-label"?: (HelixFind["controlsLabel"]) | undefined;
+  /** The name of the bar's toolbar, read by screen readers. */
+  "prop:controlsLabel"?: (HelixFind["controlsLabel"]) | undefined;
+  /** The id of the element whose text Find searches, in the same tree as Find.
+With a finder attached, it names only where the find key opens the bar. */
+  "prop:for"?: (HelixFind["for"]) | undefined;
+  /** What the count says when the regular expression cannot be read. */
+  "attr:invalid-label"?: (HelixFind["invalidLabel"]) | undefined;
+  /** What the count says when the regular expression cannot be read. */
+  "prop:invalidLabel"?: (HelixFind["invalidLabel"]) | undefined;
+  /** The field's name and placeholder, and the name of the bar. */
+  "prop:label"?: (HelixFind["label"]) | undefined;
+  /** Whether case has to match, so "Error" does not find "error". The reader turns it on and off from the bar. */
+  "bool:match-case"?: (HelixFind["matchCase"]) | undefined;
+  /** Whether case has to match, so "Error" does not find "error". The reader turns it on and off from the bar. */
+  "prop:matchCase"?: (HelixFind["matchCase"]) | undefined;
+  /** The match case button's label. */
+  "attr:match-case-label"?: (HelixFind["matchCaseLabel"]) | undefined;
+  /** The match case button's label. */
+  "prop:matchCaseLabel"?: (HelixFind["matchCaseLabel"]) | undefined;
+  /** What the count says of the matches. `{index}` is the current match,
+counting from 1, and `{count}` how many there are. */
+  "attr:matches-label"?: (HelixFind["matchesLabel"]) | undefined;
+  /** What the count says of the matches. `{index}` is the current match,
+counting from 1, and `{count}` how many there are. */
+  "prop:matchesLabel"?: (HelixFind["matchesLabel"]) | undefined;
+  /** The next match button's label. */
+  "attr:next-label"?: (HelixFind["nextLabel"]) | undefined;
+  /** The next match button's label. */
+  "prop:nextLabel"?: (HelixFind["nextLabel"]) | undefined;
+  /** Which options the bar draws, as a list of `match-case`, `whole-word`, and
+`regex`, or `none`. They are always drawn in that order. */
+  "prop:options"?: (HelixFind["options"]) | undefined;
+  /** The previous match button's label. */
+  "attr:previous-label"?: (HelixFind["previousLabel"]) | undefined;
+  /** The previous match button's label. */
+  "prop:previousLabel"?: (HelixFind["previousLabel"]) | undefined;
+  /** What the field holds: what the reader typed, or what you set. */
+  "prop:query"?: (HelixFind["query"]) | undefined;
+  /** Hides replacing, for content the reader cannot change. The attribute is `readonly`, the platform's spelling. */
+  "bool:readonly"?: (HelixFind["readOnly"]) | undefined;
+  /** Hides replacing, for content the reader cannot change. The attribute is `readonly`, the platform's spelling. */
+  "prop:readOnly"?: (HelixFind["readOnly"]) | undefined;
+  /** Whether the field reads as a regular expression, in JavaScript's syntax. The reader turns it on and off from the bar. */
+  "prop:regex"?: (HelixFind["regex"]) | undefined;
+  /** The regular expression button's label. */
+  "attr:regex-label"?: (HelixFind["regexLabel"]) | undefined;
+  /** The regular expression button's label. */
+  "prop:regexLabel"?: (HelixFind["regexLabel"]) | undefined;
+  /** The Replace all button's words. */
+  "attr:replace-all-label"?: (HelixFind["replaceAllLabel"]) | undefined;
+  /** The Replace all button's words. */
+  "prop:replaceAllLabel"?: (HelixFind["replaceAllLabel"]) | undefined;
+  /** The replace field's name and placeholder. */
+  "attr:replace-field-label"?: (HelixFind["replaceFieldLabel"]) | undefined;
+  /** The replace field's name and placeholder. */
+  "prop:replaceFieldLabel"?: (HelixFind["replaceFieldLabel"]) | undefined;
+  /** The Replace button's words. */
+  "attr:replace-label"?: (HelixFind["replaceLabel"]) | undefined;
+  /** The Replace button's words. */
+  "prop:replaceLabel"?: (HelixFind["replaceLabel"]) | undefined;
+  /** What the replace field holds, which Replace puts in place of a match. */
+  "prop:replacement"?: (HelixFind["replacement"]) | undefined;
+  /** The label of the button that shows the replace row. */
+  "attr:replace-toggle-label"?: (HelixFind["replaceToggleLabel"]) | undefined;
+  /** The label of the button that shows the replace row. */
+  "prop:replaceToggleLabel"?: (HelixFind["replaceToggleLabel"]) | undefined;
+  /** The key that opens the bar, as a chord such as `mod+f`, where `mod` is
+Command on an Apple keyboard and Control elsewhere. Empty turns the key
+off, as for a bar the page opens itself. */
+  "prop:shortcut"?: (HelixFind["shortcut"]) | undefined;
+  /** Elements inside the content whose text is not searched, as a selector,
+such as line numbers or the buttons beside each message. */
+  "prop:skip"?: (HelixFind["skip"]) | undefined;
+  /** Whether only whole words match. The reader turns it on and off from the bar. */
+  "bool:whole-word"?: (HelixFind["wholeWord"]) | undefined;
+  /** Whether only whole words match. The reader turns it on and off from the bar. */
+  "prop:wholeWord"?: (HelixFind["wholeWord"]) | undefined;
+  /** The whole word button's label. */
+  "attr:whole-word-label"?: (HelixFind["wholeWordLabel"]) | undefined;
+  /** The whole word button's label. */
+  "prop:wholeWordLabel"?: (HelixFind["wholeWordLabel"]) | undefined;
+  /** Sent when the bar opens or closes, with `newState` and `oldState`. */
+  "on:toggle"?: ((e: HelixFindToggleElementEvent) => void) | undefined;
+  /** Fired before the bar closes, and cancelable. */
+  "on:helix-before-close"?: ((e: HelixFindHelixBeforeCloseElementEvent) => void) | undefined;
+  /** Fired before the bar opens, and cancelable. Canceling it keeps the bar closed. */
+  "on:helix-before-open"?: ((e: HelixFindHelixBeforeOpenElementEvent) => void) | undefined;
+  /** Sent after each search and each move among the matches, with `count` and the current match's `index`, counting from 0, or -1 for none. */
+  "on:helix-found"?: ((e: HelixFindHelixFoundElementEvent) => void) | undefined;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: (string) | undefined;
+  /** Set the textContent of the element */
+  textContent?: (string | number) | undefined;
+};
+
 export type HelixFlexProps = {
   /** How the lines of a wrapping row share the space across it, set as
 `align-content`.
@@ -42045,6 +42304,9 @@ export type HelixTerminalElementEvent<E = Event> = TypedEvent<HelixTerminal, E>;
 /** `helix-copy` event type */
 export type HelixTerminalHelixCopyElementEvent =
   HelixTerminalElementEvent<HelixCopyEvent>;
+/** `helix-found` event type */
+export type HelixTerminalHelixFoundElementEvent =
+  HelixTerminalElementEvent<HelixFoundEvent>;
 /** `helix-terminal-bell` event type */
 export type HelixTerminalHelixTerminalBellElementEvent =
   HelixTerminalElementEvent<HelixTerminalBellEvent>;
@@ -42218,6 +42480,8 @@ write. Connect it to a setting your reader can turn on. */
 
   /** The copy control or its key put the selection on the clipboard. */
   "onhelix-copy"?: ((e: HelixTerminalHelixCopyElementEvent) => void) | undefined;
+  /** The find bar searched or moved among the matches, with `count` and the current match's `index`, counting from 0, or -1 for none. */
+  "onhelix-found"?: ((e: HelixTerminalHelixFoundElementEvent) => void) | undefined;
   /** The program rang the bell. The frame flashes once. */
   "onhelix-terminal-bell"?: ((
     e: HelixTerminalHelixTerminalBellElementEvent,
@@ -42397,6 +42661,8 @@ write. Connect it to a setting your reader can turn on. */
   "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 find bar searched or moved among the matches, with `count` and the current match's `index`, counting from 0, or -1 for none. */
+  "on:helix-found"?: ((e: HelixTerminalHelixFoundElementEvent) => void) | undefined;
   /** The program rang the bell. The frame flashes once. */
   "on:helix-terminal-bell"?: ((
     e: HelixTerminalHelixTerminalBellElementEvent,
@@ -54769,6 +55035,7 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * - `change`: The reader finished an edit and focus left the code, in the engine or the plain field.
    * - `helix-before-change`: The text is about to change. Cancelable: cancel it to keep the current text.
+   * - `helix-found`: The find bar searched or moved among the matches, with `count` and the selected match's `index`, counting from 0, or -1 for none.
    * - `input`: Fired after the text changes.
    *
    * ## Slots
@@ -54872,9 +55139,9 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `diagnostics`: The list of problems under the code, while there are any.
    * - `feedback`: The message that says what is wrong.
    * - `field`: The frame around the header, the code, the problems and the status line.
-   * - `find`: The button in the header that opens the find bar.
-   * - `find-bar`: The find bar under the header, while it is open.
-   * - `find-button`: The Find button's inner button.
+   * - `find`: The find bar under the header, where the reader searches the code: a Find of its own.
+   * - `find-actions`: The find bar's `actions` slot, which the editor fills with nothing.
+   * - `find-bar`: The find bar's strip: the replace toggle, the field, the count, the toolbar, and the replace row while it shows.
    * - `find-close`: The button that closes the find bar.
    * - `find-close-button`: The close button's inner button.
    * - `find-close-live`: The close button's live region, which speaks while the button is pending.
@@ -54884,10 +55151,11 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `find-controls-toolbar`: The box inside the find bar's toolbar that lays its buttons out.
    * - `find-count`: Which match is selected, of how many.
    * - `find-field`: The field the search is typed in.
-   * - `find-live`: The Find button's live region, which speaks while the button is pending.
+   * - `find-live`: The find bar's live region, which says the count as it changes.
    * - `find-match-case`: The option that finds only the same case. Pressed while it applies.
    * - `find-match-case-button`: The match case button's inner button.
    * - `find-match-case-live`: The match case button's live region, which speaks while the button is pending.
+   * - `find-match-case-pressed`: The match case option while it applies, beside `find-match-case`.
    * - `find-match-case-spinner`: The ring the match case button turns while it is pending.
    * - `find-match-case-text`: The box the match case button's icon sits in.
    * - `find-next`: The button that selects the next match.
@@ -54903,18 +55171,34 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `find-regex`: The option that reads the search as a regular expression. Pressed while it applies.
    * - `find-regex-button`: The regular expression button's inner button.
    * - `find-regex-live`: The regular expression button's live region, which speaks while the button is pending.
+   * - `find-regex-pressed`: The regular expression option while it applies, beside `find-regex`.
    * - `find-regex-spinner`: The ring the regular expression button turns while it is pending.
    * - `find-regex-text`: The box the regular expression button's icon sits in.
-   * - `find-replace`: The button that shows the replace field under the find field. Expanded while it shows.
-   * - `find-replace-button`: The find and replace button's inner button.
-   * - `find-replace-live`: The find and replace button's live region, which speaks while the button is pending.
-   * - `find-replace-spinner`: The ring the find and replace button turns while it is pending.
-   * - `find-replace-text`: The box the find and replace 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.
+   * - `find-replace`: The button that replaces the selected match.
+   * - `find-replace-all`: The button that replaces every match.
+   * - `find-replace-all-button`: The Replace all button's inner button.
+   * - `find-replace-all-live`: The Replace all button's live region, which speaks while the button is pending.
+   * - `find-replace-all-spinner`: The ring the Replace all button turns while it is pending.
+   * - `find-replace-all-text`: The box the Replace all button's words sits in.
+   * - `find-replace-button`: The Replace button's inner button.
+   * - `find-replace-field`: The field the replacement is typed in.
+   * - `find-replace-live`: The Replace button's live region, which speaks while the button is pending.
+   * - `find-replace-spinner`: The ring the Replace button turns while it is pending.
+   * - `find-replace-text`: The box the Replace button's words sits in.
+   * - `find-replace-toggle`: The button that shows the replace field under the find field. Expanded while it shows. Not drawn while `readonly`.
+   * - `find-replace-toggle-button`: The find and replace button's inner button.
+   * - `find-replace-toggle-live`: The find and replace button's live region, which speaks while the button is pending.
+   * - `find-replace-toggle-spinner`: The ring the find and replace button turns while it is pending.
+   * - `find-replace-toggle-text`: The box the find and replace button's icon sits in.
+   * - `find-toggle`: The button in the header that opens and closes the find bar. Expanded while it is open.
+   * - `find-toggle-button`: The Find button's inner button.
+   * - `find-toggle-live`: The Find button's live region, which speaks while the button is pending.
+   * - `find-toggle-spinner`: The ring the Find button turns while it is pending.
+   * - `find-toggle-text`: The box the Find button's icon sits in.
    * - `find-whole-word`: The option that finds only whole words. Pressed while it applies.
    * - `find-whole-word-button`: The whole word button's inner button.
    * - `find-whole-word-live`: The whole word button's live region, which speaks while the button is pending.
+   * - `find-whole-word-pressed`: The whole word option while it applies, beside `find-whole-word`.
    * - `find-whole-word-spinner`: The ring the whole word button turns while it is pending.
    * - `find-whole-word-text`: The box the whole word button's icon sits in.
    * - `header`: The strip above the code: the name, the language, and the controls.
@@ -54923,17 +55207,6 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `language`: The language's name in the header.
    * - `position`: The caret's line and column, in the status line.
    * - `problem-count`: How many problems there are, in the status line.
-   * - `replace`: The button that replaces the selected match.
-   * - `replace-all`: The button that replaces every match.
-   * - `replace-all-button`: The Replace all button's inner button.
-   * - `replace-all-live`: The Replace all button's live region, which speaks while the button is pending.
-   * - `replace-all-spinner`: The ring the Replace all button turns while it is pending.
-   * - `replace-all-text`: The box the Replace all button's words sit in.
-   * - `replace-button`: The Replace button's inner button.
-   * - `replace-field`: The field the replacement is typed in.
-   * - `replace-live`: The Replace button's live region, which speaks while the button is pending.
-   * - `replace-spinner`: The ring the Replace button turns while it is pending.
-   * - `replace-text`: The box the Replace button's words sit in.
    * - `status`: The strip under the code.
    * - `view`: Where an engine draws, while one is connected.
    *
@@ -54944,7 +55217,6 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `connected`: An engine draws the editor.
    * - `find-open`: The find bar is open.
    * - `invalid`: The editor has an error to show, from `required` or your `feedback`.
-   * - `replace-open`: The replace field shows under the find field.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-code-editor": Partial<
@@ -61151,6 +61423,207 @@ export type CustomElements<F extends Framework = "other"> = {
     HelixFilterInputProps & BaseProps<HelixFilterInput, F> & BaseEvents<HelixFilterInput>
   >;
 
+  /**
+   * Drawn as the find bars of Terminal and Code Editor are: a dense strip on the
+   * raised surface, with a line under it where it meets the content. Place it
+   * above the content it searches, such as at the top of a pane, or make it
+   * sticky with `position: sticky` on the element.
+   *
+   * Every match is painted with `::highlight(helix-find-match)` and the current
+   * one with `::highlight(helix-find-current)`, both in the base layer. Text is
+   * painted from the tree it lives in, so content in a shadow root of your own
+   * needs the two rules in that root's styles.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `default-open`/`defaultOpen`: Whether the element starts open. Ignored once `open` is written.
+   * - `open`: Whether the element is open.
+   *
+   * One property, not two, so `dialog.open` answers the question anyone
+   * asking it meant. Writing always applies; `<helix-dialog open>` is the
+   * same statement in markup.
+   *
+   * **Not reflected, and that is required rather than tidy.** Reflection
+   * writes the resolved state back as an attribute, so an element that opened
+   * itself would put `open` on its own host: cloned, serialized for
+   * 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.
+   * - `close-label`/`closeLabel`: The close button's label.
+   * - `controls-label`/`controlsLabel`: The name of the bar's toolbar, read by screen readers.
+   * - `for`: The id of the element whose text Find searches, in the same tree as Find.
+   * With a finder attached, it names only where the find key opens the bar.
+   * - `invalid-label`/`invalidLabel`: What the count says when the regular expression cannot be read.
+   * - `label`: The field's name and placeholder, and the name of the bar.
+   * - `match-case`/`matchCase`: Whether case has to match, so "Error" does not find "error". The reader turns it on and off from the bar.
+   * - `match-case-label`/`matchCaseLabel`: The match case button's label.
+   * - `matches-label`/`matchesLabel`: What the count says of the matches. `{index}` is the current match,
+   * counting from 1, and `{count}` how many there are.
+   * - `next-label`/`nextLabel`: The next match button's label.
+   * - `options`: Which options the bar draws, as a list of `match-case`, `whole-word`, and
+   * `regex`, or `none`. They are always drawn in that order.
+   * - `previous-label`/`previousLabel`: The previous match button's label.
+   * - `query`: What the field holds: what the reader typed, or what you set.
+   * - `readonly`/`readOnly`: Hides replacing, for content the reader cannot change. The attribute is `readonly`, the platform's spelling.
+   * - `regex`: Whether the field reads as a regular expression, in JavaScript's syntax. The reader turns it on and off from the bar.
+   * - `regex-label`/`regexLabel`: The regular expression button's label.
+   * - `replace-all-label`/`replaceAllLabel`: The Replace all button's words.
+   * - `replace-field-label`/`replaceFieldLabel`: The replace field's name and placeholder.
+   * - `replace-label`/`replaceLabel`: The Replace button's words.
+   * - `replacement`: What the replace field holds, which Replace puts in place of a match.
+   * - `replace-toggle-label`/`replaceToggleLabel`: The label of the button that shows the replace row.
+   * - `shortcut`: The key that opens the bar, as a chord such as `mod+f`, where `mod` is
+   * Command on an Apple keyboard and Control elsewhere. Empty turns the key
+   * off, as for a bar the page opens itself.
+   * - `skip`: Elements inside the content whose text is not searched, as a selector,
+   * such as line numbers or the buttons beside each message.
+   * - `whole-word`/`wholeWord`: Whether only whole words match. The reader turns it on and off from the bar.
+   * - `whole-word-label`/`wholeWordLabel`: The whole word button's label.
+   * - `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.
+   *
+   * - `toggle`: Sent when the bar opens or closes, with `newState` and `oldState`.
+   * - `helix-before-close`: Fired before the bar closes, and cancelable.
+   * - `helix-before-open`: Fired before the bar opens, and cancelable. Canceling it keeps the bar closed.
+   * - `helix-found`: Sent after each search and each move among the matches, with `count` and the current match's `index`, counting from 0, or -1 for none.
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `actions`: Controls of your own in the bar's toolbar, between its options and the buttons that move between matches.
+   * - `close-icon`: Replaces the glyph inside the close button.
+   * - `match-case-icon`: Replaces the glyph inside the match case button.
+   * - `next-icon`: Replaces the glyph inside the next match button.
+   * - `previous-icon`: Replaces the glyph inside the previous match button.
+   * - `regex-icon`: Replaces the glyph inside the regular expression button.
+   * - `whole-word-icon`: Replaces the glyph inside the whole word button.
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `requestOpen(next: boolean) => boolean`: Requests that the element open or close, and returns whether the change
+   * was applied.
+   *
+   * Announces before it acts, so `preventDefault()` on the `helix-before-open` or
+   * `helix-before-close` is a refusal and nothing moves. Nobody refusing means the
+   * element opens or closes itself, whether or not a consumer declared
+   * `open`: a declared property is a seed and a correction, and a consumer
+   * who wants the decision for themselves refuses it and assigns their own.
+   * - `toggleOpen() => boolean`: Requests the opposite of the current state.
+   * - `attach(finder: Finder) => FindSink`: Searches with `finder` in place of the text finder, and returns how it
+   * reports a search it finishes later. Attaching another lets go of this one.
+   * - `show() => Promise<void>`: Opens the bar and puts focus in its field, with what it holds selected.
+   * Text selected in the content, on one line, becomes the search.
+   * - `hide() => void`: Closes the bar and takes the marks away. Focus in the bar returns to where it was before the bar opened.
+   * - `next() => void`: Moves to the next match, after the last one to the first.
+   * - `previous() => void`: Moves to the previous match, before the first one to the last.
+   * - `refresh() => void`: Searches again, staying on the current match where it still matches, for content changed in a way Find cannot see.
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--find-background-color`: The bar's fill. Defaults to the raised surface.
+   * - `--find-border-color`: The line under the bar and the fields' edges.
+   * - `--find-field-background-color`: The fields' fill. Defaults to the page's background.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `actions`: The `actions` slot, in the toolbar.
+   * - `bar`: The bar, a search landmark: the field, the count, the toolbar, and the replace row while it shows.
+   * - `close`: The button that closes the bar.
+   * - `close-button`: The close button's inner button.
+   * - `close-live`: The close button's live region, which speaks while the button is pending.
+   * - `close-spinner`: The ring the close button turns while it is pending.
+   * - `close-text`: The box the close button's icon sits in.
+   * - `controls`: The toolbar: the options, your actions, and the buttons that move between matches and close the bar.
+   * - `controls-toolbar`: The box inside the toolbar that lays its buttons out.
+   * - `count`: Which match is current and how many there are, such as "3 of 12 matches".
+   * - `field`: The search field.
+   * - `live`: The live region that says the count as it changes.
+   * - `match-case`: The button that matches case. Pressed while it does.
+   * - `match-case-button`: The match case button's inner button.
+   * - `match-case-live`: The match case button's live region, which speaks while the button is pending.
+   * - `match-case-pressed`: The match case button while case has to match, beside `match-case`.
+   * - `match-case-spinner`: The ring the match case button turns while it is pending.
+   * - `match-case-text`: The box the match case button's icon sits in.
+   * - `next`: The button that moves to the next match.
+   * - `next-button`: The next match button's inner button.
+   * - `next-live`: The next match button's live region, which speaks while the button is pending.
+   * - `next-spinner`: The ring the next match button turns while it is pending.
+   * - `next-text`: The box the next match button's icon sits in.
+   * - `previous`: The button that moves to the previous match.
+   * - `previous-button`: The previous match button's inner button.
+   * - `previous-live`: The previous match button's live region, which speaks while the button is pending.
+   * - `previous-spinner`: The ring the previous match button turns while it is pending.
+   * - `previous-text`: The box the previous match button's icon sits in.
+   * - `regex`: The button that reads the field as a regular expression. Pressed while it does.
+   * - `regex-button`: The regular expression button's inner button.
+   * - `regex-live`: The regular expression button's live region, which speaks while the button is pending.
+   * - `regex-pressed`: The regular expression button while the field reads as one, beside `regex`.
+   * - `regex-spinner`: The ring the regular expression button turns while it is pending.
+   * - `regex-text`: The box the regular expression button's icon sits in.
+   * - `replace`: The button that replaces the current match.
+   * - `replace-all`: The button that replaces every match.
+   * - `replace-all-button`: The Replace all button's inner button.
+   * - `replace-all-live`: The Replace all button's live region, which speaks while the button is pending.
+   * - `replace-all-spinner`: The ring the Replace all button turns while it is pending.
+   * - `replace-all-text`: The box the Replace all button's words sit in.
+   * - `replace-button`: The Replace button's inner button.
+   * - `replace-field`: The field the replacement is typed in.
+   * - `replace-live`: The Replace button's live region, which speaks while the button is pending.
+   * - `replace-spinner`: The ring the Replace button turns while it is pending.
+   * - `replace-text`: The box the Replace button's words sit in.
+   * - `replace-toggle`: The button that shows the replace row. Expanded while it shows.
+   * - `replace-toggle-button`: The replace toggle's inner button.
+   * - `replace-toggle-live`: The replace toggle's live region, which speaks while the button is pending.
+   * - `replace-toggle-spinner`: The ring the replace toggle turns while it is pending.
+   * - `replace-toggle-text`: The box the replace toggle's icon sits in.
+   * - `whole-word`: The button that matches whole words only. Pressed while it does.
+   * - `whole-word-button`: The whole word button's inner button.
+   * - `whole-word-live`: The whole word button's live region, which speaks while the button is pending.
+   * - `whole-word-pressed`: The whole word button while only whole words match, beside `whole-word`.
+   * - `whole-word-spinner`: The ring the whole word button turns while it is pending.
+   * - `whole-word-text`: The box the whole word button's icon sits in.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `open`: While the bar is open.
+   * - `replace-open`: While the replace row shows.
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-find": Partial<HelixFindProps & BaseProps<HelixFind, F> & BaseEvents<HelixFind>>;
+
   /**
    * The host is the flex container and its only child is a slot, so
    * `<helix-flex>` adds no box beyond the `<div>` it replaces.
@@ -65224,7 +65697,7 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `content`: The lines, hidden while the group is shut.
+   * - `content`: The lines, hidden until found while the group is shut.
    * - `duration`: How long the step took.
    * - `heading`: The heading.
    * - `mark`: The caret that turns as the group opens, an `<svg>` you size.
@@ -78995,6 +79468,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * Events that will be emitted by the component.
    *
    * - `helix-copy`: The copy control or its key put the selection on the clipboard.
+   * - `helix-found`: The find bar searched or moved among the matches, with `count` and the current match's `index`, counting from 0, or -1 for none.
    * - `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.
@@ -79102,23 +79576,23 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `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`: The find bar under the header, where the reader searches the output: a Find of its own.
+   * - `find-actions`: The `find-actions` slot, in the find bar's toolbar.
+   * - `find-bar`: The find bar's strip: the field, the count, and the toolbar.
    * - `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`: The toolbar at the end of the find bar: the options, your find actions, and 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-live`: The find bar's live region, which says the count as it changes.
    * - `find-match-case`: The button that matches case in the find bar. Pressed while it does.
    * - `find-match-case-button`: The match case button's inner button.
    * - `find-match-case-live`: The match case button's live region, which speaks while the button is pending.
+   * - `find-match-case-pressed`: The match case button while case has to match, beside `find-match-case`.
    * - `find-match-case-spinner`: The ring the match case button turns while it is pending.
    * - `find-match-case-text`: The box the match case button's icon sits in.
    * - `find-next`: The button that moves to the next match.
@@ -79134,13 +79608,34 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `find-regex`: The button that reads the find field as a regular expression. Pressed while it does.
    * - `find-regex-button`: The regular expression button's inner button.
    * - `find-regex-live`: The regular expression button's live region, which speaks while the button is pending.
+   * - `find-regex-pressed`: The regular expression button while the field reads as one, beside `find-regex`.
    * - `find-regex-spinner`: The ring the regular expression button turns while it is pending.
    * - `find-regex-text`: The box the regular expression 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.
+   * - `find-replace`: The find bar's Replace button, which a terminal does not draw, since its output cannot be changed.
+   * - `find-replace-all`: The find bar's Replace all button, which a terminal does not draw.
+   * - `find-replace-all-button`: The Replace all button's inner button.
+   * - `find-replace-all-live`: The Replace all button's live region, which speaks while the button is pending.
+   * - `find-replace-all-spinner`: The ring the Replace all button turns while it is pending.
+   * - `find-replace-all-text`: The box the Replace all button's words sits in.
+   * - `find-replace-button`: The Replace button's inner button.
+   * - `find-replace-field`: The find bar's replace field, which a terminal does not draw.
+   * - `find-replace-live`: The Replace button's live region, which speaks while the button is pending.
+   * - `find-replace-spinner`: The ring the Replace button turns while it is pending.
+   * - `find-replace-text`: The box the Replace button's words sits in.
+   * - `find-replace-toggle`: The button that shows the find bar's replace row, which a terminal does not draw.
+   * - `find-replace-toggle-button`: The replace toggle's inner button.
+   * - `find-replace-toggle-live`: The replace toggle's live region, which speaks while the button is pending.
+   * - `find-replace-toggle-spinner`: The ring the replace toggle turns while it is pending.
+   * - `find-replace-toggle-text`: The box the replace toggle's icon sits in.
+   * - `find-toggle`: The button in the header that opens and closes the find bar. Expanded while it is open.
+   * - `find-toggle-button`: The find button's inner button.
+   * - `find-toggle-live`: The find button's live region, which speaks while the button is pending.
+   * - `find-toggle-spinner`: The ring the find button turns while it is pending.
+   * - `find-toggle-text`: The box the find button's icon sits in.
    * - `find-whole-word`: The button that matches whole words only in the find bar. Pressed while it does.
    * - `find-whole-word-button`: The whole word button's inner button.
    * - `find-whole-word-live`: The whole word button's live region, which speaks while the button is pending.
+   * - `find-whole-word-pressed`: The whole word button while only whole words match, beside `find-whole-word`.
    * - `find-whole-word-spinner`: The ring the whole word button turns while it is pending.
    * - `find-whole-word-text`: The box the whole word button's icon sits in.
    * - `fullscreen`: The button that makes the terminal fill the screen. Pressed while it does.
@@ -89575,6 +90070,7 @@ export type CustomElementsSolidJs = {
    *
    * - `change`: The reader finished an edit and focus left the code, in the engine or the plain field.
    * - `helix-before-change`: The text is about to change. Cancelable: cancel it to keep the current text.
+   * - `helix-found`: The find bar searched or moved among the matches, with `count` and the selected match's `index`, counting from 0, or -1 for none.
    * - `input`: Fired after the text changes.
    *
    * ## Slots
@@ -89678,9 +90174,9 @@ export type CustomElementsSolidJs = {
    * - `diagnostics`: The list of problems under the code, while there are any.
    * - `feedback`: The message that says what is wrong.
    * - `field`: The frame around the header, the code, the problems and the status line.
-   * - `find`: The button in the header that opens the find bar.
-   * - `find-bar`: The find bar under the header, while it is open.
-   * - `find-button`: The Find button's inner button.
+   * - `find`: The find bar under the header, where the reader searches the code: a Find of its own.
+   * - `find-actions`: The find bar's `actions` slot, which the editor fills with nothing.
+   * - `find-bar`: The find bar's strip: the replace toggle, the field, the count, the toolbar, and the replace row while it shows.
    * - `find-close`: The button that closes the find bar.
    * - `find-close-button`: The close button's inner button.
    * - `find-close-live`: The close button's live region, which speaks while the button is pending.
@@ -89690,10 +90186,11 @@ export type CustomElementsSolidJs = {
    * - `find-controls-toolbar`: The box inside the find bar's toolbar that lays its buttons out.
    * - `find-count`: Which match is selected, of how many.
    * - `find-field`: The field the search is typed in.
-   * - `find-live`: The Find button's live region, which speaks while the button is pending.
+   * - `find-live`: The find bar's live region, which says the count as it changes.
    * - `find-match-case`: The option that finds only the same case. Pressed while it applies.
    * - `find-match-case-button`: The match case button's inner button.
    * - `find-match-case-live`: The match case button's live region, which speaks while the button is pending.
+   * - `find-match-case-pressed`: The match case option while it applies, beside `find-match-case`.
    * - `find-match-case-spinner`: The ring the match case button turns while it is pending.
    * - `find-match-case-text`: The box the match case button's icon sits in.
    * - `find-next`: The button that selects the next match.
@@ -89709,18 +90206,34 @@ export type CustomElementsSolidJs = {
    * - `find-regex`: The option that reads the search as a regular expression. Pressed while it applies.
    * - `find-regex-button`: The regular expression button's inner button.
    * - `find-regex-live`: The regular expression button's live region, which speaks while the button is pending.
+   * - `find-regex-pressed`: The regular expression option while it applies, beside `find-regex`.
    * - `find-regex-spinner`: The ring the regular expression button turns while it is pending.
    * - `find-regex-text`: The box the regular expression button's icon sits in.
-   * - `find-replace`: The button that shows the replace field under the find field. Expanded while it shows.
-   * - `find-replace-button`: The find and replace button's inner button.
-   * - `find-replace-live`: The find and replace button's live region, which speaks while the button is pending.
-   * - `find-replace-spinner`: The ring the find and replace button turns while it is pending.
-   * - `find-replace-text`: The box the find and replace 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.
+   * - `find-replace`: The button that replaces the selected match.
+   * - `find-replace-all`: The button that replaces every match.
+   * - `find-replace-all-button`: The Replace all button's inner button.
+   * - `find-replace-all-live`: The Replace all button's live region, which speaks while the button is pending.
+   * - `find-replace-all-spinner`: The ring the Replace all button turns while it is pending.
+   * - `find-replace-all-text`: The box the Replace all button's words sits in.
+   * - `find-replace-button`: The Replace button's inner button.
+   * - `find-replace-field`: The field the replacement is typed in.
+   * - `find-replace-live`: The Replace button's live region, which speaks while the button is pending.
+   * - `find-replace-spinner`: The ring the Replace button turns while it is pending.
+   * - `find-replace-text`: The box the Replace button's words sits in.
+   * - `find-replace-toggle`: The button that shows the replace field under the find field. Expanded while it shows. Not drawn while `readonly`.
+   * - `find-replace-toggle-button`: The find and replace button's inner button.
+   * - `find-replace-toggle-live`: The find and replace button's live region, which speaks while the button is pending.
+   * - `find-replace-toggle-spinner`: The ring the find and replace button turns while it is pending.
+   * - `find-replace-toggle-text`: The box the find and replace button's icon sits in.
+   * - `find-toggle`: The button in the header that opens and closes the find bar. Expanded while it is open.
+   * - `find-toggle-button`: The Find button's inner button.
+   * - `find-toggle-live`: The Find button's live region, which speaks while the button is pending.
+   * - `find-toggle-spinner`: The ring the Find button turns while it is pending.
+   * - `find-toggle-text`: The box the Find button's icon sits in.
    * - `find-whole-word`: The option that finds only whole words. Pressed while it applies.
    * - `find-whole-word-button`: The whole word button's inner button.
    * - `find-whole-word-live`: The whole word button's live region, which speaks while the button is pending.
+   * - `find-whole-word-pressed`: The whole word option while it applies, beside `find-whole-word`.
    * - `find-whole-word-spinner`: The ring the whole word button turns while it is pending.
    * - `find-whole-word-text`: The box the whole word button's icon sits in.
    * - `header`: The strip above the code: the name, the language, and the controls.
@@ -89729,17 +90242,6 @@ export type CustomElementsSolidJs = {
    * - `language`: The language's name in the header.
    * - `position`: The caret's line and column, in the status line.
    * - `problem-count`: How many problems there are, in the status line.
-   * - `replace`: The button that replaces the selected match.
-   * - `replace-all`: The button that replaces every match.
-   * - `replace-all-button`: The Replace all button's inner button.
-   * - `replace-all-live`: The Replace all button's live region, which speaks while the button is pending.
-   * - `replace-all-spinner`: The ring the Replace all button turns while it is pending.
-   * - `replace-all-text`: The box the Replace all button's words sit in.
-   * - `replace-button`: The Replace button's inner button.
-   * - `replace-field`: The field the replacement is typed in.
-   * - `replace-live`: The Replace button's live region, which speaks while the button is pending.
-   * - `replace-spinner`: The ring the Replace button turns while it is pending.
-   * - `replace-text`: The box the Replace button's words sit in.
    * - `status`: The strip under the code.
    * - `view`: Where an engine draws, while one is connected.
    *
@@ -89750,7 +90252,6 @@ export type CustomElementsSolidJs = {
    * - `connected`: An engine draws the editor.
    * - `find-open`: The find bar is open.
    * - `invalid`: The editor has an error to show, from `required` or your `feedback`.
-   * - `replace-open`: The replace field shows under the find field.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-code-editor": Partial<
@@ -96037,6 +96538,209 @@ export type CustomElementsSolidJs = {
       BaseEvents<HelixFilterInput>
   >;
 
+  /**
+   * Drawn as the find bars of Terminal and Code Editor are: a dense strip on the
+   * raised surface, with a line under it where it meets the content. Place it
+   * above the content it searches, such as at the top of a pane, or make it
+   * sticky with `position: sticky` on the element.
+   *
+   * Every match is painted with `::highlight(helix-find-match)` and the current
+   * one with `::highlight(helix-find-current)`, both in the base layer. Text is
+   * painted from the tree it lives in, so content in a shadow root of your own
+   * needs the two rules in that root's styles.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `default-open`/`defaultOpen`: Whether the element starts open. Ignored once `open` is written.
+   * - `open`: Whether the element is open.
+   *
+   * One property, not two, so `dialog.open` answers the question anyone
+   * asking it meant. Writing always applies; `<helix-dialog open>` is the
+   * same statement in markup.
+   *
+   * **Not reflected, and that is required rather than tidy.** Reflection
+   * writes the resolved state back as an attribute, so an element that opened
+   * itself would put `open` on its own host: cloned, serialized for
+   * 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.
+   * - `close-label`/`closeLabel`: The close button's label.
+   * - `controls-label`/`controlsLabel`: The name of the bar's toolbar, read by screen readers.
+   * - `for`: The id of the element whose text Find searches, in the same tree as Find.
+   * With a finder attached, it names only where the find key opens the bar.
+   * - `invalid-label`/`invalidLabel`: What the count says when the regular expression cannot be read.
+   * - `label`: The field's name and placeholder, and the name of the bar.
+   * - `match-case`/`matchCase`: Whether case has to match, so "Error" does not find "error". The reader turns it on and off from the bar.
+   * - `match-case-label`/`matchCaseLabel`: The match case button's label.
+   * - `matches-label`/`matchesLabel`: What the count says of the matches. `{index}` is the current match,
+   * counting from 1, and `{count}` how many there are.
+   * - `next-label`/`nextLabel`: The next match button's label.
+   * - `options`: Which options the bar draws, as a list of `match-case`, `whole-word`, and
+   * `regex`, or `none`. They are always drawn in that order.
+   * - `previous-label`/`previousLabel`: The previous match button's label.
+   * - `query`: What the field holds: what the reader typed, or what you set.
+   * - `readonly`/`readOnly`: Hides replacing, for content the reader cannot change. The attribute is `readonly`, the platform's spelling.
+   * - `regex`: Whether the field reads as a regular expression, in JavaScript's syntax. The reader turns it on and off from the bar.
+   * - `regex-label`/`regexLabel`: The regular expression button's label.
+   * - `replace-all-label`/`replaceAllLabel`: The Replace all button's words.
+   * - `replace-field-label`/`replaceFieldLabel`: The replace field's name and placeholder.
+   * - `replace-label`/`replaceLabel`: The Replace button's words.
+   * - `replacement`: What the replace field holds, which Replace puts in place of a match.
+   * - `replace-toggle-label`/`replaceToggleLabel`: The label of the button that shows the replace row.
+   * - `shortcut`: The key that opens the bar, as a chord such as `mod+f`, where `mod` is
+   * Command on an Apple keyboard and Control elsewhere. Empty turns the key
+   * off, as for a bar the page opens itself.
+   * - `skip`: Elements inside the content whose text is not searched, as a selector,
+   * such as line numbers or the buttons beside each message.
+   * - `whole-word`/`wholeWord`: Whether only whole words match. The reader turns it on and off from the bar.
+   * - `whole-word-label`/`wholeWordLabel`: The whole word button's label.
+   * - `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.
+   *
+   * - `toggle`: Sent when the bar opens or closes, with `newState` and `oldState`.
+   * - `helix-before-close`: Fired before the bar closes, and cancelable.
+   * - `helix-before-open`: Fired before the bar opens, and cancelable. Canceling it keeps the bar closed.
+   * - `helix-found`: Sent after each search and each move among the matches, with `count` and the current match's `index`, counting from 0, or -1 for none.
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `actions`: Controls of your own in the bar's toolbar, between its options and the buttons that move between matches.
+   * - `close-icon`: Replaces the glyph inside the close button.
+   * - `match-case-icon`: Replaces the glyph inside the match case button.
+   * - `next-icon`: Replaces the glyph inside the next match button.
+   * - `previous-icon`: Replaces the glyph inside the previous match button.
+   * - `regex-icon`: Replaces the glyph inside the regular expression button.
+   * - `whole-word-icon`: Replaces the glyph inside the whole word button.
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `requestOpen(next: boolean) => boolean`: Requests that the element open or close, and returns whether the change
+   * was applied.
+   *
+   * Announces before it acts, so `preventDefault()` on the `helix-before-open` or
+   * `helix-before-close` is a refusal and nothing moves. Nobody refusing means the
+   * element opens or closes itself, whether or not a consumer declared
+   * `open`: a declared property is a seed and a correction, and a consumer
+   * who wants the decision for themselves refuses it and assigns their own.
+   * - `toggleOpen() => boolean`: Requests the opposite of the current state.
+   * - `attach(finder: Finder) => FindSink`: Searches with `finder` in place of the text finder, and returns how it
+   * reports a search it finishes later. Attaching another lets go of this one.
+   * - `show() => Promise<void>`: Opens the bar and puts focus in its field, with what it holds selected.
+   * Text selected in the content, on one line, becomes the search.
+   * - `hide() => void`: Closes the bar and takes the marks away. Focus in the bar returns to where it was before the bar opened.
+   * - `next() => void`: Moves to the next match, after the last one to the first.
+   * - `previous() => void`: Moves to the previous match, before the first one to the last.
+   * - `refresh() => void`: Searches again, staying on the current match where it still matches, for content changed in a way Find cannot see.
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--find-background-color`: The bar's fill. Defaults to the raised surface.
+   * - `--find-border-color`: The line under the bar and the fields' edges.
+   * - `--find-field-background-color`: The fields' fill. Defaults to the page's background.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `actions`: The `actions` slot, in the toolbar.
+   * - `bar`: The bar, a search landmark: the field, the count, the toolbar, and the replace row while it shows.
+   * - `close`: The button that closes the bar.
+   * - `close-button`: The close button's inner button.
+   * - `close-live`: The close button's live region, which speaks while the button is pending.
+   * - `close-spinner`: The ring the close button turns while it is pending.
+   * - `close-text`: The box the close button's icon sits in.
+   * - `controls`: The toolbar: the options, your actions, and the buttons that move between matches and close the bar.
+   * - `controls-toolbar`: The box inside the toolbar that lays its buttons out.
+   * - `count`: Which match is current and how many there are, such as "3 of 12 matches".
+   * - `field`: The search field.
+   * - `live`: The live region that says the count as it changes.
+   * - `match-case`: The button that matches case. Pressed while it does.
+   * - `match-case-button`: The match case button's inner button.
+   * - `match-case-live`: The match case button's live region, which speaks while the button is pending.
+   * - `match-case-pressed`: The match case button while case has to match, beside `match-case`.
+   * - `match-case-spinner`: The ring the match case button turns while it is pending.
+   * - `match-case-text`: The box the match case button's icon sits in.
+   * - `next`: The button that moves to the next match.
+   * - `next-button`: The next match button's inner button.
+   * - `next-live`: The next match button's live region, which speaks while the button is pending.
+   * - `next-spinner`: The ring the next match button turns while it is pending.
+   * - `next-text`: The box the next match button's icon sits in.
+   * - `previous`: The button that moves to the previous match.
+   * - `previous-button`: The previous match button's inner button.
+   * - `previous-live`: The previous match button's live region, which speaks while the button is pending.
+   * - `previous-spinner`: The ring the previous match button turns while it is pending.
+   * - `previous-text`: The box the previous match button's icon sits in.
+   * - `regex`: The button that reads the field as a regular expression. Pressed while it does.
+   * - `regex-button`: The regular expression button's inner button.
+   * - `regex-live`: The regular expression button's live region, which speaks while the button is pending.
+   * - `regex-pressed`: The regular expression button while the field reads as one, beside `regex`.
+   * - `regex-spinner`: The ring the regular expression button turns while it is pending.
+   * - `regex-text`: The box the regular expression button's icon sits in.
+   * - `replace`: The button that replaces the current match.
+   * - `replace-all`: The button that replaces every match.
+   * - `replace-all-button`: The Replace all button's inner button.
+   * - `replace-all-live`: The Replace all button's live region, which speaks while the button is pending.
+   * - `replace-all-spinner`: The ring the Replace all button turns while it is pending.
+   * - `replace-all-text`: The box the Replace all button's words sit in.
+   * - `replace-button`: The Replace button's inner button.
+   * - `replace-field`: The field the replacement is typed in.
+   * - `replace-live`: The Replace button's live region, which speaks while the button is pending.
+   * - `replace-spinner`: The ring the Replace button turns while it is pending.
+   * - `replace-text`: The box the Replace button's words sit in.
+   * - `replace-toggle`: The button that shows the replace row. Expanded while it shows.
+   * - `replace-toggle-button`: The replace toggle's inner button.
+   * - `replace-toggle-live`: The replace toggle's live region, which speaks while the button is pending.
+   * - `replace-toggle-spinner`: The ring the replace toggle turns while it is pending.
+   * - `replace-toggle-text`: The box the replace toggle's icon sits in.
+   * - `whole-word`: The button that matches whole words only. Pressed while it does.
+   * - `whole-word-button`: The whole word button's inner button.
+   * - `whole-word-live`: The whole word button's live region, which speaks while the button is pending.
+   * - `whole-word-pressed`: The whole word button while only whole words match, beside `whole-word`.
+   * - `whole-word-spinner`: The ring the whole word button turns while it is pending.
+   * - `whole-word-text`: The box the whole word button's icon sits in.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `open`: While the bar is open.
+   * - `replace-open`: While the replace row shows.
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-find": Partial<
+    HelixFindProps & HelixFindSolidJsProps & BaseProps<HelixFind, "solid"> & BaseEvents<HelixFind>
+  >;
+
   /**
    * The host is the flex container and its only child is a slot, so
    * `<helix-flex>` adds no box beyond the `<div>` it replaces.
@@ -100165,7 +100869,7 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `content`: The lines, hidden while the group is shut.
+   * - `content`: The lines, hidden until found while the group is shut.
    * - `duration`: How long the step took.
    * - `heading`: The heading.
    * - `mark`: The caret that turns as the group opens, an `<svg>` you size.
@@ -114183,6 +114887,7 @@ export type CustomElementsSolidJs = {
    * Events that will be emitted by the component.
    *
    * - `helix-copy`: The copy control or its key put the selection on the clipboard.
+   * - `helix-found`: The find bar searched or moved among the matches, with `count` and the current match's `index`, counting from 0, or -1 for none.
    * - `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.
@@ -114290,23 +114995,23 @@ export type CustomElementsSolidJs = {
    * - `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`: The find bar under the header, where the reader searches the output: a Find of its own.
+   * - `find-actions`: The `find-actions` slot, in the find bar's toolbar.
+   * - `find-bar`: The find bar's strip: the field, the count, and the toolbar.
    * - `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`: The toolbar at the end of the find bar: the options, your find actions, and 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-live`: The find bar's live region, which says the count as it changes.
    * - `find-match-case`: The button that matches case in the find bar. Pressed while it does.
    * - `find-match-case-button`: The match case button's inner button.
    * - `find-match-case-live`: The match case button's live region, which speaks while the button is pending.
+   * - `find-match-case-pressed`: The match case button while case has to match, beside `find-match-case`.
    * - `find-match-case-spinner`: The ring the match case button turns while it is pending.
    * - `find-match-case-text`: The box the match case button's icon sits in.
    * - `find-next`: The button that moves to the next match.
@@ -114322,13 +115027,34 @@ export type CustomElementsSolidJs = {
    * - `find-regex`: The button that reads the find field as a regular expression. Pressed while it does.
    * - `find-regex-button`: The regular expression button's inner button.
    * - `find-regex-live`: The regular expression button's live region, which speaks while the button is pending.
+   * - `find-regex-pressed`: The regular expression button while the field reads as one, beside `find-regex`.
    * - `find-regex-spinner`: The ring the regular expression button turns while it is pending.
    * - `find-regex-text`: The box the regular expression 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.
+   * - `find-replace`: The find bar's Replace button, which a terminal does not draw, since its output cannot be changed.
+   * - `find-replace-all`: The find bar's Replace all button, which a terminal does not draw.
+   * - `find-replace-all-button`: The Replace all button's inner button.
+   * - `find-replace-all-live`: The Replace all button's live region, which speaks while the button is pending.
+   * - `find-replace-all-spinner`: The ring the Replace all button turns while it is pending.
+   * - `find-replace-all-text`: The box the Replace all button's words sits in.
+   * - `find-replace-button`: The Replace button's inner button.
+   * - `find-replace-field`: The find bar's replace field, which a terminal does not draw.
+   * - `find-replace-live`: The Replace button's live region, which speaks while the button is pending.
+   * - `find-replace-spinner`: The ring the Replace button turns while it is pending.
+   * - `find-replace-text`: The box the Replace button's words sits in.
+   * - `find-replace-toggle`: The button that shows the find bar's replace row, which a terminal does not draw.
+   * - `find-replace-toggle-button`: The replace toggle's inner button.
+   * - `find-replace-toggle-live`: The replace toggle's live region, which speaks while the button is pending.
+   * - `find-replace-toggle-spinner`: The ring the replace toggle turns while it is pending.
+   * - `find-replace-toggle-text`: The box the replace toggle's icon sits in.
+   * - `find-toggle`: The button in the header that opens and closes the find bar. Expanded while it is open.
+   * - `find-toggle-button`: The find button's inner button.
+   * - `find-toggle-live`: The find button's live region, which speaks while the button is pending.
+   * - `find-toggle-spinner`: The ring the find button turns while it is pending.
+   * - `find-toggle-text`: The box the find button's icon sits in.
    * - `find-whole-word`: The button that matches whole words only in the find bar. Pressed while it does.
    * - `find-whole-word-button`: The whole word button's inner button.
    * - `find-whole-word-live`: The whole word button's live region, which speaks while the button is pending.
+   * - `find-whole-word-pressed`: The whole word button while only whole words match, beside `find-whole-word`.
    * - `find-whole-word-spinner`: The ring the whole word button turns while it is pending.
    * - `find-whole-word-text`: The box the whole word button's icon sits in.
    * - `fullscreen`: The button that makes the terminal fill the screen. Pressed while it does.
@@ -120021,6 +120747,12 @@ export type CustomCssProperties = {
   "--filter-input-shadow"?: (string) | undefined;
   /** The height of the empty field. The field grows from this height. */
   "--filter-input-size"?: (string) | undefined;
+  /** The bar's fill. Defaults to the raised surface. */
+  "--find-background-color"?: (string) | undefined;
+  /** The line under the bar and the fields' edges. */
+  "--find-border-color"?: (string) | undefined;
+  /** The fields' fill. Defaults to the page's background. */
+  "--find-field-background-color"?: (string) | undefined;
   /** The narrowest the growing item of a `flank` layout gets before the two stack, as a share of the row. Defaults to `50%`. */
   "--flex-flank-min"?: (string) | undefined;
   /** The width of the fixed item of a `flank` layout. Defaults to its own width. */