@fusion.dev/helix-headless 0.26.0 → 0.30.1

package/types/jsx.d.ts

@@ -892,6 +892,15 @@ Used for the label and the initials. */
 
 Falls back to the slot, or to initials, if it fails. */
   src?: (HelixHeadlessAvatar["src"]) | undefined;
+  /** Where the image stands: still on its way, arrived, or failed and replaced
+by the initials.
+
+Read-only to a consumer: it is a report rather than a setting, and the same
+report `Image` gives, for the same reason. `load` and `error` fire once, so
+a listener bound after the picture settled hears neither, which is the
+platform on an `<img>` too, and this is what that listener asks instead.
+Mirrored to `data-status` rather than reflected, as `Image` explains. */
+  status?: (HelixHeadlessAvatar["status"]) | undefined;
 
   /** Relayed from the image when it fails. */
   onerror?: ((e: HelixHeadlessAvatarElementEvent) => void) | undefined;
@@ -908,6 +917,15 @@ Used for the label and the initials. */
 
 Falls back to the slot, or to initials, if it fails. */
   "prop:src"?: (HelixHeadlessAvatar["src"]) | undefined;
+  /** Where the image stands: still on its way, arrived, or failed and replaced
+by the initials.
+
+Read-only to a consumer: it is a report rather than a setting, and the same
+report `Image` gives, for the same reason. `load` and `error` fire once, so
+a listener bound after the picture settled hears neither, which is the
+platform on an `<img>` too, and this is what that listener asks instead.
+Mirrored to `data-status` rather than reflected, as `Image` explains. */
+  "prop:status"?: (HelixHeadlessAvatar["status"]) | undefined;
   /** Relayed from the image when it fails. */
   "on:error"?: ((e: HelixHeadlessAvatarElementEvent) => void) | undefined;
   /** Relayed from the image once it has loaded. */
@@ -1759,7 +1777,7 @@ way to stop it, so an autoplaying carousel keeps its pause control on a
 touch device exactly as it does on a desktop. */
   controls?: (HelixHeadlessCarousel["controls"]) | undefined;
   /** Slide to start on, where nothing declared one. */
-  "default-index"?: (HelixHeadlessCarousel["defaultIndex"]) | undefined;
+  "default-index"?: (HelixHeadlessCarousel["defaultIndex"] | `${number}`) | undefined;
   /** Slide to start on, where nothing declared one. */
   defaultIndex?: (HelixHeadlessCarousel["defaultIndex"]) | undefined;
   /** How long each slide is held, in milliseconds. */
@@ -1796,7 +1814,7 @@ No default, because it reflects. A reflected property with a value writes
 its attribute on upgrade, and the host then carries something a consumer's
 server markup never had, which React reports as a mismatch. The one-across
 case is the absent attribute, and the styles read it that way. */
-  "per-view"?: (HelixHeadlessCarousel["perView"]) | undefined;
+  "per-view"?: (HelixHeadlessCarousel["perView"] | `${number}`) | undefined;
   /** How many slides are shown across the track at once. Absent shows one.
 
 **Here rather than on the styled tier, because it decides how many places
@@ -1860,7 +1878,7 @@ way to stop it, so an autoplaying carousel keeps its pause control on a
 touch device exactly as it does on a desktop. */
   "prop:controls"?: (HelixHeadlessCarousel["controls"]) | undefined;
   /** Slide to start on, where nothing declared one. */
-  "attr:default-index"?: (HelixHeadlessCarousel["defaultIndex"]) | undefined;
+  "attr:default-index"?: (HelixHeadlessCarousel["defaultIndex"] | `${number}`) | undefined;
   /** Slide to start on, where nothing declared one. */
   "prop:defaultIndex"?: (HelixHeadlessCarousel["defaultIndex"]) | undefined;
   /** How long each slide is held, in milliseconds. */
@@ -1897,7 +1915,7 @@ No default, because it reflects. A reflected property with a value writes
 its attribute on upgrade, and the host then carries something a consumer's
 server markup never had, which React reports as a mismatch. The one-across
 case is the absent attribute, and the styles read it that way. */
