@fusion.dev/helix-headless 0.43.0 → 0.45.0

package/custom-elements.json

@@ -11148,7 +11148,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/chat",
             "aliases": [
               "Message box",
@@ -11882,7 +11882,7 @@
           "helix": {
             "category": "feedback",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/chat",
             "aliases": [
               "Message",
@@ -13286,7 +13286,7 @@
           "helix": {
             "category": "feedback",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/chat",
             "aliases": [
               "Conversation",
@@ -38128,7 +38128,7 @@
           "helix": {
             "category": "forms",
             "since": "0.23.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/filter-input",
             "aliases": [
               "FilterToken",
@@ -38596,7 +38596,7 @@
           "helix": {
             "category": "forms",
             "since": "0.23.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/filter-input",
             "aliases": [
               "Facet",
@@ -39325,7 +39325,7 @@
           "helix": {
             "category": "forms",
             "since": "0.25.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/filter-input",
             "aliases": [
               "FacetPicker",
@@ -39789,7 +39789,7 @@
           "helix": {
             "category": "forms",
             "since": "0.23.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/filter-input",
             "aliases": [
               "Comparator",
@@ -41812,7 +41812,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/filter-input",
             "aliases": [
               "SearchField",
@@ -57791,6 +57791,16 @@
               "description": "How many the group says it stands for, which is the count or the rows.",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "counted",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private",
+              "description": "The same number where anything can know it, and nothing where nothing can.\n\n**A server has no rows to count and must not say zero.** `items` reads\n`knownChildren`, which is empty on a server and while hydrating what one\nsent, so a group written around three notifications with no `count` of its\nown served `<span part=\"count\">0</span>`: a crawler, and a reader before the\npage has run, given a group that says it holds nothing over the three rows\nunderneath it. Not knowing is not zero, which is the rule `MixinCollection`\nalready states about an empty list.\n\nA declared `count` is a fact about the group rather than about its children,\nso it serves whole, which is the shape a feed trimmed by a server already\nwants: it is the number the rows were cut from.",
+              "readonly": true
+            },
             {
               "kind": "method",
               "name": "assign",
@@ -57808,16 +57818,6 @@
               "privacy": "private",
               "readonly": true
             },
-            {
-              "kind": "field",
-              "name": "folded",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "description": "How many rows the collapse is hiding, for the control to say so.",
-              "readonly": true
-            },
             {
               "kind": "field",
               "name": "open",
@@ -58348,7 +58348,7 @@
           "helix": {
             "category": "feedback",
             "since": "0.24.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/notifications",
             "aliases": [
               "NotificationSection",
@@ -58481,6 +58481,10 @@
               "description": "A block belonging to the row rather than a line about it: a quoted comment, a status moving from one value to another, a preview. Unlike `caption` nothing here sets a size or an ink, because whatever fills it usually brings its own.",
               "name": "detail"
             },
+            {
+              "description": "Replaces the glyph inside the dismiss control, which is drawn only where the row is `dismissible`.",
+              "name": "dismiss"
+            },
             {
               "description": "An avatar or icon identifying who or what it came from.",
               "name": "media"
@@ -59058,7 +59062,7 @@
           "helix": {
             "category": "feedback",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/notifications",
             "aliases": [
               "Notification item",
@@ -59283,7 +59287,7 @@
                   "text": "void"
                 }
               },
-              "description": "Says whether anything in the feed has media, so every item can hold the\ncolumn open whether or not it has one of its own.\n\n**A fact no item can answer for itself**, which is why it is here. An item\nknows about its own media slot and nothing about its neighbors, so a feed\nwhere some rows have an avatar and some do not draws two different left\nedges for its text: measured on a four item feed, the rows without media\nstarted their text 32 pixels to the left of the rows with it. The styled\ntier turns this into a width; this tier ships no stylesheet and is\nunaffected.\n\nRead off the light DOM rather than off the items, so it does not depend on\nwhich children have upgraded by the time this runs."
+              "description": "Says whether anything in the feed has media, so every item can hold the\ncolumn open whether or not it has one of its own.\n\n**A fact no item can answer for itself**, which is why it is here. An item\nknows about its own media slot and nothing about its neighbors, so a feed\nwhere some rows have an avatar and some do not draws two different left\nedges for its text: measured on a four item feed, the rows without media\nstarted their text 32 pixels to the left of the rows with it. The styled\ntier turns this into a width; this tier ships no stylesheet and is\nunaffected.\n\n**What is asked of each row is its light DOM, not the row.** A notification\npublishes no property for this, and asking one would make the answer depend\non the row having drawn itself; a `[slot=\"media\"]` child is there from the\nmoment the markup is parsed. The rows themselves come from `items`, which\ndoes need them upgraded, and that is the honest limit rather than a claim\nthis had made the other way: a row that upgrades late is counted on the next\nupdate, which its own `slotchange` asks for."
             },
             {
               "kind": "method",
@@ -59917,7 +59921,7 @@
           "helix": {
             "category": "feedback",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/notifications",
             "aliases": [
               "Notification feed",
@@ -62509,6 +62513,17 @@
               "description": "The heading over the run.",
               "attribute": "label"
             },
+            {
+              "kind": "method",
+              "name": "nameFromHeading",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Names the run after the heading it drew, whatever the heading is made of.\n\n**The string alone was not the name of the heading, it was the name of one\nway of writing it.** `label` reached `ariaLabel` and the slot reached the\nscreen, so a consumer who took the documented `label` slot for a heading\nricher than a string got a `role=\"group\"` with no accessible name at all,\nand the words they wrote were the one thing a reader could not hear: the\nheading carries `aria-hidden`, because the name was supposed to be on the\nhost already. Set both and they disagreed, the host saying the string and\nthe panel showing the slot.\n\nSo the host points at the heading, which is the one thing that is always\nwhat a reader sees. `ElementInternals` and not an IDREF, because the host\nis in the light DOM and the heading is in this shadow root, which is the\nboundary `aria-labelledby` cannot cross. `MixinField.linkHost` does the\nsame for a field's label and records the measurement.\n\nClient only. Element references need the nodes to exist, and the server has\nthe string."
+            },
             {
               "kind": "field",
               "name": "tier",
@@ -62852,7 +62867,7 @@
           "summary": "A named run of options inside a listbox.",
           "helix": {
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/option",
             "aliases": [
               "OptGroup",
@@ -63528,7 +63543,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/option",
             "aliases": [
               "Item",
@@ -71386,7 +71401,7 @@
           "summary": "A set of choices where exactly one is the answer.",
           "helix": {
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/radio",
             "aliases": [
               "RadioButtons",
@@ -71500,6 +71515,15 @@
               },
               "description": "Whether the markup declared this one chosen, which is what a reset returns to.\n\n`<option selected>` reflects to `defaultSelected` and `option.selected` is\nlive state that does not reflect, and those are two different facts. This\nelement has one `selected` doing both jobs, so the declaration is the\nattribute and the state is the property.\n\n**The attribute, read when it is asked for, and never a snapshot taken in\nthe constructor.** A field initializer runs there, and an element the HTML\nparser created has none of its attributes yet at that moment: measured on\nthis element, on `Option` and on `Toggle`, `<helix-radio value=\"a\"\nselected>` reported `defaultSelected` as `false` both from parsed markup\nand from `createElement` followed by `setAttribute`, which is every way a\nconsumer writes one. The snapshot could only ever be true for an element\nalready in the document when `customElements.define` ran.\n\nNothing overwrites it either, which is what makes reading it late correct\nrather than merely later: `selected` does not reflect, for the reason\n`willUpdate` records, so the group's writes never reach the attribute and\nwhat it says is what the markup said.\n\n**The deeper half is not this.** State reflecting under the declaration's\nname is the fault `TreeItem` avoids by mirroring to `data-selected`.\nSplitting them means moving what every stylesheet selects on, which is a\nchange of its own rather than a property being added."
             },
+            {
+              "kind": "field",
+              "name": "focusable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether this choice holds the group's tab stop while nothing is chosen.\n\nThe stop rides on the selection, and an unanswered group has no selection,\nso without this every choice is `tabindex=\"-1\"` and the keyboard cannot\nenter the set at all.\n\n**Written by the group, with no attribute, and it reaches the control\nrather than the host.** A `tabindex` on the host is two faults at once: it\nis markup a consumer rendered and their server never sent, which React\nreports as a mismatch and does not patch up, and it puts the tab stop on\nthe element rather than on the `<button role=\"radio\">` inside it, so a\nscreen reader meets an unnamed box where a native group would have given\nthem an unchecked radio. `Toggle.Root` carries the same property for the\nsame reason."
+            },
             {
               "kind": "field",
               "name": "selected",
@@ -71932,7 +71956,7 @@
           "helix": {
             "category": "forms",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/radio",
             "aliases": [
               "Option",
@@ -77270,7 +77294,7 @@
           "helix": {
             "category": "navigation",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/skip-link",
             "aliases": [
               "Skip navigation",
@@ -79818,7 +79842,7 @@
           "helix": {
             "category": "actions",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/speed-dial",
             "aliases": [
               "Speed dial action",
@@ -80555,7 +80579,7 @@
           "helix": {
             "category": "actions",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/speed-dial",
             "aliases": [
               "FAB",
@@ -81062,7 +81086,7 @@
                   }
                 }
               ],
-              "description": "Asks to move, and applies it where the position is this element's to move.\n\nNot announced per step: `helix-before-resize` is the settling, below. A drag that\nannounced every position would be asking a consumer to record a hundred\ndecisions to keep one."
+              "description": "Moves the divider under a gesture that is still happening.\n\nNot announced per step: `helix-before-resize` is the settling, below. A drag that\nannounced every position would be asking a consumer to record a hundred\ndecisions to keep one.\n\n**A drag only, which is the whole of why applying before announcing is\nright here.** The divider has to follow the hand, and the one number worth\na decision is where the hand let go. Nothing discrete calls this: a key and\na double click go straight to `settle`, so their announcement comes before\ntheir change and refusing one takes the decision, and the corner's arrows\nalready did."
             },
             {
               "kind": "method",
@@ -81081,7 +81105,7 @@
                   }
                 }
               ],
-              "description": "Says the arrangement has settled, so a consumer can keep it.\n\nThrough the audited path, so a consumer who owns `position` is told what was\nasked for and decides, and one who does not has already had it applied."
+              "description": "Says the arrangement has settled, so a consumer can keep it.\n\nThrough the audited path, so a consumer who owns `position` is told what was\nasked for and decides, and one who does not has already had it applied.\n\n**The second announcement is conditional on the first, because it is derived\nfrom it.** `shutAt` reads the position the gesture ended on, so a refused\n`helix-before-resize` leaves a collapse computed from a number that was\nrefused. Announced anyway, the refusal produced the outcome it was refusing:\nmeasured on a divider at 40 with a listener calling `preventDefault`, Home\nleft `position` reporting 0 and `collapsed` reporting `start`, because the\ncollapse applied and `position` reads the sliver once a pane is shut. The\nreturn of the first request is what says so, and it was being dropped: a\ncancelable event dispatched as a bare statement with nothing reading the\nanswer, which is the shape the navigation cohort named on `Outline` and left.\n\nRefusing the collapse alone still leaves the resize, which is the other way\nround and is coherent: the divider goes where the drag put it and the pane\nis not declared shut. What a consumer cannot have is a pane that collapses\nout from under a position they said no to."
             },
             {
               "kind": "field",
@@ -81585,7 +81609,7 @@
               "type": {
                 "text": "HelixBeforeCollapseEvent"
               },
-              "description": "Fired before a pane shuts or reopens, and cancelable.",
+              "description": "Fired before a pane shuts or reopens, and only where the position it is derived from stood. Cancelable: refusing it leaves the pane as it was and the divider where the gesture put it.",
               "name": "helix-before-collapse",
               "reactProp": "onhelix-before-collapse"
             },
@@ -81593,7 +81617,7 @@
               "type": {
                 "text": "HelixBeforeResizeEvent"
               },
-              "description": "Fired before the divider settles, and cancelable.",
+              "description": "Fired before the divider settles. Cancelable: refusing it takes the whole of where the gesture ended, so no collapse follows from it either. A drag has already drawn itself by then and holds where it was dropped until the consumer assigns their own.",
               "name": "helix-before-resize",
               "reactProp": "onhelix-before-resize"
             }
@@ -96635,7 +96659,7 @@
           "summary": "One message in the toast region.",
           "helix": {
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/toast",
             "tier": "headless",
             "group": "BaseToast",
@@ -97079,12 +97103,11 @@
           "helix": {
             "category": "overlays",
             "since": "0.1.0",
-            "status": "experimental",
+            "status": "stable",
             "documentation": "https://fusion.dev/helix/components/toast",
             "aliases": [
               "Toaster",
-              "Snackbar",
-              "Notifications"
+              "Snackbar"
             ],
             "tier": "headless",
             "group": "BaseToast",
@@ -101154,14 +101177,6 @@
               "description": "A stop's own controls asking the tour to move, dispatched by the stop and heard here because the tour is what moves.",
               "name": "helix-tour-ask",
               "reactProp": "onhelix-tour-ask"
-            },
-            {
-              "type": {
-                "text": "Event"
-              },
-              "description": "Says the state moved, carrying `newState` and `oldState`.",
-              "name": "toggle",
-              "reactProp": "ontoggle"
             }
           ],
           "attributes": [

package/dist/chat/composer/chat-composer.d.ts

@@ -19,7 +19,7 @@ import { type PropertyValues, type TemplateResult } from 'lit';
  * of what the reader wrote.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases Message box, Prompt input
  * @documentation https://fusion.dev/helix/components/chat

package/dist/chat/message/chat-message.d.ts

@@ -23,7 +23,7 @@ export declare const FAILED_LABEL = "Not sent";
  * completion is the only version of this that works.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category feedback
  * @aliases Message, Bubble, Turn
  * @documentation https://fusion.dev/helix/components/chat

package/dist/chat/message/chat-message.js

@@ -40,7 +40,7 @@ let HelixHeadlessChatMessage = class HelixHeadlessChatMessage extends HelixEleme
             this.clock = Date.now();
         }
         hostAria(this.internals, { role: 'article' });
-        this.toggleAttribute('aria-busy', this.state === 'streaming');
+        this.internals.ariaBusy = this.state === 'streaming' ? 'true' : null;
     }
     renderTime() {
         const moment = this.moment;

package/dist/chat/root/chat-root.d.ts

@@ -69,7 +69,7 @@ declare const HelixHeadlessChat_base: (new (...args: any[]) => import("@fusion.d
  * turns as children.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category feedback
  * @aliases Conversation, Transcript, Thread, Messages
  * @documentation https://fusion.dev/helix/components/chat

package/dist/element-events.generated.js

@@ -138,7 +138,6 @@ registerElementEvents({
         'helix-before-close',
         'helix-complete',
         'helix-tour-ask',
-        'toggle',
     ],
     'helix-headless-tour-stop': ['helix-tour-ask'],
     'helix-headless-tree': ['helix-activate', 'helix-before-activate', 'helix-select'],

package/dist/filter-input/chip/filter-chip.d.ts

@@ -37,7 +37,7 @@ declare const HelixHeadlessFilterChip_base: (new (...args: any[]) => import("@fu
  * gives: what the words mean is the domain's.
  *
  * @since 0.23.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases FilterToken, FacetChip
  * @documentation https://fusion.dev/helix/components/filter-input

package/dist/filter-input/field/filter-field.d.ts

@@ -43,7 +43,7 @@ import type { HelixHeadlessFilterOperator } from '../operator/filter-operator.js
  * what fills a chip then is whatever the consumer types.
  *
  * @since 0.23.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases Facet, Dimension
  * @documentation https://fusion.dev/helix/components/filter-input

package/dist/filter-input/menu/filter-menu.d.ts

@@ -50,7 +50,7 @@ import '../../menu/index.js';
  * rather than inventing one. Refusing `helix-facet` refuses the change.
  *
  * @since 0.25.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases FacetPicker, FilterBuilder
  * @documentation https://fusion.dev/helix/components/filter-input

package/dist/filter-input/operator/filter-operator.d.ts

@@ -23,7 +23,7 @@ import { nothing, type PropertyValues } from 'lit';
  * consumer bug and the field reports it rather than guessing.
  *
  * @since 0.23.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases Comparator, Predicate
  * @documentation https://fusion.dev/helix/components/filter-input

package/dist/filter-input/root/filter-input-root.d.ts

@@ -83,7 +83,7 @@ declare const HelixHeadlessFilterInput_base: (new (...args: any[]) => import("@f
  * and the chip goes because the filter went.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases SearchField, FacetInput, TokenInput
  * @documentation https://fusion.dev/helix/components/filter-input

package/dist/notifications/group/notification-group.d.ts

@@ -27,7 +27,7 @@ declare const HelixHeadlessNotificationGroup_base: (new (...args: any[]) => impo
  * Left off, it is the number of rows.
  *
  * @since 0.24.0
- * @status experimental
+ * @status stable
  * @category feedback
  * @aliases NotificationSection, FeedGroup
  * @documentation https://fusion.dev/helix/components/notifications
@@ -100,6 +100,22 @@ export declare class HelixHeadlessNotificationGroup extends HelixHeadlessNotific
     get items(): HelixHeadlessNotification[];
     /** How many the group says it stands for, which is the count or the rows. */
     get total(): number;
+    /**
+     * The same number where anything can know it, and nothing where nothing can.
+     *
+     * **A server has no rows to count and must not say zero.** `items` reads
+     * `knownChildren`, which is empty on a server and while hydrating what one
+     * sent, so a group written around three notifications with no `count` of its
+     * own served `<span part="count">0</span>`: a crawler, and a reader before the
+     * page has run, given a group that says it holds nothing over the three rows
+     * underneath it. Not knowing is not zero, which is the rule `MixinCollection`
+     * already states about an empty list.
+     *
+     * A declared `count` is a fact about the group rather than about its children,
+     * so it serves whole, which is the shape a feed trimmed by a server already
+     * wants: it is the number the rows were cut from.
+     */
+    private get counted();
     protected willUpdate(changed: PropertyValues): void;
     protected firstUpdated(changed: PropertyValues): void;
     protected updated(changed: PropertyValues): void;
@@ -119,8 +135,6 @@ export declare class HelixHeadlessNotificationGroup extends HelixHeadlessNotific
      */
     private assign;
     private readonly handleToggle;
-    /** How many rows the collapse is hiding, for the control to say so. */
-    private get folded();
     protected render(): TemplateResult;
 }
 declare global {

package/dist/notifications/group/notification-group.js

@@ -29,6 +29,9 @@ let HelixHeadlessNotificationGroup = class HelixHeadlessNotificationGroup extend
     get total() {
         return this.count ?? this.items.length;
     }
+    get counted() {
+        return this.count ?? (this.childrenKnown ? this.items.length : undefined);
+    }
     willUpdate(changed) {
         super.willUpdate(changed);
         hostAria(this.internals, this.label === '' ? { role: 'group' } : { label: this.label, role: 'group' });
@@ -60,11 +63,9 @@ let HelixHeadlessNotificationGroup = class HelixHeadlessNotificationGroup extend
         const label = this.renderRoot?.querySelector?.('slot[name="label"]');
         label?.assign?.(...[...this.children].filter((child) => child.getAttribute('slot') === 'label'));
     }
-    get folded() {
-        return Math.max(this.items.length - 1, 0);
-    }
     render() {
-        const collapsed = this.collapsible && !this.open;
+        const counted = this.counted;
+        const count = html `<span part="count">${counted ?? nothing}</span>`;
         return html `<div part="header">
         ${this.collapsible
             ? html `<button
@@ -76,17 +77,13 @@ let HelixHeadlessNotificationGroup = class HelixHeadlessNotificationGroup extend
                 @click=${this.handleToggle}
               >
                 <span part="label"><slot name="label">${this.label}</slot></span>
-                <span part="count">${this.total}</span>
+                ${count}
               </button>`
             : html `<span part="label"><slot name="label">${this.label}</slot></span>
-                <span part="count">${this.total}</span>`}
+                ${count}`}
         <span part="action"><slot name="action"></slot></span>
       </div>
-      <div
-        id=${ITEMS_ID}
-        part="items"
-        aria-label=${collapsed && this.folded > 0 ? `${this.folded} more` : nothing}
-      >
+      <div id=${ITEMS_ID} part="items">
         <slot></slot>
       </div>`;
     }

package/dist/notifications/notification/notification.d.ts

@@ -30,7 +30,7 @@ import '../../format-date/index.js';
  * cancelable, and a `read` set by the consumer makes this element defer entirely.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category feedback
  * @aliases Notification item, Inbox item
  * @documentation https://fusion.dev/helix/components/notifications
@@ -44,6 +44,8 @@ import '../../format-date/index.js';
  * @slot detail - A block belonging to the row rather than a line about it: a quoted
  * comment, a status moving from one value to another, a preview. Unlike `caption` nothing
  * here sets a size or an ink, because whatever fills it usually brings its own.
+ * @slot dismiss - Replaces the glyph inside the dismiss control, which is drawn
+ * only where the row is `dismissible`.
  * @slot media - An avatar or icon identifying who or what it came from.
  *
  * @event {HelixDismissEvent} helix-dismiss - Fired when a reader asks to remove it, and cancelable.

package/dist/notifications/notification/notification.js

@@ -22,7 +22,7 @@ let HelixHeadlessNotification = class HelixHeadlessNotification extends HelixEle
         this.isNotification = true;
         this.readState = undefined;
         this.handleActions = () => {
-            this.markControls();
+            this.markActions();
         };
         this.handleDismiss = (event) => {
             event.stopPropagation();

package/dist/notifications/root/notifications-root.d.ts

@@ -25,7 +25,7 @@ declare const HelixHeadlessNotifications_base: (new (...args: any[]) => import("
  * either of them counting.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category feedback
  * @aliases Notification feed, Inbox, Activity
  * @documentation https://fusion.dev/helix/components/notifications
@@ -174,8 +174,13 @@ export declare class HelixHeadlessNotifications extends HelixHeadlessNotificatio
      * tier turns this into a width; this tier ships no stylesheet and is
      * unaffected.
      *
-     * Read off the light DOM rather than off the items, so it does not depend on
-     * which children have upgraded by the time this runs.
+     * **What is asked of each row is its light DOM, not the row.** A notification
+     * publishes no property for this, and asking one would make the answer depend
+     * on the row having drawn itself; a `[slot="media"]` child is there from the
+     * moment the markup is parsed. The rows themselves come from `items`, which
+     * does need them upgraded, and that is the honest limit rather than a claim
+     * this had made the other way: a row that upgrades late is counted on the next
+     * update, which its own `slotchange` asks for.
      */
     private markMedia;
     /**

package/dist/option/group/option-group.d.ts

@@ -13,7 +13,7 @@ import { type PropertyValues, type TemplateResult } from 'lit';
  * an option is in without the heading becoming something to land on.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @aliases OptGroup, Section
  * @documentation https://fusion.dev/helix/components/option
  *
@@ -29,6 +29,29 @@ export declare class HelixHeadlessOptionGroup extends HelixElement {
      */
     label: string;
     protected willUpdate(changed: PropertyValues): void;
+    protected updated(changed: PropertyValues): void;
+    /**
+     * Names the run after the heading it drew, whatever the heading is made of.
+     *
+     * **The string alone was not the name of the heading, it was the name of one
+     * way of writing it.** `label` reached `ariaLabel` and the slot reached the
+     * screen, so a consumer who took the documented `label` slot for a heading
+     * richer than a string got a `role="group"` with no accessible name at all,
+     * and the words they wrote were the one thing a reader could not hear: the
+     * heading carries `aria-hidden`, because the name was supposed to be on the
+     * host already. Set both and they disagreed, the host saying the string and
+     * the panel showing the slot.
+     *
+     * So the host points at the heading, which is the one thing that is always
+     * what a reader sees. `ElementInternals` and not an IDREF, because the host
+     * is in the light DOM and the heading is in this shadow root, which is the
+     * boundary `aria-labelledby` cannot cross. `MixinField.linkHost` does the
+     * same for a field's label and records the measurement.
+     *
+     * Client only. Element references need the nodes to exist, and the server has
+     * the string.
+     */
+    private nameFromHeading;
     protected render(): TemplateResult;
 }
 declare global {

package/dist/option/group/option-group.js

@@ -16,6 +16,14 @@ let HelixHeadlessOptionGroup = class HelixHeadlessOptionGroup extends HelixEleme
         super.willUpdate(changed);
         hostAria(this.internals, { label: this.label, role: 'group' });
     }
+    updated(changed) {
+        super.updated(changed);
+        this.nameFromHeading();
+    }
+    nameFromHeading() {
+        const heading = this.partNamed('label');
+        hostAria(this.internals, { labelledBy: heading ? [heading] : [] });
+    }
     render() {
         return html `<span part="label" aria-hidden="true">
         <slot name="label">${this.label}</slot>

package/dist/option/root/option-root.d.ts

@@ -41,7 +41,7 @@ export declare const optionsAmong: (elements: readonly Element[]) => HelixHeadle
  * question and differs between a select and a command palette.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases Item, Choice
  * @documentation https://fusion.dev/helix/components/option

package/dist/radio/group/radio-group.d.ts

@@ -26,7 +26,7 @@ declare const HelixHeadlessRadioGroup_base: (new (...args: any[]) => import("@fu
  * anything is chosen.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @aliases RadioButtons, Choice group
  * @documentation https://fusion.dev/helix/components/radio
  *

package/dist/radio/group/radio-group.js

@@ -29,17 +29,13 @@ let HelixHeadlessRadioGroup = class HelixHeadlessRadioGroup extends MixinControl
     }
     place() {
         const items = this.items;
+        const answer = items.find((item) => item.value === this.value);
         for (const item of items) {
-            item.selected = item.value === this.value;
+            item.selected = item === answer;
         }
-        const entered = this.value === '' && items.length > 0 ? items[0] : undefined;
+        const entry = answer ? undefined : items.find((item) => !item.disabled);
         for (const item of items) {
-            if (item === entered) {
-                item.setAttribute('tabindex', '0');
-            }
-            else {
-                item.removeAttribute('tabindex');
-            }
+            item.focusable = item === entry;
         }
     }
     sync() {

package/dist/radio/root/radio-root.d.ts

@@ -20,7 +20,7 @@ import { type PropertyValues, type TemplateResult } from 'lit';
  * be a second source of truth for which one is on.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category forms
  * @aliases Option, Choice
  * @documentation https://fusion.dev/helix/components/radio
@@ -75,6 +75,23 @@ export declare class HelixHeadlessRadio extends HelixElement {
      */
     get defaultSelected(): boolean;
     set defaultSelected(next: boolean);
+    /**
+     * Whether this choice holds the group's tab stop while nothing is chosen.
+     *
+     * The stop rides on the selection, and an unanswered group has no selection,
+     * so without this every choice is `tabindex="-1"` and the keyboard cannot
+     * enter the set at all.
+     *
+     * **Written by the group, with no attribute, and it reaches the control
+     * rather than the host.** A `tabindex` on the host is two faults at once: it
+     * is markup a consumer rendered and their server never sent, which React
+     * reports as a mismatch and does not patch up, and it puts the tab stop on
+     * the element rather than on the `<button role="radio">` inside it, so a
+     * screen reader meets an unnamed box where a native group would have given
+     * them an unchecked radio. `Toggle.Root` carries the same property for the
+     * same reason.
+     */
+    focusable: boolean;
     /**
      * Whether this is the current choice.
      *

package/dist/radio/root/radio-root.js

@@ -11,6 +11,7 @@ let HelixHeadlessRadio = class HelixHeadlessRadio extends HelixElement {
     constructor() {
         super(...arguments);
         this.disabled = false;
+        this.focusable = false;
         this.selected = false;
         this.value = '';
     }
@@ -40,7 +41,7 @@ let HelixHeadlessRadio = class HelixHeadlessRadio extends HelixElement {
       role="radio"
       aria-checked=${this.selected ? 'true' : 'false'}
       ?disabled=${this.disabled}
-      tabindex=${this.selected ? '0' : '-1'}
+      tabindex=${this.selected || this.focusable ? '0' : '-1'}
       @click=${() => this.select()}
     >
       <span part="box"><span part="mark" aria-hidden="true"></span></span>
@@ -52,6 +53,9 @@ let HelixHeadlessRadio = class HelixHeadlessRadio extends HelixElement {
 __decorate([
     property({ reflect: true, type: Boolean })
 ], HelixHeadlessRadio.prototype, "disabled", void 0);
+__decorate([
+    property({ attribute: false })
+], HelixHeadlessRadio.prototype, "focusable", void 0);
 __decorate([
     property({ type: Boolean })
 ], HelixHeadlessRadio.prototype, "selected", void 0);

package/dist/skip-link/root/skip-link-root.d.ts

@@ -32,7 +32,7 @@ import { type TemplateResult } from 'lit';
  * broken.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category navigation
  * @aliases Skip navigation, Skip to content
  * @documentation https://fusion.dev/helix/components/skip-link

package/dist/speed-dial/item/speed-dial-item.d.ts

@@ -16,7 +16,7 @@ import { type TemplateResult } from 'lit';
  * being there, so it is read, searched and translated like anything else.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category actions
  * @aliases Speed dial action, FAB action, Quick action
  * @documentation https://fusion.dev/helix/components/speed-dial

package/dist/speed-dial/root/speed-dial-root.d.ts

@@ -28,7 +28,7 @@ declare const HelixHeadlessSpeedDial_base: (new (...args: any[]) => import("@fus
  * with no reason to argue with it.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category actions
  * @aliases FAB, Floating action button, Action button, Quick actions
  * @documentation https://fusion.dev/helix/components/speed-dial

package/dist/splitter/root/splitter-root.d.ts

@@ -41,8 +41,8 @@ import { type PropertyValues, type TemplateResult } from 'lit';
  * @slot end - The pane after it.
  * @slot start - The pane before the divider.
  *
- * @event {HelixBeforeCollapseEvent} helix-before-collapse - Fired before a pane shuts or reopens, and cancelable.
- * @event {HelixBeforeResizeEvent} helix-before-resize - Fired before the divider settles, and cancelable.
+ * @event {HelixBeforeCollapseEvent} helix-before-collapse - Fired before a pane shuts or reopens, and only where the position it is derived from stood. Cancelable: refusing it leaves the pane as it was and the divider where the gesture put it.
+ * @event {HelixBeforeResizeEvent} helix-before-resize - Fired before the divider settles. Cancelable: refusing it takes the whole of where the gesture ended, so no collapse follows from it either. A drag has already drawn itself by then and holds where it was dropped until the consumer assigns their own.
  *
  * @csspart corner - The handle where two dividers cross, added on the client.
  * @csspart end - The box holding the second.
@@ -300,11 +300,18 @@ export declare class HelixHeadlessSplitter extends HelixElement {
      */
     get vertical(): boolean;
     /**
-     * Asks to move, and applies it where the position is this element's to move.
+     * Moves the divider under a gesture that is still happening.
      *
      * Not announced per step: `helix-before-resize` is the settling, below. A drag that
      * announced every position would be asking a consumer to record a hundred
      * decisions to keep one.
+     *
+     * **A drag only, which is the whole of why applying before announcing is
+     * right here.** The divider has to follow the hand, and the one number worth
+     * a decision is where the hand let go. Nothing discrete calls this: a key and
+     * a double click go straight to `settle`, so their announcement comes before
+     * their change and refusing one takes the decision, and the corner's arrows
+     * already did.
      */
     private move;
     /**
@@ -312,6 +319,22 @@ export declare class HelixHeadlessSplitter extends HelixElement {
      *
      * Through the audited path, so a consumer who owns `position` is told what was
      * asked for and decides, and one who does not has already had it applied.
+     *
+     * **The second announcement is conditional on the first, because it is derived
+     * from it.** `shutAt` reads the position the gesture ended on, so a refused
+     * `helix-before-resize` leaves a collapse computed from a number that was
+     * refused. Announced anyway, the refusal produced the outcome it was refusing:
+     * measured on a divider at 40 with a listener calling `preventDefault`, Home
+     * left `position` reporting 0 and `collapsed` reporting `start`, because the
+     * collapse applied and `position` reads the sliver once a pane is shut. The
+     * return of the first request is what says so, and it was being dropped: a
+     * cancelable event dispatched as a bare statement with nothing reading the
+     * answer, which is the shape the navigation cohort named on `Outline` and left.
+     *
+     * Refusing the collapse alone still leaves the resize, which is the other way
+     * round and is coherent: the divider goes where the drag put it and the pane
+     * is not declared shut. What a consumer cannot have is a pane that collapses
+     * out from under a position they said no to.
      */
     private settle;
     private readonly handlePointerDown;

package/dist/splitter/root/splitter-root.js

@@ -82,7 +82,6 @@ let HelixHeadlessSplitter = HelixHeadlessSplitter_1 = class HelixHeadlessSplitte
             else {
                 return;
             }
-            this.move(next);
             this.settle(next);
             event.preventDefault();
         };
@@ -300,7 +299,7 @@ let HelixHeadlessSplitter = HelixHeadlessSplitter_1 = class HelixHeadlessSplitte
     settle(next) {
         const wanted = this.clamp(next);
         const shut = this.shutAt(wanted);
-        requestChange({
+        const moved = requestChange({
             apply: (value) => {
                 const previous = this.position;
                 this.positionState = value;
@@ -310,6 +309,9 @@ let HelixHeadlessSplitter = HelixHeadlessSplitter_1 = class HelixHeadlessSplitte
             host: this,
             next: wanted,
         });
+        if (!moved) {
+            return;
+        }
         if (shut !== this.collapsed) {
             requestChange({
                 apply: (value) => {
@@ -334,7 +336,6 @@ let HelixHeadlessSplitter = HelixHeadlessSplitter_1 = class HelixHeadlessSplitte
     }
     reset() {
         const home = this.clamp(this.defaultPosition);
-        this.move(home);
         this.settle(home);
     }
     cross(by, at) {

package/dist/toast/item/toast-item.d.ts

@@ -18,7 +18,7 @@ declare const HelixHeadlessToastItem_base: (new (...args: any[]) => import("@fus
  * something.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @documentation https://fusion.dev/helix/components/toast
  *
  * @slot - The message.

package/dist/toast/root/toast-root.d.ts

@@ -29,9 +29,9 @@ import { type PropertyValues, type TemplateResult } from 'lit';
  * test, or twice.
  *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category overlays
- * @aliases Toaster, Snackbar, Notifications
+ * @aliases Toaster, Snackbar
  * @documentation https://fusion.dev/helix/components/toast
  *
  * @slot - The messages, as `helix-toast-item` elements.

package/dist/tour/root/tour-root.d.ts

@@ -32,7 +32,6 @@ import type { HelixHeadlessTourStop } from '../stop/tour-stop.js';
  * @event {HelixCompleteEvent} helix-complete - Fired when the last stop is
  * finished.
  * @event {HelixTourAskEvent} helix-tour-ask - A stop's own controls asking the tour to move, dispatched by the stop and heard here because the tour is what moves.
- * @event {Event} toggle - Says the state moved, carrying `newState` and `oldState`.
  *
  * @csspart spotlight - The box over the current target, which paints the scrim.
  */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-headless",
   "description": "Headless component tier. Structure, accessibility, state, and form participation. No styling.",
-  "version": "0.43.0",
+  "version": "0.45.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -46,14 +46,14 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.43.0",
-    "@fusion.dev/helix-icons": "0.43.0",
+    "@fusion.dev/helix-core": "0.45.0",
+    "@fusion.dev/helix-icons": "0.45.0",
     "uqr": "^0.1.3"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@fusion.dev/helix-cem": "0.43.0",
-    "@fusion.dev/helix-testing": "0.43.0",
+    "@fusion.dev/helix-cem": "0.45.0",
+    "@fusion.dev/helix-testing": "0.45.0",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.0.0",
     "@lit-labs/ssr": "^4.1.0",

package/types/jsx.d.ts

@@ -11715,6 +11715,21 @@ name is the fault `TreeItem` avoids by mirroring to `data-selected`.
 Splitting them means moving what every stylesheet selects on, which is a
 change of its own rather than a property being added. */
   defaultSelected?: (HelixHeadlessRadio["defaultSelected"]) | undefined;
+  /** Whether this choice holds the group's tab stop while nothing is chosen.
+
+The stop rides on the selection, and an unanswered group has no selection,
+so without this every choice is `tabindex="-1"` and the keyboard cannot
+enter the set at all.
+
+**Written by the group, with no attribute, and it reaches the control
+rather than the host.** A `tabindex` on the host is two faults at once: it
+is markup a consumer rendered and their server never sent, which React
+reports as a mismatch and does not patch up, and it puts the tab stop on
+the element rather than on the `<button role="radio">` inside it, so a
+screen reader meets an unnamed box where a native group would have given
+them an unchecked radio. `Toggle.Root` carries the same property for the
+same reason. */
+  focusable?: (HelixHeadlessRadio["focusable"]) | undefined;
 
   /** Fired when this choice is made. Cancelable: refusing it takes the decision and nothing moves. */
   "onhelix-select"?: ((e: HelixHeadlessRadioHelixSelectElementEvent) => void) | undefined;
@@ -11755,6 +11770,21 @@ name is the fault `TreeItem` avoids by mirroring to `data-selected`.
 Splitting them means moving what every stylesheet selects on, which is a
 change of its own rather than a property being added. */
   "prop:defaultSelected"?: (HelixHeadlessRadio["defaultSelected"]) | undefined;
+  /** Whether this choice holds the group's tab stop while nothing is chosen.
+
+The stop rides on the selection, and an unanswered group has no selection,
+so without this every choice is `tabindex="-1"` and the keyboard cannot
+enter the set at all.
+
+**Written by the group, with no attribute, and it reaches the control
+rather than the host.** A `tabindex` on the host is two faults at once: it
+is markup a consumer rendered and their server never sent, which React
+reports as a mismatch and does not patch up, and it puts the tab stop on
+the element rather than on the `<button role="radio">` inside it, so a
+screen reader meets an unnamed box where a native group would have given
+them an unchecked radio. `Toggle.Root` carries the same property for the
+same reason. */
+  "prop:focusable"?: (HelixHeadlessRadio["focusable"]) | undefined;
   /** Fired when this choice is made. Cancelable: refusing it takes the decision and nothing moves. */
   "on:helix-select"?: ((e: HelixHeadlessRadioHelixSelectElementEvent) => void) | undefined;
 
@@ -13023,11 +13053,11 @@ has an honest answer. */
   /** How far one arrow press moves it, as a percentage. */
   step?: (HelixHeadlessSplitter["step"]) | undefined;
 
-  /** Fired before a pane shuts or reopens, and cancelable. */
+  /** Fired before a pane shuts or reopens, and only where the position it is derived from stood. Cancelable: refusing it leaves the pane as it was and the divider where the gesture put it. */
   "onhelix-before-collapse"?: ((
     e: HelixHeadlessSplitterHelixBeforeCollapseElementEvent,
   ) => void) | undefined;
-  /** Fired before the divider settles, and cancelable. */
+  /** Fired before the divider settles. Cancelable: refusing it takes the whole of where the gesture ended, so no collapse follows from it either. A drag has already drawn itself by then and holds where it was dropped until the consumer assigns their own. */
   "onhelix-before-resize"?: ((
     e: HelixHeadlessSplitterHelixBeforeResizeElementEvent,
   ) => void) | undefined;
@@ -13127,11 +13157,11 @@ has an honest answer. */
   "prop:orientation"?: (HelixHeadlessSplitter["orientation"]) | undefined;
   /** How far one arrow press moves it, as a percentage. */
   "prop:step"?: (HelixHeadlessSplitter["step"]) | undefined;
-  /** Fired before a pane shuts or reopens, and cancelable. */
+  /** Fired before a pane shuts or reopens, and only where the position it is derived from stood. Cancelable: refusing it leaves the pane as it was and the divider where the gesture put it. */
   "on:helix-before-collapse"?: ((
     e: HelixHeadlessSplitterHelixBeforeCollapseElementEvent,
   ) => void) | undefined;
-  /** Fired before the divider settles, and cancelable. */
+  /** Fired before the divider settles. Cancelable: refusing it takes the whole of where the gesture ended, so no collapse follows from it either. A drag has already drawn itself by then and holds where it was dropped until the consumer assigns their own. */
   "on:helix-before-resize"?: ((
     e: HelixHeadlessSplitterHelixBeforeResizeElementEvent,
   ) => void) | undefined;
@@ -15977,8 +16007,6 @@ The shape is `Carousel`'s, which is the nearest thing in the library: a
   "onhelix-complete"?: ((e: HelixHeadlessTourHelixCompleteElementEvent) => void) | undefined;
   /** A stop's own controls asking the tour to move, dispatched by the stop and heard here because the tour is what moves. */
   "onhelix-tour-ask"?: ((e: HelixHeadlessTourHelixTourAskElementEvent) => void) | undefined;
-  /** Says the state moved, carrying `newState` and `oldState`. */
-  ontoggle?: ((e: HelixHeadlessTourElementEvent) => void) | undefined;
 };
 
 export type HelixHeadlessTourSolidJsProps = {
@@ -16033,8 +16061,6 @@ The shape is `Carousel`'s, which is the nearest thing in the library: a
   "on:helix-complete"?: ((e: HelixHeadlessTourHelixCompleteElementEvent) => void) | undefined;
   /** A stop's own controls asking the tour to move, dispatched by the stop and heard here because the tour is what moves. */
   "on:helix-tour-ask"?: ((e: HelixHeadlessTourHelixTourAskElementEvent) => void) | undefined;
-  /** Says the state moved, carrying `newState` and `oldState`. */
-  "on:toggle"?: ((e: HelixHeadlessTourElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -26912,6 +26938,7 @@ export type CustomElements = {
    * - `actions`: What a reader can do about it, under the words it is about. Drawn always rather than on hover, because an action is the point of the row and not chrome around it.
    * - `caption`: A second line qualifying it, quieter than the first. A bare slot rather than a box, so an item without one pays nothing for it; style it through `::slotted()`.
    * - `detail`: A block belonging to the row rather than a line about it: a quoted comment, a status moving from one value to another, a preview. Unlike `caption` nothing here sets a size or an ink, because whatever fills it usually brings its own.
+   * - `dismiss`: Replaces the glyph inside the dismiss control, which is drawn only where the row is `dismissible`.
    * - `media`: An avatar or icon identifying who or what it came from.
    *
    * ## Methods
@@ -29057,6 +29084,20 @@ export type CustomElements = {
    * name is the fault `TreeItem` avoids by mirroring to `data-selected`.
    * Splitting them means moving what every stylesheet selects on, which is a
    * change of its own rather than a property being added. (property only)
+   * - `focusable`: Whether this choice holds the group's tab stop while nothing is chosen.
+   *
+   * The stop rides on the selection, and an unanswered group has no selection,
+   * so without this every choice is `tabindex="-1"` and the keyboard cannot
+   * enter the set at all.
+   *
+   * **Written by the group, with no attribute, and it reaches the control
+   * rather than the host.** A `tabindex` on the host is two faults at once: it
+   * is markup a consumer rendered and their server never sent, which React
+   * reports as a mismatch and does not patch up, and it puts the tab stop on
+   * the element rather than on the `<button role="radio">` inside it, so a
+   * screen reader meets an unnamed box where a native group would have given
+   * them an unchecked radio. `Toggle.Root` carries the same property for the
+   * same reason. (property only)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -30667,8 +30708,8 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
-   * - `helix-before-collapse`: Fired before a pane shuts or reopens, and cancelable.
-   * - `helix-before-resize`: Fired before the divider settles, and cancelable.
+   * - `helix-before-collapse`: Fired before a pane shuts or reopens, and only where the position it is derived from stood. Cancelable: refusing it leaves the pane as it was and the divider where the gesture put it.
+   * - `helix-before-resize`: Fired before the divider settles. Cancelable: refusing it takes the whole of where the gesture ended, so no collapse follows from it either. A drag has already drawn itself by then and holds where it was dropped until the consumer assigns their own.
    *
    * ## Slots
    *
@@ -33752,7 +33793,6 @@ export type CustomElements = {
    * - `helix-before-close`: Fired before the reader leaves early. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-complete`: Fired when the last stop is finished.
    * - `helix-tour-ask`: A stop's own controls asking the tour to move, dispatched by the stop and heard here because the tour is what moves.
-   * - `toggle`: Says the state moved, carrying `newState` and `oldState`.
    *
    * ## Slots
    *
@@ -44742,6 +44782,7 @@ export type CustomElementsSolidJs = {
    * - `actions`: What a reader can do about it, under the words it is about. Drawn always rather than on hover, because an action is the point of the row and not chrome around it.
    * - `caption`: A second line qualifying it, quieter than the first. A bare slot rather than a box, so an item without one pays nothing for it; style it through `::slotted()`.
    * - `detail`: A block belonging to the row rather than a line about it: a quoted comment, a status moving from one value to another, a preview. Unlike `caption` nothing here sets a size or an ink, because whatever fills it usually brings its own.
+   * - `dismiss`: Replaces the glyph inside the dismiss control, which is drawn only where the row is `dismissible`.
    * - `media`: An avatar or icon identifying who or what it came from.
    *
    * ## Methods
@@ -46917,6 +46958,20 @@ export type CustomElementsSolidJs = {
    * name is the fault `TreeItem` avoids by mirroring to `data-selected`.
    * Splitting them means moving what every stylesheet selects on, which is a
    * change of its own rather than a property being added. (property only)
+   * - `focusable`: Whether this choice holds the group's tab stop while nothing is chosen.
+   *
+   * The stop rides on the selection, and an unanswered group has no selection,
+   * so without this every choice is `tabindex="-1"` and the keyboard cannot
+   * enter the set at all.
+   *
+   * **Written by the group, with no attribute, and it reaches the control
+   * rather than the host.** A `tabindex` on the host is two faults at once: it
+   * is markup a consumer rendered and their server never sent, which React
+   * reports as a mismatch and does not patch up, and it puts the tab stop on
+   * the element rather than on the `<button role="radio">` inside it, so a
+   * screen reader meets an unnamed box where a native group would have given
+   * them an unchecked radio. `Toggle.Root` carries the same property for the
+   * same reason. (property only)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -48554,8 +48609,8 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
-   * - `helix-before-collapse`: Fired before a pane shuts or reopens, and cancelable.
-   * - `helix-before-resize`: Fired before the divider settles, and cancelable.
+   * - `helix-before-collapse`: Fired before a pane shuts or reopens, and only where the position it is derived from stood. Cancelable: refusing it leaves the pane as it was and the divider where the gesture put it.
+   * - `helix-before-resize`: Fired before the divider settles. Cancelable: refusing it takes the whole of where the gesture ended, so no collapse follows from it either. A drag has already drawn itself by then and holds where it was dropped until the consumer assigns their own.
    *
    * ## Slots
    *
@@ -51706,7 +51761,6 @@ export type CustomElementsSolidJs = {
    * - `helix-before-close`: Fired before the reader leaves early. Cancelable: refusing it takes the decision and nothing moves.
    * - `helix-complete`: Fired when the last stop is finished.
    * - `helix-tour-ask`: A stop's own controls asking the tour to move, dispatched by the stop and heard here because the tour is what moves.
-   * - `toggle`: Says the state moved, carrying `newState` and `oldState`.
    *
    * ## Slots
    *

package/types/vue.d.ts

@@ -6021,6 +6021,21 @@ name is the fault `TreeItem` avoids by mirroring to `data-selected`.
 Splitting them means moving what every stylesheet selects on, which is a
 change of its own rather than a property being added. */
   defaultSelected?: (HelixHeadlessRadio["defaultSelected"]) | undefined;
+  /** Whether this choice holds the group's tab stop while nothing is chosen.
+
+The stop rides on the selection, and an unanswered group has no selection,
+so without this every choice is `tabindex="-1"` and the keyboard cannot
+enter the set at all.
+
+**Written by the group, with no attribute, and it reaches the control
+rather than the host.** A `tabindex` on the host is two faults at once: it
+is markup a consumer rendered and their server never sent, which React
+reports as a mismatch and does not patch up, and it puts the tab stop on
+the element rather than on the `<button role="radio">` inside it, so a
+screen reader meets an unnamed box where a native group would have given
+them an unchecked radio. `Toggle.Root` carries the same property for the
+same reason. */
+  focusable?: (HelixHeadlessRadio["focusable"]) | undefined;
 };
 
 export type HelixHeadlessRadioVueEvents = {
@@ -6722,9 +6737,9 @@ has an honest answer. */
 };
 
 export type HelixHeadlessSplitterVueEvents = {
-  /** Fired before a pane shuts or reopens, and cancelable. */
+  /** Fired before a pane shuts or reopens, and only where the position it is derived from stood. Cancelable: refusing it leaves the pane as it was and the divider where the gesture put it. */
   "helix-before-collapse": HelixHeadlessSplitterHelixBeforeCollapseElementEvent;
-  /** Fired before the divider settles, and cancelable. */
+  /** Fired before the divider settles. Cancelable: refusing it takes the whole of where the gesture ended, so no collapse follows from it either. A drag has already drawn itself by then and holds where it was dropped until the consumer assigns their own. */
   "helix-before-resize": HelixHeadlessSplitterHelixBeforeResizeElementEvent;
 };
 
@@ -8225,8 +8240,6 @@ export type HelixHeadlessTourVueEvents = {
   "helix-complete": HelixHeadlessTourHelixCompleteElementEvent;
   /** A stop's own controls asking the tour to move, dispatched by the stop and heard here because the tour is what moves. */
   "helix-tour-ask": HelixHeadlessTourHelixTourAskElementEvent;
-  /** Says the state moved, carrying `newState` and `oldState`. */
-  toggle: HelixHeadlessTourElementEvent;
 };
 
 /** `HelixHeadlessTourStop` component event */