@fusion.dev/helix-headless 0.218.0 → 0.220.0

package/types/jsx.d.ts

@@ -41,6 +41,7 @@ import type {
   HelixFacetEvent,
   HelixFilterEvent,
   HelixFilteredEvent,
+  HelixFoundEvent,
   HelixGraphFilterEvent,
   HelixGraphLayoutEvent,
   HelixGraphPanEvent,
@@ -101,6 +102,7 @@ import type {
   HelixHeadlessFilterInput,
   HelixHeadlessFilterMenu,
   HelixHeadlessFilterOperator,
+  HelixHeadlessFind,
   HelixHeadlessFormatDate,
   HelixHeadlessGraph,
   HelixHeadlessHeatmap,
@@ -137,6 +139,7 @@ import type {
   HelixHeadlessMenuItem,
   HelixHeadlessMenuSection,
   HelixHeadlessMeter,
+  HelixHeadlessMeterSegment,
   HelixHeadlessMotionToggle,
   HelixHeadlessNavigation,
   HelixHeadlessNotification,
@@ -256,6 +259,7 @@ import type {
   HelixShortcutEvent,
   HelixSortEvent,
   HelixSortedEvent,
+  HelixStopEvent,
   HelixTerminalBellEvent,
   HelixTerminalInputEvent,
   HelixTerminalLinkEvent,
@@ -2650,6 +2654,19 @@ into one, counting the first and the last. Unset, it never folds. At least
 into one, counting the first and the last. Unset, it never folds. At least
 2, so the first crumb and the current page always show. */
   maxItems?: (HelixHeadlessBreadcrumbs["maxItems"]) | undefined;
+  /** The mark between one crumb and the next, for the whole trail. Unset is a
+chevron; `slash` is a slash, as a path or a repository and its branch is
+written.
+
+**On the trail rather than on each crumb**, because the marks are one
+decision: a trail whose separators differ from crumb to crumb is a
+mistake, and a trail drawn from `items` has no crumb of yours to set it
+on. A crumb's own `separator` slot still replaces its mark, for the rare
+crumb that needs something else.
+
+Optional and reflected, per the rule that a reflected property takes no
+default, so a stylesheet can select on it. */
+  separator?: (HelixHeadlessBreadcrumbs["separator"]) | undefined;
   /** The trail as data, drawn as crumbs before any you slot. The last item is the
 current page.
 
@@ -2680,6 +2697,19 @@ into one, counting the first and the last. Unset, it never folds. At least
 into one, counting the first and the last. Unset, it never folds. At least
 2, so the first crumb and the current page always show. */
   "prop:maxItems"?: (HelixHeadlessBreadcrumbs["maxItems"]) | undefined;
+  /** The mark between one crumb and the next, for the whole trail. Unset is a
+chevron; `slash` is a slash, as a path or a repository and its branch is
+written.
+
+**On the trail rather than on each crumb**, because the marks are one
+decision: a trail whose separators differ from crumb to crumb is a
+mistake, and a trail drawn from `items` has no crumb of yours to set it
+on. A crumb's own `separator` slot still replaces its mark, for the rare
+crumb that needs something else.
+
+Optional and reflected, per the rule that a reflected property takes no
+default, so a stylesheet can select on it. */
+  "prop:separator"?: (HelixHeadlessBreadcrumbs["separator"]) | undefined;
   /** The trail as data, drawn as crumbs before any you slot. The last item is the
 current page.
 
@@ -2866,6 +2896,36 @@ is the platform's `commandfor`. */
   commandfor?: (HelixHeadlessButton["commandFor"]) | undefined;
   /** The id of the element the command is sent to. */
   commandFor?: (HelixHeadlessButton["commandFor"]) | undefined;
+  /** Whether a disabled button stays in the tab order, so a tooltip around it
+can say why it is disabled.
+
+Set it on a button whose reason a Tooltip gives, such as a Save with no
+changes to save. While the button is disabled, it keeps focus and takes
+hover, and it refuses every press: a click, Enter and Space, and Enter in
+a field of its form. The click does not reach your listeners, and a submit
+button submits nothing. The inner control carries `aria-disabled` in place
+of the native `disabled`, so a screen reader still says it is unavailable.
+The styled button keeps the disabled look.
+
+Leave it unset on a button with no reason to give. A plain disabled button
+leaves the tab order, as a native one does, and a keyboard reader skips a
+stop that does nothing. Set `pending` for the wait after a press. */
+  "focusable-when-disabled"?: (HelixHeadlessButton["focusableWhenDisabled"]) | undefined;
+  /** Whether a disabled button stays in the tab order, so a tooltip around it
+can say why it is disabled.
+
+Set it on a button whose reason a Tooltip gives, such as a Save with no
+changes to save. While the button is disabled, it keeps focus and takes
+hover, and it refuses every press: a click, Enter and Space, and Enter in
+a field of its form. The click does not reach your listeners, and a submit
+button submits nothing. The inner control carries `aria-disabled` in place
+of the native `disabled`, so a screen reader still says it is unavailable.
+The styled button keeps the disabled look.
+
+Leave it unset on a button with no reason to give. A plain disabled button
+leaves the tab order, as a native one does, and a keyboard reader skips a
+stop that does nothing. Set `pending` for the wait after a press. */
+  focusableWhenDisabled?: (HelixHeadlessButton["focusableWhenDisabled"]) | undefined;
   /** Where this button's submission goes, overriding the form's own.
 
 **The five `form*` overrides ride on a native submit button that stands in
@@ -3047,6 +3107,36 @@ is the platform's `commandfor`. */
   "attr:commandfor"?: (HelixHeadlessButton["commandFor"]) | undefined;
   /** The id of the element the command is sent to. */
   "prop:commandFor"?: (HelixHeadlessButton["commandFor"]) | undefined;
+  /** Whether a disabled button stays in the tab order, so a tooltip around it
+can say why it is disabled.
+
+Set it on a button whose reason a Tooltip gives, such as a Save with no
+changes to save. While the button is disabled, it keeps focus and takes
+hover, and it refuses every press: a click, Enter and Space, and Enter in
+a field of its form. The click does not reach your listeners, and a submit
+button submits nothing. The inner control carries `aria-disabled` in place
+of the native `disabled`, so a screen reader still says it is unavailable.
+The styled button keeps the disabled look.
+
+Leave it unset on a button with no reason to give. A plain disabled button
+leaves the tab order, as a native one does, and a keyboard reader skips a
+stop that does nothing. Set `pending` for the wait after a press. */
+  "bool:focusable-when-disabled"?: (HelixHeadlessButton["focusableWhenDisabled"]) | undefined;
+  /** Whether a disabled button stays in the tab order, so a tooltip around it
+can say why it is disabled.
+
+Set it on a button whose reason a Tooltip gives, such as a Save with no
+changes to save. While the button is disabled, it keeps focus and takes
+hover, and it refuses every press: a click, Enter and Space, and Enter in
+a field of its form. The click does not reach your listeners, and a submit
+button submits nothing. The inner control carries `aria-disabled` in place
+of the native `disabled`, so a screen reader still says it is unavailable.
+The styled button keeps the disabled look.
+
+Leave it unset on a button with no reason to give. A plain disabled button
+leaves the tab order, as a native one does, and a keyboard reader skips a
+stop that does nothing. Set `pending` for the wait after a press. */
+  "prop:focusableWhenDisabled"?: (HelixHeadlessButton["focusableWhenDisabled"]) | undefined;
   /** Where this button's submission goes, overriding the form's own.
 
 **The five `form*` overrides ride on a native submit button that stands in
@@ -5302,11 +5392,26 @@ export type HelixHeadlessChatComposerHelixListenElementEvent =
 /** `helix-send` event type */
 export type HelixHeadlessChatComposerHelixSendElementEvent =
   HelixHeadlessChatComposerElementEvent<HelixSendEvent>;
+/** `helix-stop` event type */
+export type HelixHeadlessChatComposerHelixStopElementEvent =
+  HelixHeadlessChatComposerElementEvent<HelixStopEvent>;
 /** `helix-typing` event type */
 export type HelixHeadlessChatComposerHelixTypingElementEvent =
   HelixHeadlessChatComposerElementEvent<HelixTypingEvent>;
 
 export type HelixHeadlessChatComposerProps = {
+  /** Whether the draft holds something besides its text, such as an attached
+file. The draft then counts as one though the field is empty, so the
+send button shows in place of the `idle` slot. */
+  attached?: (HelixHeadlessChatComposer["attached"]) | undefined;
+  /** Whether a reply is on its way. While set, the send button is a stop
+button that sends `helix-stop`, and the draft does not send.
+
+**The same button rather than one beside it**, because sending and
+stopping are never both possible: while a reply is on its way there is
+nothing to send to, and the place the reader's eye goes to act is the
+place that can act. The field stays open for the next turn. */
+  busy?: (HelixHeadlessChatComposer["busy"]) | undefined;
   /** A message about the draft, shown under the field. While set, the composer
 is invalid, does not send, and does not submit, as a field's `feedback`
 does, and the message is announced as it appears. */
@@ -5325,6 +5430,14 @@ the field, as on a `<textarea>`. */
   minLength?: (HelixHeadlessChatComposer["minLength"]) | undefined;
   /** Placeholder text shown in an empty field. */
   placeholder?: (HelixHeadlessChatComposer["placeholder"]) | undefined;
+  /** Whether Enter sends while `busy`, for a page that queues the turn or
+hands it to the reply under way.
+
+Off by default, because a page that does neither would drop the turn: it
+has nowhere to put a message while a reply is coming. The button stays
+the stop button either way, since stopping is still the one thing it
+should do while a reply is on its way. */
+  queue?: (HelixHeadlessChatComposer["queue"]) | undefined;
   /** Whether the form needs a draft to submit. An empty draft never sends,
 required or not. */
   required?: (HelixHeadlessChatComposer["required"]) | undefined;
@@ -5332,10 +5445,34 @@ required or not. */
 
 It grows from there. */
   rows?: (HelixHeadlessChatComposer["rows"]) | undefined;
+  /** Whether the draft waits to be sent, such as while an attachment is still
+read. The send button is unavailable and Enter does not send, while the
+field stays open. The stop button shown while `busy` still stops. */
+  "send-disabled"?: (HelixHeadlessChatComposer["sendDisabled"]) | undefined;
+  /** Whether the draft waits to be sent, such as while an attachment is still
+read. The send button is unavailable and Enter does not send, while the
+field stays open. The stop button shown while `busy` still stops. */
+  sendDisabled?: (HelixHeadlessChatComposer["sendDisabled"]) | undefined;
   /** Label for the send button. */
   "send-label"?: (HelixHeadlessChatComposer["sendLabel"]) | undefined;
   /** Label for the send button. */
   sendLabel?: (HelixHeadlessChatComposer["sendLabel"]) | undefined;
+  /** Why the draft waits, such as "Reading photo.jpg", shown in a tooltip on
+the send button while `send-disabled` is set. The button then stays in
+the tab order and takes the pointer, with `aria-disabled` in place of
+`disabled`, so the reason can be reached by keyboard and by pointer, as
+Button's `focusable-when-disabled` does. A press still sends nothing. */
+  "send-reason"?: (HelixHeadlessChatComposer["sendReason"]) | undefined;
+  /** Why the draft waits, such as "Reading photo.jpg", shown in a tooltip on
+the send button while `send-disabled` is set. The button then stays in
+the tab order and takes the pointer, with `aria-disabled` in place of
+`disabled`, so the reason can be reached by keyboard and by pointer, as
+Button's `focusable-when-disabled` does. A press still sends nothing. */
+  sendReason?: (HelixHeadlessChatComposer["sendReason"]) | undefined;
+  /** Label for the stop button shown while `busy`. */
+  "stop-label"?: (HelixHeadlessChatComposer["stopLabel"]) | undefined;
+  /** Label for the stop button shown while `busy`. */
+  stopLabel?: (HelixHeadlessChatComposer["stopLabel"]) | undefined;
   /** What sends the turn: `enter` for the Enter key, or `button` for the send
 button only.
 
@@ -5408,6 +5545,23 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   name?: (HelixHeadlessChatComposer["name"]) | undefined;
+  /** Examples the empty field shows in turn, in place of `placeholder`, such
+as tasks a reader might ask for. Each shows for 6.5 seconds, and a longer
+one shows longer, up to 10 seconds.
+
+**Each is the field's placeholder in its turn**, so a screen reader that
+reaches the field hears the one showing. The swap runs through
+`:state(example-leaving)`, as one example leaves, and
+`:state(example-entering)`, as the next arrives.
+
+**They move only while nobody is about to write, and while the reader
+can see them.** An empty field without focus moves on. Focus or text
+holds the example showing, and an example already leaving finishes its
+turn. A composer scrolled out of view holds its example, and the example
+gets its full time again when the composer comes back. Where the reader
+asked for less motion, or the page paused its motion, the first example
+stays. */
+  placeholders?: (HelixHeadlessChatComposer["placeholders"]) | undefined;
   /** The engine this field listens through, in place of the one
 `registerSpeechEngine` gave the page, or the browser's own. */
   speechEngine?: (HelixHeadlessChatComposer["speechEngine"]) | undefined;
@@ -5422,6 +5576,8 @@ Here rather than on each control. */
   ) => void) | undefined;
   /** Fired when the user sends their turn, and cancelable. */
   "onhelix-send"?: ((e: HelixHeadlessChatComposerHelixSendElementEvent) => void) | undefined;
+  /** Fired when the user presses the stop button, shown in place of the send button while `busy` is set. */
+  "onhelix-stop"?: ((e: HelixHeadlessChatComposerHelixStopElementEvent) => void) | undefined;
   /** The user started or stopped writing, with `typing` saying which, as the composer's `typing` does. */
   "onhelix-typing"?: ((
     e: HelixHeadlessChatComposerHelixTypingElementEvent,
@@ -5431,6 +5587,18 @@ Here rather than on each control. */
 };
 
 export type HelixHeadlessChatComposerSolidJsProps = {
+  /** Whether the draft holds something besides its text, such as an attached
+file. The draft then counts as one though the field is empty, so the
+send button shows in place of the `idle` slot. */
+  "prop:attached"?: (HelixHeadlessChatComposer["attached"]) | undefined;
+  /** Whether a reply is on its way. While set, the send button is a stop
+button that sends `helix-stop`, and the draft does not send.
+
+**The same button rather than one beside it**, because sending and
+stopping are never both possible: while a reply is on its way there is
+nothing to send to, and the place the reader's eye goes to act is the
+place that can act. The field stays open for the next turn. */
+  "prop:busy"?: (HelixHeadlessChatComposer["busy"]) | undefined;
   /** A message about the draft, shown under the field. While set, the composer
 is invalid, does not send, and does not submit, as a field's `feedback`
 does, and the message is announced as it appears. */
@@ -5449,6 +5617,14 @@ the field, as on a `<textarea>`. */
   "prop:minLength"?: (HelixHeadlessChatComposer["minLength"]) | undefined;
   /** Placeholder text shown in an empty field. */
   "prop:placeholder"?: (HelixHeadlessChatComposer["placeholder"]) | undefined;
+  /** Whether Enter sends while `busy`, for a page that queues the turn or
+hands it to the reply under way.
+
+Off by default, because a page that does neither would drop the turn: it
+has nowhere to put a message while a reply is coming. The button stays
+the stop button either way, since stopping is still the one thing it
+should do while a reply is on its way. */
+  "prop:queue"?: (HelixHeadlessChatComposer["queue"]) | undefined;
   /** Whether the form needs a draft to submit. An empty draft never sends,
 required or not. */
   "prop:required"?: (HelixHeadlessChatComposer["required"]) | undefined;
@@ -5456,10 +5632,34 @@ required or not. */
 
 It grows from there. */
   "prop:rows"?: (HelixHeadlessChatComposer["rows"]) | undefined;
+  /** Whether the draft waits to be sent, such as while an attachment is still
+read. The send button is unavailable and Enter does not send, while the
+field stays open. The stop button shown while `busy` still stops. */
+  "bool:send-disabled"?: (HelixHeadlessChatComposer["sendDisabled"]) | undefined;
+  /** Whether the draft waits to be sent, such as while an attachment is still
+read. The send button is unavailable and Enter does not send, while the
+field stays open. The stop button shown while `busy` still stops. */
+  "prop:sendDisabled"?: (HelixHeadlessChatComposer["sendDisabled"]) | undefined;
   /** Label for the send button. */
   "attr:send-label"?: (HelixHeadlessChatComposer["sendLabel"]) | undefined;
   /** Label for the send button. */
   "prop:sendLabel"?: (HelixHeadlessChatComposer["sendLabel"]) | undefined;
+  /** Why the draft waits, such as "Reading photo.jpg", shown in a tooltip on
+the send button while `send-disabled` is set. The button then stays in
+the tab order and takes the pointer, with `aria-disabled` in place of
+`disabled`, so the reason can be reached by keyboard and by pointer, as
+Button's `focusable-when-disabled` does. A press still sends nothing. */
+  "attr:send-reason"?: (HelixHeadlessChatComposer["sendReason"]) | undefined;
+  /** Why the draft waits, such as "Reading photo.jpg", shown in a tooltip on
+the send button while `send-disabled` is set. The button then stays in
+the tab order and takes the pointer, with `aria-disabled` in place of
+`disabled`, so the reason can be reached by keyboard and by pointer, as
+Button's `focusable-when-disabled` does. A press still sends nothing. */
+  "prop:sendReason"?: (HelixHeadlessChatComposer["sendReason"]) | undefined;
+  /** Label for the stop button shown while `busy`. */
+  "attr:stop-label"?: (HelixHeadlessChatComposer["stopLabel"]) | undefined;
+  /** Label for the stop button shown while `busy`. */
+  "prop:stopLabel"?: (HelixHeadlessChatComposer["stopLabel"]) | undefined;
   /** What sends the turn: `enter` for the Enter key, or `button` for the send
 button only.
 
@@ -5532,6 +5732,23 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   "prop:name"?: (HelixHeadlessChatComposer["name"]) | undefined;
+  /** Examples the empty field shows in turn, in place of `placeholder`, such
+as tasks a reader might ask for. Each shows for 6.5 seconds, and a longer
+one shows longer, up to 10 seconds.
+
+**Each is the field's placeholder in its turn**, so a screen reader that
+reaches the field hears the one showing. The swap runs through
+`:state(example-leaving)`, as one example leaves, and
+`:state(example-entering)`, as the next arrives.
+
+**They move only while nobody is about to write, and while the reader
+can see them.** An empty field without focus moves on. Focus or text
+holds the example showing, and an example already leaving finishes its
+turn. A composer scrolled out of view holds its example, and the example
+gets its full time again when the composer comes back. Where the reader
+asked for less motion, or the page paused its motion, the first example
+stays. */
+  "prop:placeholders"?: (HelixHeadlessChatComposer["placeholders"]) | undefined;
   /** The engine this field listens through, in place of the one
 `registerSpeechEngine` gave the page, or the browser's own. */
   "prop:speechEngine"?: (HelixHeadlessChatComposer["speechEngine"]) | undefined;
@@ -5545,6 +5762,8 @@ Here rather than on each control. */
   ) => void) | undefined;
   /** Fired when the user sends their turn, and cancelable. */
   "on:helix-send"?: ((e: HelixHeadlessChatComposerHelixSendElementEvent) => void) | undefined;
+  /** Fired when the user presses the stop button, shown in place of the send button while `busy` is set. */
+  "on:helix-stop"?: ((e: HelixHeadlessChatComposerHelixStopElementEvent) => void) | undefined;
   /** The user started or stopped writing, with `typing` saying which, as the composer's `typing` does. */
   "on:helix-typing"?: ((
     e: HelixHeadlessChatComposerHelixTypingElementEvent,
@@ -7004,6 +7223,9 @@ export type HelixHeadlessCodeEditorElementEvent<E = Event> = TypedEvent<
 /** `helix-before-change` event type */
 export type HelixHeadlessCodeEditorHelixBeforeChangeElementEvent =
   HelixHeadlessCodeEditorElementEvent<HelixBeforeChangeEvent>;
+/** `helix-found` event type */
+export type HelixHeadlessCodeEditorHelixFoundElementEvent =
+  HelixHeadlessCodeEditorElementEvent<HelixFoundEvent>;
 
 export type HelixHeadlessCodeEditorProps = {
   /** The name of the header's toolbar, read by screen readers. */
@@ -7200,6 +7422,8 @@ Here rather than on each control. */
   "onhelix-before-change"?: ((
     e: HelixHeadlessCodeEditorHelixBeforeChangeElementEvent,
   ) => 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: HelixHeadlessCodeEditorHelixFoundElementEvent) => void) | undefined;
   /** Fired after the text changes. */
   oninput?: ((e: HelixHeadlessCodeEditorElementEvent) => void) | undefined;
 };
@@ -7398,6 +7622,8 @@ Here rather than on each control. */
   "on:helix-before-change"?: ((
     e: HelixHeadlessCodeEditorHelixBeforeChangeElementEvent,
   ) => 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: HelixHeadlessCodeEditorHelixFoundElementEvent) => void) | undefined;
   /** Fired after the text changes. */
   "on:input"?: ((e: HelixHeadlessCodeEditorElementEvent) => void) | undefined;
 
@@ -10381,6 +10607,36 @@ whatever its `type`. Declared here so its own page says what it holds. */
   value?: (HelixHeadlessCopyButton["value"]) | undefined;
   /**  */
   "aria-label"?: (string) | undefined;
+  /** Whether a disabled button stays in the tab order, so a tooltip around it
+can say why it is disabled.
+
+Set it on a button whose reason a Tooltip gives, such as a Save with no
+changes to save. While the button is disabled, it keeps focus and takes
+hover, and it refuses every press: a click, Enter and Space, and Enter in
+a field of its form. The click does not reach your listeners, and a submit
+button submits nothing. The inner control carries `aria-disabled` in place
+of the native `disabled`, so a screen reader still says it is unavailable.
+The styled button keeps the disabled look.
+
+Leave it unset on a button with no reason to give. A plain disabled button
+leaves the tab order, as a native one does, and a keyboard reader skips a
+stop that does nothing. Set `pending` for the wait after a press. */
+  "focusable-when-disabled"?: (HelixHeadlessCopyButton["focusableWhenDisabled"]) | undefined;
+  /** Whether a disabled button stays in the tab order, so a tooltip around it
+can say why it is disabled.
+
+Set it on a button whose reason a Tooltip gives, such as a Save with no
+changes to save. While the button is disabled, it keeps focus and takes
+hover, and it refuses every press: a click, Enter and Space, and Enter in
+a field of its form. The click does not reach your listeners, and a submit
+button submits nothing. The inner control carries `aria-disabled` in place
+of the native `disabled`, so a screen reader still says it is unavailable.
+The styled button keeps the disabled look.
+
+Leave it unset on a button with no reason to give. A plain disabled button
+leaves the tab order, as a native one does, and a keyboard reader skips a
+stop that does nothing. Set `pending` for the wait after a press. */
+  focusableWhenDisabled?: (HelixHeadlessCopyButton["focusableWhenDisabled"]) | undefined;
   /** Whether the action the button started is still running.
 
 A pending button keeps focus and stays in the tab order, and refuses every
@@ -10514,6 +10770,36 @@ whatever its `type`. Declared here so its own page says what it holds. */
   "prop:value"?: (HelixHeadlessCopyButton["value"]) | undefined;
   /**  */
   "attr:aria-label"?: (string) | undefined;
+  /** Whether a disabled button stays in the tab order, so a tooltip around it
+can say why it is disabled.
+
+Set it on a button whose reason a Tooltip gives, such as a Save with no
+changes to save. While the button is disabled, it keeps focus and takes
+hover, and it refuses every press: a click, Enter and Space, and Enter in
+a field of its form. The click does not reach your listeners, and a submit
+button submits nothing. The inner control carries `aria-disabled` in place
+of the native `disabled`, so a screen reader still says it is unavailable.
+The styled button keeps the disabled look.
+
+Leave it unset on a button with no reason to give. A plain disabled button
+leaves the tab order, as a native one does, and a keyboard reader skips a
+stop that does nothing. Set `pending` for the wait after a press. */
+  "bool:focusable-when-disabled"?: (HelixHeadlessCopyButton["focusableWhenDisabled"]) | undefined;
+  /** Whether a disabled button stays in the tab order, so a tooltip around it
+can say why it is disabled.
+
+Set it on a button whose reason a Tooltip gives, such as a Save with no
+changes to save. While the button is disabled, it keeps focus and takes
+hover, and it refuses every press: a click, Enter and Space, and Enter in
+a field of its form. The click does not reach your listeners, and a submit
+button submits nothing. The inner control carries `aria-disabled` in place
+of the native `disabled`, so a screen reader still says it is unavailable.
+The styled button keeps the disabled look.
+
+Leave it unset on a button with no reason to give. A plain disabled button
+leaves the tab order, as a native one does, and a keyboard reader skips a
+stop that does nothing. Set `pending` for the wait after a press. */
+  "prop:focusableWhenDisabled"?: (HelixHeadlessCopyButton["focusableWhenDisabled"]) | undefined;
   /** Whether the action the button started is still running.
 
 A pending button keeps focus and stays in the tab order, and refuses every
@@ -16346,6 +16632,268 @@ write a function in markup. See the class description. */
   textContent?: (string | number) | undefined;
 };
 
+/** `HelixHeadlessFind` component event */
+export type HelixHeadlessFindElementEvent<E = Event> = TypedEvent<
+  HelixHeadlessFind,
+  E
+>;
+/** `helix-before-close` event type */
+export type HelixHeadlessFindHelixBeforeCloseElementEvent =
+  HelixHeadlessFindElementEvent<HelixBeforeCloseEvent>;
+/** `helix-before-open` event type */
+export type HelixHeadlessFindHelixBeforeOpenElementEvent =
+  HelixHeadlessFindElementEvent<HelixBeforeOpenEvent>;
+/** `helix-found` event type */
+export type HelixHeadlessFindHelixFoundElementEvent =
+  HelixHeadlessFindElementEvent<HelixFoundEvent>;
+/** `toggle` event type */
+export type HelixHeadlessFindToggleElementEvent =
+  HelixHeadlessFindElementEvent<ToggleEvent>;
+
+export type HelixHeadlessFindProps = {
+  /** The close button's label. */
+  "close-label"?: (HelixHeadlessFind["closeLabel"]) | undefined;
+  /** The close button's label. */
+  closeLabel?: (HelixHeadlessFind["closeLabel"]) | undefined;
+  /** The name of the bar's toolbar, read by screen readers. */
+  "controls-label"?: (HelixHeadlessFind["controlsLabel"]) | undefined;
+  /** The name of the bar's toolbar, read by screen readers. */
+  controlsLabel?: (HelixHeadlessFind["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?: (HelixHeadlessFind["for"]) | undefined;
+  /** What the count says when the regular expression cannot be read. */
+  "invalid-label"?: (HelixHeadlessFind["invalidLabel"]) | undefined;
+  /** What the count says when the regular expression cannot be read. */
+  invalidLabel?: (HelixHeadlessFind["invalidLabel"]) | undefined;
+  /** The field's name and placeholder, and the name of the bar. */
+  label?: (HelixHeadlessFind["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"?: (HelixHeadlessFind["matchCase"]) | undefined;
+  /** Whether case has to match, so "Error" does not find "error". The reader turns it on and off from the bar. */
+  matchCase?: (HelixHeadlessFind["matchCase"]) | undefined;
+  /** The match case button's label. */
+  "match-case-label"?: (HelixHeadlessFind["matchCaseLabel"]) | undefined;
+  /** The match case button's label. */
+  matchCaseLabel?: (HelixHeadlessFind["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"?: (HelixHeadlessFind["matchesLabel"]) | undefined;
+  /** What the count says of the matches. `{index}` is the current match,
+counting from 1, and `{count}` how many there are. */
+  matchesLabel?: (HelixHeadlessFind["matchesLabel"]) | undefined;
+  /** The next match button's label. */
+  "next-label"?: (HelixHeadlessFind["nextLabel"]) | undefined;
+  /** The next match button's label. */
+  nextLabel?: (HelixHeadlessFind["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?: (HelixHeadlessFind["options"]) | undefined;
+  /** The previous match button's label. */
+  "previous-label"?: (HelixHeadlessFind["previousLabel"]) | undefined;
+  /** The previous match button's label. */
+  previousLabel?: (HelixHeadlessFind["previousLabel"]) | undefined;
+  /** What the field holds: what the reader typed, or what you set. */
+  query?: (HelixHeadlessFind["query"]) | undefined;
+  /** Hides replacing, for content the reader cannot change. The attribute is `readonly`, the platform's spelling. */
+  readonly?: (HelixHeadlessFind["readOnly"]) | undefined;
+  /** Hides replacing, for content the reader cannot change. The attribute is `readonly`, the platform's spelling. */
+  readOnly?: (HelixHeadlessFind["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?: (HelixHeadlessFind["regex"]) | undefined;
+  /** The regular expression button's label. */
+  "regex-label"?: (HelixHeadlessFind["regexLabel"]) | undefined;
+  /** The regular expression button's label. */
+  regexLabel?: (HelixHeadlessFind["regexLabel"]) | undefined;
+  /** The Replace all button's words. */
+  "replace-all-label"?: (HelixHeadlessFind["replaceAllLabel"]) | undefined;
+  /** The Replace all button's words. */
+  replaceAllLabel?: (HelixHeadlessFind["replaceAllLabel"]) | undefined;
+  /** The replace field's name and placeholder. */
+  "replace-field-label"?: (HelixHeadlessFind["replaceFieldLabel"]) | undefined;
+  /** The replace field's name and placeholder. */
+  replaceFieldLabel?: (HelixHeadlessFind["replaceFieldLabel"]) | undefined;
+  /** The Replace button's words. */
+  "replace-label"?: (HelixHeadlessFind["replaceLabel"]) | undefined;
+  /** The Replace button's words. */
+  replaceLabel?: (HelixHeadlessFind["replaceLabel"]) | undefined;
+  /** What the replace field holds, which Replace puts in place of a match. */
+  replacement?: (HelixHeadlessFind["replacement"]) | undefined;
+  /** The label of the button that shows the replace row. */
+  "replace-toggle-label"?: (HelixHeadlessFind["replaceToggleLabel"]) | undefined;
+  /** The label of the button that shows the replace row. */
+  replaceToggleLabel?: (HelixHeadlessFind["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?: (HelixHeadlessFind["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?: (HelixHeadlessFind["skip"]) | undefined;
+  /** Whether only whole words match. The reader turns it on and off from the bar. */
+  "whole-word"?: (HelixHeadlessFind["wholeWord"]) | undefined;
+  /** Whether only whole words match. The reader turns it on and off from the bar. */
+  wholeWord?: (HelixHeadlessFind["wholeWord"]) | undefined;
+  /** The whole word button's label. */
+  "whole-word-label"?: (HelixHeadlessFind["wholeWordLabel"]) | undefined;
+  /** The whole word button's label. */
+  wholeWordLabel?: (HelixHeadlessFind["wholeWordLabel"]) | undefined;
+  /** Whether the element starts open. Ignored once `open` is written. */
+  "default-open"?: (HelixHeadlessFind["defaultOpen"]) | undefined;
+  /** Whether the element starts open. Ignored once `open` is written. */
+  defaultOpen?: (HelixHeadlessFind["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?: (HelixHeadlessFind["open"]) | undefined;
+
+  /** Fired before the bar closes, and cancelable. */
+  "onhelix-before-close"?: ((
+    e: HelixHeadlessFindHelixBeforeCloseElementEvent,
+  ) => void) | undefined;
+  /** Fired before the bar opens, and cancelable. Canceling it keeps the bar closed. */
+  "onhelix-before-open"?: ((
+    e: HelixHeadlessFindHelixBeforeOpenElementEvent,
+  ) => 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: HelixHeadlessFindHelixFoundElementEvent) => void) | undefined;
+  /** Sent when the bar opens or closes, with `newState` and `oldState`. */
+  ontoggle?: ((e: HelixHeadlessFindToggleElementEvent) => void) | undefined;
+};
+
+export type HelixHeadlessFindSolidJsProps = {
+  /** The close button's label. */
+  "attr:close-label"?: (HelixHeadlessFind["closeLabel"]) | undefined;
+  /** The close button's label. */
+  "prop:closeLabel"?: (HelixHeadlessFind["closeLabel"]) | undefined;
+  /** The name of the bar's toolbar, read by screen readers. */
+  "attr:controls-label"?: (HelixHeadlessFind["controlsLabel"]) | undefined;
+  /** The name of the bar's toolbar, read by screen readers. */
+  "prop:controlsLabel"?: (HelixHeadlessFind["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"?: (HelixHeadlessFind["for"]) | undefined;
+  /** What the count says when the regular expression cannot be read. */
+  "attr:invalid-label"?: (HelixHeadlessFind["invalidLabel"]) | undefined;
+  /** What the count says when the regular expression cannot be read. */
+  "prop:invalidLabel"?: (HelixHeadlessFind["invalidLabel"]) | undefined;
+  /** The field's name and placeholder, and the name of the bar. */
+  "prop:label"?: (HelixHeadlessFind["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"?: (HelixHeadlessFind["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"?: (HelixHeadlessFind["matchCase"]) | undefined;
+  /** The match case button's label. */
+  "attr:match-case-label"?: (HelixHeadlessFind["matchCaseLabel"]) | undefined;
+  /** The match case button's label. */
+  "prop:matchCaseLabel"?: (HelixHeadlessFind["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"?: (HelixHeadlessFind["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"?: (HelixHeadlessFind["matchesLabel"]) | undefined;
+  /** The next match button's label. */
+  "attr:next-label"?: (HelixHeadlessFind["nextLabel"]) | undefined;
+  /** The next match button's label. */
+  "prop:nextLabel"?: (HelixHeadlessFind["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"?: (HelixHeadlessFind["options"]) | undefined;
+  /** The previous match button's label. */
+  "attr:previous-label"?: (HelixHeadlessFind["previousLabel"]) | undefined;
+  /** The previous match button's label. */
+  "prop:previousLabel"?: (HelixHeadlessFind["previousLabel"]) | undefined;
+  /** What the field holds: what the reader typed, or what you set. */
+  "prop:query"?: (HelixHeadlessFind["query"]) | undefined;
+  /** Hides replacing, for content the reader cannot change. The attribute is `readonly`, the platform's spelling. */
+  "bool:readonly"?: (HelixHeadlessFind["readOnly"]) | undefined;
+  /** Hides replacing, for content the reader cannot change. The attribute is `readonly`, the platform's spelling. */
+  "prop:readOnly"?: (HelixHeadlessFind["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"?: (HelixHeadlessFind["regex"]) | undefined;
+  /** The regular expression button's label. */
+  "attr:regex-label"?: (HelixHeadlessFind["regexLabel"]) | undefined;
+  /** The regular expression button's label. */
+  "prop:regexLabel"?: (HelixHeadlessFind["regexLabel"]) | undefined;
+  /** The Replace all button's words. */
+  "attr:replace-all-label"?: (HelixHeadlessFind["replaceAllLabel"]) | undefined;
+  /** The Replace all button's words. */
+  "prop:replaceAllLabel"?: (HelixHeadlessFind["replaceAllLabel"]) | undefined;
+  /** The replace field's name and placeholder. */
+  "attr:replace-field-label"?: (HelixHeadlessFind["replaceFieldLabel"]) | undefined;
+  /** The replace field's name and placeholder. */
+  "prop:replaceFieldLabel"?: (HelixHeadlessFind["replaceFieldLabel"]) | undefined;
+  /** The Replace button's words. */
+  "attr:replace-label"?: (HelixHeadlessFind["replaceLabel"]) | undefined;
+  /** The Replace button's words. */
+  "prop:replaceLabel"?: (HelixHeadlessFind["replaceLabel"]) | undefined;
+  /** What the replace field holds, which Replace puts in place of a match. */
+  "prop:replacement"?: (HelixHeadlessFind["replacement"]) | undefined;
+  /** The label of the button that shows the replace row. */
+  "attr:replace-toggle-label"?: (HelixHeadlessFind["replaceToggleLabel"]) | undefined;
+  /** The label of the button that shows the replace row. */
+  "prop:replaceToggleLabel"?: (HelixHeadlessFind["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"?: (HelixHeadlessFind["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"?: (HelixHeadlessFind["skip"]) | undefined;
+  /** Whether only whole words match. The reader turns it on and off from the bar. */
+  "bool:whole-word"?: (HelixHeadlessFind["wholeWord"]) | undefined;
+  /** Whether only whole words match. The reader turns it on and off from the bar. */
+  "prop:wholeWord"?: (HelixHeadlessFind["wholeWord"]) | undefined;
+  /** The whole word button's label. */
+  "attr:whole-word-label"?: (HelixHeadlessFind["wholeWordLabel"]) | undefined;
+  /** The whole word button's label. */
+  "prop:wholeWordLabel"?: (HelixHeadlessFind["wholeWordLabel"]) | undefined;
+  /** Whether the element starts open. Ignored once `open` is written. */
+  "bool:default-open"?: (HelixHeadlessFind["defaultOpen"]) | undefined;
+  /** Whether the element starts open. Ignored once `open` is written. */
+  "prop:defaultOpen"?: (HelixHeadlessFind["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"?: (HelixHeadlessFind["open"]) | undefined;
+  /** Fired before the bar closes, and cancelable. */
+  "on:helix-before-close"?: ((
+    e: HelixHeadlessFindHelixBeforeCloseElementEvent,
+  ) => void) | undefined;
+  /** Fired before the bar opens, and cancelable. Canceling it keeps the bar closed. */
+  "on:helix-before-open"?: ((
+    e: HelixHeadlessFindHelixBeforeOpenElementEvent,
+  ) => 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: HelixHeadlessFindHelixFoundElementEvent) => void) | undefined;
+  /** Sent when the bar opens or closes, with `newState` and `oldState`. */
+  "on:toggle"?: ((e: HelixHeadlessFindToggleElementEvent) => void) | undefined;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: (string) | undefined;
+  /** Set the textContent of the element */
+  textContent?: (string | number) | undefined;
+};
+
 export type HelixHeadlessFormatDateProps = {
   /** The calendar a date is written in: `gregory`, `buddhist`, `japanese`,
 `roc`, or `iso8601`, or a calendar with months of its own, such as
@@ -18024,6 +18572,36 @@ is the platform's `commandfor`. */
   commandfor?: (HelixHeadlessIconButton["commandFor"]) | undefined;
   /** The id of the element the command is sent to. */
   commandFor?: (HelixHeadlessIconButton["commandFor"]) | undefined;
+  /** Whether a disabled button stays in the tab order, so a tooltip around it
+can say why it is disabled.
+
+Set it on a button whose reason a Tooltip gives, such as a Save with no
+changes to save. While the button is disabled, it keeps focus and takes
+hover, and it refuses every press: a click, Enter and Space, and Enter in
+a field of its form. The click does not reach your listeners, and a submit
+button submits nothing. The inner control carries `aria-disabled` in place
+of the native `disabled`, so a screen reader still says it is unavailable.
+The styled button keeps the disabled look.
+
+Leave it unset on a button with no reason to give. A plain disabled button
+leaves the tab order, as a native one does, and a keyboard reader skips a
+stop that does nothing. Set `pending` for the wait after a press. */
+  "focusable-when-disabled"?: (HelixHeadlessIconButton["focusableWhenDisabled"]) | undefined;
+  /** Whether a disabled button stays in the tab order, so a tooltip around it
+can say why it is disabled.
+
+Set it on a button whose reason a Tooltip gives, such as a Save with no
+changes to save. While the button is disabled, it keeps focus and takes
+hover, and it refuses every press: a click, Enter and Space, and Enter in
+a field of its form. The click does not reach your listeners, and a submit
+button submits nothing. The inner control carries `aria-disabled` in place
+of the native `disabled`, so a screen reader still says it is unavailable.
+The styled button keeps the disabled look.
+
+Leave it unset on a button with no reason to give. A plain disabled button
+leaves the tab order, as a native one does, and a keyboard reader skips a
+stop that does nothing. Set `pending` for the wait after a press. */
+  focusableWhenDisabled?: (HelixHeadlessIconButton["focusableWhenDisabled"]) | undefined;
   /** Where this button's submission goes, overriding the form's own.
 
 **The five `form*` overrides ride on a native submit button that stands in
@@ -18205,6 +18783,36 @@ is the platform's `commandfor`. */
   "attr:commandfor"?: (HelixHeadlessIconButton["commandFor"]) | undefined;
   /** The id of the element the command is sent to. */
   "prop:commandFor"?: (HelixHeadlessIconButton["commandFor"]) | undefined;
+  /** Whether a disabled button stays in the tab order, so a tooltip around it
+can say why it is disabled.
+
+Set it on a button whose reason a Tooltip gives, such as a Save with no
+changes to save. While the button is disabled, it keeps focus and takes
+hover, and it refuses every press: a click, Enter and Space, and Enter in
+a field of its form. The click does not reach your listeners, and a submit
+button submits nothing. The inner control carries `aria-disabled` in place
+of the native `disabled`, so a screen reader still says it is unavailable.
+The styled button keeps the disabled look.
+
+Leave it unset on a button with no reason to give. A plain disabled button
+leaves the tab order, as a native one does, and a keyboard reader skips a
+stop that does nothing. Set `pending` for the wait after a press. */
+  "bool:focusable-when-disabled"?: (HelixHeadlessIconButton["focusableWhenDisabled"]) | undefined;
+  /** Whether a disabled button stays in the tab order, so a tooltip around it
+can say why it is disabled.
+
+Set it on a button whose reason a Tooltip gives, such as a Save with no
+changes to save. While the button is disabled, it keeps focus and takes
+hover, and it refuses every press: a click, Enter and Space, and Enter in
+a field of its form. The click does not reach your listeners, and a submit
+button submits nothing. The inner control carries `aria-disabled` in place
+of the native `disabled`, so a screen reader still says it is unavailable.
+The styled button keeps the disabled look.
+
+Leave it unset on a button with no reason to give. A plain disabled button
+leaves the tab order, as a native one does, and a keyboard reader skips a
+stop that does nothing. Set `pending` for the wait after a press. */
+  "prop:focusableWhenDisabled"?: (HelixHeadlessIconButton["focusableWhenDisabled"]) | undefined;
   /** Where this button's submission goes, overriding the form's own.
 
 **The five `form*` overrides ride on a native submit button that stands in
@@ -18715,6 +19323,10 @@ token.
 Empty leaves the attribute off, which is the browser's default. Set it to
 a token like `email` or `bday` to ask for autofill, or to `off` to refuse. */
   autocomplete?: (HelixHeadlessInput["autocomplete"]) | undefined;
+  /** Whether the browser corrects words as the reader types, as the platform's
+`autocorrect`. Turn it off, with `autocorrect="off"`, for text that is not
+prose, such as an address or a code, which corrections would change. */
+  autocorrect?: (HelixHeadlessInput["autocorrect"]) | undefined;
   /** Whether the field shows a button that empties it.
 
 Shown only while there is something to clear, because a control that does
@@ -18977,6 +19589,10 @@ token.
 Empty leaves the attribute off, which is the browser's default. Set it to
 a token like `email` or `bday` to ask for autofill, or to `off` to refuse. */
   "prop:autocomplete"?: (HelixHeadlessInput["autocomplete"]) | undefined;
+  /** Whether the browser corrects words as the reader types, as the platform's
+`autocorrect`. Turn it off, with `autocorrect="off"`, for text that is not
+prose, such as an address or a code, which corrections would change. */
+  "prop:autocorrect"?: (HelixHeadlessInput["autocorrect"]) | undefined;
   /** Whether the field shows a button that empties it.
 
 Shown only while there is something to clear, because a control that does
@@ -21819,9 +22435,13 @@ stream ends. */
   "dropped-label"?: (HelixHeadlessLog["droppedLabel"]) | undefined;
   /** What the line above the log says once `limit` has let lines go. `{count}` is how many. */
   droppedLabel?: (HelixHeadlessLog["droppedLabel"]) | undefined;
-  /** The text shown and announced when the log has no lines. */
+  /** The text shown and announced when the log has no lines and no steps. A
+step with nothing in it yet, such as one still `pending`, is its heading
+alone, so a log holding one says nothing. */
   "empty-text"?: (HelixHeadlessLog["emptyText"]) | undefined;
-  /** The text shown and announced when the log has no lines. */
+  /** The text shown and announced when the log has no lines and no steps. A
+step with nothing in it yet, such as one still `pending`, is its heading
+alone, so a log holding one says nothing. */
   emptyText?: (HelixHeadlessLog["emptyText"]) | undefined;
   /** What a screen reader hears when lines at `error` arrive. `{count}` is how
 many arrived together and `{text}` is the first of them. */
@@ -21984,9 +22604,13 @@ stream ends. */
   "attr:dropped-label"?: (HelixHeadlessLog["droppedLabel"]) | undefined;
   /** What the line above the log says once `limit` has let lines go. `{count}` is how many. */
   "prop:droppedLabel"?: (HelixHeadlessLog["droppedLabel"]) | undefined;
-  /** The text shown and announced when the log has no lines. */
+  /** The text shown and announced when the log has no lines and no steps. A
+step with nothing in it yet, such as one still `pending`, is its heading
+alone, so a log holding one says nothing. */
   "attr:empty-text"?: (HelixHeadlessLog["emptyText"]) | undefined;
-  /** The text shown and announced when the log has no lines. */
+  /** The text shown and announced when the log has no lines and no steps. A
+step with nothing in it yet, such as one still `pending`, is its heading
+alone, so a log holding one says nothing. */
   "prop:emptyText"?: (HelixHeadlessLog["emptyText"]) | undefined;
   /** What a screen reader hears when lines at `error` arrive. `{count}` is how
 many arrived together and `{text}` is the first of them. */
@@ -24797,6 +25421,43 @@ fair summary of a task and a poor one of a quantity. */
   textContent?: (string | number) | undefined;
 };
 
+export type HelixHeadlessMeterSegmentProps = {
+  /** What the segment is, such as "Tools", which names the slice when a pointer
+rests on it.
+
+Not announced: see the note on a meter's children above. */
+  label?: (HelixHeadlessMeterSegment["label"]) | undefined;
+  /** What the segment means, as it does on a callout. Takes the tone's color in
+place of the next color in the series. */
+  tone?: (HelixHeadlessMeterSegment["tone"]) | undefined;
+  /** How much of the meter's range the segment takes, in the units of the meter's
+`min` and `max`.
+
+A value that is not a number, or is below zero, draws nothing. */
+  value?: (HelixHeadlessMeterSegment["value"]) | undefined;
+};
+
+export type HelixHeadlessMeterSegmentSolidJsProps = {
+  /** What the segment is, such as "Tools", which names the slice when a pointer
+rests on it.
+
+Not announced: see the note on a meter's children above. */
+  "prop:label"?: (HelixHeadlessMeterSegment["label"]) | undefined;
+  /** What the segment means, as it does on a callout. Takes the tone's color in
+place of the next color in the series. */
+  "prop:tone"?: (HelixHeadlessMeterSegment["tone"]) | undefined;
+  /** How much of the meter's range the segment takes, in the units of the meter's
+`min` and `max`.
+
+A value that is not a number, or is below zero, draws nothing. */
+  "prop:value"?: (HelixHeadlessMeterSegment["value"]) | undefined;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: (string) | undefined;
+  /** Set the textContent of the element */
+  textContent?: (string | number) | undefined;
+};
+
 /** `HelixHeadlessMotionToggle` component event */
 export type HelixHeadlessMotionToggleElementEvent<E = Event> = TypedEvent<
   HelixHeadlessMotionToggle,
@@ -31013,13 +31674,42 @@ export type HelixHeadlessSpatialBarChartHelixReadingPressElementEvent =
   HelixHeadlessSpatialBarChartElementEvent<HelixReadingPressEvent>;
 
 export type HelixHeadlessSpatialBarChartProps = {
-  /** Draws no box: no edges, grid, numbers, or names, so the readings stand
-alone and fill the plot, as a picture on a product's own page does. The
+  /** Grows the bars up from the floor the first time the chart comes into
+view with readings, each category a little after the one before it, so
+the drawing arrives the way a page's own picture does. The growth is
+fast at first, slows to rest, and never passes a bar's value.
+
+Under `prefers-reduced-motion`, or where the page has paused its motion
+through `pauseMotion` or `Motion Toggle`, the bars stand at their height
+from the start. A later table draws the bars it already had at their
+height, and grows the bars it adds, each from the floor, so a reading that
+arrives while the chart is in view arrives the same way. */
+  grow?: (HelixHeadlessSpatialBarChart["grow"]) | undefined;
+  /** Grows the bars again each time the chart comes back into view after it
+left it, as a pane does when it is opened again, where `grow` alone grows
+them the first time only. Only a chart that grows takes it.
+
+While it is out of view the bars stand at the floor, so the first frame
+after it returns is the start of the growth and never a flash at full
+height. */
+  "grow-again"?: (HelixHeadlessSpatialBarChart["growAgain"]) | undefined;
+  /** Grows the bars again each time the chart comes back into view after it
+left it, as a pane does when it is opened again, where `grow` alone grows
+them the first time only. Only a chart that grows takes it.
+
+While it is out of view the bars stand at the floor, so the first frame
+after it returns is the start of the growth and never a flash at full
+height. */
+  growAgain?: (HelixHeadlessSpatialBarChart["growAgain"]) | undefined;
+  /** Draws no box: no edges, grid, numbers, or names, and in a `row` no
+floor, so the readings stand alone and fill the plot, as a picture on a
+product's own page does. The
 table, the summary, the tooltip, and the keys still carry every value,
 and a renderer draws no box either. */
   "no-box"?: (HelixHeadlessSpatialBarChart["noBox"]) | undefined;
-  /** Draws no box: no edges, grid, numbers, or names, so the readings stand
-alone and fill the plot, as a picture on a product's own page does. The
+  /** Draws no box: no edges, grid, numbers, or names, and in a `row` no
+floor, so the readings stand alone and fill the plot, as a picture on a
+product's own page does. The
 table, the summary, the tooltip, and the keys still carry every value,
 and a renderer draws no box either. */
   noBox?: (HelixHeadlessSpatialBarChart["noBox"]) | undefined;
@@ -31033,6 +31723,15 @@ and a renderer draws no box either. */
   "plot-label"?: (HelixHeadlessSpatialBarChart["plotLabel"]) | undefined;
   /** The plot's name where the chart has none: no `aria-label`, `label`, or table caption. */
   plotLabel?: (HelixHeadlessSpatialBarChart["plotLabel"]) | undefined;
+  /** Stacks a category's series into one column, each block standing on the
+ones before it, so the column is as tall as the category's total, as a
+flat `Bar Chart` stacks them.
+
+Absent stands the series one behind another in depth. Stacked, every
+series stands in the front row, so none hides another, and the parts of
+one total read together. A negative reading hangs below zero on the
+negatives before it. The scale fits the stacks. */
+  stacked?: (HelixHeadlessSpatialBarChart["stacked"]) | undefined;
   /** The `summary` part's sentence. `{count}`, `{series}`, and `{categories}`
 are the number of bars, series, and categories, written in the locale,
 and `{low}` and `{high}` the lowest and the highest value. */
@@ -31041,6 +31740,38 @@ and `{low}` and `{high}` the lowest and the highest value. */
 are the number of bars, series, and categories, written in the locale,
 and `{low}` and `{high}` the lowest and the highest value. */
   summaryLabel?: (HelixHeadlessSpatialBarChart["summaryLabel"]) | undefined;
+  /** How the bars stand.
+
+Unset, they stand on a grid of categories across and series in depth,
+in a box the camera looks at from a corner, so the grid recedes at an
+angle. `row` lays the categories in a straight line across the page and
+turns each bar to the camera, showing its top and two sides, for one row
+of readings in a small space such as a pane: turning the view turns each
+bar where it stands, and the row stays level. It is the chart's own
+drawing that lays the row: a renderer connected through
+`@fusion.dev/helix-plot` stands the bars on the grid.
+
+`diagonal` is the same row climbing to the right as it recedes, each
+place a step further back than the one before, as a row of days on a
+product's page is drawn: the row rises one part in five across the page
+from any turn, and its floor and names climb with it. A row whose bars
+have a size climbs at most a quarter of the plot's height, so the bars
+of a long row keep theirs.
+
+**A row draws its floor in place of a box**: each place as an outline a
+little wider than its bar, and each category's name under it, as many
+names as fit without touching. A name whose bar names a tone is written
+first, in that tone. `no-box` leaves the floor and the names out.
+
+**A `column-gap` on the `fallback` part gives a row's bars one width**,
+which the styled tier sets from `--spatial-bar-chart-bar-size`: one bar
+stands as wide as each of twenty, the row is as long as its bars and
+centered, the tallest bar stands as high as the plot has room for and
+no taller than the row is long and a quarter again, so one bar stands
+as a block, and `fits` says how many bars the plot holds, so a page
+can give it the latest of a longer table. It is read when the plot's
+size changes. */
+  variant?: (HelixHeadlessSpatialBarChart["variant"]) | undefined;
   /** The words shown in place of the drawing when the table has no readings,
 and the fallback of the `empty` slot. */
   "empty-text"?: (HelixHeadlessSpatialBarChart["emptyText"]) | undefined;
@@ -31186,13 +31917,42 @@ does not look inside the one it has. */
 };
 
 export type HelixHeadlessSpatialBarChartSolidJsProps = {
-  /** Draws no box: no edges, grid, numbers, or names, so the readings stand
-alone and fill the plot, as a picture on a product's own page does. The
+  /** Grows the bars up from the floor the first time the chart comes into
+view with readings, each category a little after the one before it, so
+the drawing arrives the way a page's own picture does. The growth is
+fast at first, slows to rest, and never passes a bar's value.
+
+Under `prefers-reduced-motion`, or where the page has paused its motion
+through `pauseMotion` or `Motion Toggle`, the bars stand at their height
+from the start. A later table draws the bars it already had at their
+height, and grows the bars it adds, each from the floor, so a reading that
+arrives while the chart is in view arrives the same way. */
+  "prop:grow"?: (HelixHeadlessSpatialBarChart["grow"]) | undefined;
+  /** Grows the bars again each time the chart comes back into view after it
+left it, as a pane does when it is opened again, where `grow` alone grows
+them the first time only. Only a chart that grows takes it.
+
+While it is out of view the bars stand at the floor, so the first frame
+after it returns is the start of the growth and never a flash at full
+height. */
+  "bool:grow-again"?: (HelixHeadlessSpatialBarChart["growAgain"]) | undefined;
+  /** Grows the bars again each time the chart comes back into view after it
+left it, as a pane does when it is opened again, where `grow` alone grows
+them the first time only. Only a chart that grows takes it.
+
+While it is out of view the bars stand at the floor, so the first frame
+after it returns is the start of the growth and never a flash at full
+height. */
+  "prop:growAgain"?: (HelixHeadlessSpatialBarChart["growAgain"]) | undefined;
+  /** Draws no box: no edges, grid, numbers, or names, and in a `row` no
+floor, so the readings stand alone and fill the plot, as a picture on a
+product's own page does. The
 table, the summary, the tooltip, and the keys still carry every value,
 and a renderer draws no box either. */
   "bool:no-box"?: (HelixHeadlessSpatialBarChart["noBox"]) | undefined;
-  /** Draws no box: no edges, grid, numbers, or names, so the readings stand
-alone and fill the plot, as a picture on a product's own page does. The
+  /** Draws no box: no edges, grid, numbers, or names, and in a `row` no
+floor, so the readings stand alone and fill the plot, as a picture on a
+product's own page does. The
 table, the summary, the tooltip, and the keys still carry every value,
 and a renderer draws no box either. */
   "prop:noBox"?: (HelixHeadlessSpatialBarChart["noBox"]) | undefined;
@@ -31206,6 +31966,15 @@ and a renderer draws no box either. */
   "attr:plot-label"?: (HelixHeadlessSpatialBarChart["plotLabel"]) | undefined;
   /** The plot's name where the chart has none: no `aria-label`, `label`, or table caption. */
   "prop:plotLabel"?: (HelixHeadlessSpatialBarChart["plotLabel"]) | undefined;
+  /** Stacks a category's series into one column, each block standing on the
+ones before it, so the column is as tall as the category's total, as a
+flat `Bar Chart` stacks them.
+
+Absent stands the series one behind another in depth. Stacked, every
+series stands in the front row, so none hides another, and the parts of
+one total read together. A negative reading hangs below zero on the
+negatives before it. The scale fits the stacks. */
+  "prop:stacked"?: (HelixHeadlessSpatialBarChart["stacked"]) | undefined;
   /** The `summary` part's sentence. `{count}`, `{series}`, and `{categories}`
 are the number of bars, series, and categories, written in the locale,
 and `{low}` and `{high}` the lowest and the highest value. */
@@ -31214,6 +31983,38 @@ and `{low}` and `{high}` the lowest and the highest value. */
 are the number of bars, series, and categories, written in the locale,
 and `{low}` and `{high}` the lowest and the highest value. */
   "prop:summaryLabel"?: (HelixHeadlessSpatialBarChart["summaryLabel"]) | undefined;
+  /** How the bars stand.
+
+Unset, they stand on a grid of categories across and series in depth,
+in a box the camera looks at from a corner, so the grid recedes at an
+angle. `row` lays the categories in a straight line across the page and
+turns each bar to the camera, showing its top and two sides, for one row
+of readings in a small space such as a pane: turning the view turns each
+bar where it stands, and the row stays level. It is the chart's own
+drawing that lays the row: a renderer connected through
+`@fusion.dev/helix-plot` stands the bars on the grid.
+
+`diagonal` is the same row climbing to the right as it recedes, each
+place a step further back than the one before, as a row of days on a
+product's page is drawn: the row rises one part in five across the page
+from any turn, and its floor and names climb with it. A row whose bars
+have a size climbs at most a quarter of the plot's height, so the bars
+of a long row keep theirs.
+
+**A row draws its floor in place of a box**: each place as an outline a
+little wider than its bar, and each category's name under it, as many
+names as fit without touching. A name whose bar names a tone is written
+first, in that tone. `no-box` leaves the floor and the names out.
+
+**A `column-gap` on the `fallback` part gives a row's bars one width**,
+which the styled tier sets from `--spatial-bar-chart-bar-size`: one bar
+stands as wide as each of twenty, the row is as long as its bars and
+centered, the tallest bar stands as high as the plot has room for and
+no taller than the row is long and a quarter again, so one bar stands
+as a block, and `fits` says how many bars the plot holds, so a page
+can give it the latest of a longer table. It is read when the plot's
+size changes. */
+  "prop:variant"?: (HelixHeadlessSpatialBarChart["variant"]) | undefined;
   /** The words shown in place of the drawing when the table has no readings,
 and the fallback of the `empty` slot. */
   "attr:empty-text"?: (HelixHeadlessSpatialBarChart["emptyText"]) | undefined;
@@ -36339,6 +37140,9 @@ export type HelixHeadlessTerminalElementEvent<E = Event> = TypedEvent<
 /** `helix-copy` event type */
 export type HelixHeadlessTerminalHelixCopyElementEvent =
   HelixHeadlessTerminalElementEvent<HelixCopyEvent>;
+/** `helix-found` event type */
+export type HelixHeadlessTerminalHelixFoundElementEvent =
+  HelixHeadlessTerminalElementEvent<HelixFoundEvent>;
 /** `helix-terminal-bell` event type */
 export type HelixHeadlessTerminalHelixTerminalBellElementEvent =
   HelixHeadlessTerminalElementEvent<HelixTerminalBellEvent>;
@@ -36505,6 +37309,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: HelixHeadlessTerminalHelixCopyElementEvent) => 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: HelixHeadlessTerminalHelixFoundElementEvent) => void) | undefined;
   /** The program rang the bell. The frame flashes once. */
   "onhelix-terminal-bell"?: ((
     e: HelixHeadlessTerminalHelixTerminalBellElementEvent,
@@ -36677,6 +37483,8 @@ write. Connect it to a setting your reader can turn on. */
   "prop:tabTypesLabel"?: (HelixHeadlessTerminal["tabTypesLabel"]) | undefined;
   /** The copy control or its key put the selection on the clipboard. */
   "on:helix-copy"?: ((e: HelixHeadlessTerminalHelixCopyElementEvent) => 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: HelixHeadlessTerminalHelixFoundElementEvent) => void) | undefined;
   /** The program rang the bell. The frame flashes once. */
   "on:helix-terminal-bell"?: ((
     e: HelixHeadlessTerminalHelixTerminalBellElementEvent,
@@ -44718,7 +45526,7 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * - `(default)`: The step's label. Without an `href`, you can slot your own anchor here. Give it `data-link="quiet"`, because a slotted anchor belongs to the outer tree and the crumb's styles cannot reach it.
    * - `end`: Content after the label and outside the link, such as a switcher's menu trigger, a count, or a mark. It can hold a control, and it is not read as part of the link's accessible name.
-   * - `separator`: Replaces the chevron shown before this item.
+   * - `separator`: Replaces the mark shown before this item, a chevron or the trail's `separator`.
    * - `start`: Content before the label, such as an icon.
    *
    * ## CSS Parts
@@ -44729,7 +45537,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `fold-separator`: The chevron before that button.
    * - `link`: The crumb itself, which is an `<a>` where `href` is set.
    * - `separator`: The separator preceding the item.
-   * - `separator-mark`: The chevron between crumbs, shown when no separator is slotted.
+   * - `separator-mark`: The chevron between crumbs, or the slash under the trail's `separator="slash"`, shown when no separator is slotted.
    *
    * ## CSS States
    *
@@ -44793,6 +45601,18 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `max-items`/`maxItems`: The most crumbs a trail drawn from `items` shows before it folds its middle
    * into one, counting the first and the last. Unset, it never folds. At least
    * 2, so the first crumb and the current page always show.
+   * - `separator`: The mark between one crumb and the next, for the whole trail. Unset is a
+   * chevron; `slash` is a slash, as a path or a repository and its branch is
+   * written.
+   *
+   * **On the trail rather than on each crumb**, because the marks are one
+   * decision: a trail whose separators differ from crumb to crumb is a
+   * mistake, and a trail drawn from `items` has no crumb of yours to set it
+   * on. A crumb's own `separator` slot still replaces its mark, for the rare
+   * crumb that needs something else.
+   *
+   * Optional and reflected, per the rule that a reflected property takes no
+   * default, so a stylesheet can select on it.
    * - `items`: The trail as data, drawn as crumbs before any you slot. The last item is the
    * current page.
    *
@@ -44836,7 +45656,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `crumb-fold-separator`: The chevron before that button.
    * - `crumb-link`: The link, or the current page's words, of a crumb drawn from `items`.
    * - `crumb-separator`: The separator before a crumb drawn from `items`.
-   * - `crumb-separator-mark`: The chevron before a crumb drawn from `items`.
+   * - `crumb-separator-mark`: The chevron, or the slash under `separator="slash"`, before a crumb drawn from `items`.
    * - `expand`: The button in the folded crumb that shows the whole trail.
    * - `list`: The ordered list.
    *
@@ -45039,6 +45859,10 @@ export type CustomElements<F extends Framework = "other"> = {
    * Set `pending` while the action a press started is still running. The button
    * keeps focus and refuses presses, and a reader on it hears `pending-label`.
    *
+   * Set `focusable-when-disabled` on a disabled button whose reason a Tooltip
+   * gives. It stays in the tab order and takes hover, so the tooltip opens, and
+   * it refuses every press.
+   *
    * Every press that acts sends `helix-press` with what pressed it in
    * `detail.pointerType`: `mouse`, `pen`, `touch`, `keyboard`, or `virtual` for
    * a screen reader's press or a script's `click()`, as React Aria's `onPress`
@@ -45068,6 +45892,20 @@ export type CustomElements<F extends Framework = "other"> = {
    * name to derive one rather than dash-casing it, and what a consumer writes
    * is the platform's `commandfor`.
    * - `commandfor`/`commandFor`: The id of the element the command is sent to.
+   * - `focusable-when-disabled`/`focusableWhenDisabled`: Whether a disabled button stays in the tab order, so a tooltip around it
+   * can say why it is disabled.
+   *
+   * Set it on a button whose reason a Tooltip gives, such as a Save with no
+   * changes to save. While the button is disabled, it keeps focus and takes
+   * hover, and it refuses every press: a click, Enter and Space, and Enter in
+   * a field of its form. The click does not reach your listeners, and a submit
+   * button submits nothing. The inner control carries `aria-disabled` in place
+   * of the native `disabled`, so a screen reader still says it is unavailable.
+   * The styled button keeps the disabled look.
+   *
+   * Leave it unset on a button with no reason to give. A plain disabled button
+   * leaves the tab order, as a native one does, and a keyboard reader skips a
+   * stop that does nothing. Set `pending` for the wait after a press.
    * - `formaction`/`formAction`: Where this button's submission goes, overriding the form's own.
    *
    * **The five `form*` overrides ride on a native submit button that stands in
@@ -46203,6 +47041,16 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `pan-up-spinner`: The ring `pan-up` turns while it is pending.
    * - `pan-up-text`: The box `pan-up`'s glyph sits in.
    * - `region`: The named region the board is drawn in.
+   * - `tooltip-arrow`: The arrow of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-arrow-bottom`: The arrow while the bubble is below its button, on the bubble's top edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-left`: The arrow while the bubble is left of its button, on the bubble's right edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-right`: The arrow while the bubble is right of its button, on the bubble's left edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-top`: The arrow while the bubble is above its button, on the bubble's bottom edge. Set together with `tooltip-arrow`.
+   * - `tooltip-surface`: The bubble of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-surface-bottom`: The bubble while it is below its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-left`: The bubble while it is left of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-right`: The bubble while it is right of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-top`: The bubble while it is above its button. Set together with `tooltip-surface`.
    * - `viewport`: The box the board is drawn inside.
    * - `zoom-in`: The button that zooms in.
    * - `zoom-in-button`: `zoom-in`'s inner button.
@@ -46656,8 +47504,8 @@ export type CustomElements<F extends Framework = "other"> = {
 
   /**
    * The composer is a separate element so you can replace it. If you need
-   * attachments, slash commands, or a model picker, replace the composer and keep
-   * the transcript.
+   * slash commands or a layout of your own, replace the composer and keep the
+   * transcript.
    *
    * By default, Enter sends and Shift+Enter starts a new line, the convention in
    * messaging apps. Document editors mostly use the opposite, so `submit-on`
@@ -46697,10 +47545,41 @@ export type CustomElements<F extends Framework = "other"> = {
    * `typing-timeout` milliseconds. Pass it on to show "is typing" to the other
    * side.
    *
+   * **`busy` says a reply is on its way**, and turns the send button into a
+   * stop button, named by `stop-label`, that sends `helix-stop`. The field
+   * stays open so the reader can write the next turn, and Enter does not send
+   * it until `busy` is cleared. With `queue`, Enter sends while `busy` too, for
+   * a page that holds a turn until the reply ends or hands it to the reply
+   * under way; the button stays the stop button.
+   *
+   * **The `idle` slot takes the send button's place while there is nothing to
+   * send**: the field is empty, `attached` is not set, and no reply is on its
+   * way. Put the action an empty draft offers there, such as a button that
+   * starts a voice conversation. The send button comes back as soon as there
+   * is a draft. Where focus was on the one that goes, it moves to the one that
+   * comes, so a keyboard reader stays in the same place.
+   *
+   * **What the draft carries goes in `attachments`**, inside the box and above
+   * the field, such as thumbnails of attached images and cards for attached
+   * files. The region takes no room while nothing is in it. A press on its
+   * empty space keeps the reader in the field, and a press on a control in it,
+   * such as a button that removes an attachment, goes to that control. Set
+   * `attached` as well, so the send button shows for a draft with no text.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `attached`: Whether the draft holds something besides its text, such as an attached
+   * file. The draft then counts as one though the field is empty, so the
+   * send button shows in place of the `idle` slot.
+   * - `busy`: Whether a reply is on its way. While set, the send button is a stop
+   * button that sends `helix-stop`, and the draft does not send.
+   *
+   * **The same button rather than one beside it**, because sending and
+   * stopping are never both possible: while a reply is on its way there is
+   * nothing to send to, and the place the reader's eye goes to act is the
+   * place that can act. The field stays open for the next turn.
    * - `feedback`: A message about the draft, shown under the field. While set, the composer
    * is invalid, does not send, and does not submit, as a field's `feedback`
    * does, and the message is announced as it appears.
@@ -46709,12 +47588,28 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `minlength`/`minLength`: The fewest characters a draft can have, once the reader has written in
    * the field, as on a `<textarea>`.
    * - `placeholder`: Placeholder text shown in an empty field.
+   * - `queue`: Whether Enter sends while `busy`, for a page that queues the turn or
+   * hands it to the reply under way.
+   *
+   * Off by default, because a page that does neither would drop the turn: it
+   * has nowhere to put a message while a reply is coming. The button stays
+   * the stop button either way, since stopping is still the one thing it
+   * should do while a reply is on its way.
    * - `required`: Whether the form needs a draft to submit. An empty draft never sends,
    * required or not.
    * - `rows`: How many rows the field opens at.
    *
    * It grows from there.
+   * - `send-disabled`/`sendDisabled`: Whether the draft waits to be sent, such as while an attachment is still
+   * read. The send button is unavailable and Enter does not send, while the
+   * field stays open. The stop button shown while `busy` still stops.
    * - `send-label`/`sendLabel`: Label for the send button.
+   * - `send-reason`/`sendReason`: Why the draft waits, such as "Reading photo.jpg", shown in a tooltip on
+   * the send button while `send-disabled` is set. The button then stays in
+   * the tab order and takes the pointer, with `aria-disabled` in place of
+   * `disabled`, so the reason can be reached by keyboard and by pointer, as
+   * Button's `focusable-when-disabled` does. A press still sends nothing.
+   * - `stop-label`/`stopLabel`: Label for the stop button shown while `busy`.
    * - `submit-on`/`submitOn`: What sends the turn: `enter` for the Enter key, or `button` for the send
    * button only.
    *
@@ -46759,6 +47654,22 @@ export type CustomElements<F extends Framework = "other"> = {
    * imperatively later, and nothing is hydrating by then.
    *
    * Here rather than on each control.
+   * - `placeholders`: Examples the empty field shows in turn, in place of `placeholder`, such
+   * as tasks a reader might ask for. Each shows for 6.5 seconds, and a longer
+   * one shows longer, up to 10 seconds.
+   *
+   * **Each is the field's placeholder in its turn**, so a screen reader that
+   * reaches the field hears the one showing. The swap runs through
+   * `:state(example-leaving)`, as one example leaves, and
+   * `:state(example-entering)`, as the next arrives.
+   *
+   * **They move only while nobody is about to write, and while the reader
+   * can see them.** An empty field without focus moves on. Focus or text
+   * holds the example showing, and an example already leaving finishes its
+   * turn. A composer scrolled out of view holds its example, and the example
+   * gets its full time again when the composer comes back. Where the reader
+   * asked for less motion, or the page paused its motion, the first example
+   * stays. (property only)
    * - `typing`: Whether the user is writing: true from their first keystroke until they
    * send, clear the field, or pause for `typing-timeout` milliseconds. (property only) (readonly)
    * - `speechEngine`: The engine this field listens through, in place of the one
@@ -46797,6 +47708,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `helix-before-listen`: The dictation button was pressed. Cancelable: cancel it to keep the composer from listening.
    * - `helix-listen`: Dictation settled on a phrase and put it in the draft, after the draft's own `input`.
    * - `helix-send`: Fired when the user sends their turn, and cancelable.
+   * - `helix-stop`: Fired when the user presses the stop button, shown in place of the send button while `busy` is set.
    * - `helix-typing`: The user started or stopped writing, with `typing` saying which, as the composer's `typing` does.
    * - `input`: The user changed the text. Read it from `value`, for a typing indicator or a saved draft. Bubbles and is composed, as a native field's is.
    *
@@ -46804,7 +47716,9 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * Areas where markup can be added to the component.
    *
+   * - `attachments`: What the draft carries, such as images or files, inside the box and above the field.
    * - `end`: Content under the field, beside the send button.
+   * - `idle`: A control shown in place of the send button while the draft is empty and no reply is on its way, such as a button that starts a voice conversation.
    * - `start`: Content under the field at the leading edge, such as an attachment button or a model picker.
    *
    * ## Methods
@@ -46870,12 +47784,24 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `attachments`: The box around the `attachments` slot, above the field. It is hidden while the slot is empty.
    * - `composer`: The whole composer.
    * - `end`: The box around the `end` slot.
    * - `feedback`: The `feedback` message, under the field while it is set.
    * - `field`: The text field.
-   * - `mark`: The icon inside the send button.
-   * - `send`: The send button.
+   * - `idle`: The box around the `idle` slot, shown in the send button's place while the draft is empty.
+   * - `mark`: The icon inside the send button, a return key, or a square while `busy`.
+   * - `reason-arrow`: The arrow of the bubble that says `send-reason`, forwarded from `Tooltip`.
+   * - `reason-arrow-bottom`: The arrow while the bubble is below the send button, on the bubble's top edge. Set together with `reason-arrow`.
+   * - `reason-arrow-left`: The arrow while the bubble is left of the send button, on the bubble's right edge. Set together with `reason-arrow`.
+   * - `reason-arrow-right`: The arrow while the bubble is right of the send button, on the bubble's left edge. Set together with `reason-arrow`.
+   * - `reason-arrow-top`: The arrow while the bubble is above the send button, on the bubble's bottom edge. Set together with `reason-arrow`.
+   * - `reason-surface`: The bubble that says `send-reason` over the send button, forwarded from `Tooltip`.
+   * - `reason-surface-bottom`: The bubble while it is below the send button. Set together with `reason-surface`.
+   * - `reason-surface-left`: The bubble while it is left of the send button. Set together with `reason-surface`.
+   * - `reason-surface-right`: The bubble while it is right of the send button. Set together with `reason-surface`.
+   * - `reason-surface-top`: The bubble while it is above the send button. Set together with `reason-surface`.
+   * - `send`: The send button, which is the stop button while `busy`.
    * - `start`: The box around the `start` slot.
    * - `tools`: The row under the field.
    * - `voice`: The dictation button, under `voice`, before the send button.
@@ -46886,6 +47812,8 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `example-entering`: The example in the empty field has just replaced the one before it, for an entrance. It holds for 350 milliseconds. See `placeholders`.
+   * - `example-leaving`: The example in the empty field is giving way to the next one, for an exit. It holds for 250 milliseconds, and the next example becomes the placeholder 100 milliseconds in, so the two can cross. See `placeholders`.
    * - `invalid`: The draft fails `required`, `minlength`, `maxlength`, or a custom error, and the reader has tried to send or submit it, or edited the field and left it. Or `feedback` is set.
    * - `listening`: While the composer listens for dictation. The element sets `--dictation-level` on itself meanwhile, from 0 to 1, for a meter.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -46912,6 +47840,11 @@ export type CustomElements<F extends Framework = "other"> = {
    * a page in another language sets them once there. The time moves on by
    * itself, so "now" becomes "1 minute ago" while the page is open.
    *
+   * **What a turn carries goes in `attachments`**, above the bubble rather
+   * in it: a picture inside a tinted bubble is framed twice, and one sent with
+   * no words is an empty bubble around it. It sits against the same edge as the
+   * turn, and the words keep their bubble under it.
+   *
    * **An agent's work goes in `work`, and its answer in the content.** The work,
    * its thinking, the commands it ran and what they printed, is a record read
    * the way a log is, so a `Log` with `separation="plain"` and `quiet` sits there
@@ -46983,6 +47916,7 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * - `(default)`: The turn's content.
    * - `actions`: Controls for the turn, such as copy, retry, or react.
+   * - `attachments`: What the turn carries, such as images or files, above its content and outside the bubble, against the author's edge.
    * - `avatar`: The author's avatar.
    * - `indicator`: The indicator shown before the first token arrives. Defaults to the typing indicator.
    * - `sources`: The turn's sources, such as citations, documents, or a retrieved page.
@@ -46993,6 +47927,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * Custom selectors for styling elements within the component.
    *
    * - `actions`: The controls on the turn, beside its time.
+   * - `attachments`: The box around the `attachments` slot, above the content and outside the bubble.
    * - `avatar`: The box around the `avatar` slot.
    * - `body`: The content and the line under it.
    * - `content`: Your own markup.
@@ -47254,6 +48189,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `log`: The transcript, which scrolls. On this tier, it needs only a block size.
    * - `message`: The message drawn for a turn from `turns`, forwarded whole.
    * - `message-actions`: The controls on a turn from `turns`, beside its time.
+   * - `message-attachments`: The attachments above the bubble of a turn from `turns`.
    * - `message-avatar`: The avatar box of a turn from `turns`.
    * - `message-avatar-mine`: The avatar box of a turn from `turns` by `me`.
    * - `message-body`: The content of a turn from `turns`, and the line under it.
@@ -48289,6 +49225,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
@@ -48381,9 +49318,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.
@@ -48393,10 +49330,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.
@@ -48412,18 +49350,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.
@@ -48432,17 +49386,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.
    *
@@ -48453,7 +49396,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-headless-code-editor": Partial<
@@ -50425,6 +51367,20 @@ export type CustomElements<F extends Framework = "other"> = {
    * It replaces `Button.value`, the submit value: a copy button never submits,
    * whatever its `type`. Declared here so its own page says what it holds.
    * - `aria-label`/`undefined`: undefined
+   * - `focusable-when-disabled`/`focusableWhenDisabled`: Whether a disabled button stays in the tab order, so a tooltip around it
+   * can say why it is disabled.
+   *
+   * Set it on a button whose reason a Tooltip gives, such as a Save with no
+   * changes to save. While the button is disabled, it keeps focus and takes
+   * hover, and it refuses every press: a click, Enter and Space, and Enter in
+   * a field of its form. The click does not reach your listeners, and a submit
+   * button submits nothing. The inner control carries `aria-disabled` in place
+   * of the native `disabled`, so a screen reader still says it is unavailable.
+   * The styled button keeps the disabled look.
+   *
+   * Leave it unset on a button with no reason to give. A plain disabled button
+   * leaves the tab order, as a native one does, and a keyboard reader skips a
+   * stop that does nothing. Set `pending` for the wait after a press.
    * - `pending`: Whether the action the button started is still running.
    *
    * A pending button keeps focus and stays in the tab order, and refuses every
@@ -52504,6 +53460,16 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `screenshot-live`: The screenshot button's live region, which speaks while the button is pending.
    * - `screenshot-spinner`: The ring the screenshot button turns while it is pending.
    * - `screenshot-text`: The box the screenshot button's icon sits in.
+   * - `tooltip-arrow`: The arrow of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-arrow-bottom`: The arrow while the bubble is below its button, on the bubble's top edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-left`: The arrow while the bubble is left of its button, on the bubble's right edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-right`: The arrow while the bubble is right of its button, on the bubble's left edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-top`: The arrow while the bubble is above its button, on the bubble's bottom edge. Set together with `tooltip-arrow`.
+   * - `tooltip-surface`: The bubble of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-surface-bottom`: The bubble while it is below its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-left`: The bubble while it is left of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-right`: The bubble while it is right of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-top`: The bubble while it is above its button. Set together with `tooltip-surface`.
    * - `touch`: A ring where a touch is or was.
    * - `touch-held`: A ring under a finger that is down, beside `touch`, with `show-touches`.
    * - `volume-down`: The Volume down button.
@@ -55108,6 +56074,223 @@ export type CustomElements<F extends Framework = "other"> = {
       BaseEvents<HelixHeadlessFilterInput>
   >;
 
+  /**
+   * Searches the content `for` names, by id, and marks every match, with the
+   * current one marked apart. The count says which match is current and how many
+   * there are. Find opens with Command+F, or Control+F on Windows and Linux,
+   * while the reader is in that content or in the bar. Everywhere else on the
+   * page, the key opens the browser's own find. `shortcut` changes the key, and
+   * empty turns it off.
+   *
+   * The match case, whole word, and regular expression options are drawn in the
+   * bar. `options` names the ones it draws. Text that is not shown is not
+   * searched, nor text under `inert` or `aria-hidden="true"`, nor what `skip`
+   * matches. Text under `hidden="until-found"` and in a closed `<details>` is
+   * searched, and opened when its match becomes current, as the browser's find
+   * opens it: an Accordion section opens. A match is scrolled into the middle of
+   * what scrolls it unless it is already in sight. While Find is open, a change
+   * to the content searches again once the content is still.
+   *
+   * Content drawn some other way, such as a terminal's grid, an editor's
+   * document, or rows of a list that are not all in the page, is searched by a
+   * finder the page attaches with `attach(finder)`. Terminal and Code Editor
+   * draw a Find of their own, which searches through their renderer. Find offers
+   * replacing to a finder that can replace, unless `readonly` is set.
+   *
+   * The bar is a search landmark named by `label`. The count is said in a live
+   * region as it changes.
+   *
+   * **Keyboard.** In the field, Enter moves to the next match and Shift+Enter to
+   * the previous one. Escape closes the bar from anywhere in it, and focus
+   * returns to where it was before the bar opened. The find key pressed again
+   * moves focus to the field and selects what it holds. In the replace field,
+   * Enter replaces the current match, and Command+Enter or Control+Enter
+   * replaces every match.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `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.
+   * - `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.
+   * - `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-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.
+   * - `toggle`: Sent when the bar opens or closes, with `newState` and `oldState`.
+   *
+   * ## 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.
+   *
+   * - `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.
+   * - `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.
+   *
+   * ## 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-headless-find": Partial<
+    HelixHeadlessFindProps & BaseProps<HelixHeadlessFind, F> & BaseEvents<HelixHeadlessFind>
+  >;
+
   /**
    * Formats a date with `Intl` where it is shown, so you do not write the same
    * `Intl` call and options in your own code.
@@ -55675,6 +56858,16 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `settling`: What is said while a layout runs unseen, where the reader asked for less motion or the page paused its motion, over the hidden drawing.
    * - `stage`: The drawing and its controls.
    * - `stop-layout`: The button that stops a layout that has run past five seconds, where the notes stand.
+   * - `tooltip-arrow`: The arrow of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-arrow-bottom`: The arrow while the bubble is below its button, on the bubble's top edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-left`: The arrow while the bubble is left of its button, on the bubble's right edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-right`: The arrow while the bubble is right of its button, on the bubble's left edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-top`: The arrow while the bubble is above its button, on the bubble's bottom edge. Set together with `tooltip-arrow`.
+   * - `tooltip-surface`: The bubble of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-surface-bottom`: The bubble while it is below its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-left`: The bubble while it is left of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-right`: The bubble while it is right of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-top`: The bubble while it is above its button. Set together with `tooltip-surface`.
    * - `viewport`: The box the renderer draws in.
    * - `zoom-in`: The zoom in button.
    * - `zoom-in-button`: `zoom-in`'s inner button.
@@ -56177,6 +57370,20 @@ export type CustomElements<F extends Framework = "other"> = {
    * name to derive one rather than dash-casing it, and what a consumer writes
    * is the platform's `commandfor`.
    * - `commandfor`/`commandFor`: The id of the element the command is sent to.
+   * - `focusable-when-disabled`/`focusableWhenDisabled`: Whether a disabled button stays in the tab order, so a tooltip around it
+   * can say why it is disabled.
+   *
+   * Set it on a button whose reason a Tooltip gives, such as a Save with no
+   * changes to save. While the button is disabled, it keeps focus and takes
+   * hover, and it refuses every press: a click, Enter and Space, and Enter in
+   * a field of its form. The click does not reach your listeners, and a submit
+   * button submits nothing. The inner control carries `aria-disabled` in place
+   * of the native `disabled`, so a screen reader still says it is unavailable.
+   * The styled button keeps the disabled look.
+   *
+   * Leave it unset on a button with no reason to give. A plain disabled button
+   * leaves the tab order, as a native one does, and a keyboard reader skips a
+   * stop that does nothing. Set `pending` for the wait after a press.
    * - `formaction`/`formAction`: Where this button's submission goes, overriding the form's own.
    *
    * **The five `form*` overrides ride on a native submit button that stands in
@@ -56753,6 +57960,9 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * Empty leaves the attribute off, which is the browser's default. Set it to
    * a token like `email` or `bday` to ask for autofill, or to `off` to refuse.
+   * - `autocorrect`: Whether the browser corrects words as the reader types, as the platform's
+   * `autocorrect`. Turn it off, with `autocorrect="off"`, for text that is not
+   * prose, such as an address or a code, which corrections would change.
    * - `clearable`: Whether the field shows a button that empties it.
    *
    * Shown only while there is something to clear, because a control that does
@@ -57415,7 +58625,8 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * Set `controls` for the viewer's own previous, next and close controls, named
    * by `previous-label`, `next-label` and `dismiss-label`, whose glyphs you can
-   * replace in the `previous-icon`, `next-icon` and `dismiss-icon` slots. Without
+   * replace in the `previous-icon`, `next-icon` and `dismiss-icon` slots. A set
+   * of one item has nothing to step to, so it draws no previous, next or counter. Without
    * it, compose the chrome yourself in the `header` and `footer` slots, with
    * buttons that send `--previous`, `--next` and `--close`.
    *
@@ -59045,7 +60256,9 @@ export type CustomElements<F extends Framework = "other"> = {
    * the heading, as you write it, such as `12s`.
    *
    * A group starts shut. Write `default-open` on the step a reader should see,
-   * such as the one that failed.
+   * such as the one that failed. A shut group's lines are hidden until found:
+   * the browser's find and Find search them, and the group opens on the one
+   * that holds the match, unless `helix-before-open` is canceled.
    *
    * ## Attributes & Properties
    *
@@ -59123,7 +60336,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.
@@ -59134,7 +60347,9 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `empty`: The group holds nothing to show, so opening it shows nothing.
    * - `open`: The group shows its lines.
+   * - `steps`: The group holds steps of its own, which a stylesheet draws as a tree.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-log-group": Partial<
@@ -59322,7 +60537,9 @@ export type CustomElements<F extends Framework = "other"> = {
    * stream ends.
    * - `done-label`/`doneLabel`: What a screen reader hears when the run is over.
    * - `dropped-label`/`droppedLabel`: What the line above the log says once `limit` has let lines go. `{count}` is how many.
-   * - `empty-text`/`emptyText`: The text shown and announced when the log has no lines.
+   * - `empty-text`/`emptyText`: The text shown and announced when the log has no lines and no steps. A
+   * step with nothing in it yet, such as one still `pending`, is its heading
+   * alone, so a log holding one says nothing.
    * - `error-label`/`errorLabel`: What a screen reader hears when lines at `error` arrive. `{count}` is how
    * many arrived together and `{text}` is the first of them.
    * - `fallback-label`/`fallbackLabel`: The log's name, read by screen readers, where `label` is empty.
@@ -59480,7 +60697,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `after`: The space the rows below the drawn ones would take. Only for lines drawn from data.
    * - `before`: The space the rows above the drawn ones would take. Only for lines drawn from data.
    * - `dropped`: The line above the log that says how many earlier lines `limit` let go.
-   * - `empty`: Shown when the log has no lines.
+   * - `empty`: Shown when the log has no lines and no steps.
    * - `group-content`: Not drawn: a group drawn from data stands for its heading, and its lines are rows beside it.
    * - `group-duration`: How long a step drawn from `groups` took.
    * - `group-heading`: The heading of a step drawn from `groups`.
@@ -59526,7 +60743,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `done`: The run is over: `done` is set, or `source` ended.
-   * - `empty`: The log has no lines.
+   * - `empty`: The log has no lines and no steps.
    * - `filtered`: `query` or `level` is set, so only the lines they keep are shown.
    * - `pinned`: The log follows its newest line.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -60476,6 +61693,16 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `tilt-live`: `tilt`'s live region, which speaks while it is pending.
    * - `tilt-spinner`: The ring `tilt` turns while it is pending.
    * - `tilt-text`: The box `tilt`'s glyph sits in.
+   * - `tooltip-arrow`: The arrow of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-arrow-bottom`: The arrow while the bubble is below its button, on the bubble's top edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-left`: The arrow while the bubble is left of its button, on the bubble's right edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-right`: The arrow while the bubble is right of its button, on the bubble's left edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-top`: The arrow while the bubble is above its button, on the bubble's bottom edge. Set together with `tooltip-arrow`.
+   * - `tooltip-surface`: The bubble of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-surface-bottom`: The bubble while it is below its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-left`: The bubble while it is left of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-right`: The bubble while it is right of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-top`: The bubble while it is above its button. Set together with `tooltip-surface`.
    * - `viewport`: The box the map is drawn in.
    * - `zoom-in`: The button that zooms in.
    * - `zoom-in-button`: `zoom-in`'s inner button.
@@ -61520,6 +62747,7 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `start`: A row in the section has content before its label, so every row in it keeps the leading column. The menu decides it for each section, apart from the rows outside one.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-menu-section": Partial<
@@ -61529,7 +62757,9 @@ export type CustomElements<F extends Framework = "other"> = {
   >;
 
   /**
-   * A meter shows a level within a range. Use `Progress` to show how far along a
+   * A meter shows a level within a range, or how the level divides: write
+   * `Meter.Segment` inside it for each part of the whole, and the meter measures
+   * their sum. Use `Progress` to show how far along a
    * task is. A progress bar starts empty and ends full, and full is always the
    * good end. For a meter, which end is good depends on what is measured. There
    * is no `indeterminate`, because a meter always has a value.
@@ -61689,6 +62919,7 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * Areas where markup can be added to the component.
    *
+   * - `(default)`: `Meter.Segment` elements, one for each share of the whole, drawn in the bar.
    * - `label`: A visible label. Its words name the meter in place of `label`.
    *
    * ## CSS Custom Properties
@@ -61698,6 +62929,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `--meter-along`: Where a bound sits on the arc, as a length along it.
    * - `--meter-at`: Where a bound sits on a linear track, as a percentage.
    * - `--meter-fraction`: The value as a fraction of the range, 0 to 1.
+   * - `--meter-span`: How much the range holds, `max` less `min`, which a segment divides its own value by to find its width.
    * - `--meter-sweep`: How much of the circle the arc covers, as a path length.
    *
    * ## CSS Parts
@@ -61731,6 +62963,89 @@ export type CustomElements<F extends Framework = "other"> = {
     HelixHeadlessMeterProps & BaseProps<HelixHeadlessMeter, F> & BaseEvents<HelixHeadlessMeter>
   >;
 
+  /**
+   * A segment says how much of the range one part of the whole takes, such as the
+   * tokens a model's context holds for its tools, against the tokens it holds for
+   * the conversation. Write one for each part inside a `Meter`.
+   *
+   * **The meter's reading is the sum of its segments.** `value` on the meter is
+   * ignored while it has any, so the two cannot disagree, and the bands, the ticks
+   * and the reading answer to the total. A segment is drawn as wide as its `value`
+   * is of the meter's range, so segments that add up to less than the range leave
+   * the rest of the track empty, and ones that add up to more are cut at the end.
+   *
+   * **A meter's children are presentational to a screen reader**, so a segment
+   * reaches no one that cannot see the bar. Say the breakdown in text beside it,
+   * such as a list with the name and the amount of each part, which is also where a
+   * reader finds the exact figures.
+   *
+   * A segment draws only in the bar. A meter in `ring` or `arc` draws its total.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `label`: What the segment is, such as "Tools", which names the slice when a pointer
+   * rests on it.
+   *
+   * Not announced: see the note on a meter's children above.
+   * - `tone`: What the segment means, as it does on a callout. Takes the tone's color in
+   * place of the next color in the series.
+   * - `value`: How much of the meter's range the segment takes, in the units of the meter's
+   * `min` and `max`.
+   *
+   * A value that is not a number, or is below zero, draws nothing.
+   * - `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)
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: Nothing. A segment draws its share and has no content.
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--meter-segment-value`: How much of the range the segment takes, in the meter's own units.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `fill`: The slice of the bar the segment takes.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-headless-meter-segment": Partial<
+    HelixHeadlessMeterSegmentProps &
+      BaseProps<HelixHeadlessMeterSegment, F> &
+      BaseEvents<HelixHeadlessMeterSegment>
+  >;
+
   /**
    * WCAG 2.2.2 asks that motion which starts by itself and runs longer than
    * five seconds can be paused. **This is one control for the whole page**: a
@@ -66055,6 +67370,11 @@ export type CustomElements<F extends Framework = "other"> = {
    * scrollbar, the browser's or the component's, and clips what is past it.
    * Leave it unset to scroll both ways.
    *
+   * **A mask on the viewport also masks the browser's scrollbar.** While a
+   * scrollbar takes room beside the content, the viewport carries its size in
+   * `--scroll-area-gutter-inline-end` or `--scroll-area-gutter-block-end`, so a
+   * mask can leave that room opaque. The styled tier's fades use them.
+   *
    * The viewport's `scroll` and `scrollend` are sent again from the host, which
    * is the element you hold. A thumb dragged across the content sends one
    * `scrollend`, once it is let go. In React, bind them with `onScroll` and
@@ -66134,6 +67454,8 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--scroll-area-gutter-block-end`: The room the browser's horizontal scrollbar takes at the block end of the viewport, in pixels. Written on the `viewport` part while that scrollbar takes room, and absent while it draws over the content.
+   * - `--scroll-area-gutter-inline-end`: The room the browser's vertical scrollbar takes at the inline end of the viewport, in pixels. Written on the `viewport` part while that scrollbar takes room, and absent while it draws over the content.
    * - `--scroll-area-scroll-fraction`: How far along its axis the content is scrolled, from 0 at the start to 1 at the end. Written on each `scrollbar` part, so its thumb inherits it. Counted from the right on a right-to-left page.
    * - `--scroll-area-thumb-fraction`: The share of the track the thumb covers, from 0 to 1, which is how much of the content is in view. Written on each `scrollbar` part.
    *
@@ -66142,7 +67464,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * Custom selectors for styling elements within the component.
    *
    * - `corner`: The square where the two scrollbars meet, under `scrollbars`. Hidden unless both are drawn.
-   * - `edges`: The layer that draws the cues on the inline start and end edges.
+   * - `edges`: The layer over the viewport. The styled tier draws the focus ring on it, and the painted fades at the inline start and end.
    * - `scrollbar`: Each scrollbar, under `scrollbars`. Hidden on an axis that has none.
    * - `scrollbar-horizontal`: The scrollbar along the inline axis, alongside `scrollbar`.
    * - `scrollbar-vertical`: The scrollbar along the block axis, alongside `scrollbar`.
@@ -67405,6 +68727,11 @@ export type CustomElements<F extends Framework = "other"> = {
    * depth, each as tall as its value from zero and colored by its series, so
    * one series is a single row of bars and several make a block of them.
    *
+   * **A cell's `data-tone` colors its own bar and writes its value above it**,
+   * such as `data-tone="primary"` on the one reading a chart is about, as on
+   * `Bar Chart`. The value is the cell's own text. Without a tone, a bar takes
+   * its series' color.
+   *
    * **The flat `Bar Chart` is read more exactly.** Measured, a reader judges
    * a 3D bar's value less closely than a flat one's, and a bar can stand
    * behind another. Use this one where the shape across two sets of names
@@ -67453,16 +68780,73 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `no-box`/`noBox`: Draws no box: no edges, grid, numbers, or names, so the readings stand
-   * alone and fill the plot, as a picture on a product's own page does. The
+   * - `grow`: Grows the bars up from the floor the first time the chart comes into
+   * view with readings, each category a little after the one before it, so
+   * the drawing arrives the way a page's own picture does. The growth is
+   * fast at first, slows to rest, and never passes a bar's value.
+   *
+   * Under `prefers-reduced-motion`, or where the page has paused its motion
+   * through `pauseMotion` or `Motion Toggle`, the bars stand at their height
+   * from the start. A later table draws the bars it already had at their
+   * height, and grows the bars it adds, each from the floor, so a reading that
+   * arrives while the chart is in view arrives the same way.
+   * - `grow-again`/`growAgain`: Grows the bars again each time the chart comes back into view after it
+   * left it, as a pane does when it is opened again, where `grow` alone grows
+   * them the first time only. Only a chart that grows takes it.
+   *
+   * While it is out of view the bars stand at the floor, so the first frame
+   * after it returns is the start of the growth and never a flash at full
+   * height.
+   * - `no-box`/`noBox`: Draws no box: no edges, grid, numbers, or names, and in a `row` no
+   * floor, so the readings stand alone and fill the plot, as a picture on a
+   * product's own page does. The
    * table, the summary, the tooltip, and the keys still carry every value,
    * and a renderer draws no box either.
    * - `open-label`/`openLabel`: What the readout says for a place with no value. `{category}` and
    * `{series}` name the place.
    * - `plot-label`/`plotLabel`: The plot's name where the chart has none: no `aria-label`, `label`, or table caption.
+   * - `stacked`: Stacks a category's series into one column, each block standing on the
+   * ones before it, so the column is as tall as the category's total, as a
+   * flat `Bar Chart` stacks them.
+   *
+   * Absent stands the series one behind another in depth. Stacked, every
+   * series stands in the front row, so none hides another, and the parts of
+   * one total read together. A negative reading hangs below zero on the
+   * negatives before it. The scale fits the stacks.
    * - `summary-label`/`summaryLabel`: The `summary` part's sentence. `{count}`, `{series}`, and `{categories}`
    * are the number of bars, series, and categories, written in the locale,
    * and `{low}` and `{high}` the lowest and the highest value.
+   * - `variant`: How the bars stand.
+   *
+   * Unset, they stand on a grid of categories across and series in depth,
+   * in a box the camera looks at from a corner, so the grid recedes at an
+   * angle. `row` lays the categories in a straight line across the page and
+   * turns each bar to the camera, showing its top and two sides, for one row
+   * of readings in a small space such as a pane: turning the view turns each
+   * bar where it stands, and the row stays level. It is the chart's own
+   * drawing that lays the row: a renderer connected through
+   * `@fusion.dev/helix-plot` stands the bars on the grid.
+   *
+   * `diagonal` is the same row climbing to the right as it recedes, each
+   * place a step further back than the one before, as a row of days on a
+   * product's page is drawn: the row rises one part in five across the page
+   * from any turn, and its floor and names climb with it. A row whose bars
+   * have a size climbs at most a quarter of the plot's height, so the bars
+   * of a long row keep theirs.
+   *
+   * **A row draws its floor in place of a box**: each place as an outline a
+   * little wider than its bar, and each category's name under it, as many
+   * names as fit without touching. A name whose bar names a tone is written
+   * first, in that tone. `no-box` leaves the floor and the names out.
+   *
+   * **A `column-gap` on the `fallback` part gives a row's bars one width**,
+   * which the styled tier sets from `--spatial-bar-chart-bar-size`: one bar
+   * stands as wide as each of twenty, the row is as long as its bars and
+   * centered, the tallest bar stands as high as the plot has room for and
+   * no taller than the row is long and a quarter again, so one bar stands
+   * as a block, and `fits` says how many bars the plot holds, so a page
+   * can give it the latest of a longer table. It is read when the plot's
+   * size changes.
    * - `empty-text`/`emptyText`: The words shown in place of the drawing when the table has no readings,
    * and the fallback of the `empty` slot.
    * - `loading`: Whether the readings are still on their way. The chart shows
@@ -67523,6 +68907,11 @@ export type CustomElements<F extends Framework = "other"> = {
    * column a series.** A renderer reads it. (property only) (readonly)
    * - `active`: The bar the keys or the pointer rest on, as its place in `field.cells`, or `-1`. (property only) (readonly)
    * - `readings`: The number of places on the grid, which the keys walk. (property only) (readonly)
+   * - `fits`: How many categories a `row` or a `diagonal` has room for across the
+   * plot at its bar size, measured as it is read, or
+   * `undefined` where there is no row, no bar size, or nothing drawn to
+   * measure. A page with a longer table gives the chart its latest that
+   * many rows, and says so. (property only) (readonly)
    * - `sounding`: Whether the chart is playing as sound now. (property only) (readonly)
    * - `data`: The readings as data, in the shape of a table, where the page has no
    * table to point `for` at. `for` wins where both are set.
@@ -67654,7 +69043,14 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--spatial-bar-chart-shade`: How far a bar's face turns from the light, from 0 for its top. The component writes it on each face, and the stylesheet that shades the face reads it.
+   * - `--spatial-bar-chart-shade -How far a bar's face turns from the light, from 0 for its top. The component writes it on each face, and the stylesheet that shades the face reads it.`: undefined
+   * - `--spatial-bar-chart-tone-accent`: The color of a bar whose cell says `data-tone="accent"`.
+   * - `--spatial-bar-chart-tone-danger`: The color of a bar whose cell says `data-tone="danger"`.
+   * - `--spatial-bar-chart-tone-info`: The color of a bar whose cell says `data-tone="info"`.
+   * - `--spatial-bar-chart-tone-muted`: The color of a bar whose cell says `data-tone="muted"`.
+   * - `--spatial-bar-chart-tone-primary`: The color of a bar whose cell says `data-tone="primary"`. A tone with no property of its own falls back to the bar's series color, and the same holds for a name you define.
+   * - `--spatial-bar-chart-tone-success`: The color of a bar whose cell says `data-tone="success"`.
+   * - `--spatial-bar-chart-tone-warning`: The color of a bar whose cell says `data-tone="warning"`.
    *
    * ## CSS Parts
    *
@@ -67667,6 +69063,8 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `empty`: The words when the table has no readings: the `empty` slot, falling back to `empty-text`.
    * - `face`: One face of a bar the view shows, shaded by which way it faces.
    * - `fallback`: The box the chart's own drawing fills, shown until a renderer has drawn and where none is connected. Hidden from screen readers.
+   * - `floor`: One place on the floor of a `row`, under a bar or where one would stand, drawn as its outline.
+   * - `glow`: The outline of a bar whose cell names a tone, blurred by 8 CSS pixels and painted under the bar, with no fill until a stylesheet gives it one: a soft glow in the bar's tone.
    * - `grid`: The box's edges and its grid, in the chart's own drawing.
    * - `live`: The readout: a polite live region that says the bar the keys moved to. Hide it visually.
    * - `loading`: The words while `loading` is set and there are no readings.
@@ -67678,7 +69076,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `summary`: The number of bars, series, and categories, and the range of values, written as a sentence for screen readers, which describes the plot. Hide it visually.
    * - `table`: The readings as a table, for a screen reader, rendered only where they were drawn from `data`, a page of them at a time past a few hundred. Hide it visually.
    * - `table-pages`: Which readings a page of the `table` holds, and the buttons that show the previous and the next page, rendered only while it holds a page. Hide it visually.
-   * - `tick`: A category's or a series' name, or a value at a tick, along its edge of the box, in the chart's own drawing.
+   * - `tick`: A category's or a series' name, or a value at a tick, along its edge of the box, or a category's name under its place in a `row`, in the chart's own drawing.
    * - `tooltip-anchor`: The `Tooltip` element itself.
    * - `tooltip-arrow`: The bubble's point, forwarded from `Tooltip`.
    * - `tooltip-arrow-bottom`: The point while the bubble is below the reading, on its top edge. Set alongside `tooltip-arrow`.
@@ -67695,6 +69093,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `tooltip-surface-right`: The bubble while it is right of the reading. Set alongside `tooltip-surface`.
    * - `tooltip-surface-top`: The bubble while it is above the reading. Set alongside `tooltip-surface`.
    * - `tooltip-value`: A column's value inside the tooltip.
+   * - `value`: The value of a bar whose cell names a tone, written above it in the chart's own drawing.
    *
    * ## CSS States
    *
@@ -71669,6 +73068,10 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * A tab with `dismissible` can be closed: see `Tabs.Tab`.
    *
+   * **Panels are optional.** A set with none is a strip whose tabs stand for
+   * something the page shows elsewhere: the keys, the selection, `active` and
+   * `helix-activate` work the same, and no tab names a panel it controls.
+   *
    * The `indicator` part moves to the selected tab and carries its place and
    * size, so a mark of your own can be drawn there: style the part, or slot an
    * element into `indicator`, which sits inside the part and reads the same
@@ -71901,6 +73304,7 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * - `dismiss`: The mark a pointer presses to close a `dismissible` tab.
    * - `dismiss-mark`: The glyph on that mark, where none is slotted.
+   * - `label`: The slot the tab's label is in.
    * - `tab`: The tab itself.
    *
    * ## CSS States
@@ -72131,7 +73535,7 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * - `(default)`: The tag's label.
    * - `dismiss-icon`: Replaces the glyph on the remove button.
-   * - `start`: The category the label belongs to, shown before it in a heavier weight.
+   * - `start`: The category the label belongs to, shown before it in a heavier weight, or an icon.
    *
    * ## Methods
    *
@@ -72280,6 +73684,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.
@@ -72380,23 +73785,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.
@@ -72412,13 +73817,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.
@@ -72436,6 +73862,16 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `restart-spinner`: The ring the Restart button turns while it is pending.
    * - `restart-text`: The Restart button's label.
    * - `status`: The line under the terminal that says the process exited, or that Tab moves focus.
+   * - `tooltip-arrow`: The arrow of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-arrow-bottom`: The arrow while the bubble is below its button, on the bubble's top edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-left`: The arrow while the bubble is left of its button, on the bubble's right edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-right`: The arrow while the bubble is right of its button, on the bubble's left edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-top`: The arrow while the bubble is above its button, on the bubble's bottom edge. Set together with `tooltip-arrow`.
+   * - `tooltip-surface`: The bubble of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-surface-bottom`: The bubble while it is below its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-left`: The bubble while it is left of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-right`: The bubble while it is right of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-top`: The bubble while it is above its button. Set together with `tooltip-surface`.
    * - `viewport`: The box the terminal is drawn in.
    *
    * ## CSS States
@@ -74755,7 +76191,10 @@ export type CustomElements<F extends Framework = "other"> = {
    * The toolbar is one tab stop, and the arrow keys move between its controls, so
    * three toolbars take three presses of Tab to pass. Any element the browser can
    * focus counts as a control, including your own elements. A child that takes no
-   * focus, such as a divider, is skipped. A menu is reached at its trigger.
+   * focus, such as a divider, is skipped. A menu is reached at its trigger. A
+   * disabled control is skipped too, except a Button with
+   * `focusable-when-disabled`, which the arrows still reach so its tooltip can
+   * say why it is disabled.
    *
    * A Divider in the toolbar is a separator across the toolbar's axis, as React
    * Aria's is: vertical in a horizontal toolbar and horizontal in a vertical
@@ -75509,6 +76948,10 @@ export type CustomElements<F extends Framework = "other"> = {
    * A `disabled` item is reached by the arrow keys and announced as unavailable,
    * and a press, Enter or Space on it does nothing.
    *
+   * A closed branch's children are hidden until found: the browser's find and
+   * Find search them, and the branch opens on the one that holds the match,
+   * unless `helix-before-open` is canceled.
+   *
    * A `lazy` item is a branch whose children you load when it opens: opening it
    * sends `helix-load`, the row says it is busy, and the children you add appear
    * in it. Remove `lazy` once they are in.
@@ -79171,7 +80614,7 @@ export type CustomElementsSolidJs = {
    *
    * - `(default)`: The step's label. Without an `href`, you can slot your own anchor here. Give it `data-link="quiet"`, because a slotted anchor belongs to the outer tree and the crumb's styles cannot reach it.
    * - `end`: Content after the label and outside the link, such as a switcher's menu trigger, a count, or a mark. It can hold a control, and it is not read as part of the link's accessible name.
-   * - `separator`: Replaces the chevron shown before this item.
+   * - `separator`: Replaces the mark shown before this item, a chevron or the trail's `separator`.
    * - `start`: Content before the label, such as an icon.
    *
    * ## CSS Parts
@@ -79182,7 +80625,7 @@ export type CustomElementsSolidJs = {
    * - `fold-separator`: The chevron before that button.
    * - `link`: The crumb itself, which is an `<a>` where `href` is set.
    * - `separator`: The separator preceding the item.
-   * - `separator-mark`: The chevron between crumbs, shown when no separator is slotted.
+   * - `separator-mark`: The chevron between crumbs, or the slash under the trail's `separator="slash"`, shown when no separator is slotted.
    *
    * ## CSS States
    *
@@ -79247,6 +80690,18 @@ export type CustomElementsSolidJs = {
    * - `max-items`/`maxItems`: The most crumbs a trail drawn from `items` shows before it folds its middle
    * into one, counting the first and the last. Unset, it never folds. At least
    * 2, so the first crumb and the current page always show.
+   * - `separator`: The mark between one crumb and the next, for the whole trail. Unset is a
+   * chevron; `slash` is a slash, as a path or a repository and its branch is
+   * written.
+   *
+   * **On the trail rather than on each crumb**, because the marks are one
+   * decision: a trail whose separators differ from crumb to crumb is a
+   * mistake, and a trail drawn from `items` has no crumb of yours to set it
+   * on. A crumb's own `separator` slot still replaces its mark, for the rare
+   * crumb that needs something else.
+   *
+   * Optional and reflected, per the rule that a reflected property takes no
+   * default, so a stylesheet can select on it.
    * - `items`: The trail as data, drawn as crumbs before any you slot. The last item is the
    * current page.
    *
@@ -79290,7 +80745,7 @@ export type CustomElementsSolidJs = {
    * - `crumb-fold-separator`: The chevron before that button.
    * - `crumb-link`: The link, or the current page's words, of a crumb drawn from `items`.
    * - `crumb-separator`: The separator before a crumb drawn from `items`.
-   * - `crumb-separator-mark`: The chevron before a crumb drawn from `items`.
+   * - `crumb-separator-mark`: The chevron, or the slash under `separator="slash"`, before a crumb drawn from `items`.
    * - `expand`: The button in the folded crumb that shows the whole trail.
    * - `list`: The ordered list.
    *
@@ -79495,6 +80950,10 @@ export type CustomElementsSolidJs = {
    * Set `pending` while the action a press started is still running. The button
    * keeps focus and refuses presses, and a reader on it hears `pending-label`.
    *
+   * Set `focusable-when-disabled` on a disabled button whose reason a Tooltip
+   * gives. It stays in the tab order and takes hover, so the tooltip opens, and
+   * it refuses every press.
+   *
    * Every press that acts sends `helix-press` with what pressed it in
    * `detail.pointerType`: `mouse`, `pen`, `touch`, `keyboard`, or `virtual` for
    * a screen reader's press or a script's `click()`, as React Aria's `onPress`
@@ -79524,6 +80983,20 @@ export type CustomElementsSolidJs = {
    * name to derive one rather than dash-casing it, and what a consumer writes
    * is the platform's `commandfor`.
    * - `commandfor`/`commandFor`: The id of the element the command is sent to.
+   * - `focusable-when-disabled`/`focusableWhenDisabled`: Whether a disabled button stays in the tab order, so a tooltip around it
+   * can say why it is disabled.
+   *
+   * Set it on a button whose reason a Tooltip gives, such as a Save with no
+   * changes to save. While the button is disabled, it keeps focus and takes
+   * hover, and it refuses every press: a click, Enter and Space, and Enter in
+   * a field of its form. The click does not reach your listeners, and a submit
+   * button submits nothing. The inner control carries `aria-disabled` in place
+   * of the native `disabled`, so a screen reader still says it is unavailable.
+   * The styled button keeps the disabled look.
+   *
+   * Leave it unset on a button with no reason to give. A plain disabled button
+   * leaves the tab order, as a native one does, and a keyboard reader skips a
+   * stop that does nothing. Set `pending` for the wait after a press.
    * - `formaction`/`formAction`: Where this button's submission goes, overriding the form's own.
    *
    * **The five `form*` overrides ride on a native submit button that stands in
@@ -80667,6 +82140,16 @@ export type CustomElementsSolidJs = {
    * - `pan-up-spinner`: The ring `pan-up` turns while it is pending.
    * - `pan-up-text`: The box `pan-up`'s glyph sits in.
    * - `region`: The named region the board is drawn in.
+   * - `tooltip-arrow`: The arrow of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-arrow-bottom`: The arrow while the bubble is below its button, on the bubble's top edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-left`: The arrow while the bubble is left of its button, on the bubble's right edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-right`: The arrow while the bubble is right of its button, on the bubble's left edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-top`: The arrow while the bubble is above its button, on the bubble's bottom edge. Set together with `tooltip-arrow`.
+   * - `tooltip-surface`: The bubble of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-surface-bottom`: The bubble while it is below its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-left`: The bubble while it is left of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-right`: The bubble while it is right of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-top`: The bubble while it is above its button. Set together with `tooltip-surface`.
    * - `viewport`: The box the board is drawn inside.
    * - `zoom-in`: The button that zooms in.
    * - `zoom-in-button`: `zoom-in`'s inner button.
@@ -81129,8 +82612,8 @@ export type CustomElementsSolidJs = {
 
   /**
    * The composer is a separate element so you can replace it. If you need
-   * attachments, slash commands, or a model picker, replace the composer and keep
-   * the transcript.
+   * slash commands or a layout of your own, replace the composer and keep the
+   * transcript.
    *
    * By default, Enter sends and Shift+Enter starts a new line, the convention in
    * messaging apps. Document editors mostly use the opposite, so `submit-on`
@@ -81170,10 +82653,41 @@ export type CustomElementsSolidJs = {
    * `typing-timeout` milliseconds. Pass it on to show "is typing" to the other
    * side.
    *
+   * **`busy` says a reply is on its way**, and turns the send button into a
+   * stop button, named by `stop-label`, that sends `helix-stop`. The field
+   * stays open so the reader can write the next turn, and Enter does not send
+   * it until `busy` is cleared. With `queue`, Enter sends while `busy` too, for
+   * a page that holds a turn until the reply ends or hands it to the reply
+   * under way; the button stays the stop button.
+   *
+   * **The `idle` slot takes the send button's place while there is nothing to
+   * send**: the field is empty, `attached` is not set, and no reply is on its
+   * way. Put the action an empty draft offers there, such as a button that
+   * starts a voice conversation. The send button comes back as soon as there
+   * is a draft. Where focus was on the one that goes, it moves to the one that
+   * comes, so a keyboard reader stays in the same place.
+   *
+   * **What the draft carries goes in `attachments`**, inside the box and above
+   * the field, such as thumbnails of attached images and cards for attached
+   * files. The region takes no room while nothing is in it. A press on its
+   * empty space keeps the reader in the field, and a press on a control in it,
+   * such as a button that removes an attachment, goes to that control. Set
+   * `attached` as well, so the send button shows for a draft with no text.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `attached`: Whether the draft holds something besides its text, such as an attached
+   * file. The draft then counts as one though the field is empty, so the
+   * send button shows in place of the `idle` slot.
+   * - `busy`: Whether a reply is on its way. While set, the send button is a stop
+   * button that sends `helix-stop`, and the draft does not send.
+   *
+   * **The same button rather than one beside it**, because sending and
+   * stopping are never both possible: while a reply is on its way there is
+   * nothing to send to, and the place the reader's eye goes to act is the
+   * place that can act. The field stays open for the next turn.
    * - `feedback`: A message about the draft, shown under the field. While set, the composer
    * is invalid, does not send, and does not submit, as a field's `feedback`
    * does, and the message is announced as it appears.
@@ -81182,12 +82696,28 @@ export type CustomElementsSolidJs = {
    * - `minlength`/`minLength`: The fewest characters a draft can have, once the reader has written in
    * the field, as on a `<textarea>`.
    * - `placeholder`: Placeholder text shown in an empty field.
+   * - `queue`: Whether Enter sends while `busy`, for a page that queues the turn or
+   * hands it to the reply under way.
+   *
+   * Off by default, because a page that does neither would drop the turn: it
+   * has nowhere to put a message while a reply is coming. The button stays
+   * the stop button either way, since stopping is still the one thing it
+   * should do while a reply is on its way.
    * - `required`: Whether the form needs a draft to submit. An empty draft never sends,
    * required or not.
    * - `rows`: How many rows the field opens at.
    *
    * It grows from there.
+   * - `send-disabled`/`sendDisabled`: Whether the draft waits to be sent, such as while an attachment is still
+   * read. The send button is unavailable and Enter does not send, while the
+   * field stays open. The stop button shown while `busy` still stops.
    * - `send-label`/`sendLabel`: Label for the send button.
+   * - `send-reason`/`sendReason`: Why the draft waits, such as "Reading photo.jpg", shown in a tooltip on
+   * the send button while `send-disabled` is set. The button then stays in
+   * the tab order and takes the pointer, with `aria-disabled` in place of
+   * `disabled`, so the reason can be reached by keyboard and by pointer, as
+   * Button's `focusable-when-disabled` does. A press still sends nothing.
+   * - `stop-label`/`stopLabel`: Label for the stop button shown while `busy`.
    * - `submit-on`/`submitOn`: What sends the turn: `enter` for the Enter key, or `button` for the send
    * button only.
    *
@@ -81232,6 +82762,22 @@ export type CustomElementsSolidJs = {
    * imperatively later, and nothing is hydrating by then.
    *
    * Here rather than on each control.
+   * - `placeholders`: Examples the empty field shows in turn, in place of `placeholder`, such
+   * as tasks a reader might ask for. Each shows for 6.5 seconds, and a longer
+   * one shows longer, up to 10 seconds.
+   *
+   * **Each is the field's placeholder in its turn**, so a screen reader that
+   * reaches the field hears the one showing. The swap runs through
+   * `:state(example-leaving)`, as one example leaves, and
+   * `:state(example-entering)`, as the next arrives.
+   *
+   * **They move only while nobody is about to write, and while the reader
+   * can see them.** An empty field without focus moves on. Focus or text
+   * holds the example showing, and an example already leaving finishes its
+   * turn. A composer scrolled out of view holds its example, and the example
+   * gets its full time again when the composer comes back. Where the reader
+   * asked for less motion, or the page paused its motion, the first example
+   * stays. (property only)
    * - `typing`: Whether the user is writing: true from their first keystroke until they
    * send, clear the field, or pause for `typing-timeout` milliseconds. (property only) (readonly)
    * - `speechEngine`: The engine this field listens through, in place of the one
@@ -81270,6 +82816,7 @@ export type CustomElementsSolidJs = {
    * - `helix-before-listen`: The dictation button was pressed. Cancelable: cancel it to keep the composer from listening.
    * - `helix-listen`: Dictation settled on a phrase and put it in the draft, after the draft's own `input`.
    * - `helix-send`: Fired when the user sends their turn, and cancelable.
+   * - `helix-stop`: Fired when the user presses the stop button, shown in place of the send button while `busy` is set.
    * - `helix-typing`: The user started or stopped writing, with `typing` saying which, as the composer's `typing` does.
    * - `input`: The user changed the text. Read it from `value`, for a typing indicator or a saved draft. Bubbles and is composed, as a native field's is.
    *
@@ -81277,7 +82824,9 @@ export type CustomElementsSolidJs = {
    *
    * Areas where markup can be added to the component.
    *
+   * - `attachments`: What the draft carries, such as images or files, inside the box and above the field.
    * - `end`: Content under the field, beside the send button.
+   * - `idle`: A control shown in place of the send button while the draft is empty and no reply is on its way, such as a button that starts a voice conversation.
    * - `start`: Content under the field at the leading edge, such as an attachment button or a model picker.
    *
    * ## Methods
@@ -81343,12 +82892,24 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `attachments`: The box around the `attachments` slot, above the field. It is hidden while the slot is empty.
    * - `composer`: The whole composer.
    * - `end`: The box around the `end` slot.
    * - `feedback`: The `feedback` message, under the field while it is set.
    * - `field`: The text field.
-   * - `mark`: The icon inside the send button.
-   * - `send`: The send button.
+   * - `idle`: The box around the `idle` slot, shown in the send button's place while the draft is empty.
+   * - `mark`: The icon inside the send button, a return key, or a square while `busy`.
+   * - `reason-arrow`: The arrow of the bubble that says `send-reason`, forwarded from `Tooltip`.
+   * - `reason-arrow-bottom`: The arrow while the bubble is below the send button, on the bubble's top edge. Set together with `reason-arrow`.
+   * - `reason-arrow-left`: The arrow while the bubble is left of the send button, on the bubble's right edge. Set together with `reason-arrow`.
+   * - `reason-arrow-right`: The arrow while the bubble is right of the send button, on the bubble's left edge. Set together with `reason-arrow`.
+   * - `reason-arrow-top`: The arrow while the bubble is above the send button, on the bubble's bottom edge. Set together with `reason-arrow`.
+   * - `reason-surface`: The bubble that says `send-reason` over the send button, forwarded from `Tooltip`.
+   * - `reason-surface-bottom`: The bubble while it is below the send button. Set together with `reason-surface`.
+   * - `reason-surface-left`: The bubble while it is left of the send button. Set together with `reason-surface`.
+   * - `reason-surface-right`: The bubble while it is right of the send button. Set together with `reason-surface`.
+   * - `reason-surface-top`: The bubble while it is above the send button. Set together with `reason-surface`.
+   * - `send`: The send button, which is the stop button while `busy`.
    * - `start`: The box around the `start` slot.
    * - `tools`: The row under the field.
    * - `voice`: The dictation button, under `voice`, before the send button.
@@ -81359,6 +82920,8 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `example-entering`: The example in the empty field has just replaced the one before it, for an entrance. It holds for 350 milliseconds. See `placeholders`.
+   * - `example-leaving`: The example in the empty field is giving way to the next one, for an exit. It holds for 250 milliseconds, and the next example becomes the placeholder 100 milliseconds in, so the two can cross. See `placeholders`.
    * - `invalid`: The draft fails `required`, `minlength`, `maxlength`, or a custom error, and the reader has tried to send or submit it, or edited the field and left it. Or `feedback` is set.
    * - `listening`: While the composer listens for dictation. The element sets `--dictation-level` on itself meanwhile, from 0 to 1, for a meter.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -81386,6 +82949,11 @@ export type CustomElementsSolidJs = {
    * a page in another language sets them once there. The time moves on by
    * itself, so "now" becomes "1 minute ago" while the page is open.
    *
+   * **What a turn carries goes in `attachments`**, above the bubble rather
+   * in it: a picture inside a tinted bubble is framed twice, and one sent with
+   * no words is an empty bubble around it. It sits against the same edge as the
+   * turn, and the words keep their bubble under it.
+   *
    * **An agent's work goes in `work`, and its answer in the content.** The work,
    * its thinking, the commands it ran and what they printed, is a record read
    * the way a log is, so a `Log` with `separation="plain"` and `quiet` sits there
@@ -81457,6 +83025,7 @@ export type CustomElementsSolidJs = {
    *
    * - `(default)`: The turn's content.
    * - `actions`: Controls for the turn, such as copy, retry, or react.
+   * - `attachments`: What the turn carries, such as images or files, above its content and outside the bubble, against the author's edge.
    * - `avatar`: The author's avatar.
    * - `indicator`: The indicator shown before the first token arrives. Defaults to the typing indicator.
    * - `sources`: The turn's sources, such as citations, documents, or a retrieved page.
@@ -81467,6 +83036,7 @@ export type CustomElementsSolidJs = {
    * Custom selectors for styling elements within the component.
    *
    * - `actions`: The controls on the turn, beside its time.
+   * - `attachments`: The box around the `attachments` slot, above the content and outside the bubble.
    * - `avatar`: The box around the `avatar` slot.
    * - `body`: The content and the line under it.
    * - `content`: Your own markup.
@@ -81729,6 +83299,7 @@ export type CustomElementsSolidJs = {
    * - `log`: The transcript, which scrolls. On this tier, it needs only a block size.
    * - `message`: The message drawn for a turn from `turns`, forwarded whole.
    * - `message-actions`: The controls on a turn from `turns`, beside its time.
+   * - `message-attachments`: The attachments above the bubble of a turn from `turns`.
    * - `message-avatar`: The avatar box of a turn from `turns`.
    * - `message-avatar-mine`: The avatar box of a turn from `turns` by `me`.
    * - `message-body`: The content of a turn from `turns`, and the line under it.
@@ -82774,6 +84345,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
@@ -82866,9 +84438,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.
@@ -82878,10 +84450,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.
@@ -82897,18 +84470,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.
@@ -82917,17 +84506,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.
    *
@@ -82938,7 +84516,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-headless-code-editor": Partial<
@@ -84925,6 +86502,20 @@ export type CustomElementsSolidJs = {
    * It replaces `Button.value`, the submit value: a copy button never submits,
    * whatever its `type`. Declared here so its own page says what it holds.
    * - `aria-label`/`undefined`: undefined
+   * - `focusable-when-disabled`/`focusableWhenDisabled`: Whether a disabled button stays in the tab order, so a tooltip around it
+   * can say why it is disabled.
+   *
+   * Set it on a button whose reason a Tooltip gives, such as a Save with no
+   * changes to save. While the button is disabled, it keeps focus and takes
+   * hover, and it refuses every press: a click, Enter and Space, and Enter in
+   * a field of its form. The click does not reach your listeners, and a submit
+   * button submits nothing. The inner control carries `aria-disabled` in place
+   * of the native `disabled`, so a screen reader still says it is unavailable.
+   * The styled button keeps the disabled look.
+   *
+   * Leave it unset on a button with no reason to give. A plain disabled button
+   * leaves the tab order, as a native one does, and a keyboard reader skips a
+   * stop that does nothing. Set `pending` for the wait after a press.
    * - `pending`: Whether the action the button started is still running.
    *
    * A pending button keeps focus and stays in the tab order, and refuses every
@@ -87014,6 +88605,16 @@ export type CustomElementsSolidJs = {
    * - `screenshot-live`: The screenshot button's live region, which speaks while the button is pending.
    * - `screenshot-spinner`: The ring the screenshot button turns while it is pending.
    * - `screenshot-text`: The box the screenshot button's icon sits in.
+   * - `tooltip-arrow`: The arrow of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-arrow-bottom`: The arrow while the bubble is below its button, on the bubble's top edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-left`: The arrow while the bubble is left of its button, on the bubble's right edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-right`: The arrow while the bubble is right of its button, on the bubble's left edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-top`: The arrow while the bubble is above its button, on the bubble's bottom edge. Set together with `tooltip-arrow`.
+   * - `tooltip-surface`: The bubble of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-surface-bottom`: The bubble while it is below its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-left`: The bubble while it is left of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-right`: The bubble while it is right of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-top`: The bubble while it is above its button. Set together with `tooltip-surface`.
    * - `touch`: A ring where a touch is or was.
    * - `touch-held`: A ring under a finger that is down, beside `touch`, with `show-touches`.
    * - `volume-down`: The Volume down button.
@@ -89644,6 +91245,226 @@ export type CustomElementsSolidJs = {
       BaseEvents<HelixHeadlessFilterInput>
   >;
 
+  /**
+   * Searches the content `for` names, by id, and marks every match, with the
+   * current one marked apart. The count says which match is current and how many
+   * there are. Find opens with Command+F, or Control+F on Windows and Linux,
+   * while the reader is in that content or in the bar. Everywhere else on the
+   * page, the key opens the browser's own find. `shortcut` changes the key, and
+   * empty turns it off.
+   *
+   * The match case, whole word, and regular expression options are drawn in the
+   * bar. `options` names the ones it draws. Text that is not shown is not
+   * searched, nor text under `inert` or `aria-hidden="true"`, nor what `skip`
+   * matches. Text under `hidden="until-found"` and in a closed `<details>` is
+   * searched, and opened when its match becomes current, as the browser's find
+   * opens it: an Accordion section opens. A match is scrolled into the middle of
+   * what scrolls it unless it is already in sight. While Find is open, a change
+   * to the content searches again once the content is still.
+   *
+   * Content drawn some other way, such as a terminal's grid, an editor's
+   * document, or rows of a list that are not all in the page, is searched by a
+   * finder the page attaches with `attach(finder)`. Terminal and Code Editor
+   * draw a Find of their own, which searches through their renderer. Find offers
+   * replacing to a finder that can replace, unless `readonly` is set.
+   *
+   * The bar is a search landmark named by `label`. The count is said in a live
+   * region as it changes.
+   *
+   * **Keyboard.** In the field, Enter moves to the next match and Shift+Enter to
+   * the previous one. Escape closes the bar from anywhere in it, and focus
+   * returns to where it was before the bar opened. The find key pressed again
+   * moves focus to the field and selects what it holds. In the replace field,
+   * Enter replaces the current match, and Command+Enter or Control+Enter
+   * replaces every match.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `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.
+   * - `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.
+   * - `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-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.
+   * - `toggle`: Sent when the bar opens or closes, with `newState` and `oldState`.
+   *
+   * ## 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.
+   *
+   * - `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.
+   * - `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.
+   *
+   * ## 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-headless-find": Partial<
+    HelixHeadlessFindProps &
+      HelixHeadlessFindSolidJsProps &
+      BaseProps<HelixHeadlessFind, "solid"> &
+      BaseEvents<HelixHeadlessFind>
+  >;
+
   /**
    * Formats a date with `Intl` where it is shown, so you do not write the same
    * `Intl` call and options in your own code.
@@ -90212,6 +92033,16 @@ export type CustomElementsSolidJs = {
    * - `settling`: What is said while a layout runs unseen, where the reader asked for less motion or the page paused its motion, over the hidden drawing.
    * - `stage`: The drawing and its controls.
    * - `stop-layout`: The button that stops a layout that has run past five seconds, where the notes stand.
+   * - `tooltip-arrow`: The arrow of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-arrow-bottom`: The arrow while the bubble is below its button, on the bubble's top edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-left`: The arrow while the bubble is left of its button, on the bubble's right edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-right`: The arrow while the bubble is right of its button, on the bubble's left edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-top`: The arrow while the bubble is above its button, on the bubble's bottom edge. Set together with `tooltip-arrow`.
+   * - `tooltip-surface`: The bubble of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-surface-bottom`: The bubble while it is below its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-left`: The bubble while it is left of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-right`: The bubble while it is right of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-top`: The bubble while it is above its button. Set together with `tooltip-surface`.
    * - `viewport`: The box the renderer draws in.
    * - `zoom-in`: The zoom in button.
    * - `zoom-in-button`: `zoom-in`'s inner button.
@@ -90720,6 +92551,20 @@ export type CustomElementsSolidJs = {
    * name to derive one rather than dash-casing it, and what a consumer writes
    * is the platform's `commandfor`.
    * - `commandfor`/`commandFor`: The id of the element the command is sent to.
+   * - `focusable-when-disabled`/`focusableWhenDisabled`: Whether a disabled button stays in the tab order, so a tooltip around it
+   * can say why it is disabled.
+   *
+   * Set it on a button whose reason a Tooltip gives, such as a Save with no
+   * changes to save. While the button is disabled, it keeps focus and takes
+   * hover, and it refuses every press: a click, Enter and Space, and Enter in
+   * a field of its form. The click does not reach your listeners, and a submit
+   * button submits nothing. The inner control carries `aria-disabled` in place
+   * of the native `disabled`, so a screen reader still says it is unavailable.
+   * The styled button keeps the disabled look.
+   *
+   * Leave it unset on a button with no reason to give. A plain disabled button
+   * leaves the tab order, as a native one does, and a keyboard reader skips a
+   * stop that does nothing. Set `pending` for the wait after a press.
    * - `formaction`/`formAction`: Where this button's submission goes, overriding the form's own.
    *
    * **The five `form*` overrides ride on a native submit button that stands in
@@ -91303,6 +93148,9 @@ export type CustomElementsSolidJs = {
    *
    * Empty leaves the attribute off, which is the browser's default. Set it to
    * a token like `email` or `bday` to ask for autofill, or to `off` to refuse.
+   * - `autocorrect`: Whether the browser corrects words as the reader types, as the platform's
+   * `autocorrect`. Turn it off, with `autocorrect="off"`, for text that is not
+   * prose, such as an address or a code, which corrections would change.
    * - `clearable`: Whether the field shows a button that empties it.
    *
    * Shown only while there is something to clear, because a control that does
@@ -91975,7 +93823,8 @@ export type CustomElementsSolidJs = {
    *
    * Set `controls` for the viewer's own previous, next and close controls, named
    * by `previous-label`, `next-label` and `dismiss-label`, whose glyphs you can
-   * replace in the `previous-icon`, `next-icon` and `dismiss-icon` slots. Without
+   * replace in the `previous-icon`, `next-icon` and `dismiss-icon` slots. A set
+   * of one item has nothing to step to, so it draws no previous, next or counter. Without
    * it, compose the chrome yourself in the `header` and `footer` slots, with
    * buttons that send `--previous`, `--next` and `--close`.
    *
@@ -93623,7 +95472,9 @@ export type CustomElementsSolidJs = {
    * the heading, as you write it, such as `12s`.
    *
    * A group starts shut. Write `default-open` on the step a reader should see,
-   * such as the one that failed.
+   * such as the one that failed. A shut group's lines are hidden until found:
+   * the browser's find and Find search them, and the group opens on the one
+   * that holds the match, unless `helix-before-open` is canceled.
    *
    * ## Attributes & Properties
    *
@@ -93701,7 +95552,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.
@@ -93712,7 +95563,9 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `empty`: The group holds nothing to show, so opening it shows nothing.
    * - `open`: The group shows its lines.
+   * - `steps`: The group holds steps of its own, which a stylesheet draws as a tree.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-log-group": Partial<
@@ -93906,7 +95759,9 @@ export type CustomElementsSolidJs = {
    * stream ends.
    * - `done-label`/`doneLabel`: What a screen reader hears when the run is over.
    * - `dropped-label`/`droppedLabel`: What the line above the log says once `limit` has let lines go. `{count}` is how many.
-   * - `empty-text`/`emptyText`: The text shown and announced when the log has no lines.
+   * - `empty-text`/`emptyText`: The text shown and announced when the log has no lines and no steps. A
+   * step with nothing in it yet, such as one still `pending`, is its heading
+   * alone, so a log holding one says nothing.
    * - `error-label`/`errorLabel`: What a screen reader hears when lines at `error` arrive. `{count}` is how
    * many arrived together and `{text}` is the first of them.
    * - `fallback-label`/`fallbackLabel`: The log's name, read by screen readers, where `label` is empty.
@@ -94064,7 +95919,7 @@ export type CustomElementsSolidJs = {
    * - `after`: The space the rows below the drawn ones would take. Only for lines drawn from data.
    * - `before`: The space the rows above the drawn ones would take. Only for lines drawn from data.
    * - `dropped`: The line above the log that says how many earlier lines `limit` let go.
-   * - `empty`: Shown when the log has no lines.
+   * - `empty`: Shown when the log has no lines and no steps.
    * - `group-content`: Not drawn: a group drawn from data stands for its heading, and its lines are rows beside it.
    * - `group-duration`: How long a step drawn from `groups` took.
    * - `group-heading`: The heading of a step drawn from `groups`.
@@ -94110,7 +95965,7 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `done`: The run is over: `done` is set, or `source` ended.
-   * - `empty`: The log has no lines.
+   * - `empty`: The log has no lines and no steps.
    * - `filtered`: `query` or `level` is set, so only the lines they keep are shown.
    * - `pinned`: The log follows its newest line.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -95079,6 +96934,16 @@ export type CustomElementsSolidJs = {
    * - `tilt-live`: `tilt`'s live region, which speaks while it is pending.
    * - `tilt-spinner`: The ring `tilt` turns while it is pending.
    * - `tilt-text`: The box `tilt`'s glyph sits in.
+   * - `tooltip-arrow`: The arrow of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-arrow-bottom`: The arrow while the bubble is below its button, on the bubble's top edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-left`: The arrow while the bubble is left of its button, on the bubble's right edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-right`: The arrow while the bubble is right of its button, on the bubble's left edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-top`: The arrow while the bubble is above its button, on the bubble's bottom edge. Set together with `tooltip-arrow`.
+   * - `tooltip-surface`: The bubble of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-surface-bottom`: The bubble while it is below its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-left`: The bubble while it is left of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-right`: The bubble while it is right of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-top`: The bubble while it is above its button. Set together with `tooltip-surface`.
    * - `viewport`: The box the map is drawn in.
    * - `zoom-in`: The button that zooms in.
    * - `zoom-in-button`: `zoom-in`'s inner button.
@@ -96142,6 +98007,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `start`: A row in the section has content before its label, so every row in it keeps the leading column. The menu decides it for each section, apart from the rows outside one.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-menu-section": Partial<
@@ -96152,7 +98018,9 @@ export type CustomElementsSolidJs = {
   >;
 
   /**
-   * A meter shows a level within a range. Use `Progress` to show how far along a
+   * A meter shows a level within a range, or how the level divides: write
+   * `Meter.Segment` inside it for each part of the whole, and the meter measures
+   * their sum. Use `Progress` to show how far along a
    * task is. A progress bar starts empty and ends full, and full is always the
    * good end. For a meter, which end is good depends on what is measured. There
    * is no `indeterminate`, because a meter always has a value.
@@ -96312,6 +98180,7 @@ export type CustomElementsSolidJs = {
    *
    * Areas where markup can be added to the component.
    *
+   * - `(default)`: `Meter.Segment` elements, one for each share of the whole, drawn in the bar.
    * - `label`: A visible label. Its words name the meter in place of `label`.
    *
    * ## CSS Custom Properties
@@ -96321,6 +98190,7 @@ export type CustomElementsSolidJs = {
    * - `--meter-along`: Where a bound sits on the arc, as a length along it.
    * - `--meter-at`: Where a bound sits on a linear track, as a percentage.
    * - `--meter-fraction`: The value as a fraction of the range, 0 to 1.
+   * - `--meter-span`: How much the range holds, `max` less `min`, which a segment divides its own value by to find its width.
    * - `--meter-sweep`: How much of the circle the arc covers, as a path length.
    *
    * ## CSS Parts
@@ -96357,6 +98227,90 @@ export type CustomElementsSolidJs = {
       BaseEvents<HelixHeadlessMeter>
   >;
 
+  /**
+   * A segment says how much of the range one part of the whole takes, such as the
+   * tokens a model's context holds for its tools, against the tokens it holds for
+   * the conversation. Write one for each part inside a `Meter`.
+   *
+   * **The meter's reading is the sum of its segments.** `value` on the meter is
+   * ignored while it has any, so the two cannot disagree, and the bands, the ticks
+   * and the reading answer to the total. A segment is drawn as wide as its `value`
+   * is of the meter's range, so segments that add up to less than the range leave
+   * the rest of the track empty, and ones that add up to more are cut at the end.
+   *
+   * **A meter's children are presentational to a screen reader**, so a segment
+   * reaches no one that cannot see the bar. Say the breakdown in text beside it,
+   * such as a list with the name and the amount of each part, which is also where a
+   * reader finds the exact figures.
+   *
+   * A segment draws only in the bar. A meter in `ring` or `arc` draws its total.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `label`: What the segment is, such as "Tools", which names the slice when a pointer
+   * rests on it.
+   *
+   * Not announced: see the note on a meter's children above.
+   * - `tone`: What the segment means, as it does on a callout. Takes the tone's color in
+   * place of the next color in the series.
+   * - `value`: How much of the meter's range the segment takes, in the units of the meter's
+   * `min` and `max`.
+   *
+   * A value that is not a number, or is below zero, draws nothing.
+   * - `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)
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: Nothing. A segment draws its share and has no content.
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--meter-segment-value`: How much of the range the segment takes, in the meter's own units.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `fill`: The slice of the bar the segment takes.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-headless-meter-segment": Partial<
+    HelixHeadlessMeterSegmentProps &
+      HelixHeadlessMeterSegmentSolidJsProps &
+      BaseProps<HelixHeadlessMeterSegment, "solid"> &
+      BaseEvents<HelixHeadlessMeterSegment>
+  >;
+
   /**
    * WCAG 2.2.2 asks that motion which starts by itself and runs longer than
    * five seconds can be paused. **This is one control for the whole page**: a
@@ -100722,6 +102676,11 @@ export type CustomElementsSolidJs = {
    * scrollbar, the browser's or the component's, and clips what is past it.
    * Leave it unset to scroll both ways.
    *
+   * **A mask on the viewport also masks the browser's scrollbar.** While a
+   * scrollbar takes room beside the content, the viewport carries its size in
+   * `--scroll-area-gutter-inline-end` or `--scroll-area-gutter-block-end`, so a
+   * mask can leave that room opaque. The styled tier's fades use them.
+   *
    * The viewport's `scroll` and `scrollend` are sent again from the host, which
    * is the element you hold. A thumb dragged across the content sends one
    * `scrollend`, once it is let go. In React, bind them with `onScroll` and
@@ -100801,6 +102760,8 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--scroll-area-gutter-block-end`: The room the browser's horizontal scrollbar takes at the block end of the viewport, in pixels. Written on the `viewport` part while that scrollbar takes room, and absent while it draws over the content.
+   * - `--scroll-area-gutter-inline-end`: The room the browser's vertical scrollbar takes at the inline end of the viewport, in pixels. Written on the `viewport` part while that scrollbar takes room, and absent while it draws over the content.
    * - `--scroll-area-scroll-fraction`: How far along its axis the content is scrolled, from 0 at the start to 1 at the end. Written on each `scrollbar` part, so its thumb inherits it. Counted from the right on a right-to-left page.
    * - `--scroll-area-thumb-fraction`: The share of the track the thumb covers, from 0 to 1, which is how much of the content is in view. Written on each `scrollbar` part.
    *
@@ -100809,7 +102770,7 @@ export type CustomElementsSolidJs = {
    * Custom selectors for styling elements within the component.
    *
    * - `corner`: The square where the two scrollbars meet, under `scrollbars`. Hidden unless both are drawn.
-   * - `edges`: The layer that draws the cues on the inline start and end edges.
+   * - `edges`: The layer over the viewport. The styled tier draws the focus ring on it, and the painted fades at the inline start and end.
    * - `scrollbar`: Each scrollbar, under `scrollbars`. Hidden on an axis that has none.
    * - `scrollbar-horizontal`: The scrollbar along the inline axis, alongside `scrollbar`.
    * - `scrollbar-vertical`: The scrollbar along the block axis, alongside `scrollbar`.
@@ -102089,6 +104050,11 @@ export type CustomElementsSolidJs = {
    * depth, each as tall as its value from zero and colored by its series, so
    * one series is a single row of bars and several make a block of them.
    *
+   * **A cell's `data-tone` colors its own bar and writes its value above it**,
+   * such as `data-tone="primary"` on the one reading a chart is about, as on
+   * `Bar Chart`. The value is the cell's own text. Without a tone, a bar takes
+   * its series' color.
+   *
    * **The flat `Bar Chart` is read more exactly.** Measured, a reader judges
    * a 3D bar's value less closely than a flat one's, and a bar can stand
    * behind another. Use this one where the shape across two sets of names
@@ -102137,16 +104103,73 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `no-box`/`noBox`: Draws no box: no edges, grid, numbers, or names, so the readings stand
-   * alone and fill the plot, as a picture on a product's own page does. The
+   * - `grow`: Grows the bars up from the floor the first time the chart comes into
+   * view with readings, each category a little after the one before it, so
+   * the drawing arrives the way a page's own picture does. The growth is
+   * fast at first, slows to rest, and never passes a bar's value.
+   *
+   * Under `prefers-reduced-motion`, or where the page has paused its motion
+   * through `pauseMotion` or `Motion Toggle`, the bars stand at their height
+   * from the start. A later table draws the bars it already had at their
+   * height, and grows the bars it adds, each from the floor, so a reading that
+   * arrives while the chart is in view arrives the same way.
+   * - `grow-again`/`growAgain`: Grows the bars again each time the chart comes back into view after it
+   * left it, as a pane does when it is opened again, where `grow` alone grows
+   * them the first time only. Only a chart that grows takes it.
+   *
+   * While it is out of view the bars stand at the floor, so the first frame
+   * after it returns is the start of the growth and never a flash at full
+   * height.
+   * - `no-box`/`noBox`: Draws no box: no edges, grid, numbers, or names, and in a `row` no
+   * floor, so the readings stand alone and fill the plot, as a picture on a
+   * product's own page does. The
    * table, the summary, the tooltip, and the keys still carry every value,
    * and a renderer draws no box either.
    * - `open-label`/`openLabel`: What the readout says for a place with no value. `{category}` and
    * `{series}` name the place.
    * - `plot-label`/`plotLabel`: The plot's name where the chart has none: no `aria-label`, `label`, or table caption.
+   * - `stacked`: Stacks a category's series into one column, each block standing on the
+   * ones before it, so the column is as tall as the category's total, as a
+   * flat `Bar Chart` stacks them.
+   *
+   * Absent stands the series one behind another in depth. Stacked, every
+   * series stands in the front row, so none hides another, and the parts of
+   * one total read together. A negative reading hangs below zero on the
+   * negatives before it. The scale fits the stacks.
    * - `summary-label`/`summaryLabel`: The `summary` part's sentence. `{count}`, `{series}`, and `{categories}`
    * are the number of bars, series, and categories, written in the locale,
    * and `{low}` and `{high}` the lowest and the highest value.
+   * - `variant`: How the bars stand.
+   *
+   * Unset, they stand on a grid of categories across and series in depth,
+   * in a box the camera looks at from a corner, so the grid recedes at an
+   * angle. `row` lays the categories in a straight line across the page and
+   * turns each bar to the camera, showing its top and two sides, for one row
+   * of readings in a small space such as a pane: turning the view turns each
+   * bar where it stands, and the row stays level. It is the chart's own
+   * drawing that lays the row: a renderer connected through
+   * `@fusion.dev/helix-plot` stands the bars on the grid.
+   *
+   * `diagonal` is the same row climbing to the right as it recedes, each
+   * place a step further back than the one before, as a row of days on a
+   * product's page is drawn: the row rises one part in five across the page
+   * from any turn, and its floor and names climb with it. A row whose bars
+   * have a size climbs at most a quarter of the plot's height, so the bars
+   * of a long row keep theirs.
+   *
+   * **A row draws its floor in place of a box**: each place as an outline a
+   * little wider than its bar, and each category's name under it, as many
+   * names as fit without touching. A name whose bar names a tone is written
+   * first, in that tone. `no-box` leaves the floor and the names out.
+   *
+   * **A `column-gap` on the `fallback` part gives a row's bars one width**,
+   * which the styled tier sets from `--spatial-bar-chart-bar-size`: one bar
+   * stands as wide as each of twenty, the row is as long as its bars and
+   * centered, the tallest bar stands as high as the plot has room for and
+   * no taller than the row is long and a quarter again, so one bar stands
+   * as a block, and `fits` says how many bars the plot holds, so a page
+   * can give it the latest of a longer table. It is read when the plot's
+   * size changes.
    * - `empty-text`/`emptyText`: The words shown in place of the drawing when the table has no readings,
    * and the fallback of the `empty` slot.
    * - `loading`: Whether the readings are still on their way. The chart shows
@@ -102207,6 +104230,11 @@ export type CustomElementsSolidJs = {
    * column a series.** A renderer reads it. (property only) (readonly)
    * - `active`: The bar the keys or the pointer rest on, as its place in `field.cells`, or `-1`. (property only) (readonly)
    * - `readings`: The number of places on the grid, which the keys walk. (property only) (readonly)
+   * - `fits`: How many categories a `row` or a `diagonal` has room for across the
+   * plot at its bar size, measured as it is read, or
+   * `undefined` where there is no row, no bar size, or nothing drawn to
+   * measure. A page with a longer table gives the chart its latest that
+   * many rows, and says so. (property only) (readonly)
    * - `sounding`: Whether the chart is playing as sound now. (property only) (readonly)
    * - `data`: The readings as data, in the shape of a table, where the page has no
    * table to point `for` at. `for` wins where both are set.
@@ -102338,7 +104366,14 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--spatial-bar-chart-shade`: How far a bar's face turns from the light, from 0 for its top. The component writes it on each face, and the stylesheet that shades the face reads it.
+   * - `--spatial-bar-chart-shade -How far a bar's face turns from the light, from 0 for its top. The component writes it on each face, and the stylesheet that shades the face reads it.`: undefined
+   * - `--spatial-bar-chart-tone-accent`: The color of a bar whose cell says `data-tone="accent"`.
+   * - `--spatial-bar-chart-tone-danger`: The color of a bar whose cell says `data-tone="danger"`.
+   * - `--spatial-bar-chart-tone-info`: The color of a bar whose cell says `data-tone="info"`.
+   * - `--spatial-bar-chart-tone-muted`: The color of a bar whose cell says `data-tone="muted"`.
+   * - `--spatial-bar-chart-tone-primary`: The color of a bar whose cell says `data-tone="primary"`. A tone with no property of its own falls back to the bar's series color, and the same holds for a name you define.
+   * - `--spatial-bar-chart-tone-success`: The color of a bar whose cell says `data-tone="success"`.
+   * - `--spatial-bar-chart-tone-warning`: The color of a bar whose cell says `data-tone="warning"`.
    *
    * ## CSS Parts
    *
@@ -102351,6 +104386,8 @@ export type CustomElementsSolidJs = {
    * - `empty`: The words when the table has no readings: the `empty` slot, falling back to `empty-text`.
    * - `face`: One face of a bar the view shows, shaded by which way it faces.
    * - `fallback`: The box the chart's own drawing fills, shown until a renderer has drawn and where none is connected. Hidden from screen readers.
+   * - `floor`: One place on the floor of a `row`, under a bar or where one would stand, drawn as its outline.
+   * - `glow`: The outline of a bar whose cell names a tone, blurred by 8 CSS pixels and painted under the bar, with no fill until a stylesheet gives it one: a soft glow in the bar's tone.
    * - `grid`: The box's edges and its grid, in the chart's own drawing.
    * - `live`: The readout: a polite live region that says the bar the keys moved to. Hide it visually.
    * - `loading`: The words while `loading` is set and there are no readings.
@@ -102362,7 +104399,7 @@ export type CustomElementsSolidJs = {
    * - `summary`: The number of bars, series, and categories, and the range of values, written as a sentence for screen readers, which describes the plot. Hide it visually.
    * - `table`: The readings as a table, for a screen reader, rendered only where they were drawn from `data`, a page of them at a time past a few hundred. Hide it visually.
    * - `table-pages`: Which readings a page of the `table` holds, and the buttons that show the previous and the next page, rendered only while it holds a page. Hide it visually.
-   * - `tick`: A category's or a series' name, or a value at a tick, along its edge of the box, in the chart's own drawing.
+   * - `tick`: A category's or a series' name, or a value at a tick, along its edge of the box, or a category's name under its place in a `row`, in the chart's own drawing.
    * - `tooltip-anchor`: The `Tooltip` element itself.
    * - `tooltip-arrow`: The bubble's point, forwarded from `Tooltip`.
    * - `tooltip-arrow-bottom`: The point while the bubble is below the reading, on its top edge. Set alongside `tooltip-arrow`.
@@ -102379,6 +104416,7 @@ export type CustomElementsSolidJs = {
    * - `tooltip-surface-right`: The bubble while it is right of the reading. Set alongside `tooltip-surface`.
    * - `tooltip-surface-top`: The bubble while it is above the reading. Set alongside `tooltip-surface`.
    * - `tooltip-value`: A column's value inside the tooltip.
+   * - `value`: The value of a bar whose cell names a tone, written above it in the chart's own drawing.
    *
    * ## CSS States
    *
@@ -106395,6 +108433,10 @@ export type CustomElementsSolidJs = {
    *
    * A tab with `dismissible` can be closed: see `Tabs.Tab`.
    *
+   * **Panels are optional.** A set with none is a strip whose tabs stand for
+   * something the page shows elsewhere: the keys, the selection, `active` and
+   * `helix-activate` work the same, and no tab names a panel it controls.
+   *
    * The `indicator` part moves to the selected tab and carries its place and
    * size, so a mark of your own can be drawn there: style the part, or slot an
    * element into `indicator`, which sits inside the part and reads the same
@@ -106630,6 +108672,7 @@ export type CustomElementsSolidJs = {
    *
    * - `dismiss`: The mark a pointer presses to close a `dismissible` tab.
    * - `dismiss-mark`: The glyph on that mark, where none is slotted.
+   * - `label`: The slot the tab's label is in.
    * - `tab`: The tab itself.
    *
    * ## CSS States
@@ -106866,7 +108909,7 @@ export type CustomElementsSolidJs = {
    *
    * - `(default)`: The tag's label.
    * - `dismiss-icon`: Replaces the glyph on the remove button.
-   * - `start`: The category the label belongs to, shown before it in a heavier weight.
+   * - `start`: The category the label belongs to, shown before it in a heavier weight, or an icon.
    *
    * ## Methods
    *
@@ -107018,6 +109061,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.
@@ -107118,23 +109162,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.
@@ -107150,13 +109194,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.
@@ -107174,6 +109239,16 @@ export type CustomElementsSolidJs = {
    * - `restart-spinner`: The ring the Restart button turns while it is pending.
    * - `restart-text`: The Restart button's label.
    * - `status`: The line under the terminal that says the process exited, or that Tab moves focus.
+   * - `tooltip-arrow`: The arrow of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-arrow-bottom`: The arrow while the bubble is below its button, on the bubble's top edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-left`: The arrow while the bubble is left of its button, on the bubble's right edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-right`: The arrow while the bubble is right of its button, on the bubble's left edge. Set together with `tooltip-arrow`.
+   * - `tooltip-arrow-top`: The arrow while the bubble is above its button, on the bubble's bottom edge. Set together with `tooltip-arrow`.
+   * - `tooltip-surface`: The bubble of the tooltip that names each button, forwarded from `Tooltip`.
+   * - `tooltip-surface-bottom`: The bubble while it is below its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-left`: The bubble while it is left of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-right`: The bubble while it is right of its button. Set together with `tooltip-surface`.
+   * - `tooltip-surface-top`: The bubble while it is above its button. Set together with `tooltip-surface`.
    * - `viewport`: The box the terminal is drawn in.
    *
    * ## CSS States
@@ -109518,7 +111593,10 @@ export type CustomElementsSolidJs = {
    * The toolbar is one tab stop, and the arrow keys move between its controls, so
    * three toolbars take three presses of Tab to pass. Any element the browser can
    * focus counts as a control, including your own elements. A child that takes no
-   * focus, such as a divider, is skipped. A menu is reached at its trigger.
+   * focus, such as a divider, is skipped. A menu is reached at its trigger. A
+   * disabled control is skipped too, except a Button with
+   * `focusable-when-disabled`, which the arrows still reach so its tooltip can
+   * say why it is disabled.
    *
    * A Divider in the toolbar is a separator across the toolbar's axis, as React
    * Aria's is: vertical in a horizontal toolbar and horizontal in a vertical
@@ -110284,6 +112362,10 @@ export type CustomElementsSolidJs = {
    * A `disabled` item is reached by the arrow keys and announced as unavailable,
    * and a press, Enter or Space on it does nothing.
    *
+   * A closed branch's children are hidden until found: the browser's find and
+   * Find search them, and the branch opens on the one that holds the match,
+   * unless `helix-before-open` is canceled.
+   *
    * A `lazy` item is a branch whose children you load when it opens: opening it
    * sends `helix-load`, the row says it is busy, and the children you add appear
    * in it. Remove `lazy` once they are in.
@@ -112251,8 +114333,12 @@ export type CustomCssProperties = {
   "--meter-at"?: (string) | undefined;
   /** The value as a fraction of the range, 0 to 1. */
   "--meter-fraction"?: (string) | undefined;
+  /** How much the range holds, `max` less `min`, which a segment divides its own value by to find its width. */
+  "--meter-span"?: (string) | undefined;
   /** How much of the circle the arc covers, as a path length. */
   "--meter-sweep"?: (string) | undefined;
+  /** How much of the range the segment takes, in the meter's own units. */
+  "--meter-segment-value"?: (string) | undefined;
   /** How deep a row is, from 0 at the root, for indenting it. */
   "--object-inspector-level"?: (string) | undefined;
   /** The value as a fraction of the range, 0 to 1. Pinned to 1 while indeterminate. */
@@ -112273,6 +114359,10 @@ export type CustomCssProperties = {
   "--chart-point-y"?: (string) | undefined;
   /** A tick's position along its axis, as a percentage. The component writes it. */
   "--chart-tick"?: (string) | undefined;
+  /** The room the browser's horizontal scrollbar takes at the block end of the viewport, in pixels. Written on the `viewport` part while that scrollbar takes room, and absent while it draws over the content. */
+  "--scroll-area-gutter-block-end"?: (string) | undefined;
+  /** The room the browser's vertical scrollbar takes at the inline end of the viewport, in pixels. Written on the `viewport` part while that scrollbar takes room, and absent while it draws over the content. */
+  "--scroll-area-gutter-inline-end"?: (string) | undefined;
   /** How far along its axis the content is scrolled, from 0 at the start to 1 at the end. Written on each `scrollbar` part, so its thumb inherits it. Counted from the right on a right-to-left page. */
   "--scroll-area-scroll-fraction"?: (string) | undefined;
   /** The share of the track the thumb covers, from 0 to 1, which is how much of the content is in view. Written on each `scrollbar` part. */
@@ -112287,8 +114377,22 @@ export type CustomCssProperties = {
   "--slider-marker-at"?: (string) | undefined;
   /** Where the filled span ends, as a fraction of the track, 0 to 1: a range's upper thumb, or the farther of a single thumb and its `origin`. */
   "--slider-to"?: (string) | undefined;
-  /** How far a bar's face turns from the light, from 0 for its top. The component writes it on each face, and the stylesheet that shades the face reads it. */
-  "--spatial-bar-chart-shade"?: (string) | undefined;
+  /**  */
+  "--spatial-bar-chart-shade -How far a bar's face turns from the light, from 0 for its top. The component writes it on each face, and the stylesheet that shades the face reads it."?: (string) | undefined;
+  /** The color of a bar whose cell says `data-tone="accent"`. */
+  "--spatial-bar-chart-tone-accent"?: (string) | undefined;
+  /** The color of a bar whose cell says `data-tone="danger"`. */
+  "--spatial-bar-chart-tone-danger"?: (string) | undefined;
+  /** The color of a bar whose cell says `data-tone="info"`. */
+  "--spatial-bar-chart-tone-info"?: (string) | undefined;
+  /** The color of a bar whose cell says `data-tone="muted"`. */
+  "--spatial-bar-chart-tone-muted"?: (string) | undefined;
+  /** The color of a bar whose cell says `data-tone="primary"`. A tone with no property of its own falls back to the bar's series color, and the same holds for a name you define. */
+  "--spatial-bar-chart-tone-primary"?: (string) | undefined;
+  /** The color of a bar whose cell says `data-tone="success"`. */
+  "--spatial-bar-chart-tone-success"?: (string) | undefined;
+  /** The color of a bar whose cell says `data-tone="warning"`. */
+  "--spatial-bar-chart-tone-warning"?: (string) | undefined;
   /** Where the `start` or the `end` label stands clear of the drawing, from the footer's inline start, in pixels. The component measures it and writes it on the label, with `data-placed`, as the view turns. */
   "--spatial-heatmap-label-x"?: (string) | undefined;
   /** Where the `start` or the `end` label stands clear of the drawing, from the footer's top, in pixels. The component measures it and writes it on the label, with `data-placed`, as the view turns. */