@fusion.dev/helix 0.53.1 → 0.53.2

package/types/jsx.d.ts

@@ -1253,13 +1253,13 @@ export type HelixAvatarGroupProps = {
 Unset shows all of them, which is what no limit means and is more useful
 than refusing to render.
 
-**Reflected, because the fold is a stylesheet rule and nothing else.** The
-styled tier hides past the limit with `:host([max="N"]) ::slotted(:nth-child(n + N+1))`,
-so the attribute *is* the mechanism: a `max` that reaches this property and
-never reaches the host matches no rule, and every avatar is drawn beside a
-count claiming some are hidden. Markup is the safe path and hides the fault;
-a script is the broken one, and React takes it for everyone, assigning a
-matching property rather than an attribute.
+**Reflected, because the fold is a stylesheet rule and nothing else.** A
+sheet hides past the limit one selector per value, as `FOLDS_UP_TO`
+describes, so the attribute *is* the mechanism: a `max` that reaches this
+property and never reaches the host matches no rule, and every avatar is
+drawn beside a count claiming some are hidden. Markup is the safe path and
+hides the fault; a script is the broken one, and React takes it for
+everyone, assigning a matching property rather than an attribute.
 
 **Optional rather than defaulted, per the rule that a reflected property
 takes no default**: `max = 0` would stamp `max="0"` onto every host that
@@ -1275,13 +1275,13 @@ export type HelixAvatarGroupSolidJsProps = {
 Unset shows all of them, which is what no limit means and is more useful
 than refusing to render.
 
-**Reflected, because the fold is a stylesheet rule and nothing else.** The
-styled tier hides past the limit with `:host([max="N"]) ::slotted(:nth-child(n + N+1))`,
-so the attribute *is* the mechanism: a `max` that reaches this property and
-never reaches the host matches no rule, and every avatar is drawn beside a
-count claiming some are hidden. Markup is the safe path and hides the fault;
-a script is the broken one, and React takes it for everyone, assigning a
-matching property rather than an attribute.
+**Reflected, because the fold is a stylesheet rule and nothing else.** A
+sheet hides past the limit one selector per value, as `FOLDS_UP_TO`
+describes, so the attribute *is* the mechanism: a `max` that reaches this
+property and never reaches the host matches no rule, and every avatar is
+drawn beside a count claiming some are hidden. Markup is the safe path and
+hides the fault; a script is the broken one, and React takes it for
+everyone, assigning a matching property rather than an attribute.
 
 **Optional rather than defaulted, per the rule that a reflected property
 takes no default**: `max = 0` would stamp `max="0"` onto every host that
@@ -1873,12 +1873,12 @@ export type HelixBreadcrumbProps = {
   current?: (HelixBreadcrumb["current"]) | undefined;
   /** Where the crumb goes, and nothing where it is the current page.
 
-**Optional and reflected, because a stylesheet does select on it.**
-`breadcrumb.css` writes `:host(:not([href])) [part="link"]` to take the
-block padding off a crumb that is not a link, so the attribute is what
-decides how tall a crumb is. Unreflected, an `href` set from script reached
-the property, rendered the anchor, and left the host looking unlinked: the
-crumb drew at 20px where a markup twin drew at 28.
+**Optional and reflected, because a stylesheet does select on it.** A sheet
+writes `:host(:not([href])) [part="link"]` to take the block padding off a
+crumb that is not a link, so the attribute is what decides how tall a crumb
+is. Unreflected, an `href` set from script reached the property, rendered
+the anchor, and left the host looking unlinked: the crumb drew at 20px
+where a markup twin drew at 28.
 
 Optional rather than defaulted, which is the general rule that a reflected
 property takes no default: an `href` written onto every host would be a link
@@ -1901,12 +1901,12 @@ export type HelixBreadcrumbSolidJsProps = {
   "prop:current"?: (HelixBreadcrumb["current"]) | undefined;
   /** Where the crumb goes, and nothing where it is the current page.
 
-**Optional and reflected, because a stylesheet does select on it.**
-`breadcrumb.css` writes `:host(:not([href])) [part="link"]` to take the
-block padding off a crumb that is not a link, so the attribute is what
-decides how tall a crumb is. Unreflected, an `href` set from script reached
-the property, rendered the anchor, and left the host looking unlinked: the
-crumb drew at 20px where a markup twin drew at 28.
+**Optional and reflected, because a stylesheet does select on it.** A sheet
+writes `:host(:not([href])) [part="link"]` to take the block padding off a
+crumb that is not a link, so the attribute is what decides how tall a crumb
+is. Unreflected, an `href` set from script reached the property, rendered
+the anchor, and left the host looking unlinked: the crumb drew at 20px
+where a markup twin drew at 28.
 
 Optional rather than defaulted, which is the general rule that a reflected
 property takes no default: an `href` written onto every host would be a link
@@ -2072,7 +2072,7 @@ the trigger silently does nothing at all. A wrapper has to hand them down,
 the same way `label` becomes `aria-label` in there.
 
 ```html
-<helix-button commandfor="confirm" command="--show">Delete…</helix-button>
+<helix-headless-button commandfor="confirm" command="--show">Delete…</helix-headless-button>
 ```
 
 `commandFor` spells its attribute out, because Lit lowercases a property
@@ -2280,7 +2280,7 @@ the trigger silently does nothing at all. A wrapper has to hand them down,
 the same way `label` becomes `aria-label` in there.
 
 ```html
-<helix-button commandfor="confirm" command="--show">Delete…</helix-button>
+<helix-headless-button commandfor="confirm" command="--show">Delete…</helix-headless-button>
 ```
 
 `commandFor` spells its attribute out, because Lit lowercases a property
@@ -2832,13 +2832,13 @@ end while the slides stop moving a third of the way through.
 **The number is published to the styles rather than enumerated by them**,
 as `--carousel-per-view` on the track, which is what keeps a width and a
 count from disagreeing. A sheet can only name a value it wrote a rule for,
-so the styled tier enumerated `per-view="2"` through `5` and called five a
-judgment; above it the pane fell back to one across while this file went on
-counting positions. Measured in Chromium over eight slides, six across gave
-three dots, a pane taking the whole track and five slides reachable only by
-dragging. Written from here there is no ceiling to exceed, and a consumer's
-own sheet reads the same declaration the styled one does. `runEnd` publishes
-its correction the same way and for the same reason.
+so a sheet enumerating `per-view="2"` through `5` is a ceiling of five, and
+above it the pane falls back to one across while this file goes on counting
+positions. Measured in Chromium over eight slides against such a sheet, six
+across gave three dots, a pane taking the whole track and five slides
+reachable only by dragging. Published from here there is no ceiling to
+exceed, and every sheet reads the same declaration. `runEnd` publishes its
+correction the same way and for the same reason.
 
 **On the track and not on the host.** A custom property on the host is a
 reflected attribute by another name: it would arrive on upgrade, and a
@@ -2863,8 +2863,8 @@ inline the count would outrank the sheet that computes it, which is why an
 `auto` track is handed nothing. A count stays for the design that calls for
 exactly three.
 
-The styled sheet says how it divides, and the headless `auto` example
-carries the same three lines for a consumer writing their own.
+A sheet says how it divides, and the `auto` example here carries the same
+three lines for a consumer writing their own.
 
 **A value rather than the resting behavior**, which is what the
 responsiveness policy asks of every axis that a box decides: a splitter
@@ -2892,13 +2892,13 @@ end while the slides stop moving a third of the way through.
 **The number is published to the styles rather than enumerated by them**,
 as `--carousel-per-view` on the track, which is what keeps a width and a
 count from disagreeing. A sheet can only name a value it wrote a rule for,
-so the styled tier enumerated `per-view="2"` through `5` and called five a
-judgment; above it the pane fell back to one across while this file went on
-counting positions. Measured in Chromium over eight slides, six across gave
-three dots, a pane taking the whole track and five slides reachable only by
-dragging. Written from here there is no ceiling to exceed, and a consumer's
-own sheet reads the same declaration the styled one does. `runEnd` publishes
-its correction the same way and for the same reason.
+so a sheet enumerating `per-view="2"` through `5` is a ceiling of five, and
+above it the pane falls back to one across while this file goes on counting
+positions. Measured in Chromium over eight slides against such a sheet, six
+across gave three dots, a pane taking the whole track and five slides
+reachable only by dragging. Published from here there is no ceiling to
+exceed, and every sheet reads the same declaration. `runEnd` publishes its
+correction the same way and for the same reason.
 
 **On the track and not on the host.** A custom property on the host is a
 reflected attribute by another name: it would arrive on upgrade, and a
@@ -2923,8 +2923,8 @@ inline the count would outrank the sheet that computes it, which is why an
 `auto` track is handed nothing. A count stays for the design that calls for
 exactly three.
 
-The styled sheet says how it divides, and the headless `auto` example
-carries the same three lines for a consumer writing their own.
+A sheet says how it divides, and the `auto` example here carries the same
+three lines for a consumer writing their own.
 
 **A value rather than the resting behavior**, which is what the
 responsiveness policy asks of every axis that a box decides: a splitter
@@ -3151,13 +3151,13 @@ end while the slides stop moving a third of the way through.
 **The number is published to the styles rather than enumerated by them**,
 as `--carousel-per-view` on the track, which is what keeps a width and a
 count from disagreeing. A sheet can only name a value it wrote a rule for,
-so the styled tier enumerated `per-view="2"` through `5` and called five a
-judgment; above it the pane fell back to one across while this file went on
-counting positions. Measured in Chromium over eight slides, six across gave
-three dots, a pane taking the whole track and five slides reachable only by
-dragging. Written from here there is no ceiling to exceed, and a consumer's
-own sheet reads the same declaration the styled one does. `runEnd` publishes
-its correction the same way and for the same reason.
+so a sheet enumerating `per-view="2"` through `5` is a ceiling of five, and
+above it the pane falls back to one across while this file goes on counting
+positions. Measured in Chromium over eight slides against such a sheet, six
+across gave three dots, a pane taking the whole track and five slides
+reachable only by dragging. Published from here there is no ceiling to
+exceed, and every sheet reads the same declaration. `runEnd` publishes its
+correction the same way and for the same reason.
 
 **On the track and not on the host.** A custom property on the host is a
 reflected attribute by another name: it would arrive on upgrade, and a
@@ -3182,8 +3182,8 @@ inline the count would outrank the sheet that computes it, which is why an
 `auto` track is handed nothing. A count stays for the design that calls for
 exactly three.
 
-The styled sheet says how it divides, and the headless `auto` example
-carries the same three lines for a consumer writing their own.
+A sheet says how it divides, and the `auto` example here carries the same
+three lines for a consumer writing their own.
 
 **A value rather than the resting behavior**, which is what the
 responsiveness policy asks of every axis that a box decides: a splitter
@@ -3211,13 +3211,13 @@ end while the slides stop moving a third of the way through.
 **The number is published to the styles rather than enumerated by them**,
 as `--carousel-per-view` on the track, which is what keeps a width and a
 count from disagreeing. A sheet can only name a value it wrote a rule for,
-so the styled tier enumerated `per-view="2"` through `5` and called five a
-judgment; above it the pane fell back to one across while this file went on
-counting positions. Measured in Chromium over eight slides, six across gave
-three dots, a pane taking the whole track and five slides reachable only by
-dragging. Written from here there is no ceiling to exceed, and a consumer's
-own sheet reads the same declaration the styled one does. `runEnd` publishes
-its correction the same way and for the same reason.
+so a sheet enumerating `per-view="2"` through `5` is a ceiling of five, and
+above it the pane falls back to one across while this file goes on counting
+positions. Measured in Chromium over eight slides against such a sheet, six
+across gave three dots, a pane taking the whole track and five slides
+reachable only by dragging. Published from here there is no ceiling to
+exceed, and every sheet reads the same declaration. `runEnd` publishes its
+correction the same way and for the same reason.
 
 **On the track and not on the host.** A custom property on the host is a
 reflected attribute by another name: it would arrive on upgrade, and a
@@ -3242,8 +3242,8 @@ inline the count would outrank the sheet that computes it, which is why an
 `auto` track is handed nothing. A count stays for the design that calls for
 exactly three.
 
-The styled sheet says how it divides, and the headless `auto` example
-carries the same three lines for a consumer writing their own.
+A sheet says how it divides, and the `auto` example here carries the same
+three lines for a consumer writing their own.
 
 **A value rather than the resting behavior**, which is what the
 responsiveness policy asks of every axis that a box decides: a splitter
@@ -3541,13 +3541,13 @@ pinned because a conversation opens at its most recent turn.
 
 **Not reflected, and the default is why.** A reflected property that
 defaults to true writes its attribute on upgrade whether or not the
-consumer wrote one, so the server serves `<helix-chat label="x">` and the
-client turns it into `<helix-chat label="x" pinned>`: a hydration mismatch a
-React consumer reports and does not patch up. Nothing needs the attribute
-either, because the one thing that changes with the pin is the way back, and
-that is a part inside the shadow tree where a stylesheet can already reach
-it. Measured rather than assumed: `label, pinned` after upgrade against
-`label` from the server. */
+consumer wrote one, so the server serves `<helix-headless-chat label="x">`
+and the client turns it into `<helix-headless-chat label="x" pinned>`: a
+hydration mismatch a React consumer reports and does not patch up. Nothing
+needs the attribute either, because the one thing that changes with the pin
+is the way back, and that is a part inside the shadow tree where a
+stylesheet can already reach it. Measured rather than assumed: `label,
+pinned` after upgrade against `label` from the server. */
   pinned?: (HelixChat["pinned"]) | undefined;
   /** How near the bottom still counts as being at it, in pixels.
 
@@ -3616,13 +3616,13 @@ pinned because a conversation opens at its most recent turn.
 
 **Not reflected, and the default is why.** A reflected property that
 defaults to true writes its attribute on upgrade whether or not the
-consumer wrote one, so the server serves `<helix-chat label="x">` and the
-client turns it into `<helix-chat label="x" pinned>`: a hydration mismatch a
-React consumer reports and does not patch up. Nothing needs the attribute
-either, because the one thing that changes with the pin is the way back, and
-that is a part inside the shadow tree where a stylesheet can already reach
-it. Measured rather than assumed: `label, pinned` after upgrade against
-`label` from the server. */
+consumer wrote one, so the server serves `<helix-headless-chat label="x">`
+and the client turns it into `<helix-headless-chat label="x" pinned>`: a
+hydration mismatch a React consumer reports and does not patch up. Nothing
+needs the attribute either, because the one thing that changes with the pin
+is the way back, and that is a part inside the shadow tree where a
+stylesheet can already reach it. Measured rather than assumed: `label,
+pinned` after upgrade against `label` from the server. */
   "prop:pinned"?: (HelixChat["pinned"]) | undefined;
   /** How near the bottom still counts as being at it, in pixels.
 
@@ -3953,11 +3953,11 @@ present, which is true. Measured, and it is why this is named the other way
 round. The platform already writes booleans like this for the same reason,
 `novalidate` and `nomodule` and `noreferrer` among them.
 
-**Reflected, because the gutter is a stylesheet rule.** `code-block.css`
-reserves the copy button's width with `:host(:not([no-copy]))`, so the
-attribute is what decides whether the block pays for a control. Unreflected,
-setting it from script takes the button away (`render` reads the property)
-and leaves the 40px it stood in reserved.
+**Reflected, because the gutter is a stylesheet rule.** A sheet reserves
+the copy button's width with `:host(:not([no-copy]))`, so the attribute is
+what decides whether the block pays for a control. Unreflected, setting it
+from script takes the button away (`render` reads the property) and leaves
+the 40px it stood in reserved.
 
 A false boolean reflects as the attribute's absence, so this costs no
 `no-copy=""` on hosts that never asked for one, and the rule about a
@@ -3973,11 +3973,11 @@ present, which is true. Measured, and it is why this is named the other way
 round. The platform already writes booleans like this for the same reason,
 `novalidate` and `nomodule` and `noreferrer` among them.
 
-**Reflected, because the gutter is a stylesheet rule.** `code-block.css`
-reserves the copy button's width with `:host(:not([no-copy]))`, so the
-attribute is what decides whether the block pays for a control. Unreflected,
-setting it from script takes the button away (`render` reads the property)
-and leaves the 40px it stood in reserved.
+**Reflected, because the gutter is a stylesheet rule.** A sheet reserves
+the copy button's width with `:host(:not([no-copy]))`, so the attribute is
+what decides whether the block pays for a control. Unreflected, setting it
+from script takes the button away (`render` reads the property) and leaves
+the 40px it stood in reserved.
 
 A false boolean reflects as the attribute's absence, so this costs no
 `no-copy=""` on hosts that never asked for one, and the rule about a
@@ -4012,11 +4012,11 @@ present, which is true. Measured, and it is why this is named the other way
 round. The platform already writes booleans like this for the same reason,
 `novalidate` and `nomodule` and `noreferrer` among them.
 
-**Reflected, because the gutter is a stylesheet rule.** `code-block.css`
-reserves the copy button's width with `:host(:not([no-copy]))`, so the
-attribute is what decides whether the block pays for a control. Unreflected,
-setting it from script takes the button away (`render` reads the property)
-and leaves the 40px it stood in reserved.
+**Reflected, because the gutter is a stylesheet rule.** A sheet reserves
+the copy button's width with `:host(:not([no-copy]))`, so the attribute is
+what decides whether the block pays for a control. Unreflected, setting it
+from script takes the button away (`render` reads the property) and leaves
+the 40px it stood in reserved.
 
 A false boolean reflects as the attribute's absence, so this costs no
 `no-copy=""` on hosts that never asked for one, and the rule about a
@@ -4032,11 +4032,11 @@ present, which is true. Measured, and it is why this is named the other way
 round. The platform already writes booleans like this for the same reason,
 `novalidate` and `nomodule` and `noreferrer` among them.
 
-**Reflected, because the gutter is a stylesheet rule.** `code-block.css`
-reserves the copy button's width with `:host(:not([no-copy]))`, so the
-attribute is what decides whether the block pays for a control. Unreflected,
-setting it from script takes the button away (`render` reads the property)
-and leaves the 40px it stood in reserved.
+**Reflected, because the gutter is a stylesheet rule.** A sheet reserves
+the copy button's width with `:host(:not([no-copy]))`, so the attribute is
+what decides whether the block pays for a control. Unreflected, setting it
+from script takes the button away (`render` reads the property) and leaves
+the 40px it stood in reserved.
 
 A false boolean reflects as the attribute's absence, so this costs no
 `no-copy=""` on hosts that never asked for one, and the rule about a
@@ -4489,10 +4489,10 @@ letting it open would take a color from the reader and drop it. */
 
 **A color is exactly as requirable as a date**, which is the comparison
 that settles it: this element extends `HelixFormElement`, carries `name`
-and reports its value, so a consumer writing
-`<helix-color-picker name="brand" required>` inside a form has every reason
-to expect the form to refuse an empty one. Its two siblings in the same
-composition position, Date Picker and Time Picker, both check it.
+and reports its value, so a consumer writing `<helix-headless-color-picker
+name="brand" required>` inside a form has every reason to expect the form
+to refuse an empty one. Its two siblings in the same composition position,
+Date Picker and Time Picker, both check it.
 
 Written out rather than taken from `MixinField`, for the reason those two
 record: the mixin brings a label, a hint and a feedback region, and this is
@@ -4682,10 +4682,10 @@ letting it open would take a color from the reader and drop it. */
 
 **A color is exactly as requirable as a date**, which is the comparison
 that settles it: this element extends `HelixFormElement`, carries `name`
-and reports its value, so a consumer writing
-`<helix-color-picker name="brand" required>` inside a form has every reason
-to expect the form to refuse an empty one. Its two siblings in the same
-composition position, Date Picker and Time Picker, both check it.
+and reports its value, so a consumer writing `<helix-headless-color-picker
+name="brand" required>` inside a form has every reason to expect the form
+to refuse an empty one. Its two siblings in the same composition position,
+Date Picker and Time Picker, both check it.
 
 Written out rather than taken from `MixinField`, for the reason those two
 record: the mixin brings a label, a hint and a feedback region, and this is
@@ -5297,7 +5297,7 @@ the trigger silently does nothing at all. A wrapper has to hand them down,
 the same way `label` becomes `aria-label` in there.
 
 ```html
-<helix-button commandfor="confirm" command="--show">Delete…</helix-button>
+<helix-headless-button commandfor="confirm" command="--show">Delete…</helix-headless-button>
 ```
 
 `commandFor` spells its attribute out, because Lit lowercases a property
@@ -5489,7 +5489,7 @@ the trigger silently does nothing at all. A wrapper has to hand them down,
 the same way `label` becomes `aria-label` in there.
 
 ```html
-<helix-button commandfor="confirm" command="--show">Delete…</helix-button>
+<helix-headless-button commandfor="confirm" command="--show">Delete…</helix-headless-button>
 ```
 
 `commandFor` spells its attribute out, because Lit lowercases a property
@@ -5780,17 +5780,17 @@ refusing it leaves the selection as it was. */
 
 **It announces nothing, and that is not an omission.** Nothing in this
 element ever asks for a different page size: a size selector is
-`helix-pagination-size`, which a consumer puts in the `footer` slot and
-answers themselves. Routing this through `requestChange` would announce an
-event the element never has cause to fire. */
+`PaginationSize`, which a consumer puts in the `footer` slot and answers
+themselves. Routing this through `requestChange` would announce an event
+the element never has cause to fire. */
   "page-size"?: (HelixDataTable["pageSize"] | `${number}`) | undefined;
   /** How many rows a page holds. Zero is every row, which is what "no paging" means.
 
 **It announces nothing, and that is not an omission.** Nothing in this
 element ever asks for a different page size: a size selector is
-`helix-pagination-size`, which a consumer puts in the `footer` slot and
-answers themselves. Routing this through `requestChange` would announce an
-event the element never has cause to fire. */
+`PaginationSize`, which a consumer puts in the `footer` slot and answers
+themselves. Routing this through `requestChange` would announce an event
+the element never has cause to fire. */
   pageSize?: (HelixDataTable["pageSize"]) | undefined;
   /** How many rows the whole result has, where this element cannot count them.
 
@@ -5979,17 +5979,17 @@ refusing it leaves the selection as it was. */
 
 **It announces nothing, and that is not an omission.** Nothing in this
 element ever asks for a different page size: a size selector is
-`helix-pagination-size`, which a consumer puts in the `footer` slot and
-answers themselves. Routing this through `requestChange` would announce an
-event the element never has cause to fire. */
+`PaginationSize`, which a consumer puts in the `footer` slot and answers
+themselves. Routing this through `requestChange` would announce an event
+the element never has cause to fire. */
   "attr:page-size"?: (HelixDataTable["pageSize"] | `${number}`) | undefined;
   /** How many rows a page holds. Zero is every row, which is what "no paging" means.
 
 **It announces nothing, and that is not an omission.** Nothing in this
 element ever asks for a different page size: a size selector is
-`helix-pagination-size`, which a consumer puts in the `footer` slot and
-answers themselves. Routing this through `requestChange` would announce an
-event the element never has cause to fire. */
+`PaginationSize`, which a consumer puts in the `footer` slot and answers
+themselves. Routing this through `requestChange` would announce an event
+the element never has cause to fire. */
   "prop:pageSize"?: (HelixDataTable["pageSize"]) | undefined;
   /** How many rows the whole result has, where this element cannot count them.
 
@@ -7534,10 +7534,10 @@ not, rather than shown or hidden by CSS. */
   modal?: (HelixDrawer["modal"]) | undefined;
   /** Which edge the drawer comes from.
 
-Unset is `end`, which the styled tier reads as `:host(:not([placement]))`
-beside `:host([placement="end"])` rather than as a value written here: a
+Unset is `end`, and it stays unset rather than being written down: a
 default assigned to the property would reflect onto every host and put a
-`placement="end"` into markup no consumer wrote. */
+`placement="end"` into markup no consumer wrote. So what this tier
+guarantees is the absence, and a sheet selects on it. */
   placement?: (HelixDrawer["placement"]) | undefined;
   /** What the dialog closed with, the way `<dialog>` reports it.
 
@@ -7636,10 +7636,10 @@ not, rather than shown or hidden by CSS. */
   "prop:modal"?: (HelixDrawer["modal"]) | undefined;
   /** Which edge the drawer comes from.
 
-Unset is `end`, which the styled tier reads as `:host(:not([placement]))`
-beside `:host([placement="end"])` rather than as a value written here: a
+Unset is `end`, and it stays unset rather than being written down: a
 default assigned to the property would reflect onto every host and put a
-`placement="end"` into markup no consumer wrote. */
+`placement="end"` into markup no consumer wrote. So what this tier
+guarantees is the absence, and a sheet selects on it. */
   "prop:placement"?: (HelixDrawer["placement"]) | undefined;
   /** What the dialog closed with, the way `<dialog>` reports it.
 
@@ -8611,11 +8611,12 @@ renders nothing rather than the epoch, which is what parsing an empty string
 would give.
 
 **The element's own text is read as a fallback, and only in a browser.**
-`<helix-format-date elapsed>2026-08-27T01:00:00Z</helix-format-date>` is the
-spelling that reads best in markup, and it cannot be the only one: measured
-against Lit's server shim, `textContent`, `children`, `firstChild` and
-`querySelector` are all `undefined` there, so a server has no way to see it.
-An element rendered on a server needs the attribute; one rendered in a
+`<helix-headless-format-date
+elapsed>2026-08-27T01:00:00Z</helix-headless-format-date>` is the spelling
+that reads best in markup, and it cannot be the only one: measured against
+Lit's server shim, `textContent`, `children`, `firstChild` and
+`querySelector` are all `undefined` there, so a server has no way to see
+it. An element rendered on a server needs the attribute; one rendered in a
 browser may use either. */
   date?: (HelixFormatDate["date"]) | undefined;
   /** How the day of the month is written, where a date is shown. */
@@ -8665,11 +8666,12 @@ renders nothing rather than the epoch, which is what parsing an empty string
 would give.
 
 **The element's own text is read as a fallback, and only in a browser.**
-`<helix-format-date elapsed>2026-08-27T01:00:00Z</helix-format-date>` is the
-spelling that reads best in markup, and it cannot be the only one: measured
-against Lit's server shim, `textContent`, `children`, `firstChild` and
-`querySelector` are all `undefined` there, so a server has no way to see it.
-An element rendered on a server needs the attribute; one rendered in a
+`<helix-headless-format-date
+elapsed>2026-08-27T01:00:00Z</helix-headless-format-date>` is the spelling
+that reads best in markup, and it cannot be the only one: measured against
+Lit's server shim, `textContent`, `children`, `firstChild` and
+`querySelector` are all `undefined` there, so a server has no way to see
+it. An element rendered on a server needs the attribute; one rendered in a
 browser may use either. */
   "prop:date"?: (HelixFormatDate["date"]) | undefined;
   /** How the day of the month is written, where a date is shown. */
@@ -8790,12 +8792,12 @@ so a number written here that disagrees with the sheet is a promise the
 consumer has to keep by hand, and the one number a summary is told to trust
 is the one it gets wrong.
 
-The strip measures itself, so `--heatmap-cell-inline-size` and `--heatmap-gap` are
-enough on their own and these two are the estimate used until the first
-measurement lands. Writing the attribute pins the value and stops the
-measurement being consulted, which is what a container query or a transition
-on the cell size wants, where what is drawn this frame is not what the
-arithmetic should plan around.
+The strip measures itself, so sizing the cells in a sheet is enough on its
+own and these two are the estimate used until the first measurement lands.
+Writing the attribute pins the value and stops the measurement being
+consulted, which is what a container query or a transition on the cell size
+wants, where what is drawn this frame is not what the arithmetic should
+plan around.
 
 Zero turns the dropping off altogether, which is right for a strip in a
 container that cannot get narrow. */
@@ -8808,12 +8810,12 @@ so a number written here that disagrees with the sheet is a promise the
 consumer has to keep by hand, and the one number a summary is told to trust
 is the one it gets wrong.
 
-The strip measures itself, so `--heatmap-cell-inline-size` and `--heatmap-gap` are
-enough on their own and these two are the estimate used until the first
-measurement lands. Writing the attribute pins the value and stops the
-measurement being consulted, which is what a container query or a transition
-on the cell size wants, where what is drawn this frame is not what the
-arithmetic should plan around.
+The strip measures itself, so sizing the cells in a sheet is enough on its
+own and these two are the estimate used until the first measurement lands.
+Writing the attribute pins the value and stops the measurement being
+consulted, which is what a container query or a transition on the cell size
+wants, where what is drawn this frame is not what the arithmetic should
+plan around.
 
 Zero turns the dropping off altogether, which is right for a strip in a
 container that cannot get narrow. */
@@ -8885,12 +8887,12 @@ so a number written here that disagrees with the sheet is a promise the
 consumer has to keep by hand, and the one number a summary is told to trust
 is the one it gets wrong.
 
-The strip measures itself, so `--heatmap-cell-inline-size` and `--heatmap-gap` are
-enough on their own and these two are the estimate used until the first
-measurement lands. Writing the attribute pins the value and stops the
-measurement being consulted, which is what a container query or a transition
-on the cell size wants, where what is drawn this frame is not what the
-arithmetic should plan around.
+The strip measures itself, so sizing the cells in a sheet is enough on its
+own and these two are the estimate used until the first measurement lands.
+Writing the attribute pins the value and stops the measurement being
+consulted, which is what a container query or a transition on the cell size
+wants, where what is drawn this frame is not what the arithmetic should
+plan around.
 
 Zero turns the dropping off altogether, which is right for a strip in a
 container that cannot get narrow. */
@@ -8903,12 +8905,12 @@ so a number written here that disagrees with the sheet is a promise the
 consumer has to keep by hand, and the one number a summary is told to trust
 is the one it gets wrong.
 
-The strip measures itself, so `--heatmap-cell-inline-size` and `--heatmap-gap` are
-enough on their own and these two are the estimate used until the first
-measurement lands. Writing the attribute pins the value and stops the
-measurement being consulted, which is what a container query or a transition
-on the cell size wants, where what is drawn this frame is not what the
-arithmetic should plan around.
+The strip measures itself, so sizing the cells in a sheet is enough on its
+own and these two are the estimate used until the first measurement lands.
+Writing the attribute pins the value and stops the measurement being
+consulted, which is what a container query or a transition on the cell size
+wants, where what is drawn this frame is not what the arithmetic should
+plan around.
 
 Zero turns the dropping off altogether, which is right for a strip in a
 container that cannot get narrow. */
@@ -9003,7 +9005,7 @@ the trigger silently does nothing at all. A wrapper has to hand them down,
 the same way `label` becomes `aria-label` in there.
 
 ```html
-<helix-button commandfor="confirm" command="--show">Delete…</helix-button>
+<helix-headless-button commandfor="confirm" command="--show">Delete…</helix-headless-button>
 ```
 
 `commandFor` spells its attribute out, because Lit lowercases a property
@@ -9209,7 +9211,7 @@ the trigger silently does nothing at all. A wrapper has to hand them down,
 the same way `label` becomes `aria-label` in there.
 
 ```html
-<helix-button commandfor="confirm" command="--show">Delete…</helix-button>
+<helix-headless-button commandfor="confirm" command="--show">Delete…</helix-headless-button>
 ```
 
 `commandFor` spells its attribute out, because Lit lowercases a property
@@ -9463,10 +9465,10 @@ Read-only to a consumer: it is a report rather than a setting.
 **Mirrored to `data-status`, and not reflected as `status`.** It is element
 state, so reflecting it puts the element's own bookkeeping into the markup
 a consumer rendered: React reads the attribute appearing at upgrade as a
-hydration mismatch, and a serialized `<helix-image status="loaded">` pasted
-back declares that a picture has arrived which this element has never
-fetched. The `data-` name is the library's answer to both, being a name a
-re-parse cannot mistake for a declaration, and it is what `data-closed` on
+hydration mismatch, and a host pasted back carrying `status="loaded"`
+declares that a picture has arrived which this element has never fetched.
+The `data-` name is the library's answer to both, being a name a re-parse
+cannot mistake for a declaration, and it is what `data-closed` on
 `Toast.Item` already does. A picture arrives after somebody fetched it,
 which puts this on the safe side of hydration: a fact that can be true on
 the *first* update mirrors to a custom state instead, which is what
@@ -9546,10 +9548,10 @@ Read-only to a consumer: it is a report rather than a setting.
 **Mirrored to `data-status`, and not reflected as `status`.** It is element
 state, so reflecting it puts the element's own bookkeeping into the markup
 a consumer rendered: React reads the attribute appearing at upgrade as a
-hydration mismatch, and a serialized `<helix-image status="loaded">` pasted
-back declares that a picture has arrived which this element has never
-fetched. The `data-` name is the library's answer to both, being a name a
-re-parse cannot mistake for a declaration, and it is what `data-closed` on
+hydration mismatch, and a host pasted back carrying `status="loaded"`
+declares that a picture has arrived which this element has never fetched.
+The `data-` name is the library's answer to both, being a name a re-parse
+cannot mistake for a declaration, and it is what `data-closed` on
 `Toast.Item` already does. A picture arrives after somebody fetched it,
 which puts this on the safe side of hydration: a fact that can be true on
 the *first* update mirrors to a custom state instead, which is what
@@ -9634,20 +9636,20 @@ Not a label: it goes when typing starts. */
 **The attribute is `readonly`, which is the platform's spelling.** A
 camelCase property needs an explicit `attribute`, and dash-casing a word
 HTML writes as one costs what an attribute always costs here: nothing
-warns. `<helix-input readonly>` is what anybody who has written HTML types;
-against `read-only` it parses to no property at all, and the field stays
-editable with no error anywhere. Measured on the dash-cased form, `readOnly`
-came back `false`. */
+warns. `<helix-headless-input readonly>` is what anybody who has written
+HTML types; against `read-only` it parses to no property at all, and the
+field stays editable with no error anywhere. Measured on the dash-cased
+form, `readOnly` came back `false`. */
   readonly?: (HelixInput["readOnly"]) | undefined;
   /** Whether the field refuses input while still submitting its value.
 
 **The attribute is `readonly`, which is the platform's spelling.** A
 camelCase property needs an explicit `attribute`, and dash-casing a word
 HTML writes as one costs what an attribute always costs here: nothing
-warns. `<helix-input readonly>` is what anybody who has written HTML types;
-against `read-only` it parses to no property at all, and the field stays
-editable with no error anywhere. Measured on the dash-cased form, `readOnly`
-came back `false`. */
+warns. `<helix-headless-input readonly>` is what anybody who has written
+HTML types; against `read-only` it parses to no property at all, and the
+field stays editable with no error anywhere. Measured on the dash-cased
+form, `readOnly` came back `false`. */
   readOnly?: (HelixInput["readOnly"]) | undefined;
   /** Whether a password field offers a toggle that shows what was typed.
 
@@ -9668,9 +9670,9 @@ The state is `aria-pressed`, not this. */
 
 **Not reflected.** Reflection exists so a selector can reach a value, and
 no stylesheet in this repository selects on `type`. Reflecting it writes
-`type="text"` onto every `<helix-input>` ever rendered, an attribute no
-consumer's markup has, which is the fault the area rules write up under
-`Button`'s `href`, `target` and `rel`.
+`type="text"` onto every `<helix-headless-input>` ever rendered, an
+attribute no consumer's markup has, which is the fault the area rules write
+up under `Button`'s `href`, `target` and `rel`.
 
 Nothing reads it from the attribute either. The real `<input>` inside takes
 it as a property binding, which is what makes the keyboard and the
@@ -9788,20 +9790,20 @@ Not a label: it goes when typing starts. */
 **The attribute is `readonly`, which is the platform's spelling.** A
 camelCase property needs an explicit `attribute`, and dash-casing a word
 HTML writes as one costs what an attribute always costs here: nothing
-warns. `<helix-input readonly>` is what anybody who has written HTML types;
-against `read-only` it parses to no property at all, and the field stays
-editable with no error anywhere. Measured on the dash-cased form, `readOnly`
-came back `false`. */
+warns. `<helix-headless-input readonly>` is what anybody who has written
+HTML types; against `read-only` it parses to no property at all, and the
+field stays editable with no error anywhere. Measured on the dash-cased
+form, `readOnly` came back `false`. */
   "bool:readonly"?: (HelixInput["readOnly"]) | undefined;
   /** Whether the field refuses input while still submitting its value.
 
 **The attribute is `readonly`, which is the platform's spelling.** A
 camelCase property needs an explicit `attribute`, and dash-casing a word
 HTML writes as one costs what an attribute always costs here: nothing
-warns. `<helix-input readonly>` is what anybody who has written HTML types;
-against `read-only` it parses to no property at all, and the field stays
-editable with no error anywhere. Measured on the dash-cased form, `readOnly`
-came back `false`. */
+warns. `<helix-headless-input readonly>` is what anybody who has written
+HTML types; against `read-only` it parses to no property at all, and the
+field stays editable with no error anywhere. Measured on the dash-cased
+form, `readOnly` came back `false`. */
   "prop:readOnly"?: (HelixInput["readOnly"]) | undefined;
   /** Whether a password field offers a toggle that shows what was typed.
 
@@ -9822,9 +9824,9 @@ The state is `aria-pressed`, not this. */
 
 **Not reflected.** Reflection exists so a selector can reach a value, and
 no stylesheet in this repository selects on `type`. Reflecting it writes
-`type="text"` onto every `<helix-input>` ever rendered, an attribute no
-consumer's markup has, which is the fault the area rules write up under
-`Button`'s `href`, `target` and `rel`.
+`type="text"` onto every `<helix-headless-input>` ever rendered, an
+attribute no consumer's markup has, which is the fault the area rules write
+up under `Button`'s `href`, `target` and `rel`.
 
 Nothing reads it from the attribute either. The real `<input>` inside takes
 it as a property binding, which is what makes the keyboard and the
@@ -10263,8 +10265,7 @@ beside it for instance. `ring` lets the ground through, for a chart drawn
 over something busy. `triangle` points along the axis and reads as "and
 onward" rather than as a second claim about the data.
 
-The shapes come from
-`helix/styled/src/shared/chart/terminus.css`, the same sheet `Sparkline` takes, so
+The shapes come from one shared sheet, the same one `Sparkline` takes, so
 the set is identical wherever one appears. **Which is why every value is
 named here.** `Sparkline` shipped `square` implemented, drawn, asserted and
 undocumented until the cohort before this one; this family reads the same
@@ -10414,8 +10415,7 @@ beside it for instance. `ring` lets the ground through, for a chart drawn
 over something busy. `triangle` points along the axis and reads as "and
 onward" rather than as a second claim about the data.
 
-The shapes come from
-`helix/styled/src/shared/chart/terminus.css`, the same sheet `Sparkline` takes, so
+The shapes come from one shared sheet, the same one `Sparkline` takes, so
 the set is identical wherever one appears. **Which is why every value is
 named here.** `Sparkline` shipped `square` implemented, drawn, asserted and
 undocumented until the cohort before this one; this family reads the same
@@ -10519,10 +10519,10 @@ has to survive with the stylesheet turned off.
   label?: (HelixList["label"]) | undefined;
   /** Which markers an ordered list draws, in `<ol type>`'s own five values.
 
-Reflected, because this is one of the things a stylesheet selects on and
-the styled tier maps each to a `list-style-type`. The platform's spellings
-rather than the CSS ones, so `<helix-list kind="ordered" type="i">` is what
-a consumer would have written on an `<ol>`.
+Reflected, because this is one of the things a stylesheet selects on, each
+value mapping to a `list-style-type`. The platform's spellings rather than
+the CSS ones, so `<helix-headless-list kind="ordered" type="i">` is what a
+consumer would have written on an `<ol>`.
 
 **`start` and `reversed` are both absent and neither can be done here.**
 This renders no `<ol>`: the rows are slotted and numbered by the CSS
@@ -10578,10 +10578,10 @@ has to survive with the stylesheet turned off.
   "prop:label"?: (HelixList["label"]) | undefined;
   /** Which markers an ordered list draws, in `<ol type>`'s own five values.
 
-Reflected, because this is one of the things a stylesheet selects on and
-the styled tier maps each to a `list-style-type`. The platform's spellings
-rather than the CSS ones, so `<helix-list kind="ordered" type="i">` is what
-a consumer would have written on an `<ol>`.
+Reflected, because this is one of the things a stylesheet selects on, each
+value mapping to a `list-style-type`. The platform's spellings rather than
+the CSS ones, so `<helix-headless-list kind="ordered" type="i">` is what a
+consumer would have written on an `<ol>`.
 
 **`start` and `reversed` are both absent and neither can be done here.**
 This renders no `<ol>`: the rows are slotted and numbered by the CSS
@@ -11816,10 +11816,10 @@ this element then owns.
 
 **Not reflected.** Unread is a visual state, which is why the four mixins
 mirror theirs, but the mirror may not be the property's own attribute:
-`<helix-notification default-read>` comes back from a server without `read`
-and would gain it on the first update, which React reports as a hydration
-mismatch, and which a copy of the serialized element re-parses as a
-declaration. `:state(read)` is what the stylesheet reads.
+`<helix-headless-notification default-read>` comes back from a server
+without `read` and would gain it on the first update, which React reports
+as a hydration mismatch, and which a copy of the serialized element
+re-parses as a declaration. `:state(read)` is what the stylesheet reads.
 `hydration.dom.spec.ts` holds it. */
   read?: (HelixNotification["read"]) | undefined;
   /** State to open with, where nothing declared one. */
@@ -11887,10 +11887,10 @@ this element then owns.
 
 **Not reflected.** Unread is a visual state, which is why the four mixins
 mirror theirs, but the mirror may not be the property's own attribute:
-`<helix-notification default-read>` comes back from a server without `read`
-and would gain it on the first update, which React reports as a hydration
-mismatch, and which a copy of the serialized element re-parses as a
-declaration. `:state(read)` is what the stylesheet reads.
+`<helix-headless-notification default-read>` comes back from a server
+without `read` and would gain it on the first update, which React reports
+as a hydration mismatch, and which a copy of the serialized element
+re-parses as a declaration. `:state(read)` is what the stylesheet reads.
 `hydration.dom.spec.ts` holds it. */
   "prop:read"?: (HelixNotification["read"]) | undefined;
   /** State to open with, where nothing declared one. */
@@ -12483,7 +12483,7 @@ attribute and the state is the property.
 **The attribute, read when it is asked for, and never a snapshot taken in
 the constructor.** A field initializer runs there, and an element the HTML
 parser created has none of its attributes yet at that moment: measured on
-this element, on `Radio` and on `Toggle`, `<helix-option value="a"
+this element, on `Radio` and on `Toggle`, `<helix-headless-option value="a"
 selected>` reported `defaultSelected` as `false` both from parsed markup
 and from `createElement` followed by `setAttribute`, which is every way a
 consumer writes one. The snapshot could only ever be true for an element
@@ -12590,7 +12590,7 @@ attribute and the state is the property.
 **The attribute, read when it is asked for, and never a snapshot taken in
 the constructor.** A field initializer runs there, and an element the HTML
 parser created has none of its attributes yet at that moment: measured on
-this element, on `Radio` and on `Toggle`, `<helix-option value="a"
+this element, on `Radio` and on `Toggle`, `<helix-headless-option value="a"
 selected>` reported `defaultSelected` as `false` both from parsed markup
 and from `createElement` followed by `setAttribute`, which is every way a
 consumer writes one. The snapshot could only ever be true for an element
@@ -13255,10 +13255,10 @@ other end is going to reject. A consumer whose codes really do carry
 marked letters wants `text`, which judges nothing.
 
 **Not reflected**: nothing selects on it, so reflecting only writes
-`type="numeric"` onto every `<helix-pin-input>` ever rendered, an attribute
-no consumer's markup had. The area rules carry the sentence "reflect only
-what CSS selects on". The real inputs take it as a binding, which is what
-makes the keyboard follow. */
+`type="numeric"` onto every `<helix-headless-pin-input>` ever rendered, an
+attribute no consumer's markup had. The area rules carry the sentence
+"reflect only what CSS selects on". The real inputs take it as a binding,
+which is what makes the keyboard follow. */
   type?: (HelixPinInput["type"]) | undefined;
   /** Whether the control is non-interactive.
 
@@ -13364,10 +13364,10 @@ other end is going to reject. A consumer whose codes really do carry
 marked letters wants `text`, which judges nothing.
 
 **Not reflected**: nothing selects on it, so reflecting only writes
-`type="numeric"` onto every `<helix-pin-input>` ever rendered, an attribute
-no consumer's markup had. The area rules carry the sentence "reflect only
-what CSS selects on". The real inputs take it as a binding, which is what
-makes the keyboard follow. */
+`type="numeric"` onto every `<helix-headless-pin-input>` ever rendered, an
+attribute no consumer's markup had. The area rules carry the sentence
+"reflect only what CSS selects on". The real inputs take it as a binding,
+which is what makes the keyboard follow. */
   "prop:type"?: (HelixPinInput["type"]) | undefined;
   /** Whether the control is non-interactive.
 
@@ -14019,7 +14019,7 @@ attribute and the state is the property.
 **The attribute, read when it is asked for, and never a snapshot taken in
 the constructor.** A field initializer runs there, and an element the HTML
 parser created has none of its attributes yet at that moment: measured on
-this element, on `Option` and on `Toggle`, `<helix-radio value="a"
+this element, on `Option` and on `Toggle`, `<helix-headless-radio value="a"
 selected>` reported `defaultSelected` as `false` both from parsed markup
 and from `createElement` followed by `setAttribute`, which is every way a
 consumer writes one. The snapshot could only ever be true for an element
@@ -14126,7 +14126,7 @@ attribute and the state is the property.
 **The attribute, read when it is asked for, and never a snapshot taken in
 the constructor.** A field initializer runs there, and an element the HTML
 parser created has none of its attributes yet at that moment: measured on
-this element, on `Option` and on `Toggle`, `<helix-radio value="a"
+this element, on `Option` and on `Toggle`, `<helix-headless-radio value="a"
 selected>` reported `defaultSelected` as `false` both from parsed markup
 and from `createElement` followed by `setAttribute`, which is every way a
 consumer writes one. The snapshot could only ever be true for an element
@@ -16426,9 +16426,9 @@ the headline and the label is a caption under it.
 The row directions set them side by side, for a figure in a line of text or
 a narrow strip where a stacked pair would be two lines of almost nothing.
 
-A property rather than a `helix-flex` around it, because the unit has to
-stay on the value's baseline whichever way the pair goes, and only this
-element knows which of its children the unit belongs to.
+A property rather than a `Flex` around it, because the unit has to stay on
+the value's baseline whichever way the pair goes, and only this element
+knows which of its children the unit belongs to.
 
 **Optional rather than defaulted to `column`, which is not a style
 preference.** A reflecting property with a default writes its attribute onto
@@ -16451,9 +16451,9 @@ the headline and the label is a caption under it.
 The row directions set them side by side, for a figure in a line of text or
 a narrow strip where a stacked pair would be two lines of almost nothing.
 
-A property rather than a `helix-flex` around it, because the unit has to
-stay on the value's baseline whichever way the pair goes, and only this
-element knows which of its children the unit belongs to.
+A property rather than a `Flex` around it, because the unit has to stay on
+the value's baseline whichever way the pair goes, and only this element
+knows which of its children the unit belongs to.
 
 **Optional rather than defaulted to `column`, which is not a style
 preference.** A reflecting property with a default writes its attribute onto
@@ -16797,15 +16797,15 @@ export type HelixTableColumnHelixBeforeResizeElementEvent =
 export type HelixTableColumnProps = {
   /** Which edge the values line up against.
 
-`end` is what a column of numbers wants, so digits of the same magnitude sit
-above each other. Left unset the cell inherits the table's own alignment,
-which is `start` for text in either writing direction. `helix-data-table`
-aligns the cells it draws. A `helix-table`'s cells are markup the consumer
-wrote, so the table writes nothing onto them: it publishes the edge to each
-cell under this column as `--table-cell-align`, which `@fusion.dev/helix`
-reads. The heading is this element's own, and `@fusion.dev/helix` sets it to
-the same edge in either table. `end` is the inline end, so in a
-right-to-left table it is the left.
+`end` is what a column of numbers wants, so digits of the same magnitude
+sit above each other. Left unset the cell inherits the table's own
+alignment, which is `start` for text in either writing direction.
+`DataTable` aligns the cells it draws. A `Table`'s cells are markup the
+consumer wrote, so the table writes nothing onto them: it publishes the
+edge to each cell under this column as `--table-cell-align`, which
+`@fusion.dev/helix` reads. The heading is this element's own, and
+`@fusion.dev/helix` sets it to the same edge in either table. `end` is the
+inline end, so in a right-to-left table it is the left.
 
 **Reflected, because the heading is drawn by a stylesheet and has no other
 way to learn it.** Set as a property, which is how React sets it, an
@@ -16852,8 +16852,8 @@ onto its host. */
   /** The track this column takes, as CSS.
 
 A single track value, so anything valid in `grid-template-columns` works:
-`16rem`, `auto`, `minmax(0, 2fr)`. Left unset the column takes the track
-in its place in a `helix-table`'s `columns`, where that table sets one, and
+`16rem`, `auto`, `minmax(0, 2fr)`. Left unset the column takes the track in
+its place in a `Table`'s `columns`, where that table sets one, and
 otherwise shares what is left over equally, as `minmax(max-content, 1fr)`.
 Set here, it wins over that list, which is what lets a reader resize a
 column in a table that set one.
@@ -16899,15 +16899,15 @@ correct default: the raw value is what an API sorted by. */
 export type HelixTableColumnSolidJsProps = {
   /** Which edge the values line up against.
 
-`end` is what a column of numbers wants, so digits of the same magnitude sit
-above each other. Left unset the cell inherits the table's own alignment,
-which is `start` for text in either writing direction. `helix-data-table`
-aligns the cells it draws. A `helix-table`'s cells are markup the consumer
-wrote, so the table writes nothing onto them: it publishes the edge to each
-cell under this column as `--table-cell-align`, which `@fusion.dev/helix`
-reads. The heading is this element's own, and `@fusion.dev/helix` sets it to
-the same edge in either table. `end` is the inline end, so in a
-right-to-left table it is the left.
+`end` is what a column of numbers wants, so digits of the same magnitude
+sit above each other. Left unset the cell inherits the table's own
+alignment, which is `start` for text in either writing direction.
+`DataTable` aligns the cells it draws. A `Table`'s cells are markup the
+consumer wrote, so the table writes nothing onto them: it publishes the
+edge to each cell under this column as `--table-cell-align`, which
+`@fusion.dev/helix` reads. The heading is this element's own, and
+`@fusion.dev/helix` sets it to the same edge in either table. `end` is the
+inline end, so in a right-to-left table it is the left.
 
 **Reflected, because the heading is drawn by a stylesheet and has no other
 way to learn it.** Set as a property, which is how React sets it, an
@@ -16954,8 +16954,8 @@ onto its host. */
   /** The track this column takes, as CSS.
 
 A single track value, so anything valid in `grid-template-columns` works:
-`16rem`, `auto`, `minmax(0, 2fr)`. Left unset the column takes the track
-in its place in a `helix-table`'s `columns`, where that table sets one, and
+`16rem`, `auto`, `minmax(0, 2fr)`. Left unset the column takes the track in
+its place in a `Table`'s `columns`, where that table sets one, and
 otherwise shares what is left over equally, as `minmax(max-content, 1fr)`.
 Set here, it wins over that list, which is what lets a reader resize a
 column in a table that set one.
@@ -17019,15 +17019,14 @@ say that without the component knowing what a row looks like. */
   loadingText?: (HelixTable["loadingText"]) | undefined;
   /** The column widths as one track list, written once on the table.
 
-With `helix-table-column` children, each track sizes the column in its
-place, a hidden column counted, so hiding one takes its track with it and
-the rest keep theirs. The columns decide how many tracks there are and this
-list only how wide: a track past the last column is dropped, and a column
-past the last track shares what is left. With no columns declared it is
-the whole track list. Tracks count as the grid counts them, so
-`minmax(0, 1fr)` is one and `repeat(2, 8rem)` is two, and one the grid
-would refuse leaves its column at the default rather than taking the table
-down to one column.
+With `TableColumn` children, each track sizes the column in its place, a
+hidden column counted, so hiding one takes its track with it and the rest
+keep theirs. The columns decide how many tracks there are and this list
+only how wide: a track past the last column is dropped, and a column past
+the last track shares what is left. With no columns declared it is the
+whole track list. Tracks count as the grid counts them, so `minmax(0, 1fr)`
+is one and `repeat(2, 8rem)` is two, and one the grid would refuse leaves
+its column at the default rather than taking the table down to one column.
 
 **A column's own `width` wins over its track here.** The width is written
 on the column it sizes, which is the more particular statement, and it is
@@ -17041,13 +17040,11 @@ to walk, so a render there knows of no columns and this attribute is the
 whole answer: a table given one lays its grid out in the first paint, and a
 table sized only by its columns is one track wide until it upgrades.
 
-**`helix-data-table` has none of this, and should not.** Its columns are
-its schema rather than an option, so there is always a column to write a
-`width` on and a list here would be a second way to say what that says.
-This table's cells are markup, and a table written as rows of cells with no
-`helix-table-column` in it has nowhere else to be sized from. Both families
-take the same CSS hook, `--table-columns` and `--data-table-columns`, which
-wins over whichever list the element worked out. */
+**Data Table has none of this, and should not.** Its columns are its schema
+rather than an option, so there is always a column to write a `width` on
+and a list here would be a second way to say what that says. This table's
+cells are markup, and a table written as rows of cells with no column
+declared in it has nowhere else to be sized from. */
   columns?: (HelixTable["columns"]) | undefined;
   /** Accessible name for the table. */
   label?: (HelixTable["label"]) | undefined;
@@ -17070,15 +17067,14 @@ say that without the component knowing what a row looks like. */
   "prop:loadingText"?: (HelixTable["loadingText"]) | undefined;
   /** The column widths as one track list, written once on the table.
 
-With `helix-table-column` children, each track sizes the column in its
-place, a hidden column counted, so hiding one takes its track with it and
-the rest keep theirs. The columns decide how many tracks there are and this
-list only how wide: a track past the last column is dropped, and a column
-past the last track shares what is left. With no columns declared it is
-the whole track list. Tracks count as the grid counts them, so
-`minmax(0, 1fr)` is one and `repeat(2, 8rem)` is two, and one the grid
-would refuse leaves its column at the default rather than taking the table
-down to one column.
+With `TableColumn` children, each track sizes the column in its place, a
+hidden column counted, so hiding one takes its track with it and the rest
+keep theirs. The columns decide how many tracks there are and this list
+only how wide: a track past the last column is dropped, and a column past
+the last track shares what is left. With no columns declared it is the
+whole track list. Tracks count as the grid counts them, so `minmax(0, 1fr)`
+is one and `repeat(2, 8rem)` is two, and one the grid would refuse leaves
+its column at the default rather than taking the table down to one column.
 
 **A column's own `width` wins over its track here.** The width is written
 on the column it sizes, which is the more particular statement, and it is
@@ -17092,13 +17088,11 @@ to walk, so a render there knows of no columns and this attribute is the
 whole answer: a table given one lays its grid out in the first paint, and a
 table sized only by its columns is one track wide until it upgrades.
 
-**`helix-data-table` has none of this, and should not.** Its columns are
-its schema rather than an option, so there is always a column to write a
-`width` on and a list here would be a second way to say what that says.
-This table's cells are markup, and a table written as rows of cells with no
-`helix-table-column` in it has nowhere else to be sized from. Both families
-take the same CSS hook, `--table-columns` and `--data-table-columns`, which
-wins over whichever list the element worked out. */
+**Data Table has none of this, and should not.** Its columns are its schema
+rather than an option, so there is always a column to write a `width` on
+and a list here would be a second way to say what that says. This table's
+cells are markup, and a table written as rows of cells with no column
+declared in it has nowhere else to be sized from. */
   "prop:columns"?: (HelixTable["columns"]) | undefined;
   /** Accessible name for the table. */
   "prop:label"?: (HelixTable["label"]) | undefined;
@@ -17907,8 +17901,8 @@ Absent uses the runtime's own. */
 
 Absent is one. `range` holds a start and an end, `multiple` holds any
 number, and both are carried as one comma-separated value, which is what a
-form submits. `helix-time-picker` carries the longer note on the interaction and on
-why a wheel cannot do either. */
+form submits. `TimePicker` carries the longer note on the interaction and
+on why a wheel cannot do either. */
   mode?: (HelixTimeInput["mode"]) | undefined;
   /** What the field says before a time is in it. */
   placeholder?: (HelixTimeInput["placeholder"]) | undefined;
@@ -17937,7 +17931,7 @@ never something this element would refuse to read back. */
 `list` offers whole times, which is what a product with slots or opening
 hours has. `wheels` splits them into an hour, a minute and a meridiem where
 the locale uses one, which is the only way to reach `23:45` without
-scrolling most of a day. `helix-time-picker` carries the longer note on the trade.
+scrolling most of a day. `TimePicker` carries the longer note on the trade.
 
 **Optional rather than defaulted, which is not a style preference.** A
 reflecting property with a default writes its attribute onto every host the
@@ -18095,8 +18089,8 @@ Absent uses the runtime's own. */
 
 Absent is one. `range` holds a start and an end, `multiple` holds any
 number, and both are carried as one comma-separated value, which is what a
-form submits. `helix-time-picker` carries the longer note on the interaction and on
-why a wheel cannot do either. */
+form submits. `TimePicker` carries the longer note on the interaction and
+on why a wheel cannot do either. */
   "prop:mode"?: (HelixTimeInput["mode"]) | undefined;
   /** What the field says before a time is in it. */
   "prop:placeholder"?: (HelixTimeInput["placeholder"]) | undefined;
@@ -18125,7 +18119,7 @@ never something this element would refuse to read back. */
 `list` offers whole times, which is what a product with slots or opening
 hours has. `wheels` splits them into an hour, a minute and a meridiem where
 the locale uses one, which is the only way to reach `23:45` without
-scrolling most of a day. `helix-time-picker` carries the longer note on the trade.
+scrolling most of a day. `TimePicker` carries the longer note on the trade.
 
 **Optional rather than defaulted, which is not a style preference.** A
 reflecting property with a default writes its attribute onto every host the
@@ -18260,7 +18254,7 @@ Absent uses the runtime's own. */
 
 Absent is one. `range` holds a start and an end with everything between
 them shown as part of the answer, `multiple` holds any number, and both are
-carried as one comma-separated value: the same shape `helix-date-picker` uses,
+carried as one comma-separated value: the same shape `DatePicker` uses,
 because it is the same question asked of a different unit.
 
 **A range is two picks, and a third starts over.** That is the calendar's
@@ -18434,7 +18428,7 @@ Absent uses the runtime's own. */
 
 Absent is one. `range` holds a start and an end with everything between
 them shown as part of the answer, `multiple` holds any number, and both are
-carried as one comma-separated value: the same shape `helix-date-picker` uses,
+carried as one comma-separated value: the same shape `DatePicker` uses,
 because it is the same question asked of a different unit.
 
 **A range is two picks, and a third starts over.** That is the calendar's
@@ -18715,7 +18709,7 @@ where they were would not be a stack.
 **Optional, and bottom-end is the absence of it.** Reflecting *and*
 defaulting is the pair that writes onto a host: every toast region anybody
 rendered would gain a `placement="bottom-end"` nobody typed, which a React
-consumer's server markup does not have. The styled sheet carries the resting
+consumer's server markup does not have. A sheet carries the resting
 arrangement in its own `:host` rule and the selectors describe only the
 departures, which is what `orientation` does. */
   placement?: (HelixToast["placement"]) | undefined;
@@ -18736,7 +18730,7 @@ where they were would not be a stack.
 **Optional, and bottom-end is the absence of it.** Reflecting *and*
 defaulting is the pair that writes onto a host: every toast region anybody
 rendered would gain a `placement="bottom-end"` nobody typed, which a React
-consumer's server markup does not have. The styled sheet carries the resting
+consumer's server markup does not have. A sheet carries the resting
 arrangement in its own `:host` rule and the selectors describe only the
 departures, which is what `orientation` does. */
   "prop:placement"?: (HelixToast["placement"]) | undefined;
@@ -18988,11 +18982,11 @@ attribute and the state is the property.
 **The attribute, read when it is asked for, and never a snapshot taken in
 the constructor.** A field initializer runs there, and an element the HTML
 parser created has none of its attributes yet at that moment: measured on
-this element, on `Option` and on `Radio`, `<helix-toggle value="light"
-selected>` reported `defaultSelected` as `false` both from parsed markup
-and from `createElement` followed by `setAttribute`, which is every way a
-consumer writes one. The snapshot could only ever be true for an element
-already in the document when `customElements.define` ran.
+this element, on `Option` and on `Radio`, `<helix-headless-toggle
+value="light" selected>` reported `defaultSelected` as `false` both from
+parsed markup and from `createElement` followed by `setAttribute`, which is
+every way a consumer writes one. The snapshot could only ever be true for
+an element already in the document when `customElements.define` ran.
 
 Nothing overwrites it either, which is what makes reading it late correct
 rather than merely later: `selected` does not reflect, for the reason
@@ -19038,11 +19032,11 @@ attribute and the state is the property.
 **The attribute, read when it is asked for, and never a snapshot taken in
 the constructor.** A field initializer runs there, and an element the HTML
 parser created has none of its attributes yet at that moment: measured on
-this element, on `Option` and on `Radio`, `<helix-toggle value="light"
-selected>` reported `defaultSelected` as `false` both from parsed markup
-and from `createElement` followed by `setAttribute`, which is every way a
-consumer writes one. The snapshot could only ever be true for an element
-already in the document when `customElements.define` ran.
+this element, on `Option` and on `Radio`, `<helix-headless-toggle
+value="light" selected>` reported `defaultSelected` as `false` both from
+parsed markup and from `createElement` followed by `setAttribute`, which is
+every way a consumer writes one. The snapshot could only ever be true for
+an element already in the document when `customElements.define` ran.
 
 Nothing overwrites it either, which is what makes reading it late correct
 rather than merely later: `selected` does not reflect, for the reason
@@ -21726,13 +21720,13 @@ export type CustomElements = {
    * Unset shows all of them, which is what no limit means and is more useful
    * than refusing to render.
    *
-   * **Reflected, because the fold is a stylesheet rule and nothing else.** The
-   * styled tier hides past the limit with `:host([max="N"]) ::slotted(:nth-child(n + N+1))`,
-   * so the attribute *is* the mechanism: a `max` that reaches this property and
-   * never reaches the host matches no rule, and every avatar is drawn beside a
-   * count claiming some are hidden. Markup is the safe path and hides the fault;
-   * a script is the broken one, and React takes it for everyone, assigning a
-   * matching property rather than an attribute.
+   * **Reflected, because the fold is a stylesheet rule and nothing else.** A
+   * sheet hides past the limit one selector per value, as `FOLDS_UP_TO`
+   * describes, so the attribute *is* the mechanism: a `max` that reaches this
+   * property and never reaches the host matches no rule, and every avatar is
+   * drawn beside a count claiming some are hidden. Markup is the safe path and
+   * hides the fault; a script is the broken one, and React takes it for
+   * everyone, assigning a matching property rather than an attribute.
    *
    * **Optional rather than defaulted, per the rule that a reflected property
    * takes no default**: `max = 0` would stamp `max="0"` onto every host that
@@ -22253,7 +22247,7 @@ export type CustomElements = {
    * - `--bar-chart-line-width`: Thickness of a `lines` series, over `--chart-stroke`. (default: `undefined`)
    * - `--chart-stroke`: Thickness of a `lines` series, one name across this family, Line Chart and Area Chart's top edge, since the three read one shared rule. `--bar-chart-line-width` overrides it here. (default: `undefined`)
    * - `--bar-chart-axis`: How wide an axis column is drawn, in `ch`, from the widest number on it. Written on the axis itself, and only where the categories run along the bottom: turned sideways an axis is a row and takes a line's height instead. (default: `undefined`)
-   * - `--bar-chart-secondary`: The color of the secondary axis when one series owns it. It resolves a `--helix-color-series-*` token, so on the headless tier alone it names something that is not there. #138. (default: `undefined`)
+   * - `--bar-chart-secondary`: The color of the secondary axis, where one series owns it. Written by the component from that series' `--chart-series-*`, so it promises the series color and nothing more: whatever that hook resolves to is what the axis is drawn in. (default: `undefined`)
    * - `--chart-bar-wash`: The gradient a bar would take, named per bar so the styled tier can point `fill` at it. Drawn whatever the treatment and used only where `wash="gradient"` asks for it. (default: `undefined`)
    *
    * ## CSS Parts
@@ -22381,12 +22375,12 @@ export type CustomElements = {
    * - `current`: Whether this item is the page the reader is on.
    * - `href`: Where the crumb goes, and nothing where it is the current page.
    *
-   * **Optional and reflected, because a stylesheet does select on it.**
-   * `breadcrumb.css` writes `:host(:not([href])) [part="link"]` to take the
-   * block padding off a crumb that is not a link, so the attribute is what
-   * decides how tall a crumb is. Unreflected, an `href` set from script reached
-   * the property, rendered the anchor, and left the host looking unlinked: the
-   * crumb drew at 20px where a markup twin drew at 28.
+   * **Optional and reflected, because a stylesheet does select on it.** A sheet
+   * writes `:host(:not([href])) [part="link"]` to take the block padding off a
+   * crumb that is not a link, so the attribute is what decides how tall a crumb
+   * is. Unreflected, an `href` set from script reached the property, rendered
+   * the anchor, and left the host looking unlinked: the crumb drew at 20px
+   * where a markup twin drew at 28.
    *
    * Optional rather than defaulted, which is the general rule that a reflected
    * property takes no default: an `href` written onto every host would be a link
@@ -22665,7 +22659,7 @@ export type CustomElements = {
    * the same way `label` becomes `aria-label` in there.
    *
    * ```html
-   * <helix-button commandfor="confirm" command="--show">Delete…</helix-button>
+   * <helix-headless-button commandfor="confirm" command="--show">Delete…</helix-headless-button>
    * ```
    *
    * `commandFor` spells its attribute out, because Lit lowercases a property
@@ -23221,13 +23215,13 @@ export type CustomElements = {
    * **The number is published to the styles rather than enumerated by them**,
    * as `--carousel-per-view` on the track, which is what keeps a width and a
    * count from disagreeing. A sheet can only name a value it wrote a rule for,
-   * so the styled tier enumerated `per-view="2"` through `5` and called five a
-   * judgment; above it the pane fell back to one across while this file went on
-   * counting positions. Measured in Chromium over eight slides, six across gave
-   * three dots, a pane taking the whole track and five slides reachable only by
-   * dragging. Written from here there is no ceiling to exceed, and a consumer's
-   * own sheet reads the same declaration the styled one does. `runEnd` publishes
-   * its correction the same way and for the same reason.
+   * so a sheet enumerating `per-view="2"` through `5` is a ceiling of five, and
+   * above it the pane falls back to one across while this file goes on counting
+   * positions. Measured in Chromium over eight slides against such a sheet, six
+   * across gave three dots, a pane taking the whole track and five slides
+   * reachable only by dragging. Published from here there is no ceiling to
+   * exceed, and every sheet reads the same declaration. `runEnd` publishes its
+   * correction the same way and for the same reason.
    *
    * **On the track and not on the host.** A custom property on the host is a
    * reflected attribute by another name: it would arrive on upgrade, and a
@@ -23252,8 +23246,8 @@ export type CustomElements = {
    * `auto` track is handed nothing. A count stays for the design that calls for
    * exactly three.
    *
-   * The styled sheet says how it divides, and the headless `auto` example
-   * carries the same three lines for a consumer writing their own.
+   * A sheet says how it divides, and the `auto` example here carries the same
+   * three lines for a consumer writing their own.
    *
    * **A value rather than the resting behavior**, which is what the
    * responsiveness policy asks of every axis that a box decides: a splitter
@@ -23626,13 +23620,13 @@ export type CustomElements = {
    *
    * **Not reflected, and the default is why.** A reflected property that
    * defaults to true writes its attribute on upgrade whether or not the
-   * consumer wrote one, so the server serves `<helix-chat label="x">` and the
-   * client turns it into `<helix-chat label="x" pinned>`: a hydration mismatch a
-   * React consumer reports and does not patch up. Nothing needs the attribute
-   * either, because the one thing that changes with the pin is the way back, and
-   * that is a part inside the shadow tree where a stylesheet can already reach
-   * it. Measured rather than assumed: `label, pinned` after upgrade against
-   * `label` from the server.
+   * consumer wrote one, so the server serves `<helix-headless-chat label="x">`
+   * and the client turns it into `<helix-headless-chat label="x" pinned>`: a
+   * hydration mismatch a React consumer reports and does not patch up. Nothing
+   * needs the attribute either, because the one thing that changes with the pin
+   * is the way back, and that is a part inside the shadow tree where a
+   * stylesheet can already reach it. Measured rather than assumed: `label,
+   * pinned` after upgrade against `label` from the server.
    * - `threshold`: How near the bottom still counts as being at it, in pixels.
    *
    * A hook rather than a constant, because the right number depends on how tall
@@ -23682,7 +23676,7 @@ export type CustomElements = {
    *
    * Areas where markup can be added to the component.
    *
-   * - `(default)`: The turns, as `helix-chat-message` children.
+   * - `(default)`: The turns.
    * - `composer`: Below the transcript, where the reader writes.
    * - `header`: Above the transcript.
    * - `resume`: The way back to the bottom.
@@ -24137,11 +24131,11 @@ export type CustomElements = {
    * round. The platform already writes booleans like this for the same reason,
    * `novalidate` and `nomodule` and `noreferrer` among them.
    *
-   * **Reflected, because the gutter is a stylesheet rule.** `code-block.css`
-   * reserves the copy button's width with `:host(:not([no-copy]))`, so the
-   * attribute is what decides whether the block pays for a control. Unreflected,
-   * setting it from script takes the button away (`render` reads the property)
-   * and leaves the 40px it stood in reserved.
+   * **Reflected, because the gutter is a stylesheet rule.** A sheet reserves
+   * the copy button's width with `:host(:not([no-copy]))`, so the attribute is
+   * what decides whether the block pays for a control. Unreflected, setting it
+   * from script takes the button away (`render` reads the property) and leaves
+   * the 40px it stood in reserved.
    *
    * A false boolean reflects as the attribute's absence, so this costs no
    * `no-copy=""` on hosts that never asked for one, and the rule about a
@@ -24667,10 +24661,10 @@ export type CustomElements = {
    *
    * **A color is exactly as requirable as a date**, which is the comparison
    * that settles it: this element extends `HelixFormElement`, carries `name`
-   * and reports its value, so a consumer writing
-   * `<helix-color-picker name="brand" required>` inside a form has every reason
-   * to expect the form to refuse an empty one. Its two siblings in the same
-   * composition position, Date Picker and Time Picker, both check it.
+   * and reports its value, so a consumer writing `<helix-headless-color-picker
+   * name="brand" required>` inside a form has every reason to expect the form
+   * to refuse an empty one. Its two siblings in the same composition position,
+   * Date Picker and Time Picker, both check it.
    *
    * Written out rather than taken from `MixinField`, for the reason those two
    * record: the mixin brings a label, a hint and a feedback region, and this is
@@ -25015,7 +25009,7 @@ export type CustomElements = {
    *
    * Areas where markup can be added to the component.
    *
-   * - `(default)`: The options, which are `helix-option` elements.
+   * - `(default)`: The options.
    * - `end`: After it, for a unit or a clear button.
    * - `indicator`: Replaces the caret saying the field opens.
    * - `start`: Before the text, for an icon.
@@ -25202,7 +25196,7 @@ export type CustomElements = {
    *
    * Areas where markup can be added to the component.
    *
-   * - `(default)`: The commands, which are `helix-option` elements and their groups.
+   * - `(default)`: The commands, and any groups of them.
    * - `footer`: Under the list, for the keys a reader can press.
    *
    * ## Methods
@@ -25311,7 +25305,7 @@ export type CustomElements = {
    * the same way `label` becomes `aria-label` in there.
    *
    * ```html
-   * <helix-button commandfor="confirm" command="--show">Delete…</helix-button>
+   * <helix-headless-button commandfor="confirm" command="--show">Delete…</helix-headless-button>
    * ```
    *
    * `commandFor` spells its attribute out, because Lit lowercases a property
@@ -25617,9 +25611,9 @@ export type CustomElements = {
    *
    * **It announces nothing, and that is not an omission.** Nothing in this
    * element ever asks for a different page size: a size selector is
-   * `helix-pagination-size`, which a consumer puts in the `footer` slot and
-   * answers themselves. Routing this through `requestChange` would announce an
-   * event the element never has cause to fire.
+   * `PaginationSize`, which a consumer puts in the `footer` slot and answers
+   * themselves. Routing this through `requestChange` would announce an event
+   * the element never has cause to fire.
    * - `total`: How many rows the whole result has, where this element cannot count them.
    *
    * Only read in `server` mode, where `rows` is one page and its length says
@@ -25699,7 +25693,7 @@ export type CustomElements = {
    *
    * Areas where markup can be added to the component.
    *
-   * - `(default)`: The columns, declared as `helix-table-column` children.
+   * - `(default)`: The columns, declared rather than drawn.
    * - `footer`: Below the grid, replacing the pagination this would otherwise draw.
    * - `toolbar`: Above the grid, for a search field or actions.
    *
@@ -25744,8 +25738,8 @@ export type CustomElements = {
    * - `--data-table-padding-inline`: Space either side of a cell's content. (default: `undefined`)
    * - `--data-table-rule-color`: Color of the hairline between rows. A color and not a border: it lands in the color slot of a shorthand, so a whole border written into it produces invalid CSS and drops the rule. Drawn on the cells rather than the row, which is `display: contents` and measures `0px`. (default: `undefined`)
    * - `--data-table-text`: Type size, headings and cells alike. (default: `undefined`)
-   * - `--data-table-cell-align`: The edge the column a cell sits under is set to, `start`, `center` or `end`, and unset under a column that sets none. Written by the component onto each cell it draws, read by the sheet that paints one; `helix-table` publishes `--table-cell-align` for the same attribute on the cells a consumer wrote, under its own family's name. (default: `undefined`)
-   * - `--data-table-template`: The column track list this element worked out from the columns declared in it. Written by the component, read by the sheet that paints: a stylesheet takes it to lay the grid out, and setting it does nothing, because the component writes it inline on the very element that reads it and an inline declaration beats any sheet. `--data-table-columns` is the one to set. (default: `undefined`)
+   * - `--data-table-cell-align`: The edge the column a cell sits under is set to, `start`, `center` or `end`, and unset under a column that sets none. Written by the component onto each cell it draws, read by the sheet that paints one; Table publishes `--table-cell-align` for the same attribute on the cells a consumer wrote, under its own family's name. (default: `undefined`)
+   * - `--data-table-template`: The column track list this element worked out from the columns declared in it. Written by the component, read by the sheet that paints: a stylesheet takes it to lay the grid out, and setting it does nothing, because the component writes it inline on the very element that reads it and an inline declaration beats any sheet. A column's `width` is the one to set. (default: `undefined`)
    *
    * ## CSS Parts
    *
@@ -27072,10 +27066,10 @@ export type CustomElements = {
    * not, rather than shown or hidden by CSS.
    * - `placement`: Which edge the drawer comes from.
    *
-   * Unset is `end`, which the styled tier reads as `:host(:not([placement]))`
-   * beside `:host([placement="end"])` rather than as a value written here: a
+   * Unset is `end`, and it stays unset rather than being written down: a
    * default assigned to the property would reflect onto every host and put a
-   * `placement="end"` into markup no consumer wrote.
+   * `placement="end"` into markup no consumer wrote. So what this tier
+   * guarantees is the absence, and a sheet selects on it.
    * - `returnValue`: What the dialog closed with, the way `<dialog>` reports it.
    *
    * **The whole point of a `<dialog>` returning a value is lost behind a shadow
@@ -27872,7 +27866,13 @@ export type CustomElements = {
    * - `fields`: The fields declared inside this, in the order they were written.
    *
    * What a render may know of them: none on a server, whose shim has no tree
-   * and threw here, and none while hydrating what one sent. (property only) (readonly)
+   * and threw here, and none while hydrating what one sent.
+   *
+   * By identity rather than by tag. A list of names can only hold the tags this
+   * package knows about, so it misses any third one, which is what subclassing
+   * a headless element produces, and it is also how a headless package learns a
+   * styled tag. `instanceof` answers for every one of them and proves the type
+   * the signature claims. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -28396,11 +28396,12 @@ export type CustomElements = {
    * would give.
    *
    * **The element's own text is read as a fallback, and only in a browser.**
-   * `<helix-format-date elapsed>2026-08-27T01:00:00Z</helix-format-date>` is the
-   * spelling that reads best in markup, and it cannot be the only one: measured
-   * against Lit's server shim, `textContent`, `children`, `firstChild` and
-   * `querySelector` are all `undefined` there, so a server has no way to see it.
-   * An element rendered on a server needs the attribute; one rendered in a
+   * `<helix-headless-format-date
+   * elapsed>2026-08-27T01:00:00Z</helix-headless-format-date>` is the spelling
+   * that reads best in markup, and it cannot be the only one: measured against
+   * Lit's server shim, `textContent`, `children`, `firstChild` and
+   * `querySelector` are all `undefined` there, so a server has no way to see
+   * it. An element rendered on a server needs the attribute; one rendered in a
    * browser may use either.
    * - `day`: How the day of the month is written, where a date is shown.
    * - `elapsed`: Show how long ago it was, compactly, instead of the date.
@@ -28561,12 +28562,12 @@ export type CustomElements = {
    * consumer has to keep by hand, and the one number a summary is told to trust
    * is the one it gets wrong.
    *
-   * The strip measures itself, so `--heatmap-cell-inline-size` and `--heatmap-gap` are
-   * enough on their own and these two are the estimate used until the first
-   * measurement lands. Writing the attribute pins the value and stops the
-   * measurement being consulted, which is what a container query or a transition
-   * on the cell size wants, where what is drawn this frame is not what the
-   * arithmetic should plan around.
+   * The strip measures itself, so sizing the cells in a sheet is enough on its
+   * own and these two are the estimate used until the first measurement lands.
+   * Writing the attribute pins the value and stops the measurement being
+   * consulted, which is what a container query or a transition on the cell size
+   * wants, where what is drawn this frame is not what the arithmetic should
+   * plan around.
    *
    * Zero turns the dropping off altogether, which is right for a strip in a
    * container that cannot get narrow.
@@ -28820,7 +28821,7 @@ export type CustomElements = {
    * the same way `label` becomes `aria-label` in there.
    *
    * ```html
-   * <helix-button commandfor="confirm" command="--show">Delete…</helix-button>
+   * <helix-headless-button commandfor="confirm" command="--show">Delete…</helix-headless-button>
    * ```
    *
    * `commandFor` spells its attribute out, because Lit lowercases a property
@@ -29129,10 +29130,10 @@ export type CustomElements = {
    * **Mirrored to `data-status`, and not reflected as `status`.** It is element
    * state, so reflecting it puts the element's own bookkeeping into the markup
    * a consumer rendered: React reads the attribute appearing at upgrade as a
-   * hydration mismatch, and a serialized `<helix-image status="loaded">` pasted
-   * back declares that a picture has arrived which this element has never
-   * fetched. The `data-` name is the library's answer to both, being a name a
-   * re-parse cannot mistake for a declaration, and it is what `data-closed` on
+   * hydration mismatch, and a host pasted back carrying `status="loaded"`
+   * declares that a picture has arrived which this element has never fetched.
+   * The `data-` name is the library's answer to both, being a name a re-parse
+   * cannot mistake for a declaration, and it is what `data-closed` on
    * `Toast.Item` already does. A picture arrives after somebody fetched it,
    * which puts this on the safe side of hydration: a fact that can be true on
    * the *first* update mirrors to a custom state instead, which is what
@@ -29262,10 +29263,10 @@ export type CustomElements = {
    * **The attribute is `readonly`, which is the platform's spelling.** A
    * camelCase property needs an explicit `attribute`, and dash-casing a word
    * HTML writes as one costs what an attribute always costs here: nothing
-   * warns. `<helix-input readonly>` is what anybody who has written HTML types;
-   * against `read-only` it parses to no property at all, and the field stays
-   * editable with no error anywhere. Measured on the dash-cased form, `readOnly`
-   * came back `false`.
+   * warns. `<helix-headless-input readonly>` is what anybody who has written
+   * HTML types; against `read-only` it parses to no property at all, and the
+   * field stays editable with no error anywhere. Measured on the dash-cased
+   * form, `readOnly` came back `false`.
    * - `reveal`: Whether a password field offers a toggle that shows what was typed.
    *
    * Ignored on every other type. A reveal on an email field would be a button
@@ -29279,9 +29280,9 @@ export type CustomElements = {
    *
    * **Not reflected.** Reflection exists so a selector can reach a value, and
    * no stylesheet in this repository selects on `type`. Reflecting it writes
-   * `type="text"` onto every `<helix-input>` ever rendered, an attribute no
-   * consumer's markup has, which is the fault the area rules write up under
-   * `Button`'s `href`, `target` and `rel`.
+   * `type="text"` onto every `<helix-headless-input>` ever rendered, an
+   * attribute no consumer's markup has, which is the fault the area rules write
+   * up under `Button`'s `href`, `target` and `rel`.
    *
    * Nothing reads it from the attribute either. The real `<input>` inside takes
    * it as a property binding, which is what makes the keyboard and the
@@ -29825,8 +29826,7 @@ export type CustomElements = {
    * over something busy. `triangle` points along the axis and reads as "and
    * onward" rather than as a second claim about the data.
    *
-   * The shapes come from
-   * `helix/styled/src/shared/chart/terminus.css`, the same sheet `Sparkline` takes, so
+   * The shapes come from one shared sheet, the same one `Sparkline` takes, so
    * the set is identical wherever one appears. **Which is why every value is
    * named here.** `Sparkline` shipped `square` implemented, drawn, asserted and
    * undocumented until the cohort before this one; this family reads the same
@@ -30097,10 +30097,10 @@ export type CustomElements = {
    * - `label`: Accessible name for the set.
    * - `type`: Which markers an ordered list draws, in `<ol type>`'s own five values.
    *
-   * Reflected, because this is one of the things a stylesheet selects on and
-   * the styled tier maps each to a `list-style-type`. The platform's spellings
-   * rather than the CSS ones, so `<helix-list kind="ordered" type="i">` is what
-   * a consumer would have written on an `<ol>`.
+   * Reflected, because this is one of the things a stylesheet selects on, each
+   * value mapping to a `list-style-type`. The platform's spellings rather than
+   * the CSS ones, so `<helix-headless-list kind="ordered" type="i">` is what a
+   * consumer would have written on an `<ol>`.
    *
    * **`start` and `reversed` are both absent and neither can be done here.**
    * This renders no `<ol>`: the rows are slotted and numbered by the CSS
@@ -31347,10 +31347,10 @@ export type CustomElements = {
    *
    * **Not reflected.** Unread is a visual state, which is why the four mixins
    * mirror theirs, but the mirror may not be the property's own attribute:
-   * `<helix-notification default-read>` comes back from a server without `read`
-   * and would gain it on the first update, which React reports as a hydration
-   * mismatch, and which a copy of the serialized element re-parses as a
-   * declaration. `:state(read)` is what the stylesheet reads.
+   * `<helix-headless-notification default-read>` comes back from a server
+   * without `read` and would gain it on the first update, which React reports
+   * as a hydration mismatch, and which a copy of the serialized element
+   * re-parses as a declaration. `:state(read)` is what the stylesheet reads.
    * `hydration.dom.spec.ts` holds it.
    * - `default-read`/`defaultRead`: State to open with, where nothing declared one.
    * - `locale`: Locale for the timestamp.
@@ -31546,7 +31546,7 @@ export type CustomElements = {
    *
    * Areas where markup can be added to the component.
    *
-   * - `(default)`: The notifications, as `helix-notification` children.
+   * - `(default)`: The notifications.
    * - `footer`: Below the list, for a link to everything.
    * - `header`: Above the list, for a title and the mark-all control.
    *
@@ -32088,7 +32088,7 @@ export type CustomElements = {
    * **The attribute, read when it is asked for, and never a snapshot taken in
    * the constructor.** A field initializer runs there, and an element the HTML
    * parser created has none of its attributes yet at that moment: measured on
-   * this element, on `Radio` and on `Toggle`, `<helix-option value="a"
+   * this element, on `Radio` and on `Toggle`, `<helix-headless-option value="a"
    * selected>` reported `defaultSelected` as `false` both from parsed markup
    * and from `createElement` followed by `setAttribute`, which is every way a
    * consumer writes one. The snapshot could only ever be true for an element
@@ -32830,10 +32830,10 @@ export type CustomElements = {
    * marked letters wants `text`, which judges nothing.
    *
    * **Not reflected**: nothing selects on it, so reflecting only writes
-   * `type="numeric"` onto every `<helix-pin-input>` ever rendered, an attribute
-   * no consumer's markup had. The area rules carry the sentence "reflect only
-   * what CSS selects on". The real inputs take it as a binding, which is what
-   * makes the keyboard follow.
+   * `type="numeric"` onto every `<helix-headless-pin-input>` ever rendered, an
+   * attribute no consumer's markup had. The area rules carry the sentence
+   * "reflect only what CSS selects on". The real inputs take it as a binding,
+   * which is what makes the keyboard follow.
    * - `disabled`: Whether the control is non-interactive.
    *
    * Reflected, because the styled tier selects on it, and mirrored to
@@ -33612,7 +33612,7 @@ export type CustomElements = {
    * **The attribute, read when it is asked for, and never a snapshot taken in
    * the constructor.** A field initializer runs there, and an element the HTML
    * parser created has none of its attributes yet at that moment: measured on
-   * this element, on `Option` and on `Toggle`, `<helix-radio value="a"
+   * this element, on `Option` and on `Toggle`, `<helix-headless-radio value="a"
    * selected>` reported `defaultSelected` as `false` both from parsed markup
    * and from `createElement` followed by `setAttribute`, which is every way a
    * consumer writes one. The snapshot could only ever be true for an element
@@ -36094,9 +36094,9 @@ export type CustomElements = {
    * The row directions set them side by side, for a figure in a line of text or
    * a narrow strip where a stacked pair would be two lines of almost nothing.
    *
-   * A property rather than a `helix-flex` around it, because the unit has to
-   * stay on the value's baseline whichever way the pair goes, and only this
-   * element knows which of its children the unit belongs to.
+   * A property rather than a `Flex` around it, because the unit has to stay on
+   * the value's baseline whichever way the pair goes, and only this element
+   * knows which of its children the unit belongs to.
    *
    * **Optional rather than defaulted to `column`, which is not a style
    * preference.** A reflecting property with a default writes its attribute onto
@@ -36231,7 +36231,7 @@ export type CustomElements = {
    *
    * Areas where markup can be added to the component.
    *
-   * - `(default)`: The steps, which are `helix-step` elements.
+   * - `(default)`: The steps.
    *
    * ## Methods
    *
@@ -36308,7 +36308,7 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The step's name.
-   * - `content`: What the stage holds. Always rendered here, a tier with no stylesheet having nothing to fold it with; the styled tier opens it on the current step down a column, and a row has no space under a step to open it into.
+   * - `content`: What the stage holds. Always rendered here, a tier with no stylesheet having nothing to fold it with, so whether it is folded away is the sheet's answer and not this tier's.
    * - `description`: A line under the name, for what the stage is for.
    * - `marker`: Replaces the number, or the check a complete step shows.
    *
@@ -36325,7 +36325,7 @@ export type CustomElements = {
    * - `body`: The name and its description.
    * - `content`: What the stage holds, while it is open.
    * - `description`: The line under it.
-   * - `label`: The step's name, which is a `helix-button`.
+   * - `label`: The step's name, which is a control.
    * - `label-button`: The inner control.
    * - `lead`: The half line arriving from the step before.
    * - `mark`: The glyph inside the marker: a tick, a dot, or an empty ring.
@@ -36596,15 +36596,15 @@ export type CustomElements = {
    *
    * - `align`: Which edge the values line up against.
    *
-   * `end` is what a column of numbers wants, so digits of the same magnitude sit
-   * above each other. Left unset the cell inherits the table's own alignment,
-   * which is `start` for text in either writing direction. `helix-data-table`
-   * aligns the cells it draws. A `helix-table`'s cells are markup the consumer
-   * wrote, so the table writes nothing onto them: it publishes the edge to each
-   * cell under this column as `--table-cell-align`, which `@fusion.dev/helix`
-   * reads. The heading is this element's own, and `@fusion.dev/helix` sets it to
-   * the same edge in either table. `end` is the inline end, so in a
-   * right-to-left table it is the left.
+   * `end` is what a column of numbers wants, so digits of the same magnitude
+   * sit above each other. Left unset the cell inherits the table's own
+   * alignment, which is `start` for text in either writing direction.
+   * `DataTable` aligns the cells it draws. A `Table`'s cells are markup the
+   * consumer wrote, so the table writes nothing onto them: it publishes the
+   * edge to each cell under this column as `--table-cell-align`, which
+   * `@fusion.dev/helix` reads. The heading is this element's own, and
+   * `@fusion.dev/helix` sets it to the same edge in either table. `end` is the
+   * inline end, so in a right-to-left table it is the left.
    *
    * **Reflected, because the heading is drawn by a stylesheet and has no other
    * way to learn it.** Set as a property, which is how React sets it, an
@@ -36647,8 +36647,8 @@ export type CustomElements = {
    * - `width`: The track this column takes, as CSS.
    *
    * A single track value, so anything valid in `grid-template-columns` works:
-   * `16rem`, `auto`, `minmax(0, 2fr)`. Left unset the column takes the track
-   * in its place in a `helix-table`'s `columns`, where that table sets one, and
+   * `16rem`, `auto`, `minmax(0, 2fr)`. Left unset the column takes the track in
+   * its place in a `Table`'s `columns`, where that table sets one, and
    * otherwise shares what is left over equally, as `minmax(max-content, 1fr)`.
    * Set here, it wins over that list, which is what lets a reader resize a
    * column in a table that set one.
@@ -36767,15 +36767,14 @@ export type CustomElements = {
    * - `loading-text`/`loadingText`: What is said while they are on their way.
    * - `columns`: The column widths as one track list, written once on the table.
    *
-   * With `helix-table-column` children, each track sizes the column in its
-   * place, a hidden column counted, so hiding one takes its track with it and
-   * the rest keep theirs. The columns decide how many tracks there are and this
-   * list only how wide: a track past the last column is dropped, and a column
-   * past the last track shares what is left. With no columns declared it is
-   * the whole track list. Tracks count as the grid counts them, so
-   * `minmax(0, 1fr)` is one and `repeat(2, 8rem)` is two, and one the grid
-   * would refuse leaves its column at the default rather than taking the table
-   * down to one column.
+   * With `TableColumn` children, each track sizes the column in its place, a
+   * hidden column counted, so hiding one takes its track with it and the rest
+   * keep theirs. The columns decide how many tracks there are and this list
+   * only how wide: a track past the last column is dropped, and a column past
+   * the last track shares what is left. With no columns declared it is the
+   * whole track list. Tracks count as the grid counts them, so `minmax(0, 1fr)`
+   * is one and `repeat(2, 8rem)` is two, and one the grid would refuse leaves
+   * its column at the default rather than taking the table down to one column.
    *
    * **A column's own `width` wins over its track here.** The width is written
    * on the column it sizes, which is the more particular statement, and it is
@@ -36789,13 +36788,11 @@ export type CustomElements = {
    * whole answer: a table given one lays its grid out in the first paint, and a
    * table sized only by its columns is one track wide until it upgrades.
    *
-   * **`helix-data-table` has none of this, and should not.** Its columns are
-   * its schema rather than an option, so there is always a column to write a
-   * `width` on and a list here would be a second way to say what that says.
-   * This table's cells are markup, and a table written as rows of cells with no
-   * `helix-table-column` in it has nowhere else to be sized from. Both families
-   * take the same CSS hook, `--table-columns` and `--data-table-columns`, which
-   * wins over whichever list the element worked out.
+   * **Data Table has none of this, and should not.** Its columns are its schema
+   * rather than an option, so there is always a column to write a `width` on
+   * and a list here would be a second way to say what that says. This table's
+   * cells are markup, and a table written as rows of cells with no column
+   * declared in it has nowhere else to be sized from.
    * - `label`: Accessible name for the table.
    * - `tableColumns`: The columns declared as children, in the order they are written. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -36830,7 +36827,7 @@ export type CustomElements = {
    * CSS variables available for styling the component.
    *
    * - `--table-columns`: Track list for the columns, which wins over the one the columns worked out. (default: `undefined`)
-   * - `--table-template`: The column track list this element worked out from the columns declared in it. Written by the component, read by the sheet that paints: a stylesheet takes it to lay the grid out, and setting it does nothing, because the component writes it inline on the very element that reads it and an inline declaration beats any sheet. `--table-columns` is the one to set. (default: `undefined`)
+   * - `--table-template`: The column track list this element worked out from the columns declared in it. Written by the component, read by the sheet that paints: a stylesheet takes it to lay the grid out, and setting it does nothing, because the component writes it inline on the very element that reads it and an inline declaration beats any sheet. `columns` is the one to set. (default: `undefined`)
    *
    * ## CSS Parts
    *
@@ -37643,8 +37640,8 @@ export type CustomElements = {
    *
    * Absent is one. `range` holds a start and an end, `multiple` holds any
    * number, and both are carried as one comma-separated value, which is what a
-   * form submits. `helix-time-picker` carries the longer note on the interaction and on
-   * why a wheel cannot do either.
+   * form submits. `TimePicker` carries the longer note on the interaction and
+   * on why a wheel cannot do either.
    * - `placeholder`: What the field says before a time is in it.
    * - `step`: How far apart the offered times are, in minutes.
    * - `time-style`/`timeStyle`: Whether the field writes the time out, or holds the value as it is.
@@ -37659,7 +37656,7 @@ export type CustomElements = {
    * `list` offers whole times, which is what a product with slots or opening
    * hours has. `wheels` splits them into an hour, a minute and a meridiem where
    * the locale uses one, which is the only way to reach `23:45` without
-   * scrolling most of a day. `helix-time-picker` carries the longer note on the trade.
+   * scrolling most of a day. `TimePicker` carries the longer note on the trade.
    *
    * **Optional rather than defaulted, which is not a style preference.** A
    * reflecting property with a default writes its attribute onto every host the
@@ -37919,7 +37916,7 @@ export type CustomElements = {
    *
    * Absent is one. `range` holds a start and an end with everything between
    * them shown as part of the answer, `multiple` holds any number, and both are
-   * carried as one comma-separated value: the same shape `helix-date-picker` uses,
+   * carried as one comma-separated value: the same shape `DatePicker` uses,
    * because it is the same question asked of a different unit.
    *
    * **A range is two picks, and a third starts over.** That is the calendar's
@@ -38436,7 +38433,7 @@ export type CustomElements = {
    * **Optional, and bottom-end is the absence of it.** Reflecting *and*
    * defaulting is the pair that writes onto a host: every toast region anybody
    * rendered would gain a `placement="bottom-end"` nobody typed, which a React
-   * consumer's server markup does not have. The styled sheet carries the resting
+   * consumer's server markup does not have. A sheet carries the resting
    * arrangement in its own `:host` rule and the selectors describe only the
    * departures, which is what `orientation` does.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -38470,7 +38467,7 @@ export type CustomElements = {
    *
    * Areas where markup can be added to the component.
    *
-   * - `(default)`: The messages, as `helix-toast-item` elements.
+   * - `(default)`: The messages.
    *
    * ## CSS Custom Properties
    *
@@ -38716,11 +38713,11 @@ export type CustomElements = {
    * **The attribute, read when it is asked for, and never a snapshot taken in
    * the constructor.** A field initializer runs there, and an element the HTML
    * parser created has none of its attributes yet at that moment: measured on
-   * this element, on `Option` and on `Radio`, `<helix-toggle value="light"
-   * selected>` reported `defaultSelected` as `false` both from parsed markup
-   * and from `createElement` followed by `setAttribute`, which is every way a
-   * consumer writes one. The snapshot could only ever be true for an element
-   * already in the document when `customElements.define` ran.
+   * this element, on `Option` and on `Radio`, `<helix-headless-toggle
+   * value="light" selected>` reported `defaultSelected` as `false` both from
+   * parsed markup and from `createElement` followed by `setAttribute`, which is
+   * every way a consumer writes one. The snapshot could only ever be true for
+   * an element already in the document when `customElements.define` ran.
    *
    * Nothing overwrites it either, which is what makes reading it late correct
    * rather than merely later: `selected` does not reflect, for the reason
@@ -39935,7 +39932,7 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The entries.
-   * - `player`: The `helix-video` they play in.
+   * - `player`: The player the entries take turns in.
    *
    * ## Methods
    *
@@ -41241,13 +41238,13 @@ export type CustomElementsSolidJs = {
    * Unset shows all of them, which is what no limit means and is more useful
    * than refusing to render.
    *
-   * **Reflected, because the fold is a stylesheet rule and nothing else.** The
-   * styled tier hides past the limit with `:host([max="N"]) ::slotted(:nth-child(n + N+1))`,
-   * so the attribute *is* the mechanism: a `max` that reaches this property and
-   * never reaches the host matches no rule, and every avatar is drawn beside a
-   * count claiming some are hidden. Markup is the safe path and hides the fault;
-   * a script is the broken one, and React takes it for everyone, assigning a
-   * matching property rather than an attribute.
+   * **Reflected, because the fold is a stylesheet rule and nothing else.** A
+   * sheet hides past the limit one selector per value, as `FOLDS_UP_TO`
+   * describes, so the attribute *is* the mechanism: a `max` that reaches this
+   * property and never reaches the host matches no rule, and every avatar is
+   * drawn beside a count claiming some are hidden. Markup is the safe path and
+   * hides the fault; a script is the broken one, and React takes it for
+   * everyone, assigning a matching property rather than an attribute.
    *
    * **Optional rather than defaulted, per the rule that a reflected property
    * takes no default**: `max = 0` would stamp `max="0"` onto every host that
@@ -41779,7 +41776,7 @@ export type CustomElementsSolidJs = {
    * - `--bar-chart-line-width`: Thickness of a `lines` series, over `--chart-stroke`. (default: `undefined`)
    * - `--chart-stroke`: Thickness of a `lines` series, one name across this family, Line Chart and Area Chart's top edge, since the three read one shared rule. `--bar-chart-line-width` overrides it here. (default: `undefined`)
    * - `--bar-chart-axis`: How wide an axis column is drawn, in `ch`, from the widest number on it. Written on the axis itself, and only where the categories run along the bottom: turned sideways an axis is a row and takes a line's height instead. (default: `undefined`)
-   * - `--bar-chart-secondary`: The color of the secondary axis when one series owns it. It resolves a `--helix-color-series-*` token, so on the headless tier alone it names something that is not there. #138. (default: `undefined`)
+   * - `--bar-chart-secondary`: The color of the secondary axis, where one series owns it. Written by the component from that series' `--chart-series-*`, so it promises the series color and nothing more: whatever that hook resolves to is what the axis is drawn in. (default: `undefined`)
    * - `--chart-bar-wash`: The gradient a bar would take, named per bar so the styled tier can point `fill` at it. Drawn whatever the treatment and used only where `wash="gradient"` asks for it. (default: `undefined`)
    *
    * ## CSS Parts
@@ -41913,12 +41910,12 @@ export type CustomElementsSolidJs = {
    * - `current`: Whether this item is the page the reader is on.
    * - `href`: Where the crumb goes, and nothing where it is the current page.
    *
-   * **Optional and reflected, because a stylesheet does select on it.**
-   * `breadcrumb.css` writes `:host(:not([href])) [part="link"]` to take the
-   * block padding off a crumb that is not a link, so the attribute is what
-   * decides how tall a crumb is. Unreflected, an `href` set from script reached
-   * the property, rendered the anchor, and left the host looking unlinked: the
-   * crumb drew at 20px where a markup twin drew at 28.
+   * **Optional and reflected, because a stylesheet does select on it.** A sheet
+   * writes `:host(:not([href])) [part="link"]` to take the block padding off a
+   * crumb that is not a link, so the attribute is what decides how tall a crumb
+   * is. Unreflected, an `href` set from script reached the property, rendered
+   * the anchor, and left the host looking unlinked: the crumb drew at 20px
+   * where a markup twin drew at 28.
    *
    * Optional rather than defaulted, which is the general rule that a reflected
    * property takes no default: an `href` written onto every host would be a link
@@ -42206,7 +42203,7 @@ export type CustomElementsSolidJs = {
    * the same way `label` becomes `aria-label` in there.
    *
    * ```html
-   * <helix-button commandfor="confirm" command="--show">Delete…</helix-button>
+   * <helix-headless-button commandfor="confirm" command="--show">Delete…</helix-headless-button>
    * ```
    *
    * `commandFor` spells its attribute out, because Lit lowercases a property
@@ -42770,13 +42767,13 @@ export type CustomElementsSolidJs = {
    * **The number is published to the styles rather than enumerated by them**,
    * as `--carousel-per-view` on the track, which is what keeps a width and a
    * count from disagreeing. A sheet can only name a value it wrote a rule for,
-   * so the styled tier enumerated `per-view="2"` through `5` and called five a
-   * judgment; above it the pane fell back to one across while this file went on
-   * counting positions. Measured in Chromium over eight slides, six across gave
-   * three dots, a pane taking the whole track and five slides reachable only by
-   * dragging. Written from here there is no ceiling to exceed, and a consumer's
-   * own sheet reads the same declaration the styled one does. `runEnd` publishes
-   * its correction the same way and for the same reason.
+   * so a sheet enumerating `per-view="2"` through `5` is a ceiling of five, and
+   * above it the pane falls back to one across while this file goes on counting
+   * positions. Measured in Chromium over eight slides against such a sheet, six
+   * across gave three dots, a pane taking the whole track and five slides
+   * reachable only by dragging. Published from here there is no ceiling to
+   * exceed, and every sheet reads the same declaration. `runEnd` publishes its
+   * correction the same way and for the same reason.
    *
    * **On the track and not on the host.** A custom property on the host is a
    * reflected attribute by another name: it would arrive on upgrade, and a
@@ -42801,8 +42798,8 @@ export type CustomElementsSolidJs = {
    * `auto` track is handed nothing. A count stays for the design that calls for
    * exactly three.
    *
-   * The styled sheet says how it divides, and the headless `auto` example
-   * carries the same three lines for a consumer writing their own.
+   * A sheet says how it divides, and the `auto` example here carries the same
+   * three lines for a consumer writing their own.
    *
    * **A value rather than the resting behavior**, which is what the
    * responsiveness policy asks of every axis that a box decides: a splitter
@@ -43184,13 +43181,13 @@ export type CustomElementsSolidJs = {
    *
    * **Not reflected, and the default is why.** A reflected property that
    * defaults to true writes its attribute on upgrade whether or not the
-   * consumer wrote one, so the server serves `<helix-chat label="x">` and the
-   * client turns it into `<helix-chat label="x" pinned>`: a hydration mismatch a
-   * React consumer reports and does not patch up. Nothing needs the attribute
-   * either, because the one thing that changes with the pin is the way back, and
-   * that is a part inside the shadow tree where a stylesheet can already reach
-   * it. Measured rather than assumed: `label, pinned` after upgrade against
-   * `label` from the server.
+   * consumer wrote one, so the server serves `<helix-headless-chat label="x">`
+   * and the client turns it into `<helix-headless-chat label="x" pinned>`: a
+   * hydration mismatch a React consumer reports and does not patch up. Nothing
+   * needs the attribute either, because the one thing that changes with the pin
+   * is the way back, and that is a part inside the shadow tree where a
+   * stylesheet can already reach it. Measured rather than assumed: `label,
+   * pinned` after upgrade against `label` from the server.
    * - `threshold`: How near the bottom still counts as being at it, in pixels.
    *
    * A hook rather than a constant, because the right number depends on how tall
@@ -43240,7 +43237,7 @@ export type CustomElementsSolidJs = {
    *
    * Areas where markup can be added to the component.
    *
-   * - `(default)`: The turns, as `helix-chat-message` children.
+   * - `(default)`: The turns.
    * - `composer`: Below the transcript, where the reader writes.
    * - `header`: Above the transcript.
    * - `resume`: The way back to the bottom.
@@ -43703,11 +43700,11 @@ export type CustomElementsSolidJs = {
    * round. The platform already writes booleans like this for the same reason,
    * `novalidate` and `nomodule` and `noreferrer` among them.
    *
-   * **Reflected, because the gutter is a stylesheet rule.** `code-block.css`
-   * reserves the copy button's width with `:host(:not([no-copy]))`, so the
-   * attribute is what decides whether the block pays for a control. Unreflected,
-   * setting it from script takes the button away (`render` reads the property)
-   * and leaves the 40px it stood in reserved.
+   * **Reflected, because the gutter is a stylesheet rule.** A sheet reserves
+   * the copy button's width with `:host(:not([no-copy]))`, so the attribute is
+   * what decides whether the block pays for a control. Unreflected, setting it
+   * from script takes the button away (`render` reads the property) and leaves
+   * the 40px it stood in reserved.
    *
    * A false boolean reflects as the attribute's absence, so this costs no
    * `no-copy=""` on hosts that never asked for one, and the rule about a
@@ -44241,10 +44238,10 @@ export type CustomElementsSolidJs = {
    *
    * **A color is exactly as requirable as a date**, which is the comparison
    * that settles it: this element extends `HelixFormElement`, carries `name`
-   * and reports its value, so a consumer writing
-   * `<helix-color-picker name="brand" required>` inside a form has every reason
-   * to expect the form to refuse an empty one. Its two siblings in the same
-   * composition position, Date Picker and Time Picker, both check it.
+   * and reports its value, so a consumer writing `<helix-headless-color-picker
+   * name="brand" required>` inside a form has every reason to expect the form
+   * to refuse an empty one. Its two siblings in the same composition position,
+   * Date Picker and Time Picker, both check it.
    *
    * Written out rather than taken from `MixinField`, for the reason those two
    * record: the mixin brings a label, a hint and a feedback region, and this is
@@ -44592,7 +44589,7 @@ export type CustomElementsSolidJs = {
    *
    * Areas where markup can be added to the component.
    *
-   * - `(default)`: The options, which are `helix-option` elements.
+   * - `(default)`: The options.
    * - `end`: After it, for a unit or a clear button.
    * - `indicator`: Replaces the caret saying the field opens.
    * - `start`: Before the text, for an icon.
@@ -44782,7 +44779,7 @@ export type CustomElementsSolidJs = {
    *
    * Areas where markup can be added to the component.
    *
-   * - `(default)`: The commands, which are `helix-option` elements and their groups.
+   * - `(default)`: The commands, and any groups of them.
    * - `footer`: Under the list, for the keys a reader can press.
    *
    * ## Methods
@@ -44894,7 +44891,7 @@ export type CustomElementsSolidJs = {
    * the same way `label` becomes `aria-label` in there.
    *
    * ```html
-   * <helix-button commandfor="confirm" command="--show">Delete…</helix-button>
+   * <helix-headless-button commandfor="confirm" command="--show">Delete…</helix-headless-button>
    * ```
    *
    * `commandFor` spells its attribute out, because Lit lowercases a property
@@ -45203,9 +45200,9 @@ export type CustomElementsSolidJs = {
    *
    * **It announces nothing, and that is not an omission.** Nothing in this
    * element ever asks for a different page size: a size selector is
-   * `helix-pagination-size`, which a consumer puts in the `footer` slot and
-   * answers themselves. Routing this through `requestChange` would announce an
-   * event the element never has cause to fire.
+   * `PaginationSize`, which a consumer puts in the `footer` slot and answers
+   * themselves. Routing this through `requestChange` would announce an event
+   * the element never has cause to fire.
    * - `total`: How many rows the whole result has, where this element cannot count them.
    *
    * Only read in `server` mode, where `rows` is one page and its length says
@@ -45285,7 +45282,7 @@ export type CustomElementsSolidJs = {
    *
    * Areas where markup can be added to the component.
    *
-   * - `(default)`: The columns, declared as `helix-table-column` children.
+   * - `(default)`: The columns, declared rather than drawn.
    * - `footer`: Below the grid, replacing the pagination this would otherwise draw.
    * - `toolbar`: Above the grid, for a search field or actions.
    *
@@ -45330,8 +45327,8 @@ export type CustomElementsSolidJs = {
    * - `--data-table-padding-inline`: Space either side of a cell's content. (default: `undefined`)
    * - `--data-table-rule-color`: Color of the hairline between rows. A color and not a border: it lands in the color slot of a shorthand, so a whole border written into it produces invalid CSS and drops the rule. Drawn on the cells rather than the row, which is `display: contents` and measures `0px`. (default: `undefined`)
    * - `--data-table-text`: Type size, headings and cells alike. (default: `undefined`)
-   * - `--data-table-cell-align`: The edge the column a cell sits under is set to, `start`, `center` or `end`, and unset under a column that sets none. Written by the component onto each cell it draws, read by the sheet that paints one; `helix-table` publishes `--table-cell-align` for the same attribute on the cells a consumer wrote, under its own family's name. (default: `undefined`)
-   * - `--data-table-template`: The column track list this element worked out from the columns declared in it. Written by the component, read by the sheet that paints: a stylesheet takes it to lay the grid out, and setting it does nothing, because the component writes it inline on the very element that reads it and an inline declaration beats any sheet. `--data-table-columns` is the one to set. (default: `undefined`)
+   * - `--data-table-cell-align`: The edge the column a cell sits under is set to, `start`, `center` or `end`, and unset under a column that sets none. Written by the component onto each cell it draws, read by the sheet that paints one; Table publishes `--table-cell-align` for the same attribute on the cells a consumer wrote, under its own family's name. (default: `undefined`)
+   * - `--data-table-template`: The column track list this element worked out from the columns declared in it. Written by the component, read by the sheet that paints: a stylesheet takes it to lay the grid out, and setting it does nothing, because the component writes it inline on the very element that reads it and an inline declaration beats any sheet. A column's `width` is the one to set. (default: `undefined`)
    *
    * ## CSS Parts
    *
@@ -46680,10 +46677,10 @@ export type CustomElementsSolidJs = {
    * not, rather than shown or hidden by CSS.
    * - `placement`: Which edge the drawer comes from.
    *
-   * Unset is `end`, which the styled tier reads as `:host(:not([placement]))`
-   * beside `:host([placement="end"])` rather than as a value written here: a
+   * Unset is `end`, and it stays unset rather than being written down: a
    * default assigned to the property would reflect onto every host and put a
-   * `placement="end"` into markup no consumer wrote.
+   * `placement="end"` into markup no consumer wrote. So what this tier
+   * guarantees is the absence, and a sheet selects on it.
    * - `returnValue`: What the dialog closed with, the way `<dialog>` reports it.
    *
    * **The whole point of a `<dialog>` returning a value is lost behind a shadow
@@ -47503,7 +47500,13 @@ export type CustomElementsSolidJs = {
    * - `fields`: The fields declared inside this, in the order they were written.
    *
    * What a render may know of them: none on a server, whose shim has no tree
-   * and threw here, and none while hydrating what one sent. (property only) (readonly)
+   * and threw here, and none while hydrating what one sent.
+   *
+   * By identity rather than by tag. A list of names can only hold the tags this
+   * package knows about, so it misses any third one, which is what subclassing
+   * a headless element produces, and it is also how a headless package learns a
+   * styled tag. `instanceof` answers for every one of them and proves the type
+   * the signature claims. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -48038,11 +48041,12 @@ export type CustomElementsSolidJs = {
    * would give.
    *
    * **The element's own text is read as a fallback, and only in a browser.**
-   * `<helix-format-date elapsed>2026-08-27T01:00:00Z</helix-format-date>` is the
-   * spelling that reads best in markup, and it cannot be the only one: measured
-   * against Lit's server shim, `textContent`, `children`, `firstChild` and
-   * `querySelector` are all `undefined` there, so a server has no way to see it.
-   * An element rendered on a server needs the attribute; one rendered in a
+   * `<helix-headless-format-date
+   * elapsed>2026-08-27T01:00:00Z</helix-headless-format-date>` is the spelling
+   * that reads best in markup, and it cannot be the only one: measured against
+   * Lit's server shim, `textContent`, `children`, `firstChild` and
+   * `querySelector` are all `undefined` there, so a server has no way to see
+   * it. An element rendered on a server needs the attribute; one rendered in a
    * browser may use either.
    * - `day`: How the day of the month is written, where a date is shown.
    * - `elapsed`: Show how long ago it was, compactly, instead of the date.
@@ -48208,12 +48212,12 @@ export type CustomElementsSolidJs = {
    * consumer has to keep by hand, and the one number a summary is told to trust
    * is the one it gets wrong.
    *
-   * The strip measures itself, so `--heatmap-cell-inline-size` and `--heatmap-gap` are
-   * enough on their own and these two are the estimate used until the first
-   * measurement lands. Writing the attribute pins the value and stops the
-   * measurement being consulted, which is what a container query or a transition
-   * on the cell size wants, where what is drawn this frame is not what the
-   * arithmetic should plan around.
+   * The strip measures itself, so sizing the cells in a sheet is enough on its
+   * own and these two are the estimate used until the first measurement lands.
+   * Writing the attribute pins the value and stops the measurement being
+   * consulted, which is what a container query or a transition on the cell size
+   * wants, where what is drawn this frame is not what the arithmetic should
+   * plan around.
    *
    * Zero turns the dropping off altogether, which is right for a strip in a
    * container that cannot get narrow.
@@ -48470,7 +48474,7 @@ export type CustomElementsSolidJs = {
    * the same way `label` becomes `aria-label` in there.
    *
    * ```html
-   * <helix-button commandfor="confirm" command="--show">Delete…</helix-button>
+   * <helix-headless-button commandfor="confirm" command="--show">Delete…</helix-headless-button>
    * ```
    *
    * `commandFor` spells its attribute out, because Lit lowercases a property
@@ -48784,10 +48788,10 @@ export type CustomElementsSolidJs = {
    * **Mirrored to `data-status`, and not reflected as `status`.** It is element
    * state, so reflecting it puts the element's own bookkeeping into the markup
    * a consumer rendered: React reads the attribute appearing at upgrade as a
-   * hydration mismatch, and a serialized `<helix-image status="loaded">` pasted
-   * back declares that a picture has arrived which this element has never
-   * fetched. The `data-` name is the library's answer to both, being a name a
-   * re-parse cannot mistake for a declaration, and it is what `data-closed` on
+   * hydration mismatch, and a host pasted back carrying `status="loaded"`
+   * declares that a picture has arrived which this element has never fetched.
+   * The `data-` name is the library's answer to both, being a name a re-parse
+   * cannot mistake for a declaration, and it is what `data-closed` on
    * `Toast.Item` already does. A picture arrives after somebody fetched it,
    * which puts this on the safe side of hydration: a fact that can be true on
    * the *first* update mirrors to a custom state instead, which is what
@@ -48922,10 +48926,10 @@ export type CustomElementsSolidJs = {
    * **The attribute is `readonly`, which is the platform's spelling.** A
    * camelCase property needs an explicit `attribute`, and dash-casing a word
    * HTML writes as one costs what an attribute always costs here: nothing
-   * warns. `<helix-input readonly>` is what anybody who has written HTML types;
-   * against `read-only` it parses to no property at all, and the field stays
-   * editable with no error anywhere. Measured on the dash-cased form, `readOnly`
-   * came back `false`.
+   * warns. `<helix-headless-input readonly>` is what anybody who has written
+   * HTML types; against `read-only` it parses to no property at all, and the
+   * field stays editable with no error anywhere. Measured on the dash-cased
+   * form, `readOnly` came back `false`.
    * - `reveal`: Whether a password field offers a toggle that shows what was typed.
    *
    * Ignored on every other type. A reveal on an email field would be a button
@@ -48939,9 +48943,9 @@ export type CustomElementsSolidJs = {
    *
    * **Not reflected.** Reflection exists so a selector can reach a value, and
    * no stylesheet in this repository selects on `type`. Reflecting it writes
-   * `type="text"` onto every `<helix-input>` ever rendered, an attribute no
-   * consumer's markup has, which is the fault the area rules write up under
-   * `Button`'s `href`, `target` and `rel`.
+   * `type="text"` onto every `<helix-headless-input>` ever rendered, an
+   * attribute no consumer's markup has, which is the fault the area rules write
+   * up under `Button`'s `href`, `target` and `rel`.
    *
    * Nothing reads it from the attribute either. The real `<input>` inside takes
    * it as a property binding, which is what makes the keyboard and the
@@ -49495,8 +49499,7 @@ export type CustomElementsSolidJs = {
    * over something busy. `triangle` points along the axis and reads as "and
    * onward" rather than as a second claim about the data.
    *
-   * The shapes come from
-   * `helix/styled/src/shared/chart/terminus.css`, the same sheet `Sparkline` takes, so
+   * The shapes come from one shared sheet, the same one `Sparkline` takes, so
    * the set is identical wherever one appears. **Which is why every value is
    * named here.** `Sparkline` shipped `square` implemented, drawn, asserted and
    * undocumented until the cohort before this one; this family reads the same
@@ -49773,10 +49776,10 @@ export type CustomElementsSolidJs = {
    * - `label`: Accessible name for the set.
    * - `type`: Which markers an ordered list draws, in `<ol type>`'s own five values.
    *
-   * Reflected, because this is one of the things a stylesheet selects on and
-   * the styled tier maps each to a `list-style-type`. The platform's spellings
-   * rather than the CSS ones, so `<helix-list kind="ordered" type="i">` is what
-   * a consumer would have written on an `<ol>`.
+   * Reflected, because this is one of the things a stylesheet selects on, each
+   * value mapping to a `list-style-type`. The platform's spellings rather than
+   * the CSS ones, so `<helix-headless-list kind="ordered" type="i">` is what a
+   * consumer would have written on an `<ol>`.
    *
    * **`start` and `reversed` are both absent and neither can be done here.**
    * This renders no `<ol>`: the rows are slotted and numbered by the CSS
@@ -51050,10 +51053,10 @@ export type CustomElementsSolidJs = {
    *
    * **Not reflected.** Unread is a visual state, which is why the four mixins
    * mirror theirs, but the mirror may not be the property's own attribute:
-   * `<helix-notification default-read>` comes back from a server without `read`
-   * and would gain it on the first update, which React reports as a hydration
-   * mismatch, and which a copy of the serialized element re-parses as a
-   * declaration. `:state(read)` is what the stylesheet reads.
+   * `<helix-headless-notification default-read>` comes back from a server
+   * without `read` and would gain it on the first update, which React reports
+   * as a hydration mismatch, and which a copy of the serialized element
+   * re-parses as a declaration. `:state(read)` is what the stylesheet reads.
    * `hydration.dom.spec.ts` holds it.
    * - `default-read`/`defaultRead`: State to open with, where nothing declared one.
    * - `locale`: Locale for the timestamp.
@@ -51252,7 +51255,7 @@ export type CustomElementsSolidJs = {
    *
    * Areas where markup can be added to the component.
    *
-   * - `(default)`: The notifications, as `helix-notification` children.
+   * - `(default)`: The notifications.
    * - `footer`: Below the list, for a link to everything.
    * - `header`: Above the list, for a title and the mark-all control.
    *
@@ -51806,7 +51809,7 @@ export type CustomElementsSolidJs = {
    * **The attribute, read when it is asked for, and never a snapshot taken in
    * the constructor.** A field initializer runs there, and an element the HTML
    * parser created has none of its attributes yet at that moment: measured on
-   * this element, on `Radio` and on `Toggle`, `<helix-option value="a"
+   * this element, on `Radio` and on `Toggle`, `<helix-headless-option value="a"
    * selected>` reported `defaultSelected` as `false` both from parsed markup
    * and from `createElement` followed by `setAttribute`, which is every way a
    * consumer writes one. The snapshot could only ever be true for an element
@@ -52565,10 +52568,10 @@ export type CustomElementsSolidJs = {
    * marked letters wants `text`, which judges nothing.
    *
    * **Not reflected**: nothing selects on it, so reflecting only writes
-   * `type="numeric"` onto every `<helix-pin-input>` ever rendered, an attribute
-   * no consumer's markup had. The area rules carry the sentence "reflect only
-   * what CSS selects on". The real inputs take it as a binding, which is what
-   * makes the keyboard follow.
+   * `type="numeric"` onto every `<helix-headless-pin-input>` ever rendered, an
+   * attribute no consumer's markup had. The area rules carry the sentence
+   * "reflect only what CSS selects on". The real inputs take it as a binding,
+   * which is what makes the keyboard follow.
    * - `disabled`: Whether the control is non-interactive.
    *
    * Reflected, because the styled tier selects on it, and mirrored to
@@ -53367,7 +53370,7 @@ export type CustomElementsSolidJs = {
    * **The attribute, read when it is asked for, and never a snapshot taken in
    * the constructor.** A field initializer runs there, and an element the HTML
    * parser created has none of its attributes yet at that moment: measured on
-   * this element, on `Option` and on `Toggle`, `<helix-radio value="a"
+   * this element, on `Option` and on `Toggle`, `<helix-headless-radio value="a"
    * selected>` reported `defaultSelected` as `false` both from parsed markup
    * and from `createElement` followed by `setAttribute`, which is every way a
    * consumer writes one. The snapshot could only ever be true for an element
@@ -55908,9 +55911,9 @@ export type CustomElementsSolidJs = {
    * The row directions set them side by side, for a figure in a line of text or
    * a narrow strip where a stacked pair would be two lines of almost nothing.
    *
-   * A property rather than a `helix-flex` around it, because the unit has to
-   * stay on the value's baseline whichever way the pair goes, and only this
-   * element knows which of its children the unit belongs to.
+   * A property rather than a `Flex` around it, because the unit has to stay on
+   * the value's baseline whichever way the pair goes, and only this element
+   * knows which of its children the unit belongs to.
    *
    * **Optional rather than defaulted to `column`, which is not a style
    * preference.** A reflecting property with a default writes its attribute onto
@@ -56047,7 +56050,7 @@ export type CustomElementsSolidJs = {
    *
    * Areas where markup can be added to the component.
    *
-   * - `(default)`: The steps, which are `helix-step` elements.
+   * - `(default)`: The steps.
    *
    * ## Methods
    *
@@ -56129,7 +56132,7 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The step's name.
-   * - `content`: What the stage holds. Always rendered here, a tier with no stylesheet having nothing to fold it with; the styled tier opens it on the current step down a column, and a row has no space under a step to open it into.
+   * - `content`: What the stage holds. Always rendered here, a tier with no stylesheet having nothing to fold it with, so whether it is folded away is the sheet's answer and not this tier's.
    * - `description`: A line under the name, for what the stage is for.
    * - `marker`: Replaces the number, or the check a complete step shows.
    *
@@ -56146,7 +56149,7 @@ export type CustomElementsSolidJs = {
    * - `body`: The name and its description.
    * - `content`: What the stage holds, while it is open.
    * - `description`: The line under it.
-   * - `label`: The step's name, which is a `helix-button`.
+   * - `label`: The step's name, which is a control.
    * - `label-button`: The inner control.
    * - `lead`: The half line arriving from the step before.
    * - `mark`: The glyph inside the marker: a tick, a dot, or an empty ring.
@@ -56425,15 +56428,15 @@ export type CustomElementsSolidJs = {
    *
    * - `align`: Which edge the values line up against.
    *
-   * `end` is what a column of numbers wants, so digits of the same magnitude sit
-   * above each other. Left unset the cell inherits the table's own alignment,
-   * which is `start` for text in either writing direction. `helix-data-table`
-   * aligns the cells it draws. A `helix-table`'s cells are markup the consumer
-   * wrote, so the table writes nothing onto them: it publishes the edge to each
-   * cell under this column as `--table-cell-align`, which `@fusion.dev/helix`
-   * reads. The heading is this element's own, and `@fusion.dev/helix` sets it to
-   * the same edge in either table. `end` is the inline end, so in a
-   * right-to-left table it is the left.
+   * `end` is what a column of numbers wants, so digits of the same magnitude
+   * sit above each other. Left unset the cell inherits the table's own
+   * alignment, which is `start` for text in either writing direction.
+   * `DataTable` aligns the cells it draws. A `Table`'s cells are markup the
+   * consumer wrote, so the table writes nothing onto them: it publishes the
+   * edge to each cell under this column as `--table-cell-align`, which
+   * `@fusion.dev/helix` reads. The heading is this element's own, and
+   * `@fusion.dev/helix` sets it to the same edge in either table. `end` is the
+   * inline end, so in a right-to-left table it is the left.
    *
    * **Reflected, because the heading is drawn by a stylesheet and has no other
    * way to learn it.** Set as a property, which is how React sets it, an
@@ -56476,8 +56479,8 @@ export type CustomElementsSolidJs = {
    * - `width`: The track this column takes, as CSS.
    *
    * A single track value, so anything valid in `grid-template-columns` works:
-   * `16rem`, `auto`, `minmax(0, 2fr)`. Left unset the column takes the track
-   * in its place in a `helix-table`'s `columns`, where that table sets one, and
+   * `16rem`, `auto`, `minmax(0, 2fr)`. Left unset the column takes the track in
+   * its place in a `Table`'s `columns`, where that table sets one, and
    * otherwise shares what is left over equally, as `minmax(max-content, 1fr)`.
    * Set here, it wins over that list, which is what lets a reader resize a
    * column in a table that set one.
@@ -56599,15 +56602,14 @@ export type CustomElementsSolidJs = {
    * - `loading-text`/`loadingText`: What is said while they are on their way.
    * - `columns`: The column widths as one track list, written once on the table.
    *
-   * With `helix-table-column` children, each track sizes the column in its
-   * place, a hidden column counted, so hiding one takes its track with it and
-   * the rest keep theirs. The columns decide how many tracks there are and this
-   * list only how wide: a track past the last column is dropped, and a column
-   * past the last track shares what is left. With no columns declared it is
-   * the whole track list. Tracks count as the grid counts them, so
-   * `minmax(0, 1fr)` is one and `repeat(2, 8rem)` is two, and one the grid
-   * would refuse leaves its column at the default rather than taking the table
-   * down to one column.
+   * With `TableColumn` children, each track sizes the column in its place, a
+   * hidden column counted, so hiding one takes its track with it and the rest
+   * keep theirs. The columns decide how many tracks there are and this list
+   * only how wide: a track past the last column is dropped, and a column past
+   * the last track shares what is left. With no columns declared it is the
+   * whole track list. Tracks count as the grid counts them, so `minmax(0, 1fr)`
+   * is one and `repeat(2, 8rem)` is two, and one the grid would refuse leaves
+   * its column at the default rather than taking the table down to one column.
    *
    * **A column's own `width` wins over its track here.** The width is written
    * on the column it sizes, which is the more particular statement, and it is
@@ -56621,13 +56623,11 @@ export type CustomElementsSolidJs = {
    * whole answer: a table given one lays its grid out in the first paint, and a
    * table sized only by its columns is one track wide until it upgrades.
    *
-   * **`helix-data-table` has none of this, and should not.** Its columns are
-   * its schema rather than an option, so there is always a column to write a
-   * `width` on and a list here would be a second way to say what that says.
-   * This table's cells are markup, and a table written as rows of cells with no
-   * `helix-table-column` in it has nowhere else to be sized from. Both families
-   * take the same CSS hook, `--table-columns` and `--data-table-columns`, which
-   * wins over whichever list the element worked out.
+   * **Data Table has none of this, and should not.** Its columns are its schema
+   * rather than an option, so there is always a column to write a `width` on
+   * and a list here would be a second way to say what that says. This table's
+   * cells are markup, and a table written as rows of cells with no column
+   * declared in it has nowhere else to be sized from.
    * - `label`: Accessible name for the table.
    * - `tableColumns`: The columns declared as children, in the order they are written. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -56662,7 +56662,7 @@ export type CustomElementsSolidJs = {
    * CSS variables available for styling the component.
    *
    * - `--table-columns`: Track list for the columns, which wins over the one the columns worked out. (default: `undefined`)
-   * - `--table-template`: The column track list this element worked out from the columns declared in it. Written by the component, read by the sheet that paints: a stylesheet takes it to lay the grid out, and setting it does nothing, because the component writes it inline on the very element that reads it and an inline declaration beats any sheet. `--table-columns` is the one to set. (default: `undefined`)
+   * - `--table-template`: The column track list this element worked out from the columns declared in it. Written by the component, read by the sheet that paints: a stylesheet takes it to lay the grid out, and setting it does nothing, because the component writes it inline on the very element that reads it and an inline declaration beats any sheet. `columns` is the one to set. (default: `undefined`)
    *
    * ## CSS Parts
    *
@@ -57497,8 +57497,8 @@ export type CustomElementsSolidJs = {
    *
    * Absent is one. `range` holds a start and an end, `multiple` holds any
    * number, and both are carried as one comma-separated value, which is what a
-   * form submits. `helix-time-picker` carries the longer note on the interaction and on
-   * why a wheel cannot do either.
+   * form submits. `TimePicker` carries the longer note on the interaction and
+   * on why a wheel cannot do either.
    * - `placeholder`: What the field says before a time is in it.
    * - `step`: How far apart the offered times are, in minutes.
    * - `time-style`/`timeStyle`: Whether the field writes the time out, or holds the value as it is.
@@ -57513,7 +57513,7 @@ export type CustomElementsSolidJs = {
    * `list` offers whole times, which is what a product with slots or opening
    * hours has. `wheels` splits them into an hour, a minute and a meridiem where
    * the locale uses one, which is the only way to reach `23:45` without
-   * scrolling most of a day. `helix-time-picker` carries the longer note on the trade.
+   * scrolling most of a day. `TimePicker` carries the longer note on the trade.
    *
    * **Optional rather than defaulted, which is not a style preference.** A
    * reflecting property with a default writes its attribute onto every host the
@@ -57776,7 +57776,7 @@ export type CustomElementsSolidJs = {
    *
    * Absent is one. `range` holds a start and an end with everything between
    * them shown as part of the answer, `multiple` holds any number, and both are
-   * carried as one comma-separated value: the same shape `helix-date-picker` uses,
+   * carried as one comma-separated value: the same shape `DatePicker` uses,
    * because it is the same question asked of a different unit.
    *
    * **A range is two picks, and a third starts over.** That is the calendar's
@@ -58305,7 +58305,7 @@ export type CustomElementsSolidJs = {
    * **Optional, and bottom-end is the absence of it.** Reflecting *and*
    * defaulting is the pair that writes onto a host: every toast region anybody
    * rendered would gain a `placement="bottom-end"` nobody typed, which a React
-   * consumer's server markup does not have. The styled sheet carries the resting
+   * consumer's server markup does not have. A sheet carries the resting
    * arrangement in its own `:host` rule and the selectors describe only the
    * departures, which is what `orientation` does.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -58339,7 +58339,7 @@ export type CustomElementsSolidJs = {
    *
    * Areas where markup can be added to the component.
    *
-   * - `(default)`: The messages, as `helix-toast-item` elements.
+   * - `(default)`: The messages.
    *
    * ## CSS Custom Properties
    *
@@ -58593,11 +58593,11 @@ export type CustomElementsSolidJs = {
    * **The attribute, read when it is asked for, and never a snapshot taken in
    * the constructor.** A field initializer runs there, and an element the HTML
    * parser created has none of its attributes yet at that moment: measured on
-   * this element, on `Option` and on `Radio`, `<helix-toggle value="light"
-   * selected>` reported `defaultSelected` as `false` both from parsed markup
-   * and from `createElement` followed by `setAttribute`, which is every way a
-   * consumer writes one. The snapshot could only ever be true for an element
-   * already in the document when `customElements.define` ran.
+   * this element, on `Option` and on `Radio`, `<helix-headless-toggle
+   * value="light" selected>` reported `defaultSelected` as `false` both from
+   * parsed markup and from `createElement` followed by `setAttribute`, which is
+   * every way a consumer writes one. The snapshot could only ever be true for
+   * an element already in the document when `customElements.define` ran.
    *
    * Nothing overwrites it either, which is what makes reading it late correct
    * rather than merely later: `selected` does not reflect, for the reason
@@ -59842,7 +59842,7 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The entries.
-   * - `player`: The `helix-video` they play in.
+   * - `player`: The player the entries take turns in.
    *
    * ## Methods
    *
@@ -60348,7 +60348,7 @@ export type CustomCssProperties = {
   "--bar-chart-line-width"?: (string) | undefined;
   /** How wide an axis column is drawn, in `ch`, from the widest number on it. Written on the axis itself, and only where the categories run along the bottom: turned sideways an axis is a row and takes a line's height instead. */
   "--bar-chart-axis"?: (string) | undefined;
-  /** The color of the secondary axis when one series owns it. It resolves a `--helix-color-series-*` token, so on the headless tier alone it names something that is not there. #138. */
+  /** The color of the secondary axis, where one series owns it. Written by the component from that series' `--chart-series-*`, so it promises the series color and nothing more: whatever that hook resolves to is what the axis is drawn in. */
   "--bar-chart-secondary"?: (string) | undefined;
   /** The gradient a bar would take, named per bar so the styled tier can point `fill` at it. Drawn whatever the treatment and used only where `wash="gradient"` asks for it. */
   "--chart-bar-wash"?: (string) | undefined;
@@ -60572,9 +60572,9 @@ export type CustomCssProperties = {
   "--data-table-rule-color"?: (string) | undefined;
   /** Type size, headings and cells alike. */
   "--data-table-text"?: (string) | undefined;
-  /** The edge the column a cell sits under is set to, `start`, `center` or `end`, and unset under a column that sets none. Written by the component onto each cell it draws, read by the sheet that paints one; `helix-table` publishes `--table-cell-align` for the same attribute on the cells a consumer wrote, under its own family's name. */
+  /** The edge the column a cell sits under is set to, `start`, `center` or `end`, and unset under a column that sets none. Written by the component onto each cell it draws, read by the sheet that paints one; Table publishes `--table-cell-align` for the same attribute on the cells a consumer wrote, under its own family's name. */
   "--data-table-cell-align"?: (string) | undefined;
-  /** The column track list this element worked out from the columns declared in it. Written by the component, read by the sheet that paints: a stylesheet takes it to lay the grid out, and setting it does nothing, because the component writes it inline on the very element that reads it and an inline declaration beats any sheet. `--data-table-columns` is the one to set. */
+  /** The column track list this element worked out from the columns declared in it. Written by the component, read by the sheet that paints: a stylesheet takes it to lay the grid out, and setting it does nothing, because the component writes it inline on the very element that reads it and an inline declaration beats any sheet. A column's `width` is the one to set. */
   "--data-table-template"?: (string) | undefined;
   /** Fill behind the field. */
   "--date-input-background-color"?: (string) | undefined;
@@ -61178,7 +61178,7 @@ export type CustomCssProperties = {
   "--table-cell-align"?: (string) | undefined;
   /** Track list for the columns, which wins over the one the columns worked out. */
   "--table-columns"?: (string) | undefined;
-  /** The column track list this element worked out from the columns declared in it. Written by the component, read by the sheet that paints: a stylesheet takes it to lay the grid out, and setting it does nothing, because the component writes it inline on the very element that reads it and an inline declaration beats any sheet. `--table-columns` is the one to set. */
+  /** The column track list this element worked out from the columns declared in it. Written by the component, read by the sheet that paints: a stylesheet takes it to lay the grid out, and setting it does nothing, because the component writes it inline on the very element that reads it and an inline declaration beats any sheet. `columns` is the one to set. */
   "--table-template"?: (string) | undefined;
   /** Fill behind the tag. */
   "--tag-background-color"?: (string) | undefined;