-  "attr:per-view"?: (HelixHeadlessCarousel["perView"]) | undefined;
+  "attr:per-view"?: (HelixHeadlessCarousel["perView"] | `${number}`) | undefined;
   /** How many slides are shown across the track at once. Absent shows one.
 
 **Here rather than on the styled tier, because it decides how many places
@@ -3308,7 +3326,7 @@ the resolved state for stylesheets, which is what the mirror is for. */
   /** What the collapsed count is called, since `+3` names nothing. */
   expandLabel?: (HelixHeadlessCombobox["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
-  "max-tags"?: (HelixHeadlessCombobox["maxTags"]) | undefined;
+  "max-tags"?: (HelixHeadlessCombobox["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   maxTags?: (HelixHeadlessCombobox["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -3474,7 +3492,7 @@ the resolved state for stylesheets, which is what the mirror is for. */
   /** What the collapsed count is called, since `+3` names nothing. */
   "prop:expandLabel"?: (HelixHeadlessCombobox["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
-  "attr:max-tags"?: (HelixHeadlessCombobox["maxTags"]) | undefined;
+  "attr:max-tags"?: (HelixHeadlessCombobox["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   "prop:maxTags"?: (HelixHeadlessCombobox["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -4053,11 +4071,11 @@ export type HelixHeadlessDataTableProps = {
   /** Column order to open with, where nothing declared one. */
   defaultOrder?: (HelixHeadlessDataTable["defaultOrder"]) | undefined;
   /** Page to open on, where nothing declared one. */
-  "default-page"?: (HelixHeadlessDataTable["defaultPage"]) | undefined;
+  "default-page"?: (HelixHeadlessDataTable["defaultPage"] | `${number}`) | undefined;
   /** Page to open on, where nothing declared one. */
   defaultPage?: (HelixHeadlessDataTable["defaultPage"]) | undefined;
   /** Page size to open with, where nothing declared one. */
-  "default-page-size"?: (HelixHeadlessDataTable["defaultPageSize"]) | undefined;
+  "default-page-size"?: (HelixHeadlessDataTable["defaultPageSize"] | `${number}`) | undefined;
   /** Page size to open with, where nothing declared one. */
   defaultPageSize?: (HelixHeadlessDataTable["defaultPageSize"]) | undefined;
   /** Keys to open with selected, comma separated, where nothing declared any. */
@@ -4164,7 +4182,7 @@ 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. */
-  "page-size"?: (HelixHeadlessDataTable["pageSize"]) | undefined;
+  "page-size"?: (HelixHeadlessDataTable["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
@@ -4256,11 +4274,11 @@ export type HelixHeadlessDataTableSolidJsProps = {
   /** Column order to open with, where nothing declared one. */
   "prop:defaultOrder"?: (HelixHeadlessDataTable["defaultOrder"]) | undefined;
   /** Page to open on, where nothing declared one. */
-  "attr:default-page"?: (HelixHeadlessDataTable["defaultPage"]) | undefined;
+  "attr:default-page"?: (HelixHeadlessDataTable["defaultPage"] | `${number}`) | undefined;
   /** Page to open on, where nothing declared one. */
   "prop:defaultPage"?: (HelixHeadlessDataTable["defaultPage"]) | undefined;
   /** Page size to open with, where nothing declared one. */
-  "attr:default-page-size"?: (HelixHeadlessDataTable["defaultPageSize"]) | undefined;
+  "attr:default-page-size"?: (HelixHeadlessDataTable["defaultPageSize"] | `${number}`) | undefined;
   /** Page size to open with, where nothing declared one. */
   "prop:defaultPageSize"?: (HelixHeadlessDataTable["defaultPageSize"]) | undefined;
   /** Keys to open with selected, comma separated, where nothing declared any. */
@@ -4367,7 +4385,7 @@ 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. */
-  "attr:page-size"?: (HelixHeadlessDataTable["pageSize"]) | undefined;
+  "attr:page-size"?: (HelixHeadlessDataTable["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
@@ -4534,7 +4552,7 @@ submits and what `min` and `max` compare against. */
   /** Days of the week that cannot be chosen, `0` for Sunday through `6`. */
   disableDays?: (HelixHeadlessDateInput["disableDays"]) | undefined;
   /** First column of the week in the calendar, `0` for Sunday through `6`. */
-  "first-day-of-week"?: (HelixHeadlessDateInput["firstDayOfWeek"]) | undefined;
+  "first-day-of-week"?: (HelixHeadlessDateInput["firstDayOfWeek"] | `${number}`) | undefined;
   /** First column of the week in the calendar, `0` for Sunday through `6`. */
   firstDayOfWeek?: (HelixHeadlessDateInput["firstDayOfWeek"]) | undefined;
   /** Language tag the calendar names its months and days in. */
@@ -4557,6 +4575,17 @@ first. The panel is sized by its content, so this widens it. */
   months?: (HelixHeadlessDateInput["months"]) | undefined;
   /** What the field says before a date is in it. */
   placeholder?: (HelixHeadlessDateInput["placeholder"]) | undefined;
+  /** How far apart the selectable dates are, in days.
+
+`<input type="date" step>`'s own unit, handed to the calendar this renders
+so the field and the grid agree about which dates exist. Counted from `min`
+where there is one and from 1 January 1970 where there is not, which is the
+platform's base. */
+  step?: (HelixHeadlessDateInput["step"]) | undefined;
+  /** Accessible name for the control that opens the calendar. */
+  "trigger-label"?: (HelixHeadlessDateInput["triggerLabel"]) | undefined;
+  /** Accessible name for the control that opens the calendar. */
+  triggerLabel?: (HelixHeadlessDateInput["triggerLabel"]) | undefined;
   /** Whether the control refuses changes while still submitting its value.
 
 **Enforced by refusing every request in one place**, which is the seam this
@@ -4581,17 +4610,6 @@ submits nothing and leaves the tab order, and a read-only one submits its
 value and stays reachable, which is what a form showing a value somebody
 else set needs. */
   readOnly?: (HelixHeadlessDateInput["readOnly"]) | undefined;
-  /** How far apart the selectable dates are, in days.
-
-`<input type="date" step>`'s own unit, handed to the calendar this renders
-so the field and the grid agree about which dates exist. Counted from `min`
-where there is one and from 1 January 1970 where there is not, which is the
-platform's base. */
-  step?: (HelixHeadlessDateInput["step"]) | undefined;
-  /** Accessible name for the control that opens the calendar. */
-  "trigger-label"?: (HelixHeadlessDateInput["triggerLabel"]) | undefined;
-  /** Accessible name for the control that opens the calendar. */
-  triggerLabel?: (HelixHeadlessDateInput["triggerLabel"]) | undefined;
   /** Whether the element is open.
 
 One property, not two, so `dialog.open` answers the question anyone
@@ -4620,7 +4638,7 @@ the resolved state for stylesheets, which is what the mirror is for. */
   /** What the collapsed count is called, since `+3` names nothing. */
   expandLabel?: (HelixHeadlessDateInput["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
-  "max-tags"?: (HelixHeadlessDateInput["maxTags"]) | undefined;
+  "max-tags"?: (HelixHeadlessDateInput["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   maxTags?: (HelixHeadlessDateInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -4765,7 +4783,7 @@ submits and what `min` and `max` compare against. */
   /** Days of the week that cannot be chosen, `0` for Sunday through `6`. */
   "prop:disableDays"?: (HelixHeadlessDateInput["disableDays"]) | undefined;
   /** First column of the week in the calendar, `0` for Sunday through `6`. */
-  "attr:first-day-of-week"?: (HelixHeadlessDateInput["firstDayOfWeek"]) | undefined;
+  "attr:first-day-of-week"?: (HelixHeadlessDateInput["firstDayOfWeek"] | `${number}`) | undefined;
   /** First column of the week in the calendar, `0` for Sunday through `6`. */
   "prop:firstDayOfWeek"?: (HelixHeadlessDateInput["firstDayOfWeek"]) | undefined;
   /** Language tag the calendar names its months and days in. */
@@ -4788,6 +4806,17 @@ first. The panel is sized by its content, so this widens it. */
   "prop:months"?: (HelixHeadlessDateInput["months"]) | undefined;
   /** What the field says before a date is in it. */
   "prop:placeholder"?: (HelixHeadlessDateInput["placeholder"]) | undefined;
+  /** How far apart the selectable dates are, in days.
+
+`<input type="date" step>`'s own unit, handed to the calendar this renders
+so the field and the grid agree about which dates exist. Counted from `min`
+where there is one and from 1 January 1970 where there is not, which is the
+platform's base. */
+  "prop:step"?: (HelixHeadlessDateInput["step"]) | undefined;
+  /** Accessible name for the control that opens the calendar. */
+  "attr:trigger-label"?: (HelixHeadlessDateInput["triggerLabel"]) | undefined;
+  /** Accessible name for the control that opens the calendar. */
+  "prop:triggerLabel"?: (HelixHeadlessDateInput["triggerLabel"]) | undefined;
   /** Whether the control refuses changes while still submitting its value.
 
 **Enforced by refusing every request in one place**, which is the seam this
@@ -4812,17 +4841,6 @@ submits nothing and leaves the tab order, and a read-only one submits its
 value and stays reachable, which is what a form showing a value somebody
 else set needs. */
   "prop:readOnly"?: (HelixHeadlessDateInput["readOnly"]) | undefined;
-  /** How far apart the selectable dates are, in days.
-
-`<input type="date" step>`'s own unit, handed to the calendar this renders
-so the field and the grid agree about which dates exist. Counted from `min`
-where there is one and from 1 January 1970 where there is not, which is the
-platform's base. */
-  "prop:step"?: (HelixHeadlessDateInput["step"]) | undefined;
-  /** Accessible name for the control that opens the calendar. */
-  "attr:trigger-label"?: (HelixHeadlessDateInput["triggerLabel"]) | undefined;
-  /** Accessible name for the control that opens the calendar. */
-  "prop:triggerLabel"?: (HelixHeadlessDateInput["triggerLabel"]) | undefined;
   /** Whether the element is open.
 
 One property, not two, so `dialog.open` answers the question anyone
@@ -4851,7 +4869,7 @@ the resolved state for stylesheets, which is what the mirror is for. */
   /** What the collapsed count is called, since `+3` names nothing. */
   "prop:expandLabel"?: (HelixHeadlessDateInput["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
-  "attr:max-tags"?: (HelixHeadlessDateInput["maxTags"]) | undefined;
+  "attr:max-tags"?: (HelixHeadlessDateInput["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   "prop:maxTags"?: (HelixHeadlessDateInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -4964,7 +4982,7 @@ export type HelixHeadlessDatePickerProps = {
   /** Days of the week that cannot be chosen, comma separated, `0` to `6`. */
   disableDays?: (HelixHeadlessDatePicker["disableDays"]) | undefined;
   /** First column of the week, `0` for Sunday through `6` for Saturday. */
-  "first-day-of-week"?: (HelixHeadlessDatePicker["firstDayOfWeek"]) | undefined;
+  "first-day-of-week"?: (HelixHeadlessDatePicker["firstDayOfWeek"] | `${number}`) | undefined;
   /** First column of the week, `0` for Sunday through `6` for Saturday. */
   firstDayOfWeek?: (HelixHeadlessDatePicker["firstDayOfWeek"]) | undefined;
   /** Whether the current selection fails validation. */
@@ -5125,7 +5143,7 @@ export type HelixHeadlessDatePickerSolidJsProps = {
   /** Days of the week that cannot be chosen, comma separated, `0` to `6`. */
   "prop:disableDays"?: (HelixHeadlessDatePicker["disableDays"]) | undefined;
   /** First column of the week, `0` for Sunday through `6` for Saturday. */
-  "attr:first-day-of-week"?: (HelixHeadlessDatePicker["firstDayOfWeek"]) | undefined;
+  "attr:first-day-of-week"?: (HelixHeadlessDatePicker["firstDayOfWeek"] | `${number}`) | undefined;
   /** First column of the week, `0` for Sunday through `6` for Saturday. */
   "prop:firstDayOfWeek"?: (HelixHeadlessDatePicker["firstDayOfWeek"]) | undefined;
   /** Whether the current selection fails validation. */
@@ -6108,14 +6126,14 @@ imperatively later, and nothing is hydrating by then.
 Here rather than on each control. */
   name?: (HelixHeadlessFileInput["name"]) | undefined;
 
-  /** Announced once the value has moved. */
-  oninput?: ((e: HelixHeadlessFileInputElementEvent) => void) | undefined;
   /** Announced once the value has moved. */
   onchange?: ((e: HelixHeadlessFileInputElementEvent) => void) | undefined;
   /** Fired before the chosen files change, with their names. Cancelable: refusing it takes the decision and nothing moves. */
   "onhelix-before-change"?: ((
     e: HelixHeadlessFileInputHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  oninput?: ((e: HelixHeadlessFileInputElementEvent) => void) | undefined;
 };
 
 export type HelixHeadlessFileInputSolidJsProps = {
@@ -6172,13 +6190,13 @@ imperatively later, and nothing is hydrating by then.
 Here rather than on each control. */
   "prop:name"?: (HelixHeadlessFileInput["name"]) | undefined;
   /** Announced once the value has moved. */
-  "on:input"?: ((e: HelixHeadlessFileInputElementEvent) => void) | undefined;
-  /** Announced once the value has moved. */
   "on:change"?: ((e: HelixHeadlessFileInputElementEvent) => void) | undefined;
   /** Fired before the chosen files change, with their names. Cancelable: refusing it takes the decision and nothing moves. */
   "on:helix-before-change"?: ((
     e: HelixHeadlessFileInputHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Announced once the value has moved. */
+  "on:input"?: ((e: HelixHeadlessFileInputElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -6572,7 +6590,7 @@ the resolved state for stylesheets, which is what the mirror is for. */
   /** What the collapsed count is called, since `+3` names nothing. */
   expandLabel?: (HelixHeadlessFilterInput["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
-  "max-tags"?: (HelixHeadlessFilterInput["maxTags"]) | undefined;
+  "max-tags"?: (HelixHeadlessFilterInput["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   maxTags?: (HelixHeadlessFilterInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -6695,7 +6713,7 @@ the resolved state for stylesheets, which is what the mirror is for. */
   /** What the collapsed count is called, since `+3` names nothing. */
   "prop:expandLabel"?: (HelixHeadlessFilterInput["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
-  "attr:max-tags"?: (HelixHeadlessFilterInput["maxTags"]) | undefined;
+  "attr:max-tags"?: (HelixHeadlessFilterInput["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   "prop:maxTags"?: (HelixHeadlessFilterInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -6927,7 +6945,7 @@ arithmetic should plan around.
 
 Zero turns the dropping off altogether, which is right for a strip in a
 container that cannot get narrow. */
-  "min-cell"?: (HelixHeadlessHeatmap["minCell"]) | undefined;
+  "min-cell"?: (HelixHeadlessHeatmap["minCell"] | `${number}`) | undefined;
   /** The smallest a cell may get before the strip draws fewer of them, in CSS pixels.
 
 **Set this only to overrule what the strip actually draws.** The arithmetic
@@ -7015,7 +7033,7 @@ arithmetic should plan around.
 
 Zero turns the dropping off altogether, which is right for a strip in a
 container that cannot get narrow. */
-  "attr:min-cell"?: (HelixHeadlessHeatmap["minCell"]) | undefined;
+  "attr:min-cell"?: (HelixHeadlessHeatmap["minCell"] | `${number}`) | undefined;
   /** The smallest a cell may get before the strip draws fewer of them, in CSS pixels.
 
 **Set this only to overrule what the strip actually draws.** The arithmetic
@@ -7617,11 +7635,11 @@ is broken. */
   /** What the clear button is called, since an icon has no name of its own. */
   clearLabel?: (HelixHeadlessInput["clearLabel"]) | undefined;
   /** Most characters the value may have. */
-  maxlength?: (HelixHeadlessInput["maxLength"]) | undefined;
+  maxlength?: (HelixHeadlessInput["maxLength"] | `${number}`) | undefined;
   /** Most characters the value may have. */
   maxLength?: (HelixHeadlessInput["maxLength"]) | undefined;
   /** Fewest characters the value may have. */
-  minlength?: (HelixHeadlessInput["minLength"]) | undefined;
+  minlength?: (HelixHeadlessInput["minLength"] | `${number}`) | undefined;
   /** Fewest characters the value may have. */
   minLength?: (HelixHeadlessInput["minLength"]) | undefined;
   /** A regular expression the value has to match, as the platform reads it.
@@ -7781,11 +7799,11 @@ is broken. */
   /** What the clear button is called, since an icon has no name of its own. */
   "prop:clearLabel"?: (HelixHeadlessInput["clearLabel"]) | undefined;
   /** Most characters the value may have. */
-  "attr:maxlength"?: (HelixHeadlessInput["maxLength"]) | undefined;
+  "attr:maxlength"?: (HelixHeadlessInput["maxLength"] | `${number}`) | undefined;
   /** Most characters the value may have. */
   "prop:maxLength"?: (HelixHeadlessInput["maxLength"]) | undefined;
   /** Fewest characters the value may have. */
-  "attr:minlength"?: (HelixHeadlessInput["minLength"]) | undefined;
+  "attr:minlength"?: (HelixHeadlessInput["minLength"] | `${number}`) | undefined;
   /** Fewest characters the value may have. */
   "prop:minLength"?: (HelixHeadlessInput["minLength"]) | undefined;
   /** A regular expression the value has to match, as the platform reads it.
@@ -8647,7 +8665,7 @@ so the controller has to be told not to measure, and that decision is here
 whatever the stylesheet says. Writing the width in both places would be one
 number in two languages, drifting the first time either moved. This sets
 `data-narrow` on the host and the stylesheet arranges itself off that. */
-  "full-below"?: (HelixHeadlessMegamenu["fullBelow"]) | undefined;
+  "full-below"?: (HelixHeadlessMegamenu["fullBelow"] | `${number}`) | undefined;
   /** The width, in pixels, under which a card becomes a band. Zero never does.
 
 A card is a panel hung off one word, and there is no room to hang anything
@@ -8740,7 +8758,7 @@ so the controller has to be told not to measure, and that decision is here
 whatever the stylesheet says. Writing the width in both places would be one
 number in two languages, drifting the first time either moved. This sets
 `data-narrow` on the host and the stylesheet arranges itself off that. */
-  "attr:full-below"?: (HelixHeadlessMegamenu["fullBelow"]) | undefined;
+  "attr:full-below"?: (HelixHeadlessMegamenu["fullBelow"] | `${number}`) | undefined;
   /** The width, in pixels, under which a card becomes a band. Zero never does.
 
 A card is a panel hung off one word, and there is no room to hang anything
@@ -9659,7 +9677,7 @@ consumer to ask for it. */
 Ten steps, which is the convention every spinner on the platform follows,
 and a property because ten of a step of `0.01` is a hundredth and rarely
 what a reader wants from a whole key. */
-  "large-step"?: (HelixHeadlessNumberInput["largeStep"]) | undefined;
+  "large-step"?: (HelixHeadlessNumberInput["largeStep"] | `${number}`) | undefined;
   /** How far `PageUp` and `PageDown` move.
 
 Ten steps, which is the convention every spinner on the platform follows,
@@ -9776,7 +9794,7 @@ consumer to ask for it. */
 Ten steps, which is the convention every spinner on the platform follows,
 and a property because ten of a step of `0.01` is a hundredth and rarely
 what a reader wants from a whole key. */
-  "attr:large-step"?: (HelixHeadlessNumberInput["largeStep"]) | undefined;
+  "attr:large-step"?: (HelixHeadlessNumberInput["largeStep"] | `${number}`) | undefined;
   /** How far `PageUp` and `PageDown` move.
 
 Ten steps, which is the convention every spinner on the platform follows,
@@ -9892,7 +9910,7 @@ One by default: the root is open and everything under it closed, so a
 reader sees the shape of the value before its contents. `0` starts with the
 root closed; a large number opens everything, which on a big value is the
 wall of text this exists to avoid. */
-  "default-depth"?: (HelixHeadlessObjectInspector["defaultDepth"]) | undefined;
+  "default-depth"?: (HelixHeadlessObjectInspector["defaultDepth"] | `${number}`) | undefined;
   /** How many levels start open.
 
 One by default: the root is open and everything under it closed, so a
@@ -9942,7 +9960,7 @@ One by default: the root is open and everything under it closed, so a
 reader sees the shape of the value before its contents. `0` starts with the
 root closed; a large number opens everything, which on a big value is the
 wall of text this exists to avoid. */
-  "attr:default-depth"?: (HelixHeadlessObjectInspector["defaultDepth"]) | undefined;
+  "attr:default-depth"?: (HelixHeadlessObjectInspector["defaultDepth"] | `${number}`) | undefined;
   /** How many levels start open.
 
 One by default: the root is open and everything under it closed, so a
@@ -10317,7 +10335,7 @@ Not reflected, for the reason `ends` is not: it decides what renders, so
 nothing has to select on it. */
   compact?: (HelixHeadlessPagination["compact"]) | undefined;
   /** Page to open on, where nothing declared one. */
-  "default-page"?: (HelixHeadlessPagination["defaultPage"]) | undefined;
+  "default-page"?: (HelixHeadlessPagination["defaultPage"] | `${number}`) | undefined;
   /** Page to open on, where nothing declared one. */
   defaultPage?: (HelixHeadlessPagination["defaultPage"]) | undefined;
   /** Whether to offer a jump to the first and last pages.
@@ -10403,7 +10421,7 @@ so there is never a question of which of two sources is current. */
 Only arithmetic: this does not slice anything, because the component never
 sees the items. It is what turns `total` into a page count, and nothing
 else. */
-  "page-size"?: (HelixHeadlessPagination["pageSize"]) | undefined;
+  "page-size"?: (HelixHeadlessPagination["pageSize"] | `${number}`) | undefined;
   /** How many items are on a page.
 
 Only arithmetic: this does not slice anything, because the component never
@@ -10459,7 +10477,7 @@ Not reflected, for the reason `ends` is not: it decides what renders, so
 nothing has to select on it. */
   "prop:compact"?: (HelixHeadlessPagination["compact"]) | undefined;
   /** Page to open on, where nothing declared one. */
-  "attr:default-page"?: (HelixHeadlessPagination["defaultPage"]) | undefined;
+  "attr:default-page"?: (HelixHeadlessPagination["defaultPage"] | `${number}`) | undefined;
   /** Page to open on, where nothing declared one. */
   "prop:defaultPage"?: (HelixHeadlessPagination["defaultPage"]) | undefined;
   /** Whether to offer a jump to the first and last pages.
@@ -10545,7 +10563,7 @@ so there is never a question of which of two sources is current. */
 Only arithmetic: this does not slice anything, because the component never
 sees the items. It is what turns `total` into a page count, and nothing
 else. */
-  "attr:page-size"?: (HelixHeadlessPagination["pageSize"]) | undefined;
+  "attr:page-size"?: (HelixHeadlessPagination["pageSize"] | `${number}`) | undefined;
   /** How many items are on a page.
 
 Only arithmetic: this does not slice anything, because the component never
@@ -10602,7 +10620,7 @@ export type HelixHeadlessPaginationSizeHelixBeforeChangeElementEvent =
 
 export type HelixHeadlessPaginationSizeProps = {
   /** Size to start on, where nothing declared one. */
-  "default-value"?: (HelixHeadlessPaginationSize["defaultValue"]) | undefined;
+  "default-value"?: (HelixHeadlessPaginationSize["defaultValue"] | `${number}`) | undefined;
   /** Size to start on, where nothing declared one. */
   defaultValue?: (HelixHeadlessPaginationSize["defaultValue"]) | undefined;
   /** The size in force.
@@ -10632,7 +10650,7 @@ is dropped rather than rendered as an option that cannot mean anything. */
 
 export type HelixHeadlessPaginationSizeSolidJsProps = {
   /** Size to start on, where nothing declared one. */
-  "attr:default-value"?: (HelixHeadlessPaginationSize["defaultValue"]) | undefined;
+  "attr:default-value"?: (HelixHeadlessPaginationSize["defaultValue"] | `${number}`) | undefined;
   /** Size to start on, where nothing declared one. */
   "prop:defaultValue"?: (HelixHeadlessPaginationSize["defaultValue"]) | undefined;
   /** The size in force.
@@ -10686,7 +10704,7 @@ Absent uses the runtime's own. */
   /** The page on show, one-based. */
   page?: (HelixHeadlessPaginationSummary["page"]) | undefined;
   /** How many items are on a page. */
-  "page-size"?: (HelixHeadlessPaginationSummary["pageSize"]) | undefined;
+  "page-size"?: (HelixHeadlessPaginationSummary["pageSize"] | `${number}`) | undefined;
   /** How many items are on a page. */
   pageSize?: (HelixHeadlessPaginationSummary["pageSize"]) | undefined;
   /** How many items there are across every page. */
@@ -10715,7 +10733,7 @@ Absent uses the runtime's own. */
   /** The page on show, one-based. */
   "prop:page"?: (HelixHeadlessPaginationSummary["page"]) | undefined;
   /** How many items are on a page. */
-  "attr:page-size"?: (HelixHeadlessPaginationSummary["pageSize"]) | undefined;
+  "attr:page-size"?: (HelixHeadlessPaginationSummary["pageSize"] | `${number}`) | undefined;
   /** How many items are on a page. */
   "prop:pageSize"?: (HelixHeadlessPaginationSummary["pageSize"]) | undefined;
   /** How many items there are across every page. */
@@ -12682,7 +12700,7 @@ Zero by default, which is a pane fully gone. A tab strip or a title bar
 that should survive its own collapse says how much of itself to keep, and
 only whoever put it there knows that, which is the same reason `min` is a
 consumer's to set. */
-  "collapsed-size"?: (HelixHeadlessSplitter["collapsedSize"]) | undefined;
+  "collapsed-size"?: (HelixHeadlessSplitter["collapsedSize"] | `${number}`) | undefined;
   /** How much of a shut pane is still shown, as a percentage.
 
 Zero by default, which is a pane fully gone. A tab strip or a title bar
@@ -12717,7 +12735,7 @@ of a pane during a drag; this is the thing that says the sliver can go. */
   /** Which pane starts shut, where nothing declared it. */
   defaultCollapsed?: (HelixHeadlessSplitter["defaultCollapsed"]) | undefined;
   /** Where the divider starts, where nothing declared it. */
-  "default-position"?: (HelixHeadlessSplitter["defaultPosition"]) | undefined;
+  "default-position"?: (HelixHeadlessSplitter["defaultPosition"] | `${number}`) | undefined;
   /** Where the divider starts, where nothing declared it. */
   defaultPosition?: (HelixHeadlessSplitter["defaultPosition"]) | undefined;
   /** Accessible name for the divider. */
@@ -12787,7 +12805,7 @@ Zero by default, which is a pane fully gone. A tab strip or a title bar
 that should survive its own collapse says how much of itself to keep, and
 only whoever put it there knows that, which is the same reason `min` is a
 consumer's to set. */
-  "attr:collapsed-size"?: (HelixHeadlessSplitter["collapsedSize"]) | undefined;
+  "attr:collapsed-size"?: (HelixHeadlessSplitter["collapsedSize"] | `${number}`) | undefined;
   /** How much of a shut pane is still shown, as a percentage.
 
 Zero by default, which is a pane fully gone. A tab strip or a title bar
@@ -12822,7 +12840,7 @@ of a pane during a drag; this is the thing that says the sliver can go. */
   /** Which pane starts shut, where nothing declared it. */
   "prop:defaultCollapsed"?: (HelixHeadlessSplitter["defaultCollapsed"]) | undefined;
   /** Where the divider starts, where nothing declared it. */
-  "attr:default-position"?: (HelixHeadlessSplitter["defaultPosition"]) | undefined;
+  "attr:default-position"?: (HelixHeadlessSplitter["defaultPosition"] | `${number}`) | undefined;
   /** Where the divider starts, where nothing declared it. */
   "prop:defaultPosition"?: (HelixHeadlessSplitter["defaultPosition"]) | undefined;
   /** Accessible name for the divider. */
@@ -13832,7 +13850,7 @@ submitted nothing. `ElementInternals` takes a `FormData`, which is how one
 element sends two entries, and that is what this does. */
   dirName?: (HelixHeadlessTextarea["dirName"]) | undefined;
   /** Most characters the value may have. */
-  maxlength?: (HelixHeadlessTextarea["maxLength"]) | undefined;
+  maxlength?: (HelixHeadlessTextarea["maxLength"] | `${number}`) | undefined;
   /** Most characters the value may have. */
   maxLength?: (HelixHeadlessTextarea["maxLength"]) | undefined;
   /** Fewest characters the value may have.
@@ -13841,7 +13859,7 @@ Forwarded to the real `<textarea>` rather than checked here, which is what
 makes the message the browser's and therefore the reader's own language.
 No `pattern`: the platform does not give a textarea one, and inventing it
 would be this library guessing where the point is to stop guessing. */
-  minlength?: (HelixHeadlessTextarea["minLength"]) | undefined;
+  minlength?: (HelixHeadlessTextarea["minLength"] | `${number}`) | undefined;
   /** Fewest characters the value may have.
 
 Forwarded to the real `<textarea>` rather than checked here, which is what
@@ -13971,7 +13989,7 @@ submitted nothing. `ElementInternals` takes a `FormData`, which is how one
 element sends two entries, and that is what this does. */
   "prop:dirName"?: (HelixHeadlessTextarea["dirName"]) | undefined;
   /** Most characters the value may have. */
-  "attr:maxlength"?: (HelixHeadlessTextarea["maxLength"]) | undefined;
+  "attr:maxlength"?: (HelixHeadlessTextarea["maxLength"] | `${number}`) | undefined;
   /** Most characters the value may have. */
   "prop:maxLength"?: (HelixHeadlessTextarea["maxLength"]) | undefined;
   /** Fewest characters the value may have.
@@ -13980,7 +13998,7 @@ Forwarded to the real `<textarea>` rather than checked here, which is what
 makes the message the browser's and therefore the reader's own language.
 No `pattern`: the platform does not give a textarea one, and inventing it
 would be this library guessing where the point is to stop guessing. */
-  "attr:minlength"?: (HelixHeadlessTextarea["minLength"]) | undefined;
+  "attr:minlength"?: (HelixHeadlessTextarea["minLength"] | `${number}`) | undefined;
   /** Fewest characters the value may have.
 
 Forwarded to the real `<textarea>` rather than checked here, which is what
@@ -14115,30 +14133,6 @@ why a wheel cannot do either. */
   mode?: (HelixHeadlessTimeInput["mode"]) | undefined;
   /** What the field says before a time is in it. */
   placeholder?: (HelixHeadlessTimeInput["placeholder"]) | undefined;
-  /** Whether the control refuses changes while still submitting its value.
-
-**Enforced by refusing every request in one place**, which is the seam this
-component already has: `requestValue` is what every path here comes through,
-and gating it once is what stops the next call site from being written
-without the check.
-
-Not `disabled`, which is the confusion worth naming: a disabled control
-submits nothing and leaves the tab order, and a read-only one submits its
-value and stays reachable, which is what a form showing a value somebody
-else set needs. */
-  readonly?: (HelixHeadlessTimeInput["readOnly"]) | undefined;
-  /** Whether the control refuses changes while still submitting its value.
-
-**Enforced by refusing every request in one place**, which is the seam this
-component already has: `requestValue` is what every path here comes through,
-and gating it once is what stops the next call site from being written
-without the check.
-
-Not `disabled`, which is the confusion worth naming: a disabled control
-submits nothing and leaves the tab order, and a read-only one submits its
-value and stays reachable, which is what a form showing a value somebody
-else set needs. */
-  readOnly?: (HelixHeadlessTimeInput["readOnly"]) | undefined;
   /** How far apart the offered times are, in minutes. */
   step?: (HelixHeadlessTimeInput["step"]) | undefined;
   /** Whether the field writes the time out, or holds the value as it is.
@@ -14173,6 +14167,30 @@ not touch, and React reads that as a hydration mismatch. The absent
 attribute *is* the list, which the stylesheet reads as the base rule, so
 only the departure has to be named. */
   variant?: (HelixHeadlessTimeInput["variant"]) | undefined;
+  /** Whether the control refuses changes while still submitting its value.
+
+**Enforced by refusing every request in one place**, which is the seam this
+component already has: `requestValue` is what every path here comes through,
+and gating it once is what stops the next call site from being written
+without the check.
+
+Not `disabled`, which is the confusion worth naming: a disabled control
+submits nothing and leaves the tab order, and a read-only one submits its
+value and stays reachable, which is what a form showing a value somebody
+else set needs. */
+  readonly?: (HelixHeadlessTimeInput["readOnly"]) | undefined;
+  /** Whether the control refuses changes while still submitting its value.
+
+**Enforced by refusing every request in one place**, which is the seam this
+component already has: `requestValue` is what every path here comes through,
+and gating it once is what stops the next call site from being written
+without the check.
+
+Not `disabled`, which is the confusion worth naming: a disabled control
+submits nothing and leaves the tab order, and a read-only one submits its
+value and stays reachable, which is what a form showing a value somebody
+else set needs. */
+  readOnly?: (HelixHeadlessTimeInput["readOnly"]) | undefined;
   /** Whether the element is open.
 
 One property, not two, so `dialog.open` answers the question anyone
@@ -14201,7 +14219,7 @@ the resolved state for stylesheets, which is what the mirror is for. */
   /** What the collapsed count is called, since `+3` names nothing. */
   expandLabel?: (HelixHeadlessTimeInput["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
-  "max-tags"?: (HelixHeadlessTimeInput["maxTags"]) | undefined;
+  "max-tags"?: (HelixHeadlessTimeInput["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   maxTags?: (HelixHeadlessTimeInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -14303,30 +14321,6 @@ why a wheel cannot do either. */
   "prop:mode"?: (HelixHeadlessTimeInput["mode"]) | undefined;
   /** What the field says before a time is in it. */
   "prop:placeholder"?: (HelixHeadlessTimeInput["placeholder"]) | undefined;
-  /** Whether the control refuses changes while still submitting its value.
-
-**Enforced by refusing every request in one place**, which is the seam this
-component already has: `requestValue` is what every path here comes through,
-and gating it once is what stops the next call site from being written
-without the check.
-
-Not `disabled`, which is the confusion worth naming: a disabled control
-submits nothing and leaves the tab order, and a read-only one submits its
-value and stays reachable, which is what a form showing a value somebody
-else set needs. */
-  "bool:readonly"?: (HelixHeadlessTimeInput["readOnly"]) | undefined;
-  /** Whether the control refuses changes while still submitting its value.
-
-**Enforced by refusing every request in one place**, which is the seam this
-component already has: `requestValue` is what every path here comes through,
-and gating it once is what stops the next call site from being written
-without the check.
-
-Not `disabled`, which is the confusion worth naming: a disabled control
-submits nothing and leaves the tab order, and a read-only one submits its
-value and stays reachable, which is what a form showing a value somebody
-else set needs. */
-  "prop:readOnly"?: (HelixHeadlessTimeInput["readOnly"]) | undefined;
   /** How far apart the offered times are, in minutes. */
   "prop:step"?: (HelixHeadlessTimeInput["step"]) | undefined;
   /** Whether the field writes the time out, or holds the value as it is.
@@ -14361,6 +14355,30 @@ not touch, and React reads that as a hydration mismatch. The absent
 attribute *is* the list, which the stylesheet reads as the base rule, so
 only the departure has to be named. */
   "prop:variant"?: (HelixHeadlessTimeInput["variant"]) | undefined;
+  /** Whether the control refuses changes while still submitting its value.
+
+**Enforced by refusing every request in one place**, which is the seam this
+component already has: `requestValue` is what every path here comes through,
+and gating it once is what stops the next call site from being written
+without the check.
+
+Not `disabled`, which is the confusion worth naming: a disabled control
+submits nothing and leaves the tab order, and a read-only one submits its
+value and stays reachable, which is what a form showing a value somebody
+else set needs. */
+  "bool:readonly"?: (HelixHeadlessTimeInput["readOnly"]) | undefined;
+  /** Whether the control refuses changes while still submitting its value.
+
+**Enforced by refusing every request in one place**, which is the seam this
+component already has: `requestValue` is what every path here comes through,
+and gating it once is what stops the next call site from being written
+without the check.
+
+Not `disabled`, which is the confusion worth naming: a disabled control
+submits nothing and leaves the tab order, and a read-only one submits its
+value and stays reachable, which is what a form showing a value somebody
+else set needs. */
+  "prop:readOnly"?: (HelixHeadlessTimeInput["readOnly"]) | undefined;
   /** Whether the element is open.
 
 One property, not two, so `dialog.open` answers the question anyone
@@ -14389,7 +14407,7 @@ the resolved state for stylesheets, which is what the mirror is for. */
   /** What the collapsed count is called, since `+3` names nothing. */
   "prop:expandLabel"?: (HelixHeadlessTimeInput["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
-  "attr:max-tags"?: (HelixHeadlessTimeInput["maxTags"]) | undefined;
+  "attr:max-tags"?: (HelixHeadlessTimeInput["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   "prop:maxTags"?: (HelixHeadlessTimeInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -15355,7 +15373,7 @@ of them, which is noise rather than help. Focus opens with no delay: a
 keyboard reader arriving on a control has already committed to it. */
   delay?: (HelixHeadlessTooltip["delay"]) | undefined;
   /** How long the bubble stays after the pointer leaves, in milliseconds. */
-  "delay-out"?: (HelixHeadlessTooltip["delayOut"]) | undefined;
+  "delay-out"?: (HelixHeadlessTooltip["delayOut"] | `${number}`) | undefined;
   /** How long the bubble stays after the pointer leaves, in milliseconds. */
   delayOut?: (HelixHeadlessTooltip["delayOut"]) | undefined;
   /** Whether the tooltip never shows. */
@@ -15463,7 +15481,7 @@ of them, which is noise rather than help. Focus opens with no delay: a
 keyboard reader arriving on a control has already committed to it. */
   "prop:delay"?: (HelixHeadlessTooltip["delay"]) | undefined;
   /** How long the bubble stays after the pointer leaves, in milliseconds. */
-  "attr:delay-out"?: (HelixHeadlessTooltip["delayOut"]) | undefined;
+  "attr:delay-out"?: (HelixHeadlessTooltip["delayOut"] | `${number}`) | undefined;
   /** How long the bubble stays after the pointer leaves, in milliseconds. */
   "prop:delayOut"?: (HelixHeadlessTooltip["delayOut"]) | undefined;
   /** Whether the tooltip never shows. */
@@ -15596,7 +15614,7 @@ The shape is `Carousel`'s, which is the nearest thing in the library: a
 `undefined` until somebody sets one. */
   index?: (HelixHeadlessTour["index"]) | undefined;
   /** Stop to start on, where nothing declared one. */
-  "default-index"?: (HelixHeadlessTour["defaultIndex"]) | undefined;
+  "default-index"?: (HelixHeadlessTour["defaultIndex"] | `${number}`) | undefined;
   /** Stop to start on, where nothing declared one. */
   defaultIndex?: (HelixHeadlessTour["defaultIndex"]) | undefined;
   /** Label for the control that goes on from the last stop. */
@@ -15616,7 +15634,7 @@ The shape is `Carousel`'s, which is the nearest thing in the library: a
   /** Label for the control that leaves the tour. */
   skipLabel?: (HelixHeadlessTour["skipLabel"]) | undefined;
   /** Space left around the target when it is lit, in pixels. */
-  "spotlight-padding"?: (HelixHeadlessTour["spotlightPadding"]) | undefined;
+  "spotlight-padding"?: (HelixHeadlessTour["spotlightPadding"] | `${number}`) | undefined;
   /** Space left around the target when it is lit, in pixels. */
   spotlightPadding?: (HelixHeadlessTour["spotlightPadding"]) | undefined;
 
@@ -15653,7 +15671,7 @@ The shape is `Carousel`'s, which is the nearest thing in the library: a
 `undefined` until somebody sets one. */
   "prop:index"?: (HelixHeadlessTour["index"]) | undefined;
   /** Stop to start on, where nothing declared one. */
-  "attr:default-index"?: (HelixHeadlessTour["defaultIndex"]) | undefined;
+  "attr:default-index"?: (HelixHeadlessTour["defaultIndex"] | `${number}`) | undefined;
   /** Stop to start on, where nothing declared one. */
   "prop:defaultIndex"?: (HelixHeadlessTour["defaultIndex"]) | undefined;
   /** Label for the control that goes on from the last stop. */
@@ -15673,7 +15691,7 @@ The shape is `Carousel`'s, which is the nearest thing in the library: a
   /** Label for the control that leaves the tour. */
   "prop:skipLabel"?: (HelixHeadlessTour["skipLabel"]) | undefined;
   /** Space left around the target when it is lit, in pixels. */
-  "attr:spotlight-padding"?: (HelixHeadlessTour["spotlightPadding"]) | undefined;
+  "attr:spotlight-padding"?: (HelixHeadlessTour["spotlightPadding"] | `${number}`) | undefined;
   /** Space left around the target when it is lit, in pixels. */
   "prop:spotlightPadding"?: (HelixHeadlessTour["spotlightPadding"]) | undefined;
   /** Fired before the current stop moves, carrying the new index. Cancelable: refusing it takes the decision and nothing moves. */
@@ -16425,7 +16443,7 @@ as long as anyone is likely to look.
 
 The wait is only ever about *idling*. A video that is paused keeps its bar
 regardless, because a reader who stopped it is deciding what to do next. */
-  "idle-delay"?: (HelixHeadlessVideo["idleDelay"]) | undefined;
+  "idle-delay"?: (HelixHeadlessVideo["idleDelay"] | `${number}`) | undefined;
   /** How long the bar waits after the pointer stops before it goes, in ms.
 
 A wait rather than leaving with the pointer, or a reader moving across the
@@ -16672,7 +16690,7 @@ as long as anyone is likely to look.
 
 The wait is only ever about *idling*. A video that is paused keeps its bar
 regardless, because a reader who stopped it is deciding what to do next. */
-  "attr:idle-delay"?: (HelixHeadlessVideo["idleDelay"]) | undefined;
+  "attr:idle-delay"?: (HelixHeadlessVideo["idleDelay"] | `${number}`) | undefined;
   /** How long the bar waits after the pointer stops before it goes, in ms.
 
 A wait rather than leaving with the pointer, or a reader moving across the
@@ -16989,8 +17007,9 @@ export type CustomElements = {
    * Items are matched with `instanceof HelixHeadlessAccordionItem`, never by tag
    * name. Matching `helix-accordion-item` would tie this tier to the styled one.
    *
-   * Every listener is attached on connect, so none of it runs on the server,
-   * where there is no tree to walk and no events to hear.
+   * The keyboard listener is the controller's and is attached on connect, so
+   * none of it runs on the server, where there is no tree to walk and no events
+   * to hear.
    *
    * ## Attributes & Properties
    *
@@ -17292,7 +17311,10 @@ export type CustomElements = {
    * cannot be cast onto across unrelated classes, so it would be invisible to
    * every chart that needs it. Reading where a pointer is resting is a fair
    * thing to ask a chart anyway. (property only) (readonly)
-   * - `series`: The columns of the table, one series each, or none if there is no table. (property only) (readonly)
+   * - `series`: The columns of the table, one series each, or none if there is no table.
+   *
+   * Held by the controller between edits, so a render reading this five
+   * times parses the table once. See `SourceController.series`. (property only) (readonly)
    * - `named`: What to call the drawing, the consumer's word or the table's own.
    *
    * The fallback is the reason this is shared rather than copied: a caption is
@@ -17456,6 +17478,14 @@ export type CustomElements = {
    * - `src`: Image to show.
    *
    * Falls back to the slot, or to initials, if it fails.
+   * - `status`: Where the image stands: still on its way, arrived, or failed and replaced
+   * by the initials.
+   *
+   * Read-only to a consumer: it is a report rather than a setting, and the same
+   * report `Image` gives, for the same reason. `load` and `error` fire once, so
+   * a listener bound after the picture settled hears neither, which is the
+   * platform on an `<img>` too, and this is what that listener asks instead.
+   * Mirrored to `data-status` rather than reflected, as `Image` explains. (property only)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -17684,7 +17714,10 @@ export type CustomElements = {
    * cannot be cast onto across unrelated classes, so it would be invisible to
    * every chart that needs it. Reading where a pointer is resting is a fair
    * thing to ask a chart anyway. (property only) (readonly)
-   * - `series`: The columns of the table, one series each, or none if there is no table. (property only) (readonly)
+   * - `series`: The columns of the table, one series each, or none if there is no table.
+   *
+   * Held by the controller between edits, so a render reading this five
+   * times parses the table once. See `SourceController.series`. (property only) (readonly)
    * - `named`: What to call the drawing, the consumer's word or the table's own.
    *
    * The fallback is the reason this is shared rather than copied: a caption is
@@ -20819,6 +20852,13 @@ export type CustomElements = {
    * an end in April otherwise means paging between them and losing sight of the
    * first. The panel is sized by its content, so this widens it.
    * - `placeholder`: What the field says before a date is in it.
+   * - `step`: How far apart the selectable dates are, in days.
+   *
+   * `<input type="date" step>`'s own unit, handed to the calendar this renders
+   * so the field and the grid agree about which dates exist. Counted from `min`
+   * where there is one and from 1 January 1970 where there is not, which is the
+   * platform's base.
+   * - `trigger-label`/`triggerLabel`: Accessible name for the control that opens the calendar.
    * - `readonly`/`readOnly`: Whether the control refuses changes while still submitting its value.
    *
    * **Enforced by refusing every request in one place**, which is the seam this
@@ -20830,13 +20870,6 @@ export type CustomElements = {
    * submits nothing and leaves the tab order, and a read-only one submits its
    * value and stays reachable, which is what a form showing a value somebody
    * else set needs.
-   * - `step`: How far apart the selectable dates are, in days.
-   *
-   * `<input type="date" step>`'s own unit, handed to the calendar this renders
-   * so the field and the grid agree about which dates exist. Counted from `min`
-   * where there is one and from 1 January 1970 where there is not, which is the
-   * platform's base.
-   * - `trigger-label`/`triggerLabel`: Accessible name for the control that opens the calendar.
    * - `open`: Whether the element is open.
    *
    * One property, not two, so `dialog.open` answers the question anyone
@@ -21654,7 +21687,10 @@ export type CustomElements = {
    * cannot be cast onto across unrelated classes, so it would be invisible to
    * every chart that needs it. Reading where a pointer is resting is a fair
    * thing to ask a chart anyway. (property only) (readonly)
-   * - `series`: The columns of the table, one series each, or none if there is no table. (property only) (readonly)
+   * - `series`: The columns of the table, one series each, or none if there is no table.
+   *
+   * Held by the controller between edits, so a render reading this five
+   * times parses the table once. See `SourceController.series`. (property only) (readonly)
    * - `named`: What to call the drawing, the consumer's word or the table's own.
    *
    * The fallback is the reason this is shared rather than copied: a caption is
@@ -22193,9 +22229,9 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
-   * - `input`: Announced once the value has moved.
    * - `change`: Announced once the value has moved.
    * - `helix-before-change`: Fired before the chosen files change, with their names. Cancelable: refusing it takes the decision and nothing moves.
+   * - `input`: Announced once the value has moved.
    *
    * ## Slots
    *
@@ -22445,7 +22481,7 @@ export type CustomElements = {
    * mean, so declaring them was ceremony for the case every product has; the
    * example above is what a consumer writes when the words matter, not the price
    * of admission. Declaring one comparison replaces both rather than joining
-   * them — see `vocabulary`, which is where that is decided once for the menu and
+   * them: see `vocabulary`, which is where that is decided once for the menu and
    * the grammar together.
    *
    * **Values are `Option`s, which is the element a consumer already has.** They
@@ -22763,8 +22799,8 @@ export type CustomElements = {
    * pointer has already handled the keyboard.
    *
    * **It reads what was declared, and nothing that was not.** Write
-   * `FilterField`s — usually inside the `FilterMenu` slotted into `start`, so the
-   * picker and the text work off one set — and Enter reads the box against them:
+   * `FilterField`s (usually inside the `FilterMenu` slotted into `start`, so the
+   * picker and the text work off one set), and Enter reads the box against them:
    * `disposition:refunded,settled` and `-disposition:refunded` announce
    * `helix-facet`, exactly as ticking those values in the picker would, and the
    * text they were read from goes. Everything else stays where it was typed, so
@@ -23231,7 +23267,10 @@ export type CustomElements = {
    * cannot be cast onto across unrelated classes, so it would be invisible to
    * every chart that needs it. Reading where a pointer is resting is a fair
    * thing to ask a chart anyway. (property only) (readonly)
-   * - `series`: The columns of the table, one series each, or none if there is no table. (property only) (readonly)
+   * - `series`: The columns of the table, one series each, or none if there is no table.
+   *
+   * Held by the controller between edits, so a render reading this five
+   * times parses the table once. See `SourceController.series`. (property only) (readonly)
    * - `named`: What to call the drawing, the consumer's word or the table's own.
    *
    * The fallback is the reason this is shared rather than copied: a caption is
@@ -24216,7 +24255,10 @@ export type CustomElements = {
    * cannot be cast onto across unrelated classes, so it would be invisible to
    * every chart that needs it. Reading where a pointer is resting is a fair
    * thing to ask a chart anyway. (property only) (readonly)
-   * - `series`: The columns of the table, one series each, or none if there is no table. (property only) (readonly)
+   * - `series`: The columns of the table, one series each, or none if there is no table.
+   *
+   * Held by the controller between edits, so a render reading this five
+   * times parses the table once. See `SourceController.series`. (property only) (readonly)
    * - `named`: What to call the drawing, the consumer's word or the table's own.
    *
    * The fallback is the reason this is shared rather than copied: a caption is
@@ -27782,7 +27824,10 @@ export type CustomElements = {
    * cannot be cast onto across unrelated classes, so it would be invisible to
    * every chart that needs it. Reading where a pointer is resting is a fair
    * thing to ask a chart anyway. (property only) (readonly)
-   * - `series`: The columns of the table, one series each, or none if there is no table. (property only) (readonly)
+   * - `series`: The columns of the table, one series each, or none if there is no table.
+   *
+   * Held by the controller between edits, so a render reading this five
+   * times parses the table once. See `SourceController.series`. (property only) (readonly)
    * - `named`: What to call the drawing, the consumer's word or the table's own.
    *
    * The fallback is the reason this is shared rather than copied: a caption is
@@ -30307,17 +30352,6 @@ export type CustomElements = {
    * form submits. `helix-time-picker` 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.
-   * - `readonly`/`readOnly`: Whether the control refuses changes while still submitting its value.
-   *
-   * **Enforced by refusing every request in one place**, which is the seam this
-   * component already has: `requestValue` is what every path here comes through,
-   * and gating it once is what stops the next call site from being written
-   * without the check.
-   *
-   * Not `disabled`, which is the confusion worth naming: a disabled control
-   * submits nothing and leaves the tab order, and a read-only one submits its
-   * value and stays reachable, which is what a form showing a value somebody
-   * else set needs.
    * - `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.
    *
@@ -30339,6 +30373,17 @@ export type CustomElements = {
    * not touch, and React reads that as a hydration mismatch. The absent
    * attribute *is* the list, which the stylesheet reads as the base rule, so
    * only the departure has to be named.
+   * - `readonly`/`readOnly`: Whether the control refuses changes while still submitting its value.
+   *
+   * **Enforced by refusing every request in one place**, which is the seam this
+   * component already has: `requestValue` is what every path here comes through,
+   * and gating it once is what stops the next call site from being written
+   * without the check.
+   *
+   * Not `disabled`, which is the confusion worth naming: a disabled control
+   * submits nothing and leaves the tab order, and a read-only one submits its
+   * value and stays reachable, which is what a form showing a value somebody
+   * else set needs.
    * - `open`: Whether the element is open.
    *
    * One property, not two, so `dialog.open` answers the question anyone
@@ -32922,8 +32967,9 @@ export type CustomElementsSolidJs = {
    * Items are matched with `instanceof HelixHeadlessAccordionItem`, never by tag
    * name. Matching `helix-accordion-item` would tie this tier to the styled one.
    *
-   * Every listener is attached on connect, so none of it runs on the server,
-   * where there is no tree to walk and no events to hear.
+   * The keyboard listener is the controller's and is attached on connect, so
+   * none of it runs on the server, where there is no tree to walk and no events
+   * to hear.
    *
    * ## Attributes & Properties
    *
@@ -33232,7 +33278,10 @@ export type CustomElementsSolidJs = {
    * cannot be cast onto across unrelated classes, so it would be invisible to
    * every chart that needs it. Reading where a pointer is resting is a fair
    * thing to ask a chart anyway. (property only) (readonly)
-   * - `series`: The columns of the table, one series each, or none if there is no table. (property only) (readonly)
+   * - `series`: The columns of the table, one series each, or none if there is no table.
+   *
+   * Held by the controller between edits, so a render reading this five
+   * times parses the table once. See `SourceController.series`. (property only) (readonly)
    * - `named`: What to call the drawing, the consumer's word or the table's own.
    *
    * The fallback is the reason this is shared rather than copied: a caption is
@@ -33400,6 +33449,14 @@ export type CustomElementsSolidJs = {
    * - `src`: Image to show.
    *
    * Falls back to the slot, or to initials, if it fails.
+   * - `status`: Where the image stands: still on its way, arrived, or failed and replaced
+   * by the initials.
+   *
+   * Read-only to a consumer: it is a report rather than a setting, and the same
+   * report `Image` gives, for the same reason. `load` and `error` fire once, so
+   * a listener bound after the picture settled hears neither, which is the
+   * platform on an `<img>` too, and this is what that listener asks instead.
+   * Mirrored to `data-status` rather than reflected, as `Image` explains. (property only)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -33634,7 +33691,10 @@ export type CustomElementsSolidJs = {
    * cannot be cast onto across unrelated classes, so it would be invisible to
    * every chart that needs it. Reading where a pointer is resting is a fair
    * thing to ask a chart anyway. (property only) (readonly)
-   * - `series`: The columns of the table, one series each, or none if there is no table. (property only) (readonly)
+   * - `series`: The columns of the table, one series each, or none if there is no table.
+   *
+   * Held by the controller between edits, so a render reading this five
+   * times parses the table once. See `SourceController.series`. (property only) (readonly)
    * - `named`: What to call the drawing, the consumer's word or the table's own.
    *
    * The fallback is the reason this is shared rather than copied: a caption is
@@ -36815,6 +36875,13 @@ export type CustomElementsSolidJs = {
    * an end in April otherwise means paging between them and losing sight of the
    * first. The panel is sized by its content, so this widens it.
    * - `placeholder`: What the field says before a date is in it.
+   * - `step`: How far apart the selectable dates are, in days.
+   *
+   * `<input type="date" step>`'s own unit, handed to the calendar this renders
+   * so the field and the grid agree about which dates exist. Counted from `min`
+   * where there is one and from 1 January 1970 where there is not, which is the
+   * platform's base.
+   * - `trigger-label`/`triggerLabel`: Accessible name for the control that opens the calendar.
    * - `readonly`/`readOnly`: Whether the control refuses changes while still submitting its value.
    *
    * **Enforced by refusing every request in one place**, which is the seam this
@@ -36826,13 +36893,6 @@ export type CustomElementsSolidJs = {
    * submits nothing and leaves the tab order, and a read-only one submits its
    * value and stays reachable, which is what a form showing a value somebody
    * else set needs.
-   * - `step`: How far apart the selectable dates are, in days.
-   *
-   * `<input type="date" step>`'s own unit, handed to the calendar this renders
-   * so the field and the grid agree about which dates exist. Counted from `min`
-   * where there is one and from 1 January 1970 where there is not, which is the
-   * platform's base.
-   * - `trigger-label`/`triggerLabel`: Accessible name for the control that opens the calendar.
    * - `open`: Whether the element is open.
    *
    * One property, not two, so `dialog.open` answers the question anyone
@@ -37662,7 +37722,10 @@ export type CustomElementsSolidJs = {
    * cannot be cast onto across unrelated classes, so it would be invisible to
    * every chart that needs it. Reading where a pointer is resting is a fair
    * thing to ask a chart anyway. (property only) (readonly)
-   * - `series`: The columns of the table, one series each, or none if there is no table. (property only) (readonly)
+   * - `series`: The columns of the table, one series each, or none if there is no table.
+   *
+   * Held by the controller between edits, so a render reading this five
+   * times parses the table once. See `SourceController.series`. (property only) (readonly)
    * - `named`: What to call the drawing, the consumer's word or the table's own.
    *
    * The fallback is the reason this is shared rather than copied: a caption is
@@ -38212,9 +38275,9 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
-   * - `input`: Announced once the value has moved.
    * - `change`: Announced once the value has moved.
    * - `helix-before-change`: Fired before the chosen files change, with their names. Cancelable: refusing it takes the decision and nothing moves.
+   * - `input`: Announced once the value has moved.
    *
    * ## Slots
    *
@@ -38468,7 +38531,7 @@ export type CustomElementsSolidJs = {
    * mean, so declaring them was ceremony for the case every product has; the
    * example above is what a consumer writes when the words matter, not the price
    * of admission. Declaring one comparison replaces both rather than joining
-   * them — see `vocabulary`, which is where that is decided once for the menu and
+   * them: see `vocabulary`, which is where that is decided once for the menu and
    * the grammar together.
    *
    * **Values are `Option`s, which is the element a consumer already has.** They
@@ -38789,8 +38852,8 @@ export type CustomElementsSolidJs = {
    * pointer has already handled the keyboard.
    *
    * **It reads what was declared, and nothing that was not.** Write
-   * `FilterField`s — usually inside the `FilterMenu` slotted into `start`, so the
-   * picker and the text work off one set — and Enter reads the box against them:
+   * `FilterField`s (usually inside the `FilterMenu` slotted into `start`, so the
+   * picker and the text work off one set), and Enter reads the box against them:
    * `disposition:refunded,settled` and `-disposition:refunded` announce
    * `helix-facet`, exactly as ticking those values in the picker would, and the
    * text they were read from goes. Everything else stays where it was typed, so
@@ -39259,7 +39322,10 @@ export type CustomElementsSolidJs = {
    * cannot be cast onto across unrelated classes, so it would be invisible to
    * every chart that needs it. Reading where a pointer is resting is a fair
    * thing to ask a chart anyway. (property only) (readonly)
-   * - `series`: The columns of the table, one series each, or none if there is no table. (property only) (readonly)
+   * - `series`: The columns of the table, one series each, or none if there is no table.
+   *
+   * Held by the controller between edits, so a render reading this five
+   * times parses the table once. See `SourceController.series`. (property only) (readonly)
    * - `named`: What to call the drawing, the consumer's word or the table's own.
    *
    * The fallback is the reason this is shared rather than copied: a caption is
@@ -40263,7 +40329,10 @@ export type CustomElementsSolidJs = {
    * cannot be cast onto across unrelated classes, so it would be invisible to
    * every chart that needs it. Reading where a pointer is resting is a fair
    * thing to ask a chart anyway. (property only) (readonly)
-   * - `series`: The columns of the table, one series each, or none if there is no table. (property only) (readonly)
+   * - `series`: The columns of the table, one series each, or none if there is no table.
+   *
+   * Held by the controller between edits, so a render reading this five
+   * times parses the table once. See `SourceController.series`. (property only) (readonly)
    * - `named`: What to call the drawing, the consumer's word or the table's own.
    *
    * The fallback is the reason this is shared rather than copied: a caption is
@@ -43894,7 +43963,10 @@ export type CustomElementsSolidJs = {
    * cannot be cast onto across unrelated classes, so it would be invisible to
    * every chart that needs it. Reading where a pointer is resting is a fair
    * thing to ask a chart anyway. (property only) (readonly)
-   * - `series`: The columns of the table, one series each, or none if there is no table. (property only) (readonly)
+   * - `series`: The columns of the table, one series each, or none if there is no table.
+   *
+   * Held by the controller between edits, so a render reading this five
+   * times parses the table once. See `SourceController.series`. (property only) (readonly)
    * - `named`: What to call the drawing, the consumer's word or the table's own.
    *
    * The fallback is the reason this is shared rather than copied: a caption is
@@ -46483,17 +46555,6 @@ export type CustomElementsSolidJs = {
    * form submits. `helix-time-picker` 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.
-   * - `readonly`/`readOnly`: Whether the control refuses changes while still submitting its value.
-   *
-   * **Enforced by refusing every request in one place**, which is the seam this
-   * component already has: `requestValue` is what every path here comes through,
-   * and gating it once is what stops the next call site from being written
-   * without the check.
-   *
-   * Not `disabled`, which is the confusion worth naming: a disabled control
-   * submits nothing and leaves the tab order, and a read-only one submits its
-   * value and stays reachable, which is what a form showing a value somebody
-   * else set needs.
    * - `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.
    *
@@ -46515,6 +46576,17 @@ export type CustomElementsSolidJs = {
    * not touch, and React reads that as a hydration mismatch. The absent
    * attribute *is* the list, which the stylesheet reads as the base rule, so
    * only the departure has to be named.
+   * - `readonly`/`readOnly`: Whether the control refuses changes while still submitting its value.
+   *
+   * **Enforced by refusing every request in one place**, which is the seam this
+   * component already has: `requestValue` is what every path here comes through,
+   * and gating it once is what stops the next call site from being written
+   * without the check.
+   *
+   * Not `disabled`, which is the confusion worth naming: a disabled control
+   * submits nothing and leaves the tab order, and a read-only one submits its
+   * value and stays reachable, which is what a form showing a value somebody
+   * else set needs.
    * - `open`: Whether the element is open.
    *
    * One property, not two, so `dialog.open` answers the question anyone