@fusion.dev/helix 0.218.0 → 0.219.0

package/types/jsx.d.ts

@@ -158,6 +158,7 @@ import type {
   HelixMenuItem,
   HelixMenuSection,
   HelixMeter,
+  HelixMeterSegment,
   HelixMotionToggle,
   HelixMoveEvent,
   HelixNavigateEvent,
@@ -242,6 +243,7 @@ import type {
   HelixStatGroup,
   HelixStep,
   HelixSteps,
+  HelixStopEvent,
   HelixStrands,
   HelixStrandsFallbackEvent,
   HelixStrandsStop,
@@ -3499,6 +3501,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?: (HelixBreadcrumbs["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?: (HelixBreadcrumbs["separator"]) | undefined;
   /** The trail as data, drawn as crumbs before any you slot. The last item is the
 current page.
 
@@ -3540,6 +3555,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"?: (HelixBreadcrumbs["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"?: (HelixBreadcrumbs["separator"]) | undefined;
   /** The trail as data, drawn as crumbs before any you slot. The last item is the
 current page.
 
@@ -3798,6 +3826,36 @@ is the platform's `commandfor`. */
   commandfor?: (HelixButton["commandFor"]) | undefined;
   /** The id of the element the command is sent to. */
   commandFor?: (HelixButton["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"?: (HelixButton["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?: (HelixButton["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
@@ -4026,6 +4084,36 @@ is the platform's `commandfor`. */
   "attr:commandfor"?: (HelixButton["commandFor"]) | undefined;
   /** The id of the element the command is sent to. */
   "prop:commandFor"?: (HelixButton["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"?: (HelixButton["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"?: (HelixButton["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
@@ -6820,11 +6908,27 @@ export type HelixChatComposerHelixListenElementEvent =
 /** `helix-send` event type */
 export type HelixChatComposerHelixSendElementEvent =
   HelixChatComposerElementEvent<HelixSendEvent>;
+/** `helix-stop` event type */
+export type HelixChatComposerHelixStopElementEvent =
+  HelixChatComposerElementEvent<HelixStopEvent>;
 /** `helix-typing` event type */
 export type HelixChatComposerHelixTypingElementEvent =
   HelixChatComposerElementEvent<HelixTypingEvent>;
 
 export type HelixChatComposerProps = {
+  /** Draws the composer's focus as a glow: a light that runs once around the
+edge as the composer takes focus, then a soft steady edge while it holds
+it, in place of the focus ring.
+
+**On focus, and only then.** It says the composer is listening. A glow
+that ran while a reply was on its way would be a second indicator of what
+the conversation already shows, and one that ran all the time would be
+decoration that moves. With reduced motion asked for, the edge lights
+without the sweep.
+
+The steady edge is the focus indicator, so the ring is not drawn as well.
+Its color is `--chat-composer-glow-color`, the primary color unless set. */
+  glow?: (HelixChatComposer["glow"]) | undefined;
   /** What a screen reader hears as listening starts. */
   "listening-label"?: (HelixChatComposer["listeningLabel"]) | undefined;
   /** What a screen reader hears as listening starts. */
@@ -6846,6 +6950,18 @@ microphone is let go as listening stops. An input of type `password`,
   "voice-stop-label"?: (HelixChatComposer["voiceStopLabel"]) | undefined;
   /** The dictation button's name while it listens. */
   voiceStopLabel?: (HelixChatComposer["voiceStopLabel"]) | undefined;
+  /** 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?: (HelixChatComposer["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?: (HelixChatComposer["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. */
@@ -6864,6 +6980,14 @@ the field, as on a `<textarea>`. */
   minLength?: (HelixChatComposer["minLength"]) | undefined;
   /** Placeholder text shown in an empty field. */
   placeholder?: (HelixChatComposer["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?: (HelixChatComposer["queue"]) | undefined;
   /** Whether the form needs a draft to submit. An empty draft never sends,
 required or not. */
   required?: (HelixChatComposer["required"]) | undefined;
@@ -6871,10 +6995,34 @@ required or not. */
 
 It grows from there. */
   rows?: (HelixChatComposer["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"?: (HelixChatComposer["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?: (HelixChatComposer["sendDisabled"]) | undefined;
   /** Label for the send button. */
   "send-label"?: (HelixChatComposer["sendLabel"]) | undefined;
   /** Label for the send button. */
   sendLabel?: (HelixChatComposer["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"?: (HelixChatComposer["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?: (HelixChatComposer["sendReason"]) | undefined;
+  /** Label for the stop button shown while `busy`. */
+  "stop-label"?: (HelixChatComposer["stopLabel"]) | undefined;
+  /** Label for the stop button shown while `busy`. */
+  stopLabel?: (HelixChatComposer["stopLabel"]) | undefined;
   /** What sends the turn: `enter` for the Enter key, or `button` for the send
 button only.
 
@@ -6929,6 +7077,23 @@ Here rather than on each control. */
   /** The engine this field listens through, in place of the one
 `registerSpeechEngine` gave the page, or the browser's own. */
   speechEngine?: (HelixChatComposer["speechEngine"]) | 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?: (HelixChatComposer["placeholders"]) | undefined;
 
   /** The dictation button was pressed. Cancelable: cancel it to keep the composer from listening. */
   "onhelix-before-listen"?: ((
@@ -6938,6 +7103,8 @@ Here rather than on each control. */
   "onhelix-listen"?: ((e: HelixChatComposerHelixListenElementEvent) => void) | undefined;
   /** Fired when the user sends their turn, and cancelable. */
   "onhelix-send"?: ((e: HelixChatComposerHelixSendElementEvent) => void) | undefined;
+  /** Fired when the user presses the stop button, shown in place of the send button while `busy` is set. */
+  "onhelix-stop"?: ((e: HelixChatComposerHelixStopElementEvent) => void) | undefined;
   /** The user started or stopped writing, with `typing` saying which, as the composer's `typing` does. */
   "onhelix-typing"?: ((e: HelixChatComposerHelixTypingElementEvent) => void) | undefined;
   /** 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. */
@@ -6945,6 +7112,19 @@ Here rather than on each control. */
 };
 
 export type HelixChatComposerSolidJsProps = {
+  /** Draws the composer's focus as a glow: a light that runs once around the
+edge as the composer takes focus, then a soft steady edge while it holds
+it, in place of the focus ring.
+
+**On focus, and only then.** It says the composer is listening. A glow
+that ran while a reply was on its way would be a second indicator of what
+the conversation already shows, and one that ran all the time would be
+decoration that moves. With reduced motion asked for, the edge lights
+without the sweep.
+
+The steady edge is the focus indicator, so the ring is not drawn as well.
+Its color is `--chat-composer-glow-color`, the primary color unless set. */
+  "prop:glow"?: (HelixChatComposer["glow"]) | undefined;
   /** What a screen reader hears as listening starts. */
   "attr:listening-label"?: (HelixChatComposer["listeningLabel"]) | undefined;
   /** What a screen reader hears as listening starts. */
@@ -6966,6 +7146,18 @@ microphone is let go as listening stops. An input of type `password`,
   "attr:voice-stop-label"?: (HelixChatComposer["voiceStopLabel"]) | undefined;
   /** The dictation button's name while it listens. */
   "prop:voiceStopLabel"?: (HelixChatComposer["voiceStopLabel"]) | undefined;
+  /** 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"?: (HelixChatComposer["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"?: (HelixChatComposer["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. */
@@ -6984,6 +7176,14 @@ the field, as on a `<textarea>`. */
   "prop:minLength"?: (HelixChatComposer["minLength"]) | undefined;
   /** Placeholder text shown in an empty field. */
   "prop:placeholder"?: (HelixChatComposer["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"?: (HelixChatComposer["queue"]) | undefined;
   /** Whether the form needs a draft to submit. An empty draft never sends,
 required or not. */
   "prop:required"?: (HelixChatComposer["required"]) | undefined;
@@ -6991,10 +7191,34 @@ required or not. */
 
 It grows from there. */
   "prop:rows"?: (HelixChatComposer["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"?: (HelixChatComposer["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"?: (HelixChatComposer["sendDisabled"]) | undefined;
   /** Label for the send button. */
   "attr:send-label"?: (HelixChatComposer["sendLabel"]) | undefined;
   /** Label for the send button. */
   "prop:sendLabel"?: (HelixChatComposer["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"?: (HelixChatComposer["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"?: (HelixChatComposer["sendReason"]) | undefined;
+  /** Label for the stop button shown while `busy`. */
+  "attr:stop-label"?: (HelixChatComposer["stopLabel"]) | undefined;
+  /** Label for the stop button shown while `busy`. */
+  "prop:stopLabel"?: (HelixChatComposer["stopLabel"]) | undefined;
   /** What sends the turn: `enter` for the Enter key, or `button` for the send
 button only.
 
@@ -7049,6 +7273,23 @@ Here rather than on each control. */
   /** The engine this field listens through, in place of the one
 `registerSpeechEngine` gave the page, or the browser's own. */
   "prop:speechEngine"?: (HelixChatComposer["speechEngine"]) | 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"?: (HelixChatComposer["placeholders"]) | undefined;
   /** The dictation button was pressed. Cancelable: cancel it to keep the composer from listening. */
   "on:helix-before-listen"?: ((
     e: HelixChatComposerHelixBeforeListenElementEvent,
@@ -7057,6 +7298,8 @@ Here rather than on each control. */
   "on:helix-listen"?: ((e: HelixChatComposerHelixListenElementEvent) => void) | undefined;
   /** Fired when the user sends their turn, and cancelable. */
   "on:helix-send"?: ((e: HelixChatComposerHelixSendElementEvent) => 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: HelixChatComposerHelixStopElementEvent) => void) | undefined;
   /** The user started or stopped writing, with `typing` saying which, as the composer's `typing` does. */
   "on:helix-typing"?: ((e: HelixChatComposerHelixTypingElementEvent) => void) | undefined;
   /** 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. */
@@ -11626,6 +11869,17 @@ export type HelixCommandHelixSelectElementEvent =
   HelixCommandElementEvent<HelixSelectEvent>;
 
 export type HelixCommandProps = {
+  /** The panel's surface: `frosted` or `glass`, as on `Dialog`, which the
+palette opens in and hands the value to.
+
+Absent is the opaque overlay surface. `glass` is the page's translucent
+ground over the theme's blur, and `frosted` the same pair turned up, so a
+page whose panels are frosted has a palette that matches. Its strength is
+the theme's, as on `Popover`, `Menu` and `Drawer`.
+
+**No `transparent`, deliberately.** A palette over arbitrary page content
+is only readable because it has a ground. */
+  material?: (HelixCommand["material"]) | undefined;
   /** Whether the element starts open. Ignored once `open` is written. */
   "default-open"?: (HelixCommand["defaultOpen"]) | undefined;
   /** Whether the element starts open. Ignored once `open` is written. */
@@ -11798,6 +12052,17 @@ write as a child. */
 };
 
 export type HelixCommandSolidJsProps = {
+  /** The panel's surface: `frosted` or `glass`, as on `Dialog`, which the
+palette opens in and hands the value to.
+
+Absent is the opaque overlay surface. `glass` is the page's translucent
+ground over the theme's blur, and `frosted` the same pair turned up, so a
+page whose panels are frosted has a palette that matches. Its strength is
+the theme's, as on `Popover`, `Menu` and `Drawer`.
+
+**No `transparent`, deliberately.** A palette over arbitrary page content
+is only readable because it has a ground. */
+  "prop:material"?: (HelixCommand["material"]) | undefined;
   /** Whether the element starts open. Ignored once `open` is written. */
   "bool:default-open"?: (HelixCommand["defaultOpen"]) | undefined;
   /** Whether the element starts open. Ignored once `open` is written. */
@@ -12072,6 +12337,36 @@ whatever its `type`. Declared here so its own page says what it holds. */
   value?: (HelixCopyButton["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"?: (HelixCopyButton["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?: (HelixCopyButton["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
@@ -12226,6 +12521,36 @@ whatever its `type`. Declared here so its own page says what it holds. */
   "prop:value"?: (HelixCopyButton["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"?: (HelixCopyButton["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"?: (HelixCopyButton["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
@@ -15539,6 +15864,16 @@ export type HelixDialogHelixBeforeOpenElementEvent =
   HelixDialogElementEvent<HelixBeforeOpenEvent>;
 
 export type HelixDialogProps = {
+  /** The panel's surface: `frosted` or `glass`.
+
+Absent is the opaque overlay surface. `glass` is the page's translucent
+ground over the theme's blur, and `frosted` the same pair turned up, as
+on `Popover`, `Menu`, `Drawer` and `Tooltip`, so a page whose panels are
+frosted has dialogs that match.
+
+**No `transparent`, deliberately.** A dialog over arbitrary page content
+is only readable because it has a ground. */
+  material?: (HelixDialog["material"]) | undefined;
   /** How wide the panel is allowed to be.
 
 Steps rather than a number, because a dialog's width is a fact about what is
@@ -15713,6 +16048,16 @@ survives to it and a consumer reading one back gets what they wrote. */
 };
 
 export type HelixDialogSolidJsProps = {
+  /** The panel's surface: `frosted` or `glass`.
+
+Absent is the opaque overlay surface. `glass` is the page's translucent
+ground over the theme's blur, and `frosted` the same pair turned up, as
+on `Popover`, `Menu`, `Drawer` and `Tooltip`, so a page whose panels are
+frosted has dialogs that match.
+
+**No `transparent`, deliberately.** A dialog over arbitrary page content
+is only readable because it has a ground. */
+  "prop:material"?: (HelixDialog["material"]) | undefined;
   /** How wide the panel is allowed to be.
 
 Steps rather than a number, because a dialog's width is a fact about what is
@@ -20405,6 +20750,36 @@ is the platform's `commandfor`. */
   commandfor?: (HelixIconButton["commandFor"]) | undefined;
   /** The id of the element the command is sent to. */
   commandFor?: (HelixIconButton["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"?: (HelixIconButton["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?: (HelixIconButton["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
@@ -20641,6 +21016,36 @@ is the platform's `commandfor`. */
   "attr:commandfor"?: (HelixIconButton["commandFor"]) | undefined;
   /** The id of the element the command is sent to. */
   "prop:commandFor"?: (HelixIconButton["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"?: (HelixIconButton["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"?: (HelixIconButton["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
@@ -21291,6 +21696,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?: (HelixInput["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?: (HelixInput["autocorrect"]) | undefined;
   /** Whether the field shows a button that empties it.
 
 Shown only while there is something to clear, because a control that does
@@ -21553,6 +21962,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"?: (HelixInput["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"?: (HelixInput["autocorrect"]) | undefined;
   /** Whether the field shows a button that empties it.
 
 Shown only while there is something to clear, because a control that does
@@ -24532,7 +24945,10 @@ export type HelixLogProps = {
 - `plain` has no edge, no fill, no inset and no height of its own: the
   lines start where the text around them does and the log grows with
   them. For a log inside something that already frames it, such as an
-  agent's work in a chat turn's `work` slot.
+  agent's work in a chat turn's `work` slot. Each step is a row with its
+  status mark on that edge and its caret after the heading. A step that
+  holds steps draws a rule beside them, and a step that holds lines draws
+  them on a quiet surface that scrolls after `--log-step-max-block-size`.
 
 Both are writable, so a page can say which it means rather than relying
 on the absence of an attribute. */
@@ -24707,7 +25123,10 @@ export type HelixLogSolidJsProps = {
 - `plain` has no edge, no fill, no inset and no height of its own: the
   lines start where the text around them does and the log grows with
   them. For a log inside something that already frames it, such as an
-  agent's work in a chat turn's `work` slot.
+  agent's work in a chat turn's `work` slot. Each step is a row with its
+  status mark on that edge and its caret after the heading. A step that
+  holds steps draws a rule beside them, and a step that holds lines draws
+  them on a quiet surface that scrolls after `--log-step-max-block-size`.
 
 Both are writable, so a page can say which it means rather than relying
 on the absence of an attribute. */
@@ -26945,6 +27364,20 @@ export type HelixMenuHelixSelectElementEvent =
   HelixMenuElementEvent<HelixSelectEvent>;
 
 export type HelixMenuProps = {
+  /** The panel's surface: `frosted` or `glass`.
+
+Absent is the opaque overlay surface. `glass` is the page's translucent
+ground over a blur, for a page whose surfaces are glass, so a panel opened
+over a glass window is not the one opaque slab on it. `frosted` is the same
+pair turned up, a ground that admits less and a heavier blur.
+
+The strength is the theme's: `--helix-material-translucent`,
+`--helix-material-translucent-strong` and `--helix-material-backdrop` are
+what the policy moves. `Drawer` and `Tooltip` carry the same attribute.
+
+**No `transparent`, deliberately.** A panel floating over arbitrary page
+content is only readable because it has a ground. */
+  material?: (HelixMenu["material"]) | undefined;
   /** The text shown and announced when there are no rows and none are loading. */
   "empty-text"?: (HelixMenu["emptyText"]) | undefined;
   /** The text shown and announced when there are no rows and none are loading. */
@@ -27098,6 +27531,20 @@ is sent on the menu when a reader's choice changes it. */
 };
 
 export type HelixMenuSolidJsProps = {
+  /** The panel's surface: `frosted` or `glass`.
+
+Absent is the opaque overlay surface. `glass` is the page's translucent
+ground over a blur, for a page whose surfaces are glass, so a panel opened
+over a glass window is not the one opaque slab on it. `frosted` is the same
+pair turned up, a ground that admits less and a heavier blur.
+
+The strength is the theme's: `--helix-material-translucent`,
+`--helix-material-translucent-strong` and `--helix-material-backdrop` are
+what the policy moves. `Drawer` and `Tooltip` carry the same attribute.
+
+**No `transparent`, deliberately.** A panel floating over arbitrary page
+content is only readable because it has a ground. */
+  "prop:material"?: (HelixMenu["material"]) | undefined;
   /** The text shown and announced when there are no rows and none are loading. */
   "attr:empty-text"?: (HelixMenu["emptyText"]) | undefined;
   /** The text shown and announced when there are no rows and none are loading. */
@@ -27641,6 +28088,43 @@ fair summary of a task and a poor one of a quantity. */
   textContent?: (string | number) | undefined;
 };
 
+export type HelixMeterSegmentProps = {
+  /** 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?: (HelixMeterSegment["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?: (HelixMeterSegment["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?: (HelixMeterSegment["value"]) | undefined;
+};
+
+export type HelixMeterSegmentSolidJsProps = {
+  /** 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"?: (HelixMeterSegment["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"?: (HelixMeterSegment["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"?: (HelixMeterSegment["value"]) | undefined;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: (string) | undefined;
+  /** Set the textContent of the element */
+  textContent?: (string | number) | undefined;
+};
+
 /** `HelixMotionToggle` component event */
 export type HelixMotionToggleElementEvent<E = Event> = TypedEvent<
   HelixMotionToggle,
@@ -30712,6 +31196,20 @@ export type HelixPopoverHelixBeforeOpenElementEvent =
   HelixPopoverElementEvent<HelixBeforeOpenEvent>;
 
 export type HelixPopoverProps = {
+  /** The panel's surface: `frosted` or `glass`.
+
+Absent is the opaque overlay surface. `glass` is the page's translucent
+ground over a blur, for a page whose surfaces are glass, so a panel opened
+over a glass window is not the one opaque slab on it. `frosted` is the same
+pair turned up, a ground that admits less and a heavier blur.
+
+The strength is the theme's: `--helix-material-translucent`,
+`--helix-material-translucent-strong` and `--helix-material-backdrop` are
+what the policy moves. `Drawer` and `Tooltip` carry the same attribute.
+
+**No `transparent`, deliberately.** A panel floating over arbitrary page
+content is only readable because it has a ground. */
+  material?: (HelixPopover["material"]) | undefined;
   /** How the panel is set apart from the content under it.
 
 One of the axis's four values, which is all this surface has meaning for: a
@@ -30801,6 +31299,20 @@ It moves if that side does not fit. */
 };
 
 export type HelixPopoverSolidJsProps = {
+  /** The panel's surface: `frosted` or `glass`.
+
+Absent is the opaque overlay surface. `glass` is the page's translucent
+ground over a blur, for a page whose surfaces are glass, so a panel opened
+over a glass window is not the one opaque slab on it. `frosted` is the same
+pair turned up, a ground that admits less and a heavier blur.
+
+The strength is the theme's: `--helix-material-translucent`,
+`--helix-material-translucent-strong` and `--helix-material-backdrop` are
+what the policy moves. `Drawer` and `Tooltip` carry the same attribute.
+
+**No `transparent`, deliberately.** A panel floating over arbitrary page
+content is only readable because it has a ground. */
+  "prop:material"?: (HelixPopover["material"]) | undefined;
   /** How the panel is set apart from the content under it.
 
 One of the axis's four values, which is all this surface has meaning for: a
@@ -35503,6 +36015,13 @@ shows the bars behind it. Absent is the filled bar, per the rule that a
 reflected property takes no default, and `solid` writes it out. A
 renderer draws the bars the same way.
 
+**`muted` draws every bar in the neutral ink**, so the one bar whose cell
+names a tone, such as `data-tone="primary"`, is the bar in color, with a
+soft glow in its tone: one reading lit among the others, such as today
+among a week. Each top takes the most ink and each side less, as a
+colored bar's faces do. A renderer draws the neutral bars and the toned
+one, without the glow.
+
 It composes with `material`: emphasis decides what is drawn, and material
 how much of it comes through. The outline on the bar the keys rest on
 keeps its own ink. */
@@ -35613,13 +36132,42 @@ press, and the sound is made only then. */
 for no one else. Reflected, because the stylesheet draws it by the
 attribute, and a page that sets the property, as React does, writes none. */
   summary?: (HelixSpatialBarChart["summary"]) | 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
+  /** 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?: (HelixSpatialBarChart["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"?: (HelixSpatialBarChart["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?: (HelixSpatialBarChart["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"?: (HelixSpatialBarChart["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?: (HelixSpatialBarChart["noBox"]) | undefined;
@@ -35633,6 +36181,15 @@ and a renderer draws no box either. */
   "plot-label"?: (HelixSpatialBarChart["plotLabel"]) | undefined;
   /** The plot's name where the chart has none: no `aria-label`, `label`, or table caption. */
   plotLabel?: (HelixSpatialBarChart["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?: (HelixSpatialBarChart["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. */
@@ -35641,6 +36198,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?: (HelixSpatialBarChart["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?: (HelixSpatialBarChart["variant"]) | undefined;
   /** 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.
 
@@ -35692,6 +36281,13 @@ shows the bars behind it. Absent is the filled bar, per the rule that a
 reflected property takes no default, and `solid` writes it out. A
 renderer draws the bars the same way.
 
+**`muted` draws every bar in the neutral ink**, so the one bar whose cell
+names a tone, such as `data-tone="primary"`, is the bar in color, with a
+soft glow in its tone: one reading lit among the others, such as today
+among a week. Each top takes the most ink and each side less, as a
+colored bar's faces do. A renderer draws the neutral bars and the toned
+one, without the glow.
+
 It composes with `material`: emphasis decides what is drawn, and material
 how much of it comes through. The outline on the bar the keys rest on
 keeps its own ink. */
@@ -35802,13 +36398,42 @@ press, and the sound is made only then. */
 for no one else. Reflected, because the stylesheet draws it by the
 attribute, and a page that sets the property, as React does, writes none. */
   "prop:summary"?: (HelixSpatialBarChart["summary"]) | 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
+  /** 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"?: (HelixSpatialBarChart["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"?: (HelixSpatialBarChart["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"?: (HelixSpatialBarChart["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"?: (HelixSpatialBarChart["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"?: (HelixSpatialBarChart["noBox"]) | undefined;
@@ -35822,6 +36447,15 @@ and a renderer draws no box either. */
   "attr:plot-label"?: (HelixSpatialBarChart["plotLabel"]) | undefined;
   /** The plot's name where the chart has none: no `aria-label`, `label`, or table caption. */
   "prop:plotLabel"?: (HelixSpatialBarChart["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"?: (HelixSpatialBarChart["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. */
@@ -35830,6 +36464,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"?: (HelixSpatialBarChart["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"?: (HelixSpatialBarChart["variant"]) | undefined;
   /** 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.
 
@@ -39216,6 +39882,14 @@ own. */
   /** How much the glow around the strands adds, as a multiplier. `0` draws the
 strands alone, crisp and dimmer, and `1` is the default glow. */
   bloom?: (HelixStrands["bloom"]) | undefined;
+  /** Whether the light is drawn alone, without the ground under it, so what is
+behind the element shows through, such as a translucent pane or a window's
+glass. The ground still says which way the page runs: light added on a
+dark one, ink on a light one.
+
+Reflected because the stylesheet selects on it: the band under the canvas
+shows only while the element falls back, and loses its ground too. */
+  clear?: (HelixStrands["clear"]) | undefined;
   /** How far apart the brightest and dimmest strands are, from `0`, most of
 them alike, to `1`, a few burning bright over many faint ones. Clamped to
 that range. The ribbon as a whole keeps its strength. */
@@ -39281,6 +39955,14 @@ own. */
   /** How much the glow around the strands adds, as a multiplier. `0` draws the
 strands alone, crisp and dimmer, and `1` is the default glow. */
   "prop:bloom"?: (HelixStrands["bloom"]) | undefined;
+  /** Whether the light is drawn alone, without the ground under it, so what is
+behind the element shows through, such as a translucent pane or a window's
+glass. The ground still says which way the page runs: light added on a
+dark one, ink on a light one.
+
+Reflected because the stylesheet selects on it: the band under the canvas
+shows only while the element falls back, and loses its ground too. */
+  "prop:clear"?: (HelixStrands["clear"]) | undefined;
   /** How far apart the brightest and dimmest strands are, from `0`, most of
 them alike, to `1`, a few burning bright over many faint ones. Clamped to
 that range. The ribbon as a whole keeps its strength. */
@@ -40721,6 +41403,33 @@ export type HelixTabsHelixSelectElementEvent =
   HelixTabsElementEvent<HelixSelectEvent>;
 
 export type HelixTabsProps = {
+  /** When the close mark of each `dismissible` tab shows.
+
+Unset, or `always`, every mark shows. `hover` shows a tab's mark while it
+is current, under the pointer, or holds focus, and keeps its room on every
+tab, so the labels do not move as the marks come and go. For a strip of
+many dismissible tabs, where a mark on each reads as a row of crosses. A
+keyboard closes a tab with Delete whether its mark shows or not. */
+  "dismiss-marks"?: (HelixTabs["dismissMarks"]) | undefined;
+  /** When the close mark of each `dismissible` tab shows.
+
+Unset, or `always`, every mark shows. `hover` shows a tab's mark while it
+is current, under the pointer, or holds focus, and keeps its room on every
+tab, so the labels do not move as the marks come and go. For a strip of
+many dismissible tabs, where a mark on each reads as a row of crosses. A
+keyboard closes a tab with Delete whether its mark shows or not. */
+  dismissMarks?: (HelixTabs["dismissMarks"]) | undefined;
+  /** How loud the mark on the current tab is.
+
+Unset is the mark `variant` draws at rest. `subtle` is a tint with no
+edge or shadow: the raised pill becomes a wash, the `segmented` track's
+pill does the same inside it, and the `underlined` bar takes the
+foreground's ink in place of the primary color. For tabs inside other
+chrome, where a raised mark reads as a control laid on top of it.
+
+Independent of `variant`, since each of its marks has a quiet form: the two
+answer different questions, which is the test the axis registry applies. */
+  emphasis?: (HelixTabs["emphasis"]) | undefined;
   /** The `value` of the current item.
 
 Not `option.active`, which is the option the keyboard is on: that is a
@@ -40796,6 +41505,33 @@ consumer's server markup does not already have. */
 };
 
 export type HelixTabsSolidJsProps = {
+  /** When the close mark of each `dismissible` tab shows.
+
+Unset, or `always`, every mark shows. `hover` shows a tab's mark while it
+is current, under the pointer, or holds focus, and keeps its room on every
+tab, so the labels do not move as the marks come and go. For a strip of
+many dismissible tabs, where a mark on each reads as a row of crosses. A
+keyboard closes a tab with Delete whether its mark shows or not. */
+  "attr:dismiss-marks"?: (HelixTabs["dismissMarks"]) | undefined;
+  /** When the close mark of each `dismissible` tab shows.
+
+Unset, or `always`, every mark shows. `hover` shows a tab's mark while it
+is current, under the pointer, or holds focus, and keeps its room on every
+tab, so the labels do not move as the marks come and go. For a strip of
+many dismissible tabs, where a mark on each reads as a row of crosses. A
+keyboard closes a tab with Delete whether its mark shows or not. */
+  "prop:dismissMarks"?: (HelixTabs["dismissMarks"]) | undefined;
+  /** How loud the mark on the current tab is.
+
+Unset is the mark `variant` draws at rest. `subtle` is a tint with no
+edge or shadow: the raised pill becomes a wash, the `segmented` track's
+pill does the same inside it, and the `underlined` bar takes the
+foreground's ink in place of the primary color. For tabs inside other
+chrome, where a raised mark reads as a control laid on top of it.
+
+Independent of `variant`, since each of its marks has a quiet form: the two
+answer different questions, which is the test the axis registry applies. */
+  "prop:emphasis"?: (HelixTabs["emphasis"]) | undefined;
   /** The `value` of the current item.
 
 Not `option.active`, which is the option the keyboard is on: that is a
@@ -45852,6 +46588,10 @@ appeared in the server's markup for every tree anybody rendered, which is
 the same fault `href` and `target` had on `Button`. The resting arrangement
 is the absence of the attribute, and the stylesheet only asks about `end`.
 
+`label` sets the chevron against the end of a branch's name, where the name
+takes only its own width, and leaves the `end` slot at the row's far side.
+A leaf is unchanged, since it has no chevron.
+
 It is worth owning rather than leaving to `::part(toggle)`, which a
 consumer could reach for: the naive version is `order` plus an auto margin,
 and the row's `end` slot already carries an auto margin of its own, so the
@@ -45874,6 +46614,10 @@ appeared in the server's markup for every tree anybody rendered, which is
 the same fault `href` and `target` had on `Button`. The resting arrangement
 is the absence of the attribute, and the stylesheet only asks about `end`.
 
+`label` sets the chevron against the end of a branch's name, where the name
+takes only its own width, and leaves the `end` slot at the row's far side.
+A leaf is unchanged, since it has no chevron.
+
 It is worth owning rather than leaving to `::part(toggle)`, which a
 consumer could reach for: the naive version is `order` plus an auto margin,
 and the row's `end` slot already carries an auto margin of its own, so the
@@ -46038,6 +46782,10 @@ appeared in the server's markup for every tree anybody rendered, which is
 the same fault `href` and `target` had on `Button`. The resting arrangement
 is the absence of the attribute, and the stylesheet only asks about `end`.
 
+`label` sets the chevron against the end of a branch's name, where the name
+takes only its own width, and leaves the `end` slot at the row's far side.
+A leaf is unchanged, since it has no chevron.
+
 It is worth owning rather than leaving to `::part(toggle)`, which a
 consumer could reach for: the naive version is `order` plus an auto margin,
 and the row's `end` slot already carries an auto margin of its own, so the
@@ -46060,6 +46808,10 @@ appeared in the server's markup for every tree anybody rendered, which is
 the same fault `href` and `target` had on `Button`. The resting arrangement
 is the absence of the attribute, and the stylesheet only asks about `end`.
 
+`label` sets the chevron against the end of a branch's name, where the name
+takes only its own width, and leaves the `end` slot at the row's far side.
+A leaf is unchanged, since it has no chevron.
+
 It is worth owning rather than leaving to `::part(toggle)`, which a
 consumer could reach for: the naive version is `order` plus an auto margin,
 and the row's `end` slot already carries an auto margin of its own, so the
@@ -50436,7 +51188,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `expand`: The button after the first crumb of a folded slotted trail, which shows the folded crumbs.
    * - `fold-separator`: The chevron before that button.
    * - `link`: The crumb itself, which is an `<a>` where `href` is set.
-   * - `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
    *
@@ -50478,6 +51230,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.
    *
@@ -50532,7 +51296,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`.
    *
    * ## CSS States
    *
@@ -50748,6 +51512,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
@@ -51835,6 +52613,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.
@@ -52376,15 +53164,36 @@ export type CustomElements<F extends Framework = "other"> = {
   >;
 
   /**
-   * The composer is one row, and the field takes the remaining width. The field
-   * grows with its text up to a maximum height, through `field-sizing: content`.
-   * Where that is not supported, the field keeps its rows and scrolls. The
-   * maximum height keeps the composer from covering the transcript.
+   * The composer is one box. What the draft carries sits at its top, in a row
+   * that wraps, inset to the line the caret starts on. The field grows with its
+   * text up to a maximum height, through `field-sizing: content`. Where that is
+   * not supported, the field keeps its rows and scrolls. The maximum height
+   * keeps the composer from covering the transcript.
+   *
+   * With two `placeholders` or more, each example rolls into the next: the one
+   * showing rises a little as it fades and blurs, and the next rises into its
+   * place from below as it fades in, the two crossing so the field is never
+   * empty. A box that changes height for the next example changes as it
+   * lands. Where the browser has no CSS anchor
+   * positioning, the examples fade into each other in the field's own
+   * placeholder.
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `glow`: Draws the composer's focus as a glow: a light that runs once around the
+   * edge as the composer takes focus, then a soft steady edge while it holds
+   * it, in place of the focus ring.
+   *
+   * **On focus, and only then.** It says the composer is listening. A glow
+   * that ran while a reply was on its way would be a second indicator of what
+   * the conversation already shows, and one that ran all the time would be
+   * decoration that moves. With reduced motion asked for, the edge lights
+   * without the sweep.
+   *
+   * The steady edge is the focus indicator, so the ring is not drawn as well.
+   * Its color is `--chat-composer-glow-color`, the primary color unless set.
    * - `listening-label`/`listeningLabel`: What a screen reader hears as listening starts.
    * - `stopped-listening-label`/`stoppedListeningLabel`: What a screen reader hears as listening stops.
    * - `voice`: Draws a button that listens for dictation and types what it hears at
@@ -52393,6 +53202,16 @@ export type CustomElements<F extends Framework = "other"> = {
    * `email` or `number` draws no button.
    * - `voice-label`/`voiceLabel`: The dictation button's name while it is not listening.
    * - `voice-stop-label`/`voiceStopLabel`: The dictation button's name while it listens.
+   * - `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.
@@ -52401,12 +53220,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.
    *
@@ -52446,6 +53281,22 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `speechEngine`: The engine this field listens through, in place of the one
    * `registerSpeechEngine` gave the page, or the browser's own. (property only)
    * - `listening`: Whether the field is listening for dictation now. (property only) (readonly)
+   * - `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)
    * - `validity`: Whether the control meets its constraints, and why not. (property only) (readonly)
@@ -52481,6 +53332,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.
    *
@@ -52488,8 +53340,10 @@ 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.
    * - `start`: Content under the field at the leading edge, such as an attachment button or a model picker.
+   * - `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.
    *
    * ## Methods
    *
@@ -52562,6 +53416,7 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * - `--chat-composer-background-color`: Fill behind the composer.
    * - `--chat-composer-border-width`: Width of the composer's edge, so your theme can remove it.
+   * - `--chat-composer-glow-color`: Color of the focus glow under `glow`. Defaults to the primary color.
    * - `--chat-composer-max-block-size`: Maximum height the field grows to.
    * - `--dictation-level`: How loud the microphone is while the field listens for dictation, from 0 to 1, which the element sets; the ring around the dictation button grows with it.
    *
@@ -52569,13 +53424,27 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `attachments`: The row above the field that holds the `attachments` slot, inset to the field's text and hidden while the slot is empty.
+   * - `example`: The example drawn over the empty field while `placeholders` holds two or more, in the field's box. It is a second field that shows only its placeholder, hidden from screen readers. Style its `::placeholder` where you style the field's.
+   * - `example-leaving`: The example on its way out while the next comes in, for its first 250 milliseconds. Set together with `example`.
    * - `field`: The text field.
    * - `send`: The send button.
    * - `tools`: The row under the field.
    * - `composer`: The whole composer.
    * - `end`: The box around the `end` slot.
    * - `feedback`: The `feedback` message, under the field while it is set.
-   * - `mark`: The icon inside the send button.
+   * - `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`.
    * - `start`: The box around the `start` slot.
    * - `voice`: The dictation button, under `voice`, before the send button.
    * - `voice-listening`: The dictation button while it listens. Set alongside `voice`.
@@ -52585,6 +53454,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.
@@ -52685,6 +53556,7 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * - `(default)`: The turn's content.
    * - `actions`: Controls for the turn.
+   * - `attachments`: What the turn carries, such as images or files, above the bubble.
    * - `avatar`: The author's avatar.
    * - `indicator`: The indicator shown before the first token arrives. Replaces the three dots.
    * - `sources`: The turn's sources, such as citations, documents, or a retrieved page.
@@ -52713,6 +53585,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `indicator`: The three dots, shown when nothing is in the `indicator` slot.
    * - `meta`: The time and the state together.
    * - `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.
    * - `mark`: The status icon beside a failure.
@@ -52915,6 +53788,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `loading`: Shown while the history loads.
    * - `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.
@@ -54740,7 +55614,7 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * - `--color-input-background-color`: Fill behind the field.
    * - `--color-input-border-color`: Color of the panel's edge.
-   * - `--color-input-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless a theme sets a border. `--helix-border-floating`, which is `0`, so the panel is told apart by its lift unless a theme says otherwise.
+   * - `--color-input-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--color-input-panel-size`: Width of the panel, and so of the square.
    * - `--color-input-shadow`: Shadow under the panel. Defaults to `--helix-shadow-floating`, so the panel keeps a shadow over any content below it. `--helix-shadow-floating`: a floating surface sits over content nobody can predict, so it keeps a lift by default.
    * - `--color-input-swatch-radius`: Corner radius of the swatch in `variant="swatch"`.
@@ -55573,7 +56447,7 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * - `--combobox-background-color`: Fill behind the field.
    * - `--combobox-border-color`: Color of the panel's edge.
-   * - `--combobox-border-width`: Width of the panel's edge. Follows `--helix-border-floating`, which is `0` unless your theme sets it, so the panel's shadow sets it apart.
+   * - `--combobox-border-width`: Width of the panel's edge. Follows `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--combobox-control-size`: Smallest the text field shrinks to once tags share its line.
    * - `--combobox-panel-size`: Width of the panel. Follows the field by default.
    * - `--combobox-shadow`: Shadow under the panel. Follows `--helix-shadow-floating`. A floating panel can sit over any content, so it has a shadow by default.
@@ -55644,6 +56518,16 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `material`: The panel's surface: `frosted` or `glass`, as on `Dialog`, which the
+   * palette opens in and hands the value to.
+   *
+   * Absent is the opaque overlay surface. `glass` is the page's translucent
+   * ground over the theme's blur, and `frosted` the same pair turned up, so a
+   * page whose panels are frosted has a palette that matches. Its strength is
+   * the theme's, as on `Popover`, `Menu` and `Drawer`.
+   *
+   * **No `transparent`, deliberately.** A palette over arbitrary page content
+   * is only readable because it has a ground.
    * - `default-open`/`defaultOpen`: Whether the element starts open. Ignored once `open` is written.
    * - `open`: Whether the element is open.
    *
@@ -55801,6 +56685,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * CSS variables available for styling the component.
    *
    * - `--command-list-size`: How tall the list grows before it scrolls.
+   * - `--command-radius`: The corners of the palette's panel. Defaults to the dialog's.
    * - `--command-size`: How wide the palette is. Defaults to `40rem`.
    *
    * ## CSS Parts
@@ -55919,6 +56804,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
@@ -56975,7 +57874,7 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * - `--date-input-background-color`: The fill behind the field.
    * - `--date-input-border-color`: The color of the panel's border.
-   * - `--date-input-border-width`: The width of the panel's border. It follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless a theme sets a border.
+   * - `--date-input-border-width`: The width of the panel's border. It follows `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--date-input-segment-focus-background-color`: The fill behind the segment with focus, in `segmented`. It follows `--helix-color-primary-surface`.
    * - `--date-input-segment-focus-color`: The text of the segment with focus, in `segmented`.
    * - `--date-input-segment-literal-color`: The text the locale writes between two segments, in `segmented`.
@@ -57883,6 +58782,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.
@@ -57921,6 +58830,15 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `material`: The panel's surface: `frosted` or `glass`.
+   *
+   * Absent is the opaque overlay surface. `glass` is the page's translucent
+   * ground over the theme's blur, and `frosted` the same pair turned up, as
+   * on `Popover`, `Menu`, `Drawer` and `Tooltip`, so a page whose panels are
+   * frosted has dialogs that match.
+   *
+   * **No `transparent`, deliberately.** A dialog over arbitrary page content
+   * is only readable because it has a ground.
    * - `size`: How wide the panel is allowed to be.
    *
    * Steps rather than a number, because a dialog's width is a fact about what is
@@ -58096,9 +59014,10 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--dialog-backdrop`: Filter applied behind a `frosted` or `glass` panel. Follows the theme's material policy.
    * - `--dialog-background-color`: The panel's fill. Follows `--helix-color-surface-overlay`.
    * - `--dialog-border-color`: Color of the panel's edge.
-   * - `--dialog-border-width`: Width of the panel's edge. Follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a border.
+   * - `--dialog-border-width`: Width of the panel's edge. Follows `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--dialog-color`: Color of the words in the panel. Follows `--helix-color-foreground`.
    * - `--dialog-icon-size`: How big the mark above the title is.
    * - `--dialog-inline-size`: Width of the panel.
@@ -58741,7 +59660,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `--drawer-backdrop`: Filter applied behind a `frosted` or `glass` drawer. Follows the theme's material policy. Set it to change the strength on one drawer.
    * - `--drawer-background-color`: Surface behind the panel.
    * - `--drawer-border-color`: Color of the panel's edge.
-   * - `--drawer-border-width`: Width of the panel's edge. Follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a border.
+   * - `--drawer-border-width`: Width of the panel's edge. Follows `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--drawer-padding`: Padding inside the panel.
    * - `--drawer-padding-block-start`: Padding above the header. It is one step larger than the other three sides, so the first line clears the window's edge. Falls back to `--drawer-padding`, so setting that alone sets all four sides.
    * - `--drawer-radius`: Corner radius on the edges that face the page.
@@ -60867,6 +61786,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.
@@ -61464,6 +62393,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
@@ -62073,6 +63016,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
@@ -64289,7 +65235,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-log-group": Partial<
@@ -64415,7 +65363,10 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `plain` has no edge, no fill, no inset and no height of its own: the
    *   lines start where the text around them does and the log grows with
    *   them. For a log inside something that already frames it, such as an
-   *   agent's work in a chat turn's `work` slot.
+   *   agent's work in a chat turn's `work` slot. Each step is a row with its
+   *   status mark on that edge and its caret after the heading. A step that
+   *   holds steps draws a rule beside them, and a step that holds lines draws
+   *   them on a quiet surface that scrolls after `--log-step-max-block-size`.
    *
    * Both are writable, so a page can say which it means rather than relying
    * on the absence of an attribute.
@@ -64573,6 +65524,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `--log-radius`: The corners of the log.
    * - `--log-scrollbar-thumb-color`: The thumb of the scrollbar. Defaults to `--helix-scrollbar-thumb-color`.
    * - `--log-scrollbar-track-color`: The track of the scrollbar. Defaults to `--helix-scrollbar-track-color`.
+   * - `--log-step-max-block-size`: How tall a step's lines may get in a `plain` log before they scroll. Defaults to 20rem.
    * - `--log-ansi-background`: The background a run takes where ANSI swaps the colors and named none. Defaults to the log's own background on the styled tier.
    * - `--log-ansi-black`: The ANSI color black, which codes `30` and `40` draw.
    * - `--log-ansi-blue`: The ANSI color blue, which codes `34` and `44` draw.
@@ -64600,7 +65552,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`.
@@ -64646,7 +65598,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.
@@ -65588,6 +66540,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.
@@ -65968,7 +66930,7 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * - `--megamenu-backdrop`: The filter behind the panel, `none` by default. This family has no `material` property, so this and `--megamenu-background-color` set the panel's material.
    * - `--megamenu-background-color`: The panel's fill.
-   * - `--megamenu-border-width`: The width of the panel's edge. Follows `--helix-border-floating`, which is `0` unless a theme changes it, so the panel stands out by its shadow.
+   * - `--megamenu-border-width`: The width of the panel's edge. Follows `--helix-border-floating`, a hairline, which is drawn in dark mode only. Set it to `0` for the shadow alone.
    * - `--megamenu-column-size`: The minimum width of a column before the grid wraps.
    * - `--megamenu-duration`: How long the panel takes to open and close.
    * - `--megamenu-full-size`: The maximum width of the band's contents, which are centered in it.
@@ -66211,6 +67173,19 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `material`: The panel's surface: `frosted` or `glass`.
+   *
+   * Absent is the opaque overlay surface. `glass` is the page's translucent
+   * ground over a blur, for a page whose surfaces are glass, so a panel opened
+   * over a glass window is not the one opaque slab on it. `frosted` is the same
+   * pair turned up, a ground that admits less and a heavier blur.
+   *
+   * The strength is the theme's: `--helix-material-translucent`,
+   * `--helix-material-translucent-strong` and `--helix-material-backdrop` are
+   * what the policy moves. `Drawer` and `Tooltip` carry the same attribute.
+   *
+   * **No `transparent`, deliberately.** A panel floating over arbitrary page
+   * content is only readable because it has a ground.
    * - `empty-text`/`emptyText`: The text shown and announced when there are no rows and none are loading.
    * - `loading`: Whether the rows are still loading.
    *
@@ -66360,9 +67335,10 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--menu-backdrop`: Filter applied behind a `frosted` or `glass` panel. Follows the theme's material policy.
    * - `--menu-background-color`: Fill of the surface.
    * - `--menu-border-color`: Color of the panel's edge.
-   * - `--menu-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless a theme sets a border.
+   * - `--menu-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--menu-max-block-size`: The tallest the menu grows before it scrolls.
    * - `--menu-min-inline-size`: The narrowest the menu gets.
    * - `--menu-shadow`: Shadow under the panel. Defaults to `--helix-shadow-floating`, so the panel keeps a shadow over any content below it.
@@ -66456,6 +67432,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-menu-section": Partial<
@@ -66641,6 +67618,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * Areas where markup can be added to the component.
    *
    * - `label`: A visible label, above a bar and under a ring or an arc. Its words name it in place of `label`.
+   * - `(default)`: `Meter.Segment` elements, one for each share of the whole, drawn in the bar.
    *
    * ## CSS Custom Properties
    *
@@ -66662,6 +67640,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
@@ -66693,6 +67672,84 @@ export type CustomElements<F extends Framework = "other"> = {
    */
   "helix-meter": Partial<HelixMeterProps & BaseProps<HelixMeter, F> & BaseEvents<HelixMeter>>;
 
+  /**
+   * Each segment takes the next color in the chart series, in the order written, so
+   * two of them are told apart without being given a color. A `tone` is what a
+   * segment means, and takes the place of its turn. A hairline in the track's ground
+   * sits between neighbors, so the boundary is there for a reader who cannot tell
+   * two of the colors apart.
+   *
+   * Write the segments inside a meter, and the page imports the family beside it:
+   *
+   * ```js
+   * import '@fusion.dev/helix/meter'
+   * ```
+   *
+   * ## 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-color`: The slice's color. Overrides the series and the tone.
+   * - `--meter-segment-gap-color`: The color of the hairline between neighbors.
+   * - `--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-meter-segment": Partial<
+    HelixMeterSegmentProps & BaseProps<HelixMeterSegment, F> & BaseEvents<HelixMeterSegment>
+  >;
+
   /**
    * A quiet square button, as the controls over a map are, with the pause icon
    * while motion runs and the play icon while it is paused. Text slotted into
@@ -69335,6 +70392,19 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `material`: The panel's surface: `frosted` or `glass`.
+   *
+   * Absent is the opaque overlay surface. `glass` is the page's translucent
+   * ground over a blur, for a page whose surfaces are glass, so a panel opened
+   * over a glass window is not the one opaque slab on it. `frosted` is the same
+   * pair turned up, a ground that admits less and a heavier blur.
+   *
+   * The strength is the theme's: `--helix-material-translucent`,
+   * `--helix-material-translucent-strong` and `--helix-material-backdrop` are
+   * what the policy moves. `Drawer` and `Tooltip` carry the same attribute.
+   *
+   * **No `transparent`, deliberately.** A panel floating over arbitrary page
+   * content is only readable because it has a ground.
    * - `separation`: How the panel is set apart from the content under it.
    *
    * One of the axis's four values, which is all this surface has meaning for: a
@@ -69443,8 +70513,10 @@ export type CustomElements<F extends Framework = "other"> = {
    * CSS variables available for styling the component.
    *
    * - `--popover-arrow-size`: Size of the point drawn with `arrow`. Tooltip's point is the same size.
+   * - `--popover-backdrop`: Filter applied behind a `frosted` or `glass` panel. Follows the theme's material policy.
+   * - `--popover-background-color`: Fill of the surface.
    * - `--popover-border-color`: Color of the panel's edge.
-   * - `--popover-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a width.
+   * - `--popover-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--popover-inline-size`: Width of the panel.
    * - `--popover-max-block-size`: Maximum height of the panel before it scrolls.
    * - `--popover-padding`: Space between the panel's edge and its contents.
@@ -71860,6 +72932,17 @@ export type CustomElements<F extends Framework = "other"> = {
    * styled to match the design system. The base class measures which edges have
    * content past them.
    *
+   * **The content fades out toward each edge that has more past it.** The fade
+   * is a mask on the viewport, so the surface behind the scroll area shows
+   * through it: the page, a card, or a translucent pane. Set the depth with
+   * `--scroll-area-fade`, or one edge's depth with its own property, and use `0`
+   * to keep an edge from fading. A scrollbar that takes room beside the content
+   * stays out of the mask.
+   *
+   * **Set `--scroll-area-fade-color` to paint the fades.** Each fade is then a
+   * gradient from that color over the content, and there is no mask. Use it for
+   * a scroll area on a solid ground, in the ground's color or one of your own.
+   *
    * Under `scrollbars`, the browser's scrollbar is hidden and the component's own
    * are drawn over the content at the edge, in the same colors.
    *
@@ -71933,10 +73016,10 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--scroll-area-fade`: The depth of the fades at both edges.
+   * - `--scroll-area-fade`: The depth of the fade at each edge.
    * - `--scroll-area-fade-block-end`: The depth of the bottom fade, or `0` to remove it.
    * - `--scroll-area-fade-block-start`: The depth of the top fade, or `0` to remove it.
-   * - `--scroll-area-fade-color`: The color the fades blend into, which is the background behind the box.
+   * - `--scroll-area-fade-color`: The color to paint the fades in, as a gradient over the content at each edge. Unset, the fades are a mask.
    * - `--scroll-area-fade-inline-end`: The depth of the fade at the inline end, or `0` to remove it.
    * - `--scroll-area-fade-inline-start`: The depth of the fade at the inline start, or `0` to remove it.
    * - `--scroll-area-scrollbar`: The scrollbar width, as a `scrollbar-width` keyword.
@@ -71945,6 +73028,8 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `--scroll-area-thumb-hover-color`: The color of the browser's thumb while the pointer is over the scroll area, and of a thumb drawn under `scrollbars` while the pointer is over it. Defaults to `--helix-scrollbar-thumb-hover-color`.
    * - `--scroll-area-thumb-min-size`: The shortest a thumb drawn under `scrollbars` gets, however long the content.
    * - `--scroll-area-track-color`: The color of the scrollbar's track. Defaults to `--helix-scrollbar-track-color`.
+   * - `--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.
    *
@@ -71953,7 +73038,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`.
@@ -72303,7 +73388,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * CSS variables available for styling the component.
    *
    * - `--select-border-color`: Color of the panel's edge.
-   * - `--select-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a width.
+   * - `--select-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--select-shadow`: Shadow under the panel. Defaults to `--helix-shadow-floating`, because the panel can sit over any content.
    * - `--select-surface-max-block-size`: Maximum height of the panel.
    * - `--floating-anchor-inline-size`: The trigger's width, written on the panel while it is open, as in `min-inline-size: var(--floating-anchor-inline-size)`. Read it; a value set here is written over.
@@ -72602,7 +73687,7 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * - `--skip-link-background-color`: The background of the link while it is shown.
    * - `--skip-link-border-color`: The border color of the link while it is shown.
-   * - `--skip-link-border-width`: The border width of the link while it is shown. Follows `--helix-border-floating`, which is `0`, so the link is set apart by its shadow unless a theme sets a border.
+   * - `--skip-link-border-width`: The border width of the link while it is shown. Follows `--helix-border-floating`, a hairline. Set it to `0` for the shadow alone.
    * - `--skip-link-color`: The text color of the link while it is shown.
    * - `--skip-link-font-size`: The size of the link's text.
    * - `--skip-link-inset-block`: How far the shown link sits from the top of the viewport.
@@ -73225,6 +74310,13 @@ export type CustomElements<F extends Framework = "other"> = {
    * reflected property takes no default, and `solid` writes it out. A
    * renderer draws the bars the same way.
    *
+   * **`muted` draws every bar in the neutral ink**, so the one bar whose cell
+   * names a tone, such as `data-tone="primary"`, is the bar in color, with a
+   * soft glow in its tone: one reading lit among the others, such as today
+   * among a week. Each top takes the most ink and each side less, as a
+   * colored bar's faces do. A renderer draws the neutral bars and the toned
+   * one, without the glow.
+   *
    * It composes with `material`: emphasis decides what is drawn, and material
    * how much of it comes through. The outline on the bar the keys rest on
    * keeps its own ink.
@@ -73287,16 +74379,73 @@ export type CustomElements<F extends Framework = "other"> = {
    * `hidden`, or absent, says the summary to a screen reader and draws it
    * for no one else. Reflected, because the stylesheet draws it by the
    * attribute, and a page that sets the property, as React does, writes none.
-   * - `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.
    * - `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.
@@ -73345,6 +74494,11 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `field`: The table read as bars. **Each row is a category, and each numeric
    * 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)
+   * - `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)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -73432,8 +74586,16 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--spatial-bar-chart-bar-size`: How wide each bar of a `row` or a `diagonal` stands on the page, whatever the number of bars: the row is as long as its bars make it, centered in the plot, and 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. `fits` says how many bars the plot holds. Unset, the row fills the plot's width.
    * - `--spatial-bar-chart-block-size`: How tall the plot is. By default, three quarters of its width and 22em at most.
-   * - `--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
    *
@@ -73446,6 +74608,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.
@@ -73457,7 +74621,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`.
@@ -73474,6 +74638,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
    *
@@ -76027,6 +77192,10 @@ export type CustomElements<F extends Framework = "other"> = {
    * `at` is nearer, and crosses in one diagonal to the far side. `waves` is sharp
    * strands crossing the full width.
    *
+   * **Clear, over glass.** Set `clear` and the ribbon is drawn without its
+   * ground, so a translucent pane or a frosted window behind the element shows
+   * through, with the light over it.
+   *
    * **Quiet behind words.** `quiet` names elements, such as a hero's words, that
    * the light dims behind to a faint glow, so a bright ribbon can cross the page
    * under them and they stay crisp.
@@ -76072,6 +77241,13 @@ export type CustomElements<F extends Framework = "other"> = {
    * own.
    * - `bloom`: How much the glow around the strands adds, as a multiplier. `0` draws the
    * strands alone, crisp and dimmer, and `1` is the default glow.
+   * - `clear`: Whether the light is drawn alone, without the ground under it, so what is
+   * behind the element shows through, such as a translucent pane or a window's
+   * glass. The ground still says which way the page runs: light added on a
+   * dark one, ink on a light one.
+   *
+   * Reflected because the stylesheet selects on it: the band under the canvas
+   * shows only while the element falls back, and loses its ground too.
    * - `contrast`: How far apart the brightest and dimmest strands are, from `0`, most of
    * them alike, to `1`, a few burning bright over many faint ones. Clamped to
    * that range. The ribbon as a whole keeps its strength.
@@ -77189,10 +78365,40 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `underlined` makes it a bar along the bottom of the strip, on a rule.
    * - `segmented` makes it the size of the tab's box, inside a sunken track.
    *
+   * `emphasis="subtle"` makes the mark quieter, for tabs inside other chrome
+   * such as a pane's header: a tint with no edge or shadow, the same wash a
+   * subtle button takes.
+   *
+   * **Tabs with no panels are a strip.** Where what each tab stands for lives
+   * outside the set, such as a pane's pages or shells, leave the panels out: the
+   * tabs keep their keys and their selection, `active` and `helix-activate` say
+   * which is current, and the page shows the rest. Put a control that adds a tab,
+   * such as a plus, beside the set rather than in it, so the tab list holds tabs
+   * alone. With `dismissible` tabs, `dismiss-marks="hover"` keeps each close
+   * mark out of sight until the tab is current, under the pointer, or holds
+   * focus, as a browser's tabs do.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `dismiss-marks`/`dismissMarks`: When the close mark of each `dismissible` tab shows.
+   *
+   * Unset, or `always`, every mark shows. `hover` shows a tab's mark while it
+   * is current, under the pointer, or holds focus, and keeps its room on every
+   * tab, so the labels do not move as the marks come and go. For a strip of
+   * many dismissible tabs, where a mark on each reads as a row of crosses. A
+   * keyboard closes a tab with Delete whether its mark shows or not.
+   * - `emphasis`: How loud the mark on the current tab is.
+   *
+   * Unset is the mark `variant` draws at rest. `subtle` is a tint with no
+   * edge or shadow: the raised pill becomes a wash, the `segmented` track's
+   * pill does the same inside it, and the `underlined` bar takes the
+   * foreground's ink in place of the primary color. For tabs inside other
+   * chrome, where a raised mark reads as a control laid on top of it.
+   *
+   * Independent of `variant`, since each of its marks has a quiet form: the two
+   * answer different questions, which is the test the axis registry applies.
    * - `active`: The `value` of the current item.
    *
    * Not `option.active`, which is the option the keyboard is on: that is a
@@ -77425,6 +78631,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * - `--tabs-tab-font-weight`: The weight of a tab's label.
    * - `--tabs-tab-hover-background-color`: The wash under the pointer.
    * - `--tabs-tab-hover-color`: The label color under the pointer.
+   * - `--tabs-tab-max-inline-size`: The widest a tab grows. A longer label ends in an ellipsis, as a tag's does. Unset, a tab is as wide as its label.
    * - `--tabs-tab-padding-inline`: The space either side of the label.
    * - `--tabs-tab-radius`: The corners of a tab, which the hover wash takes.
    * - `--tabs-tab-selected-background-color`: The fill of the current tab itself, under the moving mark.
@@ -77436,6 +78643,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, which shortens with an ellipsis under `--tabs-tab-max-inline-size`.
    * - `tab`: The tab itself.
    *
    * ## CSS States
@@ -77644,7 +78852,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
    *
@@ -77950,6 +79158,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
@@ -78763,7 +79981,7 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * - `--time-input-background-color`: Fill behind the field.
    * - `--time-input-border-color`: Color of the panel's edge.
-   * - `--time-input-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a width.
+   * - `--time-input-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--time-input-segment-focus-background-color`: The fill behind the segment with focus, in `segmented`. It follows `--helix-color-primary-surface`.
    * - `--time-input-segment-focus-color`: The text of the segment with focus, in `segmented`.
    * - `--time-input-segment-literal-color`: The text the locale writes between two segments, in `segmented`.
@@ -79638,7 +80856,7 @@ export type CustomElements<F extends Framework = "other"> = {
    *
    * - `--toast-background-color`: The panel's color. Follows `--helix-color-surface-overlay`.
    * - `--toast-border-color`: Color of the panel's edge.
-   * - `--toast-border-width`: Width of the panel's edge. Follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a border.
+   * - `--toast-border-width`: Width of the panel's edge. Follows `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--toast-color`: Color of the message's text.
    * - `--toast-description-color`: Color of the line in the `description` slot, under the heading.
    * - `--toast-dismiss-color`: Color of the dismiss control's mark at rest.
@@ -80806,7 +82024,7 @@ export type CustomElements<F extends Framework = "other"> = {
    * CSS variables available for styling the component.
    *
    * - `--tour-arrow-size`: The size of the arrow's box, before it is rotated.
-   * - `--tour-border-width`: The width of the panel's border. It follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless a theme sets a border.
+   * - `--tour-border-width`: The width of the panel's border. It follows `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--tour-bubble-size`: The widest the panel can grow.
    * - `--tour-padding`: The padding inside the panel.
    * - `--tour-shadow`: The shadow under the panel. It follows `--helix-shadow-floating`. The panel can sit over any content, so it has a shadow by default.
@@ -81083,6 +82301,10 @@ export type CustomElements<F extends Framework = "other"> = {
    * the same fault `href` and `target` had on `Button`. The resting arrangement
    * is the absence of the attribute, and the stylesheet only asks about `end`.
    *
+   * `label` sets the chevron against the end of a branch's name, where the name
+   * takes only its own width, and leaves the `end` slot at the row's far side.
+   * A leaf is unchanged, since it has no chevron.
+   *
    * It is worth owning rather than leaving to `::part(toggle)`, which a
    * consumer could reach for: the naive version is `order` plus an auto margin,
    * and the row's `end` slot already carries an auto margin of its own, so the
@@ -84726,7 +85948,7 @@ export type CustomElementsSolidJs = {
    * - `expand`: The button after the first crumb of a folded slotted trail, which shows the folded crumbs.
    * - `fold-separator`: The chevron before that button.
    * - `link`: The crumb itself, which is an `<a>` where `href` is set.
-   * - `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
    *
@@ -84771,6 +85993,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.
    *
@@ -84825,7 +86059,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`.
    *
    * ## CSS States
    *
@@ -85047,6 +86281,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
@@ -86146,6 +87394,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.
@@ -86695,15 +87953,36 @@ export type CustomElementsSolidJs = {
   >;
 
   /**
-   * The composer is one row, and the field takes the remaining width. The field
-   * grows with its text up to a maximum height, through `field-sizing: content`.
-   * Where that is not supported, the field keeps its rows and scrolls. The
-   * maximum height keeps the composer from covering the transcript.
+   * The composer is one box. What the draft carries sits at its top, in a row
+   * that wraps, inset to the line the caret starts on. The field grows with its
+   * text up to a maximum height, through `field-sizing: content`. Where that is
+   * not supported, the field keeps its rows and scrolls. The maximum height
+   * keeps the composer from covering the transcript.
+   *
+   * With two `placeholders` or more, each example rolls into the next: the one
+   * showing rises a little as it fades and blurs, and the next rises into its
+   * place from below as it fades in, the two crossing so the field is never
+   * empty. A box that changes height for the next example changes as it
+   * lands. Where the browser has no CSS anchor
+   * positioning, the examples fade into each other in the field's own
+   * placeholder.
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `glow`: Draws the composer's focus as a glow: a light that runs once around the
+   * edge as the composer takes focus, then a soft steady edge while it holds
+   * it, in place of the focus ring.
+   *
+   * **On focus, and only then.** It says the composer is listening. A glow
+   * that ran while a reply was on its way would be a second indicator of what
+   * the conversation already shows, and one that ran all the time would be
+   * decoration that moves. With reduced motion asked for, the edge lights
+   * without the sweep.
+   *
+   * The steady edge is the focus indicator, so the ring is not drawn as well.
+   * Its color is `--chat-composer-glow-color`, the primary color unless set.
    * - `listening-label`/`listeningLabel`: What a screen reader hears as listening starts.
    * - `stopped-listening-label`/`stoppedListeningLabel`: What a screen reader hears as listening stops.
    * - `voice`: Draws a button that listens for dictation and types what it hears at
@@ -86712,6 +87991,16 @@ export type CustomElementsSolidJs = {
    * `email` or `number` draws no button.
    * - `voice-label`/`voiceLabel`: The dictation button's name while it is not listening.
    * - `voice-stop-label`/`voiceStopLabel`: The dictation button's name while it listens.
+   * - `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.
@@ -86720,12 +88009,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.
    *
@@ -86765,6 +88070,22 @@ export type CustomElementsSolidJs = {
    * - `speechEngine`: The engine this field listens through, in place of the one
    * `registerSpeechEngine` gave the page, or the browser's own. (property only)
    * - `listening`: Whether the field is listening for dictation now. (property only) (readonly)
+   * - `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)
    * - `validity`: Whether the control meets its constraints, and why not. (property only) (readonly)
@@ -86800,6 +88121,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.
    *
@@ -86807,8 +88129,10 @@ 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.
    * - `start`: Content under the field at the leading edge, such as an attachment button or a model picker.
+   * - `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.
    *
    * ## Methods
    *
@@ -86881,6 +88205,7 @@ export type CustomElementsSolidJs = {
    *
    * - `--chat-composer-background-color`: Fill behind the composer.
    * - `--chat-composer-border-width`: Width of the composer's edge, so your theme can remove it.
+   * - `--chat-composer-glow-color`: Color of the focus glow under `glow`. Defaults to the primary color.
    * - `--chat-composer-max-block-size`: Maximum height the field grows to.
    * - `--dictation-level`: How loud the microphone is while the field listens for dictation, from 0 to 1, which the element sets; the ring around the dictation button grows with it.
    *
@@ -86888,13 +88213,27 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `attachments`: The row above the field that holds the `attachments` slot, inset to the field's text and hidden while the slot is empty.
+   * - `example`: The example drawn over the empty field while `placeholders` holds two or more, in the field's box. It is a second field that shows only its placeholder, hidden from screen readers. Style its `::placeholder` where you style the field's.
+   * - `example-leaving`: The example on its way out while the next comes in, for its first 250 milliseconds. Set together with `example`.
    * - `field`: The text field.
    * - `send`: The send button.
    * - `tools`: The row under the field.
    * - `composer`: The whole composer.
    * - `end`: The box around the `end` slot.
    * - `feedback`: The `feedback` message, under the field while it is set.
-   * - `mark`: The icon inside the send button.
+   * - `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`.
    * - `start`: The box around the `start` slot.
    * - `voice`: The dictation button, under `voice`, before the send button.
    * - `voice-listening`: The dictation button while it listens. Set alongside `voice`.
@@ -86904,6 +88243,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.
@@ -87007,6 +88348,7 @@ export type CustomElementsSolidJs = {
    *
    * - `(default)`: The turn's content.
    * - `actions`: Controls for the turn.
+   * - `attachments`: What the turn carries, such as images or files, above the bubble.
    * - `avatar`: The author's avatar.
    * - `indicator`: The indicator shown before the first token arrives. Replaces the three dots.
    * - `sources`: The turn's sources, such as citations, documents, or a retrieved page.
@@ -87035,6 +88377,7 @@ export type CustomElementsSolidJs = {
    * - `indicator`: The three dots, shown when nothing is in the `indicator` slot.
    * - `meta`: The time and the state together.
    * - `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.
    * - `mark`: The status icon beside a failure.
@@ -87240,6 +88583,7 @@ export type CustomElementsSolidJs = {
    * - `loading`: Shown while the history loads.
    * - `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.
@@ -89084,7 +90428,7 @@ export type CustomElementsSolidJs = {
    *
    * - `--color-input-background-color`: Fill behind the field.
    * - `--color-input-border-color`: Color of the panel's edge.
-   * - `--color-input-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless a theme sets a border. `--helix-border-floating`, which is `0`, so the panel is told apart by its lift unless a theme says otherwise.
+   * - `--color-input-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--color-input-panel-size`: Width of the panel, and so of the square.
    * - `--color-input-shadow`: Shadow under the panel. Defaults to `--helix-shadow-floating`, so the panel keeps a shadow over any content below it. `--helix-shadow-floating`: a floating surface sits over content nobody can predict, so it keeps a lift by default.
    * - `--color-input-swatch-radius`: Corner radius of the swatch in `variant="swatch"`.
@@ -89923,7 +91267,7 @@ export type CustomElementsSolidJs = {
    *
    * - `--combobox-background-color`: Fill behind the field.
    * - `--combobox-border-color`: Color of the panel's edge.
-   * - `--combobox-border-width`: Width of the panel's edge. Follows `--helix-border-floating`, which is `0` unless your theme sets it, so the panel's shadow sets it apart.
+   * - `--combobox-border-width`: Width of the panel's edge. Follows `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--combobox-control-size`: Smallest the text field shrinks to once tags share its line.
    * - `--combobox-panel-size`: Width of the panel. Follows the field by default.
    * - `--combobox-shadow`: Shadow under the panel. Follows `--helix-shadow-floating`. A floating panel can sit over any content, so it has a shadow by default.
@@ -89997,6 +91341,16 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `material`: The panel's surface: `frosted` or `glass`, as on `Dialog`, which the
+   * palette opens in and hands the value to.
+   *
+   * Absent is the opaque overlay surface. `glass` is the page's translucent
+   * ground over the theme's blur, and `frosted` the same pair turned up, so a
+   * page whose panels are frosted has a palette that matches. Its strength is
+   * the theme's, as on `Popover`, `Menu` and `Drawer`.
+   *
+   * **No `transparent`, deliberately.** A palette over arbitrary page content
+   * is only readable because it has a ground.
    * - `default-open`/`defaultOpen`: Whether the element starts open. Ignored once `open` is written.
    * - `open`: Whether the element is open.
    *
@@ -90154,6 +91508,7 @@ export type CustomElementsSolidJs = {
    * CSS variables available for styling the component.
    *
    * - `--command-list-size`: How tall the list grows before it scrolls.
+   * - `--command-radius`: The corners of the palette's panel. Defaults to the dialog's.
    * - `--command-size`: How wide the palette is. Defaults to `40rem`.
    *
    * ## CSS Parts
@@ -90275,6 +91630,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
@@ -91337,7 +92706,7 @@ export type CustomElementsSolidJs = {
    *
    * - `--date-input-background-color`: The fill behind the field.
    * - `--date-input-border-color`: The color of the panel's border.
-   * - `--date-input-border-width`: The width of the panel's border. It follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless a theme sets a border.
+   * - `--date-input-border-width`: The width of the panel's border. It follows `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--date-input-segment-focus-background-color`: The fill behind the segment with focus, in `segmented`. It follows `--helix-color-primary-surface`.
    * - `--date-input-segment-focus-color`: The text of the segment with focus, in `segmented`.
    * - `--date-input-segment-literal-color`: The text the locale writes between two segments, in `segmented`.
@@ -92255,6 +93624,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.
@@ -92296,6 +93675,15 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `material`: The panel's surface: `frosted` or `glass`.
+   *
+   * Absent is the opaque overlay surface. `glass` is the page's translucent
+   * ground over the theme's blur, and `frosted` the same pair turned up, as
+   * on `Popover`, `Menu`, `Drawer` and `Tooltip`, so a page whose panels are
+   * frosted has dialogs that match.
+   *
+   * **No `transparent`, deliberately.** A dialog over arbitrary page content
+   * is only readable because it has a ground.
    * - `size`: How wide the panel is allowed to be.
    *
    * Steps rather than a number, because a dialog's width is a fact about what is
@@ -92471,9 +93859,10 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--dialog-backdrop`: Filter applied behind a `frosted` or `glass` panel. Follows the theme's material policy.
    * - `--dialog-background-color`: The panel's fill. Follows `--helix-color-surface-overlay`.
    * - `--dialog-border-color`: Color of the panel's edge.
-   * - `--dialog-border-width`: Width of the panel's edge. Follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a border.
+   * - `--dialog-border-width`: Width of the panel's edge. Follows `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--dialog-color`: Color of the words in the panel. Follows `--helix-color-foreground`.
    * - `--dialog-icon-size`: How big the mark above the title is.
    * - `--dialog-inline-size`: Width of the panel.
@@ -93125,7 +94514,7 @@ export type CustomElementsSolidJs = {
    * - `--drawer-backdrop`: Filter applied behind a `frosted` or `glass` drawer. Follows the theme's material policy. Set it to change the strength on one drawer.
    * - `--drawer-background-color`: Surface behind the panel.
    * - `--drawer-border-color`: Color of the panel's edge.
-   * - `--drawer-border-width`: Width of the panel's edge. Follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a border.
+   * - `--drawer-border-width`: Width of the panel's edge. Follows `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--drawer-padding`: Padding inside the panel.
    * - `--drawer-padding-block-start`: Padding above the header. It is one step larger than the other three sides, so the first line clears the window's edge. Falls back to `--drawer-padding`, so setting that alone sets all four sides.
    * - `--drawer-radius`: Corner radius on the edges that face the page.
@@ -95288,6 +96677,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.
@@ -95895,6 +97294,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
@@ -96514,6 +97927,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
@@ -98760,7 +100176,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-log-group": Partial<
@@ -98892,7 +100310,10 @@ export type CustomElementsSolidJs = {
    * - `plain` has no edge, no fill, no inset and no height of its own: the
    *   lines start where the text around them does and the log grows with
    *   them. For a log inside something that already frames it, such as an
-   *   agent's work in a chat turn's `work` slot.
+   *   agent's work in a chat turn's `work` slot. Each step is a row with its
+   *   status mark on that edge and its caret after the heading. A step that
+   *   holds steps draws a rule beside them, and a step that holds lines draws
+   *   them on a quiet surface that scrolls after `--log-step-max-block-size`.
    *
    * Both are writable, so a page can say which it means rather than relying
    * on the absence of an attribute.
@@ -99050,6 +100471,7 @@ export type CustomElementsSolidJs = {
    * - `--log-radius`: The corners of the log.
    * - `--log-scrollbar-thumb-color`: The thumb of the scrollbar. Defaults to `--helix-scrollbar-thumb-color`.
    * - `--log-scrollbar-track-color`: The track of the scrollbar. Defaults to `--helix-scrollbar-track-color`.
+   * - `--log-step-max-block-size`: How tall a step's lines may get in a `plain` log before they scroll. Defaults to 20rem.
    * - `--log-ansi-background`: The background a run takes where ANSI swaps the colors and named none. Defaults to the log's own background on the styled tier.
    * - `--log-ansi-black`: The ANSI color black, which codes `30` and `40` draw.
    * - `--log-ansi-blue`: The ANSI color blue, which codes `34` and `44` draw.
@@ -99077,7 +100499,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`.
@@ -99123,7 +100545,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.
@@ -100091,6 +101513,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.
@@ -100482,7 +101914,7 @@ export type CustomElementsSolidJs = {
    *
    * - `--megamenu-backdrop`: The filter behind the panel, `none` by default. This family has no `material` property, so this and `--megamenu-background-color` set the panel's material.
    * - `--megamenu-background-color`: The panel's fill.
-   * - `--megamenu-border-width`: The width of the panel's edge. Follows `--helix-border-floating`, which is `0` unless a theme changes it, so the panel stands out by its shadow.
+   * - `--megamenu-border-width`: The width of the panel's edge. Follows `--helix-border-floating`, a hairline, which is drawn in dark mode only. Set it to `0` for the shadow alone.
    * - `--megamenu-column-size`: The minimum width of a column before the grid wraps.
    * - `--megamenu-duration`: How long the panel takes to open and close.
    * - `--megamenu-full-size`: The maximum width of the band's contents, which are centered in it.
@@ -100731,6 +102163,19 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `material`: The panel's surface: `frosted` or `glass`.
+   *
+   * Absent is the opaque overlay surface. `glass` is the page's translucent
+   * ground over a blur, for a page whose surfaces are glass, so a panel opened
+   * over a glass window is not the one opaque slab on it. `frosted` is the same
+   * pair turned up, a ground that admits less and a heavier blur.
+   *
+   * The strength is the theme's: `--helix-material-translucent`,
+   * `--helix-material-translucent-strong` and `--helix-material-backdrop` are
+   * what the policy moves. `Drawer` and `Tooltip` carry the same attribute.
+   *
+   * **No `transparent`, deliberately.** A panel floating over arbitrary page
+   * content is only readable because it has a ground.
    * - `empty-text`/`emptyText`: The text shown and announced when there are no rows and none are loading.
    * - `loading`: Whether the rows are still loading.
    *
@@ -100880,9 +102325,10 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--menu-backdrop`: Filter applied behind a `frosted` or `glass` panel. Follows the theme's material policy.
    * - `--menu-background-color`: Fill of the surface.
    * - `--menu-border-color`: Color of the panel's edge.
-   * - `--menu-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless a theme sets a border.
+   * - `--menu-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--menu-max-block-size`: The tallest the menu grows before it scrolls.
    * - `--menu-min-inline-size`: The narrowest the menu gets.
    * - `--menu-shadow`: Shadow under the panel. Defaults to `--helix-shadow-floating`, so the panel keeps a shadow over any content below it.
@@ -100978,6 +102424,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-menu-section": Partial<
@@ -101166,6 +102613,7 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `label`: A visible label, above a bar and under a ring or an arc. Its words name it in place of `label`.
+   * - `(default)`: `Meter.Segment` elements, one for each share of the whole, drawn in the bar.
    *
    * ## CSS Custom Properties
    *
@@ -101187,6 +102635,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
@@ -101223,6 +102672,87 @@ export type CustomElementsSolidJs = {
       BaseEvents<HelixMeter>
   >;
 
+  /**
+   * Each segment takes the next color in the chart series, in the order written, so
+   * two of them are told apart without being given a color. A `tone` is what a
+   * segment means, and takes the place of its turn. A hairline in the track's ground
+   * sits between neighbors, so the boundary is there for a reader who cannot tell
+   * two of the colors apart.
+   *
+   * Write the segments inside a meter, and the page imports the family beside it:
+   *
+   * ```js
+   * import '@fusion.dev/helix/meter'
+   * ```
+   *
+   * ## 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-color`: The slice's color. Overrides the series and the tone.
+   * - `--meter-segment-gap-color`: The color of the hairline between neighbors.
+   * - `--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-meter-segment": Partial<
+    HelixMeterSegmentProps &
+      HelixMeterSegmentSolidJsProps &
+      BaseProps<HelixMeterSegment, "solid"> &
+      BaseEvents<HelixMeterSegment>
+  >;
+
   /**
    * A quiet square button, as the controls over a map are, with the pause icon
    * while motion runs and the play icon while it is paused. Text slotted into
@@ -103912,6 +105442,19 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `material`: The panel's surface: `frosted` or `glass`.
+   *
+   * Absent is the opaque overlay surface. `glass` is the page's translucent
+   * ground over a blur, for a page whose surfaces are glass, so a panel opened
+   * over a glass window is not the one opaque slab on it. `frosted` is the same
+   * pair turned up, a ground that admits less and a heavier blur.
+   *
+   * The strength is the theme's: `--helix-material-translucent`,
+   * `--helix-material-translucent-strong` and `--helix-material-backdrop` are
+   * what the policy moves. `Drawer` and `Tooltip` carry the same attribute.
+   *
+   * **No `transparent`, deliberately.** A panel floating over arbitrary page
+   * content is only readable because it has a ground.
    * - `separation`: How the panel is set apart from the content under it.
    *
    * One of the axis's four values, which is all this surface has meaning for: a
@@ -104020,8 +105563,10 @@ export type CustomElementsSolidJs = {
    * CSS variables available for styling the component.
    *
    * - `--popover-arrow-size`: Size of the point drawn with `arrow`. Tooltip's point is the same size.
+   * - `--popover-backdrop`: Filter applied behind a `frosted` or `glass` panel. Follows the theme's material policy.
+   * - `--popover-background-color`: Fill of the surface.
    * - `--popover-border-color`: Color of the panel's edge.
-   * - `--popover-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a width.
+   * - `--popover-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--popover-inline-size`: Width of the panel.
    * - `--popover-max-block-size`: Maximum height of the panel before it scrolls.
    * - `--popover-padding`: Space between the panel's edge and its contents.
@@ -106483,6 +108028,17 @@ export type CustomElementsSolidJs = {
    * styled to match the design system. The base class measures which edges have
    * content past them.
    *
+   * **The content fades out toward each edge that has more past it.** The fade
+   * is a mask on the viewport, so the surface behind the scroll area shows
+   * through it: the page, a card, or a translucent pane. Set the depth with
+   * `--scroll-area-fade`, or one edge's depth with its own property, and use `0`
+   * to keep an edge from fading. A scrollbar that takes room beside the content
+   * stays out of the mask.
+   *
+   * **Set `--scroll-area-fade-color` to paint the fades.** Each fade is then a
+   * gradient from that color over the content, and there is no mask. Use it for
+   * a scroll area on a solid ground, in the ground's color or one of your own.
+   *
    * Under `scrollbars`, the browser's scrollbar is hidden and the component's own
    * are drawn over the content at the edge, in the same colors.
    *
@@ -106556,10 +108112,10 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--scroll-area-fade`: The depth of the fades at both edges.
+   * - `--scroll-area-fade`: The depth of the fade at each edge.
    * - `--scroll-area-fade-block-end`: The depth of the bottom fade, or `0` to remove it.
    * - `--scroll-area-fade-block-start`: The depth of the top fade, or `0` to remove it.
-   * - `--scroll-area-fade-color`: The color the fades blend into, which is the background behind the box.
+   * - `--scroll-area-fade-color`: The color to paint the fades in, as a gradient over the content at each edge. Unset, the fades are a mask.
    * - `--scroll-area-fade-inline-end`: The depth of the fade at the inline end, or `0` to remove it.
    * - `--scroll-area-fade-inline-start`: The depth of the fade at the inline start, or `0` to remove it.
    * - `--scroll-area-scrollbar`: The scrollbar width, as a `scrollbar-width` keyword.
@@ -106568,6 +108124,8 @@ export type CustomElementsSolidJs = {
    * - `--scroll-area-thumb-hover-color`: The color of the browser's thumb while the pointer is over the scroll area, and of a thumb drawn under `scrollbars` while the pointer is over it. Defaults to `--helix-scrollbar-thumb-hover-color`.
    * - `--scroll-area-thumb-min-size`: The shortest a thumb drawn under `scrollbars` gets, however long the content.
    * - `--scroll-area-track-color`: The color of the scrollbar's track. Defaults to `--helix-scrollbar-track-color`.
+   * - `--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.
    *
@@ -106576,7 +108134,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`.
@@ -106929,7 +108487,7 @@ export type CustomElementsSolidJs = {
    * CSS variables available for styling the component.
    *
    * - `--select-border-color`: Color of the panel's edge.
-   * - `--select-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a width.
+   * - `--select-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--select-shadow`: Shadow under the panel. Defaults to `--helix-shadow-floating`, because the panel can sit over any content.
    * - `--select-surface-max-block-size`: Maximum height of the panel.
    * - `--floating-anchor-inline-size`: The trigger's width, written on the panel while it is open, as in `min-inline-size: var(--floating-anchor-inline-size)`. Read it; a value set here is written over.
@@ -107237,7 +108795,7 @@ export type CustomElementsSolidJs = {
    *
    * - `--skip-link-background-color`: The background of the link while it is shown.
    * - `--skip-link-border-color`: The border color of the link while it is shown.
-   * - `--skip-link-border-width`: The border width of the link while it is shown. Follows `--helix-border-floating`, which is `0`, so the link is set apart by its shadow unless a theme sets a border.
+   * - `--skip-link-border-width`: The border width of the link while it is shown. Follows `--helix-border-floating`, a hairline. Set it to `0` for the shadow alone.
    * - `--skip-link-color`: The text color of the link while it is shown.
    * - `--skip-link-font-size`: The size of the link's text.
    * - `--skip-link-inset-block`: How far the shown link sits from the top of the viewport.
@@ -107869,6 +109427,13 @@ export type CustomElementsSolidJs = {
    * reflected property takes no default, and `solid` writes it out. A
    * renderer draws the bars the same way.
    *
+   * **`muted` draws every bar in the neutral ink**, so the one bar whose cell
+   * names a tone, such as `data-tone="primary"`, is the bar in color, with a
+   * soft glow in its tone: one reading lit among the others, such as today
+   * among a week. Each top takes the most ink and each side less, as a
+   * colored bar's faces do. A renderer draws the neutral bars and the toned
+   * one, without the glow.
+   *
    * It composes with `material`: emphasis decides what is drawn, and material
    * how much of it comes through. The outline on the bar the keys rest on
    * keeps its own ink.
@@ -107931,16 +109496,73 @@ export type CustomElementsSolidJs = {
    * `hidden`, or absent, says the summary to a screen reader and draws it
    * for no one else. Reflected, because the stylesheet draws it by the
    * attribute, and a page that sets the property, as React does, writes none.
-   * - `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.
    * - `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.
@@ -107989,6 +109611,11 @@ export type CustomElementsSolidJs = {
    * - `field`: The table read as bars. **Each row is a category, and each numeric
    * 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)
+   * - `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)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -108076,8 +109703,16 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--spatial-bar-chart-bar-size`: How wide each bar of a `row` or a `diagonal` stands on the page, whatever the number of bars: the row is as long as its bars make it, centered in the plot, and 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. `fits` says how many bars the plot holds. Unset, the row fills the plot's width.
    * - `--spatial-bar-chart-block-size`: How tall the plot is. By default, three quarters of its width and 22em at most.
-   * - `--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
    *
@@ -108090,6 +109725,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.
@@ -108101,7 +109738,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`.
@@ -108118,6 +109755,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
    *
@@ -110707,6 +112345,10 @@ export type CustomElementsSolidJs = {
    * `at` is nearer, and crosses in one diagonal to the far side. `waves` is sharp
    * strands crossing the full width.
    *
+   * **Clear, over glass.** Set `clear` and the ribbon is drawn without its
+   * ground, so a translucent pane or a frosted window behind the element shows
+   * through, with the light over it.
+   *
    * **Quiet behind words.** `quiet` names elements, such as a hero's words, that
    * the light dims behind to a faint glow, so a bright ribbon can cross the page
    * under them and they stay crisp.
@@ -110752,6 +112394,13 @@ export type CustomElementsSolidJs = {
    * own.
    * - `bloom`: How much the glow around the strands adds, as a multiplier. `0` draws the
    * strands alone, crisp and dimmer, and `1` is the default glow.
+   * - `clear`: Whether the light is drawn alone, without the ground under it, so what is
+   * behind the element shows through, such as a translucent pane or a window's
+   * glass. The ground still says which way the page runs: light added on a
+   * dark one, ink on a light one.
+   *
+   * Reflected because the stylesheet selects on it: the band under the canvas
+   * shows only while the element falls back, and loses its ground too.
    * - `contrast`: How far apart the brightest and dimmest strands are, from `0`, most of
    * them alike, to `1`, a few burning bright over many faint ones. Clamped to
    * that range. The ribbon as a whole keeps its strength.
@@ -111895,10 +113544,40 @@ export type CustomElementsSolidJs = {
    * - `underlined` makes it a bar along the bottom of the strip, on a rule.
    * - `segmented` makes it the size of the tab's box, inside a sunken track.
    *
+   * `emphasis="subtle"` makes the mark quieter, for tabs inside other chrome
+   * such as a pane's header: a tint with no edge or shadow, the same wash a
+   * subtle button takes.
+   *
+   * **Tabs with no panels are a strip.** Where what each tab stands for lives
+   * outside the set, such as a pane's pages or shells, leave the panels out: the
+   * tabs keep their keys and their selection, `active` and `helix-activate` say
+   * which is current, and the page shows the rest. Put a control that adds a tab,
+   * such as a plus, beside the set rather than in it, so the tab list holds tabs
+   * alone. With `dismissible` tabs, `dismiss-marks="hover"` keeps each close
+   * mark out of sight until the tab is current, under the pointer, or holds
+   * focus, as a browser's tabs do.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `dismiss-marks`/`dismissMarks`: When the close mark of each `dismissible` tab shows.
+   *
+   * Unset, or `always`, every mark shows. `hover` shows a tab's mark while it
+   * is current, under the pointer, or holds focus, and keeps its room on every
+   * tab, so the labels do not move as the marks come and go. For a strip of
+   * many dismissible tabs, where a mark on each reads as a row of crosses. A
+   * keyboard closes a tab with Delete whether its mark shows or not.
+   * - `emphasis`: How loud the mark on the current tab is.
+   *
+   * Unset is the mark `variant` draws at rest. `subtle` is a tint with no
+   * edge or shadow: the raised pill becomes a wash, the `segmented` track's
+   * pill does the same inside it, and the `underlined` bar takes the
+   * foreground's ink in place of the primary color. For tabs inside other
+   * chrome, where a raised mark reads as a control laid on top of it.
+   *
+   * Independent of `variant`, since each of its marks has a quiet form: the two
+   * answer different questions, which is the test the axis registry applies.
    * - `active`: The `value` of the current item.
    *
    * Not `option.active`, which is the option the keyboard is on: that is a
@@ -112133,6 +113812,7 @@ export type CustomElementsSolidJs = {
    * - `--tabs-tab-font-weight`: The weight of a tab's label.
    * - `--tabs-tab-hover-background-color`: The wash under the pointer.
    * - `--tabs-tab-hover-color`: The label color under the pointer.
+   * - `--tabs-tab-max-inline-size`: The widest a tab grows. A longer label ends in an ellipsis, as a tag's does. Unset, a tab is as wide as its label.
    * - `--tabs-tab-padding-inline`: The space either side of the label.
    * - `--tabs-tab-radius`: The corners of a tab, which the hover wash takes.
    * - `--tabs-tab-selected-background-color`: The fill of the current tab itself, under the moving mark.
@@ -112144,6 +113824,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, which shortens with an ellipsis under `--tabs-tab-max-inline-size`.
    * - `tab`: The tab itself.
    *
    * ## CSS States
@@ -112357,7 +114038,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
    *
@@ -112665,6 +114346,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
@@ -113486,7 +115177,7 @@ export type CustomElementsSolidJs = {
    *
    * - `--time-input-background-color`: Fill behind the field.
    * - `--time-input-border-color`: Color of the panel's edge.
-   * - `--time-input-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a width.
+   * - `--time-input-border-width`: Width of the panel's edge. Defaults to `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--time-input-segment-focus-background-color`: The fill behind the segment with focus, in `segmented`. It follows `--helix-color-primary-surface`.
    * - `--time-input-segment-focus-color`: The text of the segment with focus, in `segmented`.
    * - `--time-input-segment-literal-color`: The text the locale writes between two segments, in `segmented`.
@@ -114376,7 +116067,7 @@ export type CustomElementsSolidJs = {
    *
    * - `--toast-background-color`: The panel's color. Follows `--helix-color-surface-overlay`.
    * - `--toast-border-color`: Color of the panel's edge.
-   * - `--toast-border-width`: Width of the panel's edge. Follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a border.
+   * - `--toast-border-width`: Width of the panel's edge. Follows `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--toast-color`: Color of the message's text.
    * - `--toast-description-color`: Color of the line in the `description` slot, under the heading.
    * - `--toast-dismiss-color`: Color of the dismiss control's mark at rest.
@@ -115566,7 +117257,7 @@ export type CustomElementsSolidJs = {
    * CSS variables available for styling the component.
    *
    * - `--tour-arrow-size`: The size of the arrow's box, before it is rotated.
-   * - `--tour-border-width`: The width of the panel's border. It follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless a theme sets a border.
+   * - `--tour-border-width`: The width of the panel's border. It follows `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone.
    * - `--tour-bubble-size`: The widest the panel can grow.
    * - `--tour-padding`: The padding inside the panel.
    * - `--tour-shadow`: The shadow under the panel. It follows `--helix-shadow-floating`. The panel can sit over any content, so it has a shadow by default.
@@ -115849,6 +117540,10 @@ export type CustomElementsSolidJs = {
    * the same fault `href` and `target` had on `Button`. The resting arrangement
    * is the absence of the attribute, and the stylesheet only asks about `end`.
    *
+   * `label` sets the chevron against the end of a branch's name, where the name
+   * takes only its own width, and leaves the `end` slot at the row's far side.
+   * A leaf is unchanged, since it has no chevron.
+   *
    * It is worth owning rather than leaving to `::part(toggle)`, which a
    * consumer could reach for: the naive version is `order` plus an auto margin,
    * and the row's `end` slot already carries an auto margin of its own, so the
@@ -117702,6 +119397,8 @@ export type CustomCssProperties = {
   "--chat-composer-background-color"?: (string) | undefined;
   /** Width of the composer's edge, so your theme can remove it. */
   "--chat-composer-border-width"?: (string) | undefined;
+  /** Color of the focus glow under `glow`. Defaults to the primary color. */
+  "--chat-composer-glow-color"?: (string) | undefined;
   /** Maximum height the field grows to. */
   "--chat-composer-max-block-size"?: (string) | undefined;
   /** How loud the microphone is while the field listens for dictation, from 0 to 1, which the element sets; the ring around the dictation button grows with it. */
@@ -117850,7 +119547,7 @@ export type CustomCssProperties = {
   "--color-input-background-color"?: (string) | undefined;
   /** Color of the panel's edge. */
   "--color-input-border-color"?: (string) | undefined;
-  /** Width of the panel's edge. Defaults to `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless a theme sets a border. `--helix-border-floating`, which is `0`, so the panel is told apart by its lift unless a theme says otherwise. */
+  /** Width of the panel's edge. Defaults to `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone. */
   "--color-input-border-width"?: (string) | undefined;
   /** Width of the panel, and so of the square. */
   "--color-input-panel-size"?: (string) | undefined;
@@ -117894,7 +119591,7 @@ export type CustomCssProperties = {
   "--combobox-background-color"?: (string) | undefined;
   /** Color of the panel's edge. */
   "--combobox-border-color"?: (string) | undefined;
-  /** Width of the panel's edge. Follows `--helix-border-floating`, which is `0` unless your theme sets it, so the panel's shadow sets it apart. */
+  /** Width of the panel's edge. Follows `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone. */
   "--combobox-border-width"?: (string) | undefined;
   /** Smallest the text field shrinks to once tags share its line. */
   "--combobox-control-size"?: (string) | undefined;
@@ -117904,6 +119601,8 @@ export type CustomCssProperties = {
   "--combobox-shadow"?: (string) | undefined;
   /** How tall the list grows before it scrolls. */
   "--command-list-size"?: (string) | undefined;
+  /** The corners of the palette's panel. Defaults to the dialog's. */
+  "--command-radius"?: (string) | undefined;
   /** How wide the palette is. Defaults to `40rem`. */
   "--command-size"?: (string) | undefined;
   /** The icon's color at rest. A `tone` keeps its own. */
@@ -118024,7 +119723,7 @@ export type CustomCssProperties = {
   "--date-input-background-color"?: (string) | undefined;
   /** The color of the panel's border. */
   "--date-input-border-color"?: (string) | undefined;
-  /** The width of the panel's border. It follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless a theme sets a border. */
+  /** The width of the panel's border. It follows `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone. */
   "--date-input-border-width"?: (string) | undefined;
   /** The fill behind the segment with focus, in `segmented`. It follows `--helix-color-primary-surface`. */
   "--date-input-segment-focus-background-color"?: (string) | undefined;
@@ -118106,11 +119805,13 @@ export type CustomCssProperties = {
   "--device-screen-touch-x"?: (string) | undefined;
   /** Where a ring is, down the screen, as a percentage. Written on each ring. */
   "--device-screen-touch-y"?: (string) | undefined;
+  /** Filter applied behind a `frosted` or `glass` panel. Follows the theme's material policy. */
+  "--dialog-backdrop"?: (string) | undefined;
   /** The panel's fill. Follows `--helix-color-surface-overlay`. */
   "--dialog-background-color"?: (string) | undefined;
   /** Color of the panel's edge. */
   "--dialog-border-color"?: (string) | undefined;
-  /** Width of the panel's edge. Follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a border. */
+  /** Width of the panel's edge. Follows `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone. */
   "--dialog-border-width"?: (string) | undefined;
   /** Color of the words in the panel. Follows `--helix-color-foreground`. */
   "--dialog-color"?: (string) | undefined;
@@ -118172,7 +119873,7 @@ export type CustomCssProperties = {
   "--drawer-background-color"?: (string) | undefined;
   /** Color of the panel's edge. */
   "--drawer-border-color"?: (string) | undefined;
-  /** Width of the panel's edge. Follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a border. */
+  /** Width of the panel's edge. Follows `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone. */
   "--drawer-border-width"?: (string) | undefined;
   /** Padding inside the panel. */
   "--drawer-padding"?: (string) | undefined;
@@ -118646,6 +120347,8 @@ export type CustomCssProperties = {
   "--log-scrollbar-thumb-color"?: (string) | undefined;
   /** The track of the scrollbar. Defaults to `--helix-scrollbar-track-color`. */
   "--log-scrollbar-track-color"?: (string) | undefined;
+  /** How tall a step's lines may get in a `plain` log before they scroll. Defaults to 20rem. */
+  "--log-step-max-block-size"?: (string) | undefined;
   /** The background a run takes where ANSI swaps the colors and named none. Defaults to the log's own background on the styled tier. */
   "--log-ansi-background"?: (string) | undefined;
   /** The ANSI color black, which codes `30` and `40` draw. */
@@ -118760,7 +120463,7 @@ export type CustomCssProperties = {
   "--megamenu-backdrop"?: (string) | undefined;
   /** The panel's fill. */
   "--megamenu-background-color"?: (string) | undefined;
-  /** The width of the panel's edge. Follows `--helix-border-floating`, which is `0` unless a theme changes it, so the panel stands out by its shadow. */
+  /** The width of the panel's edge. Follows `--helix-border-floating`, a hairline, which is drawn in dark mode only. Set it to `0` for the shadow alone. */
   "--megamenu-border-width"?: (string) | undefined;
   /** The minimum width of a column before the grid wraps. */
   "--megamenu-column-size"?: (string) | undefined;
@@ -118812,11 +120515,13 @@ export type CustomCssProperties = {
   "--menu-item-hover-color"?: (string) | undefined;
   /** Width of the leading column, including the gap after it, for a row with more than a mark. The menu sets it for each page, and `0` removes the column. */
   "--menu-item-start"?: (string) | undefined;
+  /** Filter applied behind a `frosted` or `glass` panel. Follows the theme's material policy. */
+  "--menu-backdrop"?: (string) | undefined;
   /** Fill of the surface. */
   "--menu-background-color"?: (string) | undefined;
   /** Color of the panel's edge. */
   "--menu-border-color"?: (string) | undefined;
-  /** Width of the panel's edge. Defaults to `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless a theme sets a border. */
+  /** Width of the panel's edge. Defaults to `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone. */
   "--menu-border-width"?: (string) | undefined;
   /** The tallest the menu grows before it scrolls. */
   "--menu-max-block-size"?: (string) | undefined;
@@ -118862,8 +120567,16 @@ 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;
+  /** The slice's color. Overrides the series and the tone. */
+  "--meter-segment-color"?: (string) | undefined;
+  /** The color of the hairline between neighbors. */
+  "--meter-segment-gap-color"?: (string) | undefined;
+  /** How much of the range the segment takes, in the meter's own units. */
+  "--meter-segment-value"?: (string) | undefined;
   /** The button's fill. Defaults to the floating overlay surface. */
   "--motion-toggle-background-color"?: (string) | undefined;
   /** Height of the bar in a row. Each destination fills it. */
@@ -119086,9 +120799,13 @@ export type CustomCssProperties = {
   "--pin-input-separator-color"?: (string) | undefined;
   /** Size of the point drawn with `arrow`. Tooltip's point is the same size. */
   "--popover-arrow-size"?: (string) | undefined;
+  /** Filter applied behind a `frosted` or `glass` panel. Follows the theme's material policy. */
+  "--popover-backdrop"?: (string) | undefined;
+  /** Fill of the surface. */
+  "--popover-background-color"?: (string) | undefined;
   /** Color of the panel's edge. */
   "--popover-border-color"?: (string) | undefined;
-  /** Width of the panel's edge. Defaults to `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a width. */
+  /** Width of the panel's edge. Defaults to `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone. */
   "--popover-border-width"?: (string) | undefined;
   /** Width of the panel. */
   "--popover-inline-size"?: (string) | undefined;
@@ -119264,13 +120981,13 @@ 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 depth of the fades at both edges. */
+  /** The depth of the fade at each edge. */
   "--scroll-area-fade"?: (string) | undefined;
   /** The depth of the bottom fade, or `0` to remove it. */
   "--scroll-area-fade-block-end"?: (string) | undefined;
   /** The depth of the top fade, or `0` to remove it. */
   "--scroll-area-fade-block-start"?: (string) | undefined;
-  /** The color the fades blend into, which is the background behind the box. */
+  /** The color to paint the fades in, as a gradient over the content at each edge. Unset, the fades are a mask. */
   "--scroll-area-fade-color"?: (string) | undefined;
   /** The depth of the fade at the inline end, or `0` to remove it. */
   "--scroll-area-fade-inline-end"?: (string) | undefined;
@@ -119288,13 +121005,17 @@ export type CustomCssProperties = {
   "--scroll-area-thumb-min-size"?: (string) | undefined;
   /** The color of the scrollbar's track. Defaults to `--helix-scrollbar-track-color`. */
   "--scroll-area-track-color"?: (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. */
   "--scroll-area-thumb-fraction"?: (string) | undefined;
   /** Color of the panel's edge. */
   "--select-border-color"?: (string) | undefined;
-  /** Width of the panel's edge. Defaults to `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a width. */
+  /** Width of the panel's edge. Defaults to `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone. */
   "--select-border-width"?: (string) | undefined;
   /** Shadow under the panel. Defaults to `--helix-shadow-floating`, because the panel can sit over any content. */
   "--select-shadow"?: (string) | undefined;
@@ -119328,7 +121049,7 @@ export type CustomCssProperties = {
   "--skip-link-background-color"?: (string) | undefined;
   /** The border color of the link while it is shown. */
   "--skip-link-border-color"?: (string) | undefined;
-  /** The border width of the link while it is shown. Follows `--helix-border-floating`, which is `0`, so the link is set apart by its shadow unless a theme sets a border. */
+  /** The border width of the link while it is shown. Follows `--helix-border-floating`, a hairline. Set it to `0` for the shadow alone. */
   "--skip-link-border-width"?: (string) | undefined;
   /** The text color of the link while it is shown. */
   "--skip-link-color"?: (string) | undefined;
@@ -119414,10 +121135,26 @@ export type CustomCssProperties = {
   "--sparkline-readout-font-size"?: (string) | undefined;
   /** Thickness of the line, overriding `weight`. */
   "--sparkline-width"?: (string) | undefined;
+  /** How wide each bar of a `row` or a `diagonal` stands on the page, whatever the number of bars: the row is as long as its bars make it, centered in the plot, and 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. `fits` says how many bars the plot holds. Unset, the row fills the plot's width. */
+  "--spatial-bar-chart-bar-size"?: (string) | undefined;
   /** How tall the plot is. By default, three quarters of its width and 22em at most. */
   "--spatial-bar-chart-block-size"?: (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;
   /** The largest a cell grows, along its edge. The strip is never wider than its box, and draws smaller cells to fit. */
   "--spatial-heatmap-cell-size"?: (string) | undefined;
   /** How much less light the left face is than the top, as a step of OKLCH lightness from 0 to 1. 0.07 by default. */
@@ -119658,6 +121395,8 @@ export type CustomCssProperties = {
   "--tabs-tab-hover-background-color"?: (string) | undefined;
   /** The label color under the pointer. */
   "--tabs-tab-hover-color"?: (string) | undefined;
+  /** The widest a tab grows. A longer label ends in an ellipsis, as a tag's does. Unset, a tab is as wide as its label. */
+  "--tabs-tab-max-inline-size"?: (string) | undefined;
   /** The space either side of the label. */
   "--tabs-tab-padding-inline"?: (string) | undefined;
   /** The corners of a tab, which the hover wash takes. */
@@ -119768,7 +121507,7 @@ export type CustomCssProperties = {
   "--time-input-background-color"?: (string) | undefined;
   /** Color of the panel's edge. */
   "--time-input-border-color"?: (string) | undefined;
-  /** Width of the panel's edge. Defaults to `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a width. */
+  /** Width of the panel's edge. Defaults to `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone. */
   "--time-input-border-width"?: (string) | undefined;
   /** The fill behind the segment with focus, in `segmented`. It follows `--helix-color-primary-surface`. */
   "--time-input-segment-focus-background-color"?: (string) | undefined;
@@ -119828,7 +121567,7 @@ export type CustomCssProperties = {
   "--toast-background-color"?: (string) | undefined;
   /** Color of the panel's edge. */
   "--toast-border-color"?: (string) | undefined;
-  /** Width of the panel's edge. Follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a border. */
+  /** Width of the panel's edge. Follows `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone. */
   "--toast-border-width"?: (string) | undefined;
   /** Color of the message's text. */
   "--toast-color"?: (string) | undefined;
@@ -119930,7 +121669,7 @@ export type CustomCssProperties = {
   "--tour-spotlight-y"?: (string) | undefined;
   /** The size of the arrow's box, before it is rotated. */
   "--tour-arrow-size"?: (string) | undefined;
-  /** The width of the panel's border. It follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless a theme sets a border. */
+  /** The width of the panel's border. It follows `--helix-border-floating`, a hairline, so the panel has an edge as well as its shadow over a dark page. Set it to `0` for the shadow alone. */
   "--tour-border-width"?: (string) | undefined;
   /** The widest the panel can grow. */
   "--tour-bubble-size"?: (string) | undefined;