@fusion.dev/helix 0.219.0 → 0.221.0

package/types/jsx.d.ts

@@ -90,6 +90,7 @@ import type {
   HelixDrilldown,
   HelixDrilldownItem,
   HelixEditEvent,
+  HelixEditor,
   HelixEmpty,
   HelixEndEvent,
   HelixExpandEvent,
@@ -102,8 +103,10 @@ import type {
   HelixFilterMenu,
   HelixFilterOperator,
   HelixFilteredEvent,
+  HelixFind,
   HelixFlex,
   HelixFormatDate,
+  HelixFoundEvent,
   HelixGraph,
   HelixGraphFilterEvent,
   HelixGraphLayoutEvent,
@@ -8895,6 +8898,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
@@ -9089,7 +9095,7 @@ Here rather than on each control. */
   /** The problems in the text, each underlined and listed under the editor. */
   diagnostics?: (HelixCodeEditor["diagnostics"]) | undefined;
   /** What draws the editor, such as `codeMirrorEngine()` from
-`@fusion.dev/helix-editor`. Absent, the editor is a plain text field. */
+`@fusion.dev/helix-code-editor`. Absent, the editor is a plain text field. */
   engine?: (HelixCodeEditor["engine"]) | undefined;
 
   /** The reader finished an edit and focus left the code, in the engine or the plain field. */
@@ -9098,6 +9104,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;
 };
@@ -9295,7 +9303,7 @@ Here rather than on each control. */
   /** The problems in the text, each underlined and listed under the editor. */
   "prop:diagnostics"?: (HelixCodeEditor["diagnostics"]) | undefined;
   /** What draws the editor, such as `codeMirrorEngine()` from
-`@fusion.dev/helix-editor`. Absent, the editor is a plain text field. */
+`@fusion.dev/helix-code-editor`. Absent, the editor is a plain text field. */
   "prop:engine"?: (HelixCodeEditor["engine"]) | undefined;
   /** The reader finished an edit and focus left the code, in the engine or the plain field. */
   "on:change"?: ((e: HelixCodeEditorElementEvent) => void) | undefined;
@@ -9303,6 +9311,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;
 
@@ -17281,6 +17291,264 @@ shows the top page. */
   textContent?: (string | number) | undefined;
 };
 
