@fusion.dev/helix-headless 0.94.0 → 0.96.0

package/custom-elements.json

@@ -20432,7 +20432,7 @@
             },
             {
               "description": "The category before the label.",
-              "name": "tag-prefix"
+              "name": "tag-start"
             },
             {
               "description": "The row of chosen options, when `multiple` is set.",
@@ -26990,7 +26990,7 @@
             },
             {
               "description": "The category before the label.",
-              "name": "date-prefix"
+              "name": "date-start"
             },
             {
               "description": "What is wrong with it.",
@@ -36450,7 +36450,7 @@
             },
             {
               "description": "The category before the label.",
-              "name": "kind-prefix"
+              "name": "kind-start"
             },
             {
               "description": "The question, over the field.",
@@ -36486,7 +36486,7 @@
             },
             {
               "description": "The category before the label.",
-              "name": "size-prefix"
+              "name": "size-start"
             },
             {
               "description": "The label that opens the picker.",
@@ -50643,6 +50643,10 @@
               "description": "The label.",
               "name": ""
             },
+            {
+              "description": "Secondary text under the label.",
+              "name": "description"
+            },
             {
               "description": "Trailing content.",
               "name": "end"
@@ -50650,10 +50654,6 @@
             {
               "description": "Leading content, usually an icon or an avatar.",
               "name": "start"
-            },
-            {
-              "description": "Secondary text under the label.",
-              "name": "supporting"
             }
           ],
           "members": [
@@ -57780,7 +57780,7 @@
           "cssParts": [
             {
               "description": "The trailing region of the header.",
-              "name": "action"
+              "name": "actions"
             },
             {
               "description": "How many are in the group.",
@@ -57810,7 +57810,7 @@
             },
             {
               "description": "Beside the count, for a link to the rest of them.",
-              "name": "action"
+              "name": "actions"
             },
             {
               "description": "Replaces the group's name, for a heading that needs a mark in it.",
@@ -58570,10 +58570,10 @@
             },
             {
               "description": "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()`.",
-              "name": "caption"
+              "name": "description"
             },
             {
-              "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.",
+              "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 `description` nothing here sets a size or an ink, because whatever fills it usually brings its own.",
               "name": "detail"
             },
             {
@@ -89548,7 +89548,7 @@
             },
             {
               "description": "The category before the label.",
-              "name": "prefix"
+              "name": "start"
             }
           ],
           "slots": [
@@ -89558,7 +89558,7 @@
             },
             {
               "description": "A category the label belongs to, set before it and weightier.",
-              "name": "prefix"
+              "name": "start"
             }
           ],
           "members": [
@@ -91745,7 +91745,7 @@
             },
             {
               "description": "The category before the label.",
-              "name": "time-prefix"
+              "name": "time-start"
             },
             {
               "description": "The control that opens the list.",
@@ -106614,10 +106614,6 @@
             }
           ],
           "cssParts": [
-            {
-              "description": "The region top left, for a way out of a set.",
-              "name": "back"
-            },
             {
               "description": "Subtitles on and off.",
               "name": "captions"
@@ -106694,6 +106690,10 @@
               "description": "The whole screen, and back.",
               "name": "fullscreen"
             },
+            {
+              "description": "The region top left, for a heading and a way out of a set.",
+              "name": "header"
+            },
             {
               "description": "What is said while the picture waits for more of itself. The part of that which spins is drawn on it, which is `::part(loading)::before` from a consumer's sheet: this tier ships no CSS, so a box it renders for one to paint is an empty child costing whatever the consumer's own layout charges for a child. `ListItem` measured that.",
               "name": "loading"
@@ -106808,14 +106808,14 @@
               "description": "`<source>` and `<track>` elements, which are copied into the video.",
               "name": ""
             },
-            {
-              "description": "Top left over the frame, for a way out of a set.",
-              "name": "back"
-            },
             {
               "description": "Added to the control bar, before fullscreen.",
               "name": "controls"
             },
+            {
+              "description": "Top left over the frame: a heading, and a way out of a set beside it.",
+              "name": "header"
+            },
             {
               "description": "Shown over the video until it starts.",
               "name": "poster"

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

@@ -76,7 +76,7 @@ declare const HelixHeadlessCombobox_base: (new (...args: any[]) => import("@fusi
  * @csspart tag - One chosen option.
  * @csspart tag-dismiss - The remove button, when `dismissible`.
  * @csspart tag-dismiss-mark - The glyph on the dismiss control, where none is slotted.
- * @csspart tag-prefix - The category before the label.
+ * @csspart tag-start - The category before the label.
  * @csspart tags - The row of chosen options, when `multiple` is set.
  *
  * @cssstate invalid - While there is feedback to show: the platform's verdict, or the consumer's `feedback`.

package/dist/combobox/root/combobox-root.js

@@ -273,7 +273,7 @@ let HelixHeadlessCombobox = class HelixHeadlessCombobox extends MixinControllerO
     renderTag(option) {
         return html `<${this.tag('tag')}
                     part="tag"
-      exportparts="dismiss: tag-dismiss, dismiss-mark: tag-dismiss-mark, prefix: tag-prefix"
+      exportparts="dismiss: tag-dismiss, dismiss-mark: tag-dismiss-mark, start: tag-start"
                     data-value=${option.value}
                     dismiss-label=${this.removeLabel}
                     ?dismissible=${!this.isDisabled}

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

@@ -38,7 +38,7 @@ declare const HelixHeadlessDateInput_base: (new (...args: any[]) => import("@fus
  * @csspart date - One held date, as a tag, in `multiple`.
  * @csspart date-dismiss - The remove button, when `dismissible`.
  * @csspart date-dismiss-mark - The glyph on the dismiss control, where none is slotted.
- * @csspart date-prefix - The category before the label.
+ * @csspart date-start - The category before the label.
  * @csspart feedback - What is wrong with it.
  * @csspart field - The box holding the text and the trigger.
  * @csspart hint - Help under the field, while nothing is wrong.

package/dist/date-input/root/date-input-root.js

@@ -192,7 +192,7 @@ let HelixHeadlessDateInput = class HelixHeadlessDateInput extends MixinPickerEdi
     renderTag(date) {
         return html `<${this.tag('tag')}
                   part="date"
-      exportparts="dismiss: date-dismiss, dismiss-mark: date-dismiss-mark, prefix: date-prefix"
+      exportparts="dismiss: date-dismiss, dismiss-mark: date-dismiss-mark, start: date-start"
                   dismissible
                   dismiss-label=${`Remove ${date}`}
                   ?disabled=${this.isDisabled}

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

@@ -40,7 +40,7 @@ declare const HelixHeadlessFileInput_base: (new (...args: any[]) => import("@fus
  * @csspart kind - What kind of file it is.
  * @csspart kind-dismiss - The remove button, when `dismissible`.
  * @csspart kind-dismiss-mark - The glyph on the dismiss control, where none is slotted.
- * @csspart kind-prefix - The category before the label.
+ * @csspart kind-start - The category before the label.
  * @csspart label - The question, over the field.
  * @csspart list - The chosen files.
  * @csspart meta - The row holding its size and kind.
@@ -49,7 +49,7 @@ declare const HelixHeadlessFileInput_base: (new (...args: any[]) => import("@fus
  * @csspart size - How big it is.
  * @csspart size-dismiss - The remove button, when `dismissible`.
  * @csspart size-dismiss-mark - The glyph on the dismiss control, where none is slotted.
- * @csspart size-prefix - The category before the label.
+ * @csspart size-start - The category before the label.
  * @csspart trigger - The label that opens the picker.
  *
  * @cssstate invalid - While there is feedback to show: the platform's verdict, or the consumer's `feedback`.

package/dist/file-input/root/file-input-root.js

@@ -162,10 +162,10 @@ let HelixHeadlessFileInput = class HelixHeadlessFileInput extends MixinField(Hel
     }
     renderMeta(file) {
         return html `<${this.tag('tag')} part="size"
-    exportparts="dismiss: size-dismiss, dismiss-mark: size-dismiss-mark, prefix: size-prefix">${size(file.size, this.locale)}</${this.tag('tag')}>
+    exportparts="dismiss: size-dismiss, dismiss-mark: size-dismiss-mark, start: size-start">${size(file.size, this.locale)}</${this.tag('tag')}>
       <${this.tag('tag')}
         part="kind"
-      exportparts="dismiss: kind-dismiss, dismiss-mark: kind-dismiss-mark, prefix: kind-prefix">${kind(file)}</${this.tag('tag')}>`;
+      exportparts="dismiss: kind-dismiss, dismiss-mark: kind-dismiss-mark, start: kind-start">${kind(file)}</${this.tag('tag')}>`;
     }
     render() {
         const files = this.files;

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

@@ -31,9 +31,9 @@ import { nothing, type PropertyValues, type TemplateResult } from 'lit';
  * @documentation https://fusion.dev/helix/components/list
  *
  * @slot - The label.
+ * @slot description - Secondary text under the label.
  * @slot end - Trailing content.
  * @slot start - Leading content, usually an icon or an avatar.
- * @slot supporting - Secondary text under the label.
  *
  * @csspart row - The layout, held off the host so the host can carry a marker.
  */

package/dist/list/item/list-item.js

@@ -24,7 +24,7 @@ let HelixHeadlessListItem = class HelixHeadlessListItem extends HelixElement {
     render() {
         const content = html `${this.renderRail()}<slot name="start"></slot>
       <slot></slot>
-      <slot name="supporting"></slot>
+      <slot name="description"></slot>
       <slot name="end"></slot>`;
         return this.href === ''
             ? html `<div part="row">${content}</div>`

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

@@ -33,13 +33,13 @@ declare const HelixHeadlessNotificationGroup_base: (new (...args: any[]) => impo
  * @documentation https://fusion.dev/helix/components/notifications
  *
  * @slot - The notifications in this group.
- * @slot action - Beside the count, for a link to the rest of them.
+ * @slot actions - Beside the count, for a link to the rest of them.
  * @slot label - Replaces the group's name, for a heading that needs a mark in it.
  *
  * @event {HelixBeforeCloseEvent} helix-before-close - Fired before the group folds, and cancelable.
  * @event {HelixBeforeOpenEvent} helix-before-open - Fired before the group unfolds. Cancelable: refusing it takes the decision and nothing moves.
  *
- * @csspart action - The trailing region of the header.
+ * @csspart actions - The trailing region of the header.
  * @csspart count - How many are in the group.
  * @csspart header - The label, the count and the action together.
  * @csspart items - The region holding the notifications.

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

@@ -58,8 +58,8 @@ let HelixHeadlessNotificationGroup = class HelixHeadlessNotificationGroup extend
             return;
         }
         slot.assign(...showing);
-        const action = this.renderRoot?.querySelector?.('slot[name="action"]');
-        action?.assign?.(...[...this.children].filter((child) => child.getAttribute('slot') === 'action'));
+        const action = this.renderRoot?.querySelector?.('slot[name="actions"]');
+        action?.assign?.(...[...this.children].filter((child) => child.getAttribute('slot') === 'actions'));
         const label = this.renderRoot?.querySelector?.('slot[name="label"]');
         label?.assign?.(...[...this.children].filter((child) => child.getAttribute('slot') === 'label'));
     }
@@ -81,7 +81,7 @@ let HelixHeadlessNotificationGroup = class HelixHeadlessNotificationGroup extend
               </button>`
             : html `<span part="label"><slot name="label">${this.label}</slot></span>
                 ${count}`}
-        <span part="action"><slot name="action"></slot></span>
+        <span part="actions"><slot name="actions"></slot></span>
       </div>
       <div id=${ITEMS_ID} part="items">
         <slot></slot>

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

@@ -39,11 +39,11 @@ declare const HelixHeadlessNotification_base: (new (...args: any[]) => import("@
  * @slot - What happened, in the consumer's own markup.
  * @slot 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.
- * @slot caption - A second line qualifying it, quieter than the first. A bare
+ * @slot description - 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()`.
  * @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
+ * comment, a status moving from one value to another, a preview. Unlike `description` 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`.

package/dist/notifications/notification/notification.js

@@ -106,7 +106,7 @@ let HelixHeadlessNotification = class HelixHeadlessNotification extends MixinDis
       <span part="media"><slot name="media"></slot></span>
       <div part="body">
         <div part="label"><slot></slot></div>
-        <slot name="caption"></slot>
+        <slot name="description"></slot>
         <slot name="detail"></slot>
         <span part="actions"><slot name="actions" @slotchange=${this.handleActions}></slot></span>
       </div>

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

@@ -21,13 +21,13 @@ declare const HelixHeadlessTag_base: (new (...args: any[]) => import("@fusion.de
  * @documentation https://fusion.dev/helix/components/tag
  *
  * @slot - The tag's label.
- * @slot prefix - A category the label belongs to, set before it and weightier.
+ * @slot start - A category the label belongs to, set before it and weightier.
  *
  * @event {HelixDismissEvent} helix-dismiss - Fired when the reader asks to remove the tag. Cancelable: refusing it takes the decision and nothing moves.
  *
  * @csspart dismiss - The control that asks to remove the tag.
  * @csspart dismiss-mark - The glyph on the dismiss control, where none is slotted.
- * @csspart prefix - The category before the label.
+ * @csspart start - The category before the label.
  */
 export declare class HelixHeadlessTag extends HelixHeadlessTag_base {
     dismissLabel: string;

package/dist/tag/root/tag-root.js

@@ -14,7 +14,7 @@ let HelixHeadlessTag = class HelixHeadlessTag extends MixinDismissible(HelixElem
         this.dismissLabel = 'Remove';
     }
     render() {
-        return html `<slot name="prefix" part="prefix"></slot>
+        return html `<slot name="start" part="start"></slot>
       <slot></slot>
       ${this.dismissible
             ? html `<button

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

@@ -85,7 +85,7 @@ declare const HelixHeadlessTimeInput_base: (new (...args: any[]) => import("@fus
  * @csspart time - One held time, as a tag, in `multiple`.
  * @csspart time-dismiss - The remove button, when `dismissible`.
  * @csspart time-dismiss-mark - The glyph on the dismiss control, where none is slotted.
- * @csspart time-prefix - The category before the label.
+ * @csspart time-start - The category before the label.
  * @csspart trigger - The control that opens the list.
  * @csspart trigger-icon - The mark on the button that opens the clock.
  *

package/dist/time-input/root/time-input-root.js

@@ -167,7 +167,7 @@ let HelixHeadlessTimeInput = class HelixHeadlessTimeInput extends MixinPickerEdi
     renderTag(at) {
         return html `<${this.tag('tag')}
                   part="time"
-      exportparts="dismiss: time-dismiss, dismiss-mark: time-dismiss-mark, prefix: time-prefix"
+      exportparts="dismiss: time-dismiss, dismiss-mark: time-dismiss-mark, start: time-start"
                   dismissible
                   dismiss-label=${`Remove ${this.written(at)}`}
                   ?disabled=${this.isDisabled}

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

@@ -38,8 +38,8 @@ import '../../menu/index.js';
  * @documentation https://fusion.dev/helix/components/video
  *
  * @slot - `<source>` and `<track>` elements, which are copied into the video.
- * @slot back - Top left over the frame, for a way out of a set.
  * @slot controls - Added to the control bar, before fullscreen.
+ * @slot header - Top left over the frame: a heading, and a way out of a set beside it.
  * @slot poster - Shown over the video until it starts.
  *
  * @event {Event} ended - Relayed, because it does not cross a shadow boundary.
@@ -48,7 +48,6 @@ import '../../menu/index.js';
  * @event {Event} pause - Relayed for the same reason.
  * @event {Event} play - Relayed for the same reason.
  *
- * @csspart back - The region top left, for a way out of a set.
  * @csspart captions - Subtitles on and off.
  * @csspart captions-menu - The language menu, where there is more than one.
  * @csspart captions-menu-back - The control that returns from a submenu.
@@ -68,6 +67,7 @@ import '../../menu/index.js';
  * @csspart failure - What is said when the source will not play.
  * @csspart forward - The control that goes on ten seconds.
  * @csspart fullscreen - The whole screen, and back.
+ * @csspart header - The region top left, for a heading and a way out of a set.
  * @csspart loading - What is said while the picture waits for more of itself.
  * The part of that which spins is drawn on it, which is `::part(loading)::before`
  * from a consumer's sheet: this tier ships no CSS, so a box it renders for one to

package/dist/video/root/video-root.js

@@ -734,7 +734,7 @@ let HelixHeadlessVideo = class HelixHeadlessVideo extends HelixElement {
       <span aria-hidden="true" hidden><slot @slotchange=${this.handleMedia}></slot></span>
       ${this.cue === undefined ? nothing : html `<p aria-live="off" part="cue">${this.cue}</p>`}
       ${''}
-      <div part="back"><slot name="back"></slot></div>
+      <div part="header"><slot name="header"></slot></div>
       <slot name="poster" part="poster"></slot>
       ${this.buffering && !this.failed
             ? html `<div

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.94.0",
+  "version": "0.96.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -46,13 +46,13 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.94.0",
-    "@fusion.dev/helix-icons": "0.94.0",
+    "@fusion.dev/helix-core": "0.96.0",
+    "@fusion.dev/helix-icons": "0.96.0",
     "uqr": "^0.1.3"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.94.0",
-    "@fusion.dev/helix-testing": "0.94.0",
+    "@fusion.dev/helix-cem": "0.96.0",
+    "@fusion.dev/helix-testing": "0.96.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

@@ -21705,7 +21705,7 @@ export type CustomElements = {
    * - `tag`: One chosen option.
    * - `tag-dismiss`: The remove button, when `dismissible`.
    * - `tag-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
-   * - `tag-prefix`: The category before the label.
+   * - `tag-start`: The category before the label.
    * - `tags`: The row of chosen options, when `multiple` is set.
    *
    * ## CSS States
@@ -22647,7 +22647,7 @@ export type CustomElements = {
    * - `date`: One held date, as a tag, in `multiple`.
    * - `date-dismiss`: The remove button, when `dismissible`.
    * - `date-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
-   * - `date-prefix`: The category before the label.
+   * - `date-start`: The category before the label.
    * - `feedback`: What is wrong with it.
    * - `field`: The box holding the text and the trigger.
    * - `hint`: Help under the field, while nothing is wrong.
@@ -24090,7 +24090,7 @@ export type CustomElements = {
    * - `kind`: What kind of file it is.
    * - `kind-dismiss`: The remove button, when `dismissible`.
    * - `kind-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
-   * - `kind-prefix`: The category before the label.
+   * - `kind-start`: The category before the label.
    * - `label`: The question, over the field.
    * - `list`: The chosen files.
    * - `meta`: The row holding its size and kind.
@@ -24099,7 +24099,7 @@ export type CustomElements = {
    * - `size`: How big it is.
    * - `size-dismiss`: The remove button, when `dismissible`.
    * - `size-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
-   * - `size-prefix`: The category before the label.
+   * - `size-start`: The category before the label.
    * - `trigger`: The label that opens the picker.
    *
    * ## CSS States
@@ -26414,9 +26414,9 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The label.
+   * - `description`: Secondary text under the label.
    * - `end`: Trailing content.
    * - `start`: Leading content, usually an icon or an avatar.
-   * - `supporting`: Secondary text under the label.
    *
    * ## CSS Parts
    *
@@ -27594,7 +27594,7 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The notifications in this group.
-   * - `action`: Beside the count, for a link to the rest of them.
+   * - `actions`: Beside the count, for a link to the rest of them.
    * - `label`: Replaces the group's name, for a heading that needs a mark in it.
    *
    * ## Methods
@@ -27614,7 +27614,7 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `action`: The trailing region of the header.
+   * - `actions`: The trailing region of the header.
    * - `count`: How many are in the group.
    * - `header`: The label, the count and the action together.
    * - `items`: The region holding the notifications.
@@ -27727,8 +27727,8 @@ export type CustomElements = {
    *
    * - `(default)`: What happened, in the consumer's own markup.
    * - `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.
+   * - `description`: 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 `description` 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.
    *
@@ -32857,7 +32857,7 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The tag's label.
-   * - `prefix`: A category the label belongs to, set before it and weightier.
+   * - `start`: A category the label belongs to, set before it and weightier.
    *
    * ## Methods
    *
@@ -32871,7 +32871,7 @@ export type CustomElements = {
    *
    * - `dismiss`: The control that asks to remove the tag.
    * - `dismiss-mark`: The glyph on the dismiss control, where none is slotted.
-   * - `prefix`: The category before the label.
+   * - `start`: The category before the label.
    *
    * ## CSS States
    *
@@ -33379,7 +33379,7 @@ export type CustomElements = {
    * - `time`: One held time, as a tag, in `multiple`.
    * - `time-dismiss`: The remove button, when `dismissible`.
    * - `time-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
-   * - `time-prefix`: The category before the label.
+   * - `time-start`: The category before the label.
    * - `trigger`: The control that opens the list.
    * - `trigger-icon`: The mark on the button that opens the clock.
    *
@@ -35739,8 +35739,8 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: `<source>` and `<track>` elements, which are copied into the video.
-   * - `back`: Top left over the frame, for a way out of a set.
    * - `controls`: Added to the control bar, before fullscreen.
+   * - `header`: Top left over the frame: a heading, and a way out of a set beside it.
    * - `poster`: Shown over the video until it starts.
    *
    * ## Methods
@@ -35769,7 +35769,6 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `back`: The region top left, for a way out of a set.
    * - `captions`: Subtitles on and off.
    * - `captions-menu`: The language menu, where there is more than one.
    * - `captions-menu-back`: The control that returns from a submenu.
@@ -35789,6 +35788,7 @@ export type CustomElements = {
    * - `failure`: What is said when the source will not play.
    * - `forward`: The control that goes on ten seconds.
    * - `fullscreen`: The whole screen, and back.
+   * - `header`: The region top left, for a heading and a way out of a set.
    * - `loading`: What is said while the picture waits for more of itself. The part of that which spins is drawn on it, which is `::part(loading)::before` from a consumer's sheet: this tier ships no CSS, so a box it renders for one to paint is an empty child costing whatever the consumer's own layout charges for a child. `ListItem` measured that.
    * - `more`: The button that opens it.
    * - `mute`: Sound on and off.
@@ -39732,7 +39732,7 @@ export type CustomElementsSolidJs = {
    * - `tag`: One chosen option.
    * - `tag-dismiss`: The remove button, when `dismissible`.
    * - `tag-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
-   * - `tag-prefix`: The category before the label.
+   * - `tag-start`: The category before the label.
    * - `tags`: The row of chosen options, when `multiple` is set.
    *
    * ## CSS States
@@ -40684,7 +40684,7 @@ export type CustomElementsSolidJs = {
    * - `date`: One held date, as a tag, in `multiple`.
    * - `date-dismiss`: The remove button, when `dismissible`.
    * - `date-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
-   * - `date-prefix`: The category before the label.
+   * - `date-start`: The category before the label.
    * - `feedback`: What is wrong with it.
    * - `field`: The box holding the text and the trigger.
    * - `hint`: Help under the field, while nothing is wrong.
@@ -42150,7 +42150,7 @@ export type CustomElementsSolidJs = {
    * - `kind`: What kind of file it is.
    * - `kind-dismiss`: The remove button, when `dismissible`.
    * - `kind-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
-   * - `kind-prefix`: The category before the label.
+   * - `kind-start`: The category before the label.
    * - `label`: The question, over the field.
    * - `list`: The chosen files.
    * - `meta`: The row holding its size and kind.
@@ -42159,7 +42159,7 @@ export type CustomElementsSolidJs = {
    * - `size`: How big it is.
    * - `size-dismiss`: The remove button, when `dismissible`.
    * - `size-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
-   * - `size-prefix`: The category before the label.
+   * - `size-start`: The category before the label.
    * - `trigger`: The label that opens the picker.
    *
    * ## CSS States
@@ -44505,9 +44505,9 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The label.
+   * - `description`: Secondary text under the label.
    * - `end`: Trailing content.
    * - `start`: Leading content, usually an icon or an avatar.
-   * - `supporting`: Secondary text under the label.
    *
    * ## CSS Parts
    *
@@ -45710,7 +45710,7 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The notifications in this group.
-   * - `action`: Beside the count, for a link to the rest of them.
+   * - `actions`: Beside the count, for a link to the rest of them.
    * - `label`: Replaces the group's name, for a heading that needs a mark in it.
    *
    * ## Methods
@@ -45730,7 +45730,7 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `action`: The trailing region of the header.
+   * - `actions`: The trailing region of the header.
    * - `count`: How many are in the group.
    * - `header`: The label, the count and the action together.
    * - `items`: The region holding the notifications.
@@ -45844,8 +45844,8 @@ export type CustomElementsSolidJs = {
    *
    * - `(default)`: What happened, in the consumer's own markup.
    * - `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.
+   * - `description`: 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 `description` 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.
    *
@@ -51068,7 +51068,7 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The tag's label.
-   * - `prefix`: A category the label belongs to, set before it and weightier.
+   * - `start`: A category the label belongs to, set before it and weightier.
    *
    * ## Methods
    *
@@ -51082,7 +51082,7 @@ export type CustomElementsSolidJs = {
    *
    * - `dismiss`: The control that asks to remove the tag.
    * - `dismiss-mark`: The glyph on the dismiss control, where none is slotted.
-   * - `prefix`: The category before the label.
+   * - `start`: The category before the label.
    *
    * ## CSS States
    *
@@ -51596,7 +51596,7 @@ export type CustomElementsSolidJs = {
    * - `time`: One held time, as a tag, in `multiple`.
    * - `time-dismiss`: The remove button, when `dismissible`.
    * - `time-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
-   * - `time-prefix`: The category before the label.
+   * - `time-start`: The category before the label.
    * - `trigger`: The control that opens the list.
    * - `trigger-icon`: The mark on the button that opens the clock.
    *
@@ -53998,8 +53998,8 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: `<source>` and `<track>` elements, which are copied into the video.
-   * - `back`: Top left over the frame, for a way out of a set.
    * - `controls`: Added to the control bar, before fullscreen.
+   * - `header`: Top left over the frame: a heading, and a way out of a set beside it.
    * - `poster`: Shown over the video until it starts.
    *
    * ## Methods
@@ -54028,7 +54028,6 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `back`: The region top left, for a way out of a set.
    * - `captions`: Subtitles on and off.
    * - `captions-menu`: The language menu, where there is more than one.
    * - `captions-menu-back`: The control that returns from a submenu.
@@ -54048,6 +54047,7 @@ export type CustomElementsSolidJs = {
    * - `failure`: What is said when the source will not play.
    * - `forward`: The control that goes on ten seconds.
    * - `fullscreen`: The whole screen, and back.
+   * - `header`: The region top left, for a heading and a way out of a set.
    * - `loading`: What is said while the picture waits for more of itself. The part of that which spins is drawn on it, which is `::part(loading)::before` from a consumer's sheet: this tier ships no CSS, so a box it renders for one to paint is an empty child costing whatever the consumer's own layout charges for a child. `ListItem` measured that.
    * - `more`: The button that opens it.
    * - `mute`: Sound on and off.