+/** `HelixEditor` component event */
+export type HelixEditorElementEvent<E = Event> = TypedEvent<HelixEditor, E>;
+/** `helix-found` event type */
+export type HelixEditorHelixFoundElementEvent =
+  HelixEditorElementEvent<HelixFoundEvent>;
+
+export type HelixEditorProps = {
+  /** Covers the container instead of growing with the document, for an editor
+that fills a pane, such as one side of a split view. The document scrolls
+inside the frame. The container needs a position, such as
+`position: relative`. */
+  fill?: (HelixEditor["fill"]) | undefined;
+  /** How the frame stands off the page. Unset, it is outlined. `plain` draws
+no edge or corners, for a document that fills a page or a pane of its own. */
+  separation?: (HelixEditor["separation"]) | undefined;
+  /** The block menu button's name. `{name}` is the block type at the selection. */
+  "block-chosen-label"?: (HelixEditor["blockChosenLabel"]) | undefined;
+  /** The block menu button's name. `{name}` is the block type at the selection. */
+  blockChosenLabel?: (HelixEditor["blockChosenLabel"]) | undefined;
+  /** The block menu's name, read by screen readers. */
+  "block-label"?: (HelixEditor["blockLabel"]) | undefined;
+  /** The block menu's name, read by screen readers. */
+  blockLabel?: (HelixEditor["blockLabel"]) | undefined;
+  /** The Bold button's label. */
+  "bold-label"?: (HelixEditor["boldLabel"]) | undefined;
+  /** The Bold button's label. */
+  boldLabel?: (HelixEditor["boldLabel"]) | undefined;
+  /** The Bulleted list button's label. */
+  "bullet-list-label"?: (HelixEditor["bulletListLabel"]) | undefined;
+  /** The Bulleted list button's label. */
+  bulletListLabel?: (HelixEditor["bulletListLabel"]) | undefined;
+  /** The Code block row's label in the block menu. */
+  "code-block-label"?: (HelixEditor["codeBlockLabel"]) | undefined;
+  /** The Code block row's label in the block menu. */
+  codeBlockLabel?: (HelixEditor["codeBlockLabel"]) | undefined;
+  /** The Code button's label. */
+  "code-label"?: (HelixEditor["codeLabel"]) | undefined;
+  /** The Code button's label. */
+  codeLabel?: (HelixEditor["codeLabel"]) | undefined;
+  /** The toolbar's name, read by screen readers. */
+  "controls-label"?: (HelixEditor["controlsLabel"]) | undefined;
+  /** The toolbar's name, read by screen readers. */
+  controlsLabel?: (HelixEditor["controlsLabel"]) | undefined;
+  /** The document's name where `label` is empty and the host has no `aria-label`. */
+  "fallback-label"?: (HelixEditor["fallbackLabel"]) | undefined;
+  /** The document's name where `label` is empty and the host has no `aria-label`. */
+  fallbackLabel?: (HelixEditor["fallbackLabel"]) | undefined;
+  /** The Find button's label, and the find bar's name. */
+  "find-label"?: (HelixEditor["findLabel"]) | undefined;
+  /** The Find button's label, and the find bar's name. */
+  findLabel?: (HelixEditor["findLabel"]) | undefined;
+  /** A heading's name in the block menu. `{level}` is its level, 1 to 3. */
+  "heading-label"?: (HelixEditor["headingLabel"]) | undefined;
+  /** A heading's name in the block menu. `{level}` is its level, 1 to 3. */
+  headingLabel?: (HelixEditor["headingLabel"]) | undefined;
+  /** The Italic button's label. */
+  "italic-label"?: (HelixEditor["italicLabel"]) | undefined;
+  /** The Italic button's label. */
+  italicLabel?: (HelixEditor["italicLabel"]) | undefined;
+  /** The document's name, read by screen readers. Name what it holds, such as
+"Release notes", so that several editors on one page can be told apart.
+Required. */
+  label?: (HelixEditor["label"]) | undefined;
+  /** The Apply button's label in the address bar. */
+  "link-apply-label"?: (HelixEditor["linkApplyLabel"]) | undefined;
+  /** The Apply button's label in the address bar. */
+  linkApplyLabel?: (HelixEditor["linkApplyLabel"]) | undefined;
+  /** The close button's label in the address bar. */
+  "link-close-label"?: (HelixEditor["linkCloseLabel"]) | undefined;
+  /** The close button's label in the address bar. */
+  linkCloseLabel?: (HelixEditor["linkCloseLabel"]) | undefined;
+  /** The name of the address bar's toolbar, read by screen readers. */
+  "link-controls-label"?: (HelixEditor["linkControlsLabel"]) | undefined;
+  /** The name of the address bar's toolbar, read by screen readers. */
+  linkControlsLabel?: (HelixEditor["linkControlsLabel"]) | undefined;
+  /** The address field's name, which it also shows while it is empty. */
+  "link-field-label"?: (HelixEditor["linkFieldLabel"]) | undefined;
+  /** The address field's name, which it also shows while it is empty. */
+  linkFieldLabel?: (HelixEditor["linkFieldLabel"]) | undefined;
+  /** The Link button's label, and the address bar's name. */
+  "link-label"?: (HelixEditor["linkLabel"]) | undefined;
+  /** The Link button's label, and the address bar's name. */
+  linkLabel?: (HelixEditor["linkLabel"]) | undefined;
+  /** The Remove button's label in the address bar. */
+  "link-remove-label"?: (HelixEditor["linkRemoveLabel"]) | undefined;
+  /** The Remove button's label in the address bar. */
+  linkRemoveLabel?: (HelixEditor["linkRemoveLabel"]) | undefined;
+  /** The Numbered list button's label. */
+  "ordered-list-label"?: (HelixEditor["orderedListLabel"]) | undefined;
+  /** The Numbered list button's label. */
+  orderedListLabel?: (HelixEditor["orderedListLabel"]) | undefined;
+  /** The Paragraph row's label in the block menu. */
+  "paragraph-label"?: (HelixEditor["paragraphLabel"]) | undefined;
+  /** The Paragraph row's label in the block menu. */
+  paragraphLabel?: (HelixEditor["paragraphLabel"]) | undefined;
+  /** The words shown in an empty document, such as "Write the release notes". */
+  placeholder?: (HelixEditor["placeholder"]) | undefined;
+  /** The Quote button's label. */
+  "quote-label"?: (HelixEditor["quoteLabel"]) | undefined;
+  /** The Quote button's label. */
+  quoteLabel?: (HelixEditor["quoteLabel"]) | undefined;
+  /** Shows the document and takes no edits, with no toolbar, for a document
+someone reads, or one an agent is writing. The attribute is `readonly`,
+the platform's spelling. */
+  readonly?: (HelixEditor["readOnly"]) | undefined;
+  /** Shows the document and takes no edits, with no toolbar, for a document
+someone reads, or one an agent is writing. The attribute is `readonly`,
+the platform's spelling. */
+  readOnly?: (HelixEditor["readOnly"]) | undefined;
+  /** The Redo button's label. */
+  "redo-label"?: (HelixEditor["redoLabel"]) | undefined;
+  /** The Redo button's label. */
+  redoLabel?: (HelixEditor["redoLabel"]) | undefined;
+  /** The Strikethrough button's label. */
+  "strike-label"?: (HelixEditor["strikeLabel"]) | undefined;
+  /** The Strikethrough button's label. */
+  strikeLabel?: (HelixEditor["strikeLabel"]) | undefined;
+  /** Which groups of tools the toolbar draws, as a list of `history`, `block`,
+`marks`, `link`, `lists`, and `quote`, or `none`. They are drawn in that
+order, whatever order the list is in. Absent is all six. */
+  tools?: (HelixEditor["tools"]) | undefined;
+  /** The Undo button's label. */
+  "undo-label"?: (HelixEditor["undoLabel"]) | undefined;
+  /** The Undo button's label. */
+  undoLabel?: (HelixEditor["undoLabel"]) | 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: HelixEditorHelixFoundElementEvent) => void) | undefined;
+};
+
+export type HelixEditorSolidJsProps = {
+  /** Covers the container instead of growing with the document, for an editor
+that fills a pane, such as one side of a split view. The document scrolls
+inside the frame. The container needs a position, such as
+`position: relative`. */
+  "prop:fill"?: (HelixEditor["fill"]) | undefined;
+  /** How the frame stands off the page. Unset, it is outlined. `plain` draws
+no edge or corners, for a document that fills a page or a pane of its own. */
+  "prop:separation"?: (HelixEditor["separation"]) | undefined;
+  /** The block menu button's name. `{name}` is the block type at the selection. */
+  "attr:block-chosen-label"?: (HelixEditor["blockChosenLabel"]) | undefined;
+  /** The block menu button's name. `{name}` is the block type at the selection. */
+  "prop:blockChosenLabel"?: (HelixEditor["blockChosenLabel"]) | undefined;
+  /** The block menu's name, read by screen readers. */
+  "attr:block-label"?: (HelixEditor["blockLabel"]) | undefined;
+  /** The block menu's name, read by screen readers. */
+  "prop:blockLabel"?: (HelixEditor["blockLabel"]) | undefined;
+  /** The Bold button's label. */
+  "attr:bold-label"?: (HelixEditor["boldLabel"]) | undefined;
+  /** The Bold button's label. */
+  "prop:boldLabel"?: (HelixEditor["boldLabel"]) | undefined;
+  /** The Bulleted list button's label. */
+  "attr:bullet-list-label"?: (HelixEditor["bulletListLabel"]) | undefined;
+  /** The Bulleted list button's label. */
+  "prop:bulletListLabel"?: (HelixEditor["bulletListLabel"]) | undefined;
+  /** The Code block row's label in the block menu. */
+  "attr:code-block-label"?: (HelixEditor["codeBlockLabel"]) | undefined;
+  /** The Code block row's label in the block menu. */
+  "prop:codeBlockLabel"?: (HelixEditor["codeBlockLabel"]) | undefined;
+  /** The Code button's label. */
+  "attr:code-label"?: (HelixEditor["codeLabel"]) | undefined;
+  /** The Code button's label. */
+  "prop:codeLabel"?: (HelixEditor["codeLabel"]) | undefined;
+  /** The toolbar's name, read by screen readers. */
+  "attr:controls-label"?: (HelixEditor["controlsLabel"]) | undefined;
+  /** The toolbar's name, read by screen readers. */
+  "prop:controlsLabel"?: (HelixEditor["controlsLabel"]) | undefined;
+  /** The document's name where `label` is empty and the host has no `aria-label`. */
+  "attr:fallback-label"?: (HelixEditor["fallbackLabel"]) | undefined;
+  /** The document's name where `label` is empty and the host has no `aria-label`. */
+  "prop:fallbackLabel"?: (HelixEditor["fallbackLabel"]) | undefined;
+  /** The Find button's label, and the find bar's name. */
+  "attr:find-label"?: (HelixEditor["findLabel"]) | undefined;
+  /** The Find button's label, and the find bar's name. */
+  "prop:findLabel"?: (HelixEditor["findLabel"]) | undefined;
+  /** A heading's name in the block menu. `{level}` is its level, 1 to 3. */
+  "attr:heading-label"?: (HelixEditor["headingLabel"]) | undefined;
+  /** A heading's name in the block menu. `{level}` is its level, 1 to 3. */
+  "prop:headingLabel"?: (HelixEditor["headingLabel"]) | undefined;
+  /** The Italic button's label. */
+  "attr:italic-label"?: (HelixEditor["italicLabel"]) | undefined;
+  /** The Italic button's label. */
+  "prop:italicLabel"?: (HelixEditor["italicLabel"]) | undefined;
+  /** The document's name, read by screen readers. Name what it holds, such as
+"Release notes", so that several editors on one page can be told apart.
+Required. */
+  "prop:label"?: (HelixEditor["label"]) | undefined;
+  /** The Apply button's label in the address bar. */
+  "attr:link-apply-label"?: (HelixEditor["linkApplyLabel"]) | undefined;
+  /** The Apply button's label in the address bar. */
+  "prop:linkApplyLabel"?: (HelixEditor["linkApplyLabel"]) | undefined;
+  /** The close button's label in the address bar. */
+  "attr:link-close-label"?: (HelixEditor["linkCloseLabel"]) | undefined;
+  /** The close button's label in the address bar. */
+  "prop:linkCloseLabel"?: (HelixEditor["linkCloseLabel"]) | undefined;
+  /** The name of the address bar's toolbar, read by screen readers. */
+  "attr:link-controls-label"?: (HelixEditor["linkControlsLabel"]) | undefined;
+  /** The name of the address bar's toolbar, read by screen readers. */
+  "prop:linkControlsLabel"?: (HelixEditor["linkControlsLabel"]) | undefined;
+  /** The address field's name, which it also shows while it is empty. */
+  "attr:link-field-label"?: (HelixEditor["linkFieldLabel"]) | undefined;
+  /** The address field's name, which it also shows while it is empty. */
+  "prop:linkFieldLabel"?: (HelixEditor["linkFieldLabel"]) | undefined;
+  /** The Link button's label, and the address bar's name. */
+  "attr:link-label"?: (HelixEditor["linkLabel"]) | undefined;
+  /** The Link button's label, and the address bar's name. */
+  "prop:linkLabel"?: (HelixEditor["linkLabel"]) | undefined;
+  /** The Remove button's label in the address bar. */
+  "attr:link-remove-label"?: (HelixEditor["linkRemoveLabel"]) | undefined;
+  /** The Remove button's label in the address bar. */
+  "prop:linkRemoveLabel"?: (HelixEditor["linkRemoveLabel"]) | undefined;
+  /** The Numbered list button's label. */
+  "attr:ordered-list-label"?: (HelixEditor["orderedListLabel"]) | undefined;
+  /** The Numbered list button's label. */
+  "prop:orderedListLabel"?: (HelixEditor["orderedListLabel"]) | undefined;
+  /** The Paragraph row's label in the block menu. */
+  "attr:paragraph-label"?: (HelixEditor["paragraphLabel"]) | undefined;
+  /** The Paragraph row's label in the block menu. */
+  "prop:paragraphLabel"?: (HelixEditor["paragraphLabel"]) | undefined;
+  /** The words shown in an empty document, such as "Write the release notes". */
+  "prop:placeholder"?: (HelixEditor["placeholder"]) | undefined;
+  /** The Quote button's label. */
+  "attr:quote-label"?: (HelixEditor["quoteLabel"]) | undefined;
+  /** The Quote button's label. */
+  "prop:quoteLabel"?: (HelixEditor["quoteLabel"]) | undefined;
+  /** Shows the document and takes no edits, with no toolbar, for a document
+someone reads, or one an agent is writing. The attribute is `readonly`,
+the platform's spelling. */
+  "bool:readonly"?: (HelixEditor["readOnly"]) | undefined;
+  /** Shows the document and takes no edits, with no toolbar, for a document
+someone reads, or one an agent is writing. The attribute is `readonly`,
+the platform's spelling. */
+  "prop:readOnly"?: (HelixEditor["readOnly"]) | undefined;
+  /** The Redo button's label. */
+  "attr:redo-label"?: (HelixEditor["redoLabel"]) | undefined;
+  /** The Redo button's label. */
+  "prop:redoLabel"?: (HelixEditor["redoLabel"]) | undefined;
+  /** The Strikethrough button's label. */
+  "attr:strike-label"?: (HelixEditor["strikeLabel"]) | undefined;
+  /** The Strikethrough button's label. */
+  "prop:strikeLabel"?: (HelixEditor["strikeLabel"]) | undefined;
+  /** Which groups of tools the toolbar draws, as a list of `history`, `block`,
+`marks`, `link`, `lists`, and `quote`, or `none`. They are drawn in that
+order, whatever order the list is in. Absent is all six. */
+  "prop:tools"?: (HelixEditor["tools"]) | undefined;
+  /** The Undo button's label. */
+  "attr:undo-label"?: (HelixEditor["undoLabel"]) | undefined;
+  /** The Undo button's label. */
+  "prop:undoLabel"?: (HelixEditor["undoLabel"]) | 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: HelixEditorHelixFoundElementEvent) => void) | undefined;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: (string) | undefined;
+  /** Set the textContent of the element */
+  textContent?: (string | number) | undefined;
+};
+
 export type HelixEmptyProps = {
   /** The heading as words, such as "No results", drawn as a heading when
 nothing is slotted into `heading`.
@@ -18647,6 +18915,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 +42563,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 +42739,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 +42920,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,
@@ -54630,7 +55155,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * header, a find bar and a status line each a strip on the raised surface,
    * one frame around them. It is 24rem tall unless `fill` is set or
    * `--code-editor-block-size` says otherwise. An engine draws inside it:
-   * `@fusion.dev/helix-editor` themes CodeMirror's gutter, caret, selection and
+   * `@fusion.dev/helix-code-editor` themes CodeMirror's gutter, caret, selection and
    * syntax from your tokens, and draws a problem's line number in its tone.
    *
    * Set `fill` for an editor that fills a pane, such as one side of a split
@@ -54736,7 +55261,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * Here rather than on each control.
    * - `diagnostics`: The problems in the text, each underlined and listed under the editor. (property only)
    * - `engine`: What draws the editor, such as `codeMirrorEngine()` from
-   * `@fusion.dev/helix-editor`. Absent, the editor is a plain text field. (property only)
+   * `@fusion.dev/helix-code-editor`. Absent, the editor is a plain text field. (property only)
    * - `validity`: Whether the control meets its constraints, and why not. (property only) (readonly)
    * - `validationMessage`: The message the browser would show for the control, or an empty string. (property only) (readonly)
    * - `willValidate`: Whether the control is checked when its form is submitted. (property only) (readonly)
@@ -54769,6 +55294,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 +55398,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 +55410,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 +55430,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 +55466,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 +55476,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<
@@ -59933,6 +60464,331 @@ export type CustomElements<F extends Framework = "other"> = {
     HelixDrilldownProps & BaseProps<HelixDrilldown, F> & BaseEvents<HelixDrilldown>
   >;
 
+  /**
+   * Drawn as Code Editor is: the document on the page's ground, and the toolbar
+   * a strip on the raised surface, one frame around them. The strip stays at the
+   * top of the page while a long document scrolls under it, and the frame grows
+   * with the document from `--editor-min-block-size`. Set `fill` for an editor
+   * that fills a pane, where the document scrolls inside the frame.
+   *
+   * The document's headings, lists, quotes, code, and tables are drawn by the
+   * base layer's `data-prose` rules, so it reads as your docs and chat replies
+   * do. Write `data-prose` on the document so the base layer draws it before a
+   * renderer connects, and `connectEditor` writes it too. Its lines keep to a
+   * readable length, `--editor-measure`, centered in a wide frame.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `fill`: Covers the container instead of growing with the document, for an editor
+   * that fills a pane, such as one side of a split view. The document scrolls
+   * inside the frame. 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 document that fills a page or a pane of its own.
+   * - `block-chosen-label`/`blockChosenLabel`: The block menu button's name. `{name}` is the block type at the selection.
+   * - `block-label`/`blockLabel`: The block menu's name, read by screen readers.
+   * - `bold-label`/`boldLabel`: The Bold button's label.
+   * - `bullet-list-label`/`bulletListLabel`: The Bulleted list button's label.
+   * - `code-block-label`/`codeBlockLabel`: The Code block row's label in the block menu.
+   * - `code-label`/`codeLabel`: The Code button's label.
+   * - `controls-label`/`controlsLabel`: The toolbar's name, read by screen readers.
+   * - `fallback-label`/`fallbackLabel`: The document's name where `label` is empty and the host has no `aria-label`.
+   * - `find-label`/`findLabel`: The Find button's label, and the find bar's name.
+   * - `heading-label`/`headingLabel`: A heading's name in the block menu. `{level}` is its level, 1 to 3.
+   * - `italic-label`/`italicLabel`: The Italic button's label.
+   * - `label`: The document's name, read by screen readers. Name what it holds, such as
+   * "Release notes", so that several editors on one page can be told apart.
+   * Required.
+   * - `link-apply-label`/`linkApplyLabel`: The Apply button's label in the address bar.
+   * - `link-close-label`/`linkCloseLabel`: The close button's label in the address bar.
+   * - `link-controls-label`/`linkControlsLabel`: The name of the address bar's toolbar, read by screen readers.
+   * - `link-field-label`/`linkFieldLabel`: The address field's name, which it also shows while it is empty.
+   * - `link-label`/`linkLabel`: The Link button's label, and the address bar's name.
+   * - `link-remove-label`/`linkRemoveLabel`: The Remove button's label in the address bar.
+   * - `ordered-list-label`/`orderedListLabel`: The Numbered list button's label.
+   * - `paragraph-label`/`paragraphLabel`: The Paragraph row's label in the block menu.
+   * - `placeholder`: The words shown in an empty document, such as "Write the release notes".
+   * - `quote-label`/`quoteLabel`: The Quote button's label.
+   * - `readonly`/`readOnly`: Shows the document and takes no edits, with no toolbar, for a document
+   * someone reads, or one an agent is writing. The attribute is `readonly`,
+   * the platform's spelling.
+   * - `redo-label`/`redoLabel`: The Redo button's label.
+   * - `strike-label`/`strikeLabel`: The Strikethrough button's label.
+   * - `tools`: Which groups of tools the toolbar draws, as a list of `history`, `block`,
+   * `marks`, `link`, `lists`, and `quote`, or `none`. They are drawn in that
+   * order, whatever order the list is in. Absent is all six.
+   * - `undo-label`/`undoLabel`: The Undo 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.
+   *
+   * - `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.
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: The element your renderer draws the document in.
+   * - `actions`: Controls of your own at the end of the toolbar, such as Share or Comment.
+   * - `bold-icon`: Replaces the glyph inside the Bold button.
+   * - `bullet-list-icon`: Replaces the glyph inside the Bulleted list button.
+   * - `code-icon`: Replaces the glyph inside the Code button.
+   * - `find-icon`: Replaces the glyph inside the Find button.
+   * - `footer`: Content under the document, such as a word count or whether it is saved.
+   * - `italic-icon`: Replaces the glyph inside the Italic button.
+   * - `link-icon`: Replaces the glyph inside the Link button.
+   * - `ordered-list-icon`: Replaces the glyph inside the Numbered list button.
+   * - `quote-icon`: Replaces the glyph inside the Quote button.
+   * - `redo-icon`: Replaces the glyph inside the Redo button.
+   * - `strike-icon`: Replaces the glyph inside the Strikethrough button.
+   * - `undo-icon`: Replaces the glyph inside the Undo button.
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `attach(renderer: EditorRenderer) => EditorSink`: Hands the frame what draws the document. The frame sends it the settings
+   * now and as they change, asks it to run the tools the reader presses, and
+   * draws the toolbar from what it reports through the sink it gets back.
+   * Attaching another renderer detaches this one.
+   * - `run(tool: EditorTool, value?: string) => boolean`: Runs a tool at the selection, as its button does, and says whether it
+   * ran: a block type, a mark, a list, a quote, a step through history, or a
+   * link to `value`, where an empty `value` takes the link off. Nothing runs
+   * while no renderer is attached, or while `readonly`.
+   * - `focus(options?: FocusOptions) => void`: Puts focus in the document, with the selection where it was.
+   * - `openLink() => void`: Opens the address bar with the address of the link at the selection, and puts focus in its field.
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--editor-background-color`: The ground the document is drawn on. Defaults to the page's background.
+   * - `--editor-border-color`: The frame's edge and the line under the toolbar.
+   * - `--editor-header-background-color`: The fill of the toolbar's strip.
+   * - `--editor-header-offset`: How far below the top of the page the toolbar stays while the document scrolls, such as the height of your own fixed header. `0` unless set.
+   * - `--editor-measure`: The longest a line of the document runs, as a length: `72ch` unless set.
+   * - `--editor-min-block-size`: The frame's least height, which it grows from with the document: `12rem` unless set. Ignored with `fill`.
+   * - `--editor-padding`: The space around the document, inside the frame.
+   * - `--editor-radius`: The frame's corner radius.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `actions`: The `actions` slot, last in the toolbar.
+   * - `block`: The button that opens the block menu, which names the block type at the selection.
+   * - `block-button`: The block menu button's inner button.
+   * - `block-live`: The block menu button's live region, which speaks while the button is pending.
+   * - `block-menu`: The menu of block types.
+   * - `block-menu-back`: The control that returns from a submenu.
+   * - `block-menu-back-mark`: The glyph on the back control of a submenu.
+   * - `block-menu-empty`: The text shown when the menu has no items.
+   * - `block-menu-header`: The bar above a submenu, holding the way back and its name.
+   * - `block-menu-live`: The block menu's live region, which repeats the empty and loading text for screen readers.
+   * - `block-menu-loading`: The text shown while the items are loading.
+   * - `block-menu-search-field`: The block menu's filter field, drawn with `filterable`.
+   * - `block-menu-surface`: The floating panel the block menu is drawn on.
+   * - `block-menu-title`: The name of the submenu that is showing.
+   * - `block-name`: The name of the block type at the selection, in the block menu's button.
+   * - `block-option`: One block type in the block menu, checked while the selection is in one.
+   * - `block-option-end`: A block type's trailing column, which holds its shortcut.
+   * - `block-option-item`: A block type's row.
+   * - `block-option-mark`: The check beside the block type the selection is in.
+   * - `block-option-shortcut`: A block type's key.
+   * - `block-option-shortcut-kbd`: The key inside it.
+   * - `block-option-shortcut-key`: One key of a block type's chord.
+   * - `block-option-shortcut-separator`: The `+` between two keys of a block type's chord.
+   * - `block-option-start`: A block type's leading column.
+   * - `block-option-surface`: A block type's submenu panel, which a block type does not open.
+   * - `block-spinner`: The ring the block menu button turns while it is pending.
+   * - `block-text`: The box the block menu button's words sit in.
+   * - `bold`: The Bold button. Pressed while the selection is bold.
+   * - `bold-button`: The Bold button's inner button.
+   * - `bold-live`: The Bold button's live region, which speaks while the button is pending.
+   * - `bold-pressed`: The Bold button while the selection is bold, beside `bold`.
+   * - `bold-spinner`: The ring the Bold button turns while it is pending.
+   * - `bold-text`: The box the Bold button's icon sits in.
+   * - `bullet-list`: The Bulleted list button. Pressed while the selection is in a bulleted list.
+   * - `bullet-list-button`: The Bulleted list button's inner button.
+   * - `bullet-list-live`: The Bulleted list button's live region, which speaks while the button is pending.
+   * - `bullet-list-pressed`: The Bulleted list button while the selection is in a bulleted list, beside `bullet-list`.
+   * - `bullet-list-spinner`: The ring the Bulleted list button turns while it is pending.
+   * - `bullet-list-text`: The box the Bulleted list button's icon sits in.
+   * - `code`: The Code button. Pressed while the selection is code.
+   * - `code-button`: The Code button's inner button.
+   * - `code-live`: The Code button's live region, which speaks while the button is pending.
+   * - `code-pressed`: The Code button while the selection is code, beside `code`.
+   * - `code-spinner`: The ring the Code button turns while it is pending.
+   * - `code-text`: The box the Code button's icon sits in.
+   * - `controls`: The toolbar: the tools, then your actions, one tab stop that the arrows move along.
+   * - `controls-toolbar`: The box inside the toolbar that lays its buttons out.
+   * - `divider`: The line between two groups of tools.
+   * - `divider-content`: The content set into a divider, which the editor sets none into.
+   * - `divider-line`: The line itself.
+   * - `find`: The find bar under the toolbar, where the reader searches the document: 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 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 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 find bar's toolbar of options and moves.
+   * - `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 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.
+   * - `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 selects 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-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 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 Find button in the toolbar, drawn where `tools` names `find`, which 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.
+   * - `footer`: The `footer` slot, under the document.
+   * - `header`: The strip above the document that holds the toolbar, and the address bar under it while it is open.
+   * - `italic`: The Italic button. Pressed while the selection is italic.
+   * - `italic-button`: The Italic button's inner button.
+   * - `italic-live`: The Italic button's live region, which speaks while the button is pending.
+   * - `italic-pressed`: The Italic button while the selection is italic, beside `italic`.
+   * - `italic-spinner`: The ring the Italic button turns while it is pending.
+   * - `italic-text`: The box the Italic button's icon sits in.
+   * - `link`: The Link button, which opens the address bar. Pressed while the selection is in a link, and expanded while the bar is open.
+   * - `link-apply`: The button that applies the address.
+   * - `link-apply-button`: The Apply button's inner button.
+   * - `link-apply-live`: The Apply button's live region, which speaks while the button is pending.
+   * - `link-apply-spinner`: The ring the Apply button turns while it is pending.
+   * - `link-apply-text`: The box the Apply button's icon sits in.
+   * - `link-bar`: The bar under the toolbar where the reader writes a link's address.
+   * - `link-button`: The Link button's inner button.
+   * - `link-close`: The button that closes the address bar.
+   * - `link-close-button`: The close button's inner button.
+   * - `link-close-live`: The close button's live region, which speaks while the button is pending.
+   * - `link-close-spinner`: The ring the close button turns while it is pending.
+   * - `link-close-text`: The box the close button's icon sits in.
+   * - `link-controls`: The toolbar at the end of the address bar: Apply, Remove, and Close.
+   * - `link-controls-toolbar`: The box inside the address bar's toolbar that lays its buttons out.
+   * - `link-field`: The field the address is written in.
+   * - `link-live`: The Link button's live region, which speaks while the button is pending.
+   * - `link-pressed`: The Link button while the selection is in a link, beside `link`.
+   * - `link-remove`: The button that takes the link off. Disabled where the selection is in no link.
+   * - `link-remove-button`: The Remove button's inner button.
+   * - `link-remove-live`: The Remove button's live region, which speaks while the button is pending.
+   * - `link-remove-spinner`: The ring the Remove button turns while it is pending.
+   * - `link-remove-text`: The box the Remove button's icon sits in.
+   * - `link-spinner`: The ring the Link button turns while it is pending.
+   * - `link-text`: The box the Link button's icon sits in.
+   * - `ordered-list`: The Numbered list button. Pressed while the selection is in a numbered list.
+   * - `ordered-list-button`: The Numbered list button's inner button.
+   * - `ordered-list-live`: The Numbered list button's live region, which speaks while the button is pending.
+   * - `ordered-list-pressed`: The Numbered list button while the selection is in a numbered list, beside `ordered-list`.
+   * - `ordered-list-spinner`: The ring the Numbered list button turns while it is pending.
+   * - `ordered-list-text`: The box the Numbered list button's icon sits in.
+   * - `quote`: The Quote button. Pressed while the selection is in a quote.
+   * - `quote-button`: The Quote button's inner button.
+   * - `quote-live`: The Quote button's live region, which speaks while the button is pending.
+   * - `quote-pressed`: The Quote button while the selection is in a quote, beside `quote`.
+   * - `quote-spinner`: The ring the Quote button turns while it is pending.
+   * - `quote-text`: The box the Quote button's icon sits in.
+   * - `redo`: The Redo button. Disabled while there is nothing to redo.
+   * - `redo-button`: The Redo button's inner button.
+   * - `redo-live`: The Redo button's live region, which speaks while the button is pending.
+   * - `redo-spinner`: The ring the Redo button turns while it is pending.
+   * - `redo-text`: The box the Redo button's icon sits in.
+   * - `region`: The frame around the toolbar, the address bar, and the document.
+   * - `strike`: The Strikethrough button. Pressed while the selection is struck through.
+   * - `strike-button`: The Strikethrough button's inner button.
+   * - `strike-live`: The Strikethrough button's live region, which speaks while the button is pending.
+   * - `strike-pressed`: The Strikethrough button while the selection is struck through, beside `strike`.
+   * - `strike-spinner`: The ring the Strikethrough button turns while it is pending.
+   * - `strike-text`: The box the Strikethrough button's icon sits in.
+   * - `tools`: A group of several tools, which a narrow toolbar wraps as one: Undo and Redo, the marks, or the lists and the quote.
+   * - `undo`: The Undo button. Disabled while there is nothing to undo.
+   * - `undo-button`: The Undo button's inner button.
+   * - `undo-live`: The Undo button's live region, which speaks while the button is pending.
+   * - `undo-spinner`: The ring the Undo button turns while it is pending.
+   * - `undo-text`: The box the Undo button's icon sits in.
+   * - `viewport`: The box the document is drawn in.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `connected`: A renderer draws the document.
+   * - `document-focused`: Focus is in the document, where the reader types.
+   * - `find-open`: The find bar is open.
+   * - `link-open`: The address bar is open.
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-editor": Partial<
+    HelixEditorProps & BaseProps<HelixEditor, F> & BaseEvents<HelixEditor>
+  >;
+
   /**
    * Centered with space around it. An empty view is the only thing on screen, and
    * pressed against the top edge it looks broken.
@@ -61151,6 +62007,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 +66281,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 +80052,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 +80160,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 +80192,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.
@@ -89436,7 +90515,7 @@ export type CustomElementsSolidJs = {
    * header, a find bar and a status line each a strip on the raised surface,
    * one frame around them. It is 24rem tall unless `fill` is set or
    * `--code-editor-block-size` says otherwise. An engine draws inside it:
-   * `@fusion.dev/helix-editor` themes CodeMirror's gutter, caret, selection and
+   * `@fusion.dev/helix-code-editor` themes CodeMirror's gutter, caret, selection and
    * syntax from your tokens, and draws a problem's line number in its tone.
    *
    * Set `fill` for an editor that fills a pane, such as one side of a split
@@ -89542,7 +90621,7 @@ export type CustomElementsSolidJs = {
    * Here rather than on each control.
    * - `diagnostics`: The problems in the text, each underlined and listed under the editor. (property only)
    * - `engine`: What draws the editor, such as `codeMirrorEngine()` from
-   * `@fusion.dev/helix-editor`. Absent, the editor is a plain text field. (property only)
+   * `@fusion.dev/helix-code-editor`. Absent, the editor is a plain text field. (property only)
    * - `validity`: Whether the control meets its constraints, and why not. (property only) (readonly)
    * - `validationMessage`: The message the browser would show for the control, or an empty string. (property only) (readonly)
    * - `willValidate`: Whether the control is checked when its form is submitted. (property only) (readonly)
@@ -89575,6 +90654,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 +90758,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 +90770,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 +90790,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 +90826,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 +90836,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<
@@ -94796,6 +95881,334 @@ export type CustomElementsSolidJs = {
       BaseEvents<HelixDrilldown>
   >;
 
+  /**
+   * Drawn as Code Editor is: the document on the page's ground, and the toolbar
+   * a strip on the raised surface, one frame around them. The strip stays at the
+   * top of the page while a long document scrolls under it, and the frame grows
+   * with the document from `--editor-min-block-size`. Set `fill` for an editor
+   * that fills a pane, where the document scrolls inside the frame.
+   *
+   * The document's headings, lists, quotes, code, and tables are drawn by the
+   * base layer's `data-prose` rules, so it reads as your docs and chat replies
+   * do. Write `data-prose` on the document so the base layer draws it before a
+   * renderer connects, and `connectEditor` writes it too. Its lines keep to a
+   * readable length, `--editor-measure`, centered in a wide frame.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `fill`: Covers the container instead of growing with the document, for an editor
+   * that fills a pane, such as one side of a split view. The document scrolls
+   * inside the frame. 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 document that fills a page or a pane of its own.
+   * - `block-chosen-label`/`blockChosenLabel`: The block menu button's name. `{name}` is the block type at the selection.
+   * - `block-label`/`blockLabel`: The block menu's name, read by screen readers.
+   * - `bold-label`/`boldLabel`: The Bold button's label.
+   * - `bullet-list-label`/`bulletListLabel`: The Bulleted list button's label.
+   * - `code-block-label`/`codeBlockLabel`: The Code block row's label in the block menu.
+   * - `code-label`/`codeLabel`: The Code button's label.
+   * - `controls-label`/`controlsLabel`: The toolbar's name, read by screen readers.
+   * - `fallback-label`/`fallbackLabel`: The document's name where `label` is empty and the host has no `aria-label`.
+   * - `find-label`/`findLabel`: The Find button's label, and the find bar's name.
+   * - `heading-label`/`headingLabel`: A heading's name in the block menu. `{level}` is its level, 1 to 3.
+   * - `italic-label`/`italicLabel`: The Italic button's label.
+   * - `label`: The document's name, read by screen readers. Name what it holds, such as
+   * "Release notes", so that several editors on one page can be told apart.
+   * Required.
+   * - `link-apply-label`/`linkApplyLabel`: The Apply button's label in the address bar.
+   * - `link-close-label`/`linkCloseLabel`: The close button's label in the address bar.
+   * - `link-controls-label`/`linkControlsLabel`: The name of the address bar's toolbar, read by screen readers.
+   * - `link-field-label`/`linkFieldLabel`: The address field's name, which it also shows while it is empty.
+   * - `link-label`/`linkLabel`: The Link button's label, and the address bar's name.
+   * - `link-remove-label`/`linkRemoveLabel`: The Remove button's label in the address bar.
+   * - `ordered-list-label`/`orderedListLabel`: The Numbered list button's label.
+   * - `paragraph-label`/`paragraphLabel`: The Paragraph row's label in the block menu.
+   * - `placeholder`: The words shown in an empty document, such as "Write the release notes".
+   * - `quote-label`/`quoteLabel`: The Quote button's label.
+   * - `readonly`/`readOnly`: Shows the document and takes no edits, with no toolbar, for a document
+   * someone reads, or one an agent is writing. The attribute is `readonly`,
+   * the platform's spelling.
+   * - `redo-label`/`redoLabel`: The Redo button's label.
+   * - `strike-label`/`strikeLabel`: The Strikethrough button's label.
+   * - `tools`: Which groups of tools the toolbar draws, as a list of `history`, `block`,
+   * `marks`, `link`, `lists`, and `quote`, or `none`. They are drawn in that
+   * order, whatever order the list is in. Absent is all six.
+   * - `undo-label`/`undoLabel`: The Undo 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.
+   *
+   * - `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.
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: The element your renderer draws the document in.
+   * - `actions`: Controls of your own at the end of the toolbar, such as Share or Comment.
+   * - `bold-icon`: Replaces the glyph inside the Bold button.
+   * - `bullet-list-icon`: Replaces the glyph inside the Bulleted list button.
+   * - `code-icon`: Replaces the glyph inside the Code button.
+   * - `find-icon`: Replaces the glyph inside the Find button.
+   * - `footer`: Content under the document, such as a word count or whether it is saved.
+   * - `italic-icon`: Replaces the glyph inside the Italic button.
+   * - `link-icon`: Replaces the glyph inside the Link button.
+   * - `ordered-list-icon`: Replaces the glyph inside the Numbered list button.
+   * - `quote-icon`: Replaces the glyph inside the Quote button.
+   * - `redo-icon`: Replaces the glyph inside the Redo button.
+   * - `strike-icon`: Replaces the glyph inside the Strikethrough button.
+   * - `undo-icon`: Replaces the glyph inside the Undo button.
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `attach(renderer: EditorRenderer) => EditorSink`: Hands the frame what draws the document. The frame sends it the settings
+   * now and as they change, asks it to run the tools the reader presses, and
+   * draws the toolbar from what it reports through the sink it gets back.
+   * Attaching another renderer detaches this one.
+   * - `run(tool: EditorTool, value?: string) => boolean`: Runs a tool at the selection, as its button does, and says whether it
+   * ran: a block type, a mark, a list, a quote, a step through history, or a
+   * link to `value`, where an empty `value` takes the link off. Nothing runs
+   * while no renderer is attached, or while `readonly`.
+   * - `focus(options?: FocusOptions) => void`: Puts focus in the document, with the selection where it was.
+   * - `openLink() => void`: Opens the address bar with the address of the link at the selection, and puts focus in its field.
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--editor-background-color`: The ground the document is drawn on. Defaults to the page's background.
+   * - `--editor-border-color`: The frame's edge and the line under the toolbar.
+   * - `--editor-header-background-color`: The fill of the toolbar's strip.
+   * - `--editor-header-offset`: How far below the top of the page the toolbar stays while the document scrolls, such as the height of your own fixed header. `0` unless set.
+   * - `--editor-measure`: The longest a line of the document runs, as a length: `72ch` unless set.
+   * - `--editor-min-block-size`: The frame's least height, which it grows from with the document: `12rem` unless set. Ignored with `fill`.
+   * - `--editor-padding`: The space around the document, inside the frame.
+   * - `--editor-radius`: The frame's corner radius.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `actions`: The `actions` slot, last in the toolbar.
+   * - `block`: The button that opens the block menu, which names the block type at the selection.
+   * - `block-button`: The block menu button's inner button.
+   * - `block-live`: The block menu button's live region, which speaks while the button is pending.
+   * - `block-menu`: The menu of block types.
+   * - `block-menu-back`: The control that returns from a submenu.
+   * - `block-menu-back-mark`: The glyph on the back control of a submenu.
+   * - `block-menu-empty`: The text shown when the menu has no items.
+   * - `block-menu-header`: The bar above a submenu, holding the way back and its name.
+   * - `block-menu-live`: The block menu's live region, which repeats the empty and loading text for screen readers.
+   * - `block-menu-loading`: The text shown while the items are loading.
+   * - `block-menu-search-field`: The block menu's filter field, drawn with `filterable`.
+   * - `block-menu-surface`: The floating panel the block menu is drawn on.
+   * - `block-menu-title`: The name of the submenu that is showing.
+   * - `block-name`: The name of the block type at the selection, in the block menu's button.
+   * - `block-option`: One block type in the block menu, checked while the selection is in one.
+   * - `block-option-end`: A block type's trailing column, which holds its shortcut.
+   * - `block-option-item`: A block type's row.
+   * - `block-option-mark`: The check beside the block type the selection is in.
+   * - `block-option-shortcut`: A block type's key.
+   * - `block-option-shortcut-kbd`: The key inside it.
+   * - `block-option-shortcut-key`: One key of a block type's chord.
+   * - `block-option-shortcut-separator`: The `+` between two keys of a block type's chord.
+   * - `block-option-start`: A block type's leading column.
+   * - `block-option-surface`: A block type's submenu panel, which a block type does not open.
+   * - `block-spinner`: The ring the block menu button turns while it is pending.
+   * - `block-text`: The box the block menu button's words sit in.
+   * - `bold`: The Bold button. Pressed while the selection is bold.
+   * - `bold-button`: The Bold button's inner button.
+   * - `bold-live`: The Bold button's live region, which speaks while the button is pending.
+   * - `bold-pressed`: The Bold button while the selection is bold, beside `bold`.
+   * - `bold-spinner`: The ring the Bold button turns while it is pending.
+   * - `bold-text`: The box the Bold button's icon sits in.
+   * - `bullet-list`: The Bulleted list button. Pressed while the selection is in a bulleted list.
+   * - `bullet-list-button`: The Bulleted list button's inner button.
+   * - `bullet-list-live`: The Bulleted list button's live region, which speaks while the button is pending.
+   * - `bullet-list-pressed`: The Bulleted list button while the selection is in a bulleted list, beside `bullet-list`.
+   * - `bullet-list-spinner`: The ring the Bulleted list button turns while it is pending.
+   * - `bullet-list-text`: The box the Bulleted list button's icon sits in.
+   * - `code`: The Code button. Pressed while the selection is code.
+   * - `code-button`: The Code button's inner button.
+   * - `code-live`: The Code button's live region, which speaks while the button is pending.
+   * - `code-pressed`: The Code button while the selection is code, beside `code`.
+   * - `code-spinner`: The ring the Code button turns while it is pending.
+   * - `code-text`: The box the Code button's icon sits in.
+   * - `controls`: The toolbar: the tools, then your actions, one tab stop that the arrows move along.
+   * - `controls-toolbar`: The box inside the toolbar that lays its buttons out.
+   * - `divider`: The line between two groups of tools.
+   * - `divider-content`: The content set into a divider, which the editor sets none into.
+   * - `divider-line`: The line itself.
+   * - `find`: The find bar under the toolbar, where the reader searches the document: 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 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 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 find bar's toolbar of options and moves.
+   * - `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 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.
+   * - `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 selects 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-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 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 Find button in the toolbar, drawn where `tools` names `find`, which 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.
+   * - `footer`: The `footer` slot, under the document.
+   * - `header`: The strip above the document that holds the toolbar, and the address bar under it while it is open.
+   * - `italic`: The Italic button. Pressed while the selection is italic.
+   * - `italic-button`: The Italic button's inner button.
+   * - `italic-live`: The Italic button's live region, which speaks while the button is pending.
+   * - `italic-pressed`: The Italic button while the selection is italic, beside `italic`.
+   * - `italic-spinner`: The ring the Italic button turns while it is pending.
+   * - `italic-text`: The box the Italic button's icon sits in.
+   * - `link`: The Link button, which opens the address bar. Pressed while the selection is in a link, and expanded while the bar is open.
+   * - `link-apply`: The button that applies the address.
+   * - `link-apply-button`: The Apply button's inner button.
+   * - `link-apply-live`: The Apply button's live region, which speaks while the button is pending.
+   * - `link-apply-spinner`: The ring the Apply button turns while it is pending.
+   * - `link-apply-text`: The box the Apply button's icon sits in.
+   * - `link-bar`: The bar under the toolbar where the reader writes a link's address.
+   * - `link-button`: The Link button's inner button.
+   * - `link-close`: The button that closes the address bar.
+   * - `link-close-button`: The close button's inner button.
+   * - `link-close-live`: The close button's live region, which speaks while the button is pending.
+   * - `link-close-spinner`: The ring the close button turns while it is pending.
+   * - `link-close-text`: The box the close button's icon sits in.
+   * - `link-controls`: The toolbar at the end of the address bar: Apply, Remove, and Close.
+   * - `link-controls-toolbar`: The box inside the address bar's toolbar that lays its buttons out.
+   * - `link-field`: The field the address is written in.
+   * - `link-live`: The Link button's live region, which speaks while the button is pending.
+   * - `link-pressed`: The Link button while the selection is in a link, beside `link`.
+   * - `link-remove`: The button that takes the link off. Disabled where the selection is in no link.
+   * - `link-remove-button`: The Remove button's inner button.
+   * - `link-remove-live`: The Remove button's live region, which speaks while the button is pending.
+   * - `link-remove-spinner`: The ring the Remove button turns while it is pending.
+   * - `link-remove-text`: The box the Remove button's icon sits in.
+   * - `link-spinner`: The ring the Link button turns while it is pending.
+   * - `link-text`: The box the Link button's icon sits in.
+   * - `ordered-list`: The Numbered list button. Pressed while the selection is in a numbered list.
+   * - `ordered-list-button`: The Numbered list button's inner button.
+   * - `ordered-list-live`: The Numbered list button's live region, which speaks while the button is pending.
+   * - `ordered-list-pressed`: The Numbered list button while the selection is in a numbered list, beside `ordered-list`.
+   * - `ordered-list-spinner`: The ring the Numbered list button turns while it is pending.
+   * - `ordered-list-text`: The box the Numbered list button's icon sits in.
+   * - `quote`: The Quote button. Pressed while the selection is in a quote.
+   * - `quote-button`: The Quote button's inner button.
+   * - `quote-live`: The Quote button's live region, which speaks while the button is pending.
+   * - `quote-pressed`: The Quote button while the selection is in a quote, beside `quote`.
+   * - `quote-spinner`: The ring the Quote button turns while it is pending.
+   * - `quote-text`: The box the Quote button's icon sits in.
+   * - `redo`: The Redo button. Disabled while there is nothing to redo.
+   * - `redo-button`: The Redo button's inner button.
+   * - `redo-live`: The Redo button's live region, which speaks while the button is pending.
+   * - `redo-spinner`: The ring the Redo button turns while it is pending.
+   * - `redo-text`: The box the Redo button's icon sits in.
+   * - `region`: The frame around the toolbar, the address bar, and the document.
+   * - `strike`: The Strikethrough button. Pressed while the selection is struck through.
+   * - `strike-button`: The Strikethrough button's inner button.
+   * - `strike-live`: The Strikethrough button's live region, which speaks while the button is pending.
+   * - `strike-pressed`: The Strikethrough button while the selection is struck through, beside `strike`.
+   * - `strike-spinner`: The ring the Strikethrough button turns while it is pending.
+   * - `strike-text`: The box the Strikethrough button's icon sits in.
+   * - `tools`: A group of several tools, which a narrow toolbar wraps as one: Undo and Redo, the marks, or the lists and the quote.
+   * - `undo`: The Undo button. Disabled while there is nothing to undo.
+   * - `undo-button`: The Undo button's inner button.
+   * - `undo-live`: The Undo button's live region, which speaks while the button is pending.
+   * - `undo-spinner`: The ring the Undo button turns while it is pending.
+   * - `undo-text`: The box the Undo button's icon sits in.
+   * - `viewport`: The box the document is drawn in.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `connected`: A renderer draws the document.
+   * - `document-focused`: Focus is in the document, where the reader types.
+   * - `find-open`: The find bar is open.
+   * - `link-open`: The address bar is open.
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-editor": Partial<
+    HelixEditorProps &
+      HelixEditorSolidJsProps &
+      BaseProps<HelixEditor, "solid"> &
+      BaseEvents<HelixEditor>
+  >;
+
   /**
    * Centered with space around it. An empty view is the only thing on screen, and
    * pressed against the top edge it looks broken.
@@ -96037,6 +97450,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 +101781,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 +115799,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 +115907,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 +115939,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.
@@ -119931,6 +121569,22 @@ export type CustomCssProperties = {
   "--drilldown-title-font-weight"?: (string) | undefined;
   /** How far a page slides as it arrives, along the line of text. */
   "--drilldown-travel"?: (string) | undefined;
+  /** The ground the document is drawn on. Defaults to the page's background. */
+  "--editor-background-color"?: (string) | undefined;
+  /** The frame's edge and the line under the toolbar. */
+  "--editor-border-color"?: (string) | undefined;
+  /** The fill of the toolbar's strip. */
+  "--editor-header-background-color"?: (string) | undefined;
+  /** How far below the top of the page the toolbar stays while the document scrolls, such as the height of your own fixed header. `0` unless set. */
+  "--editor-header-offset"?: (string) | undefined;
+  /** The longest a line of the document runs, as a length: `72ch` unless set. */
+  "--editor-measure"?: (string) | undefined;
+  /** The frame's least height, which it grows from with the document: `12rem` unless set. Ignored with `fill`. */
+  "--editor-min-block-size"?: (string) | undefined;
+  /** The space around the document, inside the frame. */
+  "--editor-padding"?: (string) | undefined;
+  /** The frame's corner radius. */
+  "--editor-radius"?: (string) | undefined;
   /** Space added above the actions. */
   "--empty-actions-gap"?: (string) | undefined;
   /** Space between the icon, the heading, the message and the actions. */
@@ -120021,6 +121675,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. */